:root{--farbe-text:#1b1b1f;--farbe-gedimmt:#5b5b66;--farbe-akzent:#b3122b;--farbe-flaeche:#ffffff;--farbe-hintergrund:#f6f5f3;--farbe-rand:#e2e0dc;--farbe-warnung:#8a5b00;--farbe-warnung-flaeche:#fff4d6;--radius:10px;--breite:1100px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--farbe-akzent)}.testbalken{background:var(--farbe-warnung-flaeche);border-bottom:1px solid #e8d9a8;padding:.6rem 1rem;text-align:center;font-size:.95rem}.testbalken,.testbalken a{color:var(--farbe-warnung)}.testbalken a{font-weight:600}.kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--breite);margin:0 auto;padding:1.25rem 1rem}.marke{font-size:1.25rem;font-weight:700;color:var(--farbe-text)}.kopf nav a,.marke{text-decoration:none}.kopf nav a{margin-left:1.25rem}.inhalt{max-width:var(--breite);margin:0 auto;padding:0 1rem 3rem}.held{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);padding:2.5rem 2rem;margin-bottom:1.5rem}.held h1{margin:0 0 .75rem;font-size:clamp(1.6rem,4vw,2.4rem)}.held p{margin:0;color:var(--farbe-gedimmt);max-width:60ch}.kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.kacheln article{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);padding:1.25rem}.kacheln h2{margin:0 0 .5rem;font-size:1.1rem}.kacheln p{margin:0;color:var(--farbe-gedimmt);font-size:.95rem}.aufbau{background:var(--farbe-flaeche);border:1px dashed var(--farbe-rand);border-radius:var(--radius);padding:1.25rem}.aufbau h2{margin:0 0 .5rem;font-size:1.05rem}.aufbau p{margin:0;color:var(--farbe-gedimmt)}.rechtstext{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);padding:1.5rem 2rem}.rechtstext h1{margin-top:0;font-size:1.6rem}.rechtstext h2{font-size:1.15rem;margin-top:2rem}.rechtstext li,.rechtstext p{max-width:80ch}.fuss{border-top:1px solid var(--farbe-rand);background:var(--farbe-flaeche);padding:1.5rem 1rem}.fuss nav{max-width:var(--breite);margin:0 auto .5rem;display:flex;flex-wrap:wrap;gap:1.25rem}.fuss nav a{text-decoration:none;font-size:.95rem}.klein{max-width:var(--breite);margin:0 auto;color:var(--farbe-gedimmt);font-size:.85rem}.modal-hintergrund{position:fixed;inset:0;background:rgba(20,20,25,.55);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--farbe-flaeche);border-radius:var(--radius);padding:1.75rem;max-width:34rem;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.25)}.modal h2{margin:0 0 .75rem;font-size:1.3rem}.modal p{margin:0 0 1rem}.schaltflaeche{display:inline-block;background:var(--farbe-akzent);color:#fff;border:none;border-radius:8px;padding:.65rem 1.1rem;font:inherit;text-decoration:none;cursor:pointer}.schaltflaeche.sekundaer{background:transparent;color:var(--farbe-gedimmt);border:1px solid var(--farbe-rand)}@media (prefers-color-scheme:dark){:root{--farbe-text:#ececf0;--farbe-gedimmt:#a8a8b3;--farbe-flaeche:#1e1e24;--farbe-hintergrund:#141418;--farbe-rand:#33333c;--farbe-warnung:#ffd98a;--farbe-warnung-flaeche:#3a2f14}.marke{color:var(--farbe-text)}.testbalken{border-bottom-color:#4a3c1c}}.filterleiste{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 1rem}.filterleiste a{padding:.35rem .9rem;border:1px solid var(--farbe-rand,#dfe1e6);border-radius:999px;text-decoration:none;color:inherit;font-size:.95rem}.filterleiste a.aktiv{border-color:currentColor;font-weight:600}.filterleiste .anzahl{color:var(--farbe-gedimmt);font-size:.85em}.artikelraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));grid-gap:1.25rem;gap:1.25rem;margin:1.5rem 0 3rem}.artikelkachel{display:block;text-decoration:none;color:inherit;border:1px solid var(--farbe-rand,#dfe1e6);border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .15s ease}.artikelkachel:focus-visible,.artikelkachel:hover{box-shadow:0 2px 12px rgba(0,0,0,.1)}.bildrahmen{display:block;aspect-ratio:1/1;background:#f5f6f8;display:grid;place-items:center}.bildrahmen img{width:100%;height:100%;object-fit:contain}.bildrahmen.gross{aspect-ratio:1/1;border:1px solid var(--farbe-rand,#dfe1e6);border-radius:10px;overflow:hidden}.ohnebild{color:var(--farbe-gedimmt);font-size:.9rem;padding:1rem;text-align:center}.kacheltext{display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem 1rem}.kacheltext .klein{color:var(--farbe-gedimmt);font-size:.9rem}.preis{font-weight:600}.preis.gross{font-size:1.4rem;margin:.5rem 0 1rem}.brotkrumen{margin:1.5rem 0 1rem;color:var(--farbe-gedimmt);font-size:.95rem}.artikelspalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:48rem){.artikelspalten{grid-template-columns:1fr}}.artikelseite h1{margin:0 0 .25rem}.unterzeile{margin:0 0 .5rem;color:var(--farbe-gedimmt)}.wahl{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0 .5rem}.wahl label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--farbe-gedimmt)}.wahl select{font:inherit;padding:.45rem .6rem;border:1px solid var(--farbe-rand,#dfe1e6);border-radius:6px;background:#fff}.farbreihe{display:flex;flex-wrap:wrap;gap:.4rem;margin:.25rem 0 .75rem}.farbreihe button{width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid rgba(0,0,0,.25);cursor:pointer;padding:0}.farbreihe button.aktiv{outline:2px solid currentColor;outline-offset:2px}.produkttext{margin:2.5rem 0;max-width:70ch}.produkttext img{max-width:100%;height:auto}.datenkarte{max-width:45rem;overflow:hidden;border:1px solid #e3eae4;border-radius:1.4rem;background:#fff;color:#17241f;box-shadow:0 .75rem 2.5rem rgba(31,55,39,.05)}.datenkarte__kopf{padding:1.9rem 2rem 1.55rem;background:linear-gradient(135deg,#eff6ef,#fafcf9);border-bottom:1px solid #e7eee7}.datenkarte__marke{display:inline-block;padding:.45rem .7rem;border-radius:99px;background:#dcece0;color:#28553b;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.datenkarte__kopf h3{margin:1rem 0 .3rem;font-size:1.6rem;line-height:1.2;letter-spacing:-.03em}.datenkarte__kopf p{margin:0;color:#65746b;font-size:.9rem;line-height:1.5}.datenkarte__menge{display:flex;align-items:baseline;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem!important}.datenkarte__menge strong{color:#17241f;font-size:2.5rem;line-height:1;letter-spacing:-.055em}.datenkarte__werte{margin:0;padding:.6rem 2rem 1.5rem}.datenkarte__werte>div{display:grid;grid-template-columns:42% 58%;grid-gap:.75rem;gap:.75rem;padding:.95rem 0;border-bottom:1px solid #edf0ed;line-height:1.45}.datenkarte__werte>div:last-child{border-bottom:0}.datenkarte__werte dt{color:#69786f;font-size:.9rem}.datenkarte__werte dd{margin:0;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}@media (max-width:45rem){.datenkarte__kopf{padding:1.6rem 1.5rem 1.4rem}.datenkarte__werte{padding:.5rem 1.5rem 1.25rem}}@media (max-width:26rem){.datenkarte__werte>div{grid-template-columns:1fr;gap:.2rem;padding:.8rem 0}}