@font-face{font-family:Chivo;src:url(/fonts/chivo.woff2?v=1db23ac1) format("woff2");font-weight:600 900;font-display:swap}@font-face{font-family:Plex Sans;src:url(/fonts/plexsans.woff2?v=b2c9031d) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plexmono.woff2?v=79936b18) format("woff2");font-weight:400;font-display:swap}:root{--papier: #f2f2ef;--weiss: #ffffff;--tinte: #14161a;--tinte-leise: #565c64;--signal: #c13309;--signal-flaeche: #e2521f;--signal-aufhell: #f4703f;--signal-tief: #942505;--signal-blass: #fdeee8;--stahl: #9aa3ab;--gruen: #14724f;--linie: rgba(20, 22, 26, .16);--linie-zart: rgba(20, 22, 26, .08);--schrift-display: "Chivo", "Helvetica Neue", Arial, sans-serif;--schrift-text: "Plex Sans", "Helvetica Neue", Arial, sans-serif;--schrift-daten: "Plex Mono", ui-monospace, "Courier New", monospace;--breite: 78rem;--rand: clamp(1.15rem, 4vw, 3.5rem);--spur: clamp(3.5rem, 7vw, 7rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--schrift-text);font-size:clamp(1rem,.3vw + .95rem,1.0625rem);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}::selection{background:var(--signal);color:#fff}.nur-vorlesen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.springmarke{position:absolute;left:1rem;top:1rem;z-index:999;transform:translateY(-200%);background:var(--signal);color:#fff;padding:.6rem 1rem;font-weight:600;text-decoration:none}.springmarke:focus{transform:translateY(0)}h1,h2,h3{font-family:var(--schrift-display);font-weight:800;line-height:.98;letter-spacing:-.025em;margin:0 0 .6em;text-wrap:balance}h1{font-size:clamp(2.6rem,7vw,5.5rem);font-weight:900}h2{font-size:clamp(1.9rem,4vw,3.1rem)}h3{font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:700;letter-spacing:-.01em}p{margin:0 0 1em;max-width:64ch}p:last-child{margin-bottom:0}strong{font-weight:600}.daten{font-family:var(--schrift-daten);font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;color:var(--tinte-leise)}.marke{font-family:var(--schrift-daten);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);display:flex;align-items:center;gap:.6rem;margin:0 0 1.2rem}.marke:before{content:"";width:1.6rem;height:2px;background:var(--signal-flaeche)}.lead{font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.5;max-width:48ch;color:var(--tinte)}.klein{font-size:.85rem;color:var(--tinte-leise)}.bahn{width:min(var(--breite),100% - var(--rand) * 2);margin-inline:auto}.sektion{padding:var(--spur) 0;position:relative}.sektion--weiss{background:var(--weiss)}.sektion--tinte{background:var(--tinte);color:#edeef0}.sektion--tinte .daten,.sektion--tinte .klein{color:#9aa3ab}.sektion--tinte h2{color:#fff}.raster-linien{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(90deg,var(--linie-zart) 1px,transparent 1px);background-size:25% 100%}.knopf{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.4rem;background:var(--signal);color:#fff;font-family:var(--schrift-text);font-size:.95rem;font-weight:600;letter-spacing:.01em;text-decoration:none;border:2px solid var(--signal);border-radius:0;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.knopf:hover{background:var(--signal-tief);border-color:var(--signal-tief)}.knopf:active{transform:translateY(1px)}.knopf--linie{background:transparent;color:var(--tinte);border-color:var(--tinte)}.knopf--linie:hover{background:var(--tinte);color:#fff}.sektion--tinte .marke{color:var(--signal-aufhell)}.sektion--tinte .marke:before{background:var(--signal-aufhell)}.sektion--tinte .knopf--linie{color:#fff;border-color:#fff6}.sektion--tinte .knopf--linie:hover{background:#fff;color:var(--tinte)}.knopfreihe{display:flex;flex-wrap:wrap;gap:.8rem}.kopf{position:sticky;top:0;z-index:60;background:var(--weiss);border-bottom:1px solid var(--linie)}.kopf__innen{width:min(var(--breite),100% - var(--rand) * 2);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem}.kopf__marke{display:flex;align-items:center;gap:.7rem;text-decoration:none}.kopf__marke img{width:clamp(96px,12vw,132px);height:auto}@media (max-width: 520px){.kopf__marke small{display:none}}.kopf__marke small{font-family:var(--schrift-daten);font-size:.6rem;letter-spacing:.14em;color:var(--tinte-leise);font-weight:400}.navi{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.8rem)}.navi a{font-size:.95rem;font-weight:500;text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}.navi a:hover,.navi a[aria-current=page]{border-bottom-color:var(--signal)}.navi__shop{white-space:nowrap}.navi-schalter{display:none;background:none;border:1px solid var(--linie);font-family:var(--schrift-daten);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.55rem .8rem;cursor:pointer}@media (max-width: 820px){.navi-schalter{display:block}.navi{position:fixed;inset:4rem 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--weiss);border-bottom:1px solid var(--linie);padding:.5rem var(--rand) 1.2rem;display:none}.navi[data-offen=ja]{display:flex}.navi a{padding:.85rem 0;border-bottom:1px solid var(--linie-zart)}.navi .knopf{margin-top:.8rem;justify-content:center}}.hero{background:var(--weiss);border-bottom:1px solid var(--linie);position:relative;overflow:hidden}.hero__raster{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(2.5rem,6vw,5rem) 0}@media (max-width: 900px){.hero__raster{grid-template-columns:1fr}}.hero__titel{margin-bottom:.35em}.hero__titel em{font-style:normal;color:var(--signal)}.buehne{position:relative;aspect-ratio:1 / .92;background:radial-gradient(60% 60% at 50% 45%,#fff,#ececeb);border:1px solid var(--linie)}.buehne canvas{display:block;width:100%;height:100%}.buehne__ersatz{position:absolute;pointer-events:none;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;margin:auto;transition:opacity .5s ease}.buehne[data-webgl=ja] .buehne__ersatz{opacity:0}.buehne__ecke{position:absolute;width:14px;height:14px;border:2px solid var(--signal-flaeche)}.buehne__ecke--lo{left:-1px;top:-1px;border-right:0;border-bottom:0}.buehne__ecke--ro{right:-1px;top:-1px;border-left:0;border-bottom:0}.buehne__ecke--lu{left:-1px;bottom:-1px;border-right:0;border-top:0}.buehne__ecke--ru{right:-1px;bottom:-1px;border-left:0;border-top:0}.buehne__hinweis{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);font-family:var(--schrift-daten);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte-leise);background:#ffffffd9;padding:.3rem .7rem;pointer-events:none;transition:opacity .3s ease}.buehne[data-gedreht=ja] .buehne__hinweis{opacity:0}.datenblatt{border-top:2px solid var(--tinte);margin-top:1.6rem}.datenblatt__zeile{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--linie-zart);font-size:.92rem}.datenblatt__zeile dt{font-family:var(--schrift-daten);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-leise);padding-top:.15rem}.datenblatt__zeile dd{margin:0}.regal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15.5rem,100%),1fr));gap:1px;background:var(--weiss)}.ware{background:var(--weiss);box-shadow:0 0 0 1px var(--linie);display:flex;flex-direction:column;text-decoration:none;position:relative;transition:background .2s ease}.ware:hover{background:#fbfbfa}.ware:hover .ware__name{color:var(--signal)}.ware__bild{position:relative;aspect-ratio:4 / 3;background:#f7f7f5;overflow:hidden;display:grid;place-items:center}.ware__bild img{width:100%;height:100%;object-fit:contain;padding:1.2rem;transition:transform .35s cubic-bezier(.2,0,.2,1)}.ware:hover .ware__bild img{transform:scale(1.04)}.ware__platzhalter{font-family:var(--schrift-daten);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte-leise);border:1px dashed var(--linie);padding:.5rem .8rem}.ware__inhalt{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.ware__gruppe{font-family:var(--schrift-daten);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tinte-leise)}.ware__name{font-family:var(--schrift-display);font-size:1.08rem;font-weight:700;line-height:1.15;letter-spacing:-.015em;transition:color .2s ease}.ware__preis{font-family:var(--schrift-daten);font-size:1rem;margin-top:auto;padding-top:.6rem;display:flex;align-items:baseline;gap:.5rem}.ware__preis s{color:var(--stahl);font-size:.85em}.ware__marke{position:absolute;left:0;top:0;background:var(--signal);color:#fff;font-family:var(--schrift-daten);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .55rem;z-index:1}.ware__marke--aus{background:var(--stahl)}.filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem}.filter__knopf{font-family:var(--schrift-daten);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--linie);padding:.5rem .8rem;cursor:pointer;transition:all .15s ease}.filter__knopf:hover{border-color:var(--tinte)}.filter__knopf[aria-pressed=true]{background:var(--tinte);border-color:var(--tinte);color:#fff}.filter__zahl{margin-left:auto}.fach{border:1px solid var(--linie);background:var(--weiss)}.fach+.fach{border-top:0}.fach__klappe{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:clamp(1rem,2.2vw,1.6rem);background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;transition:background .2s ease}.fach__klappe:hover{background:var(--signal-blass)}.fach__schild{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.6rem)}.fach__nummer{font-family:var(--schrift-daten);font-size:.8rem;color:var(--signal);border:1px solid var(--linie);padding:.4rem .55rem;flex:none}.fach__name{display:block;font-family:var(--schrift-display);font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.fach__text{display:block;font-size:.9rem;color:var(--tinte-leise);max-width:52ch;margin-top:.15rem}@media (max-width: 620px){.fach__text{display:none}}.fach__griff{flex:none;position:relative;width:2.4rem;height:2.4rem;border:1px solid var(--linie);display:grid;place-items:center;transition:background .2s ease,border-color .2s ease}.fach__griff-strich{position:absolute;width:.9rem;height:2px;background:var(--tinte);transition:transform .3s cubic-bezier(.2,0,.2,1),background .2s ease}.fach__griff-strich:last-child{transform:rotate(90deg)}.fach[data-offen] .fach__griff{background:var(--signal);border-color:var(--signal)}.fach[data-offen] .fach__griff-strich{background:#fff}.fach[data-offen] .fach__griff-strich:last-child{transform:rotate(180deg)}.fach__inhalt{overflow:hidden;height:auto;transition:height .36s cubic-bezier(.3,0,.2,1);border-top:1px solid var(--linie)}.fach__inhalt[hidden]{display:none}.fach__inhalt .regal{border:0}@media (prefers-reduced-motion: reduce){.fach__inhalt,.fach__griff-strich{transition:none}}.check{background:var(--weiss);border:1px solid var(--linie);padding:clamp(1.4rem,3vw,2.4rem)}.check__frage{display:none}.check__frage[data-aktiv=ja]{display:block}.check__fortschritt{display:flex;gap:4px;margin-bottom:1.6rem}.check__schritt{height:3px;flex:1;background:var(--linie)}.check__schritt[data-erledigt=ja]{background:var(--signal)}.check__antworten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:.8rem;margin-top:1.4rem}.check__antwort{text-align:left;background:var(--weiss);border:1px solid var(--linie);padding:1rem;cursor:pointer;font-family:var(--schrift-text);font-size:.95rem;transition:all .15s ease}.check__antwort:hover{border-color:var(--signal);background:var(--signal-blass)}.check__antwort b{display:block;font-weight:600;margin-bottom:.15rem}.check__antwort span{color:var(--tinte-leise);font-size:.85rem}.check__ergebnis{display:none}.check__ergebnis[data-aktiv=ja]{display:block}.liste-hakchen{list-style:none;margin:1.2rem 0 0;padding:0}.liste-hakchen li{display:grid;grid-template-columns:1.6rem 1fr auto;gap:.7rem;align-items:baseline;padding:.7rem 0;border-top:1px solid var(--linie-zart)}.liste-hakchen li:before{content:"";width:.85rem;height:.85rem;border:2px solid var(--signal);align-self:center}.liste-hakchen li[data-pflicht=nein]:before{border-color:var(--stahl)}.liste-hakchen b{font-weight:600}.liste-hakchen span{font-family:var(--schrift-daten);font-size:.78rem;color:var(--tinte-leise)}.messer{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}@media (max-width: 800px){.messer{grid-template-columns:1fr}}.messer__regler{margin:1.5rem 0}.messer__regler label{font-family:var(--schrift-daten);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-leise);display:block;margin-bottom:.6rem}.messer__regler input[type=range]{width:100%;accent-color:var(--signal)}.messer__wert{font-family:var(--schrift-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-.03em;line-height:1}.messer__wert small{font-family:var(--schrift-daten);font-size:.9rem;font-weight:400;letter-spacing:.05em}.messer__ausgabe{border:2px solid var(--tinte);padding:1.2rem;margin-top:1.2rem}.messer__groesse{font-family:var(--schrift-display);font-size:3.2rem;font-weight:900;line-height:1;color:var(--signal)}.messer__hand{width:100%;height:auto;border:1px solid var(--linie);background:var(--weiss)}.fuss{background:var(--tinte);color:#a8afb6;padding:clamp(2.5rem,5vw,4rem) 0 2rem;font-size:.9rem}.fuss__raster{display:grid;grid-template-columns:1.5fr repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem)}@media (max-width: 760px){.fuss__raster{grid-template-columns:1fr}}.fuss p{max-width:34ch}.fuss__titel{font-family:var(--schrift-daten);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-aufhell);margin-bottom:.9rem}.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.fuss a{color:#dfe2e5;text-decoration:none}.fuss a:hover{color:var(--signal-aufhell)}.fuss__logo{width:150px;height:auto;margin-bottom:1rem}.fuss__schluss{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.8rem;color:#8e969e}@media (scripting: enabled){[data-auftritt]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}[data-auftritt][data-sichtbar=ja]{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){[data-auftritt]{opacity:1!important;transform:none!important}}.abstand-oben{margin-top:clamp(2rem,4vw,3rem)}.hinweis-kasten{border-left:3px solid var(--signal);background:var(--signal-blass);padding:1rem 1.2rem;font-size:.95rem}.sektion--tinte .hinweis-kasten{background:#ea4b1f1f}