@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;
 src:url(schrift/roboto-400.woff2) format('woff2');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;
 src:url(schrift/roboto-700.woff2) format('woff2');}
@font-face{font-family:'Roboto';font-style:italic;font-weight:400 700;font-display:swap;
 src:url(schrift/roboto-400i.woff2) format('woff2');}
@font-face{font-family:'AR-FONT';font-style:normal;font-weight:400;font-display:block;
 src:url(schrift/ar-font.woff2) format('woff2');}
@font-face{font-family:'AR-FONT';font-style:normal;font-weight:300;font-display:block;
 src:url(schrift/ar-duenn.woff2) format('woff2');}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;
 src:url(schrift/roboto-condensed-400.woff2) format('woff2');}
:root{
  --marmor:#f6f6f6;      
  --weiss:#ffffff;       
  --sand:#f0f0f0;        
  --tinte:#000000;       
  --linie:#dcdcdc;       
  --zart:#e8e8e8;        
  
  --matt:#595959;        
  --grau:var(--matt);    
  
  --rot:#9b0e1d;         
  --karmesin:var(--rot);
  --blau:#113278;        
  --admiral:var(--blau);
  --gold:#735817;        
  --bronze:var(--gold);
  --band:var(--rot);
  --h:var(--rot);        
  --ht:var(--rot);       
  
  --b:1180px;
  --rand:20px;
  --mass:68ch;
  --luft-s:40px; --luft-m:56px; --luft-l:76px;
  
  
  --r-strich:1px;   
  --r-haar:2px;     
  --r-eng:4px;      
  --r-wort:6px;     
  --r-zeile:8px;    
  --r-paar:12px;    
  --r-polster:16px; 
  --r-kasten:24px;  
  --r-gruppe:32px;  
  --r-weit:48px;    
  --r-bruch:64px;   
  
  --rf-s:clamp(16px,2.4vw,24px);
  --rf-m:clamp(16px,2.6vw,32px);
  --rf-l:clamp(24px,3.2vw,40px);
  --rf-xl:clamp(28px,4vw,48px);
  --rf-xxl:clamp(32px,4.5vw,56px);
  --rf-xxxl:clamp(40px,5vw,72px);
  
  --pr-eng:.6em; --pr-zeile:1.2em; --pr-absatz:1.8em; --pr-block:2.4em; --pr-bruch:3em;
  --pr-zeichen:.4em;
  
  --s-mikro:11px;   
  --s-label:13px;   
  --s-feld:16px;    
  --s-klein:15px;   
  --s-text:17px;    
  --s-vor:20px;     
  --s-h3:24px; --s-h2:28px; --s-h1:34px;
  --s-schlag:40px;  
  
  --sf-vor:clamp(17px,1.9vw,20px);
  --sf-h3:clamp(20px,2.6vw,28px);
  --sf-h2:clamp(24px,3.4vw,34px);
  --sf-h1:clamp(28px,4.2vw,48px);
  --sf-titel:clamp(30px,5.2vw,56px);
  --sf-display:clamp(34px,7.4vw,86px);
  --sf-buehne:clamp(30px,min(7.6vw,13svh),110px);  
  --sf-zahl:clamp(46px,8vw,96px);
  --sf-leiste:clamp(18px,2.1vw,40px);    
  
  --w-text:.78;     
  --w-matt:.6;      
  --w-leise:.5;     
  --w-kante:.24;    
  --w-linie:.16;    
  --w-flaeche:.12;  
  --w-glanz:.42;    
  
  --leiste-h:57px;      
  --kaufleiste-h:72px;  
  --ew-h:0px;           
  scroll-padding-top:70px; scroll-padding-bottom:62px; scroll-behavior:smooth;
  color-scheme:light;
}
@media(min-width:760px){ :root{ --rand:28px; } }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
button,input,select,textarea,optgroup{font:inherit;letter-spacing:inherit}
html{font-family:"Roboto",Arial,Helvetica,sans-serif}
body{margin:0;background:var(--marmor);color:var(--tinte);
  font-family:"Roboto",Arial,Helvetica,sans-serif;font-size:var(--s-text);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:var(--rot)}
h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:-.018em;text-wrap:balance;font-weight:700}
p{margin:0;text-wrap:pretty}
::selection{background:var(--rot);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sek.dunkel :focus-visible,.abschluss :focus-visible,
.fuss :focus-visible{outline-color:#fff;box-shadow:0 0 0 5px rgba(0,0,0,.55)}
.nur-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.springen{position:absolute;left:-999px;top:0;background:var(--rot);color:#fff;padding:var(--r-zeile) var(--r-polster);z-index:200}
.springen:focus{left:8px;top:8px}
@media(max-width:560px){
  h1,h2,h3{overflow-wrap:break-word;hyphens:none}
}
.wrap{max-width:var(--b);margin-inline:auto;padding-inline:var(--rand)}
.sek{padding-block:var(--luft-m)}
.sek.luft-s{padding-block:var(--luft-s)}
.sek.luft-l{padding-block:var(--luft-l)}
.sek.hell{background:var(--weiss)}
.sek.sand{background:var(--sand)}
.display{font-size:var(--sf-display);line-height:.96;letter-spacing:-.032em}
h1.t,h2.t{font-size:var(--sf-h1);line-height:1.05;letter-spacing:-.025em;max-width:28ch}
h3{font-size:var(--s-vor)}
.vor{max-width:58ch;color:var(--matt);margin-top:var(--rf-m);
  font-size:var(--sf-vor);line-height:1.56}
.klein{font-size:var(--s-klein);color:var(--matt)}
.handschrift{display:block;margin:0 0 var(--r-polster)}   
.ar-krakel{display:block;max-width:100%;height:auto}
.ar-krakel text{font-family:'AR-FONT',cursive;fill:#000}
.label{font-size:var(--s-mikro);font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--rot);margin:0 0 var(--r-polster);display:flex;align-items:center;gap:var(--r-paar)}
.label::after{content:"";flex:1;height:1px;background:var(--linie);min-width:24px}
.label .kap{font-variant-numeric:tabular-nums;font-size:var(--s-label);letter-spacing:.04em;
  color:var(--rot);padding-right:var(--r-paar);border-right:1px solid var(--linie)}
.label a{display:inline-flex;align-items:center;min-height:44px;padding-right:var(--r-wort);
  color:var(--rot);text-decoration:none}
.label a:hover{text-decoration:underline}
.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:var(--r-polster) var(--r-kasten);
  background:var(--rot);color:#fff;text-decoration:none;font-weight:700;font-size:var(--s-label);
  letter-spacing:.09em;text-transform:uppercase;border:1.5px solid var(--rot);
  transition:background .16s,color .16s,border-color .16s}
.knopf.leer{background:transparent;color:var(--rot)}
@media (hover:hover){.knopf:hover{background:var(--tinte);border-color:var(--tinte);color:var(--marmor)}}
.knopf.hell{background:transparent;color:#fff;border-color:#fff}
@media (hover:hover){.knopf.hell:hover{background:#fff;color:var(--tinte);border-color:#fff}}
.tasten,.b-tasten{display:flex;flex-wrap:wrap;gap:var(--r-paar);margin-top:var(--r-kasten)}
.kopf{position:sticky;top:0;z-index:60;background:rgba(246,246,246,.94);
  backdrop-filter:blur(8px)   ;border-bottom:1px solid var(--linie)}
.kopf .wrap{display:flex;align-items:center;gap:var(--r-polster);min-height:62px}
.kopf .marke{display:inline-flex;align-items:center;min-height:44px;flex:none}
.kopf .marke img{width:96px}
.hnav{display:none;gap:var(--r-kasten);margin-left:var(--r-polster);list-style:none;padding:0;font-size:var(--s-klein);font-weight:700}
.hnav a{color:inherit;text-decoration:none;padding:var(--r-zeile) 0;border-bottom:2px solid transparent;
  display:inline-flex;align-items:center;min-height:44px}
.hnav a:hover,.hnav a[aria-current]{border-bottom-color:var(--rot);color:var(--rot)}
@media(min-width:900px){.hnav{display:flex}}
@media(max-width:359px){
  .kopf .wrap{padding-inline:var(--r-paar);gap:var(--r-zeile)}
  .kopf .shop{padding-inline:var(--r-haar)}
}
.kopf .sprache{display:none}
@media(min-width:900px){
  .kopf .sprache{margin-left:auto;padding-inline:var(--r-wort);font-size:var(--s-label);font-weight:700;
    letter-spacing:.09em;color:var(--matt);text-decoration:none;min-height:44px;
    display:inline-flex;align-items:center;flex:none}
  .kopf .sprache:hover,.kopf .sprache:focus-visible{color:var(--tinte)}
  .kopf .sprache + .shop{margin-left:0}
}
.kopf .shop{margin-left:auto;padding-inline:var(--r-wort);font-size:var(--s-label);font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--rot);text-decoration:none;border-bottom:2px solid var(--rot);padding-bottom:var(--r-haar);min-height:44px;
  display:inline-flex;align-items:center;flex:none}
@media(min-width:900px){.menue-schalter{display:none}}
.menue-schalter{position:absolute;width:1px;height:1px;opacity:0;margin:0;
  clip-path:inset(50%);pointer-events:none}
.schub-knopf{flex:none;margin-left:var(--r-zeile);width:46px;height:46px;display:grid;place-items:center;
  cursor:pointer}
@media(min-width:900px){.schub-knopf{display:none}}
.schub-knopf>span:first-child{position:relative;display:block;width:22px;height:2px;
  background:var(--tinte)}
.schub-knopf>span:first-child::before,.schub-knopf>span:first-child::after{content:"";
  position:absolute;left:0;width:22px;height:2px;background:var(--tinte);
  transition:transform .18s}
.schub-knopf>span:first-child::before{top:-7px}
.schub-knopf>span:first-child::after{top:7px}
.menue-schalter:checked ~ .kopf .schub-knopf>span:first-child{background:transparent}
.menue-schalter:checked ~ .kopf .schub-knopf>span:first-child::before{
  transform:translateY(7px) rotate(45deg)}
.menue-schalter:checked ~ .kopf .schub-knopf>span:first-child::after{
  transform:translateY(-7px) rotate(-45deg)}
.menue-schalter:focus-visible ~ .kopf .schub-knopf{outline:2px solid var(--gold);outline-offset:2px}
:root{--sf-schub:20px;--schub-oben:156px;--schub-einzug:37px;--schub-unten:21px;--schub-text:3px;--schub-kachel-oben:48px;--schub-kachel-einzug:44px}
.schub-panel,.schub-hinten{display:none}
.menue-schalter:checked ~ .schub-hinten{display:block;position:fixed;inset:0;z-index:85;background:rgba(0,0,0,.06);cursor:pointer}
.menue-schalter:checked ~ .schub-panel{display:block;position:fixed;top:0;right:0;bottom:0;left:max(0px,calc(100% - 326px));z-index:90;
  background:var(--weiss);overflow-y:auto;overscroll-behavior:contain;padding:0 0 calc(var(--r-weit) + var(--r-weit))}
html:has(.menue-schalter:checked){overflow:hidden}
@media(min-width:900px){.menue-schalter:checked ~ .schub-panel,.menue-schalter:checked ~ .schub-hinten{display:none}
  html:has(.menue-schalter:checked){overflow:visible}}
.schub-zu{position:absolute;top:calc(45px - 22px);right:calc(42.5px - 22px);width:44px;height:44px;display:block;cursor:pointer}
.schub-zu::before,.schub-zu::after{content:"";position:absolute;left:calc(22px - 14.4px);top:calc(22px - 1.5px);width:28.8px;height:3px;background:var(--tinte)}
.schub-zu::before{transform:rotate(45deg)}
.schub-zu::after{transform:rotate(-45deg)}
.schub-zu:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.schub-panel ul{list-style:none;margin:0;padding:0}
.schub-panel .schub-liste{margin:var(--schub-oben) 0 0 var(--schub-einzug);width:min(255px,calc(100% - 37px - 34px))}
.schub-panel .schub-liste li{border-bottom:1px solid var(--linie)}
.schub-panel .schub-liste a{display:flex;align-items:flex-end;box-sizing:border-box;min-height:66px;padding:0 0 var(--schub-unten) var(--schub-text);
  font:700 var(--sf-schub)/1 Roboto,sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--tinte);text-decoration:none}
.schub-panel .schub-liste li:nth-child(2) a{min-height:69px}
.schub-panel .schub-liste li:nth-child(3) a{min-height:73px}
.schub-panel .schub-liste .schub-sorte a{font-weight:400}
.schub-panel .schub-liste a[aria-current]{color:var(--rot)}
.schub-panel .schub-social{display:flex;margin:var(--schub-kachel-oben) 0 0 var(--schub-kachel-einzug);width:208px}
.schub-panel .schub-social li{flex:1 1 0;min-width:0}
.schub-panel .schub-social li+li a{border-left:0}
.schub-panel .schub-social a{display:flex;align-items:center;justify-content:center;height:50px;border:1px solid var(--linie);color:var(--tinte)}
.schub-panel .schub-social a:hover,.schub-panel .schub-social a:focus-visible{border-color:var(--tinte)}
.leiste{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;background:var(--weiss);
  border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:900px){.leiste{display:none}}
.leiste a{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--r-eng);
  text-decoration:none;color:var(--matt);font-size:var(--s-mikro);letter-spacing:.06em;text-transform:uppercase;
  border-right:1px solid var(--zart)}
.leiste a:last-child{border-right:0}
.leiste a[aria-current]{color:var(--rot);font-weight:700;box-shadow:inset 0 2px 0 var(--rot)}
.leiste b{display:flex;align-items:center;justify-content:center;height:23px;font-weight:400;line-height:1}
.leiste b svg{display:block}
body{padding-bottom:var(--leiste-h)}
@media(min-width:900px){body{padding-bottom:0}}
.buehne{position:relative;min-height:560px;min-height:84svh;display:grid;align-items:end;
  overflow:hidden;background:var(--marmor);isolation:isolate}
.b-inhalt{position:relative;z-index:2;max-width:var(--b);width:100%;margin:0 auto;
  padding:0 var(--rand);color:var(--tinte)}
.b-marke{width:min(210px,44vw);height:auto;margin-bottom:calc(min(210px,44vw) * .145)}
.b-claim{font-size:var(--sf-display);line-height:.96;letter-spacing:-.032em;font-weight:700;
  margin:0 0 var(--r-polster);max-width:14ch;text-wrap:balance}
.b-runter{position:absolute;z-index:2;left:50%;bottom:16px;transform:translateX(-50%);
  width:46px;height:46px;display:grid;place-items:center;color:var(--matt);
  border-radius:50%;animation:wink 2.4s ease-in-out infinite}
.b-runter svg{width:22px}
@keyframes wink{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}
@media(min-width:900px){.buehne{min-height:640px;min-height:86svh}}
@media(max-width:760px){
  .buehne{min-height:520px;min-height:80svh;align-items:center}
  .b-runter{display:none}
}
.schnitt{background:var(--weiss);padding:var(--rf-xxl) 0 0;text-align:center;
  border-bottom:1px solid var(--linie)}
.schnitt .handschrift{max-width:min(560px,84vw);height:auto;margin:0 auto var(--rf-l)}
.fakten{display:grid;grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--linie);max-width:var(--b);margin-inline:auto}
@media(min-width:720px){.fakten{grid-template-columns:repeat(5,1fr)}}
.fakt{padding:var(--rf-s) var(--r-paar);min-width:0;border-bottom:1px solid var(--zart);
  border-left:1px solid var(--zart)}
.fakt:first-child{border-left:0}
@media(max-width:719px){
  .fakt:nth-child(odd){border-left:0}
  .fakt:last-child{grid-column:1/-1;border-left:0}
}
.fakt b{display:block;font-size:var(--sf-h2);line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;color:var(--tinte)}
.fakt span{display:block;margin-top:var(--r-zeile);font-size:var(--s-mikro);letter-spacing:.16em;text-transform:uppercase;
  color:var(--rot);font-weight:700}
.linien{display:grid;gap:var(--rf-xl);margin-top:var(--r-gruppe)}
.linie-block{border-top:2px solid var(--tinte);padding-top:var(--r-polster)}
.lb-kopf{font-size:var(--sf-vor);font-weight:700;margin:0 0 var(--r-kasten);display:flex;flex-wrap:wrap;
  align-items:baseline;gap:var(--r-eng) var(--r-paar);line-height:1.25;letter-spacing:-.018em}
.lb-kopf>p{margin:0}
.lb-bei{font-size:var(--s-text);font-weight:400;color:var(--matt);letter-spacing:0}
.lb-reihe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-paar)}
@media(min-width:700px){.lb-reihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--r-polster)}}
.dose-karte{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;
  text-decoration:none;color:inherit;padding:var(--r-kasten) var(--r-paar) var(--r-kasten);border:1px solid var(--linie);
  background:var(--weiss);overflow:hidden;
  transition:border-color .18s,transform .18s,box-shadow .18s}
.dose-karte>*{position:relative}
.dose-karte:hover,.dose-karte:focus-visible{border-color:var(--ht);transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(0,0,0,.1)}
.dk-bild{display:block;margin-bottom:var(--r-polster)}
.dk-bild img{width:clamp(72px,17vw,104px);height:auto;transition:transform .25s}
.dose-karte:hover .dk-bild img{transform:scale(1.06) translateY(-3px)}
.dk-name{display:block;font-weight:700;font-size:var(--sf-vor);line-height:1.2;
  letter-spacing:-.015em}
.dk-unter{display:block;font-size:var(--s-label);color:var(--matt);margin-top:var(--r-eng);line-height:1.3}
.dk-fakt{display:block;margin-top:var(--r-paar);font-size:var(--s-label);color:var(--matt);line-height:1.45}
.dk-fakt b{display:block;color:var(--tinte);font-weight:700;font-size:var(--s-klein)}
.dk-fakt b+b{margin-top:var(--r-strich)}
.dk-mehr{display:block;margin-top:auto;padding-top:var(--r-polster);font-size:var(--s-label);font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--rot)}
.sek.hat-deko{position:relative;overflow:hidden}
.deko-hand{position:absolute;right:-24px;top:34px;width:clamp(150px,16vw,240px);height:auto;
  pointer-events:none;z-index:0}
.sek.hat-deko .wrap{position:relative;z-index:1}
@media(max-width:860px){.deko-hand{display:none}}
.sek.dunkel{background:var(--tinte);color:#fff}
.sek.dunkel .label{color:rgba(255,255,255,var(--w-text))}
.sek.dunkel .label::after{background:var(--gold)}
.sek.dunkel .label .kap{color:#fff;border-right-color:rgba(255,255,255,var(--w-kante))}
.sek.dunkel .vor{color:rgba(255,255,255,var(--w-text))}
.ev-kopfzeile{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:var(--r-gruppe);align-items:end;margin-bottom:var(--r-zeile)}
.ev-crew{width:100%;max-width:380px;height:auto;justify-self:end;margin-bottom:calc(var(--r-wort) * -1)}
.ev-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--r-gruppe) var(--r-weit);margin:var(--r-gruppe) 0 var(--r-gruppe)}
.ev-kopf{font-size:var(--s-mikro);font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,var(--w-matt));margin:0 0 var(--r-paar);padding-bottom:var(--r-zeile);
  border-bottom:1px solid rgba(255,255,255,var(--w-linie))}
.ev-liste{list-style:none;padding:0;margin:0}
.ev-z{display:flex;align-items:center;gap:var(--r-polster);padding:var(--r-paar) 0;
  border-top:1px solid rgba(255,255,255,var(--w-flaeche))}
.ev-z:first-child{border-top:0}
.ez-dat{flex:none;width:48px;text-align:center;line-height:1.02}
.ez-dat b{display:block;font-size:var(--s-h3);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ez-dat span{display:block;margin-top:var(--r-haar);font-size:var(--s-label);color:rgba(255,255,255,var(--w-text));
  text-transform:uppercase;letter-spacing:.1em}
.ez-txt{flex:1;min-width:0}
.ez-name{display:block;font-size:var(--s-text);font-weight:700;line-height:1.25;letter-spacing:-.012em}
.ez-ort{display:block;margin-top:var(--r-haar);font-size:var(--s-klein);color:rgba(255,255,255,var(--w-matt))}
.ez-st{flex:none;font-size:var(--s-mikro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:var(--r-eng) var(--r-paar);border-radius:999px;background:rgba(255,255,255,var(--w-flaeche));color:#fff}
.ev-vorbei .ez-name{font-weight:400;color:rgba(255,255,255,var(--w-matt))}
.ev-vorbei .ez-st{background:transparent;border:1px solid rgba(255,255,255,var(--w-kante));color:rgba(255,255,255,var(--w-leise))}
@media(max-width:860px){
  .ev-kopfzeile{grid-template-columns:minmax(0,1fr)}
  .ev-crew{max-width:260px;justify-self:start;margin:var(--r-zeile) 0 calc(var(--r-wort) * -1)}
  .ev-spalten{gap:var(--r-kasten)}
}
.wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:0;margin-top:var(--r-gruppe);
  border-top:1px solid var(--linie)}
.weg{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:var(--r-kasten) var(--r-kasten) var(--r-kasten) 0;
  border-bottom:1px solid var(--linie);transition:background .18s}
@media(min-width:760px){.weg{padding-right:var(--r-gruppe)}}
.weg:hover,.weg:focus-visible{background:var(--weiss)}
.w-zeichen{display:grid;place-items:center;width:46px;height:46px;background:var(--sand);
  color:var(--rot);margin-bottom:var(--r-polster);transition:background .18s,color .18s}
.weg:hover .w-zeichen{background:var(--rot);color:#fff}
.w-zeichen svg{width:23px}
.w-titel{display:block;font-size:var(--s-vor);font-weight:700;line-height:1.25;margin-bottom:var(--r-zeile);
  letter-spacing:-.018em}
.w-text{display:block;font-size:var(--s-klein);color:var(--matt);line-height:1.5}
.w-mehr{display:block;margin-top:auto;padding-top:var(--r-polster);font-size:var(--s-label);font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--rot)}
.c-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));
  gap:var(--r-polster);margin-top:var(--r-gruppe)}
.c-karte{display:flex;flex-direction:column;text-decoration:none;color:inherit;
  padding:var(--r-kasten);border:1px solid var(--linie);background:var(--weiss);
  transition:border-color .18s,transform .18s,box-shadow .18s}
.c-karte:hover,.c-karte:focus-visible{border-color:var(--ht);transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(0,0,0,.1)}
.ck-rubrik{display:block;font-size:var(--s-mikro);font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--rot);margin-bottom:var(--r-paar)}
.ck-titel{display:block;font-size:var(--s-vor);font-weight:700;line-height:1.22;margin-bottom:var(--r-zeile);
  letter-spacing:-.018em}
.ck-text{display:block;font-size:var(--s-text);color:var(--matt);line-height:1.5}
.ck-mehr{display:block;margin-top:auto;padding-top:var(--r-polster);font-size:var(--s-label);font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--rot)}
.sek.hell .c-karte{background:var(--marmor)}
.sek.sand .c-karte{background:var(--weiss)}
.c-karte.mit-bild{position:relative;overflow:hidden;padding-top:0}
.c-karte.mit-bild:hover{border-color:var(--ht)}
.ck-bild{display:flex;align-items:center;justify-content:center;gap:var(--r-paar);height:152px;
  box-sizing:border-box;padding:var(--r-polster) var(--r-polster);
  
  margin:0 calc(var(--r-kasten) * -1) var(--r-polster);background:var(--sand);
  border-bottom:1px solid var(--linie)}
.ck-bild img{transition:transform .3s;object-fit:contain}
.ck-bild .ck-schrift{max-width:58%;max-height:76px;width:auto;height:auto}
.ck-bild .ck-dose-klein{height:104px;width:auto;max-width:34%}
.c-karte.mit-bild:hover .ck-bild .ck-dose-klein{transform:translateY(-5px)}
.c-karte.mit-bild .ck-rubrik{color:var(--ht)}
.spot-blick{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--r-weit);align-items:center}
.spot-bild{width:100%;max-width:420px;height:auto}
.spot-blick .handschrift{max-width:min(330px,70%);margin:var(--r-kasten) 0 var(--r-kasten)}
@media(max-width:860px){
  .spot-blick{grid-template-columns:minmax(0,1fr);gap:var(--r-kasten)}
  .spot-bild{max-width:250px}
}
.sek.haendler{background:var(--sand);overflow:hidden}
.h-blick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--r-weit);align-items:center}
.h-blick img{width:100%;height:auto}
.h-blick .handschrift{max-width:min(420px,92%);margin-bottom:var(--r-kasten)}
@media(max-width:860px){.h-blick{grid-template-columns:minmax(0,1fr);gap:var(--r-kasten)}}
.abschluss{background:var(--band);color:#fff;padding-block:var(--rf-xxxl);
  position:relative;overflow:hidden}
.abschluss .wrap{position:relative;z-index:1}
.abschluss h2{color:#fff;font-size:var(--sf-h1);max-width:24ch;line-height:1.04;
  letter-spacing:-.028em}
.abschluss p{color:#fff;margin-top:var(--r-polster);max-width:48ch;font-size:var(--s-text)}
.abschluss .knopf{background:#fff;color:var(--band);border-color:#fff}
@media (hover:hover){.abschluss .knopf:hover{background:var(--tinte);border-color:var(--tinte);color:#fff}}
.abschluss .knopf.leer{background:transparent;color:#fff;border-color:rgba(255,255,255,var(--w-matt))}
@media (hover:hover){.abschluss .knopf.leer:hover{background:#fff;color:var(--band);border-color:#fff}}
.abschluss p a:not(.knopf),.abschluss li a:not(.knopf){color:#fff;
  text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
@media (hover:hover){.abschluss p a:not(.knopf):hover{text-decoration-thickness:2px}}
.sek.dunkel p a:not(.knopf),.sek.dunkel li a:not(.knopf){color:#fff;
  text-decoration:underline;text-underline-offset:2px}
.ab-deko{position:absolute;right:-30px;bottom:-40px;width:clamp(180px,24vw,340px);
  opacity:.16;pointer-events:none;z-index:0}
.fuss{background:var(--tinte);color:rgba(255,255,255,var(--w-text));padding-block:var(--r-weit) var(--r-gruppe)}
.fuss .spalten{display:grid;gap:var(--r-gruppe)}
@media(min-width:700px){.fuss .spalten{grid-template-columns:repeat(3,1fr);gap:var(--r-gruppe)}}
@media(min-width:1024px){.fuss .spalten{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:var(--r-gruppe)}}
.fuss .fuss-titel{font-size:var(--s-mikro);letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:0 0 var(--r-zeile);
  font-weight:700}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.fuss a{color:rgba(255,255,255,var(--w-text));text-decoration:none;font-size:var(--s-text);
  display:inline-flex;align-items:center;min-height:44px}
.fuss a:hover{color:#fff;text-decoration:underline}
.fuss .klein{margin-top:var(--r-gruppe);padding-top:var(--r-kasten);border-top:1px solid rgba(255,255,255,var(--w-flaeche));
  font-size:var(--s-klein);color:rgba(255,255,255,var(--w-matt))}
.fuss .marke-feld{display:inline-block;margin-bottom:var(--r-polster)}
.fuss .marke-feld img{width:92px}
.fuss .spalten>div:first-child p{font-size:var(--s-klein);color:rgba(255,255,255,var(--w-matt))}
.rubrik-kopf{position:relative;overflow:hidden;padding:var(--rf-xl) 0 var(--rf-xxl);
  background:linear-gradient(180deg, var(--weiss) 0%, var(--sand) 100%);
  border-bottom:1px solid var(--linie)}
.rk-innen{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);
  gap:var(--r-gruppe);align-items:center}
.rk-titel{font-size:var(--sf-titel);line-height:1.02;letter-spacing:-.03em;
  font-weight:700;margin:0 0 var(--r-polster);text-wrap:balance;max-width:26ch}
.rk-vor{font-size:var(--sf-vor);line-height:1.55;color:var(--matt);
  margin:0 0 var(--r-kasten);max-width:56ch}
.rk-zahl{margin:0;font-size:var(--s-klein);color:var(--matt);display:inline-flex;align-items:baseline;
  gap:var(--r-zeile);padding:var(--r-zeile) var(--r-polster);border:1px solid var(--linie);background:var(--weiss)}
.rk-zahl b{font-size:var(--s-vor);color:var(--ht)}
.rk-bild{display:flex;justify-content:center;align-items:center;
  gap:var(--rf-m)}
.rk-bild img{object-fit:contain}
.rk-bild .rb-schrift{max-width:58%;max-height:clamp(90px,11vw,150px);width:auto;height:auto}
.rk-bild .rb-dose{height:clamp(170px,20vw,250px);width:auto;max-width:36%}
.rk-bild.rk-dose img,.rk-bild.rk-dose .ar-krakel{height:clamp(230px,26vw,350px);width:auto;max-width:100%}
.rk-bild.rk-frei img,.rk-bild.rk-frei .ar-krakel{height:clamp(210px,25vw,330px);width:auto;max-width:100%}
.rk-bild.rk-reihe img,.rk-bild.rk-reihe .ar-krakel{width:min(420px,96%);height:auto}
.rk-bild.rk-krakel img,.rk-bild.rk-krakel .ar-krakel{width:min(340px,86%);height:auto}
.rubrik-kopf.ohne-bild{padding-bottom:var(--rf-xl)}
.rk-innen.einspaltig{grid-template-columns:minmax(0,1fr)}
.rk-innen.einspaltig .rk-vor{max-width:62ch}
.rk-text .b-tasten{margin-top:var(--r-kasten)}
@media(max-width:860px){
  .rk-innen{grid-template-columns:minmax(0,1fr);gap:var(--r-kasten)}
  .rk-bild{order:-1;justify-content:flex-start;gap:var(--r-polster)}
  .rk-bild .rb-dose{height:clamp(130px,30vw,180px)}
  .rk-bild .rb-schrift{max-height:clamp(70px,16vw,110px);max-width:54%}
  .rk-bild.rk-dose img,.rk-bild.rk-frei img,
  .rk-bild.rk-dose .ar-krakel,.rk-bild.rk-frei .ar-krakel{height:clamp(180px,36vw,240px)}
  .rk-bild.rk-krakel img,.rk-bild.rk-krakel .ar-krakel{width:min(270px,76%)}
  .rk-bild.rk-reihe img,.rk-bild.rk-reihe .ar-krakel{width:min(320px,92%)}
}
.raster{display:grid;gap:0;margin-top:var(--r-gruppe);border-top:1px solid var(--linie)}
@media(min-width:620px){.raster{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.raster{grid-template-columns:repeat(3,1fr)}}
.karte{position:relative;border-bottom:1px solid var(--linie);border-right:1px solid var(--linie);
  padding:var(--r-gruppe) var(--r-kasten);display:flex;flex-direction:column;text-decoration:none;color:inherit;
  transition:background .18s}
@media(min-width:980px){.karte:nth-child(3n){border-right:0}}
@media(min-width:620px) and (max-width:979px){.karte:nth-child(2n){border-right:0}}
@media(max-width:619px){.karte{border-right:0}}
.karte:hover{background:color-mix(in srgb,var(--h) 7%,var(--weiss))}
.karte .oben{display:flex;gap:var(--r-kasten);align-items:flex-start}
.karte .bild{position:relative;flex:0 0 76px;display:flex;justify-content:center;padding-top:var(--r-eng)}
.karte .bild img{position:relative;width:76px}
.karte h2,.karte h3{font-size:var(--s-vor);margin-bottom:var(--r-wort);letter-spacing:-.02em}
.karte .linie{font-size:var(--s-mikro);letter-spacing:.18em;text-transform:uppercase;color:var(--ht);
  font-weight:700;margin-bottom:var(--r-zeile)}
.karte .kurz{font-size:var(--s-text);color:var(--matt);line-height:1.5}
.karte .mehr{margin-top:auto;padding-top:var(--r-kasten);min-height:28px;font-size:var(--s-label);font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--rot)}
.sorte-kopf{position:relative;overflow:hidden;padding:0;
  background:linear-gradient(180deg, var(--weiss) 0%, var(--sand) 100%)}
.sk-innen{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:var(--rf-xl);align-items:center;
  min-height:clamp(420px,58vw,760px)}
.sk-bild{margin:0;position:absolute;left:0;top:0;bottom:0;
  width:46%;max-width:760px;overflow:hidden}
.sk-platz{min-height:1px}
.sk-bild img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;
  transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.sk-bild:hover img{transform:scale(1.035)}
.sk-text{padding:var(--rf-xxl) 0;position:relative;z-index:1}
.sk-text .label{margin-bottom:var(--r-paar)}
.sk-name{font-size:var(--sf-titel);line-height:1.02;letter-spacing:-.03em;
  font-weight:700;margin:0 0 var(--r-polster);text-wrap:balance}
.sk-kurz{font-size:var(--sf-vor);color:var(--matt);line-height:1.45;
  margin:0 0 var(--r-gruppe);max-width:38ch}
.chips{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--r-strich);
  background:var(--linie);border:1px solid var(--linie);margin-bottom:var(--r-gruppe)}
.chip{grid-column:span var(--sp,20)}
.chip{background:var(--weiss);padding:var(--r-polster) var(--r-zeile);text-align:center}
.chip b{display:block;font-size:var(--sf-h3);line-height:1.08;letter-spacing:-.025em;
  color:var(--ht);font-variant-numeric:tabular-nums}
.chip span{display:block;font-size:var(--s-mikro);color:var(--matt);margin-top:var(--r-eng);line-height:1.3}
@media(max-width:860px){
  .sk-innen{grid-template-columns:minmax(0,1fr);gap:0;text-align:center;min-height:0}
  
  .sk-bild{position:static;width:auto;max-width:none;
    height:clamp(340px,84vw,460px)}
  .sk-platz{display:none}
  .sk-text{padding:var(--rf-m) 0 0}
  .sk-kurz{margin-left:auto;margin-right:auto}
  .sorte-kopf .b-tasten{justify-content:center}
  .chip{grid-column:span 6}
  .chip:last-child:nth-child(odd){grid-column:span 12}
}
@media (prefers-reduced-motion:reduce){ .sk-bild img{transition:none} }
.detail{display:grid;gap:var(--r-gruppe)}
@media(min-width:860px){.detail{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:var(--r-weit);align-items:start}}
.detail .text{margin-top:0}
.detail-daten{background:var(--weiss);border:1px solid var(--linie);padding:var(--r-kasten) var(--r-kasten)}
.detail-daten .dd-titel{font-size:var(--s-mikro);font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--rot);margin:0 0 var(--r-eng)}
dl.daten{display:grid;grid-template-columns:auto 1fr;margin:var(--r-polster) 0 0;font-size:var(--s-klein)}
dl.daten dt{padding:var(--r-zeile) var(--r-polster) var(--r-zeile) 0;border-top:1px solid var(--zart);color:var(--matt);
  font-size:var(--s-label);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;font-weight:700}
dl.daten dd{padding:var(--r-zeile) 0;border-top:1px solid var(--zart);margin:0;overflow-wrap:anywhere}
dl.daten dd.zahl{font-variant-numeric:tabular-nums;letter-spacing:.02em;
  font-size:var(--s-label)}
@media(max-width:480px){
  dl.daten{grid-template-columns:minmax(0,1fr)}
  dl.daten dt{padding-bottom:0;border-top:1px solid var(--zart)}
  dl.daten dd{padding-top:var(--r-eng);border-top:0}
}
.pflicht{margin-top:var(--r-kasten);padding:var(--r-polster) var(--r-polster);border-left:3px solid var(--rot);
  background:color-mix(in srgb,var(--rot) 6%,var(--weiss));font-size:var(--s-klein);line-height:1.5}
.dosen-leiste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-paar);margin-top:var(--r-gruppe)}
@media(min-width:700px){.dosen-leiste{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--r-polster)}}
.text{max-width:62ch;margin-top:var(--r-kasten);font-size:var(--s-text)}
.text p+p{margin-top:var(--r-polster)}
.text h2{font-size:var(--sf-h3);margin:var(--r-gruppe) 0 var(--r-zeile)}
.text h3{font-size:var(--s-vor);margin:var(--r-kasten) 0 var(--r-zeile)}
.text ul{margin:var(--r-polster) 0;padding-left:var(--r-kasten)}
.text li{margin:var(--r-wort) 0}
.gitter{display:grid;margin-top:var(--r-gruppe);border-top:1px solid var(--linie)}
@media(min-width:620px){.gitter{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.gitter{grid-template-columns:repeat(3,1fr)}}
.gitter>div{padding:var(--r-kasten) var(--r-gruppe) var(--r-kasten) 0;border-bottom:1px solid var(--linie)}
.gitter h3{font-size:var(--s-text);margin-bottom:var(--r-wort);letter-spacing:-.018em}
.gitter .was{font-size:var(--s-text);color:var(--matt);line-height:1.5}
.gitter .mass{margin-top:var(--r-paar);font-size:var(--s-label);
  font-variant-numeric:tabular-nums;line-height:1.8;color:var(--matt)}
.gitter .tasten{margin-top:var(--r-polster)}
.haltung{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--r-gruppe);margin-top:var(--r-gruppe)}
.hk h3{font-size:var(--s-mikro);font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,var(--w-text));margin:0 0 var(--r-paar);padding-bottom:var(--r-zeile);border-bottom:1px solid rgba(255,255,255,var(--w-linie))}
.hk p{font-size:var(--s-text);line-height:1.56;color:#fff;margin:0}
.zeitstrahl{list-style:none;padding:0;margin:var(--r-gruppe) 0 0;position:relative;
  --zs-spalte:116px;   
  --zs-luft:var(--r-kasten);      
  --zs-ring:14px;      
  --zs-ring-oben:6px}  
.zeitstrahl::before{content:"";position:absolute;width:2px;
  left:calc(var(--zs-spalte) + var(--zs-luft) + var(--zs-ring)/2 - 1px);
  top:calc(var(--zs-ring-oben) + var(--zs-ring)/2);bottom:10px;
  background:linear-gradient(180deg,var(--rot),var(--linie))}
.tl{display:grid;grid-template-columns:var(--zs-spalte) 1fr;
  gap:calc(2 * var(--zs-luft) + var(--zs-ring));padding:0 0 var(--r-gruppe);position:relative}
.tl:last-child{padding-bottom:0}
.tl-jahr{font-variant-numeric:tabular-nums;font-size:var(--s-label);font-weight:700;
  color:var(--rot);text-align:right;padding-top:var(--r-eng);line-height:1.4}
.tl-inhalt{position:relative;padding-left:0}
.tl-inhalt::before{content:"";position:absolute;width:var(--zs-ring);height:var(--zs-ring);
  left:calc(-1 * (var(--zs-luft) + var(--zs-ring)));top:var(--zs-ring-oben);
  border-radius:50%;background:var(--marmor);border:3px solid var(--rot)}
.tl-inhalt h3{font-size:var(--s-vor);line-height:1.3;margin:0 0 var(--r-wort);letter-spacing:-.018em}
.tl-inhalt p{font-size:var(--s-text);line-height:1.56;color:var(--matt);margin:0;max-width:60ch}
@media(max-width:700px){
  .zeitstrahl{--zs-luft:var(--r-polster)}
  .zeitstrahl::before{left:calc(var(--zs-ring)/2 - 1px)}
  .tl{grid-template-columns:minmax(0,1fr);gap:var(--r-eng);
    padding-left:calc(var(--zs-ring) + var(--zs-luft))}
  .tl-jahr{text-align:left}
  .tl-inhalt::before{left:calc(-1 * (var(--zs-ring) + var(--zs-luft)))}
}
.karten-sek{padding:var(--luft-s) 0 var(--r-zeile)}
.karte-rahmen{max-width:none;margin:0;padding:0}
.karte-rahmen{position:relative}
.finder{position:relative;z-index:1;display:block;width:100%;height:min(78svh,760px);
  min-height:420px;border:1px solid var(--linie);background:transparent}
.karte-platz{position:absolute;z-index:0;left:var(--rand);right:var(--rand);top:0;bottom:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--r-zeile);
  padding:var(--r-gruppe) var(--r-kasten);text-align:center;background:var(--sand);border:1px solid var(--linie)}
.kp-puls{width:38px;height:38px;border-radius:50%;border:3px solid var(--linie);
  border-top-color:var(--rot);margin-bottom:var(--r-wort);animation:kreisel 1s linear infinite}
@keyframes kreisel{to{transform:rotate(360deg)}}
.kp-titel{font-size:var(--s-vor);font-weight:700;letter-spacing:-.018em;margin:0}
.kp-text{font-size:var(--s-text);color:var(--matt);max-width:42ch;margin:0;line-height:1.5}
.kp-wege{margin:var(--r-zeile) 0 0;font-size:var(--s-klein);display:flex;flex-wrap:wrap;gap:var(--r-wort) var(--r-zeile);
  align-items:center;justify-content:center}
.kp-wege a{color:var(--rot);font-weight:700;display:inline-flex;align-items:center;
  min-height:44px;padding:0 var(--r-haar)}
.kp-wege span{color:var(--matt)}
@media (prefers-reduced-motion:reduce){ .kp-puls{animation:none;border-top-color:var(--linie)} }
.karte-hinweis{padding:var(--r-kasten);text-align:center;color:var(--matt)}
.karte-fuss{max-width:var(--b);margin:var(--r-polster) auto 0;padding:0 var(--rand);font-size:var(--s-klein);color:var(--matt)}
.kanal-liste{list-style:none;padding:0;margin:var(--r-kasten) 0 var(--r-polster);display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--r-strich);background:var(--linie);
  border:1px solid var(--linie)}
.kanal-liste li{display:flex;align-items:baseline;justify-content:space-between;gap:var(--r-paar);
  background:var(--weiss);padding:var(--r-polster) var(--r-kasten);font-size:var(--s-text)}
.kanal-liste b{font-size:var(--s-h3);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.was{font-size:var(--s-text);color:var(--matt);line-height:1.5}
.was.klein{font-size:var(--s-klein)}
@media(max-width:760px){.finder{height:80svh;min-height:480px}}
.schmal-text{max-width:var(--b)}
.schmal-text > *{max-width:var(--mass)}
.schmal-text > .artikel,
.schmal-text > .gitter,
.schmal-text > .c-raster,
.schmal-text > .haltung,
.schmal-text > .zeitstrahl,
.schmal-text > .raster,
.schmal-text > hr{max-width:none}
.artikel > p,.artikel > ul,.artikel > ol,.artikel > dl,.artikel > blockquote,
.artikel > h2,.artikel > h3,.artikel > figure,.artikel > .stand,
.artikel > .drink-raster,.artikel > .pflicht{max-width:var(--mass)}
.artikel > .tabelle,.artikel > table{max-width:var(--mass)}
.artikel > ul:has(> li > strong:first-child):has(> li:nth-child(3)),
.artikel > .drink-raster:has(> .drink:nth-child(3)){max-width:none}
.artikel{font-size:var(--s-text);line-height:1.68;color:var(--tinte);overflow-wrap:break-word}
.artikel > *:first-child{margin-top:0}
.artikel p{margin:0 0 var(--pr-zeile)}
.artikel > p:first-child{font-size:var(--sf-vor);line-height:1.65;color:var(--tinte);
  padding-left:var(--r-kasten);border-left:3px solid var(--rot);margin-bottom:var(--pr-absatz)}
.artikel h2{font-size:var(--sf-h3);line-height:1.2;letter-spacing:-.022em;
  margin:var(--pr-block) 0 var(--pr-eng);scroll-margin-top:84px;position:relative;padding-top:var(--r-kasten)}
.artikel h2::before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--rot)}
.artikel h3{font-size:var(--s-vor);line-height:1.3;margin:var(--pr-absatz) 0 var(--pr-eng);letter-spacing:-.015em}
.artikel a{color:var(--rot);text-decoration:underline;text-underline-offset:2px;
  text-decoration-thickness:1px}
