@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/manrope/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--grund: #ffffff;--flaeche: #f6f7f9;--linie: #e4e7ec;--text: #14181f;--text-leise: #6b7280;--akzent: #14181f;--akzent-text: #ffffff;--rot: #b42318;--gruen: #067647;--rund: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--grund);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.rand{max-width:1320px;margin:0 auto;padding:0 20px}.kopf{position:sticky;top:0;z-index:20;background:var(--grund);border-bottom:1px solid var(--linie)}.kopf-innen{display:flex;align-items:center;gap:16px;height:64px}.kopf-titel{font-size:17px;font-weight:600;margin-right:auto}.kopf-leise{font-size:13px;color:var(--text-leise);font-weight:400}.knopf{border:1px solid var(--linie);background:var(--grund);color:var(--text);border-radius:var(--rund);padding:12px 18px;cursor:pointer;font-weight:600;min-height:48px}.knopf:hover{background:var(--flaeche)}.knopf-voll{background:var(--akzent);color:var(--akzent-text);border-color:var(--akzent)}.knopf-voll:hover{opacity:.9;background:var(--akzent)}.knopf:disabled{opacity:.45;cursor:not-allowed}.feld{width:100%;padding:12px 14px;border:1px solid var(--linie);border-radius:var(--rund);font-size:16px;background:var(--grund);min-height:48px}.feld:focus{outline:2px solid var(--akzent);outline-offset:-1px}.beschriftung{display:block;font-size:13px;font-weight:600;margin:0 0 6px}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}@media (min-width: 1100px){.raster{grid-template-columns:repeat(5,1fr)}}.karte{border:1px solid var(--linie);border-radius:var(--rund);overflow:hidden;display:flex;flex-direction:column;background:var(--grund)}.karte-bild{aspect-ratio:1;background:var(--flaeche);display:grid;place-items:center;overflow:hidden}.karte-bild img{width:100%;height:100%;object-fit:contain;padding:10px}.karte-text{padding:0;display:flex;flex-direction:column;flex:1}.karte-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.05em;margin:16px 16px 14px;font-size:12px;font-weight:300;letter-spacing:.02em;text-transform:uppercase;line-height:1.35;text-align:center}.karte-nr{font-size:12px;color:var(--text-leise);font-family:ui-monospace,monospace}.karte-preis{margin-top:auto;background:var(--akzent);color:var(--akzent-text);padding:11px 14px;text-align:center;font-size:17px;font-weight:300;letter-spacing:.01em}.leise{color:var(--text-leise)}.mini{font-size:13px}.fehler{background:#fef3f2;border:1px solid #fecdca;color:var(--rot);padding:12px 14px;border-radius:var(--rund);font-size:14px}.gut{background:#ecfdf3;border:1px solid #abefc6;color:var(--gruen);padding:12px 14px;border-radius:var(--rund);font-size:14px}.tabelle{width:100%;border-collapse:collapse}.tabelle th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise);padding:10px 8px;border-bottom:1px solid var(--linie)}.tabelle td{padding:12px 8px;border-bottom:1px solid var(--linie);font-size:14px}@media print{.kopf,.nicht-drucken{display:none!important}body{background:#fff}.rand{max-width:none;padding:0}}.werkzeuge{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.karte-bild{position:relative}.marke{position:absolute;left:10px;top:10px;background:var(--akzent);color:var(--akzent-text);font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 8px;border-radius:999px}.schleier{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141c8c;z-index:40;overscroll-behavior:contain;display:grid;place-items:center;padding:16px}.fenster{background:var(--grund);border-radius:16px;width:92vw;max-width:1100px;height:auto;max-height:92vh;overflow:auto}.fenster:focus{outline:none}.fenster-bild{--bildhoehe: 320px;background:var(--flaeche);border-radius:12px;height:var(--bildhoehe);flex:none;display:grid;place-items:center;overflow:hidden}.fenster-bild img{width:100%;height:var(--bildhoehe);object-fit:contain;padding:16px}@media (max-width: 700px){.fenster-bild{--bildhoehe: 240px}}.galerie{display:flex;gap:8px;flex-wrap:wrap}.galerie-knopf{width:64px;height:64px;padding:4px;border:1px solid var(--linie);border-radius:10px;background:var(--grund);cursor:pointer;display:grid;place-items:center;overflow:hidden}.galerie-knopf img{width:100%;height:100%;object-fit:contain}.galerie-aktiv{border-color:var(--akzent);border-width:2px}.menge{display:inline-flex;align-items:center;gap:8px}.menge-zahl{min-width:40px;text-align:center;font-size:17px;font-weight:700}.hinweis-schwebend{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--akzent);color:var(--akzent-text);padding:14px 20px;border-radius:999px;font-size:14px;font-weight:600;z-index:50;box-shadow:0 8px 24px #0f141c40;max-width:calc(100% - 32px)}.korbliste{list-style:none;margin:0;padding:0}.korbzeile{display:grid;align-items:center;gap:12px;grid-template-columns:72px 1fr auto auto auto;padding:14px 0;border-bottom:1px solid var(--linie)}.korbbild{width:72px;height:72px;background:var(--flaeche);border-radius:10px;display:grid;place-items:center;overflow:hidden}.korbbild img{width:100%;height:100%;object-fit:contain;padding:6px}.korbmenge .beschriftung{display:none}.korbsumme{font-weight:700;white-space:nowrap;text-align:right;min-width:100px}.korbweg{min-height:44px;padding:8px 12px}@media (max-width: 640px){.korbzeile{grid-template-columns:60px 1fr auto;grid-template-areas:"bild text text" "bild menge summe" "weg weg weg"}.korbbild{grid-area:bild;width:60px;height:60px}.korbtext{grid-area:text}.korbmenge{grid-area:menge}.korbmenge .beschriftung{display:block}.korbsumme{grid-area:summe}.korbweg{grid-area:weg;width:100%}.werkzeuge>.feld,.werkzeuge>select{max-width:none!important;width:100%}}.fuss{border-top:1px solid var(--linie);background:var(--flaeche);margin-top:40px}.fuss-innen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;padding-top:28px;padding-bottom:32px;font-size:13px;line-height:1.7;color:var(--text-leise)}.fuss-titel{font-weight:700;color:var(--text);margin-bottom:6px}.fuss a{color:inherit}.zurueck{display:inline-block;margin-bottom:18px;font-size:19px;font-weight:300;text-decoration:none;color:var(--text-leise)}.zurueck:hover{color:var(--text)}.artikel-raster{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}@media (min-width: 900px){.artikel-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}}.artikel-bild{--gross: 460px;position:relative;background:var(--grund);border:1px solid var(--linie);border-radius:var(--rund);height:var(--gross);display:grid;place-items:center;overflow:hidden}.artikel-bild-gross{width:100%;height:var(--gross);object-fit:contain;padding:24px}@media (max-width: 700px){.artikel-bild{--gross: 300px}}.artikel-pfeil{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid var(--linie);background:var(--grund);color:var(--text);border-radius:10px;font-size:20px;line-height:1;cursor:pointer}.artikel-pfeil:hover{border-color:var(--text)}.artikel-pfeil-links{left:12px}.artikel-pfeil-rechts{right:12px}.artikel-angaben{display:flex;flex-direction:column;gap:26px;min-width:0}.artikel-name{font-size:24px;font-weight:300;line-height:1.3;margin:0 0 2px}.artikel-preis{font-size:28px;font-weight:400;line-height:1.15;margin-top:26px}.artikel-bestellen{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.artikel-korbknopf{flex:1;min-width:220px;min-height:52px;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.artikel-block{border:1px solid var(--linie);border-radius:var(--rund);overflow:hidden;margin-top:26px}.artikel-block-kopf{background:var(--akzent);color:var(--akzent-text);padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center}.artikel-block-inhalt{padding:14px 16px;font-size:14px;font-weight:300;line-height:1.6;white-space:pre-wrap;background:var(--flaeche)}.artikel-aehnlich{margin-top:48px;border-top:1px solid var(--linie);padding-top:28px}.artikel-aehnlich-titel{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-leise);text-align:center;margin:0 0 16px}.artikel-fenster{overflow:hidden;position:relative}.artikel-fenster:before,.artikel-fenster:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.artikel-fenster:before{left:0;background:linear-gradient(90deg,var(--grund),rgba(255,255,255,0))}.artikel-fenster:after{right:0;background:linear-gradient(270deg,var(--grund),rgba(255,255,255,0))}.artikel-band{display:flex;gap:14px;width:max-content;animation-name:artikel-lauf;animation-timing-function:linear;animation-iteration-count:infinite}.artikel-fenster:hover .artikel-band{animation-play-state:paused}@keyframes artikel-lauf{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.artikel-band{animation:none}}.artikel-band-kachel{flex:0 0 200px}.kapitel-trenner{grid-column:1 / -1;position:relative;display:flex;align-items:center;justify-content:center;min-height:32px;margin:24px 0 4px}.kapitel-trenner:first-child{margin-top:0}.kapitel-linie{position:absolute;left:0;right:0;top:50%;height:2px;background:var(--akzent);border-radius:2px}.kapitel-name{position:relative;background:var(--grund);padding:0 20px;color:var(--akzent);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}