.brontari-credit-badge[data-astro-cid-7vt47hhw]{color:currentColor;opacity:.85;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:opacity .15s;display:inline-flex}.brontari-credit-badge[data-astro-cid-7vt47hhw]:hover,.brontari-credit-badge[data-astro-cid-7vt47hhw]:focus-visible{opacity:1}.brontari-credit-badge[data-astro-cid-7vt47hhw]:focus-visible{outline-offset:2px;outline:2px solid}.brontari-credit-badge[data-astro-cid-7vt47hhw] svg[data-astro-cid-7vt47hhw]{flex-shrink:0}:root{--bg:#fbfaf6;--surface:#f2efe6;--surface-alt:#fbfaf6;--surface-strong:#eae6da;--surface-muted:#eae6da;--ink:#15140f;--ink-soft:#55503f;--muted:#6e6551;--hint:#736c5c;--border:#15140f14;--border-strong:#15140f29;--accent:#ffc21a;--accent-strong:#15140f;--success-bg:#e7f0e4;--success-fg:#3e7a3a;--warning-bg:#fff3cc;--warning-fg:#8a5e08;--danger:#b23b2e;--danger-bg:#fbeeec;--danger-border:#b23b2e2e;--dark-bg:#121110;--dark-surface:#1e1c18;--dark-text:#fbfaf6;--dark-muted:#a8a293;--dark-faint:#6e6551;--radius-card:20px;--radius-pill:999px;--link:#15140f;--accent-wash:#ffc21a;--beak:#ff5a4e;--radius-xl:32px;--radius-xxl:48px;--ease-feder:cubic-bezier(.3, 1.6, .5, 1);--ease-gleit:cubic-bezier(.7, 0, .2, 1);--ease-raus:cubic-bezier(.2, .9, .2, 1.15);--font-display:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-text:"Geist", system-ui, -apple-system, sans-serif}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.band-wash{background:var(--accent-wash)}.band-wash .eyebrow{color:var(--ink-soft)}.band-wash .eyebrow:before{background:var(--ink)}.display{font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin:0 0 .5em;font-size:clamp(2.6rem,8vw,6.4rem);font-weight:800;line-height:.98}.display em{color:var(--ink);background-image:linear-gradient(var(--accent), var(--accent));background-position:0 86%;background-repeat:no-repeat;background-size:100% .36em;padding-inline:.04em;font-style:normal}.band-dark .display em{color:var(--accent);background:0 0}.raster{align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}@media (width>=900px){.raster{grid-template-columns:7fr 5fr}.raster--gedreht{grid-template-columns:5fr 7fr}}.hero{padding-block:clamp(2.5rem,7vw,6rem)}.wort{display:inline-block}@media (prefers-reduced-motion:no-preference){.titel-animiert .wort{animation:pirolo-wort .8s var(--ease-raus) both;animation-delay:calc(var(--i,0) * 70ms)}.titel-animiert em{animation:pirolo-marker .8s var(--ease-gleit) both;animation-delay:calc(var(--i,0) * 70ms + .45s)}.hero__nach{animation:pirolo-wort .8s var(--ease-raus) both;animation-delay:calc(var(--i,0) * .12s + .7s)}}@keyframes pirolo-wort{0%{opacity:0;transform:translateY(55%)rotate(4deg)}}@keyframes pirolo-marker{0%{background-size:0% .36em}}.lead--schmal{max-width:44ch}.kennzahl{border-top:3px solid var(--ink);gap:.3rem;padding-top:1rem;display:grid}.kennzahl__wert{font-family:var(--font-display);letter-spacing:-.06em;transform-origin:0 100%;font-size:clamp(4rem,10vw,7rem);font-weight:800;line-height:.9;display:inline-block}.kennzahl__label{color:var(--ink-soft);max-width:30ch;font-size:1rem}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1rem,3vw,2rem);margin-top:clamp(2rem,5vw,3.5rem);display:grid}.hero-buehne{position:relative}.hero-fold{margin:0}.hero-fold__svg{width:100%;height:auto;display:block}.hero-fold__bar{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite pirolo-hero-welle}@keyframes pirolo-hero-welle{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1.12)}}.hero-fold__blatt{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite pirolo-schweben}@keyframes pirolo-schweben{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(1deg)}}.blase{width:clamp(48px,7vw,68px);height:clamp(48px,7vw,68px);animation:pirolo-blase 4.8s var(--ease-feder) infinite both;place-items:center;display:grid;position:absolute}.blase svg{width:46%;height:46%}.blase--frage{background:var(--beak);transform-origin:0 100%;border-radius:24px 24px 24px 6px;top:-4%;right:10%}.blase--antwort{background:var(--bg);border:2px solid var(--ink);transform-origin:100% 100%;border-radius:24px 24px 6px;animation-delay:2.4s;bottom:-2%;left:30%}@keyframes pirolo-blase{0%,8%{opacity:0;transform:scale(0)}18%,42%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.hero-fold__bar,.hero-fold__blatt{animation:none}.blase{opacity:1;animation:none;transform:none}}.prose--links{margin-inline:0}.ticker{padding-block:1.6rem;overflow:hidden}.ticker__band{background:var(--accent);border-block:3px solid var(--ink);margin-inline:-2rem;padding-block:.9rem;overflow:hidden;transform:rotate(-1.6deg)}.ticker__spur{width:max-content;animation:34s linear infinite pirolo-ticker;display:flex}.ticker[data-lauf=pause] .ticker__spur,.ticker__band:hover .ticker__spur{animation-play-state:paused}.ticker__gruppe{display:flex}.ticker__wort{white-space:nowrap;font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);align-items:center;padding-inline:.45em;font-size:clamp(1.6rem,4.6vw,3.2rem);font-weight:800;display:inline-flex}.ticker__wort:after{content:"";border-radius:var(--radius-pill);background:var(--ink);width:.32em;height:.32em;margin-left:.9em}.ticker__leiste{margin-top:1.6rem}@keyframes pirolo-ticker{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker__band{margin-inline:0;transform:none}.ticker__spur{width:100%;animation:none}.ticker__gruppe{flex-wrap:wrap}.ticker__gruppe--kopie,.ticker__knopf{display:none}}.loop{position:relative}.loop__marke{pointer-events:none;height:25%;position:absolute;inset-inline:0}.loop__schritte{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.loop__schritt{background:var(--surface);border-radius:var(--radius-xl);flex-direction:column;gap:.6rem;margin:0;padding:1.6rem;display:flex}.loop__nummer{border-radius:var(--radius-pill);background:var(--ink);width:3rem;height:3rem;color:var(--bg);font-family:var(--font-display);place-items:center;font-size:1.3rem;font-weight:800;display:inline-grid}.loop__schritt h3{margin:0;font-size:clamp(1.3rem,2.4vw,1.75rem)}.loop__schritt p{color:var(--ink-soft);max-width:52ch;margin:0}.loop[data-modus=scroll]{min-height:340vh}.loop[data-modus=scroll] .loop__buehne{align-content:center;min-height:100vh;padding-block:clamp(5rem,8vw,6rem) clamp(2rem,6vw,4rem);display:grid;position:sticky;top:0}.loop[data-modus=scroll] .loop__schritt{opacity:.35;transition:opacity .45s ease, transform .55s var(--ease-feder), background .3s;transform:translateY(14px)scale(.97)}.loop[data-modus=scroll] .loop__schritt[data-aktiv=ja]{opacity:1;background:var(--accent);transform:translateY(-6px)rotate(-1.2deg)scale(1.02)}.loop[data-modus=scroll] .loop__schritt[data-aktiv=ja] p{color:var(--ink)}.mikro{aspect-ratio:1;justify-self:center;width:clamp(200px,26vw,300px);position:relative}.mikro__ring{border-radius:var(--radius-pill);border:2px solid var(--accent);animation:2.7s ease-out infinite pirolo-ring;position:absolute;inset:0}.mikro__ring:nth-child(2){animation-delay:.9s}.mikro__ring:nth-child(3){animation-delay:1.8s}.mikro__kern{border-radius:var(--radius-pill);background:var(--accent);place-items:center;display:grid;position:absolute;inset:30%}.mikro__kern svg{width:44%;height:44%}@keyframes pirolo-ring{0%{opacity:1;transform:scale(.45)}to{opacity:0;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.mikro__ring{opacity:.35;animation:none}.mikro__ring:nth-child(2){transform:scale(.75)}.mikro__ring:nth-child(3){display:none}}.band-cta{background:var(--beak);color:var(--ink);border-radius:var(--radius-xxl);text-align:center;margin:clamp(1rem,3vw,2rem) clamp(.5rem,1.5vw,1rem) 0;padding-block:clamp(3rem,8vw,6rem);overflow:hidden}.band-cta .eyebrow{color:var(--ink);justify-content:center}.band-cta .eyebrow:before{background:var(--ink)}.band-cta .display{max-width:14ch;margin-inline:auto}.band-cta .btn-row{justify-content:center}.band-cta [data-pirol-hopst]{margin-bottom:.5rem;display:block}.band-cta .btn{border-color:var(--ink)}.band-cta .btn--primary{box-shadow:0 5px 0 var(--accent)}.pirol{flex:none;overflow:visible}.pirol__koerper,.pirol__schwanz,.pirol__auge{transform-box:view-box}.pirol__koerper{transform-origin:110px 168px}.pirol__schwanz{transform-origin:66px 150px}.pirol__auge{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.pirol__koerper{animation:3.4s ease-in-out infinite pirolo-atmen}.pirol__schwanz{animation:3.4s ease-in-out infinite pirolo-wippen}.pirol__auge{animation:4.5s infinite pirolo-blinzeln}.brand:hover .pirol__schwanz{animation:.7s ease-in-out pirolo-wippen}.pirol--hopst .pirol__koerper{animation:pirolo-hopsen .9s var(--ease-feder), pirolo-atmen 3.4s ease-in-out .9s infinite}}@keyframes pirolo-atmen{0%,to{transform:scale(1)}50%{transform:scale(1.015,.985)}}@keyframes pirolo-wippen{0%,70%,to{transform:rotate(0)}76%{transform:rotate(8deg)}82%{transform:rotate(-3deg)}}@keyframes pirolo-blinzeln{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.1)}}@keyframes pirolo-hopsen{0%{transform:translateY(0)scale(1)}25%{transform:translateY(0)scale(1.06,.92)}55%{transform:translateY(-26px)scale(.96,1.05)}80%{transform:translateY(0)scale(1.04,.96)}to{transform:translateY(0)scale(1)}}.preise-raster{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1.4rem;display:grid}.preiskarte{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:clamp(1.4rem,3vw,2.2rem)}.preiskarte--stark{background:var(--accent-wash);border-color:var(--border-strong)}.preiskarte__name{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 .6rem;font-size:.78rem;font-weight:700}.preiskarte__preis{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .8rem;display:flex}.preiskarte__betrag{letter-spacing:-.045em;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800;line-height:1}.preiskarte__takt{color:var(--ink-soft);font-size:.95rem}.preiskarte__kern{margin:0;font-size:1.05rem}.preiskarte__liste{margin:1.4rem 0 0;padding-left:1.2rem}.preiskarte__liste li{color:var(--ink-soft);font-size:.95rem}.preiskarte__grenze{margin:1.2rem 0 0}.budget{margin-top:1.4rem}.budget__zeile{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;display:flex}.budget__wert{letter-spacing:-.04em;min-width:2.6ch;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;line-height:1.1}.budget__einheit{color:var(--ink-soft);font-size:.92rem}.budget__spur{border-radius:var(--radius-pill);background:var(--surface-muted);height:10px;margin:.7rem 0;overflow:hidden}.budget__fuellung{background:var(--accent-strong);border-radius:var(--radius-pill);height:100%;display:block}.fussnoten{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.fussnoten li{color:var(--ink-soft);max-width:62ch;margin:0;font-size:.95rem}.fussnoten strong{color:var(--ink)}.rechner{max-width:46rem}.rechner__label{margin-bottom:.9rem;font-weight:600;display:block}.rechner__regler{width:100%;accent-color:var(--accent-strong)}.rechner__seiten{margin:1rem 0 .3rem}.rechner__zahl{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.rechner__klein{color:var(--ink-soft);margin-left:.4rem;font-size:.85rem}.rechner__ausgabe{letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,3vw,1.7rem);font-weight:700}.rechner__upload{max-width:56ch;margin:1.1rem 0 0}.rechner__upload[hidden]{display:none}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin-wght.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-latin-wght.woff2)format("woff2");font-weight:100 900;font-display:swap}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:clip}img{max-width:100%;height:auto}a{color:var(--link);text-decoration-color:var(--accent);text-underline-offset:.2em;transition:text-decoration-thickness .2s var(--ease-gleit);text-decoration-thickness:.14em}a:hover{color:var(--ink);text-decoration-thickness:.32em}:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:4px}.skip-link{background:var(--ink);color:var(--bg);border-radius:0 0 var(--radius-card) 0;z-index:10;padding:.7rem 1.1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{color:var(--bg);left:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:min(100% - 2.4rem,1180px);margin-inline:auto}.prose{max-width:65ch;margin-inline:auto}.section{padding-block:clamp(2.4rem,6vw,5rem)}.section--tight{padding-block:clamp(1.4rem,3vw,2.4rem)}.stack>*+*{margin-top:1rem}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 .6em;font-weight:800;line-height:1.05}h1{letter-spacing:-.045em;font-size:clamp(2.4rem,6.5vw,4.4rem)}h2{letter-spacing:-.04em;font-size:clamp(1.9rem,4.4vw,3.2rem)}h3{letter-spacing:-.025em;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700}p{margin:0 0 1rem}ul,ol{margin:0 0 1rem;padding-left:1.3rem}li+li{margin-top:.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items:center;gap:.6em;margin:0 0 .8rem;font-size:.76rem;font-weight:600;display:flex}.eyebrow:before{content:"";border-radius:var(--radius-pill);background:var(--beak);flex:none;width:.7em;height:.7em}.lead{color:var(--ink-soft);font-size:clamp(1.05rem,2vw,1.25rem)}.small{color:var(--ink-soft);font-size:.88rem}.band-dark{background:var(--dark-bg);color:var(--dark-text);border-radius:var(--radius-xxl);margin-inline:clamp(.5rem,1.5vw,1rem)}.band-dark .eyebrow:before{background:var(--accent)}.band-dark .eyebrow{color:var(--accent)}.band-dark .lead,.band-dark .small{color:var(--dark-muted)}.band-dark a{color:var(--accent)}.band-dark a:hover{color:var(--dark-text)}.btn{min-height:48px;font:inherit;border:2px solid var(--ink);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;transition:transform .3s var(--ease-feder), box-shadow .3s var(--ease-feder), background .2s;background:0 0;justify-content:center;align-items:center;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{color:var(--ink);background:var(--surface);transform:translateY(-3px)rotate(-1deg)}.btn:active{transform:scale(.96)}.btn--primary{background:var(--ink);color:var(--bg);box-shadow:0 5px 0 var(--accent)}.btn--primary:hover{color:var(--bg);background:var(--ink);box-shadow:0 9px 0 var(--accent)}.btn--primary:active{box-shadow:0 2px 0 var(--accent)}.band-dark .btn{color:var(--dark-text);border-color:var(--dark-text)}.band-dark .btn--primary{background:var(--accent);color:var(--ink);border-color:var(--accent);box-shadow:0 5px 0 var(--beak)}.btn-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 86%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}@media (width<=699px){.site-header{position:static}}.site-header.ist-gescrollt{border-bottom-color:var(--border);box-shadow:0 6px 24px #15140f0f}.site-header__inner{flex-wrap:wrap;align-items:center;gap:.7rem 1.4rem;padding-block:.9rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.6rem;margin-right:auto;text-decoration:none;display:flex}.brand:hover{color:var(--ink)}.brand__name{font-family:var(--font-display);letter-spacing:-.035em;font-size:1.45rem;font-weight:800}.nav{flex-wrap:wrap;gap:.1rem 1.1rem;display:flex}.nav a{color:var(--ink-soft);padding:.3rem 0;font-size:.95rem;font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.35em;text-decoration-thickness:4px}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.card{background:var(--surface);border-radius:var(--radius-xl);transition:transform .35s var(--ease-feder), background .25s;padding:1.6rem}.card:hover{background:var(--accent);transform:translateY(-6px)rotate(-1deg)}.card:hover .card__icon{background:var(--bg);transform:rotate(-8deg)scale(1.08)}.card h3{margin-bottom:.35rem}.card p{color:var(--ink-soft);margin:0;font-size:.95rem}.card__icon{border-radius:var(--radius-pill);background:var(--accent);width:42px;height:42px;transition:transform .35s var(--ease-feder), background .25s;place-items:center;margin-bottom:1rem;display:grid}.card__icon:before{content:"";background:var(--ink);width:21px;height:21px;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.steps{counter-reset:step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.steps li{background:var(--surface);border-radius:var(--radius-xl);margin:0;padding:1.25rem 1.25rem 1.25rem 3.7rem;position:relative}.steps li:before{counter-increment:step;content:counter(step);border-radius:var(--radius-pill);background:var(--ink);width:1.9rem;height:1.9rem;color:var(--bg);font-family:var(--font-display);place-items:center;font-size:.95rem;font-weight:800;display:grid;position:absolute;top:1.25rem;left:1.1rem}.steps h3{margin-bottom:.35rem}.steps p{color:var(--ink-soft);margin:0;font-size:.95rem}.facts{border-collapse:collapse;width:100%}.facts th,.facts td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.8rem;font-size:.95rem}.facts th{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.72rem;font-weight:600}.facts td:first-child{font-weight:600}@media (width<=640px){.facts,.facts tbody,.facts tr,.facts td{width:100%;display:block}.facts thead{display:none}.facts tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:.8rem;padding:.6rem 1rem}.facts td{border:0;padding:.4rem 0}.facts td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.72rem;font-weight:600;display:block}}.kontakt{background:var(--surface);border-radius:var(--radius-xxl);margin:clamp(1rem,3vw,2rem) clamp(.5rem,1.5vw,1rem) 0}.kontakt__mail{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.3rem,3vw,2rem);font-weight:800}.site-footer{border-top:1px solid var(--border);color:var(--ink-soft);padding-block:1.6rem;font-size:.88rem}.site-footer__inner{flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:.5rem 1.2rem;margin-left:auto;display:flex}.site-footer a{color:var(--ink-soft)}.site-footer a:hover{color:var(--ink)}.mockup-figure{margin:0}.mockup{background:var(--dark-surface);border-radius:var(--radius-xl);text-align:center;max-width:320px;margin-inline:auto;padding:1.6rem 1.4rem 1.8rem;box-shadow:0 20px 50px #00000059}.mockup__art{aspect-ratio:1;background:linear-gradient(150deg, #2e2b24, var(--dark-surface) 60%, var(--dark-bg));border-radius:22px;place-items:center;margin-bottom:1.2rem;display:grid}.mockup__art:after{content:"";background:var(--accent);width:44%;height:44%;mask:url(/icons/pirolo-narrating.png) 50%/contain no-repeat}.mockup__eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--dark-muted);margin:0 0 .3rem;font-size:.72rem;font-weight:600}.mockup__title{color:var(--dark-text);margin:0 0 1.3rem;font-size:1.2rem;font-weight:700}.mockup__ring{place-items:center;width:92px;height:92px;margin:0 auto 1rem;display:grid;position:relative}.mockup__halo{border-radius:var(--radius-pill);background:var(--accent);opacity:.18;animation:2.4s ease-in-out infinite pirolo-ring-pulse;position:absolute;inset:0}.mockup__core{border-radius:var(--radius-pill);background:var(--accent);width:46px;height:46px}.mockup__state{color:var(--dark-muted);margin:0 0 1.3rem;font-size:.9rem}.mockup__track{border-radius:var(--radius-pill);background:#f1eee429;height:6px;margin-bottom:1.3rem;overflow:hidden}.mockup__fill{background:var(--accent);border-radius:var(--radius-pill);width:38%;height:100%;display:block}.mockup__transport{justify-content:center;align-items:center;gap:1.1rem;display:flex}.mockup__btn{border-radius:var(--radius-pill);background:#f1eee41a;place-items:center;width:46px;height:46px;display:grid}.mockup__btn:before{content:"";background:var(--dark-text);width:44%;height:44%;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.mockup__btn--main{background:var(--accent);width:66px;height:66px}.mockup__btn--main:before{background:var(--dark-bg);width:40%;height:40%}.mockup-figure figcaption{text-align:center;color:var(--dark-muted);margin-top:1rem;font-size:.85rem}@keyframes pirolo-ring-pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.3;transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.mockup__halo{animation:none}}.dockind-anim{margin:0}.dockind-anim__svg{width:100%;max-width:320px;height:auto;margin-inline:auto;display:block}.dockind-anim__label{fill:var(--ink-soft);font:700 13px system-ui,-apple-system,sans-serif}.dockind-anim__line{animation:1.6s linear infinite pirolo-dockind-flow}@keyframes pirolo-dockind-flow{to{stroke-dashoffset:-34px}}@media (prefers-reduced-motion:reduce){.dockind-anim__line{animation:none}}.prewarm-anim{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center;max-width:320px;margin-inline:auto;padding:1.5rem}.prewarm-anim__icon{border-radius:var(--radius-pill);background:var(--surface-muted);place-items:center;width:46px;height:46px;margin:0 auto .9rem;display:grid}.prewarm-anim__icon:before{content:"";background:var(--ink-soft);width:46%;height:46%;mask:url(/icons/pirolo-headphones-ring.png) 50%/contain no-repeat}.prewarm-anim__track{border-radius:var(--radius-pill);background:var(--surface-muted);height:8px;margin-bottom:.9rem;overflow:hidden}.prewarm-anim__fill{background:var(--accent-strong);border-radius:var(--radius-pill);height:100%;display:block}.prewarm-anim__status{color:var(--ink-soft);margin:0;font-size:.95rem}.prewarm-anim__percent{color:var(--ink);margin-right:.4rem;font-weight:700}.consent{inset-inline:clamp(.5rem,2vw,1.2rem);z-index:50;background:var(--bg);border:2px solid var(--ink);border-radius:var(--radius-xl);box-shadow:0 6px 0 var(--ink);animation:pirolo-consent-rein .6s var(--ease-raus) both;position:fixed;bottom:clamp(.5rem,2vw,1.2rem)}@keyframes pirolo-consent-rein{0%{transform:translateY(120%)}}@media (prefers-reduced-motion:reduce){.consent{animation:none}}.consent[hidden]{display:none}.consent__inner{flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem;max-width:60rem;margin-inline:auto;padding:1.1rem 1.2rem;display:flex}.consent__titel{color:var(--ink);flex-basis:100%;font-weight:600}.consent__text{color:var(--ink);flex:22rem;margin:0;font-size:.92rem}.consent__buttons{flex-wrap:wrap;gap:.6rem;margin-left:auto;display:flex}.linkbutton{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linkbutton:hover{color:var(--ink)}.warteliste-form{gap:1rem;display:grid}.warteliste-form__feld{gap:.35rem;font-weight:600;display:grid}.warteliste-form__feld .small{font-weight:400}.warteliste-form input,.warteliste-form select{font:inherit;border:2px solid var(--border-strong);background:var(--bg);color:var(--ink);border-radius:16px;width:100%;padding:.7rem .9rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.warteliste-form input:focus,.warteliste-form select:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px #ffc21a8c}.warteliste-form button{cursor:pointer}