:root{--wald-tief:#172b18;--wald:#2e5427;--wald-kachel:#1f3a20;--fichte:#69a845;--schiefer:#565a57;--waldboden:#6e4a26;--schnee:#faf6ec;--firn:#f1eada;--karte:#fffdf8;--linie:#e2daca;--linie-hell:#efe8d8;--aufpreis-bg:#f5e6cc;--ink:#23201a}*{box-sizing:border-box}body{margin:0;background:var(--schnee);color:var(--ink);font-family:Archivo,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.seite{max-width:520px;margin:0 auto;min-height:100vh}.kopf,.seite{display:flex;flex-direction:column}.kopf{background:var(--wald-tief);color:var(--schnee);padding:22px 20px 24px;gap:14px}.kopf-zeile{display:flex;align-items:center;justify-content:space-between;gap:10px}.firma{gap:8px;font-weight:700;line-height:1.25}.firma,.logo{display:flex;align-items:center;font-size:13px}.logo{width:28px;height:28px;flex:none;border-radius:8px;background:var(--fichte);color:var(--wald-tief);justify-content:center;font-weight:800}.nfc{display:flex;align-items:center;gap:6px;flex:none;background:rgba(250,246,236,.14);padding:5px 10px;border-radius:999px;letter-spacing:.1em}.nfc,.ueberzeile{font-size:11px;font-weight:700;text-transform:uppercase}.ueberzeile{letter-spacing:.14em;color:rgba(250,246,236,.6)}.kopf h1{margin:4px 0 0;font-size:34px;font-weight:800;font-stretch:112%;letter-spacing:-.02em;line-height:1.05}.unterzeile{margin:6px 0 0;font-size:15px;color:rgba(250,246,236,.82)}.zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;background:rgba(250,246,236,.14);border-radius:10px;overflow:hidden}.zahlen>div{background:var(--wald-kachel);padding:10px 12px}.label{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--schiefer);margin-bottom:2px}.zahlen .label{color:rgba(250,246,236,.6);margin-bottom:3px}.zahlen .wert{font-size:17px;font-weight:800}.filter{padding:18px 16px 8px;display:flex;flex-direction:column;gap:10px}.filter-knoepfe{display:flex;gap:8px;flex-wrap:wrap}.filter button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--linie);background:var(--karte);color:var(--ink);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.filter button[aria-pressed=true]{background:var(--wald-tief);border-color:var(--wald-tief);color:var(--schnee);font-weight:700}.filter button:focus-visible,.knopf:focus-visible{outline:2px solid var(--fichte);outline-offset:2px}.hinweis{margin:0;font-size:13px;line-height:1.45;color:var(--schiefer)}.liste{padding:8px 16px 0;display:flex;flex-direction:column;gap:12px}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:12px;padding:14px;display:flex;gap:14px}.muster{width:96px;height:128px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--firn);border-radius:8px;overflow:hidden}.muster img{width:100%;height:100%;object-fit:cover}.muster-platzhalter{background:#ece4d4;border:1px solid #dcd2bf;border-radius:2px}.inhalt{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:8px}.karte h2{margin:0;font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.2}.serie{font-size:13px;color:var(--schiefer);margin-top:-4px}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:6px}.badge-boden{background:var(--wald);color:var(--schnee)}.badge-wand{background:var(--firn);color:var(--schiefer)}.badge-standard{background:var(--firn);color:var(--ink)}.badge-aufpreis{background:var(--aufpreis-bg);color:var(--waldboden)}.daten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding-top:8px;border-top:1px solid var(--linie-hell)}.daten .wert{font-weight:700}.daten .wert,.preis{font-size:14px}.preis.auf{color:var(--waldboden)}.leer{padding:24px 16px;color:var(--schiefer);font-size:15px}.aktionen{padding:20px 16px 0}.knopf{min-height:52px;display:flex;align-items:center;justify-content:center;background:var(--fichte);color:var(--wald-tief);font-size:16px;font-weight:800;border-radius:10px;text-decoration:none}.fuss{margin-top:auto;padding:24px 16px 28px;justify-content:space-between;font-size:12px;color:var(--schiefer)}.fehler,.fuss{display:flex;gap:12px}.fehler{padding:40px 20px;flex-direction:column}.fehler h1{margin:0;font-size:26px;font-weight:800}.fehler p{margin:0;color:var(--schiefer);line-height:1.5}.formate{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid var(--linie-hell);display:flex;flex-direction:column;gap:6px}.formate li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}.formate .fmt{color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.formate .preiswert{font-weight:700;color:var(--waldboden);text-align:right;white-space:nowrap}.formate .preiswert.std{color:var(--wald)}.formate .preiswert small{display:block;font-weight:500;font-size:12px;color:var(--schiefer)}.preis.anfrage{color:var(--schiefer);font-size:14px;padding-top:8px;border-top:1px solid var(--linie-hell)}