.artikel a:hover{text-decoration-thickness:2px}
.artikel strong{font-weight:700;color:var(--tinte)}
.artikel ul,.artikel ol{margin:0 0 var(--pr-zeile);padding-left:0;list-style:none}
.artikel ul li{position:relative;padding:var(--r-paar) 0 var(--r-paar) var(--r-kasten);border-bottom:1px solid var(--zart);
  margin-bottom:0}
.artikel ul li::before{content:"";position:absolute;left:0;top:1.15em;width:7px;height:7px;
  border-radius:50%;background:var(--rot);opacity:.55}
.artikel ul li:last-child{border-bottom:0}
.artikel ol{counter-reset:schritt}
.artikel ol li{counter-increment:schritt;position:relative;
  padding:var(--r-paar) 0 var(--r-paar) calc(28px + var(--r-polster));
  border-bottom:1px solid var(--zart)}
.artikel ol li::before{content:counter(schritt);position:absolute;left:0;top:11px;
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
  background:var(--rot);color:#fff;font-size:var(--s-klein);font-weight:700}
.artikel ol li:last-child{border-bottom:0}
.artikel blockquote{margin:var(--pr-absatz) 0;padding:var(--r-eng) 0 var(--r-eng) var(--r-kasten);border-left:3px solid var(--gold);
  color:var(--matt);font-style:normal}
.tabelle{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}
.artikel table{width:100%;border-collapse:collapse;margin:var(--pr-absatz) 0;
  font-size:var(--s-klein);border:1px solid var(--linie);background:var(--weiss)}
.tabelle.ueberhang::after{content:"";position:absolute;top:0;right:0;bottom:0;width:38px;
  pointer-events:none;background:linear-gradient(to left,rgba(0,0,0,.22),rgba(0,0,0,0));
  transition:opacity .18s}
.tabelle.ueberhang.am-ende::after{opacity:0}
@media(max-width:760px){
  .tabelle.ueberhang::before{content:"seitlich wischen";position:absolute;top:-2px;right:0;
    z-index:2;font-size:var(--s-mikro);letter-spacing:.1em;text-transform:uppercase;color:var(--matt);
    background:var(--marmor);padding:0 var(--r-haar) 0 var(--r-zeile)}
}
.artikel th{text-align:left;font-size:var(--s-label);letter-spacing:.1em;text-transform:uppercase;
  color:var(--matt);padding:var(--r-paar) var(--r-polster);border-bottom:2px solid var(--linie);font-weight:600}
.artikel th,.artikel td{hyphens:auto}
.artikel tbody th{letter-spacing:.1em;border-bottom:1px solid var(--zart)}
.artikel td{font-variant-numeric:tabular-nums}
.artikel th > a:only-child,.artikel td > a:only-child{display:inline-block;
  min-height:44px;padding-block:var(--r-paar);margin-block:calc(var(--r-paar) * -1)}
@media(max-width:620px){
  .artikel th,.artikel td{padding-left:var(--r-zeile);padding-right:var(--r-zeile)}
}
.artikel td{padding:var(--r-paar) var(--r-polster);border-bottom:1px solid var(--zart);vertical-align:top}
.artikel tbody tr:nth-child(even){background:var(--marmor)}
.artikel tr:last-child td{border-bottom:0}
.artikel tbody tr > :first-child{position:sticky;left:0;z-index:1;background:var(--weiss)}
.artikel tbody tr:nth-child(even) > :first-child{background:var(--marmor)}
.artikel thead tr > :first-child{position:sticky;left:0;z-index:2;background:var(--weiss)}
.tabelle.ueberhang tbody tr > :first-child,
.tabelle.ueberhang thead tr > :first-child{box-shadow:1px 0 0 var(--linie)}
.tabelle.stapeln{overflow-x:visible}
.tabelle.stapeln table{display:block;border:0;background:none}
.tabelle.stapeln thead{display:none}
.tabelle.stapeln tbody{display:block}
.tabelle.stapeln tbody tr{display:block;background:var(--weiss);
  border:1px solid var(--linie);margin-bottom:var(--r-zeile);padding:var(--r-eng) 0 var(--r-zeile)}
.tabelle.stapeln tbody tr:nth-child(even){background:var(--weiss)}
.tabelle.stapeln tbody tr:last-child{margin-bottom:0}
.tabelle.stapeln th,.tabelle.stapeln td{display:block;border:0;position:static;
  background:none;box-shadow:none;padding:var(--r-wort) var(--r-polster) 0;text-align:left}
.tabelle.stapeln td[data-spalte]::before{content:attr(data-spalte);display:block;
  font-size:var(--s-mikro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rot);margin-bottom:var(--r-eng)}
.tabelle.stapeln tbody th{font-size:var(--s-mikro);letter-spacing:.14em;color:var(--gold);
  padding-bottom:0}
.tabelle.stapeln tbody th + td{padding-top:var(--r-haar)}
.tabelle.stapeln tbody th + td::before{content:none}
.artikel .tabelle.stapeln tbody tr > :first-child{background:var(--marmor);
  border-bottom:1px solid var(--linie);padding:var(--r-paar) var(--r-polster) var(--r-paar);margin-bottom:var(--r-wort)}
.artikel .tabelle.stapeln tbody tr > td:first-child{font-size:var(--s-text);font-weight:700;
  color:var(--tinte)}
.artikel figure{margin:var(--pr-absatz) 0}
.artikel figcaption{font-size:var(--s-klein);color:var(--matt);margin-top:var(--r-zeile)}
.artikel hr{border:0;border-top:1px solid var(--linie);margin:var(--pr-block) 0}
.stand{margin-top:var(--pr-block);padding-top:var(--r-polster);border-top:1px solid var(--linie);
  font-size:var(--s-klein);color:var(--matt)}
.artikel ul:has(> li > strong:first-child){margin:var(--pr-absatz) 0 var(--pr-absatz)}
.artikel ul:has(> li > strong:first-child) > li{
  background:var(--weiss);border:1px solid var(--linie);
  padding:var(--r-polster) var(--r-kasten) var(--r-polster);font-size:var(--s-text);line-height:1.5;color:var(--matt);
  transition:border-color .18s,transform .18s,box-shadow .18s}
.artikel ul:has(> li > strong:first-child) > li{transition:none}
.artikel ul:has(> li > strong:first-child) > li::before{display:none}
.artikel ul:has(> li > strong:first-child) > li > strong{
  display:block;font-size:var(--s-text);color:var(--tinte);margin-bottom:var(--r-zeile);line-height:1.3}
.artikel .inhalt-vz{margin:0 0 var(--pr-block);padding:var(--r-kasten) var(--r-kasten);background:var(--weiss);
  border:1px solid var(--linie)}
.artikel .inhalt-vz .ivz-kopf{font-size:var(--s-mikro);font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--rot);margin:0 0 var(--r-zeile)}
.artikel .inhalt-vz ol{counter-reset:ivz;list-style:none;margin:0;padding:0;display:grid;gap:0}
@media(min-width:620px){
  .artikel .inhalt-vz ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--r-gruppe)}}
@media(min-width:1040px){
  .artikel .inhalt-vz ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
.artikel .inhalt-vz ol li{counter-increment:ivz;margin:0;padding:0;border:0}
.artikel .inhalt-vz ol li::before{content:none;display:none}
.artikel .inhalt-vz a{display:flex;gap:var(--r-paar);align-items:baseline;padding:var(--r-zeile) 0;min-height:44px;
  font-size:var(--s-klein);line-height:1.35;color:var(--tinte);text-decoration:none;
  border-bottom:1px solid var(--zart)}
.artikel .inhalt-vz a::before{content:counter(ivz,decimal-leading-zero);
  font-variant-numeric:tabular-nums;font-size:var(--s-mikro);color:var(--rot);
  flex:none;padding-top:var(--r-haar)}
.artikel .inhalt-vz a:hover{color:var(--rot);text-decoration:underline}
@media(max-width:760px){
  .artikel{font-size:var(--s-text)}
}
@media (prefers-reduced-motion:reduce){
  .b-runter{animation:none}
  .dose-karte,.dk-bild img,.c-karte,.weg,.karte,.knopf{transition:none}
  :root{scroll-behavior:auto}
}
.gross-zahl{font-size:1.45em;font-weight:700;color:var(--rot);letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;line-height:1}
.vor .gross-zahl{display:inline-block;margin-right:.1em}
.zuckerweg{text-align:center;background:var(--weiss);border-top:1px solid var(--linie)}
.zuckerweg .handschrift{max-width:min(760px,88vw);margin:0 auto var(--rf-m)}
.zuckerweg .vor{margin-left:auto;margin-right:auto;max-width:48ch}
.zuckerweg .b-tasten{justify-content:center}
dl.daten.stamm{max-width:none}
@media(min-width:860px){
  dl.daten.stamm{grid-template-columns:auto 1fr auto 1fr;column-gap:0}
  dl.daten.stamm dt:nth-child(4n+3){padding-left:calc(28px + var(--r-polster))}
}
.artikel-kopf .rk-titel{max-width:30ch;font-size:var(--sf-h1)}
.artikel-kopf .rk-vor{max-width:54ch;margin-bottom:var(--r-polster)}
.rk-innen.mit-rezeptbild{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
.rk-rezeptbild{margin:0;justify-self:end;width:100%;max-width:520px}
.rk-rezeptbild img{display:block;width:100%;height:auto}
@media(max-width:899px){
  .rk-innen.mit-rezeptbild{grid-template-columns:minmax(0,1fr)}
  .rk-rezeptbild{justify-self:center;max-width:460px}
  .rk-rezeptbild.hoch{max-width:300px}   
}
.ak-meta{display:flex;flex-wrap:wrap;gap:var(--r-zeile) var(--r-kasten);margin:0;font-size:var(--s-label);
  letter-spacing:.1em;text-transform:uppercase;color:var(--matt);font-weight:700}
.ak-meta span{display:inline-flex;align-items:center;gap:var(--r-zeile)}
.ak-meta span+span::before{content:"";width:4px;height:4px;border-radius:50%;
  background:var(--linie);margin-right:var(--r-paar)}
.dosen-leiste .dose-karte{padding-bottom:var(--r-polster)}
.dosen-leiste .dk-fakt{margin-top:var(--r-zeile)}
@media(min-width:700px){
  .lb-reihe:has(>.dose-karte:only-child){grid-template-columns:minmax(0,1fr)}
  .dose-karte:only-child{
    display:grid;align-items:center;text-align:left;column-gap:var(--r-weit);padding:var(--r-gruppe) var(--r-weit);
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-rows:1fr auto auto auto 1fr;
    grid-template-areas:"bild .     mehr" "bild name  mehr" "bild unter mehr"
                        "bild fakt  mehr" "bild .     mehr"}
  .dose-karte:only-child .dk-bild{grid-area:bild;margin:0}
  .dose-karte:only-child .dk-bild img{width:132px}
  .dose-karte:only-child .dk-name{grid-area:name;font-size:var(--sf-h3);
    letter-spacing:-.025em}
  .dose-karte:only-child .dk-unter{grid-area:unter;font-size:var(--s-text);margin-top:var(--r-eng)}
  .dose-karte:only-child .dk-fakt{grid-area:fakt;margin-top:var(--r-polster);display:flex;flex-wrap:wrap;gap:var(--r-zeile) var(--r-gruppe);
    align-items:baseline}
  .dose-karte:only-child .dk-fakt b{font-size:var(--s-text)}
  .dose-karte:only-child .dk-mehr{grid-area:mehr;margin:0;padding:0}
}
h2.t.mittel{font-size:var(--sf-h2);max-width:24ch;margin-bottom:var(--r-kasten)}
@media(max-width:699px){
  .lb-reihe:has(>.dose-karte:only-child){grid-template-columns:minmax(0,1fr)}
}
.rk-reihe{justify-content:flex-end}
.rk-reihe img{width:100%;max-width:none;height:auto}
@media(min-width:861px){
  .rubrik-kopf .rk-innen:has(.rk-reihe){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
  .rk-reihe img{width:min(118%,560px)}
}
@media(max-width:860px){.rk-reihe img{width:min(420px,100%)}}
.sek.dunkel h2.t{max-width:34ch}
.ev-liste.gross{margin-top:var(--r-kasten)}
.ev-liste.gross .ev-z{border-top:1px solid var(--linie);padding:var(--r-polster) 0;gap:var(--r-polster)}
.ev-liste.gross .ez-dat{width:62px}
.ev-liste.gross .ez-dat b{font-size:var(--s-h2);color:var(--tinte)}
.ev-liste.gross .ez-dat span{font-size:var(--s-label);color:var(--matt);letter-spacing:.12em}
.sek:not(.dunkel) .ez-dat span{color:var(--matt)}
.ev-liste.gross .ez-name{font-size:var(--s-vor);color:var(--tinte)}
.ev-liste.gross .ez-ort{font-size:var(--s-klein);color:var(--matt)}
.ev-liste.gross .ez-st{background:color-mix(in srgb,var(--rot) 10%,var(--weiss));
  color:var(--rot);border:0}
.ev-liste.gross .ev-vorbei .ez-name{color:var(--matt);font-weight:400}
.ev-liste.gross .ev-vorbei .ez-dat b{color:var(--matt)}
.ev-liste.gross .ev-vorbei .ez-st{background:transparent;border:1px solid var(--linie);
  color:var(--matt)}
@media(max-width:560px){
  .ev-liste.gross .ev-z{flex-wrap:wrap;gap:var(--r-wort) var(--r-polster)}
  .ev-liste.gross .ez-st{margin-left:calc(62px + var(--r-polster))}
}
.recht .artikel > p:first-child{font-size:var(--s-text);line-height:1.68;color:var(--tinte);
  padding-left:0;border-left:0;margin-bottom:var(--pr-zeile)}
.mb-summe{max-width:560px;margin-bottom:var(--luft-s)}
.mb-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:var(--r-paar)}
.mb-kachel{display:flex;flex-direction:column;gap:var(--r-zeile);padding:var(--r-polster) var(--r-polster) var(--r-polster);
  background:var(--weiss);border:1px solid var(--linie);
  text-decoration:none;color:inherit;min-height:148px;
  transition:border-color .18s,transform .18s,box-shadow .18s}
.mb-kachel:hover,.mb-kachel:focus-visible{border-color:var(--karmesin);
  transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.08)}
.mb-partner{border-left:3px solid var(--karmesin)}
.mb-kopf{display:flex;align-items:center;gap:var(--r-zeile);min-width:0;flex-wrap:wrap}
.mb-ig{width:19px;height:19px;flex:none;color:var(--matt)}
.mb-kachel:hover .mb-ig{color:var(--karmesin)}
.mb-handle{font-weight:700;font-size:var(--s-text);line-height:1.25;min-width:0;
  overflow-wrap:anywhere;hyphens:none}
.mb-zahl{font-size:var(--s-h2);font-weight:700;line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:var(--r-zeile)}
.mb-zahl small{font-size:var(--s-label);font-weight:400;color:var(--matt);letter-spacing:0}
.mb-wie{font-size:var(--s-klein);color:var(--matt);line-height:1.4}
.mb-wann{display:block;font-size:var(--s-label);color:var(--matt)}
.mb-mehr{margin-top:auto;padding-top:var(--r-zeile);font-size:var(--s-klein);font-weight:700;color:var(--karmesin)}
@media (max-width:600px){
  .mb-raster{grid-template-columns:minmax(0,1fr);gap:var(--r-zeile)}
  .mb-kachel{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:baseline;
    column-gap:var(--r-polster);row-gap:var(--r-eng);padding:var(--r-polster) var(--r-polster)}
  .mb-kopf{flex:1 1 100%}
  .mb-zahl{font-size:var(--s-h3)}
  .mb-wie{flex:1 1 auto}
  .mb-mehr{margin-top:0;padding-top:0;flex:none;align-self:center}
}
.artikel .drink-raster,
.artikel ul:has(> li > strong:first-child){display:flex;flex-wrap:wrap;
  justify-content:flex-start;gap:var(--r-paar);--sp:1;--sp-luft:var(--r-paar)}
.artikel .drink-raster{margin:var(--pr-absatz) 0 var(--pr-absatz)}
.artikel .drink-raster > .drink,
.artikel ul:has(> li > strong:first-child) > li{
  flex:0 1 calc((100% - (var(--sp) - 1) * var(--sp-luft)) / var(--sp))}
@media(min-width:621px){
  .artikel .drink-raster,
  .artikel ul:has(> li > strong:first-child){--sp:2;gap:var(--r-polster);--sp-luft:var(--r-polster)}
  .artikel .drink-raster:not(:has(> :nth-child(2))),
  .artikel ul:has(> li > strong:first-child):not(:has(> :nth-child(2))){--sp:1}
  .artikel .drink-raster:has(> :nth-child(3)),
  .artikel ul:has(> li > strong:first-child):has(> :nth-child(3)){--sp:3}
  .artikel .drink-raster:has(> :nth-child(4)):not(:has(> :nth-child(5))),
  .artikel ul:has(> li > strong:first-child):has(> :nth-child(4)):not(:has(> :nth-child(5))){--sp:4}
  .artikel .drink-raster:has(> :nth-child(7)),
  .artikel ul:has(> li > strong:first-child):has(> :nth-child(7)){--sp:4}
}
.drink{background:var(--weiss);border:1px solid var(--linie);padding:var(--r-kasten) var(--r-kasten) var(--r-polster);
  display:flex;flex-direction:column}
.drink-raster + .drink-raster{margin-top:calc(var(--pr-eng) * -.5)}
.drink-name{position:relative;font-size:var(--s-text);font-weight:700;line-height:1.25;
  letter-spacing:-.018em;color:var(--tinte);margin:0 0 var(--r-polster);padding-top:var(--r-polster)}
.drink-name::before{content:"";position:absolute;top:0;left:0;width:34px;height:3px;
  background:var(--rot)}
.drink-name a{color:inherit;text-decoration:none}
.drink-name a:hover{color:var(--rot);text-decoration:underline}
.drink-zutaten{list-style:none;margin:0;padding:0}
.drink-zutaten li{position:relative;margin:0;padding:var(--r-zeile) 0 var(--r-zeile) var(--r-polster);border:0;
  border-top:1px solid var(--zart);font-size:var(--s-klein);line-height:1.45;color:var(--matt)}
.drink-zutaten li:first-child{border-top:0;padding-top:0}
.drink-zutaten li::before{content:"";position:absolute;left:0;top:1.02em;width:5px;height:5px;
  border-radius:50%;background:var(--linie)}
.drink-zutaten li:first-child::before{top:.45em}
.drink-zutaten li.dz-ar{color:var(--tinte);font-weight:700}
.drink-zutaten li.dz-ar::before{background:var(--rot)}
.drink-notiz{margin:var(--r-polster) 0 0;padding-top:var(--r-paar);border-top:1px solid var(--zart);
  font-size:var(--s-klein);line-height:1.5;color:var(--matt)}
.drink-notiz a{color:var(--rot)}
@media(max-width:560px){
  .drink{padding:var(--r-polster) var(--r-polster) var(--r-polster)}
}
.mb-zahl.mb-ohne{font-size:var(--s-klein);font-weight:400;letter-spacing:0;color:var(--matt);
  line-height:1.4}
.mb-badge{flex:none;align-self:center;font-size:var(--s-mikro);font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;padding:var(--r-eng) var(--r-zeile);border-radius:999px;
  background:var(--karmesin);color:#fff;line-height:1.5}
.mb-neu{border-color:color-mix(in srgb, var(--karmesin) 42%, var(--linie))}
.mb-neu .mb-ig{color:var(--karmesin)}
.hat-unter{position:relative}
.unter-menue{position:absolute;top:100%;left:-14px;min-width:230px;margin:0;padding:var(--r-zeile);
  list-style:none;background:var(--weiss);border:1px solid var(--linie);
  border-top:2px solid var(--karmesin);box-shadow:0 14px 34px rgba(0,0,0,.1);opacity:0;visibility:hidden;
  transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:40}
.hat-unter:hover>.unter-menue{opacity:1;visibility:visible;transform:none}
.hat-unter:has(:focus-visible)>.unter-menue{opacity:1;visibility:visible;transform:none}
.unter-menue li{margin:0}
.unter-menue a{display:flex;align-items:center;min-height:44px;padding:var(--r-zeile) var(--r-paar);font-size:var(--s-klein);
  font-weight:400;text-decoration:none;color:var(--tinte);line-height:1.3}
.unter-menue a:hover,.unter-menue a:focus-visible{background:var(--marmor);color:var(--karmesin)}
.kopf .unter-menue a{color:var(--tinte)}
.kopf .unter-menue a:hover,.kopf .unter-menue a:focus-visible{color:var(--karmesin)}
.unter-menue a::after{display:none}
@media (hover:none){
  .unter-menue{display:none}      
}
.sek.sand + .sek.sand{background:var(--weiss)}
.dl-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--r-polster);margin-top:var(--r-kasten)}
.dl-karte{display:flex;align-items:flex-start;gap:var(--r-polster);padding:var(--r-kasten);background:var(--weiss);
  border:1px solid var(--linie);text-decoration:none;color:inherit;
  transition:border-color .18s,transform .18s,box-shadow .18s}
.dl-karte:hover,.dl-karte:focus-visible{border-color:var(--karmesin);transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(0,0,0,.08)}
.dl-zeichen{flex:none;display:grid;place-items:center;width:44px;height:44px;
  background:var(--marmor);color:var(--karmesin)}
.dl-zeichen svg{width:22px}
.dl-text{flex:1;min-width:0}
.dl-titel{display:block;font-size:var(--s-text);font-weight:700;line-height:1.25}
.dl-zeile{display:block;font-size:var(--s-klein);color:var(--karmesin);font-weight:700;margin:var(--r-haar) 0 var(--r-wort)}
.dl-was{display:block;font-size:var(--s-klein);color:var(--matt);line-height:1.45}
.dl-pdf{flex:none;align-self:center;font-size:var(--s-mikro);font-weight:700;letter-spacing:.08em;
  padding:var(--r-eng) var(--r-zeile);border-radius:999px;background:var(--marmor);color:var(--matt)}
.sn-gesch{display:block;font-size:max(var(--s-mikro),.62em);font-weight:400;line-height:1.25;
  letter-spacing:0;text-transform:none;color:var(--matt);margin-top:var(--r-eng)}
.sn-gesch::before{content:"– "}
.karte-fakt{margin:var(--r-zeile) 0 0;font-size:var(--s-label);line-height:1.45}
.karte-fakt b{display:block;color:var(--tinte);font-weight:700;font-size:var(--s-klein)}
.sp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-polster) var(--r-polster);
  margin-top:var(--r-kasten);align-items:start}
.sp-form label{display:flex;flex-direction:column;gap:var(--r-wort);min-width:0}
.sp-form label.voll,.sp-form button,.sp-form .was,.sp-form .sp-danke{grid-column:1/-1}
.sp-form span{font-size:var(--s-label);font-weight:700;letter-spacing:.01em;color:var(--tinte)}
.sp-form input,.sp-form textarea{font:inherit;font-size:var(--s-text);color:var(--tinte);
  background:var(--weiss);border:1px solid var(--matt);padding:var(--r-paar) var(--r-polster);min-height:48px;
  width:100%;appearance:none}
.sp-form textarea{min-height:120px;resize:vertical;line-height:1.5}
.sp-form input:focus-visible,.sp-form textarea:focus-visible{outline:2px solid var(--gold);
  outline-offset:1px;border-color:var(--tinte)}
.sp-form button{justify-self:start}
.sp-danke{margin:0;padding:var(--r-paar) var(--r-polster);background:var(--weiss);border-left:3px solid var(--karmesin);
  font-size:var(--s-klein)}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
  white-space:nowrap;border:0;margin:0;padding:0}
@media(max-width:700px){.sp-form{grid-template-columns:minmax(0,1fr)}}
.sp-ablauf{list-style:none;margin:var(--r-kasten) 0 0;padding:0;display:grid;gap:var(--r-polster);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.sp-ablauf li{display:flex;gap:var(--r-polster);align-items:flex-start}
.sp-nr{flex:none;display:grid;place-items:center;width:34px;height:34px;
  background:var(--karmesin);color:#fff;font-weight:700;font-size:var(--s-klein)}
.sp-ablauf h3{margin:0 0 var(--r-eng);font-size:var(--s-text)}
.ez-logo{flex:none;display:flex;align-items:center;width:92px;height:34px}
.ez-logo img{max-width:100%;max-height:34px;width:auto;height:auto;object-fit:contain;
  object-position:left center}
.ev-vorbei .ez-logo img{opacity:.5}
@media(max-width:620px){.ez-logo{width:72px}}
.pr-liste{list-style:none;margin:var(--r-kasten) 0 0;padding:0}
.pr-z{display:flex;align-items:flex-start;gap:var(--r-polster);padding:var(--r-polster) 0;
  border-top:1px solid var(--linie)}
.pr-z:last-child{border-bottom:1px solid var(--linie)}
.pr-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--r-eng)}
.pr-medium{font-size:var(--s-label);letter-spacing:.08em;text-transform:uppercase;color:var(--rot);
  font-weight:700}
.pr-titel{font-size:var(--sf-vor);font-weight:700;line-height:1.25}
.pr-titel a{color:var(--tinte);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px}
.pr-titel a:hover{color:var(--karmesin)}
.pr-notiz{font-size:var(--s-klein);color:var(--matt);line-height:1.5;margin-top:var(--r-eng)}
.pr-art{flex:none;align-self:center;font-size:var(--s-label);letter-spacing:.06em;
  text-transform:uppercase;font-weight:700;padding:var(--r-eng) var(--r-zeile);border:1px solid var(--linie);
  color:var(--matt);white-space:nowrap}
.pr-beitrag{color:var(--karmesin);border-color:var(--karmesin)}
.pr-tv{color:var(--tinte);border-color:var(--tinte)}
@media(max-width:700px){
  .pr-z{flex-wrap:wrap;gap:var(--r-zeile) var(--r-polster)}
  .pr-art{align-self:flex-start;order:3;margin-left:calc(62px + var(--r-polster))}   
}
.pr-logo{flex:none;display:flex;align-items:center;width:84px;height:26px;margin-top:var(--r-haar)}
.pr-logo img{max-width:100%;max-height:26px;width:auto;height:auto;object-fit:contain;
  object-position:left center}
@media(max-width:700px){.pr-logo{width:68px;order:2}}
.kopf .korb{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center;
  color:var(--tinte);text-decoration:none}
