:root {
--hg-bg-h-x: 250,250,250;
--bgba: #76B82A;
--fcs0: #222;
--nmh: 60px;
--noh: 0px;
--mw: 100%;
--hg-fc-m:#444;
--hg-lc-a: #007DFE;
--hg-fc-br: #fff;
--hg-ma-bg:#E7E2DA;
--hg-mh-bg:231,226,218;
--hg-br-br:#28336E;
--hg-co-br:#fff;
--bgco2:#F8F8F5;
--bgco3:#F8F8F5;
--bgco4:#F4F1EA;
--hg-bi-fc:#F8F8F5;
--hg-ba-fc:#F8F8F5;
--hg-bg-br:#49600D;
--brbus:0%;
--wibus:40px;
--fzm: 18px;
--fzh1: 3rem;
--fzh2: 2.5rem;
--fzh2: 2.1rem;
--fzh3: 2rem;
--fc0:#000;
--hg-m-nbgch:175, 178, 162;
--hg-hc-m: #273565;
--hg-bi-bg: #273565;
--hg-ba-bg: #92bf1e;
--bgco: #f8f4eb;
--bgs0: #f8f4eb;
--bgcoa:#e6decc;
--bgpr: #7081A7;
}

html{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;}body{margin:0;}
html,body{font-size:var(--fzm);line-height:1.5;width:100%;float:left;overflow:hidden;margin:0;padding:0;-webkit-font-smoothing: antialiased;font-family:"Tahoma",Arial, Helvetica, sans-serif; }
html,body{overflow-x:hidden;overflow-y:auto;color:var(--fc0);}
div,img{float:left;position:relative;}

/*Navigation*/
nav{padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);}
nav{height:var(--nmh);position:sticky;top:var(--noh);z-index:5;}

h2{font-size:var(--fzh2);line-height:calc(var(--fzh2) + 0.8rem);}
h1,.hg-dh1,.hg-sl-co-sl-c-tc h2{font-size:var(--fzh1);line-height:var(--fzh1);}

h3{font-size:var(--fzh3);line-height:var(--fzh3);}
h1,h2,h3,.nhg-pusn .hg-dc-s-he{color:var(--hg-hc-m)!important;}
h1,h2,h3,.hg-sl-co-sl-c-tc h2,.nhg-pusn .hg-dc-s-he{ font-family:"hf2",Arial, Helvetica, sans-serif!important;font-weight:normal!important;}
.nhg-pusn .hg-dc-s-he{padding-left:2vw;}
.nhg-pusn h3{font-family:"hf2",Arial, Helvetica, sans-serif!important;font-size:1.0rem;font-weight:bold!important;margin-bottom:10px;color:#000!important;}
.hg-ap-h2{margin-bottom:0;margin-top:0;font-size:var(--fzh3);line-height:var(--fzh3);}
.nhg-pusn .hg-aos-cc-hw{color:tomato!important;}

a{opacity:1;}

.hg-nm{width:100%;position:fixed;top:0;left:0;z-index:4;}
nav,.hg-nm-b-c,.hg-nm-b-c-0,.hg-nm-b-t,.hg-nm-n,.hg-nm-n-l-l{width:100%;}
.hg-nm-l a img{width:auto;}
.hg-nm-b,.hg-nm-n,.hg-nm-n-l,.hg-nm-l a,.hg-nm-l a img{height:100%;}
nav,.hg-nm-c,.hg-nm-b{background:var(--bgs0);}
.hg-nm-b-t,.hg-nm-n-l-l a,.hg-nm-n-l-l span,.hg-nm-l{display:flex;align-items:center;}
.hg-nm-n-l-l span{cursor:pointer;}
.hg-nm-n-lz{display:none;}
/*Button*/
.hg-nm-b{width:60px;padding:0px 0px 0px 10px;display:flex;align-items:center;justify-content:center;}
.hg-nm-b-c{width:var(--wibus);height:var(--wibus);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--hg-bi-bg);background:none;}
.hg-nm-b-c-0,.hg-nm-b-c-1,.hg-nm-b-c-2,.hg-nm-b-c-3{height:2px;position:absolute;left:5px;transition:all 0.4s;background:var(--hg-bi-bg);width:calc(100% - 10px);}
.hg-nm-b-c-0{top:calc(25% + 1px);}.hg-nm-b-c-1,.hg-nm-b-c-2{top:calc(50% - 1px);}.hg-nm-b-c-3{bottom:calc(25% + 1px);}



.hg-nm-b-c-1-a{transform:rotate(45deg);}
.hg-nm-b-c-2-a{transform:rotate(-45deg);}

.hg-nm-b-t{color:var(--fcs0);font-size:0.6rem;font-weight:bold;height:calc(100% - 20px);padding-top:7px;}

/*Nav Container*/
.hg-nm-c{height:calc(100vh - var(--nmh));padding:20px 20px 20px 10px;margin-left:calc(-100% - 60px);position:absolute;top:var(--nmh);transition:all 0.4s;width:100%;background:var(--bgs0);}
.hg-nm-c-a{margin-left:0px;}
/*Content*/
.hg-nm-n{overflow:hidden;}
.hg-nm-n-l{width:100%;}
.hg-nm-n-l-l{margin:0 5px 0 5px;padding:0 0px 0 10px;} 
.hg-nm-n-l-l a,.hg-nm-n-l-l span{padding:20px 0 20px 0;text-decoration:none;color:var(--hg-bi-bg);transition:all 0.4s;font-weight:bold;opacity:1;font-size:1.05rem;}

