:root{color-scheme: light only;
--MxW:1000px;
--BGW:min(100vw,var(--MxW));
--FxW:calc(100vw - var(--BGW));
font-size:clamp(14px,calc(.2vh + calc(var(--BGW) * 6 / 1000) + 13px),20px);
--cck:1.5rem;
--rFSi:min(2.5vw,1rem);
--NVF:min(1rem,3vh,4vw);

--mpx:2px;
--FSiMn:calc(calc(var(--BGW) / 125) + .5rem);
--FSiBt:clamp(5px,calc(.9 * var(--FSiMn)),24px);

--Pdg:calc(3 * var(--FSiMn));
--BgToB:max(37px, var(--Pdg));

--Pdh:min(10vh,var(--Pdg));
--grPd:min(.7em,calc(var(--Pdh) / 2));
--klPd:.25rem;

--FVW:calc(.8 * max(37px, var(--Pdh)));

--ImgFkt:1;
--IHght:772;--IWdth:2022;
--ZBtop:max(
    calc(calc(var(--ImgFkt) * 726 * var(--BGW) / var(--IWdth)) + var(--BgToB)),
                calc(
calc(var(--ImgFkt) * var(--IHght) * var(--BGW) / var(--IWdth)) + var(--BgToB) - 1px
                ));

--Cwht:#fff;
--Cglb:#ffc700;
--Cwhv:#8B0428;
--Crrt:#b00;
--Chov:#d00;

--IMvw:min(150px,calc(var(--BGW) * 15 / 100));
--BRs:2em;
--BRD:.2rem;

--BurgerMargin:calc(var(--BGW) / 50);
--Phh:calc(var(--BurgerMargin) + var(--BgToB));
}

html,body,h1,h2,h3,h4,h5,p,table{font-family:Lato,Arial,'Liberation Sans',Helvetica,sans-serif;color:#333;margin:0;padding:0;
scroll-behavior: smooth;
/* scroll-padding-top:calc(1.5 * var(--Pdh)) */

}body{background-color:var(--Cwht);}
h1,h2,h3{font-weight:400}
h2,h3{background-color:var(--Cglb);border-radius:0 var(--BRs) var(--BRs) 0;}
h4,h5,p,table{margin:0 var(--cck) calc(var(--klPd)) var(--cck)}
h4,h5{margin-top:calc(var(--Pdh) - var(--klPd))}
h1{font-size:max(1.3rem,calc(1.6 * var(--rFSi)));font-weight:600;top:0;
    margin:0;padding:calc(3 * var(--Pdh) / 4) calc(2 * var(--cck));
/*     padding:calc(3 * var(--Pdh) / 4); */
    /*     text-align:center; */
/*     text-align:left; */
}
h2{font-size:max(1.13rem,calc(1.5 * var(--rFSi)));left:0;margin:0 var(--cck) var(--Pdh) calc(-1 * var(--cck));
    padding:var(--grPd) calc(2 * var(--grPd)) var(--grPd) calc(2 * var(--cck))}
h3{font-size:max(1.1rem,calc(1.3 * var(--rFSi)));margin:var(--Pdh) 0;padding:.5em var(--cck);width:fit-content}
h4{font-size:max(1.05rem,calc(1.1 * var(--rFSi)));font-weight:bold}.ndl h4{text-decoration:underline}
h5{font-weight:bold}
h4::before,h5,p,td,th,.lst li{font-size:1rem}
.pgr p, .pgr h4{margin-bottom:.5em}

.lmm{left:0;right:0;background-color:var(--Cwht);width:min(100%,100vw,var(--BGW));margin: 0 auto}

.mdv,.mdl,.mbt{border:none;cursor:pointer}
.mbt{font-size:inherit;font-family:inherit;text-decoration:inherit;font-weight:600;padding:max(8px, calc(.9 * var(--FSiMn))) max(2px, .2em,calc(var(--BGW) / 50));
line-height: 1;background-color:var(--Cwht);white-space:nowrap}
.mdv{overflow:hidden;background-color:var(--Cwht);}.mdl{overflow:visible}
.mdv:hover,.mdl:hover,.mbt:focus,.mbt:hover{color:var(--Crrt);outline: none}

/* mdl und mbb ist der BurgerButton */
.mdl{z-index:85;position:fixed;top:0;height:0;}.mbb{position:absolute;right:0;font-size:calc(2 * var(--FSiMn));
padding:.25em .15em 0 .15em;margin-right:var(--BurgerMargin);
background-color:#fff0;
background-color:var(--Cwht);
color:#000e;
border-radius:var(--BRD);
}

.mpp{position:relative;
    margin:4px;
    width:var(--FVW);
    max-width:96px;
}.mqq{margin:auto;width:40%}
.mpp img{position:relative;width:100%;height: auto;border-radius:10%;white-space:nowrap}

