@layer basis, teile, seiten;
@layer basis{
:root{--wst-navy:#293189;--wst-tinte:#1b1f5e;--wst-himmel:#d0ecf8;--wst-nebel:#eef7fc;--wst-honig:#a26c3c;--wst-kornblume:#3f63c9;--wst-text:#23264a;--wst-grau:#5d6286;--wst-linie:#dbe3f0;--wst-weiss:#fff;--wst-rund:18px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 1rem/1.62 Figtree,system-ui,sans-serif;color:var(--wst-text);background:var(--wst-weiss);overflow-x:hidden}
img{max-inline-size:100%;block-size:auto;display:block}
a{color:var(--wst-navy)}
h1,h2,h3{font-family:Fredoka,Figtree,sans-serif;color:var(--wst-navy);line-height:1.18;font-weight:600;margin:0 0 .5em}
h1{font-size:clamp(1.7rem,3.6vw,2.6rem)}h2{font-size:clamp(1.35rem,2.4vw,1.9rem)}h3{font-size:1.12rem}
main{display:block}
.sprungmarke{position:absolute;inset-inline-start:-999px}.sprungmarke:focus{inset-inline-start:12px;inset-block-start:12px;background:#fff;padding:8px 12px;z-index:50}
}
@layer teile{
.kopf{background:var(--wst-weiss);border-block-end:1px solid var(--wst-linie);position:sticky;inset-block-start:0;z-index:20}
.kopf__zeile{max-inline-size:1240px;margin-inline:auto;padding:10px 20px 0;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo . knopf" "reiter reiter reiter";align-items:center;column-gap:16px}
.kopf__logo{grid-area:logo}.kopf__logo img{inline-size:104px}
.kopf__knopf{grid-area:knopf}
.kopf__schalter,.kopf__burger{display:none}
.kopf__reiter{grid-area:reiter}
.kopf__reiter ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kopf__reiter a{display:block;padding:8px 16px 10px;border-radius:12px 12px 0 0;text-decoration:none;font-weight:600;color:var(--wst-tinte);background:var(--wst-nebel)}
.kopf__reiter a:hover{background:var(--wst-himmel)}
.kopf__reiter a.an{background:var(--wst-navy);color:#fff}
.vorteile{list-style:none;margin:0;padding:9px 16px;background:var(--wst-tinte);color:#fff;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;font-size:.86rem}
.vorteile li::before{content:"";display:inline-block;inline-size:.62em;block-size:.62em;border-radius:50%;background:var(--wst-himmel);margin-inline-end:.5em;vertical-align:.05em}
.holen{display:inline-block;cursor:pointer;line-height:0;border-radius:999px;transition:transform .15s,filter .15s}
.holen:hover,.holen:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}
.holen:focus-visible{outline:3px solid var(--wst-kornblume);outline-offset:3px}
.holen img{inline-size:100%;block-size:auto}
.holen--kopf{inline-size:230px}
.holen--karte{display:block;inline-size:100%;margin-block-start:auto}
.holen--buehne{inline-size:min(360px,100%)}
.holen--kasse{inline-size:min(420px,100%);margin-block:6px 14px}
.pfad{max-inline-size:1240px;margin:14px auto 0;padding-inline:20px;font-size:.85rem}
.pfad ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.pfad li+li::before{content:"›";margin-inline-end:6px;color:var(--wst-grau)}
.pfad a{color:var(--wst-grau)}
.sterne{display:flex;align-items:center;gap:6px;margin:0 0 4px;font-size:.84rem;color:var(--wst-grau)}
.sterne__band{position:relative;inline-size:84px;block-size:15px;background:linear-gradient(90deg,#d8dbe8 0 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 15'%3E%3Cg fill='black'%3E%3Cpath id='s' d='M7.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4L3 13.8l.9-5L.3 5.3l5-.7z'/%3E%3Cuse href='%23s' x='17'/%3E%3Cuse href='%23s' x='34'/%3E%3Cuse href='%23s' x='51'/%3E%3Cuse href='%23s' x='68'/%3E%3C/g%3E%3C/svg%3E") 0 0/84px 15px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 15'%3E%3Cg fill='black'%3E%3Cpath id='s' d='M7.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4L3 13.8l.9-5L.3 5.3l5-.7z'/%3E%3Cuse href='%23s' x='17'/%3E%3Cuse href='%23s' x='34'/%3E%3Cuse href='%23s' x='51'/%3E%3Cuse href='%23s' x='68'/%3E%3C/g%3E%3C/svg%3E") 0 0/84px 15px}
.sterne__voll{position:absolute;inset:0 auto 0 0;background:#f2a31b}
.sterne__wert{font-weight:700;color:var(--wst-text)}
.sterne--neu{font-weight:600;color:var(--wst-kornblume)}
.etikett{margin:6px 0 0;color:var(--wst-tinte);font-family:Fredoka,sans-serif;font-weight:600;line-height:1;display:flex;align-items:flex-start}
.etikett__euro{font-size:2rem}.etikett__cent{font-size:1.05rem;margin-block-start:.15em}.etikett__zeichen{font-size:1.05rem;margin:.15em 0 0 .15em}
.etikett--gross .etikett__euro{font-size:2.8rem}.etikett--gross .etikett__cent,.etikett--gross .etikett__zeichen{font-size:1.4rem}
.flasche{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wst-linie);border-radius:var(--wst-rund);padding:14px;gap:10px;min-inline-size:0}
.flasche__bild{display:block;background:var(--wst-nebel);border-radius:12px;aspect-ratio:1;overflow:hidden}
.flasche__bild img{inline-size:100%;block-size:100%;object-fit:contain;mix-blend-mode:multiply;padding:10px}
.flasche__text{display:flex;flex-direction:column;flex:1}
.flasche__marke{margin:0;font-size:.78rem;color:var(--wst-grau);text-transform:uppercase;letter-spacing:.06em}
.flasche__name{margin:2px 0 6px;font-size:1.08rem}.flasche__name a{text-decoration:none;color:var(--wst-navy)}
.flasche__kurz{margin:0 0 6px;font-size:.92rem}
.flasche__duefte{margin:0 0 6px;font-size:.85rem;color:var(--wst-kornblume);font-weight:600}
.flasche__inhalt{margin:auto 0 0;font-size:.8rem;color:var(--wst-grau)}
.flasche__mwst{margin:4px 0 0;font-size:.74rem;color:var(--wst-grau)}
.regal,.welten,.schritte,.vergleich,.stimmen,.leseecke,.fragen,.markenband{max-inline-size:1240px;margin:56px auto 0;padding-inline:20px}
.regal__kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px;margin-block-end:16px}
.regal__kopf p{margin:0;color:var(--wst-grau)}
.regal__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.regal__raster--eng{grid-template-columns:repeat(auto-fill,minmax(250px,320px))}
.markenband img{inline-size:100%;border-radius:var(--wst-rund)}
.stimmen__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.stimme{margin:0;background:var(--wst-nebel);border-radius:var(--wst-rund);padding:20px 22px;display:flex;flex-direction:column}
.stimme__sterne{margin:0 0 6px;color:#f2a31b;letter-spacing:2px}.stimme__sterne span{color:#c9cfe2}
.stimme blockquote{margin:0 0 10px;flex:1}.stimme blockquote p{margin:0 0 6px}
.stimme__titel{font-weight:700;color:var(--wst-navy)}
.stimme figcaption{font-size:.84rem;color:var(--wst-grau)}
.stimme__wo{display:block;margin-block-start:4px;font-weight:600}
.leseecke{padding-block:8px}
.leseecke__spalten{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px}
.leseecke p{margin:0 0 1em}
.leseecke b{color:var(--wst-navy)}
.leseecke__chips-titel{font-weight:700;margin:10px 0 8px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--wst-nebel);text-decoration:none;font-size:.9rem;border:1px solid var(--wst-linie)}
.fragen details{border-block-end:1px solid var(--wst-linie);padding:12px 0}
.fragen summary{cursor:pointer;font-weight:700;color:var(--wst-navy);list-style:none;position:relative;padding-inline-end:28px}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"";position:absolute;inset-inline-end:4px;inset-block-start:.45em;inline-size:9px;block-size:9px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.fragen details[open] summary::after{transform:rotate(-135deg)}
.fragen details p{margin:8px 0 0}
.kacheln{margin-block-start:64px;background:var(--wst-navy)}
.kacheln ul{list-style:none;margin:0 auto;padding:22px 20px;max-inline-size:1240px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.kacheln a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:600}
.kacheln__i{inline-size:46px;block-size:46px;border-radius:50%;background:#fff;flex:none;position:relative}
.kacheln__i::after{content:"";position:absolute;inset:12px;background:var(--wst-navy);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.kacheln__i--flasche{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 2h6v3l2 3v13a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8l2-3z'/%3E%3C/svg%3E")}
.kacheln__i--bluete{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6' r='4'/%3E%3Ccircle cx='6' cy='12' r='4'/%3E%3Ccircle cx='18' cy='12' r='4'/%3E%3Ccircle cx='12' cy='18' r='4'/%3E%3C/svg%3E")}
.kacheln__i--buch{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h7a2 2 0 0 1 2 2v16a2 2 0 0 0-2-2H4zM20 3h-5v18a2 2 0 0 1 2-2h3z'/%3E%3C/svg%3E")}
.kacheln__i--frage{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 16h-2v-2h2zm2-7.3-.9.9c-.7.7-1.1 1.3-1.1 2.4h-2v-.5c0-1.1.4-2.1 1.1-2.8l1.2-1.3A2 2 0 1 0 10 8H8a4 4 0 1 1 7 2.7z'/%3E%3C/svg%3E")}
.kacheln__i--brief{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2zm2 2v.5l8 5 8-5V7l-8 5z'/%3E%3C/svg%3E")}
.fuss{background:var(--wst-tinte);color:#dfe5ff;font-size:.92rem}
.fuss__spalten{max-inline-size:1240px;margin:0 auto;padding:40px 20px 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}
.fuss__marke img{inline-size:110px;margin-block-end:10px}
.fuss address{font-style:normal}
.fuss a{color:#fff}
.fuss ul{list-style:none;margin:0;padding:0}.fuss li{margin-block-end:6px}
.fuss__titel{font-family:Fredoka,sans-serif;font-weight:600;color:#fff;font-size:1.05rem;margin:0 0 10px}
.fuss__hinweis{font-size:.8rem;opacity:.8}
.fuss__unten{max-inline-size:1240px;margin:0 auto;padding:14px 20px 22px;border-block-start:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.84rem}
.fuss address a{overflow-wrap:anywhere}
}
@layer seiten{
.buehne{position:relative;max-inline-size:1400px;margin:0 auto}
.buehne__bild img{inline-size:100%;block-size:min(640px,62vw);object-fit:cover;object-position:60% 40%}
.buehne__wolke{position:absolute;inset-block-start:50%;inset-inline-start:max(20px,4vw);transform:translateY(-50%);inline-size:min(520px,46%);background:rgba(255,255,255,.93);border-radius:40px 40px 40px 8px;padding:30px 32px;box-shadow:0 18px 44px rgba(27,31,94,.18)}
.buehne__gruss{margin:0 0 6px;font-family:Fredoka,sans-serif;color:var(--wst-kornblume);font-weight:600;font-style:italic}
.buehne__wolke p{margin:0 0 16px}
.buehne__link{display:inline-block;margin-inline-start:6px;font-weight:600}
.welten ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.welten a{display:flex;flex-direction:column;text-decoration:none;color:var(--wst-text);background:var(--wst-himmel);border-radius:var(--wst-rund);overflow:hidden;block-size:100%}
.welten img{aspect-ratio:5/4;object-fit:cover;inline-size:100%}
.welten b{font-family:Fredoka,sans-serif;font-size:1.2rem;color:var(--wst-navy);padding:12px 16px 0}
.welten small{padding:0 16px 14px;color:var(--wst-grau)}
.schritte ol{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.schritte li{counter-increment:s;background:var(--wst-nebel);border-radius:var(--wst-rund);padding:20px 20px 16px;position:relative}
.schritte li::before{content:counter(s);display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:50%;background:var(--wst-navy);color:#fff;font-family:Fredoka,sans-serif;font-weight:700;margin-block-end:10px}
.schritte li p{margin:4px 0 0}
.schritte figure{margin:0}
.schritte figure img{inline-size:100%;border-radius:var(--wst-rund);border:1px solid var(--wst-linie)}
.vergleich__intro{color:var(--wst-grau);margin-block-start:-4px}
.vergleich__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.vergleich__spalte{border:1px solid var(--wst-linie);border-radius:14px;padding:0 12px 12px;display:flex;flex-direction:column;background:#fff;min-inline-size:0}
.vergleich__plakette{margin:0 -12px 10px;padding:6px;text-align:center;font-weight:700;font-size:.84rem;background:var(--wst-himmel);color:var(--wst-navy);border-radius:13px 13px 0 0}
.vergleich__plakette--tipp{background:#f6d99a;color:#5a3d06}
.vergleich__plakette--leer{background:var(--wst-nebel)}
.vergleich__bild img{aspect-ratio:1;object-fit:contain;inline-size:100%;mix-blend-mode:multiply}
.vergleich h3{font-size:1rem;margin:8px 0}.vergleich h3 a{text-decoration:none}
.vergleich dl{margin:0 0 8px;font-size:.84rem}
.vergleich dl div{padding:6px 0;border-block-start:1px solid var(--wst-linie)}
.vergleich dt{color:var(--wst-grau);font-size:.76rem}.vergleich dd{margin:0;font-weight:600}
.vergleich .etikett{margin-block-end:10px}
.bereich{max-inline-size:1240px;margin:14px auto 0;padding-inline:20px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}
.bereich figure{margin:0}.bereich figure img{border-radius:var(--wst-rund);inline-size:100%}
.filter{max-inline-size:1240px;margin:26px auto 18px;padding:0 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.filter label{display:flex;flex-direction:column;font-size:.8rem;color:var(--wst-grau);gap:4px}
.filter select{font:inherit;font-size:.95rem;padding:9px 34px 9px 12px;border:1px solid var(--wst-linie);border-radius:10px;background:#fff;color:var(--wst-text);min-inline-size:200px}
.filter__zahl{margin:0 0 0 auto;font-weight:600}
[data-liste]{max-inline-size:1240px;margin-inline:auto;padding-inline:20px}
.linie{margin-block-end:40px}.linie>img{inline-size:100%;border-radius:12px;margin-block-end:16px;max-block-size:170px;object-fit:cover}
.linie__inhalt{display:grid;grid-template-columns:1fr minmax(240px,320px);gap:28px;align-items:start}
.linie__text h2{margin-block-end:.3em}.linie__nase{font-style:italic;background:var(--wst-nebel);border-radius:12px;padding:12px 16px}
.chips--still li{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--wst-himmel);font-weight:600;font-size:.88rem;color:var(--wst-navy)}
.linie .regal__raster--eng{grid-template-columns:1fr}
.versteckt{display:none!important}
.pdp{max-inline-size:1240px;margin:18px auto 0;padding-inline:20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.galerie__gross{margin:0;background:var(--wst-nebel);border-radius:var(--wst-rund);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.galerie__gross img{max-block-size:100%;object-fit:contain;mix-blend-mode:multiply;padding:18px}
.galerie__reihe{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:10px}
.galerie__daumen{inline-size:72px;block-size:72px;padding:4px;border:2px solid var(--wst-linie);border-radius:10px;background:#fff;cursor:pointer}
.galerie__daumen.an{border-color:var(--wst-navy)}
.galerie__daumen img{inline-size:100%;block-size:100%;object-fit:contain}
.kasse__marke{margin:0 0 6px;font-size:.84rem;color:var(--wst-kornblume);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.kasse h1{font-size:clamp(1.5rem,2.8vw,2.1rem)}
.kasse__intro{margin:10px 0 14px}
.duftwahl{border:0;margin:0 0 14px;padding:0}
.duftwahl legend{font-weight:700;margin-block-end:8px;color:var(--wst-navy)}
.duftwahl label{display:inline-block;margin:0 6px 8px 0;cursor:pointer}
.duftwahl input{position:absolute;opacity:0}
.duftwahl span{display:inline-block;padding:7px 14px;border-radius:999px;border:2px solid var(--wst-linie);font-weight:600;font-size:.92rem}
.duftwahl input:checked+span{border-color:var(--wst-navy);background:var(--wst-navy);color:#fff}
.duftwahl input:focus-visible+span{outline:3px solid var(--wst-kornblume);outline-offset:2px}
.kasse__preis{background:var(--wst-nebel);border-radius:14px;padding:14px 18px;margin-block-end:12px}
.kasse__grund,.kasse__mwst{margin:6px 0 0;font-size:.86rem;color:var(--wst-grau)}
.kasse__fakten{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.kasse__fakten div{border:1px solid var(--wst-linie);border-radius:12px;padding:10px 12px}
.kasse__fakten dt{font-size:.76rem;color:var(--wst-grau)}.kasse__fakten dd{margin:0;font-weight:700}
.pdp-teil{max-inline-size:900px;margin:44px auto 0;padding-inline:20px}
.pdp-teil--punkte ul{margin:0;padding:0;list-style:none}
.pdp-teil--punkte li{padding:10px 0 10px 34px;border-block-end:1px solid var(--wst-linie);position:relative}
.pdp-teil--punkte li::before{content:"";position:absolute;inset-inline-start:4px;inset-block-start:15px;inline-size:16px;block-size:16px;border-radius:50%;background:var(--wst-himmel);box-shadow:inset 0 0 0 4px var(--wst-navy)}
.pdp-teil--nase p{font-size:1.1rem;font-style:italic;background:var(--wst-himmel);border-radius:var(--wst-rund);padding:18px 22px;margin:0}
.pdp-teil--anwendung ol{margin:0;padding-inline-start:22px}.pdp-teil--anwendung li{margin-block-end:8px}
.pdp-teil--daten table{inline-size:100%;border-collapse:collapse;table-layout:fixed}
.pdp-teil--daten th,.pdp-teil--daten td{text-align:start;padding:9px 10px;border-block-end:1px solid var(--wst-linie);vertical-align:top;overflow-wrap:anywhere}
.pdp-teil--daten th{inline-size:42%;color:var(--wst-grau);font-weight:600}
.stimmen--pdp{max-inline-size:900px}
.tagebuch-kopf{max-inline-size:860px;margin:20px auto 0;padding-inline:20px;text-align:center}
.eintraege{max-inline-size:1240px;margin:30px auto 0;padding-inline:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.eintrag a{display:block;text-decoration:none;color:var(--wst-text);border:1px solid var(--wst-linie);border-radius:var(--wst-rund);overflow:hidden;block-size:100%}
.eintrag img{aspect-ratio:16/9;object-fit:cover;inline-size:100%}
.eintrag__kicker{margin:14px 18px 2px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--wst-kornblume);font-weight:700}
.eintrag h2{margin:0 18px 6px;font-size:1.25rem}.eintrag p:last-child{margin:0 18px 18px}
.ratgeber{max-inline-size:820px;margin:18px auto 0;padding-inline:20px}
.ratgeber__bild{margin:0 0 20px}.ratgeber__bild img{inline-size:100%;border-radius:var(--wst-rund)}
.ratgeber__kicker{text-align:center;margin:0;color:var(--wst-kornblume);font-weight:700;text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}
.ratgeber h1{text-align:center;font-style:italic}
.ratgeber h2{font-style:italic;margin-block-start:1.4em}
.ratgeber__lead{font-size:1.12rem;font-weight:600}
.inhalt{background:var(--wst-nebel);border-radius:14px;padding:14px 20px;margin:18px 0}
.inhalt p{margin:0 0 6px;font-weight:700}.inhalt ol{margin:0;padding-inline-start:20px}
.tipp{border-inline-start:5px solid var(--wst-kornblume);background:#f4f7ff;padding:12px 18px;border-radius:0 12px 12px 0;margin:18px 0}
.tipp p,.fazit p{margin:4px 0 0}
.fazit{border:2px dashed var(--wst-kornblume);background:var(--wst-nebel);border-radius:14px;padding:16px 20px;margin:26px 0 0}
.dienst{max-inline-size:1100px;margin:18px auto 0;padding-inline:20px;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}
.dienst__text section{margin-block-end:22px}
.dienst__text h2{font-size:1.25rem}
.dienst__seite figure{margin:0 0 16px}.dienst__seite img{border-radius:var(--wst-rund);inline-size:100%}
.postkarte{background:var(--wst-himmel);border-radius:var(--wst-rund);padding:22px;border:2px dashed var(--wst-navy)}
.postkarte__titel{font-family:Fredoka,sans-serif;font-weight:600;color:var(--wst-navy);margin:0 0 8px;font-size:1.15rem}
.postkarte address{font-style:normal}.postkarte a{overflow-wrap:anywhere}
.fragen--voll{margin:0;padding:0}
.notiz{max-inline-size:700px;margin:60px auto 0;padding-inline:20px;text-align:center}
}
@media (max-width:1000px){
.welten ul{grid-template-columns:repeat(2,1fr)}
.fuss__spalten{grid-template-columns:1fr 1fr}
.buehne__wolke{position:relative;transform:none;inline-size:auto;margin:-28px 12px 0;border-radius:24px;background:#fff;padding:22px 20px;inset:auto}
.buehne__bild img{block-size:auto;aspect-ratio:16/9}
}
@media (max-width:820px){
.kopf__zeile{grid-template-areas:"logo knopf burger";grid-template-columns:auto 1fr auto;padding-block-end:10px}
.kopf__knopf{justify-self:end}
.holen--kopf{inline-size:170px}
.kopf__burger{display:grid;gap:5px;cursor:pointer;padding:8px;grid-area:burger}
.kopf__burger i{display:block;inline-size:24px;block-size:3px;border-radius:2px;background:var(--wst-navy)}
.kopf__reiter{grid-column:1/-1;grid-row:2;display:none}
.kopf__schalter:checked~.kopf__reiter{display:block}
.kopf__reiter ul{flex-direction:column}
.kopf__reiter a{border-radius:10px}
.leseecke__spalten,.bereich,.pdp,.dienst,.linie__inhalt{grid-template-columns:1fr}
.schritte ol{grid-template-columns:1fr}
.filter select{min-inline-size:0}
.filter__zahl{margin-inline-start:0}
}
@media (max-width:480px){
.welten ul{grid-template-columns:1fr 1fr;gap:10px}
.welten b{font-size:1rem;padding:10px 10px 0}.welten small{padding:0 10px 10px;font-size:.8rem}
.holen--kopf{inline-size:140px}
.kopf__logo img{inline-size:84px}
.fuss__spalten{grid-template-columns:1fr}
.regal__raster{grid-template-columns:1fr 1fr;gap:10px}
.linie .regal__raster--eng{grid-template-columns:1fr}
.flasche{padding:10px}
.etikett__euro{font-size:1.6rem}
.vergleich__raster{grid-template-columns:1fr 1fr}
.kasse__fakten{grid-template-columns:1fr}
.vorteile{font-size:.78rem;gap:4px 14px}
}