@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-v24-latin-regular.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-v24-latin-500.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-v24-latin-600.woff2)format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-v24-latin-700.woff2)format("woff2")}:root{--bg:#050807;--bg-soft:#0a1310;--bg-raised:#0d1a15;--green-100:#e8f5e9;--green-300:#81c784;--green-400:#66bb6a;--green-500:#4caf50;--green-600:#43a047;--green-700:#2e7d32;--green-900:#1b5e20;--green-glow:#4caf5059;--green-glow-soft:#4caf501f;--border-green:#4caf502e;--gold:#f9a825;--gold-soft:#f9a8251f;--orange:#e65100;--text:#fff;--text-secondary:#ffffffb8;--text-tertiary:#ffffff7a;--text-quaternary:#ffffff47;--fg:var(--text);--accent:var(--green-500);--line:#ffffff1a;--line-strong:#fff3;--font-display:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:var(--font-display);--font-sans:var(--font-body);--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--step--1:clamp(.84rem, .81rem + .14vw, .92rem);--step-0:clamp(1rem, .96rem + .22vw, 1.13rem);--step-1:clamp(1.2rem, 1.11rem + .44vw, 1.45rem);--step-2:clamp(1.5rem, 1.32rem + .9vw, 2.05rem);--step-3:clamp(1.9rem, 1.55rem + 1.75vw, 2.95rem);--step-4:clamp(2.35rem, 1.7rem + 3.2vw, 4.15rem);--step-5:clamp(2.8rem, 1.8rem + 5vw, 5.4rem);--leading-tight:1.08;--leading-snug:1.3;--leading-normal:1.62;--tracking-tight:-.022em;--measure:60ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--section-y:clamp(4.5rem, 9vw, 9rem);--gutter:clamp(1.25rem, 5vw, 3.5rem);--content-max:72rem;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-1:0 1px 2px #0006;--shadow-2:0 18px 48px -18px #000000b3;--shadow-glow:0 0 0 1px var(--border-green), 0 20px 60px -24px var(--green-glow);--dur-fast:.14s;--dur:.26s;--dur-slow:.56s;--ease-out:cubic-bezier(.22, 1, .36, 1);--stage-ground:#050807;--scrim-strength:.8;--scrim-from:6%;--scrim-to:80%}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:clip}img,svg,video,canvas{max-width:100%;display:block}img,video{height:auto}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;font-weight:560}p{text-wrap:pretty}p,li{max-width:var(--measure)}a{color:inherit;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.22em}a:hover{text-decoration-color:currentColor}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.wrap{width:100%;max-width:var(--content-max);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.stack>*+*{margin-top:var(--space-4)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--fg);color:var(--bg);border-radius:var(--radius-sm);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stage__fill{width:100%;height:100%;position:absolute;inset:0}.stage__fill>*,.stage__fill canvas{display:block;width:100%!important;height:100%!important}.eyebrow{font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--green-300);margin-bottom:var(--space-5)}.titel{font-size:var(--step-3);margin-bottom:var(--space-5);max-width:20ch}.titel--klein{font-size:var(--step-2)}.mittig .titel,.mittig .lead{margin-inline:auto}.mittig{text-align:center}.lead{font-size:var(--step-1);color:var(--text-secondary);line-height:var(--leading-snug)}.lead--ruhig{color:var(--text-tertiary)}.lead--mittig{max-width:46ch}.akzent{color:var(--green-400)}.zahl{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.merksatz{margin-top:var(--space-7);padding-left:var(--space-5);border-left:2px solid var(--green-600);font-size:var(--step-2);line-height:var(--leading-snug);max-width:30ch}.merksatz--klein{font-size:var(--step-1);max-width:42ch}.section--soft{background:var(--bg-soft)}.zwei-spalten{gap:var(--space-6) var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.duo{gap:var(--space-7);display:grid}.duo__text .titel{margin-bottom:var(--space-4)}.duo__text .lead{max-width:34ch}.duo .kr__box,.duo .ag__box{max-width:none;margin-top:0}@media (width>=900px){.duo{gap:var(--space-8);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center}}.stores{gap:var(--space-4);margin-top:var(--space-7);flex-wrap:wrap;display:flex}.mittig .stores{justify-content:center}.btn{border-radius:var(--radius-pill);font-weight:600;font-size:var(--step-0);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur) var(--ease-out);justify-content:center;align-items:center;padding:.95rem 1.7rem;text-decoration:none;display:inline-flex}.btn--primaer{background:var(--green-600);color:#fff;box-shadow:0 12px 34px -14px var(--green-glow)}.btn--primaer:hover{background:var(--green-500);transform:translateY(-2px)}.btn--ruhig{border:1px solid var(--line-strong);color:var(--text)}.btn--ruhig:hover{border-color:var(--green-500);transform:translateY(-2px)}.hero__fuss{margin-top:var(--space-5);font-size:var(--step--1);color:var(--text-tertiary)}.hero{isolation:isolate;align-items:center;min-height:100svh;display:grid;position:relative}.hero__bild{z-index:0;position:absolute;inset:0}.hero__bild img{object-fit:cover;object-position:62% 50%;width:100%;height:100%}.hero__scrim{z-index:1;pointer-events:none;background:linear-gradient(100deg, var(--bg) 6%, #050807d1 34%, #05080726 66%), linear-gradient(to top, var(--bg) 2%, transparent 32%);position:absolute;inset:0}.hero__inhalt{z-index:2;padding-block:var(--section-y);position:relative}.hero__titel{font-size:var(--step-5);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);max-width:15ch;margin-bottom:var(--space-5)}.hero__lead{font-size:var(--step-1);color:var(--text-secondary);max-width:40ch}.hero__hinweis{z-index:2;background:linear-gradient(to bottom, transparent, var(--line-strong));width:1px;height:46px;position:absolute;bottom:clamp(1.5rem,4vh,3rem);left:50%;overflow:hidden;translate:-50%}.hero__hinweis span{background:var(--green-400);width:100%;height:40%;animation:rieseln 2.4s var(--ease-out) infinite;display:block}@keyframes rieseln{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}.schritte__reihe{margin-top:var(--space-8);gap:var(--space-7) var(--space-6);counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));padding:0;list-style:none;display:grid}.schritt{max-width:none}.schritt__nr{border-radius:var(--radius-pill);border:1px solid var(--border-green);width:2.1rem;height:2.1rem;color:var(--green-300);font-size:var(--step--1);margin-bottom:var(--space-4);place-items:center;font-weight:600;display:inline-grid}.schritt__titel{font-size:var(--step-1);margin-bottom:var(--space-4)}.schritt__text{color:var(--text-tertiary);font-size:var(--step-0);margin-top:var(--space-4)}.karte{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-2)}.karte--rezept .rezept__name{font-weight:600;font-size:var(--step-0);margin-bottom:var(--space-2)}.karte--rezept .rezept__meta{color:var(--text-tertiary);font-size:var(--step--1)}.liste{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.liste li{font-size:var(--step--1);grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;max-width:none;display:grid}.liste__haken{border:1px solid var(--green-600);background:var(--green-glow-soft);border-radius:5px;width:1rem;height:1rem;position:relative}.liste__haken:after{content:"";border:solid var(--green-400);border-width:0 1.5px 1.5px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.liste__menge{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.karte--ankunft{place-items:center;gap:var(--space-4);padding-block:var(--space-7);display:grid}.ankunft__mark{border-radius:var(--radius-pill);background:var(--green-600);width:3rem;height:3rem;box-shadow:0 0 0 0 var(--green-glow);position:relative}.ankunft__mark:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:.7rem;height:1.3rem;position:absolute;top:.7rem;left:1.05rem;transform:rotate(45deg)}.ankunft__text{color:var(--green-300);font-weight:600}.schritte .schritt{opacity:0;transform:translateY(18px)}.schritte[data-drin=true] .schritt{opacity:1;transition:opacity var(--dur-slow) var(--ease-out) calc(var(--i) * .16s), transform var(--dur-slow) var(--ease-out) calc(var(--i) * .16s);transform:none}.schritte .liste li{opacity:0;transform:translate(-8px)}.schritte[data-drin=true] .liste li{opacity:1;transition:opacity .42s var(--ease-out) calc(.56s + var(--z) * .13s), transform .42s var(--ease-out) calc(.56s + var(--z) * .13s);transform:none}.schritte[data-drin=true] .ankunft__mark{animation:ankommen .9s var(--ease-out) 1.5s both}@keyframes ankommen{0%{box-shadow:0 0 0 0 var(--green-glow);transform:scale(.7)}60%{transform:scale(1.06);box-shadow:0 0 0 18px #4caf5000}to{transform:scale(1);box-shadow:0 0 #4caf5000}}.kosten{margin-top:var(--space-7);gap:var(--space-4);padding:0;list-style:none;display:grid}.kosten li{gap:var(--space-5);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-soft);grid-template-columns:minmax(4.5rem,auto) 1fr;align-items:baseline;max-width:none;display:grid}.kosten__wert{font-size:var(--step-2);font-variant-numeric:tabular-nums;font-weight:600}.kosten__text{color:var(--text-secondary)}.kosten--gut{border-color:var(--border-green);background:var(--green-glow-soft)}.kosten--gut .kosten__wert{color:var(--green-400)}.karten{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.karten .karte,.karte article{max-width:none}.karten article{border-top:1px solid var(--border-green);padding-top:var(--space-5);background:0 0}.karten h3{font-size:var(--step-1);margin-bottom:var(--space-3)}.karten p{color:var(--text-secondary)}.punkte{margin-top:var(--space-6);gap:var(--space-5);padding:0;list-style:none;display:grid}.punkte li{color:var(--text-secondary);padding-left:var(--space-5);border-left:1px solid var(--border-green);max-width:62ch}.punkte strong{color:var(--text);font-weight:600}.abschluss{background:var(--bg-soft);border-top:1px solid var(--line)}.footer{border-top:1px solid var(--line);padding-block:var(--space-7)}.footer__inhalt{gap:var(--space-4) var(--space-6);color:var(--text-tertiary);font-size:var(--step--1);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer nav{gap:var(--space-5);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.schritte .schritt,.schritte .liste li{opacity:1!important;transition:none!important;transform:none!important}.schritte[data-drin=true] .ankunft__mark,.hero__hinweis span{animation:none!important}.hero__hinweis{display:none}}.szene-gedaempft{filter:saturate(.58)brightness(.62);position:absolute;inset:0}.tuete-buehne .stage__overlay{padding-block:var(--space-7)}.tuete-text{max-width:32ch}@media (width>=900px){.tuete-buehne .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.tuete-text{grid-column:1;align-self:center}}.tueten-szene{cursor:grab}.hero__zahlen{z-index:2;gap:var(--space-6) var(--space-8);max-width:var(--content-max);margin:0;padding:0;padding:0 var(--gutter) var(--space-8);flex-wrap:wrap;margin-inline:auto;list-style:none;display:flex;position:relative}.hero__zahlen li{gap:.15rem;max-width:none;display:grid}.hero__zahlen b{font-size:var(--step-2);color:var(--green-300);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.05}.hero__zahlen span{font-size:var(--step--1);color:var(--text-tertiary)}.hero{grid-template-rows:1fr auto auto}.vn__titel{max-width:none}.vn__paar{gap:var(--space-6);margin-top:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.vn__seite{border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--bg-soft);flex-direction:column;display:flex}.vn__seite--mit{border-color:var(--border-green);background:var(--green-glow-soft)}.vn__marke{font-size:var(--step--1);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-5)}.vn__marke--gut{color:var(--green-300)}.vn__kette{flex:1;gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.vn__kette li{max-width:none;color:var(--text-tertiary);font-size:var(--step-0);opacity:0;align-items:center;gap:.7rem;display:flex;transform:translate(-6px)}.vn__kette--kurz li{color:var(--text);font-weight:500}.vn__punkt{background:var(--text-quaternary);border-radius:50%;flex:none;width:7px;height:7px}.vn__kette--kurz .vn__punkt{background:var(--green-400);box-shadow:0 0 0 4px var(--green-glow-soft)}.vn__zeit{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line);color:var(--text-tertiary);font-size:var(--step-0)}.vn__zahl{font-size:var(--step-3);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600;line-height:1;display:block}.vn__zeit--gut{border-top-color:var(--border-green)}.vn__zeit--gut .vn__zahl{color:var(--green-400)}.vn[data-drin=true] .vn__kette li{opacity:1;transition:opacity .38s var(--ease-out) calc(var(--k) * .11s), transform .38s var(--ease-out) calc(var(--k) * .11s);transform:none}.vn[data-drin=true] .vn__kette--kurz li{transition-delay:calc(.82s + var(--k) * 90ms)}@media (prefers-reduced-motion:reduce){.vn__kette li{opacity:1!important;transition:none!important;transform:none!important}}.gruene-welt:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to bottom, var(--bg) 0%, #05080700 26%), linear-gradient(to top, var(--bg) 0%, #05080700 24%);position:absolute;inset:0}.kr__box{margin-top:var(--space-7);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft)}.kr__kopf{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.kr__label{color:var(--text-tertiary);font-size:var(--step--1)}.kr__wert{font-size:var(--step-2);font-variant-numeric:tabular-nums;font-weight:600}.kr__schiene{margin:var(--space-6) 0 var(--space-5);height:2.6rem;position:relative}.kr__zone{background:var(--green-glow-soft);border:1px solid var(--border-green);border-radius:var(--radius-pill);pointer-events:none;height:.75rem;position:absolute;top:.55rem}.kr__zone em{font-style:normal;font-size:var(--step--1);color:var(--green-300);white-space:nowrap;position:absolute;top:1.35rem;left:50%;translate:-50%}.kr__regler{appearance:none;cursor:grab;background:0 0;width:100%;height:1.9rem;margin:0;position:absolute;inset:0 0 auto}.kr__regler::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:#ffffff12;height:.75rem;margin-top:.55rem}.kr__regler::-moz-range-track{border-radius:var(--radius-pill);background:#ffffff12;height:.75rem}.kr__regler::-webkit-slider-thumb{appearance:none;background:var(--green-500);border:2px solid var(--bg);width:1.5rem;height:1.5rem;box-shadow:0 4px 14px -4px var(--green-glow);cursor:grab;border-radius:50%;margin-top:-.32rem}.kr__regler::-moz-range-thumb{background:var(--green-500);border:2px solid var(--bg);border-radius:50%;width:1.5rem;height:1.5rem}.kr__regler:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius-pill)}.kr__posten{gap:var(--space-3);margin:0;display:grid}.kr__posten>div{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.kr__posten dt{color:var(--text-tertiary)}.kr__posten dd{font-variant-numeric:tabular-nums;margin:0}.kr__frei,.kr__gut{color:var(--green-400)}.kr__summe{border-top:1px solid var(--line);padding-top:var(--space-3);margin-top:var(--space-2)}.kr__summe dt{color:var(--text)}.kr__summe b{font-size:var(--step-1)}.kr__posten[data-gut=true] .kr__summe b{color:var(--green-400)}.kr__hinweis{margin-top:var(--space-5);color:var(--text-tertiary);font-size:var(--step--1);min-height:2.4em}.gruende{margin-top:var(--space-8);gap:var(--space-7) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.gruende li{align-content:start;gap:.35rem;max-width:none;display:grid}.gruende b{font-size:var(--step-4);color:var(--green-400);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.gruende b .zahl{color:inherit;font-weight:inherit}.gruende__was{font-size:var(--step-1);font-weight:500}.gruende__wie{color:var(--text-tertiary);font-size:var(--step--1)}.ag__box{margin-top:var(--space-7);padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-soft);max-width:34rem}.ag__profil{color:var(--text-tertiary);font-size:var(--step--1);margin-bottom:var(--space-5);align-items:center;gap:.6rem;display:flex}.ag__profil strong{color:var(--text);font-weight:600}.ag__punkt{background:var(--green-400);width:8px;height:8px;box-shadow:0 0 0 4px var(--green-glow-soft);border-radius:50%}.ag__liste{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.ag__liste li{max-width:none;font-size:var(--step-0);opacity:0;grid-template-columns:1.4rem 1fr auto;align-items:center;gap:.7rem;display:grid;transform:translate(-6px)}.ag__zeichen{background:var(--green-glow-soft);width:1.4rem;height:1.4rem;color:var(--green-400);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.ag__liste li[data-status=stopp] .ag__zeichen{color:var(--orange);background:#e6510029}.ag__liste li[data-status=stopp] .ag__name{color:var(--text-tertiary);text-decoration:line-through}.ag__grund{font-size:var(--step--1);color:var(--orange);white-space:nowrap}.ag__ergebnis{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-green);color:var(--text-secondary);font-size:var(--step-0)}.ag__ergebnis strong{color:var(--green-300)}.ag[data-drin=true] .ag__liste li{opacity:1;transition:opacity .34s var(--ease-out) calc(var(--p) * .24s), transform .34s var(--ease-out) calc(var(--p) * .24s);transform:none}@media (prefers-reduced-motion:reduce){.ag__liste li{opacity:1!important;transition:none!important;transform:none!important}}
