/*CSS zu red. Seiten*/
@font-face{font-family:'icons';
src:url('../iconfonts/icons.woff2') format('woff2'),url('../iconfonts/icons.woff') format('woff');font-weight:normal;font-style:normal;font-display:block}
.i-star-empty:before{content:"\e9d7"}
.i-star-half:before{content:"\e9d8"}
.i-star-full:before{content:"\e9d9"}
.i-cart:before{content:"\e93a"}
.i-tel:before{content:"\e942"}
.i-user:before{content:"\e971"}
.i-such:before{content:"\e986"}
.i-fb:before{content:"\ea90"}
.i-inst:before{content:"\ea92"}
[class^="i-"],[class*=" i-"]{font-family: 'icons' !important;speak:never;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1}
.pl_lpr{font-weight:normal}
.i-txt,#su-sw,#adr,.su-auf,#links_img:hover div{position:absolute}
#spr,#mk,#su,#langnav select{position:relative}

.i-txt{width:1px;height:1px;overflow:hidden}
header{position:sticky;background-color:#fff}
header.active{top: var(--_top)}
img{border:0;max-width:100%;height:auto}

#leiste{display:flow-root;margin-top:0.5em;height:2.25em}
#leistentxt{margin-left:.5em;font-size:.85em}
#kdn{font-size:1.25em;margin-right:1em}

#spr{padding-right:2em}
.br900,.br-mobil,.br600{display:none}
.ohne a{color:#000;text-decoration:none}

/* Kopf */
#k{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:-1.5em auto 0.5em}
#mk{grid-column:2;width:300px;height:140px;transform:translateX(-25px) }
#adr{top:75px;left:75px;color:#555;line-height:1.25;text-align:center;white-space:nowrap;font-style:italic}
.toptxt{padding-top:.5em}
.toptxt{max-width:1200px}
.toptxt{margin:0em auto}
/* Suche */
#su{grid-column:3;display:flex;align-items:center;justify-content:flex-end;justify-self:end;width:24em}
#su-sw{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.su-auf,.su-go{display:flex;align-items:center;justify-content:center;height:2.5em;color:#000;cursor:pointer}
.su-auf{right:0;width:2.5em;font-size:1.25em}
#search{display:flex;align-items:center;overflow:hidden;opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .3s}
#su-sw:checked~#search{opacity:1;visibility:visible}
#su-sw:checked+.su-auf{display:none}
#suchbegriff{width:19em;min-width:0;height:2.5em;padding:.4em .6em;border:1px solid #999;font-size:100%}
.su-go{width:2.5em;border:0;background:transparent;font-size:1.15em}
#langnav select{top:-2px}
*{box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif,Verdana}
body,#f ul {padding:0;margin:0}
figure{margin:0}
#b,#b_rtl,#sterne{max-width:1000px}
#b90{max-width:90%}
#b,#b90,#b_rtl{margin:2em auto}
.findnav,.findnav a{margin:2em 0;font-size:90%;color:#000;text-decoration:none;line-height:140%}
#sterne{margin:1em auto 0}
#leer{clear:right;margin:1.5em 0;line-height:2.5em}
a,.button a,.button-g a,.klwk-gelb a,.klwk-grau a,.button:hover,.button-g:hover,.schalt a:hover,.lw a:hover,.kn a:hover.rcke:hover,.vore:hover,.xrcke:hover,.xvore:hover,.rcke a,.vore a,.xrcke a,.xvore a{text-decoration:none}
a{color:#039}
a:hover{color:#03C}
a:hover{text-decoration:none}
.kn,.br,.bl,.mitte,.button,.button-g,.lw,.schalt,.rcke,.vore,.xrcke,.xvore{text-align:center}
.re,.lnav,.for,.for45,.BU,#sterne{text-align:right}
.google{color:#FF0;font-size:200%}
.inh,.w,.fol,.fol45,#links_img,.links33,.fl,.bl,.bl2,.wkl,.lw,.schalt,.c25,.c75,.av,.vid-li,.kdfoto,.rcke,.xrcke,.xvore,.bestmenge,.pl_img,.prolist{float:left}
.vid-li{width:40%;height:auto;margin:0 2em 2em 0}
#leer,.for,.for35,.fr35,.for45,.fr-fix,.fix100,.br,.br-li,.vore,.for-resp,.vid50r,#kdn,#spr,.pl_eur{float:right}
footer,.w,.cl,.clearfix:after,#grew,#srew,.wbl::after,.c25,#produkte{clear:both}
.lnav,input[type=submit],.plusminus,.button,.button-g{-webkit-appearance:none;-moz-appearance:none;appearance:none}
.inh,.lnav,.wb,.wbl,.br,.br-li,.bl,.prolist{border:1px solid #ccc}
.lnav,.lw:hover,.schalt:hover,.button:hover,.button-g:hover{cursor:pointer}
.rcke,.vore,.xrcke,.xvore{padding:0.5em 2em}

#b_rtl{direction:rtl;line-height:150%;font-size:110%}
.a0{margin-top:0}
.ab05{margin-top:0.5em}
.abst,.hista,h2 + h3,h2 + section > h3,h3 + h4,h3 + section > h4{margin-top:1em}
.ab2,h2,h3,h1 + h2,h1 + section > h2{margin-top:2em}
.ab3{margin-top:3em}
.kdfoto{margin:0.5em}
.lw,.lw:hover,.schalt{margin:1em 1em 2em 0}
.for,.for35,.for45,.fix100,.fr-fix{margin:0 0 2em 3em}
.fr35{margin:2em 0 2em 3em}
.fol,.fol45{margin:0 3em 2em 0}
.fl{margin:2em 3em 2em 0}
.inh,.wb100{margin:2em 0}
.pl_img{margin:0 0.5em 1em 0}
.hista_det{margin-top:0.25em;font-size:90%;line-height:125%}
.inh,.wb100,.lw{padding:1em}
.a05,.iconbox{padding-top:0.5em}
.a1{padding-top:1em}
.padd10,.a2{padding-top:2em}
.padd-re2,.bl,.bl2{padding-right:2em}
#produkte{padding-top:3em}
.wkl{padding:0 1em 0 0}
h4{margin-top:1.75em;margin-bottom:.5em}

h2{font-size:130%;line-height:1.5}
.pl_lpr{font-size:55%}
.h1u,.t65{font-size:65%}
.h3u,.t76,.h2u,.iconbox{font-size:76%}
.t70{font-size:70%}
.BU,.t80,#sterne{font-size:80%}
.t85{font-size:85%}
.t90,.wb,.wbl,.inh,.button,.button-g,INPUT,SELECT,TEXTAREA,.kn{font-size:90%}
h3{font-size:110%}
.ue{font-size:120%}
.pr,.grew-ue,.pl_eur{font-size:125%}

.ue{padding:20px 0 10px}
.BU{font-style:italic}
.load a{color:#999}
.pr{line-height:1.25em}
.clearfix:after{content:" ";display:block}
.inh{line-height:1.5em;width:25em}
.za{line-height:200%}
.links33{width:50%}
.m5{width:200px}
SELECT,.plusminus{background-color:#fff}
.plusminus,input,TEXTAREA,SELECT{border:1px solid #999}
input.bigcheck{height:1.5em;width:1.5em} 
input[type=submit]{padding:0.25em}
input,input[type=submit],SELECT{height:2em}
.textarea{width:60%;height:7em}
input[type='radio']{height:1em;width:1em}
.plusminus{border-radius:0}
.button,.button-g,.kn{border-radius:0.25em}
.card-content-grew{border:1px #ccc solid}
.kn,.submit,.schalt,.lw,.button-g,.klwk-gelb,.schalt:hover{border:3px outset #FC3}
.kn{-webkit-appearance:none;padding:0.5em 1em;border:1px outset #FC3}
.lw:hover,.schalt:hover{border:3px outset #ccc}
.schalt:hover,.button:hover,.button-g:hover,.kn:hover{background-color:#FF6}
.button,.button-g{padding:0.5em 1em}
.button-g,.klwk-gelb,.kn{background-color:#FC0}
.plusminus,.button-g,.klwk-gelb,.button,.klwk-weiter,.klwk-grau,.button a,.button-g a,.klwk-gelb a,.klwk-grau a,.schalt a,.lw a,.kn,.kn a,.kn a:hover{color:#000}
.button,.klwk-weiter,.klwk-grau{background-color:#CCC;border:1px outset #aaa;}
.button a,.button-g a,.klwk-gelb a,.klwk-grau a{display:block}
.button:hover,.button-g:hover,.kn:hover{border:1px outset #F93}
.plusminus,.kn,.button,.button-g,.grew-ue,.ue,.th,em,#output a,.pl_eur{font-weight:bold}
.grew-ue{margin-top:2em}
#grew,#srew,#gb{display:flex;min-width:100%;height:340px;overflow-x:auto}
.grew-ue,.card-content-grew{background-color:#fff}
#srew{display:flex}
#srew{height:300px}
#srew{min-width:0;flex:1 1 auto}
#srew > .card-content-prew{width:250px;flex:0 0 240px}
.card-content-prew{background-color:#fff;border:1px solid #ccc;min-width:240px;padding:.5em 1.5em;line-height:1.25em;overflow-y:auto}
.card-content-prew{margin:0}
.shoprev-einzel{margin:-.75em 0 -.5em;font-size:.7em;line-height:1.25em}
.shoprev-sterne{color:#e5b700;white-space:nowrap;letter-spacing:-.1em;font-size:1.25em}

.kdf{display:flex;min-height:250px;min-width:100%;overflow-x:auto}
.kdf_inh{min-width:200px;margin:1em 1em 1em 0}
.card-content-grew{min-width:240px;padding:.5em 1.5em;margin:0;line-height:1.25em;overflow-y:auto}
.av{margin:0 1em 1em 0}
.fgruppe{display:contents}
#f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:3em;row-gap:2em;max-width:1200px;margin:3em auto 0;padding:2em 0 5em;border-top:3px solid #ccc}
.ff{min-width:0}
#f ul li{list-style:none}
#f li{margin:0 0 .25em}
#f .fsocial{margin-top:1.25em}
.schalt,.wb,.wbl{padding:1em}
.wbl{margin:1em 0}
.wb,.wbl{margin:2em 0}
.wbl{width:60%}
.w5{width:5em}
.w10{width:10em}
.button,.button-g,SELECT{width:12em}
.w13{width:13em}
.w15,.c25{width:15em}
.w18{width:18em}
.schalt{min-width:12em;height:5em}
.br,.br-li{padding:1em;margin:0 0 2em 2em}
.bl{padding:1em;margin:0 2em 2em 0}
.knli{margin-right:2em}
.za{line-height: 200%}
.rot{color:#af0000}
.gruen{color:#060}
.grau{color:#777}
.klapp [type="checkbox"],#links_img div{display:none}
#links_img{margin:0 3em 1em}
#links_img:hover div{display:block;width:300px;top:440px;left:180px}
.altop{vertical-align:sub}
.c25{margin-top:0.5em}
.c75{width:30em;margin-top:0.25em}
.spalt3{column-count:3;column-rule-color:#ccc;column-rule-width:1px;column-rule-style:solid}
#output li{margin:1em 0}
.acc{margin:0 0 0.5em 0}
.acc>h2,.acc>h3{margin:1.5em 0 0}
.acc>h4{margin:.5em 0 0}
.acc__t{display:none}
.acc__l{cursor:pointer;display:inline-flex;align-items:flex-start;gap:.4em;vertical-align:top}
.acc__l:before{content:"▸";flex:0 0 auto;font-size:1.5em;line-height:.8}
.acc__l:hover:before{color:#666}
.acc__p{max-height:0;overflow:hidden}
.acc__t:checked + h2 .acc__l:before,.acc__t:checked + h3 .acc__l:before,.acc__t:checked + h4 .acc__l:before{content:"▾"}
.acc__t:checked + h2 + .acc__p,.acc__t:checked + h3 + .acc__p,.acc__t:checked + h4 + .acc__p{max-height:100000px}
.faq{list-style:none;padding:0;margin:0}
.faq>li{margin:0}
.stars{display:inline-block;white-space:nowrap;font-family:'icons' !important;line-height:1}
.stars i{margin-right:0.1em}
.stars_on,.bg-gelb{color:#e5b700} /* gelb */
.stars_off{color:#e5b700} 
.linie{color:#ccc;margin:2em 0;clear:both}

.for-resp{margin:.5em 0 2em 3em}
.for-resp img{display:block;width:100%;height:auto}
.vid50r{width:480px;height:auto;margin:.5em 0 2em 3em}

.bu-l,.bu-r{margin-top:.5em;font-size:90%;font-style:italic;display:block;contain:inline-size}
.bu-l{text-align:left}
.bu-r{text-align:right}

.pi-toplink{position:fixed;right:0;bottom:0;left:0;z-index:1000;background:#fff;border-top:1px solid #e8e8e8;text-align:center;padding:.35em;font-size:80%}
.pl_lpr,.pi-toplink a{color:#666}
.pl_lpr{position:relative;top:-.25em}
.rezeptgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4%;align-items:start}
.rezeptgrid{float:none;clear:none;width:auto}
.re{text-align:right}
.bestmenge{margin-right:2em}

.rcke,.vore,.xrcke,.xvore{font-size:90%}
.rcke,.vore,.xrcke,.xvore,.rcke a,.vore a,.xrcke a,.xvore a,.rcke:hover,.vore:hover,.xrcke:hover,.xvore:hover{color:#000}
.rcke,.vore,.xrcke,.xvore{background-color:#CCC;border:1px outset #aaa;}
.rcke a,.vore a,.xrcke a,.xvore a{display:block}
.rcke:hover,.vore:hover,.xrcke:hover,.xvore:hover{background-color:#FF6;border:1px outset #F93;cursor:pointer}#gal{width:600px}
.rcke,.vore,.xrcke,.xvore{font-weight:bold}
.rcke,.vore,.xrcke,.xvore{border-radius:0.25em;}
.xvore{margin-left:2em}
.rcke::before,.xrcke::before{content:"back"}
.vore::after,.xvore::after{content:"next"}
#pro-list{list-style-type:none;margin:0;padding:0}
#pro-list > li{margin:0;padding:0}
#pro-list h2{margin-top:0.5em;font-size:100%;line-height: normal;}
.prolist{width:315px;height:480px;padding:0.5em;margin:0 1em 1em 0}
.prolist a{color:#333}
.pl_eur{line-height:100%}
.pl_eur{margin-top:-.2em}
.lh130{line-height:130%}
.pl_preis>p{margin-top:0}

/* =========================================================
   NAVIGATION (NEU) – Desktop first
========================================================= */
#navi{width:100%;background:#ccc;position:relative;z-index:1000;clear:both}
#navi .navbar{max-width:1200px;margin:0 auto;position:relative}
#navi ul{list-style:none;margin:0;padding:0}
#navi a,#navi a:link,#navi a:visited{color:#000;text-decoration:none}
#navi a:hover,#navi a:active{color:#00f;text-decoration:underline}
#navi ul.menu{display:flex;justify-content:center;align-items:center}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{display:block;padding:.9em 1em;white-space:nowrap;color:#444}
#navi ul.menu>li:hover>a,#navi ul.menu>li>a:hover{background:#fff;color:#00f;text-decoration:underline}
#navi ul.menu>li:hover>.menu-label{background:#fff;color:#000;text-decoration:none}
#navi input[type=checkbox],#navi .toggle-main,#navi .toggle-close{display:none}
#navi .menu-label{cursor:pointer}
#navi li.has-mega>ul{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:2px solid #ccc;box-sizing:border-box}
#navi li.has-mega:hover>ul{display:block}
#navi .mega-inner{display:flex;flex-wrap:wrap;gap:1.25em;padding:1.4em 1em 5em 2em;align-items:flex-start}
#navi .mega-inner-4 .mega-col{flex:0 0 calc(25% - .95em)}
#navi .mega-toplink{flex:0 0 100%;margin-top:1.5em;font-weight:700}
#navi .mega-toplink a{display:inline-block}
#navi .mega-col{flex:1 1 0;min-width:0;text-align:left}
#navi .mega-head,#navi .mega-subhead{font-weight:700}
#navi .mega-head{margin-bottom:.45em}
#navi .mega-subhead{margin:1.5em 0 .45em}
#navi .mega-list{margin:0;padding:0;list-style:none;text-align:left}
#navi .mega-list li a{display:block;padding:.32em 0;white-space:normal;line-height:1.25;font-size:.95em}
#navi .mega-columns{columns:2;column-gap:1em}
#navi .mega-columns li{break-inside:avoid}
#navi .mega-columns-4{columns:4}
#navi .mega-sep{border:0;border-top:1px solid #d7d7d7;margin:.9em 0 .7em}


/******** Navi für große Tablets: Verkleinerung 3-stufig ********/
/* 1051–1159 Pixel */
@media(max-width:1159px) and (min-width:1051px){
#navi{font-size:100%}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{padding:.9em .6em}
}

/* 981–1050 Pixel */
@media(max-width:1050px) and (min-width:981px){
#navi{font-size:95%}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{padding:.9em .6em}
}

/* 901–980 Pixel */
@media(max-width:980px) and (min-width:901px){
#navi{font-size:90%}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{padding:.9em .4em}
}
/* Seitenabstand große Tablets */
@media(max-width:1020px) and (min-width:901px){
#f,#m,#b{padding-left:.5em;padding-right:.5em}
}
/* Logo große Tablets mittiger */
@media(max-width:1099px) and (min-width:901px){
#k{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
}

/******** product_list nur für Desktop ********/
@media(min-width:901px){

#pro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
#pro-list>li{display:flex}
.prolist{display:flex;flex-direction:column;float:none;width:100%;height:auto;margin:0}
.pl_inhalt{flex:1 1 auto}
.pl_preis{margin-top:auto}}


@media(max-width:900px) and (min-width:601px){
#pro-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1em}
#pro-list>li{display:flex}
.prolist{display:flex;flex-direction:column;float:none;width:100%;height:auto;margin:0}
.pl_inhalt{flex:1 1 auto}
.pl_preis{margin-top:auto}
}


@media all and (max-width:900px) {
#k{grid-template-columns:1fr auto 1fr;align-items:start;max-width:none;margin:-2em 0 .5em}
#leiste{margin-top:0}
.br900{display:inline}
.hide{display:none}

#mk{grid-column:2;position:relative;justify-self:center;align-self:start;width:200px;height:100px;transform:translateX(-10px)}
#lg img{width:180px}
#adr{top:58px;left:54px;font-size:75%;line-height:1.15}

#su{grid-column:3;position:relative;top:1em;width:2.5em;justify-self:end;align-self:center}
#search{position:absolute;top:50%;right:0;transform:translateY(-50%);display:none;margin:0}
#su-sw:checked~#search{display:flex}
#suchbegriff{width:17em}

#langnav select,.lnav{width:4.5em}
#langnav select{top:-3px;border:0;background:transparent;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
#leistentxt,#kdn,#kdn a,#spr,#spr a,#langnav select{color:#555}

body{margin:0.5em;}
#b{margin:2em 0.5em;max-width:900px}
.plusminus,input[type='radio'],input.textarea{height:2em}
.plusminus{padding:0.25em 0.75em}
input.bigcheck{height:3em;width:3em} 
input[type='radio']{width:2em}
.for45,.fol45{max-width:45%}
.fr35,.for,.fol{max-width:35%}
.inh{width:50%}
input.text,input.tel,input.email,input.password,textarea{width:95%}
input.textarea{font-size:100%}
input.select,.plusminus{font-size:125%}
textarea{height:5em}
.wb{padding:1em}

input.select{-webkit-appearance:none}
#f{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4em;row-gap:2.5em;margin-top:3em;padding-right:1em;padding-left:1em}
#f,.liste{line-height:1.5em}
#f li{margin:0}
#f .fsocial{margin-top:0ch}

.br-mobil{display:inline}
.cl900{clear:both}
h2{line-height:1.25}
.bestmenge{float:none;margin:1em 0}
.vid50r{width:50%;height:auto;margin:0 0 1em 2em}

/* =========================================================
   NAVIGATION (NEU)  mobil
========================================================= */
#navi .navbar{width:100%}
#navi #drop ~ ul.menu,#navi #drop:checked ~ .toggle-main,#navi li.has-mega:hover > ul {display:none}
#navi #drop:checked ~ .toggle-close{display:block}
#navi #drop:checked~ul.menu{display:block;position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1002;background:#FFF;padding:4.2em 0 2em 0;margin:0;border:0}
#navi ul.menu > li{display:block}
#navi ul.menu{display:block;margin:0}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{white-space:normal}
#navi li.has-mega>ul{position:static;top:auto;left:auto;width:100%;min-width:0;border:0}
#navi li.has-mega>input[type=checkbox]:checked~ul,#navi .mega-inner,#navi .mega-inner-4{display:block}
#navi .mega-col,#navi .mega-inner-4 .mega-col{flex:none;width:100%;min-width:0}
#navi .mega-columns,#navi .mega-columns-4{columns:1}
#navi .toggle-main{display:block;padding:.9em 1em;line-height:1.2}
#navi .toggle-close{display:none;position:fixed;top:0;right:0;padding:.9em 1em;font-size:1.4rem;line-height:1;cursor:pointer;z-index:1003}
#navi .mega-inner,#navi .mega-inner-4{padding:.4em 1em 1em 1em;align-items:flex-start}
#navi .mega-toplink{margin-top:.5em}

}


/******* ausschließlich für Tablets, nicht Desktop + Handy *****/
@media(max-width:900px) and (min-width:601px){
#f{grid-template-columns:repeat(2,minmax(0,1fr))}
#f .fgruppe{display:block;min-width:0}
#f .fgruppe:first-child .ff+.ff{margin-top:2em}
#f .fgruppe:nth-child(2) .ff+.ff{margin-top:0}

.for-resp{max-width:50%;margin:.5em 0 1em 2em}


#pro-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1em}
#pro-list>li{display:flex}
.prolist{display:flex;flex-direction:column;float:none;width:100%;height:auto;margin:0}
.pl_inhalt{flex:1 1 auto}
.pl_preis{margin-top:auto}

}


/*********** bis 600 Pixel Breite ***********/
@media all and (max-width:600px) {
body{-webkit-hyphens:auto;hyphens:auto;
/* Wort min. 8 Zeichen, vorn 4, hinten 4 */
hyphenate-limit-chars: 8 4 4;
/* Safari-Fallback für die 3-Zeichen-Regel */
-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4}
h1,h2,h3,h4{hyphens:none;-webkit-hyphens:none}
/* Kopf mobil */
#leiste{position:relative;display:flow-root}
.toptxt{display:flex;align-items:center;justify-content:space-between;padding:0}
#leistentxt,.br900{display:none}
#k{margin-bottom:0}
#spr,#kdn{position:static}
#spr{order:1;padding:0}
#kdn{order:2;margin:0}
#lg img{width:165px}
#adr{top:52px;left:48px;font-size:72%}
#su,.su-auf,.su-go{width:1.5em}
.su-auf,.su-go{justify-content:flex-end}
#search{right:0}
#f{grid-template-columns:1fr;row-gap:0;padding-right:.5em;padding-left:.5em}
#f .fgruppe{display:contents}
#f .fgruppe:first-child .ff+.ff{margin-top:1.5em}
#f .fgruppe:nth-child(2) .ff+.ff{margin-top:0}
.fix100,.hst,.fl{padding:0}
.wb,.wbl{padding:1em 0;border:none}
.abm{padding-top:1em}
#suche{padding-top:3em}
.bl2{padding-right:0}
.bl{padding-right:1em}
.kleinz{padding:1em 0 0 1.25em}
.knli{margin-right:0}
.fix100{margin:0 0 1em 0}
.for,.for45,.for35{margin:.25em 0 1em 1.5em}
.fr35{margin:1.5em 0 1em 1.5em}
.fol,.fol45{margin:0 1.5em 1em 0}
.fl{margin:2em 1.5em 1em 0}
.wb,.wbl{margin:0 0 2em 0;border-bottom:1px solid #ccc}
.inh,.klinh,#links_img div,#links_img:hover div{display:none}
.w13,.w15,.w18,.fix100,.wb,.wbl,.button-g,.knli,.knre,.c25,.c75,#gal,.links33,.vid-li,.for-resp,.vid50r{width:100%}
.fix100,.fl,.br,.br-li,.button-g,#frmlr p,.links33,.vid-li,.for-resp,.vid50r,#langnav,.lnav,#spr,#kdn{float:none}
.for35{max-width:35%}
.br,.br-li{border:1px solid #ccc}
.br,.br-li{padding:0.5em;margin:1em 0} 
#produkte{padding-top:2em}
.za{line-height:150%}
h1{font-size:140%}
h2{font-size:120%}
h1 + h2,h1 + section > h2{margin-top:2em}
h2 + h3,h2 + section > h3 {margin-top:1em}
.hst{list-style:none;margin:1em 0 0}
.jpdet,.cl600{clear:both}
.cl600{padding-top:1.25em}
.cl600 > h3:first-child{margin-top:0}
.hide600{display:none}
#frmlr p{margin-top:-0.1em}
.wb,.wbl{border-top:1px solid #ccc}
.klapp h2{margin:0;padding:1em 0}
.klabel{display:inline-flex;align-items:flex-start;gap:.4em;cursor:pointer}
.klabel:before{content:"▸";flex:0 0 auto;font-size:1.5em;line-height:.8}
.klapp:has(>input:checked) > h2 .klabel:before{content:"▾"}
.klapp input:checked+.klinh{display:block}

#links_img{margin:0 1em 1em;width:25%}
.lw{width:80%}
.schalt{margin:.5em 0}
.spalt3{column-count:1}
.liste,.li-eng{padding-left:1em}
.br600{display:inline}


.for-resp,.vid50r{margin:.5em 0 2em}

.vid50r{height:auto}

.rezeptgrid{grid-template-columns:1fr}
.hista{hyphens:none;-webkit-hyphens:none}
.prolist{float:none;width:100%;height:auto;margin:0 0 1em}

#gal{width:100%;text-align:left}
.xrcke,.xvore{width:45%}
.xrcke::before{content:"<<"}
.xvore::after{content:">>"}
}