.mxx{z-index:80;position:fixed;top:0;height:var(--BgToB);border-bottom: var(--mpx) solid #ddd;}
.mnu{z-index:82;position:absolute;top:0;
    font-size:min(clamp(15px,var(--FSiMn),24px),3.5vw);
/*     font-size:3.5vw; */
    display:flex;flex-wrap:nowrap;
    width:93%;margin:0;
    height:100%;
background-color:var(--Cwht)}

.zb,.zc{top:var(--ZBtop)}.zb{z-index:50;position:relative;background-color:var(--Cwht)}.zc{z-index:40;position:fixed}
.ovw{position:relative;
    padding:0 var(--cck) var(--Pdh) var(--cck);
    padding:0 var(--cck);
    margin:var(--Pdh) 0 0 0;
    margin:0;
}
.bgg{z-index:30;position:fixed;
    top:var(--BgToB);
/*     top:100vh */

}
.bgi{position:absolute;width:100%;margin:0;padding:0}
.bgi img{position:relative;z-index:25;width:100%;display:block;margin: 0 auto}
.Stc{position:sticky;}
.Stx{top:0;background-color:var(--Cwht);padding:var(--Phh) 0 0 0;z-index:70}
.crop{position:sticky;right:0;top:calc(3.3 * var(--FSiMn));float: right;z-index:95;border-radius:50%;width:var(--IMvw);height:var(--IMvw);overflow: hidden;margin:0 calc(calc(var(--IMvw) / 8) + calc(var(--BGW) * 5 / 1000) - var(--cck)) var(--cck) var(--cck)}.crop img{width:100%}

.brw{padding:var(--Pdh);text-align:center}
.brw a{color:var(--Crrt)}
.brw a:hover{color:var(--Cwhv)}

.lst{list-style:none;padding:0;margin:0}
.lst li{position:relative;padding-left:var(--cck);margin-bottom:var(--klPd)}.lst li::before{position:absolute;left:0;top:0;color:var(--Crrt);content:"✔"}.lsv li::before{content:"●"}.lsx li::before{content:""}

table{border-spacing:0}
th,td{padding-bottom:var(--klPd);border:0;text-align:left}
.tbt th,.tbt td{padding:0;}
/* .tbz{margin-top:var(--Pdh)} */
.tbz{margin:calc(2 * var(--NVF))}
.tbz td{
/*     font-size:min(1rem,3vh,4vw); */
    font-size:var(--NVF);
    padding:.5em;
    vertical-align:middle;cursor:pointer;white-space:nowrap}
/* .tbz tr:hover{background-color:#eee} */
.tbz tr:hover, .tbz tr:focus{color:var(--Crrt);outline: none}

.tbz button{width:20vw}
.NVG{position:absolute;top:calc(max(var(--Pdh),var(--BgToB)) - var(--mpx));
    left:0;right:0;width:fit-content;
    margin:auto;
    background-color:var(--Cwht);
    z-index:97;
    padding:.1em 0;
    border: var(--mpx) solid #ddd;
    border-radius:var(--BRD);
    visibility: hidden}
.NVP{position:absolute;right:0;text-align:center;vertical-align:top;font-weight:bold;background-color:#0002;padding:.1em .3em;margin:.1em .3em;border-radius:var(--BRD)}.NVP:hover{background-color:#bbb;}
.NVP:hover,.mpp:hover{cursor:pointer}
.tbb td{font-size:.8rem}.tbb{margin: 4rem auto}
.bobo{border-bottom: 2px solid #000}

.pzw,.pzo{font-size:inherit ;width:1.3em;height:1.3em;margin:0;border-radius:.2em;border:none}
.pzw{background-color:var(--Crrt)}.pzo{background-color:var(--Cglb)}
.pzk{padding-right:.3em}.pzk::before{content:"●"; color:var(--Crrt)}

.WdhB{display:inline;outline:none;font-size:1rem;font-weight:500;border-radius:9em;border:none;cursor:pointer;
    background-color:var(--Crrt);color:var(--Cwht);
    text-align:center;
margin:var(--Pdh) 0;padding:1rem var(--cck);
}.WdhB:hover,.WdhB:focus{background-color:var(--Chov)}
.mbl{margin-left:var(--cck)}
.mbp{margin-top:0;margin-bottom:var(--Pdh);}
.mbn{margin-bottom:0;}
/* .mtn{margin-top:0;} */
.dwjo{position:absolute;top:0;white-space:nowrap;overflow:hidden;
font-size:var(--FSiBt);font-weight:normal;
background-color:var(--Cglb);color:var(--Crrt);opacity:.8;
transform:translateY(min(-100%,max(calc(var(--BgToB) + calc(var(--BGW) * 590 / var(--IWdth)) - var(--ZBtop)),calc(-100% - 1em)),calc(100vh - var(--ZBtop) - 100% + .4em)));max-width:45%;width:fit-content;
padding:clamp(2px,1em,calc(20 * var(--BGW) / var(--IWdth))) 1em;margin:0;border:none}.dwjo:hover,.dwjo:focus{background-color:var(--Cglb);opacity:1}
.dwmm{left:0;border-radius:0 9em 9em 0}.jomp{right:0;border-radius:9em 0 0 9em}

.skp {position:absolute;left:-999vw;z-index:99;background-color:var(--Cglb);color:var(--Crrt);opacity:0;top:-100px;}.skp:focus {left:0;opacity:1;outline:none;text-decoration:none;font-weight:bold;font-size:var(--FSiBt)}

a{text-decoration:none;outline:none;color:var(--Crrt)}a:focus{text-decoration:underline}a:hover{opacity:.6}
.ul li {margin-bottom: 10px}

.FxL {z-index:5;position:fixed;width:fit-content;padding: var(--BurgerMargin)}
* {box-sizing:border-box}
