:root{color-scheme:light dark;--papier:oklch(98.6% 0.003 250);--papier-tief:oklch(95.8% 0.005 250);--flaeche:oklch(100% 0 0);--linie:oklch(89% 0.006 250);--linie-stark:oklch(78% 0.008 250);--tinte:oklch(21% 0.012 265);--tinte-leise:oklch(48% 0.011 265);--tinte-flach:oklch(62% 0.01 265);--akzent:oklch(48% 0.13 250);--ampel-schwarz:oklch(38% 0.02 265);--ampel-orange:oklch(66% 0.17 55);--ampel-gelb:oklch(78% 0.14 90);--ampel-gruen:oklch(60% 0.13 155);--ampel-grau:oklch(70% 0.012 265);--rand-eng:0.35rem;--rand-weit:0.75rem;--schrift:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--schrift-zahl:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;--takt-fein:140ms;--kurve:cubic-bezier(0.16,1,0.3,1)}@media (prefers-color-scheme:dark){:root{--papier:oklch(17% 0.012 265);--papier-tief:oklch(14% 0.012 265);--flaeche:oklch(21% 0.013 265);--linie:oklch(31% 0.012 265);--linie-stark:oklch(42% 0.014 265);--tinte:oklch(95% 0.005 265);--tinte-leise:oklch(74% 0.011 265);--tinte-flach:oklch(60% 0.012 265);--akzent:oklch(74% 0.12 250);--ampel-schwarz:oklch(62% 0.03 265);--ampel-orange:oklch(74% 0.16 55);--ampel-gelb:oklch(84% 0.13 90);--ampel-gruen:oklch(70% 0.13 155);--ampel-grau:oklch(52% 0.012 265)}}:root[data-theme=dark]{--papier:oklch(17% 0.012 265);--papier-tief:oklch(14% 0.012 265);--flaeche:oklch(21% 0.013 265);--linie:oklch(31% 0.012 265);--linie-stark:oklch(42% 0.014 265);--tinte:oklch(95% 0.005 265);--tinte-leise:oklch(74% 0.011 265);--tinte-flach:oklch(60% 0.012 265);--akzent:oklch(74% 0.12 250);--ampel-schwarz:oklch(62% 0.03 265);--ampel-orange:oklch(74% 0.16 55);--ampel-gelb:oklch(84% 0.13 90);--ampel-gruen:oklch(70% 0.13 155);--ampel-grau:oklch(52% 0.012 265)}:root[data-theme=light]{--papier:oklch(98.6% 0.003 250);--papier-tief:oklch(95.8% 0.005 250);--flaeche:oklch(100% 0 0);--linie:oklch(89% 0.006 250);--linie-stark:oklch(78% 0.008 250);--tinte:oklch(21% 0.012 265);--tinte-leise:oklch(48% 0.011 265);--tinte-flach:oklch(62% 0.01 265);--akzent:oklch(48% 0.13 250);--ampel-schwarz:oklch(38% 0.02 265);--ampel-orange:oklch(66% 0.17 55);--ampel-gelb:oklch(78% 0.14 90);--ampel-gruen:oklch(60% 0.13 155);--ampel-grau:oklch(70% 0.012 265)}*,:after,:before{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--schrift);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--rand-eng)}.huelle{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,3vw,2.5rem)}.kopf{border-bottom:1px solid var(--linie);background:var(--flaeche);position:-webkit-sticky;position:sticky;top:0;z-index:20}.kopf-innen{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;padding-block:1.1rem}.marke{font-size:1rem;font-weight:620;letter-spacing:-.015em;margin:0}.marke span{color:var(--tinte-flach);font-weight:400}.kopf-rechts{margin-left:auto;display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--tinte-leise)}.sektion{padding-block:clamp(1.75rem,3vw,2.5rem)}.sektion--auftakt{padding-block:clamp(2.5rem,5vw,4rem) clamp(1.5rem,2.5vw,2rem)}.etikett{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;font-weight:600;color:var(--tinte-flach);margin:0 0 .9rem}.sektion-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--tinte);padding-bottom:.5rem;margin-bottom:1.1rem}.sektion-titel{font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.02em;font-weight:640;margin:0}.sektion-zusatz{font-size:.78rem;color:var(--tinte-leise);white-space:nowrap}.ampel-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));grid-gap:1px;gap:1px;background:var(--linie);border:1px solid var(--linie);border-radius:var(--rand-weit);overflow:hidden}.kachel{background:var(--flaeche);padding:1.15rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:.15rem;position:relative;transition:background var(--takt-fein) var(--kurve)}.kachel:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ton,var(--linie-stark))}.kachel:hover{background:var(--papier-tief)}.kachel-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:650;color:var(--ton,var(--tinte-leise))}.kachel-zahl{font-family:var(--schrift-zahl);font-size:clamp(1.9rem,4vw,2.6rem);font-weight:550;letter-spacing:-.03em;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kachel-fuss{font-size:.74rem;color:var(--tinte-leise);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:.25rem}.tabelle-rahmen{overflow-x:auto;border:1px solid var(--linie);border-radius:var(--rand-weit);background:var(--flaeche)}table{width:100%;border-collapse:collapse;font-size:.84rem}thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--papier-tief);text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tinte-leise);font-weight:650;border-bottom:1px solid var(--linie-stark);white-space:nowrap}tbody td,thead th{padding:.6rem .85rem}tbody td{border-bottom:1px solid var(--linie);vertical-align:baseline}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background var(--takt-fein) var(--kurve)}tbody tr:hover{background:var(--papier-tief)}.z-zahl{text-align:right;font-family:var(--schrift-zahl);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.z-produkt{font-weight:500;min-width:18rem}.z-leise{color:var(--tinte-leise)}.plakette{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:620;letter-spacing:.02em;white-space:nowrap;color:var(--ton,var(--tinte-leise))}.plakette:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ton,var(--linie-stark));flex:none}.dringend{color:var(--ampel-orange);font-weight:650}.hinweis{border-left:3px solid var(--linie-stark);padding:.7rem 0 .7rem .9rem;font-size:.83rem;color:var(--tinte-leise);margin:0 0 .7rem}.hinweis strong{color:var(--tinte);font-weight:600}.leer{padding:2rem 1rem;text-align:center;color:var(--tinte-flach);font-size:.86rem}.mitte{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.tafel{width:100%;max-width:27rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--rand-weit);padding:clamp(1.5rem,4vw,2.25rem)}.tafel h1{font-size:1.35rem;letter-spacing:-.02em;margin:0 0 .35rem}.tafel p.vorspann{margin:0 0 1.5rem;font-size:.88rem}.tafel p.vorspann,label{color:var(--tinte-leise)}label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:640;margin-bottom:.4rem}input[type=email],input[type=text],select{width:100%;padding:.65rem .75rem;font:inherit;font-size:.9rem;color:var(--tinte);background:var(--papier);border:1px solid var(--linie-stark);border-radius:var(--rand-eng);transition:border-color var(--takt-fein) var(--kurve)}input[type=email]:hover,input[type=text]:hover{border-color:var(--tinte-flach)}button{font:inherit;font-size:.88rem;font-weight:600;padding:.65rem 1.1rem;border-radius:var(--rand-eng);border:1px solid transparent;background:var(--tinte);color:var(--papier);cursor:pointer;transition:transform var(--takt-fein) var(--kurve),opacity var(--takt-fein) var(--kurve)}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.knopf-leise{background:transparent;color:var(--tinte-leise);border-color:var(--linie-stark);padding:.4rem .75rem;font-size:.78rem}.knopf-leise:hover:not(:disabled){color:var(--tinte);border-color:var(--tinte-flach)}.voll{width:100%}.meldung,.voll{margin-top:1.1rem}.meldung{padding:.7rem .85rem;border-radius:var(--rand-eng);font-size:.83rem;border:1px solid var(--linie-stark);background:var(--papier)}.meldung--gut{border-color:var(--ampel-gruen);color:var(--ampel-gruen)}.meldung--schlecht{border-color:var(--ampel-orange);color:var(--ampel-orange)}.fuss{border-top:1px solid var(--linie);padding-block:1.5rem 2.5rem;font-size:.75rem;color:var(--tinte-flach)}.monat-nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.monat-nav a,.monat-nav span{border:1px solid var(--linie-stark);border-radius:var(--rand-eng);text-decoration:none;line-height:1.2}.monat-nav span[aria-disabled=true]{color:var(--tinte-flach);border-color:var(--linie)}.bestaetigungen{list-style:none;margin:0;padding:0;display:grid;grid-gap:.25rem;gap:.25rem}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}