.kopf .korb:hover{color:var(--rot)}
.korb-zahl{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 var(--r-eng);border-radius:9px;
  background:var(--rot);color:#fff;font-size:var(--s-mikro);font-weight:700;line-height:18px;text-align:center}
.korb-zahl[hidden]{display:none}
.kaufbox{margin-top:var(--r-kasten);padding:var(--r-polster);background:var(--weiss);border:1px solid var(--linie);max-width:440px}
.kb-preis{margin:0 0 var(--r-paar);display:flex;flex-direction:column;gap:var(--r-haar)}
.kb-preis b{font-size:var(--s-h2);line-height:1.1;letter-spacing:-.02em;color:var(--tinte)}
.kb-preis span{font-size:var(--s-label);color:var(--matt);line-height:1.45}
.kb-reihe{display:flex;gap:var(--r-zeile);align-items:flex-end}
.kb-reihe .knopf{flex:1;min-height:50px}
.kb-menge{display:flex;flex-direction:column;gap:var(--r-eng);flex:none}
.kb-menge span{font-size:var(--s-label);font-weight:700;color:var(--matt)}
.kb-menge select,.wk-takt select,.ab-form select,.ab-form input{font:inherit;font-size:var(--s-text);min-height:50px;
  padding:var(--r-zeile) var(--r-paar);border:1px solid var(--matt);background:var(--weiss);color:var(--tinte)}
.kaufbox .knopf[disabled]{opacity:.45;cursor:not-allowed}
.kb-pflicht{margin:var(--r-zeile) 0 0;font-size:var(--s-label);color:var(--tinte);padding:var(--r-zeile) var(--r-paar);border-left:3px solid var(--rot);background:var(--sand)}
.sk-finden{margin-top:var(--r-polster);font-size:var(--s-klein)}
.sorte-kopf .kaufbox{margin-left:0}
@media(max-width:759px){ .sorte-kopf .kaufbox{margin-left:auto;margin-right:auto;text-align:left} }
.shop-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-polster)}
@media(min-width:760px){.shop-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.shop-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
.shop-karte{display:grid;grid-template-columns:86px minmax(0,1fr);gap:var(--r-polster);padding:var(--r-kasten);background:var(--weiss);
  border-top:4px solid var(--h)}
.shop-karte.box{grid-template-columns:minmax(0,1fr)}
.shop-karte .sk-dose{display:flex;justify-content:center;align-items:flex-start}
.shop-karte.box .sk-dose img{width:100%;max-width:260px;margin:0 auto}
.shop-karte h2{font-size:var(--s-vor);line-height:1.2;margin:var(--r-eng) 0 var(--r-wort)}
.shop-karte h2 a{color:var(--tinte);text-decoration:none}
.shop-karte .klein{margin:0}
.shop-karte .kaufbox{margin-top:var(--r-polster);padding:0;border:0;max-width:none}
.shop-fuss{margin-top:var(--r-kasten)}
.shop-seite{min-height:60vh}
.schmal-shop{max-width:760px}
.wk-liste{list-style:none;margin:var(--r-kasten) 0;padding:0;border-top:1px solid var(--linie)}
.wk-zeile{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:var(--r-zeile) var(--r-polster);padding:var(--r-polster) 0;border-bottom:1px solid var(--linie);align-items:center}
.wk-bild{width:44px;display:flex;align-items:center;justify-content:center}
.wk-bild img{width:100%;height:auto;display:block}
.wk-name{display:flex;flex-direction:column;min-width:0}
.wk-name span{font-size:var(--s-label);color:var(--matt)}
.wk-menge{display:inline-flex;align-items:center;border:1px solid var(--linie);background:var(--weiss)}
.wk-menge button{width:44px;height:44px;border:0;background:none;font-size:var(--s-vor);color:var(--tinte);cursor:pointer}
.wk-menge span{min-width:28px;text-align:center;font-weight:700}
.wk-preis{font-weight:700;text-align:right;grid-column:2}
.wk-weg{justify-self:start;background:none;border:0;padding:var(--r-zeile) 0;min-height:44px;color:var(--matt);
  text-decoration:underline;font:inherit;font-size:var(--s-klein);cursor:pointer}
.wk-zeile.gratis .wk-menge{border:0;padding:0 var(--r-paar)}
@media(min-width:620px){
  .wk-zeile{grid-template-columns:44px minmax(0,1fr) auto 110px auto}
  .wk-preis{grid-column:auto}
  .wk-weg{justify-self:end}
}
.wk-lieferung{border:0;margin:0 0 var(--r-kasten);padding:0;display:grid;gap:var(--r-zeile)}
.wk-lieferung legend{font-weight:700;margin-bottom:var(--r-zeile)}
.wahl{display:flex;gap:var(--r-paar);align-items:flex-start;padding:var(--r-polster) var(--r-polster);background:var(--weiss);border:1px solid var(--linie);cursor:pointer}
.wahl:has(input:checked){border-color:var(--rot);box-shadow:inset 0 0 0 1px var(--rot)}
.wahl input{width:20px;height:20px;margin-top:var(--r-haar);accent-color:var(--rot);flex:none}
.wahl > span{display:flex;flex-direction:column}
.wahl small{font-size:var(--s-label);color:var(--matt);line-height:1.45;margin-top:var(--r-haar)}
.wk-takt{display:flex;flex-direction:column;gap:var(--r-eng);max-width:260px}
.wk-takt span{font-size:var(--s-label);font-weight:700}
.wk-takt[hidden]{display:none}
.wk-ohne-code{margin-top:var(--r-zeile);background:none;border:0;padding:var(--r-zeile) 0;min-height:44px;font:inherit;font-size:var(--s-klein);
  color:var(--rot);font-weight:700;text-decoration:underline;cursor:pointer}
.wk-lieferung legend{padding:0}
.wk-code{margin:0 0 var(--r-polster)}
.wk-code label{display:block;font-size:var(--s-label);font-weight:700;margin-bottom:var(--r-wort)}
.wk-code-reihe{display:flex;gap:var(--r-zeile)}
.wk-code input{flex:1;min-width:0;font:inherit;font-size:var(--s-text);min-height:50px;padding:var(--r-zeile) var(--r-paar);border:1px solid var(--matt);
  background:var(--weiss);text-transform:uppercase}
.fehler-box:empty{display:none}
.fehler-box{margin:0 0 var(--r-polster);padding:var(--r-paar) var(--r-polster);border-left:3px solid var(--rot);background:var(--marmor);color:var(--tinte)}
.fehler-box p{margin:0}
.hinweis-box{margin:var(--r-polster) 0;padding:var(--r-polster) var(--r-polster);background:var(--sand);border-left:3px solid var(--gold);font-size:var(--s-klein)}
.ws-summe{background:var(--weiss);padding:var(--r-eng) var(--r-polster)}
.ws-summe:empty{display:none}
.ws-zeile{display:flex;justify-content:space-between;gap:var(--r-polster);padding:var(--r-zeile) 0;border-bottom:1px solid var(--zart);font-size:var(--s-text)}
.ws-zeile.gesamt{border-bottom:0;font-weight:700;font-size:var(--s-vor);padding-top:var(--r-polster)}
.ws-abo{font-size:var(--s-label);color:var(--matt);margin:0 0 var(--r-paar)}
.ws-versandhinweis{font-size:var(--s-label);color:var(--rot,#9b0e1d);font-weight:700;margin:var(--r-haar) 0 var(--r-paar)}
.knopf.aus{opacity:.45;pointer-events:none}
.kasse-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-gruppe)}
@media(min-width:900px){.kasse-raster{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}
  .kasse-uebersicht{position:sticky;top:84px}}
.kasse-form .sp-form{margin-bottom:var(--r-polster)}
@media(max-width:519px){.kasse-form .sp-form{grid-template-columns:minmax(0,1fr)}}
.kasse-uebersicht{background:var(--weiss);padding:var(--r-kasten)}
.kasse-uebersicht h2{font-size:var(--s-vor);margin:0 0 var(--r-zeile)}
.kasse-uebersicht .ws-summe{padding:0}
.ks-posten{list-style:none;margin:0 0 var(--r-paar);padding:0}
.ks-posten li{display:flex;justify-content:space-between;gap:var(--r-polster);padding:var(--r-zeile) 0;border-bottom:1px solid var(--zart);font-size:var(--s-klein)}
.ks-posten small{display:block;font-size:var(--s-label);color:var(--matt)}
.haken{display:flex;gap:var(--r-paar);align-items:flex-start;margin:var(--r-polster) 0;font-size:var(--s-klein);line-height:1.5}
.haken input{width:22px;height:22px;flex:none;margin-top:var(--r-strich);accent-color:var(--rot)}
.knopf.voll{width:100%}
.bs-kopf{font-size:var(--s-text)}
.bs-schritte{list-style:none;margin:var(--r-kasten) 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--r-wort)}
.bs-schritte li{padding-top:var(--r-paar);border-top:4px solid var(--linie);font-size:var(--s-label);color:var(--matt)}
.bs-schritte li.fertig{border-color:var(--rot);color:var(--tinte)}
.bs-schritte li.jetzt{font-weight:700}
.bs-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-kasten);margin-top:var(--r-gruppe)}
@media(min-width:760px){.bs-raster{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.bs-raster h3,.abo-verwalten h3,#abo-verwalten h3{font-size:var(--s-text);margin:0 0 var(--r-zeile)}
.lade{display:inline-block;width:14px;height:14px;border:2px solid var(--rot);border-top-color:transparent;border-radius:50%;
  animation:drehen 1s linear infinite;vertical-align:-2px}
@keyframes drehen{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lade{animation:none}}
.ab-daten{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--r-zeile) var(--r-polster);margin:0 0 var(--r-kasten)}
.ab-daten dt{color:var(--matt)}
.ab-daten dd{margin:0;font-weight:700}
.ab-aktionen{display:grid;gap:var(--r-polster);margin-top:var(--r-kasten)}
.ab-aktionen > .knopf{justify-self:start}
.ab-form{display:flex;flex-wrap:wrap;gap:var(--r-zeile);align-items:flex-end;padding:var(--r-polster);background:var(--weiss)}
.ab-form label{display:flex;flex-direction:column;gap:var(--r-eng);flex:1;min-width:200px}
.ab-form label span{font-size:var(--s-label);font-weight:700}
.ab-form.sorten{flex-direction:column;align-items:stretch}
.ab-form.sorten label{flex-direction:row;justify-content:space-between;align-items:center;min-width:0}
.ab-form.sorten input{width:90px}
.ab-form small{display:block;font-weight:400;color:var(--matt)}
.ab-kuendigen summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--rot);font-weight:700}
.shop-hinweis{position:fixed;left:50%;bottom:calc(var(--leiste-h) + var(--r-polster));transform:translate(-50%,20px);opacity:0;pointer-events:none;
  background:var(--tinte);color:#fff;padding:var(--r-polster) var(--r-polster);font-size:var(--s-klein);max-width:calc(100vw - 32px);width:max-content;
  z-index:90;transition:opacity .2s,transform .2s}
.shop-hinweis.an{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.shop-hinweis a{color:#fff;font-weight:700;margin-left:var(--r-wort)}
@media(min-width:900px){.shop-hinweis{bottom:28px}}
.shop-karte .kaufbox{grid-column:1/-1;margin-top:var(--r-eng);padding-top:var(--r-polster);border-top:1px solid var(--zart)}
.kb-reihe .knopf{min-width:0;padding-inline:var(--r-polster)}
.kb-liefer{margin:var(--r-zeile) 0 0;font-size:var(--s-label);color:var(--matt);line-height:1.45}
.kb-lade{display:inline-block;width:96px;height:26px;background:var(--zart);vertical-align:middle}
.sorte-kopf .kaufbox{max-width:none}
@media(max-width:759px){
  .sorte-kopf .sk-text{display:flex;flex-direction:column}
  .sorte-kopf .sk-text .kaufbox{order:4;margin-top:var(--r-polster)}
  .sorte-kopf .sk-text .sk-finden{order:5}
  .sorte-kopf .sk-text .chips{order:6;margin-top:var(--r-kasten)}
}
@media(max-width:899px){.kasse-uebersicht{order:-1}}
.ks-summe-knopf{display:flex;justify-content:space-between;gap:var(--r-paar);margin:var(--r-polster) 0 var(--r-zeile);padding-top:var(--r-polster);
  border-top:1px solid var(--linie);font-size:var(--s-text)}
.ks-summe-knopf b{font-size:var(--s-vor)}
.ks-vertrauen{margin:var(--r-polster) 0 0;padding-top:var(--r-polster);border-top:1px solid var(--linie)}
.ks-v-ab{font-size:var(--s-mikro);letter-spacing:.14em;text-transform:uppercase;
  color:var(--rot);font-weight:700;margin:0 0 var(--r-zeile);line-height:1.3}
.ks-v-logos{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-zeile);margin:0}
.ks-v-logos img{display:block;height:27px;width:auto}
.ks-v-ver{display:inline-flex;align-items:center;gap:var(--r-polster);margin-left:var(--r-polster);
  padding-left:var(--r-polster);border-left:1px solid var(--linie)}
.ks-v-ver img{display:block;height:15px;width:auto}
@media(max-width:620px){
  .ks-v-ver{margin-left:0;padding-left:0;border-left:0;margin-top:var(--r-zeile);width:100%}
}
.ks-v-txt{margin:var(--r-paar) 0 0;font-size:var(--s-label);line-height:1.55;color:var(--matt)}
.ks-v-txt span{color:var(--tinte)}
.ks-v-txt b{color:var(--tinte);font-weight:700}
.textlink{display:inline-flex;align-items:center;min-height:44px;font-size:var(--s-klein);color:var(--rot)}
.textlink.zurueck{margin-top:var(--r-paar)}
.haken a{display:inline-block;padding-block:var(--r-eng)}
.schritte{list-style:none;margin:0 0 var(--r-polster);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--r-wort)}
.schritte li{padding-top:var(--r-zeile);border-top:4px solid var(--linie);font-size:var(--s-label);color:var(--matt);letter-spacing:.02em}
.schritte li.fertig,.schritte li.jetzt{border-color:var(--rot);color:var(--tinte)}
.schritte li.jetzt{font-weight:700}
.schritte a{color:inherit;text-decoration:none;display:inline-flex;min-height:32px}
.pflicht-box{border-left-color:var(--rot)}
.wk-tasten{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-zeile) var(--r-kasten);margin-top:var(--r-kasten)}
@media(max-width:759px){.wk-tasten .voll-mobil{width:100%}}
.wk-code-auf{margin:0 0 var(--r-polster)}
.wk-code-auf summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font-size:var(--s-klein);color:var(--rot);font-weight:700}
.wk-code-auf .wk-code{margin:var(--r-zeile) 0 0}
.ab-mehr{background:var(--weiss);padding:0 var(--r-polster)}
.ab-mehr summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:700}
.ab-mehr-inhalt{display:grid;gap:var(--r-polster);padding-bottom:var(--r-polster)}
.ab-mehr .ab-form{padding:0}
p.fehler-box:empty{display:none}
.plakat-band{overflow:hidden;background:var(--tinte);padding:var(--r-polster) 0;
  border-block:1px solid rgba(255,255,255,var(--w-flaeche))}
.pb-lauf{display:flex;width:max-content;gap:var(--r-polster)}
html.leben .pb-lauf{animation:pb-schieben 80s linear infinite}
.pb-lauf>span{display:flex;gap:var(--r-polster);margin-left:var(--r-polster)}
.pb-bild{flex:none;display:block;width:clamp(128px,13vw,186px);line-height:0}
.pb-bild img{width:100%;height:auto;display:block}
.plakat-band:hover .pb-lauf{animation-play-state:paused}
@keyframes pb-schieben{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .pb-lauf{animation:none;overflow-x:auto;scrollbar-width:thin}
  .plakat-band{overflow-x:auto}
}
.pk-raster{display:grid;gap:var(--r-kasten) var(--r-kasten);margin-top:var(--r-kasten);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.pk-motiv{margin:0}
.pk-motiv img{width:100%;height:auto;display:block;border:1px solid var(--linie)}
.pk-motiv figcaption{margin-top:var(--r-zeile);font-size:var(--s-klein);line-height:1.45}
.pk-motiv figcaption b{display:block;color:var(--tinte);font-weight:700}
.pk-motiv figcaption span{color:var(--matt);font-size:var(--s-klein)}
.kb-zwei{width:100%;margin-top:var(--r-zeile)}
.kb-abo{margin:var(--r-zeile) 0 0;font-size:var(--s-klein);color:var(--matt)}
.kb-abo b{color:var(--rot)}
.kaufleiste{position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:69;display:flex;
  align-items:center;justify-content:space-between;gap:var(--r-paar);padding:var(--r-zeile) var(--rand);background:var(--weiss);
  border-top:1px solid var(--linie);box-shadow:0 -6px 16px rgba(0,0,0,.06)}
.kaufleiste[hidden]{display:none}
.kaufleiste .kl-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.kaufleiste .kl-name{font-size:var(--s-klein);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kaufleiste b{font-size:var(--s-text)}
.kaufleiste .knopf{flex:none;min-height:44px;white-space:nowrap}
body.mit-kaufleiste{padding-bottom:calc(var(--leiste-h) + var(--kaufleiste-h))}
body.mit-kaufleiste .shop-hinweis{bottom:calc(var(--leiste-h) + var(--kaufleiste-h) + var(--r-polster))}
@media(min-width:900px){.kaufleiste{display:none!important}body.mit-kaufleiste{padding-bottom:0}}
html.leben .ein-hand img,html.leben img.ein-hand{opacity:0;transform:translateX(38px) rotate(6deg)}
html.leben .ein-hand.da img,html.leben img.ein-hand.da{
  animation:hand-ein .62s cubic-bezier(.2,.8,.3,1) both}
@keyframes hand-ein{
  0%{opacity:0;transform:translateX(38px) rotate(6deg)}
  58%{opacity:1;transform:translateX(0) rotate(-2.6deg)}
  78%{transform:translateX(0) rotate(1.4deg)}
  100%{opacity:1;transform:translateX(0) rotate(0)}}
html.leben .fakt{opacity:0;transform:translateY(9px);--vz:0s}  
html.leben .fakt.da{animation:fakt-ein .46s ease-out both;animation-delay:var(--vz,0s)}
@keyframes fakt-ein{to{opacity:1;transform:none}}
.dose-zuckt{animation:dose-zuck .5s cubic-bezier(.3,.9,.3,1)}
@keyframes dose-zuck{
  0%{transform:none}
  28%{transform:translateY(-7px) rotate(-2deg) scale(1.03)}
  62%{transform:translateY(0) rotate(1deg) scale(1)}
  100%{transform:none}}
.knopf.glanz{position:relative;overflow:hidden}
.knopf.glanz::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,var(--w-glanz)) 50%,transparent 66%);
  transform:translateX(-120%);animation:glanz .62s ease-out}
@keyframes glanz{to{transform:translateX(120%)}}
.korb-zahl.plopp{animation:plopp .42s cubic-bezier(.2,1.5,.4,1)}
@keyframes plopp{0%{transform:scale(.4)}55%{transform:scale(1.3)}100%{transform:scale(1)}}
.wk-hand{display:none}
@media(min-width:900px){
  .wk-leer-feld{position:relative;padding-right:calc(190px + var(--r-kasten))}   
  .wk-hand{display:block;position:absolute;right:0;top:0;width:190px;height:auto;
    pointer-events:none;opacity:.9;z-index:0}
}
.fuss-leben{margin-top:var(--r-kasten);display:flex;gap:var(--r-zeile);flex-wrap:wrap;align-items:center}
.fuss-leben[hidden]{display:none}
.leben-schalter{appearance:none;-webkit-appearance:none;background:transparent;
  border:1px solid rgba(255,255,255,var(--w-kante));border-radius:999px;color:rgba(255,255,255,var(--w-text));
  font:inherit;font-size:var(--s-label);padding:0 var(--r-polster);min-height:44px;cursor:pointer;
  display:inline-flex;align-items:center;gap:var(--r-zeile)}
.leben-schalter::before{content:"";width:8px;height:8px;border-radius:50%;flex:0 0 auto;
  background:rgba(255,255,255,var(--w-kante))}
.leben-schalter[aria-pressed="true"]::before{background:#fff}
.leben-schalter:hover:not([disabled]){border-color:rgba(255,255,255,var(--w-matt));color:#fff}
.leben-schalter[disabled]{cursor:default;color:rgba(255,255,255,var(--w-leise))}
@media(prefers-reduced-motion:reduce){
  .dose-zuckt,.knopf.glanz::after,.korb-zahl.plopp{animation:none}
  .knopf.glanz{overflow:visible}
}
.bw-sterne{border:0;padding:0;margin:0 0 var(--r-polster);display:flex;flex-direction:column;gap:var(--r-wort)}
.bw-sterne legend{font-weight:700;margin-bottom:var(--r-wort)}
.bw-sterne label{display:flex;align-items:center;gap:var(--r-zeile);min-height:44px}
.bs-bewerten{margin:var(--r-polster) 0}
.bw-schnitt{font-weight:700;margin:calc(var(--r-wort) * -1) 0 var(--r-polster)}
.bw-liste{list-style:none;margin:0 0 var(--r-polster);padding:0;display:grid;gap:var(--r-paar)}
@media(min-width:760px){.bw-liste{grid-template-columns:repeat(3,1fr)}}
.bw-liste li{background:var(--weiss);border:1px solid var(--linie);padding:var(--r-polster)}
.bw-liste p{margin:var(--r-wort) 0}
.bw-st{color:var(--rot);letter-spacing:2px}
.bw-st i{font-style:normal;color:var(--linie)}
.bl-raster{list-style:none;margin:var(--r-zeile) 0 var(--r-polster);padding:0;display:grid;gap:var(--r-paar);grid-template-columns:1fr}
@media(min-width:560px){.bl-raster{grid-template-columns:repeat(2,1fr)}}
@media(min-width:560px) and (max-width:959px){
  .bl-raster .bl-k:nth-child(3):last-child{grid-column:1/-1}}
@media(min-width:960px){.bl-raster{grid-template-columns:repeat(3,1fr)}}
.bl-k{background:var(--weiss);border:1px solid var(--linie);padding:var(--r-polster) var(--r-polster) var(--r-polster);display:flex;flex-direction:column;gap:var(--r-wort);min-width:0}
.bl-k>p{margin:0}
.bl-zahl{font-size:var(--s-schlag);line-height:1;font-weight:700;color:var(--rot);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.bl-was{font-weight:700;font-size:var(--s-text);line-height:1.3}
.bl-text{font-size:var(--s-klein);color:var(--matt);line-height:1.5;overflow-wrap:anywhere}  
.bl-wand{border-top:1px solid var(--linie);margin-top:var(--r-kasten);padding-top:var(--r-kasten);
  margin-bottom:var(--r-kasten);display:flex;flex-direction:column;gap:var(--r-kasten)}
.bl-reihe{display:grid;gap:var(--r-wort) var(--r-gruppe);align-items:start}
.bl-wer{margin:0;font-size:var(--s-label);letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:var(--rot);white-space:nowrap}
.bl-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  align-items:center;gap:var(--r-polster) var(--r-kasten);min-width:0}
.bl-logo{display:flex;align-items:center}
.bl-logo img{height:calc(var(--lh) * 1px);width:auto;max-width:100%;
  filter:grayscale(1);opacity:.85}
@media(min-width:1200px){.bl-reihe{grid-template-columns:132px minmax(0,1fr)}
  .bl-wer{padding-top:var(--r-wort)}}
@media(max-width:519px){.bl-logo img{height:calc(var(--lh) * .82px)}
  .bl-logos{gap:var(--r-paar) var(--r-kasten);justify-content:center}
  .bl-reihe{justify-items:center}.bl-wer{text-align:center}}
.bl-link{margin-top:auto;padding-top:var(--r-wort)}
.bl-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.bl-stand{margin:0}
.bw-leer{background:var(--weiss);border:1px dashed var(--linie);padding:var(--r-polster);max-width:640px}
.bw-leer-t{font-weight:700;font-size:var(--s-vor);margin:0 0 var(--r-wort)}
.bw-leer p{margin:0 0 var(--r-paar)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp-form input:is([type=radio],[type=checkbox]){appearance:auto;-webkit-appearance:auto;width:22px;height:22px;
  min-height:0;padding:0;margin:0;flex:none;accent-color:var(--rot)}
.sp-form label.haken{flex-direction:row;align-items:flex-start;gap:var(--r-paar);grid-column:1/-1}
.sp-form label.haken span{font-weight:400;font-size:var(--s-klein);line-height:1.45}
.bw-sterne{flex-direction:row}
.bw-wahl{display:flex;align-items:center;gap:var(--r-eng);flex-wrap:wrap}
.bw-stern{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;
  cursor:pointer;flex-direction:row!important}
.bw-stern input{position:absolute;opacity:0;width:48px!important;height:48px!important;margin:0;cursor:pointer}
.bw-stern span{font-size:var(--s-h1);line-height:1;color:var(--linie);transition:color .12s}
.bw-stern.an span{color:var(--rot)}
.bw-stern:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.bw-note{margin-left:var(--r-zeile);font-weight:700;font-size:var(--s-klein)}
.kb-pack{margin:0 0 var(--r-eng);font-weight:700;font-size:var(--s-klein);color:var(--tinte)}
.kb-pack:empty{display:none}
.kb-preis .kb-je-dose{display:block;font-size:var(--s-text);font-weight:700;color:var(--tinte);margin:var(--r-haar) 0 var(--r-eng)}
.kb-preis .kb-je-dose:empty{display:none}
.kopf .shop{background:var(--rot);color:#fff;border-bottom:0;padding:0 var(--r-polster);letter-spacing:.1em}
.kopf .shop:hover,.kopf .shop:focus-visible{background:var(--tinte);color:#fff}
.kopf .shop[aria-current]{background:var(--tinte)}
.leiste a.leiste-shop{color:var(--rot);font-weight:700}
.dk-preis{display:block;margin-top:var(--r-zeile);font-size:var(--s-klein);font-weight:700;color:var(--tinte)}
.karte-preis{margin:var(--r-zeile) 0 0;font-size:var(--s-klein);font-weight:700;color:var(--tinte)}
.kundenart{border:0;padding:0;margin:0 0 var(--r-polster);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-zeile)}
.kundenart .wahl{min-height:48px;align-items:center}
.ka-firma{margin-top:var(--r-polster);padding:var(--r-polster);background:var(--marmor);border:1px solid var(--linie)}
.sp-form .voll{grid-column:1/-1}
.kasse-unter{font-size:var(--s-text);line-height:1.3;margin:var(--r-kasten) 0 var(--r-zeile)}
.ka-liefer .kasse-unter{margin-top:var(--r-wort)}
.ka-abweichend{margin:var(--r-polster) 0 var(--r-eng)}
.ka-liefer{margin-top:var(--r-zeile)}
.ka-land-feld{display:flex;flex-direction:column;gap:var(--r-wort)}
.ka-land-feld b{display:flex;align-items:center;min-height:48px;padding:0 var(--r-polster);font-weight:400;font-size:var(--s-text);
  color:var(--tinte);background:var(--marmor);border:1px solid var(--linie)}
.ka-land .klein{margin:var(--r-zeile) 0 0}
.adr-hilfe{padding:var(--r-paar) var(--r-polster);background:var(--marmor);border-left:3px solid var(--gold);font-size:var(--s-klein);line-height:1.45}
.adr-hilfe p{margin:0}.adr-hilfe p+p{margin-top:var(--r-zeile)}
.adr-hilfe .adr-fehler{color:var(--rot);font-weight:700}
.adr-vorschlag{font:inherit;font-size:var(--s-klein);min-height:44px;padding:0 var(--r-paar);margin:var(--r-wort) var(--r-wort) 0 0;cursor:pointer;
  color:var(--tinte);background:var(--weiss);border:1px solid var(--linie)}
.adr-vorschlag:hover,.adr-vorschlag:focus-visible{border-color:var(--gold);outline:none}
.hp-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--r-paar);
  margin:var(--r-zeile) 0 var(--r-kasten);padding-bottom:var(--r-polster);border-bottom:1px solid var(--linie)}
.hp-kunde{margin:0;font-size:var(--s-text)}
.hp-kunde span{color:var(--matt);font-size:var(--s-klein)}
.hp-reiter{display:flex;flex-wrap:wrap;gap:var(--r-wort);align-items:center}
.hp-tab{font:inherit;font-weight:700;min-height:44px;padding:var(--r-zeile) var(--r-polster);border:1px solid var(--linie);
  background:var(--weiss);color:var(--tinte);cursor:pointer}
.hp-tab[aria-selected="true"]{border-color:var(--rot);box-shadow:inset 0 0 0 1px var(--rot);color:var(--rot)}
.hp-reiter .textlink{background:none;border:0;min-height:44px;padding:var(--r-zeile) var(--r-wort);font:inherit}
.hp-zwischen{font-size:var(--sf-h3);margin:var(--r-gruppe) 0 var(--r-zeile)}
.hp-aktion{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-polster);margin:var(--r-kasten) 0;padding:var(--r-polster);
  background:var(--weiss);border:1px solid var(--linie)}
.hp-aktion img{width:140px;height:auto;justify-self:center}
.hp-aktion .wk-liste{margin:var(--r-zeile) 0}
@media (min-width:700px){.hp-aktion{grid-template-columns:180px minmax(0,1fr);align-items:start}
  .hp-aktion img{width:180px}}
.hp-portal .wk-name small,.hp-portal .wk-preis small{color:var(--matt);font-weight:400}
.hp-portal .wk-name s{color:var(--matt)}
.hp-korb{margin-top:var(--r-gruppe);padding-top:var(--r-wort);border-top:2px solid var(--tinte)}
.hp-liefer{margin-top:0}
.hp-chips{display:flex;flex-wrap:wrap;gap:var(--r-zeile);align-items:center}
.hp-chip{min-height:44px;padding:var(--r-zeile) var(--r-paar);font-size:var(--s-klein)}
.hp-portal .lade{padding:var(--r-polster) 0;color:var(--matt)}
.hp-portal button.textlink{background:none;border:0;padding:0;font:inherit;color:var(--rot);
  font-weight:700;text-decoration:underline;cursor:pointer;min-height:44px}
.hp-wm{margin:var(--r-gruppe) 0;padding:var(--r-kasten) var(--r-polster);background:var(--weiss);border-top:3px solid var(--rot)}
.hp-wm-titel{font-size:var(--sf-h2);margin:var(--r-wort) 0 var(--r-zeile)}
.hp-wm-vor{font-size:var(--sf-vor);line-height:1.5;margin:0 0 var(--r-kasten)}
.hp-dach{margin:0;font-size:var(--s-label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rot)}
.hp-disp-titel{font-size:var(--sf-h3);line-height:1.2;margin:var(--r-eng) 0 var(--r-zeile)}
.hp-disp{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "liste";
  gap:var(--r-polster);align-items:start}
.hp-disp-kopf{grid-area:kopf}
.hp-disp-kopf .klein{margin:0}
.hp-disp-liste{grid-area:liste;list-style:none;margin:0;padding:0}
.hp-disp-zeile{display:grid;grid-template-columns:120px minmax(0,1fr);
  grid-template-areas:"foto dosen" "foto name" "foto menge";
  gap:var(--r-paar) var(--r-polster);padding:var(--r-polster) 0;border-top:1px solid var(--linie);align-items:start}
.hp-disp-foto{grid-area:foto;margin:0}
.hp-disp-foto img{display:block;width:120px;height:auto;background:var(--marmor)}
.hp-disp-foto figcaption{margin:var(--r-eng) 0 0;font-size:var(--s-label);line-height:1.35;color:var(--matt)}
.hp-dosen{grid-area:dosen;display:flex;min-width:42px}
.hp-dosen img{display:block;width:21px;height:56px}
.hp-disp-zeile .wk-name{grid-area:name}
.hp-disp-zeile .wk-name p{margin:var(--r-eng) 0 0;font-size:var(--s-klein);line-height:1.45;color:var(--matt)}
.hp-disp-zeile .wk-name .hp-dn{margin:0;font-size:var(--s-vor);font-weight:700;color:var(--tinte);line-height:1.3}
.hp-disp-zeile .wk-name .hp-disp-preis{color:var(--tinte);font-weight:700}
.hp-badge{display:inline-block;width:86px;height:auto;vertical-align:middle;margin:0 0 0 var(--r-zeile)}
.hp-disp-zeile .wk-name .hp-zugabe{color:var(--rot);font-weight:700}
.hp-disp-preis .hp-pfand{display:block;font-weight:400;color:var(--matt)}
.hp-disp-menge{grid-area:menge;justify-self:start}
.hp-wm-material{margin-top:var(--r-weit);padding-top:var(--r-kasten);border-top:1px solid var(--linie)}
.hp-wm-kacheln{list-style:none;margin:var(--r-polster) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-paar)}
.hp-wm-kachel{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-areas:"bild name" "bild text";
  gap:var(--r-wort) var(--r-polster);align-content:center;padding:var(--r-paar);background:var(--marmor)}
.hp-wm-bild{grid-area:bild;height:150px;display:flex;align-items:center;justify-content:center}
.hp-wm-bild img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.hp-wm-name{grid-area:name;align-self:end;margin:0;font-size:var(--s-vor);font-weight:700;line-height:1.3}
.hp-wm-text{grid-area:text;margin:0;font-size:var(--s-klein);line-height:1.45;color:var(--matt)}
.hp-wm-mehr{margin:var(--r-kasten) 0 0;display:flex;flex-wrap:wrap;gap:var(--r-wort) var(--r-zeile);align-items:baseline}
.hp-wm-mehr p{margin:0;font-weight:700}
.hp-wm-mehr{display:block}
.hp-wm-mehr ul{list-style:none;margin:var(--r-zeile) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-wort)}
.hp-wm-mehr li{display:flex;gap:var(--r-zeile);align-items:baseline}
.hp-wm-mehr li::before{content:"";flex:none;width:var(--r-zeile);height:2px;background:var(--gold);transform:translateY(-.3em)}
.hp-wm-form{margin-top:var(--r-kasten);padding-top:var(--r-kasten);border-top:1px solid var(--linie)}
.hp-wm-wahl{border:0;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--r-polster)}
.hp-wm-wahl legend{padding:0;margin-bottom:var(--r-zeile);font-weight:700}
.sp-form .hp-wm-wahl label.haken{grid-column:auto;margin:0;min-height:44px;align-items:center}
@media (min-width:700px){
  .hp-wm{padding:var(--r-kasten)}
  .hp-disp{grid-template-areas:"bild kopf" "bild liste";column-gap:var(--r-kasten);row-gap:var(--r-zeile)}
  .hp-disp-kopf{align-self:start}
  .hp-disp-zeile{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dosen name menge"}
  .hp-disp-menge{align-self:center;justify-self:end}
  .hp-wm-kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hp-wm-kachel{grid-template-columns:minmax(0,1fr);grid-template-areas:"bild" "name" "text";align-content:start;padding:var(--r-polster)}
  .hp-wm-bild{height:180px;margin-bottom:var(--r-zeile)}
  .hp-wm-name{align-self:start}
  .hp-wm-wahl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-dosen{min-width:84px}
  .hp-wm-mehr ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.mb-bild{display:block;margin-bottom:var(--r-paar)}
.mb-bild img{display:block;width:64px;height:64px;border-radius:50%;
  object-fit:cover;background:var(--zart)}
.rk-zahl a{color:inherit;text-decoration:none;display:block;min-height:44px;
  display:flex;align-items:center;gap:var(--r-wort)}
.rk-zahl a:hover,.rk-zahl a:focus-visible{color:var(--rot)}
.rk-zahl a::after{content:"↓";font-size:.85em;opacity:.55}
.fuss a.fuss-widerruf{display:inline-flex;align-items:center;min-height:44px;
  color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.widerruf-box{margin:0 0 var(--r-gruppe)}.widerruf-box .knopf{margin-top:var(--r-zeile)}
.sk-angaben a{white-space:normal}
.kb-liefer.kb-frei{color:var(--tinte);font-size:var(--s-klein);font-weight:700}
.kb-liefer.kb-frei + .kb-liefer{margin-top:var(--r-haar)}
.fuss ul.fuss-social{display:flex;flex-wrap:wrap;gap:var(--r-eng);margin:var(--r-polster) 0 0;padding:0;list-style:none}
.fuss-social a{display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;color:currentColor;opacity:.78;border-radius:2px}
.fuss-social a:hover,.fuss-social a:focus-visible{opacity:1;background:rgba(255,255,255,var(--w-flaeche))}
.mb-ohne-profil{cursor:default}
.mb-ohne-profil .mb-kein{color:var(--matt);font-weight:400}
.mf-form{display:grid;gap:var(--r-polster) var(--r-polster);margin:var(--r-kasten) 0 0}
.mf-form p{margin:0;display:flex;flex-direction:column;gap:var(--r-eng)}
.mf-form label{font-size:var(--s-label);font-weight:700;color:var(--tinte)}
.mf-form input,.mf-form textarea{font:inherit;font-size:var(--s-text);padding:var(--r-paar) var(--r-paar);
  min-height:48px;border:1px solid #8a8a8a;background:var(--weiss);color:var(--tinte);
  border-radius:0;width:100%}
.mf-form textarea{min-height:92px;resize:vertical}
.mf-form input:focus-visible,.mf-form textarea:focus-visible{outline:2px solid var(--rot);outline-offset:1px}
.mf-form input::placeholder,.mf-form textarea::placeholder{color:var(--matt);opacity:1}
.mf-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mf-tasten{margin-top:var(--r-wort)}
.mf-meldung{margin:var(--r-eng) 0 0;font-size:var(--s-klein)}
.mf-meldung.mf-gut{color:var(--rot);font-weight:700}
.mf-meldung.mf-schlecht{color:var(--tinte);font-weight:700;
  border-left:3px solid var(--rot);padding-left:var(--r-zeile)}
@media(min-width:620px){
  .mf-form{grid-template-columns:1fr 1fr}
  .mf-form>p:not(.halb):not(.mf-falle){grid-column:1 / -1}
}
.mf-raster{display:grid;gap:var(--r-gruppe) var(--r-weit);margin-top:var(--r-kasten);align-items:start}
.mf-links{min-width:0}
.mf-rechts{min-width:0;border-left:3px solid var(--rot);padding:var(--r-haar) 0 var(--r-haar) var(--r-kasten)}
.mf-titel{margin:0 0 var(--r-zeile);font-size:var(--s-label);font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rot)}
.mf-titel:not(:first-child){margin-top:var(--r-kasten)}
.mf-sorten,.mf-schritte{margin:0;padding:0 0 0 0;list-style:none;font-size:var(--s-klein);line-height:1.5}
.mf-sorten li{padding:var(--r-wort) 0;border-bottom:1px solid var(--linie)}
.mf-sorten li:last-child{border-bottom:0}
.mf-schritte{counter-reset:s;list-style:none}
.mf-schritte li{counter-increment:s;padding:var(--r-wort) 0 var(--r-wort) var(--r-gruppe);position:relative}
.mf-schritte li::before{content:counter(s);position:absolute;left:0;top:6px;
  width:20px;height:20px;border-radius:50%;background:var(--rot);color:var(--weiss);
  font-size:var(--s-label);font-weight:700;display:flex;align-items:center;justify-content:center}
@media(min-width:900px){
  .mf-raster{grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr)}
}
.rk-bild.rk-siegel img{height:clamp(132px,15vw,210px);width:auto;max-width:100%}
@media(max-width:760px){.rk-bild.rk-siegel img{height:clamp(96px,22vw,140px)}}
.recht-raster{max-width:var(--b);margin-inline:auto;padding-inline:var(--rand);
  display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-gruppe)}
.recht-haupt{min-width:0;max-width:var(--mass)}
@media(min-width:1020px){
  .recht-raster{grid-template-columns:minmax(0,var(--mass)) minmax(220px,1fr);
    gap:var(--rf-xxxl);align-items:start}
  .recht-haupt{max-width:none}
  .recht-rand{position:sticky;top:84px}
}
.recht-vz{border:1px solid var(--linie);background:var(--weiss);padding:var(--r-polster) var(--r-polster)}
.recht-vz > summary{display:flex;align-items:baseline;gap:var(--r-zeile);cursor:pointer;
  list-style:none;min-height:30px;padding:var(--r-haar) 0}
.recht-vz > summary::-webkit-details-marker{display:none}
.recht-vz > summary::after{content:"";margin-left:auto;width:9px;height:9px;flex:none;
  border-right:2px solid var(--matt);border-bottom:2px solid var(--matt);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s}
.recht-vz[open] > summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.recht-vz > summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.rvz-kopf{font-size:var(--s-mikro);font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--rot);font-variant-numeric:tabular-nums}
.recht-vz ul{list-style:none;margin:var(--r-zeile) 0 0;padding:0;border-top:1px solid var(--zart)}
.recht-vz li{margin:0;padding:0}
.recht-vz a{display:flex;gap:var(--r-zeile);align-items:baseline;padding:var(--r-paar) 0;min-height:44px;
  font-size:var(--s-klein);line-height:1.35;color:var(--tinte);text-decoration:none;
  border-bottom:1px solid var(--zart)}
@media(min-width:1020px) and (pointer:fine){
  .recht-vz a{padding:var(--r-zeile) 0;min-height:34px}
}
.recht-vz li:last-child a{border-bottom:0}
.recht-vz a:hover,.recht-vz a:focus-visible{color:var(--rot);text-decoration:underline;
  text-underline-offset:2px}
.recht-vz a[data-nr]::before{content:attr(data-nr);flex:none;min-width:2.1em;
  color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--s-label)}
.recht-vz li.rvz-h3{margin-left:var(--r-eng);border-left:1px solid var(--zart)}
.recht-vz li.rvz-h3 a{padding-left:var(--r-polster);font-size:var(--s-klein);color:var(--matt)}
@media(max-width:1019px){
  .recht-rand{order:-1}
  .recht-vz{background:var(--marmor);border-color:var(--zart)}
}
.rz-p{position:relative}
.rz{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}
@media(min-width:620px){
  .artikel .rz-p{padding-left:3em;text-indent:-3em}
  .artikel .rz{display:inline-block;width:3em;text-indent:0;margin-right:-.28em}
}
.artikel .recht-anschrift{max-width:var(--mass);margin:0 0 var(--pr-zeile)}
.artikel .recht-anschrift p{font-size:var(--s-vor);line-height:1.5;font-weight:700;
  letter-spacing:-.01em;margin:0}