.hg-nm-n-l-l:hover .hg-nm-n-l-l-m,.hg-nm-n-l-l-a a,.hg-nu-l-l:hover a,.hg-nm-n-l-l-a .hg-nm-n-l-b-s, .hg-nu .hg-nm-n-l-l-a a{opacity:1;}
.hg-nm-n-l-l-a .hg-nm-n-l-l-m:before{width:calc(100% - 20px);}
.hg-nu-l-l:hover a:before,.hg-nu-l .hg-nm-n-l-l-a a:before{width:100%;}
.hg-nm-n-l-l-d{display:flex;align-items:stretch;}



/*Logo*/
.hg-nm-l{position:fixed;top:0;height:var(--nmh);justify-content:center;left:50%;margin-left:-25%;width:calc(50%);padding:0;}
.hg-nm-l a{opacity:1;align-items:flex-start;padding:0;height:70%;width:100%;justify-content:center;display:flex;float:left;}
.hg-nm-l a img{transition:all 0.4s;}


.hg-nm-n-l-b{cursor:pointer;width:60px;height:70px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;z-index:1;}
.hg-nm-n-l-b-s{margin-left:20px;width:10px;height:10px;border-bottom:4px solid var(--hg-bi-bg);border-left:4px solid var(--hg-bi-bg);transform:rotate(-45deg);transform-origin: center;transition:all 0.6s;}
.hg-nm-n-l-b-s-r{transform:rotate(135deg);margin-top:3px;opacity:1;}

.hg-nu,.hg-nu-l,.hg-nu-l-l{width:100%;}
.hg-nu-l{padding:0;margin-top:0px;}
.hg-nu{transition:opacity 0.25s ease,visibility 0.25s ease;transition-delay:.25s;visibility:hidden;opacity:0;height:auto;z-index:1;display:block;max-height:0;overflow:hidden;transition:max-height, 0.4s;background:var(--bgs0);}
.hg-nu-a{max-height:600px!important;visibility:visible!important;opacity:1!important;}
.hg-nu-l-l a {padding:2vw 0vw 2vw 2vw;justify-content:flex-start;font-size:0.9rem;}
.hg-nm-n-l-l-a a,.hg-nu-l-l-a a{color:var(--hg-ba-bg);}
.hg-nm-n-l-l-a .hg-nm-n-l-b-s{border-bottom:4px solid var(--hg-ba-bg);border-left:4px solid var(--hg-ba-bg);}


.hg-nm-n-l-lo{position:fixed;top:5px;right:5px;z-index:3;height:50px;width:50px;display:flex;align-items:center;}
.hg-nm-n-l-lo span{font-size:0.8rem;padding:0;opacity:1;}

