:root{
    --main: #124093;
    --sec: #007AC3;
    --grey: #6E6E6E;

}

body,html,*{font-size:19px;line-height:1.5;font-family:'Lexend';font-weight:300;}
html{scroll-behavior: smooth;}

a{color:var(--main);text-decoration:none;font-size:100%;transition:all .3s ease;}
a:hover{text-decoration:none;color:var(--sec);transition:all .3s ease;}
a:focus{text-decoration:none;}

.siteheadline{font-size: 170%; font-weight: 500;}

li{list-style:none; position:relative;}


ul{padding:0;margin:0;}

img{max-width:100%;height:auto;}

h1{font-size:325%;font-weight:800;display:block;position:relative;color:var(--main);margin:0;line-height:1;}
h2{font-size:225%;font-weight:800;display:block;color:#021D3A;margin:0;line-height:1;}
h3{font-size:150%;font-weight:800;display:block;color:#021D3A;margin:0;line-height:1;}

.headline{font-size:200%;font-weight:700;display:block;color:var(--main);margin:0;line-height:1;}
.subline{font-size:115%;font-weight:800;display:block;color:#33CBE5;}

.btn{position:relative;font-size:100%;font-weight:400;padding: 10px 35px; color: white; background-color: var(--sec); width: fit-content; border-radius: 25px;transition:all .3s ease; line-height:1;text-align:center;}
.btn:hover{background: var(--main);transition:all .3s ease; color: white;}
/* .btn:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:25px;}
.btn:hover:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/arrow_right_darkblue.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:25px;} */

strong{font-weight:600;font-size:100%;}

.container{max-width:1500px;}
.container.wide{max-width:1800px;}

.centerText{text-align: center;}

.topline{color: var(--sec);}

.email::before{content: ''; display: block; position: absolute; width: 20px; height: 20px; background: url('media/email.svg') no-repeat; background-size: contain; top: 0; left: -30px;}
.telefon::before{content: ''; display: block; position: absolute; width: 20px; height: 20px; background: url('media/telefon.svg') no-repeat; background-size: contain; top: 0; left: -30px;}
.zeiten::before{content: ''; display: block; position: absolute; width: 20px; height: 20px; background: url('media/zeiten.svg') no-repeat; background-size: contain; top: 0; left: -30px;}

/*------------------------------------Header-------------------------------------------------*/

#page-header{position:absolute;top:0;right:0;left:0;padding:25px 0;background:#fff;-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);z-index:999;}


#page-header.bottom{padding:15px 0;position:fixed;top:0;left:0;right:0;background:#fff;-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */              -moz-animation: fadein 2s; /* Firefox < 16 */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera < 12.1 */animation: fadein 2s;z-index:999;}
#page-header.bottom .left .logo img{max-width:75%;margin:0 auto;display:block;}
#page-header.bottom {padding:15px 0;}
#page-header.bottom .right{padding:15px 0;}

@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}

#page-header.bottom{position: fixed;}

#page-header .siteheadline{color: var(--main); width: 110%;} 
#page-header .siteheadline a{font-weight: 600;}

#page-header .headerlogo{width: 80%; scale: 1.25; margin-left: 30px;}
#page-header.bottom .headerlogo{scale: 1.15;}

#page-header .topcol{margin-bottom: 30px; text-align: end;}
#page-header .topcol span, #page-header .topcol .email, #page-header .topcol .telefon{font-size: 80%; opacity: 0.65; margin-right: 70px; position: relative; color: black;}
#page-header .topcol a{transition: all 0.3s ease;}
#page-header .topcol a:hover{opacity: 1;}
#page-header .topcol .zeiten{margin-right: 50px;}
#page-header .topcol .konto{padding-right: 20px;}
#page-header .topcol .warenkorb{padding-right: 20px;}


#page-header .menu{text-align: end;}
#page-header .menu li{display:inline-block;padding-left: 60px;}
#page-header .menu li:before{display:none;}
/* #page-header .menu li.current-menu-item:after, #page-header   .menu li.current_page_parent:after{content:'';width:20%;height:2px;background:var(--main);display:block;position:absolute;bottom:-5px;left:30px;transition:all .3s ease;} */
#page-header .menu li a{font-weight:300;}
#page-header .menu li:hover > a{color:#33CBE5;transition:all .3s ease;}
#page-header .menu li:last-child a{padding: 10px 35px; color: white; background-color: var(--main); border-radius: 25px;}
#page-header .menu li:last-child a:hover{background-color: var(--sec);}
#page-header .menu li.menu-item-has-children .sub-menu{display:none;position:absolute;top:27px;left:5px;background:#fff;-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);z-index:1000;text-align:left;padding:10px;}
#page-header .menu li.menu-item-has-children:hover > .sub-menu{display:block;}
#page-header .menu li.menu-item-has-children .sub-menu li{padding:5px 15px;}
#page-header .menu li.menu-item-has-children .sub-menu li:after{left:10px;bottom:0;}

#page-header .onlymobile #toppermenu-mobile{display:none;}
#page-header #menuburgerbutton{display: none;width:40px;height: 40px;cursor: pointer; filter: brightness(100%) saturate(100%); -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;z-index: 100;/*right: 15px;position: absolute;top: -20px;*/}
#page-header #menuburgerbutton span{margin: 8px 0; display: block;height: 4px;border-radius: 4px;width: 100%;background: var(--main);opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#page-header #menuburgerbutton.active span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);margin-top: 12.5px;}
#page-header #menuburgerbutton.active span:nth-child(2){display: none;}
#page-header #menuburgerbutton.active span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: -12.5px;}

#page-header .wooheader{position: relative;}
#page-header .topcol .wooheader{position: relative; padding-right: 0;}
#page-header .topcol .count{position: absolute;bottom: -5px;background-color:var(--main);color:#fff;border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height: 0.9;right: -5px;padding: 4px;font-size: 70%; opacity: 1; margin-right: unset;}
#page-header .count{position: absolute;bottom: -5px;background-color:var(--main);color:#fff;border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height: 0.9;right: -5px;padding: 4px;font-size: 70%; opacity: 1; margin-right: unset;}

/*------------------------------------Footer-------------------------------------------------*/

#page-footer{background: var(--main); color: white; padding:50px 0 15px; overflow: hidden;}

#page-footer .siteheadline{color: white; padding-bottom: 30px;}

#page-footer .footerrow{padding-top: 50px;}

#page-footer a{color: white; display: block; position: relative;}
#page-footer a:hover{text-decoration: underline;}
#page-footer .kontakt a::before{filter: brightness(0) invert(1); top: 5px;}


#page-footer #footermenu li{display: inline;}
#page-footer .bottomrow{margin: 40px 0; text-align: end;}
#page-footer .bottomrow a{color: white; font-size: 85%; padding-left: 40px; display: inline;}
#page-footer .bottomrow a:hover{text-decoration: underline;}
#page-footer .copyright{display:block;width:100%;margin-top:100px;}
#page-footer .copyright span{display:block;text-align:center;color:#fff;font-size:75%;}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.inhaltsbloecke{margin-top:150px;}
#page190 .inhaltsbloecke, 
#page195 .inhaltsbloecke, 
#page3 .inhaltsbloecke, 
#page305 .inhaltsbloecke, 
#page201 .inhaltsbloecke{margin-top:250px;}
#page190 h1,
#page195 h1,
#page3 h1,
#page305 h1,
#page201 h1{font-size: 250%;margin-bottom: 20px;font-weight: 600;}
#page190 h2, 
#page195 h2, 
#page3 h2, 
#page305 h2, 
#page201 h2{margin-bottom: 20px;font-weight: 600;}


.flx_headerblock{position:relative; background-size: cover; background-position: center;}
.flx_headerblock .topline{color: var(--sec); padding-top: 100px; padding-bottom: 20px; font-weight: 300; font-size: 20px;}
.flx_headerblock .headline{font-size: 300%; padding-bottom: 20px;}
.flx_headerblock .inhalt{color: var(--grey); padding-bottom: 20px;}
.flx_headerblock a{padding: 10px 35px; color: white; background-color: var(--sec); border-radius: 25px;}
.flx_headerblock a:hover{background-color: var(--main);}
/* .flx_headerblock:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#021D3A;opacity:0.82;z-index:5} */
.flx_headerblock .contentcol{margin-bottom: 100px;}
.flx_headerblock .bildcol{margin-top: 50px; text-align: center;}
.flx_headerblock .bildcol .headerbild{max-height: 450px; margin-top: 50px;}
.flx_headerblock .content{position:absolute;top:20%;z-index:10;color:#fff;}
.flx_headerblock .content h1{color:#fff;font-size:325%;}
.flx_headerblock .content p{max-width:55%;font-size:120%;margin-bottom:100px;}
.flx_headerblock .content .mail{display:block;position:relative;color:#fff;transition:all .3s ease;padding-left:40px;font-size:120%;font-weight:600;width:max-content;}
.flx_headerblock .content .mail:hover{color:#33CBE5;transition:all .3s ease;}
.flx_headerblock .content .mail:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/mail.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
.flx_headerblock .content .mail:hover:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/mail.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
.flx_headerblock .content .telefon{display:block;position:relative;color:#fff;transition:all .3s ease;padding-left:40px;font-size:120%;font-weight:600;margin-bottom:10px;width:max-content;}
.flx_headerblock .content .telefon:hover{color:#33CBE5;transition:all .3s ease;}
.flx_headerblock .content .telefon:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/telefon.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}
.flx_headerblock .content .telefon:hover:before{content:'';width:35px;height:35px;display:block;background:url('media/icons/telefon.png');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}


.flx_teaserblock{background-color: var(--sec);}
.flx_teaserblock .kachel{padding: 60px 40px;}
.flx_teaserblock .bild{width: 80px; height: 80px; align-content: center; padding-bottom: 20px;}
.flx_teaserblock .bild img{max-height: 100%;}
.flx_teaserblock .headline{font-size: 130%; color: white; padding-bottom: 10px;}
.flx_teaserblock .inhalt{color: white;}
.flx_teaserblock .col-md-4:first-child .kachel{padding-left: 0;}
.flx_teaserblock .col-md-4:last-child .kachel{padding-right: 0;}

.flx_produktblock .centerText img{padding: 100px 0 0 0;}
.flx_produktblock .centerText .topline{color: var(--sec); padding-top: 100px;}
.flx_produktblock .centerText .headline{margin: 20px 0; font-size: 225%;} 
.flx_produktblock .centerText .inhalt{color: var(--grey); width: 75%; margin: 0 auto 75px auto;}
.flx_produktblock .btn{margin: 0 auto 150px auto; display: block; width: fit-content; background-color: var(--sec);}
.flx_produktblock .btn:hover{color: white; background-color: var(--main);}
.flx_produktblock .row{margin-bottom: 100px;}
.flx_produktblock .produktkachel .content{position: relative; margin-top: 20px;}
.flx_produktblock .produktkachel .headline{font-size: 120%; width: 70%; font-weight: 600;}
.flx_produktblock .produktkachel .preis{width: fit-content; position: absolute; right: 0; top: 0; font-size: 115%; color: var(--main);}
.flx_produktblock .produktkachel .inhalt{padding: 20px 0; font-weight: 200; color: var(--grey);}
.flx_produktblock .produktkachel .mehr{color: var(--main); position: relative; padding-left: 30px; margin-top: 20px;}
.flx_produktblock .produktkachel .mehr:hover{text-decoration: underline;}
.flx_produktblock .produktkachel .mehr::before{content:''; display: block; position: absolute; transition: all 0.3s ease; top: 3px; left: 0; width: 20px; height: 20px; background: url('media/mehr_erfahren.png') no-repeat; background-size: contain;}
.flx_produktblock .produktkachel .mehr:hover::before{transform: rotate(180deg);}

.angebotrow{--bs-gutter-x: 120px}
.angebotkachel{padding: 50px 45px; margin-top: 100px; height: 250px; position: relative;}
.angebotkachel .bild{float: left; margin-left: -105px; margin-top: -125px; margin-right: 20px;}
.angebotkachel .bild img{max-height: 375px;}
.angebotkachel .content{color: white;}
.angebotkachel .headline{color: white; padding-bottom: 10px;}
.angebotkachel .zusatztext{position: absolute; bottom: 25px; right: 25px; color: white; font-size: 70%;}

.flx_bildslider .topline{padding-top: 100px;}
.flx_bildslider .headline{padding: 20px 0 50px 0;}
.flx_bildslider .center{height: 550px;}
.flx_bildslider .owl-carousel.owl-loaded{margin-bottom: -100px;}
/* .flx_bildslider .item{height: 450px; transition: all 0.4s ease;} */
.flx_bildslider .container.centeritem{padding-bottom: 100px;}
.flx_bildslider .container.centeritem .center .item{height: 550px;}
.flx_bildslider .container.centeritem .center .item img{height: 100%; object-fit: cover;}
.flx_bildslider .owl-nav{position: relative; bottom: 0; margin: 20px auto; width: fit-content;}
/* .flx_bildslider .container.centeritem .owl-nav{position: relative; bottom: 60px; left: 350px;} */
.flx_bildslider .owl-prev{background: url('media/prev.svg') no-repeat!important; background-size: contain; height: 40px; width: 40px;}
.flx_bildslider .owl-next{background: url('media/next.svg') no-repeat!important; background-size: contain; height: 40px; width: 40px;}
.owl-carousel .owl-nav.disabled{display: block;}
[aria-label="Previous"]{display: none;}
[aria-label="Next"]{display: none;}

.flx_kontaktformular{background-color: #f8f8f8; padding-top: 100px;}
.flx_kontaktformular .kontaktrow{padding-bottom: 100px;}
.flx_kontaktformular .headline{padding: 20px 0;}
.flx_kontaktformular .inhalt{width: 90%; color: var(--grey); font-weight: 200;}
.flx_kontaktformular .kontakt{margin-top: 30px;}
.flx_kontaktformular .kontakt a{display: block; margin: 20px 0; padding-left: 40px; color: var(--sec); position: relative; transition: all 0.3s ease;}
.flx_kontaktformular .kontakt a:hover{color: var(--main);}
.flx_kontaktformular .kontakt .email::before{content: ''; display: block; height: 25px; width: 25px;  background: url('media/emailkontakt.svg') no-repeat; background-size: contain; position: absolute; left: 0; top: 3px;}
.flx_kontaktformular .kontakt .telefon::before{content: ''; display: block; height: 25px; width: 25px;  background: url('media/telefonkontakt.svg') no-repeat; background-size: contain; position: absolute; left: 0; top: 3px;}
.flx_kontaktformular .wpcf7 input{border: none; padding: 15px; max-width: 100%;}
.flx_kontaktformular .wpcf7-textarea{width: 100%; border: none; padding: 10px; height: 150px;}
.flx_kontaktformular .wpcf7-submit{position:relative;font-size:100%;font-weight:400; margin-top: 20px; padding: 10px 50px!important; color: white; background-color: var(--sec); border-radius: 25px;transition:all .3s ease; line-height:1;text-align:center;}
.flx_kontaktformular .wpcf7-submit:hover{background-color: var(--main);}


.flx_ansprechpartnerbox{padding:75px 0;background:#021D3A;margin:100px 0;}
.flx_ansprechpartnerbox .links .content p{color:#fff;margin:35px 0;display:block;}
.flx_ansprechpartnerbox .links .content .headline{color:#fff;}
.flx_ansprechpartnerbox .links .content .btn{padding:15px 75px 15px 25px;}
.flx_ansprechpartnerbox .mitte{margin-top:35px;}
.flx_ansprechpartnerbox .mitte .item{margin:25px 0;}
.flx_ansprechpartnerbox .mitte .item .icon{text-align:right;}
.flx_ansprechpartnerbox .mitte .item .icon img{max-width:75%;}
.flx_ansprechpartnerbox .mitte .item .inhalt{padding-top:10px;}
.flx_ansprechpartnerbox .mitte .item .inhalt .bezeichnung{font-size:100%;font-weight:600;color:#fff;display:block;line-height:1.2;}
.flx_ansprechpartnerbox .rechts .person img{border-radius:50%;}
.flx_ansprechpartnerbox .rechts .person .info{position:absolute;bottom:0;right:0;}
.flx_ansprechpartnerbox .rechts .person .info .name{font-size:125%;font-weight:600;color:#fff;display:block;line-height:1.2;}
.flx_ansprechpartnerbox .rechts .person .info .bezeichnung{font-size:100%;font-weight:300;color:#fff;display:block;line-height:1.2;}

.flx_leistungblock.sliderblock{min-height:550px;}
.flx_leistungblock.sliderblock .slider{position:absolute;}
.flx_leistungblock{margin:100px 0;}
.flx_leistungblock .headline{margin-bottom:100px;}
.flx_leistungblock .item{padding:50px;border:solid 2px #33CBE5;margin-bottom:30px;transition:all .3s ease;display:block;}
.flx_leistungblock .item img{max-width:25%;}
.flx_leistungblock .item .inhalt h3{margin:15px 0;}
.flx_leistungblock .item:hover{background:#021D3A;border-color:#021D3A;transition:all .3s ease;}
.flx_leistungblock .item:hover .inhalt h3{color:#fff;transition:all .3s ease;}
.flx_leistungblock .item:hover .inhalt p{color:#fff;transition:all .3s ease;}

.flx_bildblock{margin-bottom:200px;}
.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:75%;display:block;position:relative;}
.flx_bildblock .imageone:after{content:'';display:block;width:100px;height:100px;background:#33CBE5;position:absolute;bottom:-25px;left:-25px;opacity:0.8;}
.flx_bildblock img{width:100%;}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}

.flx_textblock{margin:50px 0;}
.flx_textblock .headline{margin-bottom:15px;}
.flx_textblock .text ul{margin:50px 0;}
.flx_textblock .text ul li{display:inline-block;width:49.5%;font-weight:600;margin:5px 0;}

.flx_textblock.text .headline{padding: 30px 0;}

.flx_textblock.mitbildrechts{background-size: cover; background-position: center; background-repeat: no-repeat;}
.flx_textblock.mitbildrechts .topline{padding-top: 100px;}
.flx_textblock.mitbildrechts .headline{padding: 20px 0;}
.flx_textblock.mitbildrechts .aufzaehlung{margin: 5px 0; position: relative; padding-left: 30px;}
.flx_textblock.mitbildrechts .aufzaehlung::before{content: ''; display: block; position: absolute; background: url('media/checkmark.svg') no-repeat; background-size: contain; height: 20px; width: 20px; left: 0; top: 5px;}
.flx_textblock.mitbildrechts .btn{margin: 50px 0;}
.flx_textblock.mitbildrechts img{position:relative;z-index:99;}
.flx_textblock.mitbildrechts .grafisches_element{display:block;width:100px;height:100px;background:#33CBE5;position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}
.flx_textblock.mitbildlinks img{position:relative;z-index:99;}
.flx_textblock.mitbildlinks .grafisches_element{display:block;width:100px;height:100px;background:#33CBE5;position:absolute;bottom:-25px;left:-10px;opacity:0.8;z-index:100;}


.flx_textblock .formular{position:relative;z-index:99;background:#fff;padding:25px;width:75%;margin-top:-250px;float:right;-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);}
.flx_textblock .formular input, .flx_textblock .formular textarea{border:none;background:#f2f2f2;color:#444;margin:5px 0;width:100%;padding:10px;}
.flx_textblock .formular .datenschutz input{width:12px;margin-right:2px;}
.flx_textblock .formular .datenschutz p{font-size:75%;}
.flx_textblock .formular input.btn:hover{background:#021D3A;color:#fff;transition:all .3s ease;}

.flx_textblock .accordion{width:80%;float:right;}
.flx_textblock .accordion .accordion-item{padding:5px 0;}
.flx_textblock .accordion .accordion-button{text-shadow:none;background:#021D3A;color:#fff;font-weight:600;font-size:115%;width:100%;padding:10px 20px;text-align:left;border:none;position:relative;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed{background:#f2f2f2;color:#021D3A;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button:after{content:'';background:url('media/icons/arrow-top.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transition:all .3s ease;}
.flx_textblock .accordion .accordion-button.collapsed:after{content:'';background:url('media/icons/arrow-top-darkblue.png');background-size:75%;background-position:center;background-repeat:no-repeat;width:50px;height:50px;display:block;position:absolute;right:25px;top:0;transform:rotate(180deg);transition:all .3s ease;}
.flx_textblock .accordion .accordion-collapse{padding:15px 15px 0 15px;}

.flx_anfahrtblock .topline{padding-top: 100px; color: var(--sec);}
.flx_anfahrtblock .headline{padding: 20px 0; max-width: 30%; color: var(--main);}
.flx_anfahrtblock .centerblock{max-width: 270px; margin: -60px auto 0 auto; }
.flx_anfahrtblock .adresse{color: var(--sec); position: relative; padding-left: 75px;}
.flx_anfahrtblock .adresse::before{content: ''; display: block; position: absolute; background: url('media/maps.png') no-repeat; background-size: contain; height: 60px; width: 60px; left: 0; top: 15px;}
.flx_anfahrtblock .karte{width: 100%; margin: 50px 0; position: relative;}
.flx_anfahrtblock .karte img{filter: grayscale(100%);}
.flx_anfahrtblock .karte::before{content: ''; width: 100%; height: 100%; background: #2c3799; opacity: 0.1; position: absolute; top: 0; left: 0; z-index: 1;}
.flx_anfahrtblock .karte .btn{position: absolute; bottom: 50px; left: 50px; z-index: 5;}

.flx_iconblock{margin:100px 0;}
.flx_iconblock .item{padding:0 25px;}
.flx_iconblock .item img{max-width:35%;margin:0 auto 25px;display:block;}
.flx_iconblock .item .inhalt{text-align:center;}

#phpsingle{margin-top: 200px;}

/*-----------------------------------Woocommerce------------------------------------------- */
.warenkorb h1{padding: 50px 0;}
.woocommerce .coupon{display: none;}
.woocommerce-message.free-product::before{display: none;left: 20px; top: 10px;}
.woocommerce .cart-collaterals .cart_totals{width: 100%;}
.woocommerce .cart-collaterals .cart_totals h2{padding: 20px 0;}
.woocommerce .checkout-button{background-color: var(--sec)!important;}

.woocommerce-products-header__title.page-title{padding: 20px 0;}
#primary #main .woocommerce-ordering{display: none;}
#primary #main ul.products{display: flex; justify-content: space-between; margin: 30px 0;}
#primary #main ul.products .product.type-product{flex: 0 0 25%; max-width: 25%; padding: 10px;}
#primary #main ul.products .product.type-product h2{font-size: 110%; max-width: 90%; padding: 10px 0;}
#primary #main ul.products .product.type-product .addtocart .cart{top: 10px; right: 0;}
/* .product .container{margin-top: 200px;} */

.products .product h2{max-width: 80%;}
.woocommerce-MyAccount-navigation{padding-top: 50px;}


#primary #main .related.products ul.products{justify-content: start;}
#primary #main .related.products ul.products .product.type-product .product{flex: 0 0 33%; max-width: 33%;}
#primary #main .related.products ul.products .product.type-product .addtocart .cart{top: 55px;}

#primary{margin-top: 175px;}
#primary #main{max-width: 1400px; margin: 0 auto;}
.product{margin-top: 50px;}
.product .product_title{font-size: 225%;}
.product .produktinfos h1{padding-bottom: 30px;}
.product .price{margin:0;}
.product .wc-gzd-additional-info.tax-info, .product .wc-gzd-additional-info.shipping-costs-info{display: none}

/* Angebotkachel auf Produktseite */
.product .angebotrow{padding-top: 25px;}
.product .angebotkachel{margin-top: 25px; max-height: 140px; padding: 25px 45px;}
.product .angebotrow .col-12:last-child .angebotkachel{margin-bottom:25px;}
.product .angebotkachel .bild{margin-left: -20px; margin-top: -35px; margin-right: 30px;}
.product .angebotkachel .bild img{max-height: 165px;}
.product .angebotkachel .headline{font-size: 150%;}
.product .angebotkachel .inhalt{font-size: 90%;}
.product .angebotkachel .zusatztext{bottom: 20px; right: 20px; font-size: 65%;}
.product .cart{padding-top: 25px;}

.product .additional-info{padding: 20px;background:#f2f2f2;margin:25px 0;}
.product .additional-info p{margin-bottom:0;line-height:1.5;}
.wc-gzd-additional-info {
    display: none !important;
}

.product .price .woocommerce-Price-amount bdi{font-size: 225%; font-weight: 600;}
.product .price .woocommerce-Price-amount bdi span{font-size: 100%; font-weight: 600;}
.product .quantity::before{content: 'Menge: '; display: block;}
.product .quantity input{padding: 5px 5px 5px 15px; margin-top: 5px;}
.product .single_add_to_cart_button{position:relative;font-size:100%;font-weight:400;padding: 10px 35px; color: white; border: none; background-color: var(--sec); width: fit-content; border-radius: 25px;transition:all .3s ease; line-height:1;text-align:center; margin-top: 35px;}
.product .single_add_to_cart_button:hover{background: var(--main);transition:all .3s ease; color: white;}

.product .galerie ol{padding-left: 0;}
.product .galerie li{display: inline-block; width: fit-content; padding-top: 20px; padding-right: 20px;}
.product #tab-title-additional_information{display: none;}
.product #tab-title-description{display: none;}
.product #tab-description h3,.product #tab-description h2{padding-bottom: 30px;}
/* .product #tab-description img{margin: 30px; padding: 10px;} */

.product .related{margin:50px 0;}
.product .related h2{padding: 20px 0;}
.product .related .products{display: flex;justify-content:flex-start}
.product .related .products .product:before{display:none;}
.product .related .woocommerce-loop-product__title{text-align: left;font-size: 130%;margin-bottom: 5px;min-height: 50px;line-height:1.2; width: 90%;}
.product .related .price{color: #1A1A1A;text-align: left;font-weight: 600;font-size: 130%;margin-bottom: 0;}
.product .related p{margin: 0;text-align: left;}
.product .related .button{width: 100%;margin-top: 20px;}
.product .related .wc-gzd-additional-info-loop{display:none;}
.product .related .xoo-wl-open-form-btn{display:none;}

.product .addtocart .cart{background: transparent; border: none;position: absolute; right: 0; top: 10px;}
.product .addtocart img{filter: brightness(0.5); width: 45px; height: 45px;}

.woocommerce .woocommerce-cart-form__cart-item img{max-width: 50%;}

.woocommerce-order-overview__email::before{display: none;}

.woocommerce .wc-proceed-to-checkout{text-align: end;}
.woocommerce .order-total .woocommerce-Price-amount bdi{font-weight: 500; font-size: 115%;}
.woocommerce .order-total .woocommerce-Price-amount bdi .woocommerce-Price-currencySymbol{font-weight: 500; font-size: 115%;}
.woocommerce .order-total th{font-size: 115%;}

.woocommerce .woocommerce-checkout{padding-top:75px;}
.woocommerce .woocommerce-checkout h3{margin-bottom:50px;}
.woocommerce .woocommerce-checkout label{color:var(--main);}
.woocommerce .woocommerce-checkout .wc-gzd-checkbox-placeholder{margin:50px 0;}
.woocommerce .woocommerce-checkout .wc-gzd-checkbox-placeholder label{line-height:1;}
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order-table{color:var(--main);}
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order-table .unit-price{font-size:75%;}
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order-table .unit-price *{font-size:100%;}
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order-table .product-total bdi{font-weight:600;}
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order-table .units-info{padding-left: 80px;font-size: 75%;}
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order-table .units-info span{font-size:100%;}
.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order-table th{font-weight:500;}
.woocommerce .woocommerce-checkout .wc-gzd-order-submit button{width:100%;background:green;border:none;padding:10px 25px;transition:all .3s ease;}
.woocommerce .woocommerce-checkout .wc-gzd-order-submit button:hover{background:darkgreen;transition:all .3s ease;}

.wp-block-woocommerce-checkout h2{margin-bottom:25px;}
.wp-block-woocommerce-checkout{padding-top:50px;}
.wp-block-woocommerce-checkout code{color:var(--main);}


/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){

    .inhaltsbloecke{margin-top: 120px;}

    #page-header .menu li{padding-left: 25px;}
    
    .angebotrow{--bs-gutter-x: 1.5rem}
    .angebotkachel{height: 95%;}
    .angebotkachel .bild{float: none; display: block; margin-top: 0; margin-left: 0; margin-right: 0;}
    .product .angebotkachel .bild{float: left;}
    .product .angebotkachel .zusatztext{bottom: 10px; right: 10px;}
    .product .angebotkachel .headline{font-size: 125%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){

    #page-header .siteheadline{width: 80%;}
    #page-header #menuburgerbutton{display: block; position: absolute; right: 25px; top: 25px;}
    #page-header #menuburgerbutton.active{position: fixed; right: 25px; top: 25px;}
    #page-header .onlymobile #toppermenu-mobile.active .count{bottom: 10px; right: 10px;}
    #page-header .onlymobile #toppermenu-mobile.active{display:block; position: fixed; right: 0; top: 0; height: 100vh; width: 50vw; background-color: white; padding-top: 100px;}
    #page-header .onlymobile #toppermenu-mobile.active .zeiten, #page-header .onlymobile #toppermenu-mobile.active .email, #page-header .onlymobile #toppermenu-mobile.active .telefon{font-size: 80%; color: black; opacity: 0.65; width: fit-content; margin: 10px auto; position: relative; bottom: -50vh;}
    #page-header .onlymobile #toppermenu-mobile.active .email{display: block;}
    #page-header .onlymobile #toppermenu-mobile.active .telefon{display: block;}
    #page-header .onlymobile #toppermenu-mobile.active .zeiten{display: block;}
    #page-header .onlymobile #toppermenu-mobile.active .wooheader{display: block; height: 50px; width: 50px; position: absolute; top: 25px; left: 75px;}
    #page-header .onlymobile #toppermenu-mobile.active .konto{display: block; height: 50px; width: 50px; position: absolute; top: 25px; left: 25px;}
    #page-header .onlymobile #toppermenu-mobile.active #toppermenu-small{display: block;}
    #page-header .onlymobile #toppermenu-mobile.active #toppermenu-small .menu li{display: block; padding: 15px 5px; text-align: center;}

    #page-header .topcol{display: none;}
    #page-header #toppermenu{display: none;}

    /* .flx_bildslider .container.centeritem .owl-nav, .flx_bildslider .owl-nav{left: unset; bottom: -15px; margin: 10px auto;} */
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {

    .inhaltsbloecke{margin-top: 100px;}

    .flx_bildslider .item{transition: none;}
    .flx_bildslider .center{height: 100%; transition: none;}

    .flx_anfahrtblock .headline{max-width: 100%;}
    .flx_anfahrtblock .adresse{margin-top: 60px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {

    #page-header .onlymobile #toppermenu-mobile.active{width: 75vw;}


    .flx_headerblock .topline{padding-top: 140px;}
    .flx_headerblock .bildcol{display: none;}
    .flx_headerblock .headline{font-size: 250%;}

    .flx_textblock.mitbildrechts .bild{display: none;}

    .flx_teaserblock .col-md-4:first-child .kachel{padding-left: 40px;}

    .flx_produktblock .produktkachel{padding-bottom: 35px;}

    .flx_teaserblock .kachel{padding: 40px;}

    .flx_anfahrtblock .karte .btn{bottom: 25px; left: 25px;}

    .flx_kontaktformular .col-md-6 .wpcf7-form-control-wrap{display: block; width: 100%;}
    .flx_kontaktformular .col-md-6 .wpcf7 input{width: 100%;}

    #page-footer .col-md-3, #page-footer .col-md-4, #page-footer .col-md-8{margin: 10px 0;}
    #page-footer .kontakt a{left: 30px;}

    #primary #main ul.products .product.type-product{flex: 0 0 50%; max-width: 50%;}

    .warenkorb h1{font-size: 200%;}
    .woocommerce .cart-collaterals .cart_totals h2{font-size: 150%;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {
    #page-header .onlymobile #toppermenu-mobile.active{width: 100vw; padding-top: 150px;}
    .flx_produktblock .produktkachel{width: 95%; margin: 0 auto;}

    .product .angebotkachel{max-height: unset;}
    .product .angebotkachel .bild{float: none; margin: 0;}
    .product .angebotkachel .headline{padding-top: 25px;}

    .flx_headerblock .headline{font-size: 200%;}


    .flx_teaserblock .kachel{padding: 30px;}

    /* .flx_bildslider .container.centeritem .owl-nav, .flx_bildslider .owl-nav{bottom: 100px;} */
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {

}