.artikel .recht-daten dd p{margin:0}
.artikel .recht-daten{display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  margin:0 0 var(--pr-absatz);border-top:1px solid var(--zart)}
.artikel .recht-daten dt{font-size:var(--s-label);font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--rot);padding:var(--r-polster) 0 0}
.artikel .recht-daten dd{margin:0;padding:var(--r-eng) 0 var(--r-polster);line-height:1.55;
  border-bottom:1px solid var(--zart)}
@media(min-width:620px){
  .artikel .recht-daten{grid-template-columns:minmax(10.5em,auto) minmax(0,1fr);
    column-gap:0}
  .artikel .recht-daten dt{padding:var(--r-polster) var(--r-gruppe) var(--r-polster) 0;border-bottom:1px solid var(--zart)}
  .artikel .recht-daten dd{padding:var(--r-polster) 0}
}
.artikel .wf-kasten{max-width:var(--mass);margin:var(--pr-absatz) 0 var(--pr-absatz);padding:var(--rf-m);
  background:var(--weiss);border:1px solid var(--linie);border-top:3px solid var(--gold)}
.artikel .wf-kasten > *:last-child{margin-bottom:0}
.artikel .wf-vor{font-size:var(--s-klein);color:var(--matt);line-height:1.5}
.artikel .wf-an{font-weight:700}
.artikel .wf-felder{list-style:none;margin:var(--pr-zeile) 0 var(--pr-zeile);padding:0}
.artikel .wf-felder li{position:relative;margin:0 0 var(--r-kasten);padding:0 0 var(--r-kasten);border:0;
  font-size:var(--s-klein);color:var(--matt);line-height:1.4}
.artikel .wf-felder li::before{content:"";position:absolute;left:0;right:0;bottom:0;top:auto;
  width:auto;height:1px;border-radius:0;background:var(--linie);opacity:1}
.artikel .wf-felder li:last-child{margin-bottom:0}
.artikel .wf-stern{font-size:var(--s-klein);color:var(--matt);margin-bottom:0}
.recht .widerruf-box{background:var(--sand);border-left:3px solid var(--gold);
  padding:var(--rf-s);max-width:var(--mass)}
.recht .widerruf-box p{margin:0 0 var(--r-eng);font-size:var(--s-text)}
.recht .artikel h2{margin-top:var(--pr-block)}
.recht .artikel > *:first-child{margin-top:0}
.recht .wrap.schmal-shop{max-width:var(--b)}
.recht .wrap.schmal-shop > *{max-width:min(760px,100%)}
.artikel > .sp-form{max-width:var(--mass)}
.kopf .marke{position:relative}
.kopf .marke .m-weiss{display:none}
.buehne{align-items:end}
.b-inhalt{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;
  column-gap:var(--rf-xl)}
@media(min-width:900px){
  .b-inhalt{grid-template-columns:minmax(0,1fr) minmax(0,.36fr)}
  .buehne{align-items:stretch}
  .b-inhalt{padding-top:26svh;padding-bottom:0;position:relative}
  .b-text{align-self:start}
}
.b-text{min-width:0}
.b-dose{position:relative;justify-self:center;align-self:end;width:auto;
  height:clamp(320px,76svh,780px);max-width:70vw;margin-bottom:calc(var(--r-haar) * -1);
  object-fit:contain;object-position:center bottom;
  filter:none}
@media(min-width:900px){
  .b-dose{position:absolute;right:var(--rand);bottom:0;
    justify-self:auto;align-self:auto;margin-bottom:0}
}
@media(max-width:899px){
  .buehne{align-items:stretch}
  .b-inhalt{grid-template-columns:minmax(0,1fr) auto;position:relative;
    padding-top:10svh;padding-bottom:var(--r-kasten)}
  .b-text{align-self:start}
  .b-dose{position:absolute;right:0;bottom:0;align-self:auto;justify-self:auto;
    height:clamp(190px,30svh,300px);max-width:34vw;margin:0}
}
@media(min-width:900px){
  
  .b-dose{top:auto;bottom:var(--rf-xl);height:calc(97% - var(--rf-xl));max-width:none;right:56px;
    max-height:1452px}
}
@media(max-width:899px){
  
  .b-dose{top:auto;bottom:var(--r-kasten);height:58%;max-width:38vw;
    right:0;margin:0;z-index:0}
  .buehne .b-tasten{max-width:min(calc(62vw - 32px), 420px)}
  .b-text{position:relative;z-index:2}
}
.b-claim{display:block;font-weight:400;letter-spacing:normal;max-width:none;
  margin:0 0 var(--rf-m)}
@font-face{font-family:'AR-Ersatz';
  src:local('Bradley Hand'),local('Segoe Script'),local('Apple Chancery'),local('Comic Sans MS');
  size-adjust:63%;ascent-override:90%;descent-override:22%}
.b-hand{display:block;font-family:'AR-FONT','AR-Ersatz',cursive;text-transform:uppercase;
  font-weight:400;color:var(--tinte);letter-spacing:.1em;margin-right:-.1em;
  word-spacing:.34em;
  
  font-size:var(--sf-buehne);line-height:1.04;max-width:6.7em}
.b-sach{display:block;margin-top:var(--rf-s);color:var(--matt);
  font-size:var(--sf-vor);line-height:1.4;font-weight:400;
  letter-spacing:-.005em;max-width:30ch}
@media(max-width:480px){
  .buehne .b-tasten .knopf{width:100%;padding-left:var(--r-polster);padding-right:var(--r-polster)}
}
@media(max-width:899px){ .b-hand{max-width:7.4em;font-size:var(--sf-titel)} }
.dose-karte{border:0;background:transparent;padding:var(--rf-s) var(--r-zeile) var(--rf-s);
  transition:transform .25s ease}
.dose-karte::before{content:none}
.dose-karte:hover,.dose-karte:focus-visible{border:0;background:transparent;
  transform:translateY(-6px);box-shadow:none}
.dk-bild img{width:clamp(96px,22vw,146px)}
.dosen-leiste .dk-bild img{width:clamp(80px,15vw,112px)}
.dk-name{font-size:var(--sf-vor)}
.dk-mehr{color:var(--rot)}
.c-karte{border:0;border-top:1px solid var(--linie);background:transparent;
  padding:var(--r-kasten) var(--r-kasten) var(--r-kasten) 0}
.sek.hell .c-karte,.sek.sand .c-karte{background:transparent}
.c-karte:hover,.c-karte:focus-visible{border:0;border-top:1px solid var(--rot);
  background:transparent;transform:translateY(-3px);box-shadow:none}
.c-karte.mit-bild{border-top:1px solid var(--linie);padding-top:0}
.c-karte.mit-bild:hover{border-top-color:var(--rot)}
.ck-bild{background:transparent;border:0}
.ck-mehr,.w-mehr{color:var(--rot)}
.drink{background:transparent;border:0;border-top:1px solid var(--linie);
  padding:var(--r-kasten) var(--r-kasten) var(--r-polster) 0}
.drink-name::before{display:none}
.drink-name{padding-top:0}
.mb-kachel{border:0;border-top:1px solid var(--linie);background:transparent;
  padding:var(--r-polster) var(--r-polster) var(--r-polster) 0}
.mb-kachel:hover,.mb-kachel:focus-visible{border:0;border-top:1px solid var(--rot);
  background:transparent;box-shadow:none;transform:none}
.mb-partner{border-left:0;box-shadow:inset 3px 0 0 var(--karmesin);padding-left:var(--r-polster)}
.dl-karte{border:0;border-top:1px solid var(--linie);background:transparent;padding:var(--r-kasten) var(--r-polster) var(--r-kasten) 0}
.dl-karte:hover,.dl-karte:focus-visible{border:0;border-top:1px solid var(--rot);
  background:transparent;box-shadow:none;transform:none}
.shop-karte{background:transparent;border:0;border-top:1px solid var(--linie);
  padding:var(--r-kasten) var(--r-kasten) var(--r-gruppe) 0;grid-template-columns:106px minmax(0,1fr)}
.shop-karte .sk-dose img{width:106px}
.shop-karte.box .sk-dose img{max-width:300px}
.artikel .inhalt-vz{background:transparent;border:0;border-top:2px solid var(--tinte);
  border-bottom:1px solid var(--linie);padding:var(--r-polster) 0 var(--r-polster)}
.detail-daten{background:transparent;border:0;border-top:2px solid var(--tinte);padding:var(--r-kasten) 0 0}
.pflicht,.kb-pflicht{background:transparent}
.ez-st{background:transparent!important;border:0!important;padding:0!important;
  color:var(--rot);letter-spacing:.14em}
.sek.dunkel .ez-st{color:#fff}
.ev-liste.gross .ev-vorbei .ez-st,.ev-vorbei .ez-st{color:var(--matt)}
.sek.dunkel .ev-vorbei .ez-st{color:rgba(255,255,255,var(--w-leise))}
.artikel ul:has(> li > strong:first-child) > li,
.bl-k{background:transparent;border:0;padding:var(--r-paar) 0 var(--r-paar) var(--r-gruppe);position:relative}
.artikel ul:has(> li > strong:first-child) > li::before,
.bl-k::before{content:"";display:block;position:absolute;left:0;top:1.05em;
  width:15px;height:15px;background:transparent;border:0;border-radius:0;
  -webkit-mask:var(--haken) center/contain no-repeat;
  mask:var(--haken) center/contain no-repeat;
  background-color:var(--rot)}
:root{--haken:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.6 12.6l5.2 5.2L20.4 6.2' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.fakt{border-left:0!important;border-bottom:0!important;border-right:0!important}
.fakt b{font-size:var(--sf-h1)}
.fakt span{color:var(--matt)}
.fakten{border:0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.chips{background:transparent;gap:0;border:0;
  border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);
  grid-template-columns:repeat(60,minmax(0,1fr));margin-bottom:var(--rf-l)}
.chip{background:transparent;padding:var(--r-polster) var(--r-polster) var(--r-polster) 0;text-align:left}
.chip b{font-size:var(--sf-h3)}
.chip span{font-size:var(--s-mikro);letter-spacing:.1em;text-transform:uppercase;margin-top:var(--r-zeile)}
@media(max-width:860px){
  .chip{grid-column:span 30}
  .chip:last-child:nth-child(odd){grid-column:span 60}
  .chips{text-align:left}
  .chip{text-align:left}
}
.kaufbox{background:transparent;border:0;border-top:2px solid var(--tinte);
  padding:var(--r-kasten) 0 0;margin-top:var(--r-kasten)}
.shop-karte .kaufbox{border-top:1px solid var(--linie);padding-top:var(--r-polster)}
.kb-preis{position:relative}
.kb-preis .kb-je-dose{order:-1;font-size:var(--sf-h2);font-weight:700;
  color:var(--tinte);line-height:1.05;letter-spacing:-.03em}
.kb-preis b{font-size:var(--s-vor);font-weight:700;color:var(--matt);letter-spacing:-.01em;
  order:0}
.kb-preis [data-preiszeile]{order:1}
.artikel table{border:0}
.artikel th{border-bottom:1px solid var(--linie)}
.artikel tbody tr:nth-child(even){background:transparent}
.artikel tbody tr:nth-child(even) > :first-child,
.artikel tbody tr > :first-child,
.artikel thead tr > :first-child{background:var(--marmor)}
.artikel td,.artikel th{border-right:0}
@media(min-width:760px){ :root{ --luft-s:52px; --luft-m:80px; --luft-l:112px; } }
.t{letter-spacing:-.026em}
.handschrift,.ar-krakel{margin-bottom:var(--rf-m)}
.sek .wrap > .ar-krakel{width:min(520px,86%)}
.sk-sozial{display:flex;align-items:center;gap:var(--r-paar);margin:0 0 var(--r-polster);
  font-size:var(--s-label);color:var(--matt);line-height:1.35}
.ss-bilder{display:inline-flex;flex:none}
.ss-bilder img{width:30px;height:30px;border-radius:50%;object-fit:cover;
  box-shadow:0 0 0 2px var(--marmor)}
.ss-bilder img+img{margin-left:calc(var(--r-zeile) * -1)}
.ss-text{min-width:0}
@media(max-width:759px){ .sk-sozial{justify-content:flex-start} }
.sk-haken{position:relative;margin:var(--r-polster) 0 0;padding-left:var(--r-gruppe);
  font-size:var(--s-text);font-weight:700;color:var(--tinte);line-height:1.4}
.sk-haken::before{content:"";position:absolute;left:0;top:.18em;width:16px;height:16px;
  -webkit-mask:var(--haken) center/contain no-repeat;
  mask:var(--haken) center/contain no-repeat;background-color:var(--rot)}
.karte{border-right:0;border-bottom:0;border-top:1px solid var(--linie);
  padding:var(--rf-l) var(--rf-s) var(--rf-l) 0}
.karte:hover{background:transparent;border-top-color:var(--rot)}
.karte .oben{gap:var(--rf-m)}
.karte .bild{flex:0 0 clamp(92px,9vw,122px)}
.karte .bild::before{content:none}
.karte .bild img{width:clamp(92px,9vw,122px)}
.karte .mehr{color:var(--rot)}
@media(max-width:619px){ .karte{padding-right:0} }
.rk-bild.rk-reihe img,.rk-bild.rk-reihe .ar-krakel{width:min(560px,100%)}
.titel-schrift,
.display,.t,.sk-name,.rk-titel,.abschluss h2,
.karte h2,.karte h3,.shop-karte h2,.dk-name,.ck-titel,.w-titel,.drink-name,
.artikel h2,.sek.dunkel h2,.zuckerweg h2,.mb-handle,.dl-titel,.pr-titel,.kp-titel{
  font-family:Roboto,Arial,sans-serif;font-weight:700;letter-spacing:-.01em}
.hnav{font-size:var(--s-klein);font-weight:400;letter-spacing:.14em}
@media(min-width:1180px){ .hnav{font-size:var(--s-klein);letter-spacing:.2em} }
.hnav a{font-weight:400}
.knopf{letter-spacing:.1em;font-size:var(--s-label)}
.label{font-weight:700;letter-spacing:.2em}
.artikel{font-size:var(--s-text)}
.mit-pfeil::after,.mit-extern::after{content:"";display:inline-block;flex:none;
  width:.95em;height:.95em;margin-left:var(--pr-zeichen);vertical-align:-.1em;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
.mit-pfeil::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.2 6l6 6-6 6'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.2 6l6 6-6 6'/%3E%3C/svg%3E")}
.mit-extern::after{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17.2 6.8M9.2 6.8h8v8'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17.2 6.8M9.2 6.8h8v8'/%3E%3C/svg%3E")}
.pr-titel a.mit-extern::after{margin-left:var(--pr-zeichen);vertical-align:-.06em}
.knopf.mit-extern::after{vertical-align:0}
.hakenliste{list-style:none;padding:0;margin:0 0 var(--r-kasten)}
.hakenliste li{position:relative;padding-left:var(--r-gruppe);margin:0 0 var(--r-zeile);line-height:1.5}
.hakenliste li::before{content:"";position:absolute;left:0;top:.24em;
  width:16px;height:16px;border:1.5px solid var(--matt);border-radius:2px}
.ck-name{display:block;margin:0 0 var(--r-polster)}
@media(min-width:861px){
  .sk-bild{width:44%;max-width:600px;left:0;top:0;bottom:0;
    display:flex;align-items:flex-end;justify-content:center;
    padding:0 0 0 var(--rf-xl)}
  
  .sk-bild img{width:auto;height:96%;object-fit:contain;object-position:50% 100%;
    max-width:100%}
  .sk-innen{min-height:clamp(440px,54vw,760px)}
}
@media(min-width:1100px){
  .wrap.art-zwei{max-width:1280px;display:grid;
    grid-template-columns:minmax(0,1fr) clamp(240px,21vw,300px);
    gap:var(--rf-xxxl);align-items:start}
  .art-mitte{min-width:0;max-width:760px}
  .art-rand{position:sticky;top:96px;min-width:0}
  .art-rand .inhalt-vz{margin:0;padding:0 0 0 var(--r-polster);background:none;border:0;
    border-left:2px solid var(--linie)}
  .art-rand .ivz-kopf{font-size:var(--s-mikro);letter-spacing:.14em;text-transform:uppercase;
    color:var(--rot);margin:0 0 var(--r-polster)}
  .art-rand .inhalt-vz ol{list-style:none;margin:0;padding:0;counter-reset:ivz}
  .art-rand .inhalt-vz li{counter-increment:ivz;margin:0 0 var(--r-paar);line-height:1.35}
  .art-rand .inhalt-vz a{font-size:var(--s-klein);color:var(--matt);text-decoration:none;
    display:block;transition:color .16s ease}
  .art-rand .inhalt-vz a:hover{color:var(--tinte)}
  .art-rand .inhalt-vz{max-height:calc(100svh - 140px);overflow-y:auto}
}
@media (prefers-reduced-motion:reduce){ .art-rand .inhalt-vz a{transition:none} }
@media(max-width:1099px){
  .wrap.art-zwei{display:flex;flex-direction:column}
  .art-rand{order:-1;margin-bottom:var(--rf-l)}
  .art-mitte{order:1}
}
.krume{padding:var(--r-polster) 0 0}
.krume ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--r-wort);
  margin:0;padding:0;list-style:none;font-size:var(--s-klein);line-height:1.5}
.krume li{display:flex;align-items:center;gap:var(--r-wort);min-width:0}
.krume li+li::before{content:"›";color:var(--linie);speak:never}
.krume a{color:var(--matt);text-decoration:none;border-bottom:1px solid transparent;
  padding:var(--r-eng) 0}
.krume a:hover,.krume a:focus-visible{color:var(--rot);border-bottom-color:currentColor}
.krume [aria-current]{color:var(--tinte);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media(max-width:559px){
  .krume li:last-child{display:none}
  .krume li:nth-last-child(2)::after{content:"";}
}
.mb-legende{display:flex;align-items:center;gap:var(--r-zeile);margin:0 0 var(--r-polster);
  font-size:var(--s-klein);color:var(--matt);line-height:1.4}
.mb-lg-strich{flex:0 0 3px;align-self:stretch;min-height:1.4em;
  background:var(--karmesin);border-radius:0}
@media(max-width:620px){ .mb-legende{font-size:var(--s-label);align-items:flex-start} }
.stamm-roll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--r-polster) 0 0}
table.stamm{width:100%;border-collapse:collapse;font-size:var(--s-klein)}
table.stamm th,table.stamm td{text-align:left;padding:var(--r-paar) var(--r-kasten) var(--r-paar) 0;
  border-top:1px solid var(--zart);vertical-align:baseline}
table.stamm thead th{border-top:0;border-bottom:1px solid var(--linie);font-size:var(--s-label);letter-spacing:.1em;text-transform:uppercase;color:var(--matt);font-weight:600}
table.stamm tbody th{font-weight:700;color:var(--tinte);padding-right:var(--r-gruppe)}
table.stamm tbody th small,table.stamm tbody th span{display:block;font-weight:400;
  font-size:var(--s-label);color:var(--matt);margin-top:var(--r-haar)}
table.stamm td.zahl{font-variant-numeric:tabular-nums;letter-spacing:.02em;
  white-space:nowrap;color:var(--tinte)}
table.stamm tbody tr:hover{background:color-mix(in srgb,var(--rot) 4%,transparent)}
@media(max-width:700px){
  table.stamm{font-size:var(--s-klein);min-width:620px}
  table.stamm th,table.stamm td{padding-right:var(--r-polster)}
}
.ak-meta b{font-weight:inherit}
@media(min-width:1100px){
  .art-rand{padding-left:var(--r-polster);border-left:2px solid var(--linie);
    max-height:calc(100svh - 140px);overflow-y:auto;
    scrollbar-width:thin}
  .art-rand .inhalt-vz{max-height:none;overflow:visible;
    padding:0;border:0;border-left:0;background:none;margin:0}
  .art-rand .inhalt-vz + .inhalt-vz{margin-top:var(--r-kasten)}
  
  .art-rand .beitrags-vz a{font-size:var(--s-klein);color:var(--tinte);line-height:1.4}
  .art-rand .beitrags-vz li{margin-bottom:var(--r-paar)}
  .art-rand .beitrags-vz a:hover{color:var(--rot)}
}
@media(max-width:1099px){
  .art-rand .inhalt-vz{padding:var(--r-kasten) var(--r-kasten);background:var(--weiss);
    border:1px solid var(--linie)}
  .art-rand .inhalt-vz + .inhalt-vz{margin-top:var(--r-eng);background:none;border:0;
    padding:var(--r-kasten) var(--r-kasten) 0}
  .art-rand .ivz-kopf{font-size:var(--s-mikro);font-weight:700;letter-spacing:.2em;
    text-transform:uppercase;color:var(--rot);margin:0 0 var(--r-wort)}
  .art-rand .inhalt-vz ol{list-style:none;margin:0;padding:0;
    display:grid;gap:0}
  .art-rand .inhalt-vz li{margin:0;padding:0}
  .art-rand .inhalt-vz a{display:block;padding:var(--r-paar) 0;min-height:44px;
    font-size:var(--s-klein);line-height:1.35;color:var(--tinte);text-decoration:none;
    border-bottom:1px solid var(--zart)}
  .art-rand .inhalt-vz li:last-child a{border-bottom:0;padding-bottom:0}
  .art-rand .inhalt-vz a:hover{color:var(--rot)}
}
@media(min-width:620px) and (max-width:1099px){
  .art-rand .inhalt-vz ol{grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--r-gruppe)}
}
.wk-hinweis{margin:0 0 var(--r-polster);padding:var(--r-paar) var(--r-polster);background:var(--marmor);
  border-left:3px solid var(--gold);font-size:var(--s-klein);line-height:1.5;color:var(--tinte)}
.partner-band{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:var(--r-paar);
  padding:var(--r-paar) var(--r-polster);padding-bottom:calc(var(--r-paar) + env(safe-area-inset-bottom));background:var(--karmesin);color:#fff;font-size:var(--s-klein);line-height:1.4}
.partner-band p{margin:0;flex:1}
.partner-band b{color:#fff}
.partner-band button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,var(--w-flaeche));color:#fff;font-size:var(--s-vor);line-height:1;cursor:pointer}
.pa-buehne{position:relative;overflow:hidden;border-bottom:1px solid var(--linie);
  background:linear-gradient(180deg,var(--weiss) 0%,var(--marmor) 100%);
  padding-top:var(--rf-xxl)}
.pa-b-innen{display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-areas:"text" "deal" "tasten" "bild";gap:0 var(--rf-xxl)}
.pa-b-text{grid-area:text}
.pa-deal{grid-area:deal}
.pa-b-tasten{grid-area:tasten;margin-top:var(--r-kasten)}
.pa-b-bild{grid-area:bild}
@media(min-width:900px){
  .pa-b-innen{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    grid-template-areas:"text bild" "deal bild" "tasten bild"}
  .pa-b-tasten{margin-bottom:var(--rf-xxxl)}
}
.pa-titel{margin:0 0 var(--r-polster)}
.pa-t-dach{display:block;font-size:var(--s-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--rot);margin-bottom:var(--r-paar);line-height:1.4}
.pa-t-gross{display:block;font-size:var(--sf-zahl);line-height:.92;color:var(--tinte);max-width:10ch}
.pa-b-text .rk-vor{max-width:46ch}
.pa-deal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-zeile);margin-top:var(--r-zeile);max-width:560px}
.pa-zahl{display:flex;flex-direction:column;padding:var(--r-polster) var(--r-polster) var(--r-polster);background:var(--weiss);
  border:1px solid var(--linie);border-top:4px solid var(--rot)}
.pa-zahl b{display:block;font-size:var(--sf-zahl);line-height:.88;color:var(--rot);
  margin-bottom:var(--r-zeile);font-variant-numeric:tabular-nums}
.pa-zahl span{font-size:var(--s-klein);font-weight:700;line-height:1.3}
.pa-zahl small{font-size:var(--s-label);color:var(--matt);margin-top:var(--r-eng);line-height:1.35}
.pa-zahl-sie{background:var(--tinte);border-color:var(--tinte);color:#fff}
.pa-zahl-sie b{color:#fff}
.pa-zahl-sie small{color:rgba(255,255,255,var(--w-text))}
.pa-b-bild{position:relative;align-self:end;display:flex;justify-content:center;margin-top:var(--r-kasten)}
.pa-b-reaper{width:min(100%,520px);height:auto;margin-bottom:calc(-1 * var(--r-haar))}
@media(max-width:899px){.pa-b-reaper{width:min(92%,420px)}}
.pa-zahl b,.pa-vt b{word-spacing:-.12em}
.pa-vorteile{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-strich);background:var(--linie);
  border:1px solid var(--linie);margin-top:var(--r-gruppe)}
@media(min-width:620px){.pa-vorteile{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.pa-vorteile{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pa-vt{background:var(--weiss);padding:var(--r-kasten) var(--r-kasten) var(--r-kasten)}
.pa-vt b{display:block;font-size:var(--sf-display);line-height:.9;color:var(--rot);margin-bottom:var(--r-polster)}
.pa-vt h3{font-size:var(--s-text);margin-bottom:var(--r-wort)}
.pa-vt .was{font-size:var(--s-text);color:var(--matt);line-height:1.5}
.pa-link-innen{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-gruppe);align-items:center}
@media(min-width:900px){.pa-link-innen{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--r-bruch)}}
.pa-pille{display:inline-flex;flex-wrap:wrap;align-items:center;margin:var(--r-kasten) 0 var(--r-kasten);max-width:100%;
  background:var(--tinte);color:#fff;font-weight:700;font-size:var(--s-text);
  line-height:1.2;padding:var(--r-polster) var(--r-polster);border-left:6px solid var(--rot);overflow-wrap:anywhere}
@media(min-width:620px){.pa-pille{font-size:var(--sf-h3)}}
.pa-pille b{background:var(--rot);padding:var(--r-haar) var(--r-zeile);margin-left:var(--r-haar);letter-spacing:.04em}
.pa-haken{list-style:none;padding:0;margin:0;max-width:60ch}
.pa-haken li{position:relative;padding-left:var(--r-gruppe);margin:0 0 var(--r-zeile);line-height:1.5}
.pa-haken li::before{content:"";position:absolute;left:3px;top:.32em;width:12px;height:7px;
  border-left:2.4px solid var(--rot);border-bottom:2.4px solid var(--rot);transform:rotate(-45deg)}
.pa-link-bild{margin:0;display:flex;justify-content:center}
.pa-link-bild img{width:min(100%,360px);height:auto}
@media(max-width:899px){.pa-link-bild img{width:min(62%,240px)}}
.pa-ablauf{list-style:none;margin:var(--r-gruppe) 0 0;padding:0;display:grid;gap:0;
  grid-template-columns:minmax(0,1fr);counter-reset:none}
.pa-ablauf li{position:relative;padding:0 0 var(--r-kasten) calc(44px + var(--r-polster))}
.pa-ablauf li::before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--linie)}
.pa-ablauf li:last-child::before{display:none}
.pa-nr{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;
  background:var(--rot);color:#fff;font-weight:700;font-size:var(--s-klein);font-variant-numeric:tabular-nums}
.pa-ablauf li:nth-child(2) .pa-nr{background:var(--tinte)}
.pa-ablauf h3{font-size:var(--s-vor);margin:var(--r-zeile) 0 var(--r-wort)}
.pa-ablauf .was{color:var(--matt);font-size:var(--s-text);line-height:1.5;max-width:52ch}
@media(min-width:1000px){
  .pa-ablauf{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--r-kasten)}
  .pa-ablauf li{padding:calc(44px + var(--r-paar)) 0 0}
  .pa-ablauf li::before{left:52px;right:calc(-1 * var(--r-kasten));top:21px;bottom:auto;width:auto;height:2px}
  .pa-ablauf h3{margin-top:0}
}
.pa-ziel-innen{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-kasten);margin-top:var(--r-gruppe)}
@media(min-width:1000px){.pa-ziel-innen{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:var(--r-weit);align-items:start}
  .pa-crew{position:sticky;top:90px}}
.pa-crew{margin:0;background:var(--weiss);display:flex;justify-content:center;align-items:flex-end;
  padding:var(--r-kasten) var(--r-kasten) 0;border:1px solid var(--linie);overflow:hidden}
.pa-crew img{width:min(100%,420px);height:auto}
@media(max-width:999px){.pa-crew img{width:min(78%,320px)}}
.pa-ziele{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-paar)}
@media(min-width:620px){.pa-ziele{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pa-ziel{background:var(--weiss);padding:var(--r-kasten) var(--r-kasten) var(--r-polster);border:1px solid var(--linie);border-top:3px solid var(--tinte)}
.pa-ziel:hover{border-top-color:var(--rot)}
.pa-z-fuer{font-size:var(--s-mikro);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rot);margin:0 0 var(--r-zeile)}
.pa-ziel h3{font-size:var(--s-vor);margin-bottom:var(--r-paar)}
.pa-ideen{list-style:none;padding:0;margin:0}
.pa-ideen li{position:relative;padding:0 0 var(--r-zeile) var(--r-kasten);font-size:var(--s-klein);line-height:1.45;color:var(--tinte)}
.pa-ideen li::before{content:"";position:absolute;left:2px;top:.58em;width:8px;height:2px;background:var(--rot)}
.pa-ziel-weiter{margin-top:var(--r-kasten)}
.pa-rechner{display:grid;grid-template-columns:minmax(0,1fr);margin-top:var(--r-gruppe);background:var(--weiss);
  border:1px solid var(--linie);overflow:hidden}
@media(min-width:860px){.pa-rechner{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}}
.pa-r-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-polster) var(--r-polster);padding:var(--rf-l);align-content:start}
.pa-r-form label{display:flex;flex-direction:column;gap:var(--r-wort);min-width:0}
.pa-r-form label span{font-size:var(--s-label);font-weight:700}
.pa-r-form select,.pa-form select{font:inherit;font-size:var(--s-text);color:var(--tinte);background:var(--weiss);
  border:1px solid var(--matt);padding:var(--r-paar) var(--r-polster);min-height:50px;width:100%}
.pa-r-form select:focus-visible,.pa-form select:focus-visible{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--tinte)}
.pa-r-form .fehler-box,.pa-r-form .klein{grid-column:1/-1;margin:0}
.pa-r-zahlen{grid-column:1/-1;margin:var(--r-zeile) 0 0;border-top:1px solid var(--linie)}
.pa-r-zahlen div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--r-polster);
  padding:var(--r-paar) 0;border-bottom:1px solid var(--linie)}
.pa-r-zahlen dt{font-size:var(--s-klein);color:var(--matt)}
.pa-r-zahlen dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.pa-r-du{border-bottom:0!important;padding-top:18px!important}
.pa-r-du dt{color:var(--tinte);font-weight:700;font-size:var(--s-text)}
.pa-r-du dd{font-family:Roboto,Arial,sans-serif;font-weight:700;
  font-size:var(--sf-titel);line-height:1;color:var(--rot)}
.pa-rechner.ohne-preise .pa-r-zahlen{display:none}
.pa-r-bild{margin:0;background:var(--marmor);display:flex;align-items:flex-end;justify-content:center;
  padding-top:var(--r-kasten);overflow:hidden}
.pa-r-bild img{width:min(70%,260px);height:auto;margin-bottom:-6%}
@media(max-width:859px){.pa-r-bild{max-height:260px}.pa-r-bild img{width:min(46%,190px)}}
@media(max-width:480px){.pa-r-form{grid-template-columns:minmax(0,1fr)}}
.pa-material{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-polster);margin-top:var(--r-gruppe)}
@media(min-width:720px){.pa-material{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pa-mat{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--r-polster);align-items:center;
  background:var(--marmor);border:1px solid var(--linie);text-decoration:none;color:var(--tinte);
  padding:var(--r-paar) var(--r-polster) var(--r-paar) var(--r-paar);min-height:44px;transition:border-color .16s}
.pa-mat:hover{border-color:var(--rot)}
.pa-mat-bild{background:var(--weiss);aspect-ratio:1;overflow:hidden;display:flex;justify-content:center}
.pa-mat-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.pa-mat-text{display:flex;flex-direction:column;gap:var(--r-eng);min-width:0}
.pa-mat-art{font-size:var(--s-mikro);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rot)}
.pa-mat-titel{font-weight:700;font-size:var(--s-text);line-height:1.25}
.pa-mat-mehr{font-size:var(--s-klein);color:var(--rot);font-weight:700}
.pa-form-wrap .sp-form,.pa-form-wrap .vor{max-width:760px}
.pa-ust{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--r-zeile) var(--r-kasten);grid-column:1/-1;min-width:0}
.pa-ust legend{font-size:var(--s-label);font-weight:700;padding:0;margin-bottom:var(--r-zeile);width:100%}
.pa-radio{flex-direction:row!important;align-items:center;gap:10px!important;min-height:44px;cursor:pointer}
.pa-radio input{width:22px;height:22px;min-height:0;padding:0;margin:0;accent-color:var(--rot);appearance:auto}
.pa-radio span{font-weight:400!important;font-size:var(--s-text)!important}
.pa-form [aria-invalid="true"]{border-color:var(--rot);box-shadow:inset 3px 0 0 var(--rot)}
.pa-form .haken a{color:var(--rot)}
[data-danke]{max-width:760px;font-size:var(--s-text)}
.pa-faq-wrap .pa-faq{max-width:780px}
.pa-faq{border-bottom:1px solid var(--linie)}
.pa-faq:first-of-type{border-top:1px solid var(--linie);margin-top:var(--r-kasten)}
.pa-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--r-polster);min-height:56px;
  padding:var(--r-polster) 0;font-weight:700;font-size:var(--s-text);line-height:1.35}
.pa-faq summary::-webkit-details-marker{display:none}
.pa-faq summary::after{content:"";margin-left:auto;flex:none;width:10px;height:10px;
  border-right:2px solid var(--rot);border-bottom:2px solid var(--rot);transform:rotate(45deg) translate(-3px,-3px);
  transition:transform .16s}