.hg-m-c h2{color:var(--bgs2);text-shadow:none;}
h2{color:#2B366D;}
.hg-b-tra0{transition:all 0s;}

/*Artikelliste*/
.ws-zar-co{width:calc((100vw / 1.5) - 10px)!important;margin:5px;overflow:hidden;padding:0px;transition:all 0.4s;cursor:pointer;background:var(--hg-bi-bg);}
.ws-zar-co a{width:100%;padding:0;float:left;height:100%;opacity:1;border:0;}
.ws-zar-co-p{width:100%;padding-top:85%;overflow:hidden;background:#f1f1f1;}
.ws-zar-co-c{width:100%;padding:10px;height:auto;transition:all 0.2s linear;margin-bottom:60px;padding:10px 10px 20px 10px;}
.ws-zar-co-d{width:100%;height:100%;padding:0px;transition:all 0.2s linear;background:var(--bgcoa);}
.ws-zar-co-c-b{width:100%;height:0;height:auto;margin-bottom:0px;transition:all 0.2s;transition-delay: 0.2s;position:absolute;bottom:20px;left:20px;width:calc(100% - 40px);}
.ws-zar-co-c-b .hg-bu{width:100%;margin:10px 0 0 0;}
.ws-zar-co-c-h{width:100%;font-weight:bold;font-size:1.2em;}
.ws-zar-co-c-c{width:100%;font-weight:normal;font-size:0.8rem;}
.ws-zar-co-c-h p{margin:0;padding:0;font-size:0.8rem;}
.ws-zar-co-c-h-c{width:calc(100% - 30px);transition:all 0.2s linear;font-size:1.0rem;line-height:1.1rem;margin-top:5px;margin-bottom:5px;}
.ws-zar-co-c-p{width:100%;margin-top:5px;margin-left:3px;display:flex;justify-content:flex-end;}
.ws-zar-co-c-p span{font-weight:bold;background:var(--bgpr);padding:5px 10px 5px 10px;color:#fff;transition:all 0.2s linear;font-size:1rem;}
.ws-zar-hw-na{position:absolute;top:30px;right:-50px;width:200px;text-align:center;background:tomato;color:#fff;padding:5px 10px 5px 10px;font-weight:bold;transform:rotate(45deg);font-size:0.9em;}
.ws-zar-ba{width:100%;padding:0;float:left;height:100%;}
.ws-zar-co-c,.ws-zar-co-c-h-c{color:#000;}
.ws-zar-co .hg-bu{background:var(--hg-bi-bg);}
.ws-zar-co-p{background:var(--bgco2);}

.hg-nm-n-l-bx{margin-left:5px!important;display:flex;align-items:center;opacity:1;margin-top:-5px;}
/*Footer*/
.hg-bto{position:fixed;bottom:30px;right:10px;width:var(--wibus);height:var(--wibus);opacity:0;z-index:2;pointer-events: none;border-radius:var(--brbus);}
.hg-bto span{width:100%;height:100%;float:left;display:flex;align-items:center;justify-content:center;}
.hg-bto-a{opacity:1;pointer-events: auto;}
.hg-f{width:100%;background:var(--hg-bi-bg)!important;display:flex;justify-content:center;flex-wrap:wrap;margin-top:0vw;color:var(--bgs0);}
.hg-f-c{width:100%;padding:8vw calc(50px + 10px) 8vw 10px;padding:8vw 0 8vw 10px;}
.hg-f-c-h{width:100%; height:60px;margin-bottom:2vw;}
.hg-f-c-h img{height:100%;}
.hg-f-co{width:100%;display:flex;flex-wrap:wrap;}
.hg-f-co1,.hg-f-co2{width:100%;padding-right:calc(50px + 0px);}
.hg-f-co-c{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0;}
.hg-f-co-cl{width:100%;}
.hg-f-co-c2{width:100%;}
.hg-f-co-cl-c{width:100%;}
.hg-f-co-cl-ch,.hg-f-co-c2-ch{margin-bottom:10px;float:left;width:100%;padding-left:50px;font-weight:bold;font-size:1.2em;}
.hg-f-co-cl-ch{font-size:1.6rem;padding-left:10px;color:var(--hg-ba-bg);}
.hg-f-c-h,.hg-f-co-c2,.hg-f-co2{padding-left:50px;}
.hg-f-co-cl,.hg-f-co-c2,.hg-f-co-c3{padding-top:8vw;padding-bottom:8vw;}
.hg-f-co-c2-ch{padding-left:0;}
.hg-f-co-cl-cc{width:100%;display:flex;align-items:stretch;margin-bottom:10px;margin-left:0px;}
.hg-f-co-cl-cc-s{width:40px;height:40px;padding:0;}
.hg-f-co-cl-cc-sc{width:100%;height:100%;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--hg-ba-bg);font-size:1.4rem;}
.hg-f-co-cl-cc-c{width:calc(100% - 40px);line-height:1.2rem;display:flex;align-items:center;padding-left:10px;}
.hg-f-co-cl-cc-c a,.hg-f-co-c3-c a{opacity:1;color:var(--bgs0);font-weight:normal;}
.hg-f-co-cl-cc-c a:hover,.hg-f-co-c3-c a:hover{color:var(--hg-ba-bg);color:#fff;}
.hg-f-co-cl-cc-c .hg-bu {background:var(--hg-ba-bg);}
.hg-f-co-cl-cc-c .hg-bu a{color:var(--hg-ba-fc);}
.hg-f-co-cl-cc-c .hg-bu:hover {background:var(--hg-ba-fc);}
.hg-f-co-cl-cc-c .hg-bu:hover a{color:var(--hg-bi-bg);}
.hg-f-co-c2-cc{width:100%;}
.hg-f-co-c2-cc-s{width:100%;}
.hg-f-co-c2-cc-c{width:100%;}
.hg-f-co-c2-cc-w{width:100%;margin:20px 0 20px 0;font-weight:bold;font-size:0.9em;}
.hg-f-co-c3{width:calc(100%);margin-top:2vw;}
.hg-f-co-c3-c{width:100%;display:flex;flex-wrap:wrap;font-size:0.9em;}
.hg-f-co-c3-c p{margin:0;padding:0;width:100%;padding-left:50px;}
.hg-f-co-c3-c p i{font-size:0.8em;}
.hg-f-co2-c,.hg-f-co3-c{padding:0;margin-top:0;padding-top:10px;padding-bottom:8vw;}
.hg-f-co2 .hg-f-co-c2-ch{padding-top:8vw;}
.hg-f-co2-co,.hg-f-co3-co{padding:0;width:auto;margin-right:10px;margin-bottom:10px;height:80px;}
.hg-f-co2-co img,.hg-f-co3-co img{height:100%;transition:all 0.4s}
.hg-f-co3-co{height:50px;}
.hg-f-co2-co a:hover img,.hg-f-co3-co a:hover img{transform:scale(0.9);}
.hg-b-fww{flex-wrap:wrap!important;}
.hg-f-u{width:100%;padding:8vw 0 8vw 0;}
.hg-f-u-c{width:100%;padding:1% 0% 1% 0%;}
.hg-f-u-c a{width:100%;float:left;text-align:center;padding:10px 0 10px 0;}
.hg-f-u-c span{padding:0 5px 0 5px;opacity:0;display:none;}
.hg-f-u-c a:hover{color:var(--hg-ba-bg);}
.hg-f-co-c2-ch1{padding-top:10px;}

.hg-f-co-cl-cc-sc-sm a{color:var(--hg-ba-bg);opacity:1!important;width:var(--wibus);height:var(--wibus);display:flex;justify-content:center;align-items:center!important;}
.po-c{width:100%;background:var(--bgco);font-size:0.9rem;}
.po-c .hg-po-c{width:100%;margin:10px 0px 0px 0px;height:auto!important;padding:0!important;overflow:hidden;position:relative!important;height:auto!important;}
.hg-po-co{width:100%;}
.po-c .hg-ak-bf{background:tomato;color:#fff!important;}
.po-c .hg-ak-bf h3{color:#fff!important;margin-top:0;font-size:1.2em!important;}
.po-c .hg-po-co-c h4{text-align:left;font-size:1.1em!important;margin-top:0;margin-bottom:5px;} 
.po-c .hg-ak-bf .hg-po-co-c h4{color:#fff!important;margin-top:0;text-align:left;} 
.po-c .hg-ak-bf .hg-po-co-c{padding:2vw!important;}
.po-c .hg-po-co-p{width:100%;padding-top:50%;overflow:hidden;}
.po-c .hg-po-co-c{width:100%;height:auto;padding:20px 0 20px 0!important;}
.po-c .hg-bu{margin-top:10px!important;float:left;width:100%!important;position:relative;}
.po-c .hg-bu a{color:#fff;margin-top:0;}
.hg-po{width:100%!important;}
.hg-po,.hg-po .nhg-puc,.hg-po .nhg-pup-co{height:auto!important;}
.hg-po .nhg-pup-co{max-height:65vh!important;}
.po-c .hg-m-p{text-align:left;}
@media (min-width:768px){
:root {
--nmh: 80px;
--fzh2: 2.5rem;
}
.hg-nm-b-t{font-size:0.8rem;}

.hg-nm-c{padding:40px 40px 40px 20px;}
.hg-nm-n{width:70%;margin:0;}
.hg-nm-n-l-lo{height:70px;width:70px;}
.hg-nm-n-l-l a{font-size:1.5rem;}
.hg-nu-l-l a {font-size:1.3rem;}
.hg-nm-n-l-lo span{font-size:1rem;}
/*Navi u*/
.hg-nmu{font-size:0.7em;}
/*Artikelliste*/
.ws-zar-co{width:calc(26vw - 10px)!important;}
/*Footer*/
.hg-bto{right:20px;}
.hg-f-co-cl{width:50%;}
.hg-f-co-c2{width:50%;}
.hg-f-co-c3-c p{width:50%;padding-left:0px;}
.hg-f-co-c3-c p:nth-child(odd){width:50%;padding-left:0px;}
.hg-f-c{width:100%;padding:4vw 0 0 10px;}
.hg-f-c-h,.hg-f-co-c2{padding-left:0px;}
.hg-f-co-cl,.hg-f-co-c2,.hg-f-co-c3{padding-top:2vw;padding-bottom:2vw;}
.hg-f-co2-c,.hg-f-co3-c{padding-bottom:2vw;}
.hg-f-co2 .hg-f-co-c2-ch{padding-top:2vw;}
.hg-f-co2{padding-top:2vw;padding-bottom:4vw;}
.hg-f-c-h{height:60px;}
.hg-f-c{width:95%;}
.hg-f-co2-co{height:60px;}
.hg-f-co3-co{height:40px;}
.hg-f-c-h{padding-left:0px;}
.hg-f-co1,.hg-f-co2{width:100%;padding-right:calc(50px + 0px);}
.hg-f-u{padding:2vw 0 2vw 0;}
.hg-f-u-c{padding-left:calc(8vw + 0px + 10px);display:flex;}
.hg-f-u-c span{display:block;}
.hg-f-u-c a{width:auto;float:none;text-align:left;padding:0;}
.hg-f-co-cl-ch{padding-left:10px;}
.hg-po{width:calc(100% / 2)!important;}
.hg-po .nhg-pup-co{max-height:80vh!important;}
}

@media (min-width:1024px){

:root {
--nlw: 200px;
--nmh: 70px;
--noh: 0px;
--mw: 95%;
}

.hg-nm-b{display:none;}
nav,.hg-nm-n-l{display:flex;justify-content:center;}

h2{line-height:calc(var(--fzh2) + 0rem);}

.hg-nm-n-lz{height:var(--nmh);margin-top:5px;margin-bottom:5px; display:block;}
.hg-nm-n-lz img{height:calc(100% - 10px);}
.hg-nm-n-l-l,.hg-nm-l a img,.hg-nm-n-l-lo{width:auto;}
.hg-nm-n-l-lo{position:relative;top:auto;right:auto;height:100%;}
.hg-nm-n-l-lo span{opacity:0.5;}
.hg-nm-c,.hg-nm-n-l-l a,.hg-nm-n-l-l span,.hg-nm-l,.hg-nm-l a img,.hg-nm-n-l-lo span{height:100%;}
.hg-nm-n-l-l:hover .hg-nm-n-l-l-m:before{width:calc(100% - 20px);}
.hg-nm-n-l-b-s{width:5px;height:5px;border-bottom:1px solid var(--fcs0);border-left:1px solid var(--fcs0);}
/*Nav Container*/
.hg-nm-c{position:relative;top:0px;margin-left:0px;padding:0;background:none;}
.hg-nm-c .hg-b-oya{overflow:visible!important;}
nav{width:100%;height:var(--nmh);z-index:1;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;box-shadow:none;}
/*Logo*/
.hg-nm-l{position:relative;top:auto;left:auto;width:30%;padding-left:4vw;padding-left:10vw;padding-left:5vw;z-index:10;display:flex;justify-content:flex-start;align-items:flex-start;margin-left:0;}
.hg-nm-l a{height:50%!important;height:60%!important;height:155%!important;background:none!important;justify-content:flex-start;}
.hg-nm-n-l-l span:before{content:"";width:0px;border-bottom:2px solid var(--bgs2);position:absolute;bottom:0;left:10px;transition:all 0.4s;}
/*Content*/

.hg-nm-n,.hg-nm-n-l{justify-content:flex-end;}
.hg-nm-n-l{width:100%;}
.hg-nm-n-l-l{margin:0 10px 0 10px;padding:0 10px 0 10px;}
.hg-nm-n-l-l a,.hg-nm-n-l-l span,.hg-nu-l-l a{font-size:1rem;padding:0;}

.hg-nm-n{overflow:visible!important;}
.hg-nu{width:300%;max-width:300px;left:0;position:absolute!important;top:var(--nmh);}
.hg-nu-l{width:100%;background:none;}
.hg-nu-l-l a {padding:5px 5px 5px 0;}
.hg-nm-n-l-b{width:20px;height:100%;margin-top:-2.5px;margin-right:-10px;}

/*Navi u*/
.hg-nmu{position:relative;top:auto;left:0;width:100%;margin-left:0%;padding-left:0;border-bottom:0px solid #000;}
.hg-nmu-c{padding-left:30vw;}
.hg-nmu a,.hg-nmu span{font-weight:normal;font-size:0.9em;}
.hg-nmu i{font-size:0.8em!important;}
.hg-nmu{font-size:0.7em;}
.hg-nm-n-l{justify-content:flex-start;justify-content:flex-end;width:calc(100% - 200px);width:calc(100% - (var(--wibus) * 5));}

/*Artikelliste*/
.ws-zar-co{width:calc(20vw - 10px)!important;}
.ws-zar-hw-na{top:20px;right:-65px;}
/*Footer*/
.hg-f-c-h,.hg-f-co-c2,.hg-f-co2{padding-left:0px;}
.hg-f-co-cl,.hg-f-co-c2,.hg-f-co-c3{padding-top:0vw;padding-bottom:0vw;}
.hg-f-co2-c,.hg-f-co3-c{padding-bottom:0vw;}
.hg-f-co2 .hg-f-co-c2-ch{padding-top:0vw;}
.hg-f-co-c3-c p{width:40%;padding-left:0px;}
.hg-f-co-c3-c p:nth-child(odd){width:60%;padding-left:0px;}
.hg-f-c-h{height:50px;}
.hg-f-co1{width:55%;padding-right:4vw;}
.hg-f-co2{width:45%;padding-left:4vw;padding-top:0;padding-right:0;}
.hg-f-c{width:90%;}
.hg-f-co2-co{height:60px;}
.hg-f-co3-co{height:40px;}
.hg-f-co-cl{width:60%;}
.hg-f-co-c2{width:40%;}
.hg-f-u{padding:0;}
.hg-f-u-c{padding-left:calc(4vw + 0px + 20px);}
.hg-f-u-c a{width:auto;float:none;text-align:left;padding:0;}
.hg-po{width:calc(100% / 3)!important;}
}


@media (min-width:1080px) and (max-height: 600px){
:root {
--nmh: 50px;
--noh: 0px;
}
.hg-po{padding:10px 0 10px 0; }
.hg-po .nhg-puc{padding-left:1vw;padding-right:1vw;}
}


@media (min-width:1300px){
:root {
--nmh: 80px;
--nlw: 400px;
}
.hg-nm-l{padding-left:10vw;padding-left:5vw}
.hg-nm-l a{height:50%!important;height:155%!important;}

/*Artikelliste*/
 .ws-zar-co{width:16vw!important;margin:10px;}
 .ws-zar-co-c{padding:20px;}
 .ws-zar-hw-na{top:30px;right:-50px;}
/*Footer*/
.hg-f-c{width:100%;padding:4vw 5% 0vw 5%;font-size:0.8rem;}
.hg-f-u{padding-left:5%;padding-right:5%;font-size:0.9rem;}
.hg-f-c-h{height:60px;}
.hg-f-co1{width:55%;padding-right:4vw;}
.hg-f-co2{width:45%;padding-left:4vw;}
.hg-f-c{width:90%;}
.hg-f-co2-co{height:80px;}
.hg-f-co3-co{height:40px;}
.hg-f-u-c,.hg-f-c-h{padding-left:calc(5% + 0px);}
.hg-f-c-h{padding-left:50px;}
}

@media (min-width:1600px){
:root {
--mw: 95%;
}
/*Footer*/
.hg-f-c{width:90%;padding:4vw 0% 0vw 0%;font-size:0.9rem;}
.hg-f-c-h{height:80px;}
.hg-f-co1{width:55%;padding-right:0vw;}
.hg-f-co2{width:45%;}
.hg-f-c{width:80%;}
.hg-f-co2-co{height:100px;}
.hg-f-co3-co{height:50px;}
.hg-f-u{padding-left:20px;}
.hg-f-u-c,.hg-f-c-h{padding-left:calc(10% + 0px);}
.hg-f-c-h{padding-left:0px;}
}

/*Nav*/
@media (min-width:1024px){
.hg-nm-n-l-l{display:flex;align-items:center;padding:0;margin-left:0px;margin-right:10px;}
.hg-nm-n-l-l-d{background:none;opacity:1;height:auto;padding:7px;display:flex;align-items:stretch;transition:all 0.4s;}
.hg-nu-l-l a{background:none;}

.hg-nm-n-l-l a{opacity:1;transition:all 0.4s;color:var(--hg-bi-bg);}
.hg-nm-n-l-b-s{width:7px;height:7px;border-bottom:2px solid var(--hg-bi-bg);border-left:2px solid var(--hg-bi-bg);transform:rotate(-45deg);transform-origin: center;transition:all 0.6s;opacity:1;margin-left:0;margin-top:2px;}
.hg-nm-n-l-b-s-r{transform:rotate(135deg);margin-top:5px;opacity:1;}
.hg-nm-n-l-l-a .hg-nm-n-l-l-d,.hg-nu-l-l-a a{background:var(--hg-ba-bg)!important;background:none!important;}
.hg-nm-n-l-l-a a,.hg-nu-l-l-a a{color:var(--hg-ba-bg);}

.hg-nm-n-l-l-a .hg-nm-n-l-b-s{border-bottom:2px solid var(--hg-ba-bg);border-left:2px solid var(--hg-ba-bg);}

}

@media (hover: hover) {
.hg-nm-n-l-l:hover .hg-nm-n-l-l-d,.hg-nu-l-l a:hover{background:var(--hg-ba-bg)!important;background:none!important;}
.hg-nm-n-l-l:hover .hg-nm-n-l-l-mx,.hg-nu-l-l:hover a,.hg-nu-l-l-a a {color:var(--hg-ba-bg)!important;}
.hg-nm-n-l-l:hover .hg-nm-n-l-b-s{transform:rotate(135deg);margin-top:7px;opacity:1;border-bottom:2px solid var(--hg-ba-bg);border-left:2px solid var(--hg-ba-bg);}
/*Artikelliste*/
.ws-zar-co:hover img{transform:scale(1.1);}
.ws-zar-co:hover{background:var(--hg-ba-bg);}
.ws-zar-co:hover .ws-zar-co-c,.ws-zar-co:hover .ws-zar-co-c-h-c{color:var(--hg-ba-fc);}
.ws-zar-co:hover .hg-bu span{color:var(--hg-ba-fc);}
.ws-zar-co:hover .hg-bu{background:var(--hg-bi-bg);}
.ws-zar-co:hover .ws-zar-co-d{background:var(--hg-ba-bg);color:#fff;}
}

.hg-nu-l-l a,.hg-nm-n-l-l-a .hg-nu-l-l a{color:var(--hg-bi-bg)!important;}
.hg-nm-n-l-l-a .hg-nu-l-l a:hover,.hg-nm-n-l-l-a .hg-nu-l-l-a a{color:var(--hg-ba-bg)!important;}


body,html,nav,.hg-nmu{background:var(--bgs0);}

.hg-bu{margin-top:10px;background:var(--hg-bi-bg);transition:all 0.4s;padding:3px;}
.hg-bu span,.hg-bu a{color:var(--hg-bi-fc);transition:all 0.4s;padding:10px 8px 10px 8px;font-weight:bold;cursor:pointer;float:left;width:100%;text-align:center;opacity:1;}
.hg-bu:hover span,.hg-bu:hover a{color:var(--hg-ba-fc);}
.hg-bu:hover,.hg-bu-a{background:var(--hg-ba-bg);}
.hg-bu-wa{background:var(--hg-ba-bg);}
.hg-bu-wa:hover{background:var(--hg-bi-bg);}
.hg-bu-on:hover,.hg-m-in-ws-co .hg-bu-is:hover{background:var(--bgs0);}
.hg-bu-on:hover a,.hg-m-in-ws-co .hg-bu-is:hover span{color:var(--hg-bi-bg)}

/*Popup START*/
.hg-dc,.hg-dc2{background:none;}
.hg-dc-b-c .hg-bu{margin-top:0;width:35px;height:35px;}
.hg-dc-b-c span{padding-top:0;padding-bottom:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.nhg-po-du-li{width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;}
.hg-dc2 .nhg-po-du-li{background:rgba(0,0,0,0.6);}

.nhg-pusn,.nhg-puss,.nhg-pusm,.nhg-pusmx,.nhg-pusb{max-width:95vw;}

.nhg-pusn{width:1400px;height:85vh;transition:all 0.4s;padding:30px 0px 30px 0px;box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);display:flex;justify-content:center;align-items:center;background:var(--bgs0);}
.nhg-puss{width:500px;height:auto;margin-top:-4vw;}
.nhg-pusm{width:1000px;}
.nhg-pusm,.nhg-pusmx{width:900px;}
.nhg-pusb{width:800px}


.nhg-puc{width:100%;padding:0px 20px 0px 20px;height:calc(85vh - 40px);overflow:hidden;transition:all 0.4s;}
.nhg-puss .nhg-puc{height:auto;max-height:calc(85vh - 40px);}


.hg-pup{width:100%;display:flex;justify-content:center;align-items:center;height:calc(100% - 50px);}
.hg-pup img{height:100px;height:45px;}
.hg-pup-co-c{width:100%;}
.hg-pup-co-co{width:100%;overflow:hidden;font-size:1rem;}
.hg-pup-co-co-c{width:100%;background:var(--bgco);padding:20px;padding:4vw;margin-bottom:20px;}
.hg-pup-co-co-c p{padding:0;text-align:left;margin-top:0;font-size:1rem;}
.hg-pup-co-co-c h2,.hg-pup-co-co-c h3,.nhg-puc h3{width:100%;text-align:left;margin:0;padding:0;}
.hg-pup-co-co-c h3,.nhg-puc h3{font-weight:bold!important;font-family:Arial, Helvetica, sans-serif!important;font-size:1.1em!important;}
.nhg-pup-co{width:100%;height:calc(75vh - (var(--wibus) + 20px))!important;font-size:0.8rem;font-size:1rem;text-align:center;padding:0px 10px 0px 0px;overflow:hidden;}
.nhg-puss .nhg-pup-co{height:auto!important;max-height:calc(75vh - (var(--wibus) + 20px))!important;}
.nhg-puss .hg-pup-co-co-c{padding:2vw;}
.ibp,.ipert{background:tomato;text-align:left;font-size:0.9em;color:#fff;padding:5px 10px 5px 10px;}
.nhg-pup-co-mb{width:100%;height:calc(100% - (var(--wibus) * 3) + 10px)!important;}
.nhg-pusn .hg-dc-s-h{position:relative;width:100%;height:var(--wibus);padding:0;margin-bottom:10px;}
.nhg-pusn .hg-dc-s-he{display:flex;align-items:center;justify-content:flex-start;width:calc(100% - 0px);height:100%;}
.nhg-pusn .hg-dc-b-c,.bs-sc{z-index:2;position:relative;margin:0;position:absolute;right:0;}

.nhg-pusn .hg-dc-b-c,.bs-sc,.nhg-pusn .hg-dc-b-c .hg-bu{width:var(--wibus);height:var(--wibus);}

.hg-dc-s-he{font-size:1.3rem!important;}

.bs-in-cwb{display:flex;align-items:stretch;}
.hg-bu-pv{position:absolute;right:0;top:0;margin-top:0;width:var(--wibus);height:100%;}
.hg-bu-pv span{padding-top:0;padding-bottom:0;height:100%;display:flex;justify-content:center;align-items:center;}
.hg-m-fo-d-s{font-size:0.9rem;}

.bs-mm-co-co-c-h{font-size:0.9em;}


.hg-b-oya{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
.hg-b-oya::-webkit-scrollbar {width: 5px;}
.hg-b-oya::-webkit-scrollbar-track {background:var(--hg-hc-m);}
.hg-b-oya::-webkit-scrollbar-thumb {background:var(--bgs0);}
.hg-b-oya::-webkit-scrollbar-thumb:hover {background: var(--bgba);}
.hg-b-oya{scrollbar-color: var(--bgs0) var(--hg-hc-m);scrollbar-width: thin;}
/*Popup ENDE*/

h1{margin:0;padding:0;margin-bottom:2vw;}
.hg-an-cc{background:var(--bgco);}


a{opacity:1;font-weight:bold;border-bottom:1px dashed #000;border-bottom:0px dashed #000;transition: all 0.4s;color:var(--hg-hc-m);}
a:hover{color:var(--bgba);color:#fff;border-bottom:1px dashed var(--bgs2);border-bottom:0px dashed var(--bgs2);}
nav a{border-bottom:0px dashed #000;}
nav a:hover{border-bottom:0px dashed #000;}

/*Angebote*/
/*html,body{overflow:visible}*/
.hg-m-p,.hg-m-p div,.hg-m-p ul{float:left;width:100%;}
.hg-m-p a:hover{color:var(--hg-ba-bg);}

.hg-pr-bg-c .hg-bgq,.hg-pr-bg-c .hg-bgd{overflow:hidden;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;box-shadow:none;}
.hg-pr-bg-c .hg-bgq,.hg-pr-bg-c .hg-bgd{width:100%;padding-top:56%;padding-top:70%;}
.hg-pr-bg-c .hg-bgq-c,.hg-pr-bg-c .hg-bgq-c-pc,.hg-pr-bg-c .hg-bgq-bc{height:100%;width:100%;}
.hg-pr-bg-c .hg-bgq-c,.hg-pr-bg-c .hg-bgq-bc{position:absolute;top:0;left:0;}
.hg-pr-bg-c .hg-bgq-bc{display:flex;align-items:center;justify-content:center;}
.hg-bgq-dw200{width:200%!important;}
.hg-bgq-dw50{width:50%!important;}
.hg-pr-bg-c{width:calc(100% - 4vw);width:100%;margin:4vw 4vw 0 10px;margin:0;}
.hg-pr-bg-c .hg-bgq-c{overflow:hidden;}




.hg-m-s{width:100%;padding-left:0;padding-right:0;}
.hg-m-c{width:100%;min-height:calc(100vh - (var(--nmh) + var(--noh)));min-height:auto;margin-top:calc(var(--nmh) + var(--noh) + 4vw);}
.hg-an-c{width:100%;display:flex;align-items:stretch;margin-bottom:4vw;}
.hg-an-cc{width:50%;max-height:100%;z-index:1;display:flex;align-items:center;}
.hg-an-cco{width:90%;height:100%;padding:4vw 20px 4vw 0vw;}
.hg-an-cco h1{font-size:3rem;line-height:3.2rem;line-height:3.5rem;margin:0;padding:0;margin-bottom:2vw;}
.hg-an-cco h2{margin-top:0;}
.hg-an-ccpc{width:100%;display:flex;align-items:stretch;margin-top:2vw;flex-wrap:wrap;}
.hg-an-ccpc-c{width:25%;display:flex;justify-content:center;align-items:center;justify-content:flex-start;width:auto;padding-right:2vw;width:100%;}
.hg-an-ccpc-c a{padding:5px;border:1px dashed #000;border:0px dashed #000;width:100%;float:left;}
.hg-an-ccpc-c a:hover img{transform:scale(0.95);}
.hg-an-ccpc-c img{width:auto;max-width:100%;transition:all 0.4s;}
.hg-an-cp{width:50%;margin-left:0;height:auto;}
.hg-an-cp-c{width:100%;height:auto;margin-top:4vw;padding-bottom:4vw;position:relative;}
.hg-bgq-lc{width:100%;margin-top:-60px;display:flex;justify-content:center;}
.hg-bgq-lco{display:flex;align-items:stretch;padding-right:0vw;}
.hg-bgq-lco .hg-bu{width:var(--wibus);height:var(--wibus);margin-top:0;}
.hg-bgq-lco .hg-bu:last-child{margin-left:10px;}
.hg-bgq-lco .hg-bu span{height:100%;display:flex;align-items:center;justify-content:center;font-size:1rem;}
.hg-bgq-c-pc-ut{width:100%;position:absolute;top:20px;left:0;pointer-events:none;}
.hg-bgq-c-pc-ut-c{width:calc(100% - 4vw);float:right;text-align:right;font-size:0.8rem;padding-right:10px;}
.hg-bgq-c-pc-ut-c span{padding:10px;background:rgba(255,255,255,0.9);box-shadow:1px 1px 1px #000;}
.hg-bgq-c-pc-ut-c i{position:absolute;top:-20px;right:5px;color:tomato;font-size:1.2rem;transform:rotate(30deg);text-shadow: 1px 2px 2px #000;}

/*Angebote Zusammenfassung*/
.hg-an-z{margin-bottom:4vw;}
.hg-an-z h2{padding-left:4vw;}
.hg-an-zc{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.hg-an-zc-e img{transition:all 0.4s;}
.hg-an-zc-e:hover img{transform:scale(1.1);}
.hg-an-zc-e1{width:47.5%;margin-top:5%;padding:5px;}
.hg-an-zc-e a{float:left;width:100%;height:100%;padding:5px;border:1px dashed var(--hg-br-br);border:0px dashed var(--hg-br-br);}
.hg-an-zc-e1 .hg-an-zc-ec{width:100%;padding-top:56.25%;overflow:hidden;}
.hg-an-zc-eco{position:absolute;left:5px;bottom:5px;width:calc(100% - 10px);left:0;bottom:0;width:100%;padding:10px;backdrop-filter: blur(2px);}
.hg-an-zc-e h2{width:100%;margin: 10px 0 10px 0;padding-left:0;}
.hg-an-zc-eco p{padding:0;margin:0;width:100%;color:#000;font-size:0.9em;}
.hg-an-zc-e2{width:47.5%;margin-top:5%;}
.hg-an-zc-e2c{width:100%;padding-top:calc(56.25% + 10px);}
.hg-an-zc-e2co{width:44%;height:100%;position:absolute;top:0;right:0;overflow:hidden;padding:5px;}
.hg-an-zc-e2col{left:0;right:auto;}
.hg-an-zc-e2co-c{width:100%;height:100%;overflow:hidden;}
.hg-an-zc-e3{width:100%;margin-top:5%;}
.hg-an-zc-e3c{width:100%;overflow:hidden;padding:5px;}
.hg-an-zc-e3c-p{width:20%;padding-top:16%;overflow:hidden;}
.hg-an-zc-e3c-c{width:calc(100% - 20%);padding:10px;padding:20px;}
.hg-an-zc-e3c-c p{padding:0;margin:0;width:100%;color:#000;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;font-size:0.9em;}


.hg-an-zc-e1,.hg-an-zc-e1 .hg-an-zc-ec,.hg-an-zc-e2co,.hg-an-zc-e3c{background:var(--bgco);}


.hg-an-z a{font-weight:normal;}
.hg-an-z a:hover{border-bottom:1px dashed #000;border-bottom:0px dashed #000;}

.hg-na-wk{width:20px;height:20px;background:tomato;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:12px;position:absolute;bottom:-5px;left:-5px;}

.hg-po-hwt{font-size:0.8em!important;}
.hg-n{height:100%;position:absolute;right:10px;top:0;display:flex;align-items:center;}
.hg-n-r{width:var(--wibus);height:var(--wibus);padding:4px;margin-top:0;}
.hg-n-r:last-child{margin-left:10px;}
.hg-n-r span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.0rem;line-height:1.0rem;padding:0;margin:0;}
.hg-n-r a{position:relative;opacity:1;width:100%;height:100%; display:flex;align-items:center;justify-content:center;font-size:1.0rem;}

@media (min-width:768px){
.hg-an-ccpc-c{width:25%;}
.hg-n{right:20px;}
}

@media (min-width:1024px){
:root {
--fzm: 14px;
--nmh: 50px;
--wibus:30px;
}
html,body{overflow:visible}
.hg-m-s{padding-left:5%;padding-right:5%;}
.hg-bu span,.hg-bu a{padding:5px 8px 5px 8px;}
.hg-na-wk{width:15px;height:15px;font-size:10px;}
.hg-nm-o-i{margin-top:calc((var(--nmh)) * -2)!important;top:calc((var(--nmh)) * -2)!important;}
.hg-an-c{margin-bottom:0vw;}
.hg-de-ss:last-child{margin-bottom:4vw;}
.nhg-pusn{max-width:80vw;padding:30px 10px 30px 10px;}
.hg-an-cco{width:100%;}
}

@media (min-width:1300px){
:root {
--fzm: 18px;
--nmh: 80px;
--wibus:40px;
}
.hg-m-s{padding-left:10%;padding-right:10%;}
.hg-bu span,.hg-bu a{padding:5px 8px 5px 8px;}
.hg-na-wk{width:15px;height:15px;font-size:10px;}
}


@media (min-width:1500px){
:root {
--fzm: 18px;
--nmh: 80px;
--wibus:40px;
}

.hg-bu span,.hg-bu a{padding:10px 8px 10px 8px;}
.hg-na-wk{width:20px;height:20px;font-size:12px;}
}

@media (min-width:2000px){
.nhg-pusn{max-width:70vw;}
}

nav .hg-bu{background:none;color:var(--hg-bi-bg);}
nav .hg-bu span,nav .hg-bu a{color:var(--hg-bi-bg);}

nav{transition:all 0.4s;}

.hg-bu span,.hg-bu a{font-weight:normal;}
.hg-nu-l-l-a .hg-nu-l-l-li {color:var(--hg-ba-bg)!important;}
.hg-nu-l-l-li{margin-top:1px;opacity:1;height:auto;padding:7px!important;display:flex;align-items:stretch;transition:all 0.4s;}

.hg-m-os-sc div{background:tomato;padding:20px;color:#fff;margin-bottom:20px;margin-left:10px;}
.hg-m-fo-d-s a{z-index:4!important;position:relative;}
.hg-m-fo-d-s a:hover{color:var(--hg-ba-bg);}