.pa-faq[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.pa-faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.pa-faq .was{padding:0 0 var(--r-kasten);color:var(--matt);max-width:66ch}
.pa-faq .was p{margin:0}
.pa-kit-k-innen{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-kasten);align-items:end;padding-bottom:var(--rf-xl)}
@media(min-width:900px){.pa-kit-k-innen{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}
.pa-kit-k-bild{width:100%;height:auto;max-width:560px}
.pa-kt-raster{list-style:none;margin:var(--r-gruppe) 0 0;padding:0;display:grid;gap:var(--r-polster);
  grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.pa-kt-raster{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.pa-kt-raster{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pa-kt{display:flex;flex-direction:column;background:var(--weiss);border:1px solid var(--linie);min-width:0}
.sek.hell .pa-kt{background:var(--marmor)}
.pa-kt-bild{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:var(--r-polster);overflow:hidden}
.pa-kt-hell{background:var(--marmor)}
.sek.hell .pa-kt-hell{background:var(--weiss)}
.pa-kt-dunkel{background:var(--tinte)}
.pa-kt-bild img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pa-kt-pdf b{font-size:var(--s-schlag);color:var(--rot)}
.pa-kt-titel{font-weight:700;font-size:var(--s-klein);line-height:1.3;padding:var(--r-paar) var(--r-paar) var(--r-haar);overflow-wrap:break-word}
.pa-kt-info{font-size:var(--s-label);color:var(--matt);padding:0 var(--r-paar) var(--r-zeile)}
.pa-kt-knopf{margin:auto var(--r-paar) var(--r-paar);min-height:44px;padding:var(--r-zeile) var(--r-paar);font-size:var(--s-mikro)}
.pa-kf-liste{list-style:none;margin:var(--r-gruppe) 0 0;padding:0;display:grid;gap:var(--r-polster);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.pa-kf-liste{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pa-kf{display:flex;flex-direction:column;background:var(--weiss);border:1px solid var(--linie);padding:0 0 var(--r-wort)}
.pa-kf-feld{display:block;height:110px;border-bottom:1px solid var(--linie)}
.pa-kf-name{font-weight:700;padding:var(--r-paar) var(--r-polster) 0}
.pa-kf-hex{font:inherit;font-variant-numeric:tabular-nums;font-size:var(--s-klein);padding:0 var(--r-polster);color:var(--tinte)}
.pa-kf-wofuer{font-size:var(--s-label);color:var(--matt);padding:var(--r-eng) var(--r-polster) 0;line-height:1.4}
.pa-kf .textlink{padding:0 var(--r-polster);background:none;border:0;cursor:pointer;justify-content:flex-start;font-weight:700}
.pa-kit-schrift,.pa-kit-regeln,.pa-kit-texte{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-polster);margin-top:var(--r-gruppe)}
@media(min-width:900px){.pa-kit-schrift{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pa-kit-regeln,.pa-kit-texte{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pa-kit-schrift>div,.pa-kr,.pa-kb{background:var(--weiss);border:1px solid var(--linie);padding:var(--r-kasten) var(--r-kasten) var(--r-polster)}
.sek.hell .pa-kit-schrift>div{background:var(--marmor)}
.pa-kb-titel{font-size:var(--s-mikro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rot);margin:0 0 var(--r-zeile)}
.pa-ks-muster{font-size:var(--s-h2);line-height:1.1;margin:0 0 var(--r-zeile)}
.pa-ks-text{font-size:var(--s-vor)}
.pa-ks-hand{font-size:var(--s-vor);color:var(--matt)}
.pa-kr ul{margin:0;padding:0 0 0 var(--r-kasten)}
.pa-kr li{margin:0 0 var(--r-zeile);line-height:1.45}
.pa-kr-ja{border-top:4px solid var(--tinte)}
.pa-kr-nein{border-top:4px solid var(--rot)}
.pa-kb{display:flex;flex-direction:column;gap:var(--r-paar)}
.pa-kb-text{margin:0;font-size:var(--s-text);line-height:1.5;padding:var(--r-polster) var(--r-polster);background:var(--marmor);border-left:3px solid var(--rot)}
.pa-kb-knopf{align-self:flex-start;min-height:44px}
.ist-kopiert{border-color:var(--tinte)!important}
[data-kopiert]{position:fixed;left:50%;bottom:76px;transform:translateX(-50%);z-index:80;margin:0;box-shadow:0 2px 0 var(--linie)}
.pa-groesse::after{content:attr(data-g)}
.stamm-zwischen{margin:var(--r-gruppe) 0 0;font-size:var(--s-vor);line-height:1.3}
.stamm-download{display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-paar) var(--r-polster);
  margin:var(--r-kasten) 0 0}
.stamm-download .klein{color:var(--matt);font-size:var(--s-klein)}
.sp-danke:empty{padding:0;border:0;background:none}
.box-kopf .sk-bild{align-items:center}
.box-kopf .sk-bild img{height:auto;width:100%;object-position:50% 50%}
.box-zu{margin:var(--r-kasten) 0 0;max-width:480px}
.box-zu img{display:block;width:100%;height:auto}
.sorten-box{margin-top:var(--r-kasten);text-align:center}
.einwilligung{position:fixed;left:0;right:0;bottom:calc(var(--leiste-h) + env(safe-area-inset-bottom));z-index:72;
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--r-zeile) var(--r-polster);
  padding:var(--r-zeile) var(--rand);background:var(--weiss);border-top:1px solid var(--matt);
  font-size:var(--s-label);line-height:1.45;color:var(--tinte)}
.einwilligung[hidden]{display:none}
.einwilligung p{margin:0;flex:1 1 320px}
.einwilligung a{color:var(--tinte);text-decoration:underline;text-underline-offset:2px}
.ew-tasten{display:flex;gap:var(--r-zeile);flex:1 1 100%}
.ew-knopf{flex:1;min-height:44px;padding:0 var(--r-polster);border:1px solid var(--tinte);border-radius:0;
  background:var(--weiss);color:var(--tinte);font:inherit;font-size:var(--s-klein);font-weight:600;cursor:pointer}
@media (hover:hover){.ew-knopf:hover{background:var(--marmor)}}
body.mit-kaufleiste .einwilligung{bottom:calc(var(--leiste-h) + var(--kaufleiste-h) + env(safe-area-inset-bottom))}
body.mit-einwilligung{padding-bottom:calc(var(--leiste-h) + var(--ew-h))}
body.mit-einwilligung.mit-kaufleiste{padding-bottom:calc(var(--leiste-h) + var(--kaufleiste-h) + var(--ew-h))}
body.mit-einwilligung .shop-hinweis{bottom:calc(var(--leiste-h) + var(--ew-h) + var(--r-polster))}
@media(min-width:900px){
  .einwilligung,body.mit-kaufleiste .einwilligung{bottom:0}
  .ew-tasten{flex:0 0 auto}
  .ew-knopf{flex:0 0 auto;min-width:132px}
  body.mit-einwilligung,body.mit-einwilligung.mit-kaufleiste{padding-bottom:var(--ew-h)}
  body.mit-einwilligung .partner-band{bottom:var(--ew-h)}
}
.fuss .fuss-einwilligung{padding:0;border:0;background:none;cursor:pointer;font:inherit;
  color:rgba(255,255,255,var(--w-text));font-size:var(--s-text);text-align:left;
  display:inline-flex;align-items:center;min-height:44px}
.fuss .fuss-einwilligung:hover{color:#fff;text-decoration:underline}
.kopf{position:relative;background:transparent;backdrop-filter:none;border-bottom:0;box-shadow:none}
.kopf .wrap{max-width:none;min-height:0;align-items:flex-start;padding:var(--rf-l) var(--rf-xxl) var(--rf-s) var(--rf-xl);gap:0}
.kopf .marke img.m-logo{width:clamp(104px,11.6vw,223px);height:auto}
.hnav{gap:var(--r-weit);margin-left:var(--r-bruch);margin-top:var(--r-eng);font-size:var(--s-label);letter-spacing:.2em;text-transform:uppercase;font-weight:400}
@media (min-width:1200px){.hnav{font-size:var(--s-klein)}}
@media (min-width:1700px){.hnav{font-size:var(--s-vor)}}
.hnav a{font-weight:400;color:var(--tinte);border-bottom:0;padding:0;min-height:0;display:block;line-height:1.2}
.hnav a:hover,.hnav a[aria-current]{color:var(--rot);border-bottom:0}
.kopf .hnav a.shop{background:none;color:var(--tinte);border-bottom:0;padding:0;letter-spacing:.2em;margin:0;font-size:inherit;font-weight:400;display:block;line-height:1.2;min-height:0}
.kopf .hnav a.shop:hover,.kopf .hnav a.shop[aria-current]{background:none;color:var(--rot)}
.kopf .konto{margin-left:auto}
.kopf .konto,.kopf .korb{width:44px;height:44px;display:grid;place-items:center;color:var(--tinte);flex:none;margin-top:calc(-1 * var(--r-wort))}
.kopf .konto svg,.kopf .korb svg{width:24px;height:24px}
.kopf .konto:hover,.kopf .korb:hover{color:var(--rot)}
.kopf .sprache{display:none}
.ueber-bild .kopf{position:absolute;top:0;left:0;right:0;z-index:60}
.fuss-sprache{margin:var(--r-polster) 0 0}
.fuss-sprache a{color:var(--weiss);letter-spacing:.2em;text-transform:uppercase;font-size:var(--s-mikro)}
@media (max-width:899px){.hnav{display:none}.kopf .konto{display:none}.kopf .korb{margin-left:auto}
  .kopf .wrap{padding:var(--r-polster) var(--r-polster) var(--r-zeile);align-items:center}}
.hand{display:block;width:100%;height:auto;overflow:visible}
.hand text{font-family:'AR-FONT',sans-serif;font-weight:300;fill:currentColor}
.hand g{fill:currentColor}
h1.ann-label{line-height:inherit;text-wrap:wrap}
.ann-label{font-family:Roboto,sans-serif;font-weight:700;font-size:var(--sf-vor);letter-spacing:.2em;
  text-transform:uppercase;color:var(--rot);margin:0 0 var(--rf-s)}
.ann-label-schwarz{display:block;font-weight:700;font-size:var(--s-mikro);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--r-zeile)}
.ann-klein{display:block;font-size:var(--s-label);line-height:1.45;text-transform:uppercase;letter-spacing:.02em;color:var(--tinte)}
.ann-text{font-size:var(--s-text);line-height:1.5;max-width:46ch;margin:var(--rf-m) auto 0}
.ann-gross{text-transform:uppercase;font-size:var(--s-label);max-width:52ch;margin-left:0}
.ann-fett{font-weight:700}
.ann-h{margin:0 auto;width:min(100%,clamp(260px,32vw,620px));color:var(--tinte)}
.ann-h-klein{width:min(100%,clamp(260px,35vw,680px))}
.ann-h-mittel{width:min(100%,clamp(260px,38vw,740px))}
.ann-sek{padding:calc(var(--rf-xxxl) + var(--r-weit)) var(--rf-xxxl);background:var(--weiss)}
.ann-mitte{text-align:center}
.ann-mitte .ann-h{margin-bottom:var(--rf-xxl)}
.ann-label-abstand{margin-top:calc(var(--rf-xxxl) + var(--rf-xxxl))}
.ann-held{position:relative;background:var(--marmor);overflow:hidden}
.ann-held-bild{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
:root{--kopf-unten:calc(var(--rf-l) + clamp(104px,11.6vw,223px) * .453 + var(--rf-s))}
.ann-held .ann-claim{position:absolute;left:7.3%;top:max(15%,calc(var(--kopf-unten) + var(--rf-s)));width:34%;margin:0;color:var(--tinte)}
.ann-held-energy .ann-claim{left:4.5%;top:max(13%,calc(var(--kopf-unten) + var(--rf-s)));width:42%}
@media (max-width:759px){
  .ann-held-bild{aspect-ratio:4/5;object-position:64% 50%}
  .ann-held .ann-claim{position:static;width:auto;padding:var(--r-kasten) var(--r-polster) var(--rf-l)}
  .ann-held-energy .ann-held-bild{object-position:80% 50%}
}
.ann-zwei{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rf-xxxl);align-items:center}
@media (min-width:900px){.ann-zwei{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ann-zwei-bild img{display:block;width:100%;height:auto;max-height:82vh;object-fit:contain}
.ann-zwei-text .ann-h{margin:0;width:min(100%,clamp(260px,34vw,660px))}
.ann-intro{padding-top:var(--rf-l)}
.ann-intro-rand{padding-left:0}
.ann-intro-rand .ann-zwei-bild img{max-height:none}
.ann-paar{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.ann-paar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ann-kachel{position:relative;aspect-ratio:960/1080;overflow:hidden;background:var(--weiss);display:block;color:var(--tinte);text-decoration:none}
.ann-kachel img{display:block;width:100%;height:100%;object-fit:cover}
.ann-dose img{object-fit:contain;padding:10% 18% 16%}
.ann-unten{position:absolute;left:var(--rf-xl);bottom:var(--rf-xl);max-width:min(24em,52%)}
.ann-kachel-name{position:absolute;right:var(--rf-xl);bottom:var(--rf-xl);font-weight:700;font-size:var(--s-klein);
  letter-spacing:.12em;text-transform:uppercase;color:var(--rot)}
.ann-kachel-name{top:var(--rf-xl);bottom:auto}
.ann-unten{max-width:none;right:var(--rf-xl)}
.ann-auf{position:absolute;left:5.4%;top:4.9%;width:32.6%;color:var(--tinte)}
.ann-auf-weiss{color:var(--weiss);left:8%;top:6%;width:66%}
.ann-auf-breit{left:2.1%;top:2.2%;width:97%}
.ann-textkachel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%}
.ann-kachel-hand{width:min(100%,clamp(220px,37vw,720px));margin:0 auto var(--rf-m)}
.ann-schwarz{background:var(--tinte);color:var(--weiss);text-align:center;padding:var(--rf-xxxl) var(--r-polster)}
.ann-schwarz .ann-text{color:var(--weiss)}
.ann-schwarz-hand{width:min(92%,clamp(280px,46vw,880px));margin:0 auto}
.ann-pflicht{font-size:var(--s-label);color:var(--weiss)}
.ann-band{background:var(--rot);color:var(--weiss);overflow:hidden;padding:var(--rf-s) 0}
.ann-band-lauf{display:flex;width:max-content;animation:ann-band 40s linear infinite}
.ann-band-lauf .hand{height:clamp(22px,2.1vw,40px);width:auto}
@keyframes ann-band{to{transform:translateX(-25%)}}
@media (prefers-reduced-motion:reduce){.ann-band-lauf{animation:none}}
.ann-versprechen{background:var(--weiss);padding:var(--rf-xxl) var(--r-polster)}
.ann-versprechen ul{list-style:none;margin:0 auto;padding:0;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--r-kasten);text-align:center}
@media (min-width:900px){.ann-versprechen ul{display:flex;justify-content:space-between;gap:var(--rf-l)}
  .ann-versprechen b{white-space:nowrap}}
.ann-versprechen b{display:block;font:700 var(--sf-h2)/1.1 Roboto,sans-serif;text-transform:uppercase}
.ann-versprechen span{display:block;font-size:var(--s-label);text-transform:uppercase;margin-top:var(--r-eng)}
.ann-auswahl{text-align:center}
.ann-auswahl .ann-h{width:min(92%,clamp(260px,37vw,720px));margin-bottom:var(--rf-l)}
.ann-seiten{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rf-xxl);max-width:1700px;margin:0 auto}
@media (min-width:900px){.ann-seiten{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ann-seite-karte{display:flex;flex-direction:column;align-items:center}
.ann-seite-bild{display:block;width:100%}
.ann-seite-bild img{display:block;width:100%;height:clamp(240px,24vw,460px);object-fit:contain}
.ann-preis{display:flex;flex-direction:column;gap:var(--r-wort);width:min(100%,390px);background:var(--zart);padding:var(--r-polster) var(--r-kasten) var(--r-kasten);
  text-align:left;color:var(--tinte);text-decoration:none;margin-top:var(--r-zeile)}
.ann-preis b{text-transform:uppercase;font-size:var(--s-label);line-height:1.3}
.ann-preis-dose{font-weight:700;font-size:var(--s-klein)}
.ann-preis-zeile{font-size:var(--s-mikro);color:var(--matt);line-height:1.4}
@media (hover:hover){.ann-preis:hover b{color:var(--rot)}}
.ann-wahl{text-align:center}
.ann-wahl .ann-h{width:min(92%,clamp(260px,32vw,620px));margin-bottom:var(--rf-l)}
.ann-wahl-karten{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rf-s);max-width:1240px;margin:0 auto}
@media (min-width:700px){.ann-wahl-karten{grid-template-columns:repeat(2,minmax(0,580px));justify-content:center}}
.ann-wahl-karte{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--sand);cursor:pointer;
  border:1px solid transparent}
.ann-wahl-karte input{position:absolute;opacity:0;pointer-events:none}
.ann-wahl-karte img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.ann-wahl-text{display:block;padding:var(--r-polster) var(--r-polster) var(--r-kasten)}
.ann-wahl-hand{height:clamp(30px,3.4vw,64px);width:auto;max-width:100%;margin:var(--r-haar) 0 var(--r-zeile)}
.ann-wahl-marke{position:absolute;left:var(--r-polster);top:var(--r-polster);display:none}
.ann-knopf-schwarz{margin-top:var(--r-polster);background:var(--tinte);color:var(--weiss);border-color:var(--tinte)}
.ann-wahl-karte:has(input:checked){border-color:var(--tinte)}
.ann-wahl-karte:has(input:checked) .ann-wahl-marke{display:flex}
.ann-wahl-karte:has(input:checked) .ann-knopf-schwarz{display:none}
.ann-wahl-karte:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}
.ann-wahl-kauf{max-width:560px;margin:var(--rf-xl) auto 0;text-align:left}
.ann-wahl-box{display:none}
.ann-wahl:has(input[value="sparkling"]:checked) .ann-wahl-box[data-fuer="sparkling"],
.ann-wahl:has(input[value="still"]:checked) .ann-wahl-box[data-fuer="still"]{display:block}
.ann-fakten{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--r-kasten);max-width:1100px;margin:0 auto;text-align:left}
@media (min-width:900px){.ann-fakten{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ann-fakt{border-top:1px solid var(--tinte);padding-top:var(--r-paar);display:flex;flex-direction:column;gap:var(--r-zeile)}
.ann-fakt b{font-size:var(--sf-vor)}
.ann-fragen{max-width:960px;margin:0 auto;text-align:left}
.ann-frage{border-bottom:1px solid var(--matt)}
.ann-frage summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--r-polster);
  padding:var(--r-polster) 0;font-weight:700;font-size:var(--sf-vor)}
.ann-frage summary::-webkit-details-marker{display:none}
.ann-frage summary::after{content:"+";font-weight:300;font-size:var(--s-schlag);line-height:1}
.ann-frage[open] summary::after{content:"–"}
.ann-frage p{margin:0 0 var(--r-kasten);max-width:70ch;line-height:1.55}
.ann-sk-bild img{object-fit:contain}
.ann-held-sorte .ann-claim{left:14%;top:max(23%,calc(var(--kopf-unten) + var(--rf-s)));width:42%}
.ann-pure-held{background:var(--marmor);padding-top:var(--r-bruch);padding-bottom:var(--rf-xxxl)}
.kopf-marmor .kopf{background:var(--marmor)}
.ann-pure-held .ann-zwei-bild img{mix-blend-mode:multiply}
.ann-pure-held .ann-zwei-text{text-align:center}
.ann-pure-held .ann-zwei-text .ann-h{margin-inline:auto}
.ann-pure-held .ann-gross{margin-inline:auto;text-align:center}
.ann-produkt{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rf-l);background:var(--weiss);
  padding:var(--rf-xxl) var(--r-polster);align-items:start}
@media (min-width:900px){.ann-produkt{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--rf-xxxl);padding-inline:0}}
.ap-bild{margin:0;display:flex;justify-content:center}
.ap-bild img,.ap-bild video{display:block;width:auto;max-width:100%;height:auto;max-height:min(39vw,78vh,760px)}
@media (max-width:899px){.ap-bild img,.ap-bild video{max-height:62vh}}
@media (min-width:900px){.ap-bild{position:sticky;top:var(--r-kasten)}}
.ap-text{max-width:520px;width:100%;justify-self:center}
@media (min-width:900px){.ap-text,.ap-spalten{justify-self:start}}
.ap-spalten{width:100%;max-width:520px;justify-self:center}
.ap-kaufbox{border:0;padding:0;background:none;box-shadow:none;margin:0}
.ap-preis{margin:0}
.ap-preis b{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:var(--sf-h3)}
.ap-badge{display:inline-block;background:var(--tinte);color:var(--weiss);font-size:var(--s-mikro);font-weight:700;
  letter-spacing:.06em;padding:var(--r-haar) var(--r-zeile);margin:var(--r-eng) 0}
.ap-badge span:first-child{text-transform:uppercase;letter-spacing:.12em}
.ap-klein{font-size:var(--s-mikro);color:var(--tinte);line-height:1.6;margin:var(--r-eng) 0 0}
.ap-klein a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ap-reihe{margin:var(--r-polster) 0 var(--r-paar)}
.ap-menge{display:inline-flex;align-items:center;border:1px solid var(--linie)}
.ap-menge button{width:44px;height:44px;border:0;background:none;font-size:var(--s-klein);cursor:pointer;color:var(--tinte)}
.ap-menge input{width:44px;height:44px;border:0;text-align:center;font:400 var(--s-label) Roboto,sans-serif;-moz-appearance:textfield}
.ap-menge input::-webkit-outer-spin-button,.ap-menge input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ap-knopf{width:100%;background:var(--tinte);color:var(--weiss);letter-spacing:.14em;text-transform:uppercase;border-color:var(--tinte)}
@media (hover:hover){.ap-knopf:hover:not(:disabled){background:var(--rot);border-color:var(--rot)}}
.ap-abo{font-size:var(--s-label);color:var(--matt);margin:var(--r-zeile) 0 0}
.ap-titel{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:var(--sf-h2);line-height:1.05;
  text-transform:uppercase;letter-spacing:.01em;margin:var(--r-paar) 0 var(--r-polster);color:var(--tinte)}
.ap-mini{font-weight:700;font-size:var(--s-mikro);letter-spacing:.2em;text-transform:uppercase;margin:var(--r-polster) 0 var(--r-zeile)}
.ap-sorten{display:flex;flex-wrap:wrap;gap:var(--r-polster)}
.ap-sorte{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--r-eng);
  font-size:var(--s-mikro);font-weight:700;color:var(--tinte);text-decoration:none;cursor:pointer}
.ap-sorte input{position:absolute;opacity:0;pointer-events:none}
.ap-rund{width:68px;height:68px;border-radius:50%;border:1px solid var(--linie);display:grid;place-items:center;
  overflow:hidden;background:var(--weiss)}
.ap-rund img{height:56px;width:auto}
.ap-sorte.an .ap-rund,.ap-sorte:has(input:checked) .ap-rund{border:2px solid var(--rot)}
.ap-sorte:focus-visible .ap-rund{border-color:var(--rot)}@media (hover:hover){.ap-sorte:hover .ap-rund{border-color:var(--rot)}}
.ap-haken{list-style:none;padding:0;margin:var(--r-polster) 0}
.ap-haken li{position:relative;padding-left:var(--r-gruppe);font-weight:700;font-size:var(--s-label);margin:var(--r-zeile) 0}
.ap-haken li::before{content:"✓";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;
  background:var(--tinte);color:var(--weiss);font-size:var(--s-mikro);line-height:18px;text-align:center}
.ann-produkt .kaufbox{border:0;padding:0;background:none;box-shadow:none;margin-top:var(--r-polster)}
.ann-produkt .kaufbox .knopf[data-kaufen]{background:var(--tinte);color:var(--weiss);width:100%;letter-spacing:.14em;text-transform:uppercase}
@media (hover:hover){.ann-produkt .kaufbox .knopf[data-kaufen]:hover{background:var(--rot)}}
.ann-produkt .kb-zwei{display:none}
.ann-produkt .kb-preis b{font-family:Roboto,Arial,sans-serif;font-weight:700}
.ap-paar{border:2px solid var(--tinte);padding:var(--r-polster);margin-top:var(--r-polster)}
.ap-paar-kopf{margin:0 0 var(--r-paar)}
.ap-paar-kopf b{display:block;font-size:var(--s-label);letter-spacing:.08em;text-transform:uppercase}
.ap-paar-kopf span{font-size:var(--s-label);color:var(--matt)}
.ap-paar-reihe{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--r-zeile);align-items:center}
.ap-pack{display:block;background:var(--marmor);padding:var(--r-zeile) var(--r-paar);font-size:var(--s-label);min-height:44px}
.ap-pack span{display:block;font-size:var(--s-mikro);letter-spacing:.12em;text-transform:uppercase;color:var(--matt)}
.ap-pack-wahl{background:var(--weiss);border:1px solid var(--rot);cursor:pointer}
.ap-pack-wahl select{border:0;background:none;font:700 var(--s-label)/1.3 Roboto,sans-serif;width:100%;padding:0;color:var(--tinte)}
.ap-plus{color:var(--rot);font-weight:700;font-size:var(--s-vor)}
.ap-paar-knopf{width:100%;margin-top:var(--r-paar);background:var(--rot);color:var(--weiss);letter-spacing:.14em;text-transform:uppercase}
.ap-paar-fuss{margin:var(--r-zeile) 0 0;font-size:var(--s-label);color:var(--matt);text-align:center}
.ap-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--r-zeile);margin-top:var(--r-polster)}
.ap-kacheln p{margin:0;background:var(--marmor);padding:var(--r-zeile);text-align:center}
.ap-kacheln b{display:block;font-size:var(--s-mikro);letter-spacing:.12em;text-transform:uppercase}
.ap-kacheln span{font-size:var(--s-label);color:var(--matt)}
.ap-logos{display:flex;flex-wrap:wrap;gap:var(--r-eng);justify-content:center;margin:var(--r-paar) 0}
.ap-logos img{height:24px;width:auto}
.ap-beschreibung{border-top:1px solid var(--linie);margin-top:var(--r-polster)}
.ap-beschreibung summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
  padding:var(--r-paar) 0;font-size:var(--s-mikro);letter-spacing:.24em;text-transform:uppercase;min-height:44px}
.ap-beschreibung summary::-webkit-details-marker{display:none}
.ap-beschreibung summary::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.ap-beschreibung[open] summary::after{transform:rotate(225deg)}
.ap-besch{font-size:var(--s-label);padding-bottom:var(--r-polster)}
.ap-besch .dd-titel{font-size:var(--s-klein);margin:var(--r-polster) 0 var(--r-zeile)}
.ap-wahl .ap-kauf,.ap-wahl .ap-bild-wahl{display:none}
.ap-wahl:has(input[value="still-water"]:checked) [data-fuer="still-water"],
.ap-wahl:has(input[value="sparkling-water"]:checked) [data-fuer="sparkling-water"],
.ap-wahl:has(input[value="citrus"]:checked) [data-fuer="citrus"],
.ap-wahl:has(input[value="lime-mint"]:checked) [data-fuer="lime-mint"],
.ap-wahl:has(input[value="pink-grapefruit"]:checked) [data-fuer="pink-grapefruit"]{display:block}
.ap-sorte:has(input:focus-visible) .ap-rund{outline:2px solid var(--rot);outline-offset:2px}
.ann-textkachel .ann-knopf-schwarz{margin-top:var(--rf-l)}
.ann-auf-party{left:5%;top:4%;width:64%}
.tropfen-video{position:absolute;object-fit:contain;pointer-events:none;opacity:0;transition:opacity .4s}
body{background:var(--weiss)}
.sek.sand,.sek.hell{background:var(--weiss)}
.rubrik-kopf{background:var(--weiss);border-bottom:0}
.label{color:var(--rot);letter-spacing:.2em}
.label::after{display:none}
.label a{color:var(--rot)}
.knopf{background:var(--tinte);border-color:var(--tinte);color:var(--weiss);letter-spacing:.14em}
@media (hover:hover){.knopf:hover{background:var(--rot);border-color:var(--rot);color:var(--weiss)}}
.knopf.leer{background:transparent;color:var(--tinte);border-color:var(--tinte)}
@media (hover:hover){.knopf.leer:hover{background:var(--tinte);color:var(--weiss)}}
.abschluss{background:var(--tinte);text-align:center}
.abschluss .wrap{display:flex;flex-direction:column;align-items:center}
.abschluss p{margin-inline:auto}
.abschluss .tasten{justify-content:center}
.abschluss .knopf{background:var(--weiss);color:var(--tinte);border-color:var(--weiss)}
@media (hover:hover){.abschluss .knopf:hover{background:var(--rot);border-color:var(--rot);color:var(--weiss)}}
.abschluss .knopf.leer{background:transparent;color:var(--weiss);border-color:var(--weiss)}
@media (hover:hover){.abschluss .knopf.leer:hover{background:var(--weiss);color:var(--tinte)}}
.abschluss .ab-deko{display:none}
.hand-text{font-family:Roboto,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.gitter > div:has(> .tasten:last-child){display:flex;flex-direction:column}
.gitter > div > .tasten:last-child{margin-top:auto;padding-top:var(--r-polster)}
.w-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rf-l) var(--rf-m);margin-top:var(--rf-l)}
@media (min-width:700px){.w-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.w-raster{grid-template-columns:repeat(4,minmax(0,1fr))}}
.w-karte{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:var(--r-paar);color:var(--tinte);text-decoration:none}
.w-bild{display:block;overflow:hidden;aspect-ratio:4/5;background:var(--marmor)}
.w-bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.w-karte:hover .w-bild img{transform:scale(1.03)}
.w-zahl{margin:var(--r-zeile) 0 0;font-size:var(--s-mikro)}
.w-text{font-size:var(--s-klein);line-height:1.5;color:var(--matt)}
.w-mehr{align-self:end;font-weight:700;font-size:var(--s-mikro);letter-spacing:.2em;text-transform:uppercase;color:var(--tinte);
  border-bottom:1px solid currentColor;justify-self:start;padding-bottom:var(--r-haar)}
.w-karte:hover .w-mehr{color:var(--rot)}
@media (prefers-reduced-motion:reduce){.w-bild img{transition:none}}
.ann-versprechen{padding:var(--rf-xxl) var(--rf-m)}
.ann-versprechen ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rf-m) var(--rf-l);
  max-width:none;margin:0;text-align:left}
.ann-versprechen li{display:grid;grid-template-columns:1.05em minmax(0,1fr);column-gap:var(--r-paar);align-items:center;
  font-size:var(--sf-leiste);min-width:0}
.ann-versprechen li:not(:has(.lv-ico)){grid-template-columns:minmax(0,1fr)}
.ann-versprechen .lv-ico{grid-row:1 / span 2;display:block;font-size:1em;width:1.05em;aspect-ratio:32/40;align-self:center;margin:0}
.ann-versprechen .lv-ico svg{display:block;width:100%;height:100%;color:var(--tinte)}
.ann-versprechen b{display:block;font:700 1em/1 Roboto,sans-serif;text-transform:uppercase;white-space:normal;min-width:0;
  overflow-wrap:break-word}
.ann-versprechen .lv-unter{display:block;font-size:var(--s-klein);font-weight:400;line-height:1;text-transform:uppercase;
  margin-top:var(--r-eng);letter-spacing:0}
@media (min-width:1260px){
  .ann-versprechen{padding-inline:calc(var(--rf-xxxl) + var(--rf-s)) calc(var(--rf-xxxl) * 2)}
  .ann-versprechen ul{display:flex;justify-content:space-between;gap:var(--rf-l)}
  .ann-versprechen li{flex:0 1 auto}
}
.ann-produkt .kaufbox{max-width:none}
.ap-text,.ap-spalten{min-width:0}
@media (min-width:900px){
  .ann-produkt{padding-inline:var(--rf-m) var(--rf-xl);column-gap:var(--rf-xl)}
  .ap-text,.ap-spalten{max-width:510px;justify-self:start}
}
@media (min-width:1400px){.ap-text,.ap-spalten{margin-left:var(--rf-xl)}}
.ann-produkt .kaufbox .ap-paar-knopf{background:var(--rot);border-color:var(--rot);color:var(--weiss)}
@media (hover:hover){.ann-produkt .kaufbox .ap-paar-knopf:hover{background:var(--tinte);border-color:var(--tinte)}}
.ap-pack-wahl select{min-height:44px}
.ann-held-energy .ann-claim{left:8.6%;top:max(27%,calc(var(--kopf-unten) + var(--rf-s)));width:43%}
@media (max-width:759px){
  .ann-held .ann-claim,.ann-held-sorte .ann-claim,.ann-held-energy .ann-claim,
  .ann-held:not(.ann-held-energy):not(.ann-held-sorte) .ann-claim{position:static;width:auto;left:auto;top:auto}
}
.ueber-bild .ann-intro{padding-top:calc(var(--kopf-unten) + var(--rf-s))}
.ueber-bild.kopf-marmor .kopf{background:transparent}
@media (min-width:900px){
  .ueber-bild .ann-intro{min-height:min(56.25vw,100svh);padding-top:var(--kopf-unten)}
  .ann-pure-held .ann-zwei-bild{position:relative;overflow:hidden;aspect-ratio:1413/1800;height:min(47vw,83svh);
    width:auto;max-width:100%;margin-inline:auto}
  .ann-pure-held .ann-zwei-bild img{position:absolute;left:-17.76%;top:-17.06%;width:135.88%;height:auto;max-width:none;max-height:none}
  .ann-pure-held .ann-zwei-text .ann-h{width:min(100%,clamp(240px,28vw,540px))}
  .ann-intro-rand{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
  .ann-intro-rand .ann-zwei-bild{position:relative;overflow:hidden;aspect-ratio:1920/1541}
  .ann-intro-rand .ann-zwei-bild img{position:absolute;left:0;top:-41.01%;width:100%;height:auto;max-height:none}
}
@media (max-width:899px){.ueber-bild .ann-intro{padding-top:calc(var(--kopf-unten) + var(--r-polster))}}
.ann-auswahl{padding-top:var(--r-polster)}
.ann-seite-bild img{height:clamp(260px,33vw,640px)}
.ann-pure-wahl .ann-wahl-marke{display:none}
.ann-pure-wahl [data-gewaehlt] .ann-wahl-marke{display:flex}
.ann-pure-wahl [data-gewaehlt] .ann-knopf-schwarz{display:none}
main:has(input[name="sorte-wahl"]) .ann-pure-wahl .ann-paar .ann-wahl-marke{display:none}
main:has(input[name="sorte-wahl"]) .ann-pure-wahl .ann-paar .ann-knopf-schwarz{display:inline-flex}
main:has(input[name="sorte-wahl"][value="still-water"]:checked) .ann-pure-wahl [data-sorte="still-water"] .ann-wahl-marke,
main:has(input[name="sorte-wahl"][value="sparkling-water"]:checked) .ann-pure-wahl [data-sorte="sparkling-water"] .ann-wahl-marke{display:flex}
main:has(input[name="sorte-wahl"][value="still-water"]:checked) .ann-pure-wahl [data-sorte="still-water"] .ann-knopf-schwarz,
main:has(input[name="sorte-wahl"][value="sparkling-water"]:checked) .ann-pure-wahl [data-sorte="sparkling-water"] .ann-knopf-schwarz{display:none}
.ann-pure-wahl .ann-textkachel .ann-knopf-schwarz{position:absolute;left:var(--rf-xl);bottom:var(--rf-xl);margin:0}
.ann-auf-minze{left:2.5%;top:.7%;width:45.8%}
.fuss-ann .spalten{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rf-l) var(--rf-m)}
.fuss-ann .fuss-marke,.fuss-ann .fuss-kanaele{grid-column:1/-1}
.fuss .fuss-ann .marke-feld{margin:0}
.fuss .fuss-ann .marke-feld img{width:clamp(110px,7.5vw,143px);height:auto}
.fuss .fuss-ann .fuss-titel{font-size:var(--s-label);letter-spacing:.04em;font-weight:700;margin-bottom:var(--r-paar)}
.fuss .fuss-ann a,.fuss .fuss-ann .fuss-einwilligung{font-size:var(--s-label);text-transform:uppercase;letter-spacing:.03em;line-height:1.3}
.fuss .fuss-ann ul.fuss-social{margin:0}
.fuss-claim{display:flex;justify-content:center;margin-top:var(--rf-l)}
.fuss-hand{width:min(86%,380px);color:var(--weiss)}
.fuss-unten{display:flex;flex-direction:column;align-items:flex-start;gap:var(--r-paar);margin-top:var(--rf-l)}
.fuss .fuss-unten .klein{margin:0;padding:0;border:0;font-size:var(--s-mikro);letter-spacing:.06em;text-transform:uppercase;color:var(--weiss)}
.fuss-unten .fuss-leben,.fuss-unten .fuss-sprache{margin:0}
@media (min-width:1100px){
  .fuss-ann{max-width:none;padding-inline:var(--rf-xl)}
  .fuss-ann .spalten{grid-template-columns:minmax(0,254fr) minmax(0,231fr) minmax(0,228fr) minmax(0,295fr) minmax(0,238fr) minmax(0,586fr);
    gap:var(--r-kasten) 0;align-items:start}
  .fuss-ann .fuss-marke,.fuss-ann .fuss-kanaele{grid-column:auto}
  .fuss .fuss-ann a,.fuss .fuss-ann .fuss-einwilligung{min-height:var(--r-kasten)}
  .fuss .fuss-ann a.fuss-widerruf{min-height:var(--r-kasten)}
  .fuss-ann .fuss-kanaele{display:flex;flex-direction:column;align-items:flex-start}
  .fuss-claim{align-self:stretch;justify-content:flex-end;margin-top:var(--rf-xl)}
  .fuss-unten{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin-top:var(--rf-xl)}
  .fuss-unten .fuss-sprache{justify-self:end}
  .fuss .fuss-unten .klein{text-align:center}
}
.shop-hinweis{margin:0 0 var(--r-kasten);font-size:var(--s-klein)}
.shop-hinweis[hidden]{display:none}
.shop-raster .shop-karte{grid-template-columns:minmax(0,1fr)}
.shop-raster .sk-dose{justify-content:center;padding:var(--r-polster) 0 var(--r-zeile)}
.shop-raster .sk-dose img{height:clamp(240px,18vw,340px);width:auto}
.shop-raster .shop-karte.box .sk-dose img{height:auto;width:100%;max-width:320px}
.shop-raster .kb-abo,.shop-raster .kb-frei{display:none}
.shop-raster .shop-karte h2{text-transform:uppercase;font-weight:400;font-size:var(--sf-h3);letter-spacing:.01em}
.bl-zahl{color:var(--tinte)}
.wk-breit{max-width:1240px}
@media (min-width:1100px){
  .wk-spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);column-gap:var(--rf-xxl);align-items:start}
  .wk-rechts{position:sticky;top:var(--r-kasten)}
}
.wk-zeile{grid-template-columns:64px minmax(0,1fr) auto}
.wk-bild{width:64px}
@media (min-width:760px){.wk-zeile{grid-template-columns:64px minmax(0,1fr) auto 110px auto}}
.rk-bild .rb-schrift{width:clamp(240px,23vw,420px);max-width:64%;max-height:none;height:auto;flex:0 0 auto}
.artikel .recht-daten dt{color:var(--rot)}
.recht .artikel h2{font-family:Roboto,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.mf-form input,.mf-form textarea{border-color:var(--matt)}
@media (max-width:899px){.ann-intro-rand .ann-zwei-text{padding-inline:var(--r-polster)}}
@media (max-width:899px){
  :root{--s-mikro:12px}
  html:has(body.mit-kaufleiste){scroll-padding-bottom:calc(var(--leiste-h) + var(--kaufleiste-h) + var(--r-zeile))}
  .ap-menge input,.ap-pack-wahl select{font-size:var(--s-feld)}
  label small{font-size:var(--s-mikro)}
}
.ap-klein,.ann-preis-zeile{font-size:var(--s-label)}
.cta a,.ann-weiter a,p.stand a,.dd-lmu a,.sk-info h2 a,.schritte a{position:relative}
.cta a::after,.ann-weiter a::after,p.stand a::after,.dd-lmu a::after,
.sk-info h2 a::after,.schritte a::after{content:"";position:absolute;left:50%;top:50%;
  width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
:root{--sf-fuss:max(var(--s-label),calc(14 * var(--fx)));--sf-fuss-klein:max(var(--s-mikro),calc(12 * var(--fx)));--fx:calc(100vw / 1920);--sf-ann-label-x:calc(24 * var(--fx));
  --sf-ann-nav:max(var(--s-label),calc(16 * var(--fx)));--sf-ann-zeile:max(var(--s-label),calc(14 * var(--fx)));
  --sf-ann-schwarz-text:max(var(--s-klein),calc(18 * var(--fx)));--sf-ann-plus:calc(40 * var(--fx))}
:root{--vx:0;--vy:0;--vw:0;--vh:0}
.ann-held-start .ann-claim{font-size:inherit;font-weight:inherit;line-height:inherit}
@media (min-width:900px){
  .ann-held.ann-held-start .ann-claim{left:calc(var(--vx,140) * var(--fx));top:calc(var(--vy,205) * var(--fx));width:calc(var(--vw,740) * var(--fx))}
}
.ann-held-pure .ann-pure-text{text-align:center;padding:var(--r-kasten) var(--r-polster) var(--rf-l)}
.ann-held-pure .ann-pure-text .ann-h{width:min(100%,calc(540 * var(--fx)));margin:0 auto}
.ann-held-pure .ann-gross{margin-inline:auto;text-align:center}
@media (max-width:899px){
  .ann-held-pure .ann-held-bild{aspect-ratio:4/5;object-position:14.5% 50%}
  .ann-held-pure .ann-pure-text .ann-h{width:min(100%,420px)}
}
@media (min-width:900px){
  .ann-held-pure .ann-pure-text{position:absolute;inset:0;padding:0}
  .ann-held-pure .ann-label{position:absolute;left:calc(1081 * var(--fx));top:calc(354 * var(--fx));width:calc(505 * var(--fx));margin:0;line-height:1;font-size:var(--sf-ann-label-x)}
  .ann-held-pure .ann-gross{max-width:none;font-size:var(--s-label)}
}
@media (min-width:900px){
  .ann-intro-rand.ann-intro{position:relative;display:block;min-height:0;height:calc(1080 * var(--fx));padding:0;overflow:hidden}
  .ann-intro-rand .ann-zwei-bild{--bild-oben:max(calc(150 * var(--fx)),var(--kopf-unten));position:absolute;left:0;top:var(--bild-oben);
    width:calc(1000 * var(--fx));height:calc(1080 * var(--fx) - var(--bild-oben));aspect-ratio:auto;overflow:hidden}
  .ann-intro-rand .ann-zwei-bild img{position:static;width:calc(917 * var(--fx));height:auto;max-height:none;margin-top:calc(-62 * var(--fx) - var(--bild-oben))}
  .ann-intro-rand .ann-zwei-text{position:absolute;left:calc(1055 * var(--fx));top:calc(404 * var(--fx));width:calc(707 * var(--fx));padding:0}
  .ann-intro-rand .ann-label{font-size:var(--sf-ann-label-x);text-align:center;width:calc(655 * var(--fx))}
  .ann-intro-rand .ann-zwei-text .ann-h.ann-h-frei{position:absolute;margin:0;max-width:none;
    left:calc((var(--vx) - 1055) * var(--fx));top:calc((var(--vy) - 404) * var(--fx));width:calc(var(--vw) * var(--fx))}
  .ann-intro-rand .ann-zwei-text .ann-h{width:100%;margin:0}
}
.ann-versprechen b{overflow-wrap:normal}
.fuss .fuss-ann .fuss-marke img{display:block;width:clamp(110px,7.45vw,143px);height:auto}
.fuss-rechts{display:flex;flex-direction:column;align-items:flex-start;gap:var(--r-paar)}
.fuss .fuss-zahlung{display:flex;flex-wrap:wrap;gap:var(--r-eng);margin:var(--r-polster) 0 0}
.fuss-zahlung img{height:24px;width:auto}
.fuss-versand{display:inline-flex;align-items:center;gap:var(--r-paar);margin-left:var(--r-zeile);padding-left:var(--r-paar);
  border-left:1px solid rgba(255,255,255,var(--w-flaeche))}
.fuss .fuss-versand img{height:15px;width:auto}
@media (min-width:900px){.fuss-rechts{align-items:flex-end;justify-self:end}}
.ann-produkt .ap-bild img{width:min(90vw,800px);max-width:800px;max-height:none}
@media (min-width:900px){.ann-produkt .ap-bild img{width:calc(604 * var(--fx))}}
@media (min-width:1200px){
  .kopf .wrap{padding-left:calc(69 * var(--fx));padding-top:calc(42 * var(--fx));padding-right:calc(74 * var(--fx) - 22px)}
  .kopf .marke img.m-logo{width:calc(227 * var(--fx))}
  .hnav{margin-left:calc(40 * var(--fx));margin-top:calc(3.4 * var(--fx));gap:0;font-size:var(--sf-ann-nav)}
  .hnav>li:nth-child(2){margin-left:calc(52.5 * var(--fx))}
  .hnav>li:nth-child(3){margin-left:calc(60 * var(--fx))}
  .hnav>li:nth-child(4){margin-left:calc(61 * var(--fx))}
  .hnav>li:nth-child(5){margin-left:calc(77.5 * var(--fx))}
  .kopf .konto,.kopf .korb{margin-top:calc(16 * var(--fx) - 22px)}
  .kopf .konto svg,.kopf .korb svg{width:max(18px,calc(26 * var(--fx)));height:max(18px,calc(26 * var(--fx)))}
}
@media (min-width:900px){
  :root{--sf-ann-label-x:max(var(--s-label),calc(20 * var(--fx)))}
  .ann-label{font-size:var(--sf-ann-label-x)}
}
.fuss{position:relative}
@media (min-width:1100px){
  .fuss:has(.fuss-ann){padding:0}
  .fuss-ann{position:relative;display:flex;flex-direction:column;min-height:calc(500 * var(--fx));box-sizing:border-box;
    padding:calc(32 * var(--fx)) 0 calc(31 * var(--fx)) calc(45 * var(--fx))}
  .fuss-ann .spalten{grid-template-columns:calc(253 * var(--fx)) calc(231 * var(--fx)) calc(228 * var(--fx)) calc(294 * var(--fx)) calc(238 * var(--fx)) minmax(0,1fr);
    gap:0;align-items:start}
  .fuss .fuss-ann .fuss-marke img{width:calc(142 * var(--fx))}
  .fuss .fuss-ann .fuss-titel{font-size:var(--sf-fuss);line-height:1;letter-spacing:0;margin:calc(17 * var(--fx)) 0 calc(21 * var(--fx))}
  .fuss .fuss-ann li{line-height:max(calc(25 * var(--fx)),24px);margin:0}
  .fuss .fuss-ann a,.fuss .fuss-ann .fuss-einwilligung{font-size:var(--sf-fuss);min-height:0;letter-spacing:0;line-height:max(calc(25 * var(--fx)),24px)}
  .fuss .fuss-ann .spalten ul:not(.fuss-social) a{display:block}
  .fuss .fuss-ann a.fuss-widerruf{min-height:0}
  .fuss .fuss-ann ul.fuss-social{margin:calc(48 * var(--fx) - 22px) 0 0 calc(12.5 * var(--fx) - 22px);gap:max(0px,calc(48.8 * var(--fx) - 44px));flex-wrap:nowrap}
  .fuss .fuss-ann ul.fuss-social li{line-height:normal}
  .fuss .fuss-ann .fuss-social a{line-height:normal}
  .fuss-ann .fuss-social svg{width:max(18px,calc(25 * var(--fx)));height:max(18px,calc(25 * var(--fx)))}
  .fuss-ann .fuss-kanaele .fuss-sprache{margin:calc(15 * var(--fx)) 0 0;line-height:1}
  .fuss-ann .fuss-kanaele .fuss-sprache a{display:inline-block;font-size:var(--sf-fuss);line-height:1;letter-spacing:0;font-weight:400}
  .fuss .fuss-ann .fuss-kanaele .fuss-zahlung{display:flex;flex-wrap:wrap;gap:calc(7.8 * var(--fx));margin:calc(22 * var(--fx)) 0 0}
  .fuss-ann .fuss-kanaele .fuss-zahlung img{height:max(18px,calc(23 * var(--fx)));width:auto}
  .fuss-ann .fuss-kanaele .fuss-versand img{height:max(12px,calc(15 * var(--fx)))}
  .fuss-ann .fuss-claim{position:absolute;display:block;margin:0;left:calc(var(--vx) * var(--fx));top:calc(var(--vy) * var(--fx));width:calc(var(--vw) * var(--fx))}
  .fuss-ann .fuss-claim .fuss-hand{width:100%;transform:none;margin:0}
  .fuss-ann .fuss-unten{margin:auto 0 0 calc(-45 * var(--fx));padding:calc(24 * var(--fx)) calc(41.6 * var(--fx)) 0;
    display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}
  .fuss .fuss-ann .fuss-unten .klein{font-size:var(--sf-fuss-klein);letter-spacing:0}
}
body:is(:has(main > :is(.abschluss,.ann-schwarz,.sek.dunkel):last-child),:has(main > :is(.abschluss,.ann-schwarz,.sek.dunkel) + script:last-child),:has(main > :is(.abschluss,.ann-schwarz,.sek.dunkel) + script + script:last-child)) .fuss::before{content:"";position:absolute;top:0;
  left:var(--r-polster);right:var(--r-polster);height:max(1px,calc(2 * var(--fx)));background:var(--weiss);pointer-events:none}
@media (min-width:1100px){
  body:is(:has(main > :is(.abschluss,.ann-schwarz,.sek.dunkel):last-child),:has(main > :is(.abschluss,.ann-schwarz,.sek.dunkel) + script:last-child),:has(main > :is(.abschluss,.ann-schwarz,.sek.dunkel) + script + script:last-child)) .fuss::before{left:calc(250 * var(--fx));right:auto;width:calc(1386 * var(--fx))}
}
.display,.t,.rk-titel,.abschluss h2,.karte h2,.karte h3,.shop-karte h2,.dk-name,.ck-titel,.w-titel,.drink-name,
.artikel h2,.artikel h3,.sek.dunkel h2,.zuckerweg h2,.dl-titel,.pr-titel,.kp-titel{
  font-family:Roboto,Arial,sans-serif;font-weight:700;letter-spacing:-.01em}
.artikel h2{font-size:var(--sf-h2);line-height:1.15}
.artikel h3{font-size:var(--sf-h3);line-height:1.25}
.abschluss h2{color:var(--weiss)}
@media (min-width:900px){
  .ann-band{padding-block:calc(20 * var(--fx))}
}
@media (min-width:1200px){
  body:has(.ann-auswahl) .kopf .wrap{padding-bottom:0}
}
@media (min-width:900px){
  .ann-auswahl{position:relative;padding:calc(155 * var(--fx)) 0 calc(2 * var(--fx));min-height:0;text-align:left}
  .ann-auswahl .ann-label{position:absolute;top:calc(4 * var(--fx));left:0;right:0;line-height:1;margin:0;text-align:center}
  .ann-auswahl .ann-h.ann-h-frei{position:absolute;width:calc(var(--vw) * var(--fx));margin:0;top:calc((var(--vy) - 145) * var(--fx));left:calc(var(--vx) * var(--fx))}
  .ann-auswahl .ann-auswahl-zeile{position:absolute;width:calc(680 * var(--fx));margin:0;top:calc(156 * var(--fx));left:calc(604 * var(--fx));z-index:2;
    text-align:center;font-size:var(--sf-ann-zeile);line-height:1.4}
  .ann-auswahl .ann-seiten{position:relative;width:100%;max-width:none;margin:0;padding-top:calc(570 * var(--fx));display:grid;
    grid-template-columns:calc(307 * var(--fx)) calc(399 * var(--fx)) calc(25 * var(--fx)) calc(399 * var(--fx)) calc(27 * var(--fx)) calc(399 * var(--fx)) 1fr;gap:0;align-items:stretch}
  .ann-auswahl .ann-seite-karte{display:contents}
  .ann-auswahl .ann-seite-bild{position:absolute;display:block}
  .ann-auswahl .ann-seite-bild img{width:100%;height:100%;object-fit:cover}
  .ann-auswahl .ann-seite-karte:nth-child(1) .ann-seite-bild{left:calc(223 * var(--fx));top:calc(25 * var(--fx));width:calc(547 * var(--fx));height:calc(561 * var(--fx))}
  .ann-auswahl .ann-seite-karte:nth-child(1) .ann-seite-bild img{object-position:50% 53%}
  .ann-auswahl .ann-seite-karte:nth-child(2) .ann-seite-bild img{object-position:50% 0}
  .ann-auswahl .ann-seite-karte:nth-child(2) .ann-seite-bild{z-index:1}
  .ann-auswahl .ann-seite-karte:nth-child(2) .ann-seite-bild{left:calc(720 * var(--fx));top:0;width:calc(603 * var(--fx));height:calc(564 * var(--fx))}
  .ann-auswahl .ann-seite-karte:nth-child(3) .ann-seite-bild{left:calc(1266 * var(--fx));top:calc(25 * var(--fx));width:calc(369 * var(--fx));height:calc(550 * var(--fx))}
  .ann-auswahl .ann-preis{position:relative;z-index:2;grid-row:1;width:auto;min-height:calc(148 * var(--fx));margin:0;
    padding:calc(19 * var(--fx)) calc(21 * var(--fx)) calc(14 * var(--fx)) calc(23 * var(--fx));text-align:left;align-items:flex-start}
  .ann-auswahl .ann-seite-karte:nth-child(1) .ann-preis{grid-column:2}
  .ann-auswahl .ann-seite-karte:nth-child(2) .ann-preis{grid-column:4}
  .ann-auswahl .ann-seite-karte:nth-child(3) .ann-preis{grid-column:6}
  .ann-auswahl + .ann-versprechen{padding-block:calc(94 * var(--fx)) calc(47 * var(--fx))}
}
.ann-preis-linie{display:block;color:var(--rot);font-weight:700;font-size:var(--s-mikro);letter-spacing:.2em;text-transform:uppercase}
@media (min-width:900px){
  .ann-band{padding-block:calc(21.5 * var(--fx))}
  .ann-auswahl ~ .ann-warum-dose{min-height:calc(627 * var(--fx));padding:calc(104 * var(--fx)) 0 0;box-sizing:border-box;text-align:left}
  .ann-auswahl ~ .ann-warum-dose .ann-label{line-height:1;margin:0 0 0 calc(684 * var(--fx));width:calc(505 * var(--fx));text-align:center}
  .ann-auswahl ~ :is(.ann-warum-dose,.ann-gut-zu-wissen) .ann-h-frei{width:calc(var(--vw) * var(--fx));max-width:none;
    margin:calc((var(--vy) - var(--sh-oben)) * var(--fx)) 0 0 calc(var(--vx) * var(--fx))}
  .ann-auswahl ~ .ann-warum-dose .ann-h-frei{--sh-oben:1991}
  .ann-auswahl ~ .ann-warum-dose p.ann-text{width:calc(505 * var(--fx));max-width:none;text-align:center;font-size:var(--sf-ann-schwarz-text);line-height:1.5;
    margin:calc((2306 - var(--vy) - var(--vh)) * var(--fx)) 0 0 calc(684 * var(--fx))}
  .ann-auswahl ~ .ann-gut-zu-wissen{min-height:calc(746 * var(--fx));padding:0 0 calc(64 * var(--fx));box-sizing:border-box;text-align:left}
  .ann-auswahl ~ .ann-gut-zu-wissen .ann-label{line-height:1;margin:0 0 0 calc(715 * var(--fx));width:calc(505 * var(--fx));text-align:center}
  .ann-auswahl ~ .ann-gut-zu-wissen .ann-h-frei{--sh-oben:2514}
  .ann-auswahl ~ .ann-gut-zu-wissen .ann-fragen{width:calc(973 * var(--fx));max-width:none;margin:calc((2730 - var(--vy) - var(--vh)) * var(--fx)) 0 0 calc(477 * var(--fx))}
  .ann-auswahl ~ .ann-gut-zu-wissen .ann-frage summary{font-size:var(--sf-ann-schwarz-text);padding-block:calc(16 * var(--fx));min-height:44px;box-sizing:border-box}
  .ann-auswahl ~ .ann-gut-zu-wissen .ann-frage summary::after{font-size:var(--sf-ann-plus)}
}
@media (min-width:900px){
  .ann-schwarz-charakter{position:relative;min-height:calc(564 * var(--fx));padding:calc(61 * var(--fx)) 0 0;box-sizing:border-box}
  .ann-schwarz-charakter .ann-label{line-height:1;margin:0}
  .ann-schwarz-charakter .ann-schwarz-hand{width:calc(1008 * var(--fx));margin:calc(42 * var(--fx)) auto 0}
  .ann-schwarz-charakter svg.ann-schwarz-hand[style*="--vw"]{position:absolute;top:calc(var(--vy) * var(--fx));left:calc(var(--vx) * var(--fx));margin:0}
  .ann-schwarz-charakter .ann-text{position:absolute;top:calc(424 * var(--fx));left:calc(681 * var(--fx));width:calc(606 * var(--fx));max-width:none;margin:0;
    font-size:var(--sf-ann-schwarz-text);line-height:1.5}
  .ann-schwarz-charakter:lang(en) .ann-text{top:calc(440 * var(--fx))}
}
.ann-dose-unten{position:absolute;left:var(--rf-xl);right:var(--rf-xl);bottom:var(--rf-xl);display:flex;flex-direction:column;align-items:flex-start;gap:var(--r-polster)}
.ann-dose-unten .ann-unten{position:static;max-width:none;margin:0}
.ann-sorte-knopf{margin:0}
@media (max-width:899px){
  .ann-dose{aspect-ratio:auto}
  .ann-dose img{height:auto;aspect-ratio:960/900;padding:6% 18% 0}
  .ann-dose-unten{position:static;padding:var(--r-polster) var(--rf-xl) var(--rf-xl)}
}
@media (min-width:900px){
  .ann-dose-unten{left:calc(54 * var(--fx));right:auto;bottom:calc(56 * var(--fx));gap:calc(25 * var(--fx));width:calc(504 * var(--fx))}
  .ann-dose .ann-unten{font-size:var(--s-klein);line-height:1.15;letter-spacing:0}
}
.text-foto{margin:var(--pr-block) 0;aspect-ratio:16/9;overflow:hidden;background:var(--marmor)}
.text-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
@media (min-width:900px){
  .ann-held-sorte.ann-held-citrus .ann-claim{left:calc(217 * var(--fx));top:calc(200 * var(--fx));width:calc(1117 * var(--fx))}
}
@media (min-width:900px){
  .ann-held-sorte.ann-held-pink-grapefruit .ann-claim{left:calc(217 * var(--fx));top:calc(250 * var(--fx));width:calc(820 * var(--fx))}
  .ann-held-sorte.ann-held-lime-mint .ann-claim{left:calc(223 * var(--fx));top:calc(277 * var(--fx));width:calc(1000 * var(--fx))}
}
@media (min-width:900px){
  .ann-held.ann-held-energy .ann-claim{left:calc(179 * var(--fx));top:calc(290 * var(--fx));width:calc(830 * var(--fx))}
}
@media (min-width:900px){
  .ann-pure-wahl [data-sorte="still-water"] .ann-foto img{object-position:25% 50%}
  .ann-pure-wahl [data-sorte="sparkling-water"] .ann-foto img{object-position:74% 50%}
  .ann-pure-wahl .ann-textkachel .ann-klein{max-width:calc(460 * var(--fx))}
}
@media (min-width:900px){
  .ann-textkachel .ann-kachel-hand[style*="--hb"]{width:calc(var(--hb) * var(--hz) * var(--fx));max-width:none;
    transform:rotate(var(--hdreh))}
}
.ann-auf-party-citrus{left:3%;top:4.5%;width:88%;transform:rotate(-4deg);transform-origin:0 0}
.klein-bleibt{text-transform:none}
.ann-textkachel .ann-kachel-hand{--hb:1;--hz:140;--hdreh:0deg}
.rk-innen.mit-hand{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}
.rk-bild.rk-hand{justify-content:center}
.rk-hand .rk-claim{width:min(100%,clamp(280px,34vw,640px));color:var(--tinte)}
@media(max-width:860px){
  .rk-innen.mit-hand{grid-template-columns:minmax(0,1fr);gap:var(--r-kasten)}
  .rk-bild.rk-hand{order:0;justify-content:flex-start}
  .rk-hand .rk-claim{width:min(92%,440px)}
}
.mag .label{font-size:var(--s-label)}
@media (min-width:900px){.mag .label{font-size:var(--sf-ann-label-x)}}
.mag .rk-zahl{border:0;background:none;padding:0;font-size:var(--s-label);font-weight:700;letter-spacing:.2em;
  text-transform:uppercase;color:var(--tinte)}
.mag .rk-zahl b{font-size:inherit;color:inherit}
.mag .rk-zahl a{display:inline-flex;align-items:center;gap:var(--r-zeile);border-bottom:1px solid currentColor;min-height:44px;box-sizing:border-box}
.mag .rk-zahl a::after{opacity:1}
.mag-raster .ck-mehr{align-self:flex-start;color:var(--tinte);font-size:var(--s-mikro);letter-spacing:.2em;
  border-bottom:1px solid currentColor;padding-bottom:var(--r-haar);margin-top:auto}
.mag-raster .c-karte:hover .ck-mehr,.mag-raster .c-karte:focus-visible .ck-mehr{color:var(--rot)}
.artikel .mag-fragen{border-top:1px solid var(--matt);margin-top:var(--r-kasten)}
.artikel .mag-frage{border-bottom:1px solid var(--matt);padding:var(--r-polster) 0}
.artikel .mag-frage h3{margin:0 0 var(--r-zeile);font-size:var(--s-vor)}
.artikel .mag-frage > :last-child{margin-bottom:0}
.rk-hand .rk-claim{max-height:min(30vw,420px)}
@media(max-width:860px){.rk-hand .rk-claim{max-height:none}}
.rubrik-kopf.mag ~ .sek .ivz-kopf{color:var(--rot)}
.ann-flav-reihe{display:grid;gap:var(--rf-xl);padding:var(--rf-xl) var(--r-polster);text-align:center}
.fr-sorte{display:flex;flex-direction:column;align-items:center}
.fr-sorte .ann-label{margin:0}
.fr-name{margin:var(--r-paar) 0 0;width:min(100%,var(--fr-hb-m,60vw))}
.fr-name svg{display:block;width:100%;height:auto}
.fr-dose{display:block;width:min(70vw,340px);height:auto}
.fr-text{margin:0;max-width:34em;font-size:var(--s-klein);line-height:1.3;text-transform:uppercase}
.fr-sorte .ann-sorte-knopf{margin-top:var(--r-polster)}
.fr-pink-grapefruit{--fr-c:448;--fr-d:466;--fr-k:471;--fr-dw:472;--fr-dy:274;--fr-hb-m:78vw}
.fr-citrus{--fr-c:977;--fr-d:980;--fr-k:991;--fr-dw:480;--fr-dy:263;--fr-hb-m:40vw}
.fr-lime-mint{--fr-c:1475;--fr-d:1476;--fr-k:1480;--fr-dw:480;--fr-dy:262;--fr-hb-m:48vw}
@media (min-width:900px){
  .ann-flav-reihe{position:relative;display:block;height:calc(1119 * var(--fx));padding:0}
  .fr-sorte{display:contents}
  .fr-sorte > *{position:absolute;margin:0}
  .fr-sorte .ann-label{top:calc(135 * var(--fx));left:calc((var(--fr-c) - 252.5) * var(--fx));width:calc(505 * var(--fx));line-height:1;text-align:center}
  .fr-name{top:calc(var(--vy) * var(--fx));left:calc(var(--vx) * var(--fx));width:calc(var(--vw) * var(--fx))}
  .fr-dose{top:calc(var(--fr-dy) * var(--fx));left:calc((var(--fr-d) - var(--fr-dw) / 2) * var(--fx));width:calc(var(--fr-dw) * var(--fx))}
  .fr-text{top:calc(960 * var(--fx));left:calc((var(--fr-c) - 252.5) * var(--fx));width:calc(505 * var(--fx));max-width:none;
    font-size:var(--sf-ann-zeile);line-height:1.15}
  .fr-sorte .ann-sorte-knopf{top:calc(1020 * var(--fx));left:calc(var(--fr-k) * var(--fx));transform:translateX(-50%);margin:0}
  .fr-name{z-index:1}
  
  .ann-flav-warum{min-height:calc(627 * var(--fx));padding:calc(104 * var(--fx)) 0 calc(64 * var(--fx));box-sizing:border-box;text-align:left}
  .ann-flav-warum .ann-label{line-height:1;margin:0 0 0 calc(717 * var(--fx));width:calc(505 * var(--fx));text-align:center}
  :is(.ann-flav-warum,.ann-flav-fragen) .ann-h-frei{width:calc(var(--vw) * var(--fx));max-width:none;
    margin:calc((var(--vy) - var(--sh-oben)) * var(--fx)) 0 0 calc(var(--vx) * var(--fx))}
  .ann-flav-warum .ann-h-frei{--sh-oben:1999}
  .ann-flav-warum p.ann-text{width:calc(505 * var(--fx));max-width:none;text-align:center;font-size:var(--sf-ann-schwarz-text);line-height:1.5;
    margin:calc((2306 - var(--vy) - var(--vh)) * var(--fx)) 0 0 calc(713 * var(--fx))}
  .ann-flav-fragen{min-height:calc(769 * var(--fx));padding:0 0 calc(64 * var(--fx));box-sizing:border-box;text-align:left}
  .ann-flav-fragen .ann-label{line-height:1;margin:calc(-3 * var(--fx)) 0 0 calc(728 * var(--fx));width:calc(505 * var(--fx));text-align:center}
  .ann-flav-fragen .ann-h-frei{--sh-oben:2523}
  .ann-flav-fragen .ann-fragen{width:calc(973 * var(--fx));max-width:none;margin:calc((2731 - var(--vy) - var(--vh)) * var(--fx)) 0 0 calc(477 * var(--fx))}
  .ann-flav-fragen .ann-frage summary{font-size:var(--sf-ann-schwarz-text);padding-block:calc(16 * var(--fx));min-height:44px;box-sizing:border-box}
  .ann-flav-fragen .ann-frage summary::after{font-size:var(--sf-ann-plus)}
}
:root{--cx:960;--cy:0;--b:800;--hh:70;--lt:0;--kopf:0;--sf-su-zahl:56px;--sf-su-wort:40px;--sf-su-titel:20px;--sf-su-text:16px;--sf-su-tab:15px;--sf-su-preis:44px}
.su{position:relative;background:var(--weiss);padding:var(--rf-xxl) var(--r-polster);text-align:center}
.su .ann-label{margin:0 0 var(--r-paar)}
.su-h{display:block;margin:0 auto var(--rf-l);max-width:100%;height:calc(var(--hh) * .42px)}
.su-h .hand{display:block;margin:0 auto;max-width:100%;height:100%;width:auto}
.su-h .hand:not(:has(g[transform*="rotate"])){transform:rotate(-3.24deg)}
.su-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1600px;margin:0 auto;text-align:left;
  border:1px solid var(--linie)}
.su-fakt{display:flex;flex-direction:column;padding:var(--r-polster);border-right:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.su-fakt:nth-child(2n){border-right:0}
.su-fakt:nth-child(n+3){border-bottom:0}
.su-zahl{font:700 var(--sf-su-zahl)/1 Roboto,sans-serif;color:var(--rot);letter-spacing:0}
.su-zahl.su-wort{font-size:var(--sf-su-wort);line-height:1.4;text-transform:uppercase}
.su-fakt-titel{font:700 var(--sf-su-titel)/1 Roboto,sans-serif;margin-top:var(--r-paar)}
.su-fakt span{font-size:var(--sf-su-text);line-height:1.35;margin-top:var(--r-zeile)}
.su-tabelle{border-collapse:collapse;margin:0 auto;width:min(100%,628px);font-size:var(--sf-su-tab)}
.su-tabelle.su-drei{width:min(100%,923px)}
.su-tabelle thead th{font-size:var(--s-label);font-weight:600;color:var(--matt);letter-spacing:.1em;text-transform:uppercase;
  padding:var(--r-polster) var(--r-paar);vertical-align:middle;text-align:center}
.su-tabelle .su-wir{background:var(--sand);text-align:center}
.su-tabelle thead .su-wir{background:var(--rot);color:var(--weiss);font-weight:700}
.su-tabelle tbody th{text-align:left;font-weight:700;font-size:var(--s-label);padding:var(--r-polster) var(--r-paar) var(--r-polster) var(--r-eng)}
.su-tabelle td{text-align:center;padding:var(--r-polster) var(--r-paar)}
.su-tabelle tbody tr{border-bottom:1px solid var(--linie)}
.su-tabelle td .su-ja,.su-tabelle td .su-nein{width:1em;height:1em;vertical-align:-.12em}
.su-bandzeile{background:var(--weiss);padding-top:var(--rf-xxl)}
.su-karten{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rf-s);max-width:991px;margin:0 auto;text-align:left}
.su-karte{background:var(--sand);padding:var(--r-kasten)}
.su-karte h3{margin:0 0 var(--r-zeile);font:700 var(--s-label)/1.2 Roboto,sans-serif;text-transform:uppercase;letter-spacing:0}
.su-karte ul{list-style:none;margin:0;padding:0}
.su-karte li{display:flex;align-items:center;gap:var(--r-paar);padding:var(--r-paar) 0;border-bottom:1px solid var(--linie);
  font-size:var(--sf-su-text);line-height:1.35}
.su-karte li:last-child{border-bottom:0}
.su-karte .su-ja{flex:none;width:1em;height:1em;color:var(--rot)}
.su-karte .su-nein{flex:none;width:.85em;height:.85em;color:var(--tinte)}
.su-hinweis{max-width:991px;margin:var(--rf-m) auto 0;padding:var(--r-polster) var(--r-kasten);background:var(--sand);
  border-left:4px solid var(--rot);text-align:left;font-size:var(--s-label);line-height:1.5}
.su-warum .su-frei,.su-fragen .su-frei{margin:0 auto var(--rf-l);width:min(100%,360px)}
.su-frei .hand{display:block;width:100%;height:auto}
.su-text{max-width:505px;margin:0 auto;font-weight:700;font-size:var(--sf-su-text);line-height:1.5}
.su-range-reihe{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rf-l);max-width:820px;margin:0 auto}
.su-range-karte{display:flex;flex-direction:column;align-items:center}
.su-range-bild{display:block;width:min(70%,300px)}
.su-range-bild img{display:block;width:100%;height:auto}
.su-range .ann-preis{width:min(100%,396px);text-align:left;align-items:flex-start}
.su-fragen .ann-fragen{margin-top:var(--rf-m)}
.su-schluss{position:relative}
.su-preis-dose{margin:var(--rf-s) 0 0;font:700 var(--sf-su-preis)/1 Roboto,sans-serif;color:var(--rot);letter-spacing:-.01em}
.su-preis-zeile{margin:var(--rf-s) auto 0;max-width:520px;font-size:var(--s-label);line-height:1.5;color:var(--weiss)}
.su-knopf{margin-top:var(--rf-m);background:var(--rot);border-color:var(--rot);color:var(--weiss)}
@media (hover:hover){.su-knopf:hover{background:var(--tinte);border-color:var(--weiss)}}
.su-quer .ann-foto .su-waehle{position:absolute;left:var(--rf-s);bottom:var(--rf-s);z-index:1;margin:0}
.ann-textkachel .su-marke{left:var(--rf-s);top:var(--rf-s)}
.ann-paare:not(.ann-pure-wahl) .su-marke{display:flex}
@media (min-width:600px){
  .su-raster{grid-template-columns:repeat(4,minmax(0,1fr))}
  .su-fakt{border-bottom:0}
  .su-fakt:nth-child(2n){border-right:1px solid var(--linie)}
  .su-fakt:last-child{border-right:0}
  .su-karten{grid-template-columns:repeat(2,minmax(0,1fr))}
  .su-range-reihe{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  :root{--sf-su-zahl:calc(130 * var(--fx));--sf-su-wort:calc(90 * var(--fx));--sf-su-titel:max(var(--s-klein),calc(24 * var(--fx)));
    --sf-su-text:max(var(--s-klein),calc(16 * var(--fx)));--sf-su-tab:max(var(--s-label),calc(16 * var(--fx)));
    --sf-su-preis:calc(120 * var(--fx));--sf-su-knopf:max(var(--s-mikro),calc(12 * var(--fx)))}
  .su{padding:calc(var(--kopf) * var(--fx)) 0 0;text-align:left}
  :is(.su,.su-schluss) .ann-label{position:absolute;left:0;right:0;top:calc(var(--lt) * var(--fx));margin:0;line-height:1;text-align:center}
  .su-h{position:absolute;margin:0;left:calc(var(--cx) * var(--fx));top:calc(var(--cy) * var(--fx));
    width:max-content;max-width:none;height:calc(var(--hh) * var(--fx));transform:translate(-50%,-50%)}
  
  .su-h:not(:has(g[transform*="rotate"])){top:calc((var(--cy) + 16) * var(--fx))}
  .su-fakten{--kopf:421;--lt:231}
  .su-raster{width:calc(1600 * var(--fx));max-width:none;margin:0 0 0 calc(160 * var(--fx));min-height:calc(263 * var(--fx));box-sizing:border-box}
  .su-fakt{padding:calc(21 * var(--fx)) calc(30 * var(--fx)) calc(24 * var(--fx)) calc(54 * var(--fx));justify-content:flex-start}
  .su-zahl{line-height:calc(140 / 130)}
  .su-zahl.su-wort{line-height:calc(140 / 90)}
  .su-fakt-titel{margin-top:calc(-3 * var(--fx))}
  .su-fakt span{margin-top:calc(12 * var(--fx));line-height:1.35}
  .su-vergleich{--kopf:338;--lt:130}
  .su-tabelle{width:calc(628 * var(--fx));margin:0 auto}
  .su-tabelle.su-drei{width:calc(923 * var(--fx));margin:0 0 0 calc(524 * var(--fx))}
  .su-tabelle tr>:first-child{width:calc(299 * var(--fx))}
  .su-tabelle .su-wir{width:calc(329 * var(--fx))}
  .su-tabelle thead th,.su-tabelle thead td{height:calc(75 * var(--fx));padding:0 calc(12 * var(--fx));box-sizing:border-box}
  .su-tabelle tbody th,.su-tabelle tbody td{height:calc(72 * var(--fx));padding:0 calc(6 * var(--fx));box-sizing:border-box}
  .su-bandzeile{padding-top:calc(162 * var(--fx))}
  .su-drin{--kopf:350;--lt:123}
  .su-energy.su-fakten{--kopf:308;--lt:118}
  .su-energy.su-vergleich{--kopf:380;--lt:174}
  .su-energy.su-drin{--kopf:426;--lt:199}
  .su-energy.su-range{--kopf:395;--lt:190}
  .su-pure.su-fakten{--kopf:306;--lt:116}
  .su-pure.su-drin{--kopf:318;--lt:90}
  .su-karten{width:calc(991 * var(--fx));max-width:none;margin:0 0 0 calc(480 * var(--fx));gap:calc(22 * var(--fx))}
  .su-karte{padding:calc(32 * var(--fx)) calc(28 * var(--fx)) calc(18 * var(--fx)) calc(30 * var(--fx))}
  .su-karte h3{margin-bottom:calc(8 * var(--fx))}
  .su-karte li{min-height:calc(72 * var(--fx));padding:0;box-sizing:border-box;gap:calc(18 * var(--fx))}
  .su-hinweis{width:calc(991 * var(--fx));max-width:none;box-sizing:border-box;margin:calc(43 * var(--fx)) 0 0 calc(480 * var(--fx));
    min-height:calc(69 * var(--fx));padding:calc(20 * var(--fx)) calc(30 * var(--fx))}
  
  .su-warum{--kopf:0;--lt:124;min-height:calc(496 * var(--fx));padding:calc(var(--vy,0) * var(--fx)) 0 calc(48 * var(--fx));box-sizing:border-box}
  .su-warum .su-frei{position:relative;margin:0 0 0 calc(var(--vx) * var(--fx));width:calc(var(--vw) * var(--fx))}
  .su-warum .su-text{position:static;margin:calc(57 * var(--fx)) auto 0;width:calc(505 * var(--fx));max-width:none;
    text-align:center;font-size:var(--sf-ann-schwarz-text);line-height:1.5}
  .su-warum-zeile{--lt:225;min-height:calc(468 * var(--fx));padding-top:calc(414 * var(--fx))}
  .su-warum-zeile .su-text{margin-top:0}
  .su-range{--kopf:360;--lt:155}
  .su-range-reihe{width:calc(820 * var(--fx));max-width:none;margin:0 0 0 calc(574 * var(--fx));gap:calc(28 * var(--fx));grid-template-columns:repeat(2,calc(396 * var(--fx)))}
  .su-range-bild{width:calc(416 * var(--fx));margin-left:calc(-7 * var(--fx))}
  .su-range .ann-preis{width:100%;min-height:calc(146 * var(--fx));margin:0;box-sizing:border-box;
    padding:calc(19 * var(--fx)) calc(21 * var(--fx)) calc(14 * var(--fx)) calc(23 * var(--fx))}
  .su-fragen{--kopf:356;--lt:137;padding-bottom:calc(152 * var(--fx))}
  .su-fragen .su-frei{position:absolute;margin:0;left:calc(var(--vx) * var(--fx));top:calc(var(--vy) * var(--fx));width:calc(var(--vw) * var(--fx))}
  .su-fragen .ann-fragen{width:calc(963 * var(--fx));max-width:none;margin:0 0 0 calc(499 * var(--fx))}
  .su-fragen .ann-frage summary{font-size:var(--sf-ann-schwarz-text);padding-block:calc(16 * var(--fx));min-height:44px;box-sizing:border-box}
  .su-fragen .ann-frage summary::after{font-size:var(--sf-ann-plus)}
  
  .su-schluss{--kopf:0;--lt:54;min-height:calc(538 * var(--fx));padding:calc(196 * var(--fx)) var(--r-polster) calc(72 * var(--fx));box-sizing:border-box}
  .su-schluss .su-preis{position:static}
  .su-preis-dose{margin:0;line-height:calc(192 / 120);text-align:center}
  .su-preis-zeile{width:min(100%,max(calc(504 * var(--fx)),34em));max-width:none;margin:calc(-20 * var(--fx)) auto 0;font-size:var(--sf-ann-zeile);line-height:1.4;text-align:center}
  .su-knopf{display:flex;margin:calc(32 * var(--fx)) auto 0}
  .su-quer .ann-foto .su-waehle{left:calc(46 * var(--fx));bottom:calc(37 * var(--fx))}
  .ann-paare:not(.ann-pure-wahl) .ann-textkachel .ann-klein{max-width:calc(504 * var(--fx))}
  .ann-textkachel .su-marke{left:calc(47 * var(--fx));top:calc(37 * var(--fx))}
}
:root{--sf-b2b-vor:var(--s-klein);--sf-b2b-karte:var(--s-klein)}
.b2b-held{position:relative;background:var(--marmor);overflow:hidden;text-align:center;padding:calc(var(--kopf-unten) + var(--rf-s)) var(--r-polster) var(--rf-xl)}
.b2b-grund{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.b2b-held > :not(.b2b-grund){position:relative;z-index:1}
.b2b-arm{display:block;width:44%;height:auto}
.b2b-arm-links{float:left}
.b2b-arm-rechts{float:right;width:38%;margin-top:var(--rf-m)}
.b2b-held-text{clear:both;padding-top:var(--rf-m)}
.b2b-claim-h{margin:0;font:inherit}
.b2b-claim{display:block;width:min(100%,calc(674 * var(--fx) + 220px));height:auto;margin:var(--r-paar) auto 0}
.b2b-vor{margin:var(--r-zeile) auto 0;max-width:34em;font-size:var(--sf-b2b-vor);line-height:1.5;text-transform:uppercase}
.b2b-tasten{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--r-paar);margin-top:var(--rf-s)}
.b2b-rot{background:var(--rot);border-color:var(--rot);color:var(--weiss)}
.b2b-rot:hover,.b2b-rot:focus-visible{background:var(--tinte);border-color:var(--tinte);color:var(--weiss)}
.b2b-leiste{background:transparent;margin-top:var(--rf-l);padding-inline:0}
.b2b-unter{margin:0 auto var(--rf-m);font:700 var(--s-label)/1.3 Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.b2b-schritte{background:var(--tinte);color:var(--weiss)}
.b2b-schritte .su-fakt{border-color:var(--matt)}
.b2b-schritte .su-fakt h3{margin:0;color:var(--weiss);text-transform:uppercase}
.b2b-schritte .was{color:var(--weiss);font-size:var(--sf-su-text);line-height:1.45;margin:var(--r-zeile) 0 0}
.b2b-schritte .tasten{margin-top:auto;padding-top:var(--r-polster)}
.b2b-schritte .knopf.leer{color:var(--tinte);border-color:var(--weiss);background:var(--weiss)}
.b2b-schritte .knopf.leer:focus-visible{background:var(--rot);border-color:var(--rot);color:var(--weiss)}@media (hover:hover){.b2b-schritte .knopf.leer:hover{background:var(--rot);border-color:var(--rot);color:var(--weiss)}}
.b2b-raster-drei{grid-template-columns:minmax(0,1fr)}
.b2b-raster-drei .su-fakt{border-right:0;border-bottom:1px solid var(--matt)}
.b2b-raster-drei .su-fakt:last-child{border-bottom:0}
.b2b-kontakt{background:var(--weiss);text-align:center;padding:var(--rf-xxl) var(--r-polster)}
.b2b-kontakt .ann-label{margin:0 0 var(--rf-m)}
.b2b-karte{width:min(100%,calc(612 * var(--fx) + 120px));margin:0 auto;padding:var(--r-paar);background:var(--sand);border-radius:var(--rf-l);box-sizing:border-box}
.b2b-karte-innen{border:1px solid var(--rot);border-radius:var(--rf-m);background:var(--marmor);padding:var(--rf-l) var(--r-polster);
  display:flex;flex-direction:column;align-items:center}
.b2b-karte-logo{display:block;width:min(60%,calc(234 * var(--fx) + 60px));height:auto}
.b2b-karte-hand{display:block;width:min(88%,calc(435 * var(--fx) + 120px));height:auto;margin:var(--rf-m) auto var(--rf-l)}
.b2b-karte-titel{margin:0;font:700 var(--sf-b2b-karte)/1.3 Roboto,sans-serif;text-transform:uppercase}
.b2b-karte-unter{margin:var(--r-eng) 0 0;font-size:var(--s-label)}
.b2b-karte-linie{display:block;width:calc(196 * var(--fx) + 40px);height:2px;background:var(--rot);margin:var(--r-polster) auto}
.b2b-karte-mail{margin:0;font-size:var(--s-label)}
.b2b-karte-tasten{display:flex;flex-direction:column;align-items:center;gap:var(--r-paar);margin-top:var(--r-polster)}
.b2b-foto{background:var(--marmor)}
.b2b-foto-bild{display:block;width:100%;height:auto;aspect-ratio:1920/1084;object-fit:cover;object-position:62% 50%}
.b2b-schluss .ann-text a{color:var(--weiss)}
.b2b-schluss .knopf.leer{color:var(--weiss);border-color:transparent;background:transparent;box-shadow:inset 0 0 0 1px var(--weiss)}
.b2b-schluss .knopf.leer:focus-visible{background:var(--weiss);border-color:var(--weiss);color:var(--tinte)}@media (hover:hover){.b2b-schluss .knopf.leer:hover{background:var(--weiss);border-color:var(--weiss);color:var(--tinte)}}
.b2b-schluss .b2b-unter{margin-top:var(--rf-m)}
@media (min-width:900px){
  .b2b-held{height:calc(1080 * var(--fx));padding:0;box-sizing:border-box}
  .b2b-arm{position:absolute;float:none;margin:0}
  .b2b-held > .b2b-arm{position:absolute}
  .b2b-arm-links{left:0;top:calc(180 * var(--fx));width:calc(577 * var(--fx));height:calc(838 * var(--fx))}
  .b2b-arm-rechts{left:calc(1426 * var(--fx));top:calc(216 * var(--fx));width:calc(502 * var(--fx));height:calc(676 * var(--fx))}
  .b2b-held > .b2b-held-text{position:absolute;left:50%;top:calc(350 * var(--fx));width:calc(760 * var(--fx));transform:translateX(-50%);padding:0}
  .b2b-claim{width:calc(674 * var(--fx));margin-top:calc(22 * var(--fx))}
  :root{--sf-b2b-vor:max(var(--s-label),calc(14 * var(--fx)));--sf-b2b-karte:max(var(--s-klein),calc(20 * var(--fx)))}
  .b2b-claim{position:relative;width:calc(var(--vw) * var(--fx));max-width:none;margin:calc((var(--vy) - 387) * var(--fx)) 0 0;
    left:calc((var(--vx) - 960) * var(--fx) + 50%)}
  .b2b-vor{margin-top:calc(30 * var(--fx))}
  .b2b-tasten{margin-top:calc(26 * var(--fx))}
  .b2b-held > .b2b-leiste{position:absolute;left:0;right:0;top:calc(905 * var(--fx));margin:0}
  .b2b-leiste ul{display:grid;grid-template-columns:calc(311 * var(--fx)) calc(359 * var(--fx)) calc(373 * var(--fx)) auto;
    width:calc(1340 * var(--fx));margin:0 0 0 calc(281 * var(--fx));gap:0;justify-content:start}
  .b2b-schritte .su-fakt h3{text-transform:uppercase}
  .b2b-fakten{--kopf:324;--lt:128;padding-bottom:calc(161 * var(--fx))}
  .b2b-fakten .su-raster{min-height:calc(292 * var(--fx))}
  .b2b-schritte{--kopf:275;--lt:60;padding-bottom:calc(129 * var(--fx))}
  .b2b-schritte .b2b-unter{position:absolute;left:0;right:0;top:calc(212 * var(--fx));margin:0;text-align:center}
  .b2b-schritte:lang(en) .b2b-unter{top:calc(236 * var(--fx))}
  .b2b-raster-drei{grid-template-columns:repeat(3,minmax(0,1fr));min-height:calc(319 * var(--fx));border:1px solid var(--matt)}
  .b2b-raster-drei .su-fakt{border-bottom:0;border-right:1px solid var(--matt)}
  .b2b-raster-drei .su-fakt:last-child{border-right:0}
  .b2b-kontakt{padding:calc(179 * var(--fx)) 0 calc(190 * var(--fx))}
  .b2b-kontakt .ann-label{margin-bottom:calc(64 * var(--fx))}
  .b2b-karte{width:calc(612 * var(--fx));padding:calc(14 * var(--fx));border-radius:calc(56 * var(--fx))}
  .b2b-karte-innen{border-radius:calc(44 * var(--fx));padding:calc(66 * var(--fx)) calc(40 * var(--fx)) calc(120 * var(--fx))}
  .b2b-karte-logo{width:calc(234 * var(--fx))}
  .b2b-karte-hand{width:calc(435 * var(--fx));margin:calc(70 * var(--fx)) auto calc(80 * var(--fx))}
  .b2b-karte-hand[style*="--vw"]{width:calc(var(--vw) * var(--fx))}
  .b2b-schluss .ann-schwarz-hand{width:calc(830 * var(--fx))}
  .b2b-karte-linie{width:calc(196 * var(--fx));margin:calc(32 * var(--fx)) auto}
}
@media (min-width:900px) and (max-width:1199px){
  .b2b-held{height:auto;min-height:calc(1080 * var(--fx));padding:calc(350 * var(--fx)) 0 var(--rf-l)}
  .b2b-held > .b2b-held-text{position:relative;left:auto;top:auto;transform:none;margin:0 auto}
  .b2b-held > .b2b-leiste{position:relative;left:auto;right:auto;top:auto;margin:var(--rf-l) 0 0}
  .b2b-leiste ul{grid-template-columns:repeat(4,minmax(0,1fr));width:auto;margin:0 var(--rf-m);column-gap:var(--rf-s)}
  .b2b-leiste li{align-items:start}
}
.ann-auswahl{position:relative}
.ann-auswahl-grund{display:block;width:100%;height:auto;margin:var(--rf-m) 0}
.ann-auswahl .ann-preis{background:var(--weiss)}
@media (max-width:899px){
  .ueber-bild .ann-auswahl{padding-top:calc(var(--kopf-unten) + var(--r-polster))}
  .ann-auswahl{overflow:hidden}
  .ann-auswahl-grund{width:150%;max-width:none;margin-left:-25%;margin-block:calc(-1 * var(--rf-s)) calc(-1 * var(--rf-m))}
  .ann-flav-kopf .ann-zwei-bild img{aspect-ratio:1/1;object-fit:cover;object-position:0 50%;width:100%;height:auto}
  .ueber-bild .ann-intro.ann-flav-kopf{padding-top:0;padding-right:0}
}
@media (min-width:900px){
  .ann-auswahl{padding-top:calc(var(--kopf-unten) + 135 * var(--fx));min-height:calc(1080 * var(--fx));box-sizing:border-box;overflow:hidden}
  .ann-auswahl-grund{position:absolute;left:0;top:0;width:100%;height:calc(1080 * var(--fx));margin:0;object-fit:cover;z-index:0}
  .ann-auswahl .ann-label{top:calc(var(--kopf-unten) - 36 * var(--fx));z-index:1}
  .ann-auswahl .ann-h.ann-h-frei{top:calc(var(--kopf-unten) + (var(--vy) - 185) * var(--fx));z-index:1}
  .ann-auswahl .ann-auswahl-zeile{top:calc(var(--kopf-unten) + 116 * var(--fx))}
  .ann-auswahl .ann-seiten{z-index:1}
  .ann-flav-kopf .ann-zwei-bild{--bild-oben:0;left:0;top:0;width:100%;height:100%;overflow:hidden}
  .ann-flav-kopf .ann-zwei-bild img{width:100%;height:100%;margin:0;object-fit:cover}
}
.b2b-ann{background:var(--weiss);text-align:center;padding:var(--rf-xxl) var(--r-polster)}
.b2b-ann .wrap{max-width:calc(1600 * var(--fx) + 80px);margin:0 auto}
.b2b-ann .ann-label{margin:0 0 var(--r-paar)}
.b2b-hand-h{display:block;margin:0 auto var(--rf-l);width:min(100%,calc(var(--hb,8) * 44px))}
.b2b-hand-h .hand{display:block;width:100%;height:auto;transform:rotate(-3.24deg)}
.b2b-satz-h{margin:0 auto var(--rf-l);font:700 var(--sf-h2)/1.15 Roboto,sans-serif}
.b2b-ann .wrap > :not(.ann-label):not(h2):not(.b2b-hand-h){text-align:left}
.b2b-haltung{background:var(--tinte);color:var(--weiss)}
.b2b-haltung .hk h3{color:var(--rot)}
.b2b-haltung .hk p{color:var(--weiss)}
.b2b-ann table.stamm thead th{font-size:var(--s-label);font-weight:600;color:var(--matt);letter-spacing:.1em;text-transform:uppercase}
.b2b-ann table.stamm tbody tr{border-bottom:1px solid var(--linie)}
.b2b-gebinde .gitter{gap:0;border:1px solid var(--linie)}
.b2b-gebinde .gitter > div{padding:var(--r-polster);border-bottom:1px solid var(--linie)}
.b2b-gebinde .gitter h3{font:700 var(--sf-su-titel)/1.1 Roboto,sans-serif;text-transform:uppercase;margin:0 0 var(--r-zeile)}
@media (min-width:900px){
  .b2b-ann{padding:calc(180 * var(--fx)) 0 calc(160 * var(--fx))}
  .b2b-ann .wrap{width:calc(1600 * var(--fx));max-width:none;padding:0}
  .b2b-hand-h{width:calc(var(--hb,8) * 100 * var(--fx));max-width:calc(1500 * var(--fx));margin-bottom:calc(80 * var(--fx))}
  .b2b-gebinde .gitter > div{border-right:1px solid var(--linie)}
}
@media (min-width:900px){
  .ann-auswahl{--shop-v:max(0px,calc(var(--kopf-unten) + 116 * var(--fx) + 2.8 * var(--sf-ann-zeile) + var(--r-polster) - 347 * var(--fx)));
    padding-top:calc(300 * var(--fx) + var(--shop-v));padding-bottom:max(calc(2 * var(--fx)),var(--shop-v));min-height:calc(1080 * var(--fx) + var(--shop-v));background:var(--marmor)}
  .ann-auswahl-grund{top:var(--shop-v);
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--shop-v),#000 calc(100% - 2 * var(--shop-v)),transparent);
    mask-image:linear-gradient(to bottom,transparent 0,#000 var(--shop-v),#000 calc(100% - 2 * var(--shop-v)),transparent)}
  .ann-auswahl .ann-auswahl-zeile{width:max(calc(680 * var(--fx)),40em);left:calc(944 * var(--fx));transform:translateX(-50%)}
}
@media (min-width:900px) and (max-width:1259px){
  .ann-auswahl + .ann-versprechen{padding:var(--rf-xl) var(--rf-l)}
  .ann-auswahl + .ann-versprechen ul{gap:var(--rf-m) var(--rf-l)}
  .ann-auswahl + .ann-versprechen li:nth-child(n){width:auto;margin-right:0}
  .ann-auswahl + .ann-versprechen li:nth-child(2) b{white-space:normal}
}
@media (max-width:1259px){
  .ann-versprechen li:not(:has(.lv-ico)){padding-left:calc(1.05em + var(--r-paar))}
}
.ann-preis-bild{display:block;width:min(80%,200px);height:auto;margin:0 auto var(--r-paar)}
@media (max-width:599px){
  .ann-auswahl .ann-seiten{padding-inline:0;margin-inline:calc(var(--r-polster) - var(--rf-xxxl))}
  .ann-auswahl .ann-preis:has(.ann-preis-bild){display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);column-gap:var(--r-paar);
    align-content:start;padding:var(--r-polster) var(--r-polster) var(--r-polster) 0}
  .ann-auswahl .ann-preis > *{grid-column:2}
  .ann-auswahl .ann-preis > .ann-preis-bild{grid-column:1;grid-row:1 / span 6;width:100%;margin:0;align-self:center}
}
.ann-preis-knopf{margin-top:auto;align-self:stretch;min-height:44px;padding:var(--r-paar) var(--r-polster);background:var(--tinte);color:var(--weiss);border-color:var(--tinte)}
.ann-preis:focus-visible .ann-preis-knopf{background:var(--rot);border-color:var(--rot)}@media (hover:hover){.ann-preis:hover .ann-preis-knopf{background:var(--rot);border-color:var(--rot)}}
@media (max-width:899px){
  .ann-auswahl-grund{margin-top:0}
  .ann-auswahl .ann-seiten{gap:var(--rf-s);padding-inline:var(--r-polster)}
  .ann-auswahl .ann-seite-karte{align-items:stretch}
  .ann-auswahl .ann-preis{width:auto;height:100%;box-sizing:border-box;gap:var(--r-wort);border:1px solid var(--linie)}
  .ann-auswahl .ann-preis-zeile{margin-bottom:var(--r-paar)}
}
@media (min-width:600px) and (max-width:899px){
  .ann-auswahl .ann-seiten{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ann-auswahl .ann-preis{padding:var(--r-polster)}
}
@media (min-width:900px){.ann-auswahl .ann-preis-bild,.ann-auswahl .ann-preis-knopf{display:none}}
@media (min-width:900px) and (max-width:1150px){
  .ueber-bild .kopf::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + var(--rf-l));z-index:-1;pointer-events:none;
    background:linear-gradient(to bottom,color-mix(in srgb,var(--weiss) 85%,transparent) 0,color-mix(in srgb,var(--weiss) 85%,transparent) 60%,transparent)}
}
@media (min-width:700px){.ann-paar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (min-width:700px) and (max-width:1099px){
  .fuss-ann .spalten{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:900px) and (max-width:1099px){
  .fuss .fuss-ann .spalten ul:not(.fuss-social) a,.fuss .fuss-ann .fuss-einwilligung{min-height:var(--r-kasten);padding-block:0;display:flex;align-items:center}
  .fuss .fuss-ann .spalten li{margin:0}
}
.ws-nachlegen{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:var(--r-zeile);padding:0 var(--r-polster);
  font:700 var(--s-label)/1 Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tinte);background:var(--weiss);border:1px solid var(--tinte);cursor:pointer}
.ws-nachlegen:hover,.ws-nachlegen:focus-visible{background:var(--tinte);color:var(--weiss)}
.wahl-titel{display:block}
body:has(#kasse) .leiste{display:none}
body:has(#kasse){padding-bottom:0}
body:has(#kasse) .einwilligung{bottom:env(safe-area-inset-bottom)}
body.mit-einwilligung:has(#kasse){padding-bottom:var(--ew-h)}
picture.kopf-bild{display:contents}
@media (min-width:1100px){.fuss-unten .fuss-copy{grid-column:2}}
.glyphen-vorrat{position:absolute;width:0;height:0;overflow:hidden}
.sn-gesch[data-vorlesen]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
[data-paar-link]{cursor:pointer}
.b2b-tasten .knopf{margin:0}
.b2b-tasten{display:grid;width:max-content;max-width:100%;margin-inline:auto}
@media (min-width:600px){.b2b-tasten{grid-auto-flow:column;grid-auto-columns:max-content}}
.mb-kachel{position:relative}
.mb-badge{position:absolute;top:var(--r-polster);right:var(--r-polster)}
.mb-kopf{flex-wrap:nowrap}
.mb-handle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mb-bild img,.mb-bild-leer{box-shadow:0 0 0 1px var(--linie)}
.mb-bild-leer{width:64px;height:64px;border-radius:50%;background:var(--zart)}
:root{--sf-sv-label:max(var(--s-label),calc(20 * var(--fx)));--sf-sv-h2:max(var(--s-h3),calc(48 * var(--fx)));
  --sf-sv-zahl:max(var(--s-schlag),calc(80 * var(--fx)));--sv-hand-em:max(44px,calc(120 * var(--fx)));
  --sv-hand-max:max(320px,calc(1300 * var(--fx)));--sv-spalte:702px;--sv-breit:max(900px,calc(1300 * var(--fx)))}
.sv-label{font-size:var(--sf-sv-label);letter-spacing:.2em;justify-content:center;text-align:center}
.sv-label::after{display:none}
.t.sv-h,.sv-titel.sv-satz{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:var(--sf-sv-h2);
  line-height:1.08;letter-spacing:0;text-transform:uppercase;text-align:center;max-width:16em;
  margin-left:auto;margin-right:auto;color:var(--tinte);overflow-wrap:break-word;hyphens:auto}
.sv-titel{margin:0 auto;text-align:center;color:var(--tinte)}
.sv-titel.sv-mit-hand{width:100%;max-width:100%}
.sv-wege .knopf{min-height:44px;padding:var(--r-paar) var(--r-polster);font-size:var(--s-mikro);white-space:nowrap}
.sv-belege .bl-wand{width:min(100%,1100px)}
.sv-titel.sv-mit-hand .hand{margin:0 auto;width:min(100%,calc(var(--hb) * var(--sv-hand-em)),var(--sv-hand-max))}
.rubrik-kopf.sv-kopf{padding:var(--rf-xl) 0 var(--rf-l);text-align:center;background:var(--weiss)}
.sv-kopf-innen{display:flex;flex-direction:column;align-items:center}
.sv-kopf .sv-label{margin:0 0 var(--rf-l)}
.sv-kopf .sv-claim{width:100%;margin:0 0 var(--rf-l)}
.sv-kopf .sv-claim .rk-claim{margin:0 auto;width:min(100%,640px);color:var(--tinte)}
.sv-vor{max-width:var(--sv-spalte);margin:var(--rf-m) auto 0;font-size:var(--s-text);line-height:1.75;color:var(--tinte)}
.sv-kopf .ak-meta,.sv-kopf .rk-zahl{margin:var(--r-polster) auto 0;justify-content:center}
.sek.sv{padding-top:var(--rf-l)}
.sv-spalte{text-align:center}
.sv-spalte > .label{justify-content:center}
.sv-spalte > .sv-titel{margin-bottom:var(--rf-l)}
.sv .artikel{max-width:var(--sv-spalte);margin-left:auto;margin-right:auto;text-align:center;line-height:1.75}
.sv .artikel > *{max-width:none}
.sv .artikel > p:first-child{font-size:var(--s-text);line-height:1.75;padding-left:0;border-left:0;margin-bottom:var(--pr-zeile)}
.sv .artikel h2{font-size:var(--sf-sv-h2);line-height:1.08;letter-spacing:0;text-transform:uppercase;
  text-align:center;margin:var(--r-gruppe) 0 var(--r-paar);padding-top:0;overflow-wrap:break-word;hyphens:auto}
.sv .artikel h2::before{position:static;display:block;width:80px;height:5px;margin:0 auto var(--rf-xxl)}
.sv .artikel h2:first-of-type{margin-top:var(--rf-xxl)}
.sv .artikel h2:first-of-type::before{display:none}
.sv .artikel::after{content:"";display:block;width:80px;height:5px;background:var(--rot);margin:var(--r-gruppe) auto 0}
.sv .artikel h3{text-align:center}
.sv .artikel h2.sv-gemischt,.sv .artikel h3.sv-gemischt{text-transform:none}
.sv .artikel ul,.sv .artikel ol,.sv .artikel blockquote,.sv .artikel dl,.sv .artikel .tabelle,
.sv .artikel table,.sv .artikel .wf-kasten{text-align:left;margin-left:auto;margin-right:auto}
.sv .artikel .drink-raster,.sv .artikel ul:has(> li > strong:first-child){justify-content:center}
.sv .artikel figure{margin-left:auto;margin-right:auto}
.sv .stand{max-width:var(--sv-spalte);margin-left:auto;margin-right:auto;text-align:center;border-top:0}
.sv .artikel .inhalt-vz{background:transparent;border:0;padding:0;margin:var(--rf-l) auto 0;text-align:center}
.sv .artikel .inhalt-vz .ivz-kopf{color:var(--rot);text-align:center}
.sv .artikel .inhalt-vz ol{display:flex;flex-wrap:wrap;justify-content:center;column-gap:var(--r-kasten);row-gap:0}
.sv .artikel .inhalt-vz a{justify-content:center;font-size:var(--s-klein);text-align:center}
.sv .artikel .inhalt-vz a::before{content:none;display:none}
.sv .artikel .inhalt-vz li,.sv .artikel .inhalt-vz a{border:0}
.sv .mag-frage{text-align:center}
.sv-belege .wrap{text-align:center}
.sv-belege .bl-kopf{margin-bottom:var(--rf-l)}
.sv-belege .bl-raster,.sv-belege .bl-wand{width:min(100%,var(--sv-breit));margin-left:auto;margin-right:auto;text-align:left}
.sv-belege .bl-raster{border:1px solid var(--linie);gap:0;grid-template-columns:minmax(0,1fr)}
.sv-belege .bl-k{border:0;padding:var(--rf-m);background:var(--weiss)}
.sv-belege .bl-k::before{display:none}
.sv-belege .bl-k + .bl-k{border-top:1px solid var(--linie)}
.sv-belege .bl-zahl{color:var(--rot);font-size:var(--sf-sv-zahl)}
.sv-belege .bl-was{font-size:var(--s-vor)}
@media(min-width:960px){
  .sv-belege .bl-raster{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sv-belege .bl-raster .bl-k:nth-child(3):last-child{grid-column:auto}
  .sv-belege .bl-k + .bl-k{border-top:0;border-left:1px solid var(--linie)}}
.sv-wege{background:var(--weiss)}
.sv-wege .wrap{text-align:center}
.sv-wege .sv-wege-raster{width:min(100%,var(--sv-breit));margin:var(--rf-xl) auto 0;border-top:0;text-align:left}
.sv-wege .sv-wege-raster > div{padding:var(--r-kasten) 0;border-bottom:1px solid var(--linie)}
.sv-wege .sv-wege-raster > div:last-child{border-bottom:0}
.sv-wege h3{font-size:var(--s-h3);line-height:1.15}
.sv-wege .was{color:var(--tinte);font-size:var(--s-text)}
@media(min-width:900px){
  .sv-wege .sv-wege-raster{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sv-wege .sv-wege-raster > div{border-bottom:0;padding:var(--r-kasten) var(--rf-l)}
  .sv-wege .sv-wege-raster > div + div{border-left:1px solid var(--linie)}}
@media(min-width:1100px){
  .mag-raster{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mag-raster:not(:has(> :nth-child(4))),
  .mag-raster:has(> :nth-child(5)):not(:has(> :nth-child(7))),
  .mag-raster:has(> :nth-child(9)):not(:has(> :nth-child(10))){grid-template-columns:repeat(3,minmax(0,1fr))}}
.rubrik-kopf.sv-kopf.rv-kopf{padding-bottom:0}
.sek.recht.rv{padding-top:var(--rf-m)}
.rv-kopf .sv-titel.sv-satz{text-transform:none}
.rv-spalte{max-width:var(--sv-spalte);margin-left:auto;margin-right:auto}
.recht.rv .artikel{max-width:none}
.recht.rv .artikel > *{max-width:none}
.recht.rv .artikel h2{font-size:var(--s-vor);text-transform:none;padding-top:0;margin-top:var(--pr-block)}
.recht.rv .artikel h2::before{display:none}
.recht.rv .artikel h3{font-size:var(--s-text)}
.recht.rv .artikel .recht-daten{display:block;border:0}
.recht.rv .artikel .recht-daten dt{padding:0;border:0;margin-top:var(--r-polster);font-size:var(--s-text);
  letter-spacing:0;text-transform:none;color:var(--tinte)}
.recht.rv .artikel .recht-daten dd{padding:0;border:0}
.recht.rv .artikel .recht-anschrift p{font-size:var(--s-text)}
.recht.rv .artikel table,.recht.rv .artikel th,.recht.rv .artikel td{background:transparent}
.recht.rv .artikel tbody tr:nth-child(even),.recht.rv .artikel tbody tr > :first-child{background:transparent}
.recht.rv .hinweis-box{background:transparent;border:0;padding:0}
.sek .mb-summe{width:min(100%,640px);margin-left:auto;margin-right:auto;text-align:center}
.sek .mb-legende{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
.karte-fuss{text-align:center}
.hnav .unter-menue{left:calc(-1 * var(--r-paar));min-width:220px;letter-spacing:.2em;background:rgba(246,246,246,.94);
  border:0;box-shadow:none}
.hnav .unter-menue a{display:flex;min-height:48px;padding:0 var(--r-paar);font-size:var(--sf-ann-nav,var(--s-klein));line-height:1.3}
.hnav .unter-menue a:hover,.hnav .unter-menue a:focus-visible{background:none}
.ann-auf.ann-auf-frei{left:0;top:0;width:100%}
.ann-auf-frei svg{display:block;margin-left:calc(var(--vx) / 960 * 100%);margin-top:calc(var(--vy) / 960 * 100%);width:calc(var(--vw) / 960 * 100%);max-width:none}
:root{--ol:0;--ot:0}
.ann-kachel-frei:has(> svg[style*="--vw"]){display:block;padding:0}
@media (min-width:900px){
  .ann-held .ann-claim[style*="--vw"]{left:calc(var(--vx) * var(--fx));top:calc(var(--vy) * var(--fx));width:calc(var(--vw) * var(--fx))}
  .ann-held-pure .ann-pure-text .ann-h{position:absolute;left:calc(var(--vx) * var(--fx));top:calc(var(--vy) * var(--fx));width:calc(var(--vw) * var(--fx));max-width:none;margin:0}
  .ann-held-pure .ann-pure-text .ann-text{position:absolute;top:calc(702 * var(--fx));left:calc(1091 * var(--fx));width:calc(504 * var(--fx));max-width:none;
    margin:0;font-family:'Roboto Condensed',Roboto,sans-serif;font-size:var(--sf-ann-zeile);line-height:1.15;letter-spacing:0;text-align:center;white-space:nowrap}
}
.ann-held-pure .ann-pure-text .ann-h svg{overflow:visible}
.ann-kachel-frei > svg[style*="--vw"]{position:absolute;margin:0;max-width:none;transform:none;
  left:calc(var(--vx) / 960 * 100%);top:calc(var(--vy) / 1080 * 100%);width:calc(var(--vw) / 960 * 100%)}
.ann-kachel-frei:has(> svg[style*="--vw"]) > .ann-label{position:absolute;left:0;right:0;margin:0;line-height:1;top:calc(var(--ol) / 1080 * 100%);transform:translateY(-50%)}
.ann-kachel-frei:has(> svg[style*="--vw"]) > .ann-klein{position:absolute;left:9%;right:9%;margin:0;top:calc(var(--ot) / 1080 * 100%)}
svg.ann-schwarz-hand[style*="--vw"]{position:relative}
@media (min-width:900px){
  svg.ann-schwarz-hand[style*="--vw"]{width:calc(var(--vw) * var(--fx));max-width:none;left:calc((var(--vx) + var(--vw) / 2 - 960) * var(--fx))}
  .ann-kachel-frei:has(> svg[style*="--vw"]) > .ann-klein{left:calc(206 / 960 * 100%);right:calc(226 / 960 * 100%)}
}
.ann-textkachel .ann-klein,.ann-dose .ann-unten{font-family:'Roboto Condensed',Roboto,sans-serif;font-size:var(--sf-ann-zeile);letter-spacing:0}
.ann-textkachel .ann-klein{line-height:1.4}
.ann-auf-party svg{filter:drop-shadow(0 calc(4 * var(--fx)) calc(40 * var(--fx)) #000)}
:root{--knopf-b:max(208px,calc(208 * var(--fx)));--knopf-h:max(44px,calc(43 * var(--fx)));--sf-knopf:max(var(--s-mikro),calc(12 * var(--fx)))}
.knopf:is(.ann-knopf-schwarz,.ann-sorte-knopf,.su-waehle,.su-knopf),.b2b-schritte .knopf,.b2b-tasten .knopf,.b2b-karte-tasten .knopf,.ann-wahl-marke{
  width:var(--knopf-b);min-height:var(--knopf-h);height:var(--knopf-h);padding:0 var(--r-zeile);box-sizing:border-box;
  font-size:var(--sf-knopf);letter-spacing:var(--knopf-sperrung,.2em);white-space:nowrap}
.ann-wahl-marke{align-items:center;justify-content:center;background:var(--weiss);color:var(--tinte);border:1px solid var(--tinte);
  font-weight:700;text-transform:uppercase;z-index:1}
.stamm-download .knopf,.abschluss .tasten .knopf,.sv-wege .tasten .knopf,.b-tasten .knopf{min-width:var(--knopf-b);width:auto;min-height:var(--knopf-h);height:var(--knopf-h);
  padding:0 var(--r-polster);box-sizing:border-box;font-size:var(--sf-knopf);letter-spacing:.2em;white-space:nowrap}
.b2b-schritte .tasten{padding-top:var(--r-kasten)}
@media (min-width:900px){.b2b-raster-drei .su-fakt{padding-bottom:calc(54 * var(--fx))}}
@media (min-width:900px) and (max-width:1100px){
  .ann-flav-reihe{height:calc(1119 * var(--fx) + 64px)}
  .fr-sorte .ann-sorte-knopf{top:calc(1020 * var(--fx) + 56px)}
}
.fuss .fuss-ann .fuss-marke ul.fuss-social{margin-top:var(--r-paar)}
@media (min-width:1100px){
  .fuss-ann .spalten{grid-template-rows:auto 1fr}
  .fuss-ann .spalten>div:nth-child(n+1):nth-child(-n+3){grid-row:1}
  .fuss-ann .spalten>div:nth-child(n+4):nth-child(-n+6){grid-row:1/span 2}
}
@media (min-width:1100px){
  .fuss .fuss-ann .fuss-marke ul.fuss-social{margin-top:calc(48 * var(--fx) - 22px)}
}
.ann-band-lauf>span[aria-hidden]{display:contents}
.ann-band-lauf .hand{flex:none}
.recht-weitere{margin:0;font-size:var(--s-klein)}
.su-range-karte{display:flex;flex-direction:column}
.su-range .ann-preis{flex:1}
@media (min-width:900px){
  .ann-schwarz-welcome{position:relative;min-height:calc(647 * var(--fx));padding:calc(90 * var(--fx)) 0 0;box-sizing:border-box}
  .ann-schwarz-welcome .ann-label{line-height:1;margin:0}
  .ann-schwarz-welcome .ann-schwarz-hand{width:calc(1008 * var(--fx));margin:calc(42 * var(--fx)) auto 0}
  .ann-schwarz-welcome svg.ann-schwarz-hand[style*="--vw"]{position:absolute;top:calc(var(--vy) * var(--fx));left:calc(var(--vx) * var(--fx));width:calc(var(--vw) * var(--fx));margin:0}
  .ann-schwarz-welcome .ann-text{position:absolute;top:calc(481 * var(--fx));left:calc(681 * var(--fx));width:calc(594 * var(--fx));max-width:none;margin:0;
    font-size:var(--sf-ann-schwarz-text);line-height:1.17;text-align:center}
  .su-raster{margin-left:calc(163 * var(--fx))}
  .su-fakt{padding:calc(21 * var(--fx)) 0 calc(16 * var(--fx)) calc(55 * var(--fx))}
  .su-fakt:nth-child(2){padding-left:calc(47 * var(--fx))}
  .su-fakt:nth-child(3){padding-left:calc(53 * var(--fx))}
  .su-fakt:nth-child(4){padding-left:calc(45 * var(--fx))}
  .su-fakt:nth-child(3) .su-zahl{margin-left:calc(-9 * var(--fx))}
  .su-fakt:nth-child(4) .su-zahl{margin-left:calc(-8 * var(--fx))}
  .su-fakt-titel{margin-top:calc(1 * var(--fx))}
  .su-fakt span{padding-right:calc(30 * var(--fx))}
  .su-fragen{--kopf:366}
  .su-fragen .ann-fragen{margin-left:calc(479 * var(--fx))}
  .su-fragen .ann-frage summary{padding-block:calc(17 * var(--fx))}
}
.b2b-zeit .b2b-hand-h{width:min(100%,calc(var(--hb,8) * 62px));margin:var(--rf-m) auto}
@media (min-width:900px){
  .b2b-zeit .ann-label{margin-bottom:calc(56 * var(--fx))}
  .b2b-zeit .b2b-hand-h{width:calc(var(--hb,8) * 170 * var(--fx));max-width:calc(1200 * var(--fx));margin:0 auto calc(56 * var(--fx))}
}
:root{--lv-luft:.25em;--lv-null:-.25em;--lv-dose:.075em;--sf-su-einheit:calc(80 / 130 * 1em)}
.ann-versprechen li{grid-template-columns:auto minmax(0,1fr);column-gap:var(--lv-luft)}
.ann-versprechen .lv-ico{width:auto;height:1.7em;aspect-ratio:auto}
.ann-versprechen .lv-ico svg{width:auto;height:100%}
.ann-versprechen .lv-null{height:2.25em;margin-right:var(--lv-null)}
.ann-versprechen .lv-dose{height:1.8em;margin-right:var(--lv-dose)}
.su-einheit{font-size:var(--sf-su-einheit);font-weight:700}
.ann-versprechen .klein-bleibt{display:inline;font-size:inherit;margin:0;text-transform:none}
@media (min-width:1260px){
  .ann-versprechen:not(.b2b-leiste){padding-inline:calc(188 * var(--fx)) 0}
  .ann-versprechen:not(.b2b-leiste) ul{justify-content:flex-start;gap:0}
  .ann-versprechen:not(.b2b-leiste) li{flex:none}
  .ann-versprechen:not(.b2b-leiste) li:nth-child(1){width:calc(294 * var(--fx))}
  .ann-versprechen:not(.b2b-leiste) li:nth-child(2){width:calc(374 * var(--fx))}
  .ann-versprechen:not(.b2b-leiste) li:nth-child(3){min-width:calc(457 * var(--fx));padding-right:calc(24 * var(--fx));box-sizing:border-box}
  .ann-versprechen:not(.b2b-leiste) b{white-space:nowrap}
}
.sv-claim-satz{margin:0 auto;max-width:var(--sv-breit);font-family:Roboto,Arial,sans-serif;font-weight:700;
  font-size:var(--sf-sv-h2);line-height:1.08;text-transform:uppercase;text-wrap:balance;color:var(--tinte)}
.sv-titel.sv-satz{text-wrap:balance;max-width:var(--sv-breit);overflow-wrap:anywhere;hyphens:auto}
.sv-kopf .sv-claim{margin-bottom:var(--rf-m)}
.sv-kopf .sv-titel.sv-sub{font-size:var(--s-vor);line-height:1.4;letter-spacing:0;text-transform:none;max-width:var(--sv-spalte)}
.sv-kopf .sv-sub + .sv-vor{margin-top:var(--r-paar)}
.b2b-satz-h{max-width:var(--sv-breit);font-size:var(--sf-sv-h2);line-height:1.08;text-transform:uppercase;text-wrap:balance;text-align:center}
.sv-mitte .wrap.schmal-shop{max-width:var(--sv-spalte);margin-left:auto;margin-right:auto}
.sv-mitte .wrap.schmal-shop > *{max-width:100%}
.sek.sv-mitte{padding-top:var(--rf-m)}
.sv-mitte .sp-form,.sv .sp-form{text-align:center;grid-template-columns:minmax(0,1fr)}
.sv-mitte .sp-form label,.sv .sp-form label{align-items:center}
.sv-mitte .sp-form button,.sv .sp-form button{justify-self:center}
.sv-mitte .hinweis-box{text-align:center}
.sv .artikel > h2:first-child{font-size:var(--s-vor);line-height:1.4;text-transform:none;margin-top:var(--r-polster)}
:root{--s-tel:16px;--sf-tel-claim-luft:6px}
.nur-tel,.su-h svg.hand-tel,.b2b-hand-h svg.hand-tel{display:none}
.ann-auswahl-titel{display:contents}
.fuss-auf{display:none}
.kopf .konto svg,.kopf .korb svg,.leiste-shop svg{stroke:currentColor;stroke-width:1}
.fuss-klapp .fuss-titel label{display:inline;margin:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:inherit}
@media (max-width:599px){
  br.nur-tel{display:inline}
  .ann-held .ann-held-bild,.ann-held-energy .ann-held-bild,.ann-held-pure .ann-held-bild{height:auto;object-position:50% 100%}
  .ann-held-start .ann-held-bild{aspect-ratio:375/648}
  .ann-held-pink-grapefruit .ann-held-bild{aspect-ratio:375/680}
  .ann-held-citrus .ann-held-bild{aspect-ratio:375/650}
  .ann-held-lime-mint .ann-held-bild{aspect-ratio:375/670}
  .ann-held-energy .ann-held-bild{aspect-ratio:375/670}
  .ann-held-pure .ann-held-bild{aspect-ratio:375/668}
  .ann-held-pure .ann-text br{display:none}
  .ann-held.ann-held.ann-held .ann-claim{position:absolute;left:var(--r-polster);right:var(--r-polster);
    top:calc(var(--kopf-unten) + var(--sf-tel-claim-luft));width:auto;padding:0}
  .ann-held.ann-held.ann-held .ann-claim svg{display:block;width:100%;height:auto}
  :root[lang="en"] .ann-held-energy .ann-claim svg{max-width:250px}
  .ann-held-start .ann-claim svg,.ann-held-pink-grapefruit .ann-claim svg,.ann-held-energy .ann-claim svg{max-width:310px}
  .ann-held-pure .ann-pure-text{position:absolute;inset:0;padding:calc(var(--kopf-unten) + var(--sf-tel-claim-luft)) var(--r-polster) var(--r-polster);
    display:flex;flex-direction:column;align-items:center}
  .ann-held-pure .ann-pure-text .ann-label{margin:0 0 var(--r-zeile)}
  .ann-held-pure .ann-pure-text .ann-h{width:min(100%,300px);margin:0}
  .ann-held-pure .ann-pure-text .ann-text{margin:var(--r-zeile) 0 0;font-size:var(--s-label);line-height:1.35}
  .ueber-bild .ann-intro.ann-flav-kopf{position:relative;padding:0;gap:0}
  .ann-flav-kopf .ann-zwei-bild img{display:block;width:100%;height:auto;margin:0;aspect-ratio:375/636;object-position:50% 100%}
  .ann-flav-kopf .ann-zwei-text{position:absolute;left:0;right:0;top:calc(var(--kopf-unten) + var(--sf-tel-claim-luft));padding-inline:var(--r-polster);margin:0}
  .ann-flav-kopf .ann-label{margin:0 0 var(--r-eng)}
  .ann-flav-kopf .ann-zwei-text .ann-h{width:min(100%,300px);margin:0}
  .ueber-bild .ann-auswahl{position:relative;padding-top:0}
  .ann-auswahl{padding-top:0}
  .ann-auswahl-titel{display:block;position:absolute;z-index:1;left:0;right:0;top:calc(var(--kopf-unten) + var(--sf-tel-claim-luft));padding-inline:var(--r-polster)}
  .ann-auswahl-titel .ann-label{margin:0 0 var(--r-zeile);font-size:var(--s-label);letter-spacing:.14em;white-space:nowrap}
  .ann-auswahl-titel .ann-h{margin:0 auto var(--r-zeile)}
  .ann-auswahl-titel .ann-auswahl-zeile{margin:0;font-size:var(--s-label);line-height:1.35}
  .ann-auswahl-grund{position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:none;margin:0;aspect-ratio:375/480}
  .ann-auswahl .ann-seiten{margin-top:var(--r-polster)}
  .ann-warum-dose,.ann-gut-zu-wissen{padding-block:var(--rf-l)}
  .ann-versprechen{padding:var(--rf-l) var(--r-polster)}
  .ann-versprechen ul{grid-template-columns:minmax(0,1fr);gap:var(--r-polster)}
  .ann-versprechen li,.ann-auswahl + .ann-versprechen li:nth-child(n){grid-template-columns:40px minmax(0,1fr);column-gap:var(--r-paar);width:auto;margin:0}
  .ann-versprechen li:not(:has(.lv-ico)){padding-left:calc(40px + var(--r-paar))}
  .ann-versprechen .lv-ico,.ann-versprechen .lv-null,.ann-versprechen .lv-dose,.ann-versprechen .lv-blatt{display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;margin:0;grid-row:1 / span 2}
  .ann-versprechen .lv-ico svg{width:auto;height:40px;max-width:40px}
  .ann-versprechen b{font-size:var(--s-h3);line-height:1.1}
  .ann-versprechen .lv-unter{font-size:var(--s-klein);line-height:1.2;margin-top:var(--r-strich)}
  .su-h svg.hand-gross,.b2b-hand-h svg.hand-gross{display:none}
  .su-h:has(svg.hand-tel){height:auto}
  .su-h svg.hand-tel,.b2b-hand-h svg.hand-tel{display:block;width:min(100%,320px);height:auto;margin-inline:auto;transform:none}
  .b2b-gebinde .b2b-satz-h{font-size:var(--s-vor);line-height:1.2}
  .b2b-leiste .lv-unter{font-size:var(--s-label)}
}
@media (max-width:359px){.su-fakt-titel{overflow-wrap:anywhere}}
@media (min-width:600px) and (max-width:899px){
  .ann-held:not(.ann-held-pure) .ann-held-bild{aspect-ratio:16/9;object-position:50% 50%}
  .ann-held.ann-held.ann-held .ann-claim[style*="--vw"]{position:absolute;left:calc(var(--vx) * var(--fx));top:calc(var(--vy) * var(--fx));
    width:calc(var(--vw) * var(--fx));padding:0}
}
@media (max-width:699px){
  .ann-kachel.ann-textkachel,.ann-kachel.ann-textkachel.ann-kachel-frei:has(> svg[style*="--vw"]){aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;
    gap:var(--r-zeile);padding:var(--rf-l) var(--r-polster)}
  .ann-textkachel.ann-kachel-frei:has(> svg[style*="--vw"]) > .ann-label,.ann-textkachel.ann-kachel-frei:has(> svg[style*="--vw"]) > .ann-klein{position:static;transform:none;margin:0}
  .ann-textkachel.ann-kachel-frei > svg[style*="--vw"]{position:static;display:block;width:min(100%,300px);height:auto;margin:0;transform:none;left:auto;top:auto}
  .ann-textkachel .ann-klein{font-size:var(--s-tel);line-height:1.35;margin:0}
  .ann-textkachel .ann-knopf-schwarz,.ann-pure-wahl .ann-textkachel .ann-knopf-schwarz{position:static;margin:var(--r-paar) 0 0}
  .ann-textkachel .su-marke{position:static;align-self:flex-start;margin:0 0 var(--r-zeile)}
  .ann-paar:has(> .ann-foto:first-child):has(> .ann-dose) > .ann-foto{order:2}
  .ann-auf-party svg{width:calc(var(--vw) / 960 * 122%);margin-left:calc(var(--vx) / 960 * 50%);margin-top:calc(var(--vy) / 960 * 60%);
    filter:drop-shadow(0 1px 3px #000) drop-shadow(0 2px 14px #000)}
}
@media (max-width:899px){
  .schub-panel .schub-liste a[aria-current]{color:var(--tinte)}
}
@media (max-width:599px){
  .fuss-ann .spalten{display:flex;flex-direction:column;gap:0}
  .fuss-marke{order:1;margin-bottom:var(--rf-m)}
  .fuss-klapp{order:3;border-top:1px solid var(--matt)}
  .fuss-recht{order:4;border-top:1px solid var(--matt);padding-top:var(--r-paar)}
  .fuss-kanaele{order:5;margin-top:var(--rf-m)}
  .fuss-auf{display:block}
  .fuss .fuss-ann .fuss-klapp .fuss-titel{margin:0;font-size:var(--s-label)}
  .fuss-klapp .fuss-titel label{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer}
  .fuss-klapp .fuss-titel label::after{content:"+";font-size:var(--s-h3);font-weight:400;line-height:1}
  .fuss-auf:checked + label::after{content:"–"}
  .fuss-auf:focus-visible + label{outline:2px solid var(--weiss);outline-offset:2px}
  .fuss-klapp > ul{display:none}
  .fuss-klapp:has(.fuss-auf:checked) > ul{display:block;padding-bottom:var(--r-paar)}
  .fuss-recht ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--r-polster)}
  .fuss-claim{margin-top:var(--rf-m)}
}
.ap-box .ap-bild img{max-height:none;width:100%;max-width:calc(880 * var(--fx,1px))}
.ap-box-sorten{gap:var(--r-paar)}
.ap-box-sorten .ap-sorte{width:68px;text-align:center;line-height:1.2}
.ap-box .kb-pflicht{font-size:var(--s-label);color:var(--tinte);line-height:1.6;margin:var(--r-paar) 0 0}
@media (max-width:899px){.ap-box .ap-bild img{max-width:100%}}
@media (max-width:479px){.ap-box-sorten{display:grid;grid-template-columns:repeat(3,68px);justify-content:space-between}}
@media (min-width:600px) and (max-width:899px){
  .ann-held-pure .ann-held-bild,.ann-flav-kopf .ann-zwei-bild img{aspect-ratio:16/9;object-fit:cover;object-position:0 50%}
  .ann-held-pure .ann-pure-text,.ann-flav-kopf .ann-zwei-text{position:absolute;left:50%;right:var(--r-polster);top:var(--kopf-unten);bottom:var(--r-polster);
    display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;text-align:center}
  .ueber-bild .ann-intro.ann-flav-kopf{position:relative;display:block;padding:0}
  .ann-flav-kopf .ann-zwei-text{left:53%}
  .ann-held-pure .ann-pure-text .ann-label,.ann-flav-kopf .ann-label{margin:0 0 var(--r-zeile)}
  .ann-held-pure .ann-pure-text .ann-h,.ann-flav-kopf .ann-zwei-text .ann-h{width:100%;margin:0}
  .ann-held-pure .ann-pure-text .ann-text{margin:var(--r-zeile) 0 0;line-height:1.35}
  .ueber-bild .ann-auswahl{padding-top:0}
  .ann-auswahl-grund{position:relative;left:50%;transform:translateX(-50%);width:100vw;max-width:none;margin:0;aspect-ratio:1340/1120;object-fit:cover;object-position:50% 76%}
  .ann-auswahl .ann-seiten{margin-top:var(--r-polster)}
  .ann-auswahl-titel{display:block;position:absolute;z-index:1;left:0;right:0;top:calc(var(--kopf-unten) + var(--sf-tel-claim-luft));padding-inline:var(--r-polster)}
  .ann-auswahl-titel .ann-label{margin:0 0 var(--r-eng)}
  .ann-auswahl-titel .ann-h{margin:0 auto var(--r-eng)}
  .ann-auswahl-titel .ann-auswahl-zeile{margin:0}
}
@media (min-width:900px) and (max-width:1279px){
  .ann-held-pure .ann-pure-text .ann-text.ann-gross{white-space:normal;width:38vw;max-width:38vw;text-align:left}
}
:root{--md-grau:#3d3d3d;--md-grund:#fafafa;--s-mystery:30px}
.md-knopf{display:block;flex:none;width:84px;height:84px;padding:var(--r-eng);border:0;border-radius:50%;background:var(--md-grau);
  color:#fff;font:700 14px/1.15 Roboto,sans-serif;text-align:center;cursor:pointer}
.md-knopf[hidden]{display:none}
.fuss-unten .md-knopf{justify-self:start}
.md-knopf:hover{background:#575757}
.md-knopf:focus-visible{outline:2px solid #fff;outline-offset:2px}
.md-zu:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--md-grau)}
.md-dialog{width:min(780px,calc(100vw - 2 * var(--r-zeile)));max-width:none;max-height:calc(100dvh - 2 * var(--r-zeile));
  padding:0;border:0;border-radius:6px;overflow:auto;background:var(--md-grund);color:var(--md-grau);box-shadow:0 0 30px rgba(0,0,0,.15)}
.md-dialog::backdrop{background:rgba(0,0,0,.72)}
html:has(.md-dialog[open]){overflow:hidden}
.md-text{padding:var(--r-gruppe) var(--r-polster);text-align:center}
.md-titel{max-width:270px;margin:0 auto;font:700 26px/1.17 Roboto,sans-serif;color:var(--md-grau)}
.md-unter{margin:var(--r-paar) 0 var(--r-polster);font:400 16px/1.3 Roboto,sans-serif;color:var(--md-grau)}
.md-form input[type=email]{display:block;width:100%;box-sizing:border-box;height:50px;padding:0 var(--r-polster);font:400 16px Roboto,sans-serif;color:#000;
  background:#fff;border:1px solid var(--gold);border-radius:4px}
.md-form input[type=email]::placeholder{color:#767676;opacity:1}
.md-form input[type=email]:focus-visible{outline:2px solid var(--md-grau);outline-offset:1px}
.md-form button{display:block;width:100%;min-height:54px;margin-top:var(--r-paar);padding:0 var(--r-zeile);border:0;border-radius:6px;background:var(--md-grau);color:#fff;
  font:700 20px/1.1 Roboto,sans-serif;text-transform:uppercase;cursor:pointer}
.md-form button:hover{background:#000}
.md-form button:focus-visible{outline:2px solid var(--md-grau);outline-offset:2px}
.md-form button:disabled{background:var(--matt);cursor:default}
.md-zusage{margin:var(--r-zeile) 0 0;font:700 14px/1.3 Roboto,sans-serif;color:var(--md-grau);text-align:center}
.md-form .nl-honig{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.md-form .nl-hinweis,.md-form .nl-meldung{margin:var(--r-zeile) 0 0;font-size:var(--s-label);line-height:1.4;color:var(--md-grau);text-align:center}
.md-form .nl-hinweis a{color:inherit;text-decoration:underline}
.md-form .nl-meldung.nl-gut,.md-form .nl-meldung.nl-schlecht{font-weight:700}
.md-form .nl-meldung.nl-schlecht{color:var(--rot)}
.md-bild img{display:block;width:100%;height:200px;object-fit:cover;object-position:50% 14%}
.md-inhalt{position:relative;display:flex;flex-direction:column-reverse}
.md-zu{position:absolute;top:4px;right:4px;width:44px;height:44px;padding:0;border:0;background:none;color:var(--md-grau);cursor:pointer;
  display:flex;align-items:center;justify-content:center}
.md-zu span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#fff}
.md-zu:focus-visible{outline-color:var(--md-grau);box-shadow:none}
@media(min-width:700px){
  .md-inhalt{display:grid;grid-template-columns:1fr 1fr;min-height:390px}
  .md-text{align-self:center;padding:var(--r-kasten)}
  .md-titel{font-size:var(--s-mystery)}
  .md-bild{position:relative;min-height:100%}
  .md-bild img{position:absolute;inset:0;height:100%;object-position:50% 50%}
}
@media print{.md-knopf{display:none}}
@media (max-width:899px){
  .ann-auf-party svg{width:min(calc(var(--vw) / 960 * 122%),calc(100% - var(--vx) / 960 * 50% - 12px))}
}
@media (max-width:759px){
  .su-range-reihe{grid-auto-rows:1fr}
}
.ap-einheit{text-transform:none}
.gz-rest::before{content:" · "}
.su-range .gz-rest{display:block}
.su-range .gz-rest::before{content:none}
.ap-paar-kopf{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--r-paar);align-items:center}
.ap-paar-kopf span{grid-column:2}
.ap-laster{grid-row:1 / span 2;width:24px;height:16px;color:var(--rot)}
.su-tabelle td.su-wir{font-weight:700}
.su-tabelle thead th:not(.su-wir){color:var(--tinte);font-weight:700}
:root{--sf-ap-preis:max(var(--s-h3),calc(30 * var(--fx)));--sf-ap-haken:max(var(--s-label),calc(16 * var(--fx)));
  --sf-ap-sozial:max(var(--s-label),calc(14 * var(--fx)));--sf-su-zelle:max(var(--s-label),calc(14 * var(--fx)));--sf-ap-paar:max(var(--s-mikro),calc(14 * var(--fx)))}
.ap-preis b{color:var(--tinte)}
@media (min-width:900px){
  .ann-produkt{padding-top:calc(85 * var(--fx));padding-bottom:calc(53 * var(--fx))}
  .ann-produkt .ap-bild{margin-top:calc(-29 * var(--fx))}
  .ann-produkt .sk-sozial{background:var(--marmor);min-height:calc(57 * var(--fx));box-sizing:border-box;padding:calc(10 * var(--fx)) calc(16 * var(--fx));
    margin:0 0 calc(20 * var(--fx));font-size:var(--sf-ap-sozial);color:var(--tinte)}
  .ann-produkt .ss-bilder img{width:max(30px,calc(34 * var(--fx)));height:max(30px,calc(34 * var(--fx)))}
  .ann-produkt .ap-titel{line-height:1;margin:0 0 calc(28 * var(--fx))}
  .ann-produkt .ap-preis b{font-size:var(--sf-ap-preis);line-height:1}
  .ann-produkt .ap-badge{margin:calc(12 * var(--fx)) 0 0}
  .ann-produkt .ap-klein{margin-top:calc(12 * var(--fx))}
  .ann-produkt .ap-mini{font-size:var(--s-label);margin:calc(32 * var(--fx)) 0 calc(30 * var(--fx))}
  .ann-produkt .ap-sorten{gap:calc(12 * var(--fx))}
  .ann-produkt .ap-rund{width:max(68px,calc(96 * var(--fx)));height:max(68px,calc(96 * var(--fx)))}
  .ann-produkt .ap-rund img{height:max(56px,calc(80 * var(--fx)));width:auto;max-width:none}
  .ann-produkt .ap-sorte{font-size:var(--s-label);font-weight:700;gap:0}
  .ann-produkt .ap-haken{margin:calc(19 * var(--fx)) 0 calc(19 * var(--fx))}
  .ann-produkt .ap-haken li{font-size:var(--sf-ap-haken);padding-left:max(var(--r-gruppe),calc(32 * var(--fx)));margin:0;min-height:calc(35 * var(--fx));display:flex;align-items:center}
  .ann-produkt .ap-haken li::before{width:max(18px,calc(22 * var(--fx)));height:max(18px,calc(22 * var(--fx)))}
  .ann-produkt .ap-reihe{margin:0 0 calc(33 * var(--fx))}
  .ann-produkt .ap-menge button,.ann-produkt .ap-menge input{width:calc(34 * var(--fx));height:max(36px,calc(40 * var(--fx)))}
  .ann-produkt .kaufbox .ap-knopf{min-height:max(44px,calc(47 * var(--fx)));height:max(44px,calc(47 * var(--fx)));padding-block:0}
  .ann-produkt .ap-paar{margin-top:calc(20 * var(--fx));padding:calc(14 * var(--fx)) calc(18 * var(--fx)) calc(14 * var(--fx))}
  .ann-produkt .ap-paar-kopf{margin:0 0 calc(10 * var(--fx))}
  .ann-produkt .ap-paar-kopf b{font-size:var(--sf-ap-paar)}
  .ann-produkt .ap-paar-kopf span{font-size:var(--s-label)}
  .ann-produkt .ap-laster{width:calc(26 * var(--fx));height:calc(17 * var(--fx))}
  .ann-produkt .ap-pack{min-height:calc(60 * var(--fx));box-sizing:border-box;padding:calc(10 * var(--fx)) calc(12 * var(--fx))}
  .ann-produkt .ap-pack-wahl{background:var(--marmor);border:2px solid var(--rot)}
  .ann-produkt .ap-pack-wahl select{min-height:0}
  .ann-produkt .kaufbox .ap-paar-knopf{min-height:max(44px,calc(51 * var(--fx)));height:max(44px,calc(51 * var(--fx)));padding-block:0;margin-top:calc(12 * var(--fx))}
  .ann-produkt .ap-paar-fuss{margin-top:calc(11 * var(--fx));font-size:var(--s-mikro)}
  .ann-produkt .ap-kacheln{margin-top:calc(18 * var(--fx))}
  .ann-produkt .ap-kacheln p{min-height:calc(59 * var(--fx));box-sizing:border-box;padding:calc(12 * var(--fx)) var(--r-eng)}
  .ann-produkt .ap-logos{margin:calc(14 * var(--fx)) 0}
  .ann-produkt .ap-beschreibung{border-top:0;margin-top:calc(14 * var(--fx))}
  .ann-produkt + .ann-versprechen{padding-block:0 calc(27 * var(--fx))}
  .ann-versprechen + .ann-schwarz:not(.ann-schwarz-welcome){min-height:calc(647 * var(--fx));box-sizing:border-box;padding-block:calc(100 * var(--fx)) 0}
  .ann-versprechen + .ann-schwarz:not(.ann-schwarz-welcome):not(.ann-schwarz-charakter) .ann-text{width:calc(594 * var(--fx));max-width:none;margin-inline:auto;
    font-size:var(--sf-ann-schwarz-text);line-height:1.17}
  .ann-versprechen + .ann-schwarz:not(.ann-schwarz-welcome){padding-top:calc(100 * var(--fx))}
  .ann-versprechen + .ann-schwarz:not(.ann-schwarz-welcome) .ann-label{position:relative;top:calc(-16 * var(--fx))}
  .ann-versprechen + .ann-schwarz:not(.ann-schwarz-welcome):not(.ann-schwarz-charakter) .ann-text{position:relative;top:calc(8 * var(--fx))}
  .ann-versprechen + .ann-schwarz:has(.ann-pflicht) .ann-text:not(.ann-pflicht){top:calc(21 * var(--fx))}
  
  .su-bandzeile .ann-band{padding-block:calc(17 * var(--fx))}
  .su-bandzeile .ann-band-lauf .hand{height:calc(48 * var(--fx))}
  .su-pure + .su-bandzeile{padding-top:calc(134 * var(--fx))}
  .su-pure.su-vergleich{--lt:118}
  .su-drin{--kopf:336}
  .su-energy.su-drin{--kopf:412}
  .su-pure.su-drin{--kopf:304}
  .su-karte{padding-top:calc(26 * var(--fx))}
  .su-karte h3{font-size:var(--sf-su-zelle)}
  .su-karte li{font-size:var(--sf-su-zelle)}
  .su-hinweis{font-size:var(--sf-su-zelle)}
  .su-warum .su-text{margin-top:calc(50 * var(--fx));line-height:1.25}
  .su-warum{padding-bottom:calc(14 * var(--fx));min-height:0}
  .su-pure.su-warum{padding-bottom:calc(30 * var(--fx))}
  .su-warum-zeile{min-height:calc(413 * var(--fx))}
  .su-range-reihe{margin-left:calc(559 * var(--fx));gap:calc(42 * var(--fx));grid-template-columns:repeat(2,calc(397 * var(--fx)))}
  .su-range-bild{margin-left:calc(-9.5 * var(--fx))}
  .su-range .ann-preis{min-height:calc(148 * var(--fx));margin-top:calc(-20 * var(--fx));padding:calc(19 * var(--fx)) calc(23 * var(--fx)) calc(14 * var(--fx))}
  .su-range .ann-preis b{font-size:var(--sf-su-zelle)}
  .su-range .ann-preis-linie{letter-spacing:0}
  .su-fragen .ann-fragen{margin-left:calc(498 * var(--fx));width:calc(958 * var(--fx))}
  :is(.su-fragen,.ann-flav-fragen) .ann-frage summary{min-height:calc(71 * var(--fx));padding-block:0}
  :is(.su-fragen,.ann-flav-fragen) .ann-frage:last-child{border-bottom:0}
  :is(.su-fragen,.ann-flav-fragen) .ann-frage summary::after{content:"";flex:none;width:calc(30 * var(--fx));height:calc(30 * var(--fx));
    background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat}
  :is(.su-fragen,.ann-flav-fragen) .ann-frage[open] summary::after{background-size:100% 2px,0 0}
  .fr-text{left:calc((var(--fr-c) - 165) * var(--fx));width:calc(330 * var(--fx))}
}
.ann-textkachel .ann-klein{text-wrap:balance}
@media (min-width:900px){.ann-pure-wahl .ann-textkachel .ann-knopf-schwarz{left:calc(73 * var(--fx));bottom:calc(96 * var(--fx))}}
@media (min-width:1400px){.ann-produkt .ap-text,.ann-produkt .ap-spalten{margin-left:calc(var(--rf-xl) - 21 * var(--fx))}}
@media (max-width:379px){
  .su-tabelle{font-size:var(--s-mikro)}
  .su-tabelle tbody th{font-size:var(--s-mikro);padding-right:var(--r-eng)}
  .su-tabelle td{padding-inline:var(--r-eng)}
  .su-tabelle thead th{padding-inline:var(--r-eng);overflow-wrap:anywhere}
}
.ann-flav-kopf{position:relative}
.ann-neu{position:absolute;z-index:1;left:calc(903 * var(--fx));top:calc(440 * var(--fx));width:calc(139 * var(--fx));height:auto}
@media (max-width:599px){.ann-neu{left:79vw;top:107vw;width:20vw}}
:root{--sf-frame-12:max(var(--s-mikro),calc(12 * var(--fx)));--sf-frame-15:max(var(--s-label),calc(15 * var(--fx)));--sf-frame-16:max(var(--s-label),calc(16 * var(--fx)));
  --sf-frame-24:max(var(--s-klein),calc(24 * var(--fx)));--sf-frame-plus:calc(52 * var(--fx))}
.b2b-held .ann-label{text-transform:none}
.b2b-vor{font-family:'Roboto Condensed',Roboto,sans-serif}
.b2b-fakten .su-fakt-titel{text-transform:none}
.b2b-schluss .b2b-mail{text-decoration:underline}
.b2b-foto-bild{aspect-ratio:1920/1080;object-position:50% 50%}
.b2b-schritte .su-fakt h3{text-transform:uppercase}
@media(min-width:900px){
  .b2b-vor{max-width:none;width:calc(500 * var(--fx));margin-inline:auto}
  .b2b-fakten .su-raster{border:2px solid var(--linie)}
  .b2b-schritte{padding-bottom:calc(132 * var(--fx))}
  .b2b-raster-drei{width:calc(1600 * var(--fx));margin:0 0 0 calc(163 * var(--fx));grid-template-columns:510fr 542fr 548fr;min-height:calc(320 * var(--fx));border:2px solid var(--linie)}
  .b2b-raster-drei .su-fakt{position:relative;padding-bottom:0;padding-right:calc(64 * var(--fx))}
  .b2b-schritte .was{line-height:1.2;margin-top:calc(10 * var(--fx))}
  .b2b-fakten{padding-bottom:calc(154 * var(--fx))}
  .b2b-fakten .su-fakt{padding-bottom:calc(12 * var(--fx))}
  .b2b-raster-drei .su-fakt{border-right-color:var(--linie)}
  .b2b-schritte .tasten{position:absolute;left:calc(54 * var(--fx));top:calc(100% + 28 * var(--fx));margin:0;padding:0}
  .b2b-kontakt{padding:calc(170 * var(--fx)) 0 calc(187 * var(--fx))}
  .b2b-kontakt .ann-label{margin-bottom:calc(58 * var(--fx))}
  .b2b-karte{width:calc(615 * var(--fx));padding:calc(29 * var(--fx));border-radius:calc(60 * var(--fx))}
  .b2b-karte-innen{background:var(--sand);padding:calc(62 * var(--fx)) calc(40 * var(--fx)) calc(126 * var(--fx))}
  .b2b-karte-logo{width:calc(228 * var(--fx))}
  .b2b-karte-unter,.b2b-karte-mail{font-size:var(--sf-frame-16)}
  .b2b-karte-titel{font-size:var(--sf-frame-24)}
  .b2b-karte-linie{height:3px;border-radius:2px;margin:calc(32 * var(--fx)) auto}
  .b2b-karte-tasten{gap:calc(11 * var(--fx));margin-top:calc(28 * var(--fx))}
  .b2b-schluss{min-height:calc(350 * var(--fx));padding:calc(34 * var(--fx)) 0 calc(40 * var(--fx));box-sizing:border-box}
  .b2b-schluss .ann-label{margin:0}
  .b2b-schluss svg.b2b-schluss-hand{margin:calc(-20 * var(--fx)) auto 0}
  .b2b-schluss .ann-text{width:calc(350 * var(--fx));max-width:none;margin:calc(10 * var(--fx)) auto 0;font-family:'Roboto Condensed',Roboto,sans-serif;font-size:var(--sf-frame-16);line-height:1.2}
  .b2b-schluss .b2b-tasten{margin-top:calc(20 * var(--fx))}
}
.fuss .fuss-ann .spalten ul:not(.fuss-social) a{color:var(--weiss)}
.schub-panel .schub-social a{border-color:var(--zart)}
.schub-panel .schub-social svg{width:21px;height:21px}
:root{--sv-spalte:640px;--sf-sv-text:16px;--rot:#b12028}
.sv-vor{font-size:var(--sf-sv-text);line-height:1.5}
.sv .artikel,.sv .artikel > p:first-child{font-size:var(--sf-sv-text);line-height:1.5}
.sv .artikel .inhalt-vz .ivz-kopf{color:var(--matt);font-weight:400;letter-spacing:.04em;text-transform:none}
.sv .artikel .inhalt-vz a{color:var(--matt);min-height:var(--r-kasten);font-size:var(--s-label);text-decoration:none}
.sv-belege .bl-text,.sv-belege .bl-was{color:var(--tinte)}
@media(min-width:900px){
  .rubrik-kopf.sv-kopf{padding-top:calc(206 * var(--fx));padding-bottom:0}
  .sv-kopf .sv-label{margin-bottom:calc(30 * var(--fx))}
  .sv-kopf .sv-vor{margin-top:calc(28 * var(--fx))}
  .sek.sv{padding-top:calc(60 * var(--fx))}
  .sv .artikel h2{line-height:calc(56 / 48);margin-top:calc(34 * var(--fx));margin-bottom:var(--r-polster)}
  .sv .artikel h2::before{margin-bottom:calc(71 * var(--fx))}
  .sv .artikel h2:first-of-type{margin-top:calc(48 * var(--fx))}
  .sv .artikel .inhalt-vz{margin-top:calc(32 * var(--fx))}
  .sv .artikel .inhalt-vz ol{column-gap:var(--r-polster)}
  .sv-belege .bl-raster,.sv-belege .bl-wand{width:calc(1227 * var(--fx))}
  .sv-belege .bl-raster{border-width:2px;min-height:calc(354 * var(--fx))}
  .sv-belege .bl-k{padding:calc(48 * var(--fx)) calc(40 * var(--fx)) calc(32 * var(--fx))}
  .sv-belege .bl-wand{border-top:0;margin-top:calc(40 * var(--fx));padding-top:0}
  .sv-belege{padding-bottom:0}
  .sv-belege .bl-link{margin-top:calc(58 * var(--fx))}
  .sv-belege .bl-was + .bl-text + .bl-link{margin-top:0}
  .sv-wege{padding-block:calc(135 * var(--fx)) calc(150 * var(--fx))}
  .sv-wege .sv-wege-raster{display:grid;width:calc(1314 * var(--fx));max-width:none;margin:calc(151 * var(--fx)) 0 0 calc(303 * var(--fx));
    grid-template-columns:calc(405 * var(--fx)) calc(473 * var(--fx)) calc(436 * var(--fx))}
  .sv-wege .sv-wege-raster > div{padding:0 calc(32 * var(--fx)) 0 0;display:flex;flex-direction:column}
  .sv-wege .sv-wege-raster > div + div{padding-left:calc(62 * var(--fx))}
  .sv-wege .sv-wege-raster > div:last-child{padding-left:calc(46 * var(--fx))}
  .sv-wege .was{font-size:var(--sf-sv-text);line-height:1.2}
  .sv-wege .tasten{margin-top:auto;padding-top:calc(32 * var(--fx))}
}
@media(min-width:900px){
  .ann-auswahl .ann-label{transform:translateY(calc(-10 * var(--fx)))}
  .ann-auswahl .ann-h.ann-h-frei{transform:translateY(calc(10 * var(--fx)))}
  .ann-auswahl .ann-auswahl-zeile{transform:translate(-50%,calc(-17 * var(--fx)))}
  .ann-auswahl .ann-seiten{padding-top:calc(560 * var(--fx))}
  .ann-auswahl .ann-preis{padding-right:calc(12 * var(--fx))}
  .ann-auswahl .ann-preis b{text-transform:none;font-size:var(--sf-frame-15)}
  .ann-auswahl .ann-preis-linie{letter-spacing:0;font-size:var(--sf-frame-12)}
  .ann-auswahl + .ann-versprechen{padding-block:calc(29 * var(--fx)) calc(28 * var(--fx))}
  .ann-auswahl + .ann-versprechen .lv-unter,.b2b-leiste .lv-unter{font-family:'Roboto Condensed',Roboto,sans-serif;font-size:var(--sf-frame-16);margin-top:calc(-8 * var(--fx))}
  .ann-auswahl ~ .ann-warum-dose p.ann-text{line-height:1.25}
  .ann-auswahl ~ .ann-gut-zu-wissen .ann-frage:last-child{border-bottom:0}
  .ann-auswahl ~ .ann-gut-zu-wissen .ann-frage summary::after{font-size:var(--sf-frame-plus);font-weight:300;line-height:.6}
  .ann-auswahl ~ .ann-gut-zu-wissen{min-height:calc(739 * var(--fx))}
  .b2b-held > .b2b-leiste{top:calc(877 * var(--fx))}
  .b2b-held .b2b-claim-h{transform:translateY(calc(-8 * var(--fx)))}
  .b2b-held .b2b-vor{margin-top:calc(38 * var(--fx))}
  .b2b-held .b2b-tasten{margin-top:calc(18 * var(--fx))}
}
@media(max-width:899px){.b2b-karte{width:100%}}
.knopf-lang{--knopf-sperrung:.1em}
.b2b-fakten .su-fakt p{margin:0}
.b2b-fakten .su-fakt .su-fakt-titel{margin-top:var(--r-paar)}
.b2b-fakt-text span{display:block}
@media(min-width:900px){.b2b-fakten .su-fakt .su-fakt-titel{margin-top:calc(-3 * var(--fx))}}
.md-erfolg{outline:0}
.md-spam{margin:var(--r-paar) 0 0;font:400 14px/1.4 Roboto,sans-serif;color:var(--md-grau);text-align:center}
.art-mitte{text-align:left}