body,html,*{font-size: 16px;font-family: 'Poppins';font-weight: 400;line-height: 1.7;color: #000000;}
html{scroll-behavior: smooth;}
body{overflow-x: hidden;}

.container{max-width: 1500px;}

a{color: #000000;text-decoration: none;font-size: 100%;transition: all .3s ease;}
a:hover{text-decoration: none;color: #f29f05;transition: all .3s ease;}
a:focus{border:none;outline: none;}
*:focus-visible{outline: none;}

ul{padding: 0!important;}
li{position: relative;list-style: none;}

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

.topline{display: block;margin-bottom: 10px;text-transform: uppercase;font-size: 120%;font-weight: 600;}
.headline{font-size: 250%;font-weight: bold;display: block;color: #f29f05;margin-bottom: 20px;line-height: 1.1;text-transform: uppercase;}

.button{margin-top: 20px;}
.btn{position: relative;padding: 17px 30px 15px 30px;font-weight: 600;background: #f29f05;color: #fff;transition: all .3s ease;text-transform: uppercase;line-height: 1;text-align: center;font-size: 90%;}
.btn:hover{background: #000000;color: #fff;transition: all .3s ease;}

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

.zero{margin-bottom: 0px!important;}

.provenexpert{position: absolute;bottom: 30px;right: 30px;z-index: 1;}

.swiper-wrapper{height: auto;}

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

#page-header{position: absolute;top: 0;right: 0;left: 0;z-index: 999;background-color: #fff;}
#page-header ul li{list-style: none;}

#page-header .topheader{background-color: #f5f5f5;padding: 10px 0;}

#page-header .topheader .inner{display: flex;justify-content: space-between;}

#page-header .topheader .kontakt ul{display: flex;justify-content: space-between;gap: 50px;padding: 0;margin: 0;}
#page-header .topheader .kontakt .telefon{padding-left: 22px;}
#page-header .topheader .kontakt .telefon::before{content: '';background: url('media/icons/phone.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 7px;}
#page-header .topheader .kontakt .email{padding-left: 22px;}
#page-header .topheader .kontakt .email::before{content: '';background: url('media/icons/email.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 7px;}

#page-header .middlemenu{padding: 20px 0;}
#page-header .middlemenu .cta .btn{width: 100%;}

#page-header .logo img{max-width: 80%;}

#page-header .middlemenu .adresse{display: flex;align-items: center;}
#page-header .middlemenu .adresse p{margin-bottom: 0;}

#page-header .middlemenu .cta{display: flex;align-items: center;}
#page-header .middlemenu .row.menurow{align-items: center;}

#page-header #toppermenu{display: flex;justify-content: flex-end;align-items: center;margin: 20px 0 20px 0;}

#page-header #toppermenu .menu{display: flex;gap: 90px;padding: 0;margin: 0;}
#page-header #toppermenu .menu li{list-style: none;}
#page-header #toppermenu .menu li a{text-transform: uppercase;font-weight: 600;}
//#page-header #toppermenu .menu li.menu-item-has-children::after{content: '';background: url('media/icons/arrow-down-sign-to-navigate.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;top: 6px;right: -25px;}

#page-header #toppermenu .menu .sub-menu{display: none;}
#page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu{display: block;position: absolute;background-color: #f5f5f5;padding-top: 20px;padding-left: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
#page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu a{padding: 20px;padding-left: 0;}
#page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu li{padding-bottom: 15px;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{display: none;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu{display: block;position: absolute;padding: 20px;background-color: #f5f5f5;z-index: -1;left: 100%;top: -20px;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu li:last-child{margin-bottom: 0;}
#page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children::after{display: none;}

#page-header #toppermenu .socialmedia{margin-left: 50px;}
#page-header #toppermenu .socialmedia ul{display: flex;gap: 10px;padding: 0;margin: 0;}
#page-header #toppermenu .socialmedia ul li{list-style: none;}
#page-header #toppermenu .socialmedia img{max-width: 23px;}

#page-header .sidebar{position: fixed;right: 0;z-index: 5;bottom: 40%;}
#page-header .sidebar .list{display: flex;flex-direction: column;text-align: end;}
#page-header .sidebar .list a{margin-bottom: 5px;margin-right: 10px;}
#page-header .sidebar .list a img{max-width: 40%;border-radius: 5px;transition: all .3s ease;}
#page-header .sidebar .list a img:hover{transition: all .3s ease;max-width: 42%;}

#page-header #menuburgerbutton{display: none;width:60px;height: 45px;cursor: pointer;  -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: 35px;position: absolute;}
#page-header #menuburgerbutton span{margin: 8px 0; display: block;height: 4px;border-radius: 4px;width: 100%;background: #143F1F;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;background: #143F1F;}
#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: -11.5px;background: #143F1F;}

#page-header.bottom{padding: 5px 0;box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.3);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;}

@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 .topheader{display: none;}
#page-header.bottom .logo img{max-width: 50%;}
#page-header.bottom #toppermenu{margin: 10px 0 0 0;}

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

#page-footer{background: #ffffff;padding: 50px 0 20px 0;position: relative;}

#page-footer .headline{font-size: 120%;font-weight: 500;color: #000000;}

#page-footer a:hover{color: #f29f05;}

#page-footer ul{margin: 0;padding: 0;}
#page-footer ul li{list-style: none;}

#page-footer .logo{max-width: 50%;margin-bottom: 10px;}

#page-footer .telefon{padding-left: 25px;}
#page-footer .telefon::before{content: '';background: url('media/icons/phone.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 5px;}
#page-footer .email{padding-left: 25px;}
#page-footer .email::before{content: '';background: url('media/icons/email.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 5px;}
#page-footer .adresse{padding-left: 20px;}
#page-footer .adresse::before{content: '';background: url('media/icons/pin.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 5px;}
#page-footer .fax{padding-left: 25px;}
#page-footer .fax::before{content: '';background: url('media/icons/fax.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 5px;}

#page-footer .socialmedia{display: flex;gap: 10px;margin-top: 20px;}
#page-footer .socialmedia img{max-width: 30px;}

#page-footer .rights{display: flex;justify-content: space-between;margin-top: 20px;}
#page-footer .rights ul{display: flex;gap: 50px;margin: 0;padding: 0;}
#page-footer .rights ul li{list-style: none;}

#page-footer #footerbottom{display: flex;align-items: center;justify-content: space-between;margin-top: 50px;padding-top: 20px;border-top: solid 1px #eee;}
#page-footer #footerbottom p{margin-bottom: 0;}
#page-footer #footerbottom .rechtliches ul{display: flex;gap: 30px;}

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

div[class^="flx_"], div[class*="flx_"]{margin-bottom: 150px;position: relative;}

.inhaltsbloecke{margin-top: 155px;}

.flx_headerbild::before{content: '';background-color: #00000062;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.flx_headerbild .content{position: absolute;top: 35%;}
.flx_headerbild .content .headline, .flx_headerbild .content p{color: #ffffff;}

.flx_benefits .inner{background-color: #f5f5f5;padding: 30px 0;}
.flx_benefits .inner .item .icon{margin-bottom: 20px;}
.flx_benefits .inner .item .inhalt .headline{font-size: 150%;}

.flx_textblock ul{padding-left: 15px;}

.flx_textblock .text{display: flex;flex-direction: column;justify-content: center;}

.flx_textblock .bild img{width: 100%;}
.flx_textblock.bild-text .text{padding: 30px 40px;}
.flx_textblock.bild-text .text .headline{margin-bottom: 5px;}

.flx_textblock.bild-zitat .zitat{background-color: #E7BB24;padding: 0;}
.flx_textblock.bild-zitat .zitat .content{position: absolute;bottom: 15%;left: 45%;}
.flx_textblock.bild-zitat .zitat .content .headline{color: #fff;font-size: 350%;font-weight: 600;line-height: 1.1;}
.flx_textblock.bild-zitat .zitat .content .subline{color: #fff;}

.flx_textblock.text-icons .text .headline{margin-bottom: 5px;}
.flx_textblock.text-icons .icons{display: flex;align-items: center;}
.flx_textblock.text-icons .icons ul{margin: 0;}
.flx_textblock.text-icons .icons ul li{list-style: none;display: flex;}
.flx_textblock.text-icons .icons .icon{margin-right: 15px;}

.flx_textblock table tbody tr.even{background-color: #f5f5f5;}

.flx_angebote .produktitem.sale .inner{position: relative;}
.flx_angebote .produktitem.sale .inner::before{content: 'SALE';background-color: #f29f05;color: #ffffff;position: absolute;top: 0;right: 0;padding: 5px 40px;font-weight: 600;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.flx_angebote .produktitem .inner{background-color: #f5f5f5;padding: 30px;}
.flx_angebote .produktitem .inner img{margin-bottom: 20px;height: 280px;object-fit: cover;}
.flx_angebote .produktitem .inner .informationen .headline{font-size: 120%;color: #000000;margin: 10px 0;min-height: 70px;}
.flx_angebote .produktitem .inner .informationen .preis{min-height: 40px;font-weight: 600;font-size: 105%;}
.flx_angebote .produktitem .inner .informationen .preis .streichpreis{text-decoration: line-through;opacity: 0.3;}
.flx_angebote .produktitem .inner .informationen .preis .salepreis{color: #f29f05;font-weight: 600;font-size: 150%;}
.flx_angebote .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 150px;color: #f29f05;}
.flx_angebote .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 150px;color: #f29f05;}

.flx_sale .produktitem.sale .inner{position: relative;}
.flx_sale .produktitem.sale .inner::before{content: 'SALE';background-color: #f29f05;color: #ffffff;position: absolute;top: 0;right: 0;padding: 5px 40px;font-weight: 600;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.flx_sale .produktitem .inner{background-color: #f5f5f5;padding: 30px;}
.flx_sale .produktitem .inner img{margin-bottom: 20px;height: 280px;object-fit: cover;}
.flx_sale .produktitem .inner .informationen .headline{font-size: 120%;color: #000000;margin: 10px 0;min-height: 70px;}
.flx_sale .produktitem .inner .informationen .preis{min-height: 40px;font-weight: 600;font-size: 105%;}
.flx_sale .produktitem .inner .informationen .preis .streichpreis{text-decoration: line-through;opacity: 0.3;}
.flx_sale .produktitem .inner .informationen .preis .salepreis{color: #f29f05;font-weight: 600;font-size: 150%;}
.flx_sale .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 150px;color: #f29f05;}
.flx_sale .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 150px;color: #f29f05;}

.flx_bildergalerie .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -50px;}
.flx_bildergalerie .swiper-pagination-bullet-active{background: #f29f05;}
.flx_bildergalerie .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 150px;color: #f29f05;}
.flx_bildergalerie .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 150px;color: #f29f05;}

.flx_marken .headline{text-align: center;margin-bottom: 10px;}
.flx_marken .swiper-slider-marken{margin-top: 50px;}
.flx_marken .markenlogo img{max-height: 100px;object-fit: contain;}
.flx_marken .swiper-slider-marken .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;color: #f29f05;}
.flx_marken .swiper-slider-marken .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;color: #f29f05;}

.ratgeber .inhaltsbloecke{margin-top: 270px;}
.flx_ratgeber .item{margin-bottom: 50px;}
.flx_ratgeber .item:nth-last-child(){margin-bottom: 0!important;}
.flx_ratgeber .item .text{display: flex;align-items: center;}
.flx_ratgeber .item .text .inner{padding-left: 20px;}
.flx_ratgeber .item .text .inner .headline{color: #000000;font-size: 140%;}
.flx_ratgeber .item:nth-child(2n) .beitrag{flex-direction: row-reverse;}

.flx_formular form label{margin-bottom: 10px;}
.flx_formular form input{border: none;background-color: #f5f5f5;padding: 10px;margin-bottom: 20px;width: 100%;}
.flx_formular form textarea{border: none;background-color: #f5f5f5;padding: 10px;width: 100%;}
.flx_formular form select{border: none;background-color: #f5f5f5;padding: 10px;width: 100%;}
.flx_formular form .datenschutz{margin: 20px 0;}
.flx_formular form .datenschutzcheck{width: max-content;margin-bottom: 0;margin-right: 5px;}
.flx_formular form .submitbox .btn{padding: 17px 30px 15px 30px;font-weight: 600;background: #f29f05;color: #fff;transition: all .3s ease;text-transform: uppercase;line-height: 1;text-align: center;border-radius: 50px;font-size: 90%;}
.flx_formular form .submitbox .btn:hover{background-color: #000000;transition: all .3s ease;}

.flx_banner .banner{position: relative;display: flex;align-items: center;}
.flx_banner .banner::before{position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.5);display: block;}
.flx_banner .banner .headline h3{color: #fff;}
.flx_banner .banner p{color: #fff;}
.flx_banner .banner .inner{position: relative;z-index: 1;align-items: center;}
.flx_banner .banner .inner .buttons{display: flex;align-items: center;}
.flx_banner .banner .inner .btn{line-height: 1.3;}

.flx_kategorieteaser .background{position: relative;margin-top: 40px;}
.flx_kategorieteaser .background::before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.2);display: block;border-radius: 10px;transition: all .3s ease;}
.flx_kategorieteaser .background .titel{position: absolute;z-index: 2;color: #fff;text-transform: uppercase;font-size: 200%;bottom: 40px;left: 45px;}

.flx_buttons .menue{display: flex;justify-content: center;gap: 20px;}

.flx_produktausgabe .headline{margin-bottom: 50px;}
.flx_produktausgabe .produktitem{margin-bottom: 60px;}
.flx_produktausgabe .produktitem .headline{font-size: 190%;text-transform: none;margin-bottom: 30px;}
.flx_produktausgabe .produktitem img{margin-bottom: 10px;}

.flx_referenzen .row{margin-top: 50px;}
.flx_referenzen .item{height: 290px;margin-bottom: 30px;width: 30%;margin-right: 30px;position: relative;}
.flx_referenzen .item::before{position: absolute;content: '';background-color: rgba(0,0,0,0.0);top: 0;right: 0;bottom: 0;left: 0;transition: all .3s ease;}
.flx_referenzen .item:hover::before{background-color: rgba(0,0,0,0.6);transition: all .3s ease;}
.flx_referenzen .item .inner{position: absolute;bottom: 8%;left: 7%;opacity: 0;transition: all .3s ease;}
.flx_referenzen .item:hover .inner{opacity: 1;transition: all .3s ease;}
.flx_referenzen .item .inner .titel{font-size: 130%;color: #fff;}
.flx_referenzen .item .inner p{margin-bottom: 0;color: #fff;}

/*------------------------------Abweichungen-------------------------------------------------*/

.impressum .inhaltsbloecke, .datenschutz .inhaltsbloecke{margin-top: 300px;}
.zubehoer .inhaltsbloecke{margin-top: 170px;}
.fahrzeuge .inhaltsbloecke{margin-top: 170px;}
.referenzen .inhaltsbloecke{margin-top: 170px;}

/*------------------------------Bett-Single--------------------------------------------------*/

section{margin-bottom: 100px;position: relative;}

#single-angebot{margin-top: 300px;}

#single-angebot .produktbilder .produktbild{margin-bottom: 20px;}
#single-angebot .produktbilder .produktdetails{background-color: #f5f5f5;padding: 30px;margin-top: 20px;}
#single-angebot .produktbilder .produktdetails .headline{font-size: 150%;}
#single-angebot .produktbilder .bildergalerie .swiper .swiper-slide img{width: 230px;height: 230px;object-fit: cover;}

#single-angebot .produktinfos{padding: 20px 30px;}
#single-angebot .produktinfos ul{padding-left: 15px;}
#single-angebot .produktinfos .marke{color: #f29f05;display: block;margin-bottom: 10px;font-weight: 600;text-transform: uppercase;}
#single-angebot .produktinfos .produktpreis{display: flex;gap: 20px;}
#single-angebot .produktinfos .produktpreis .streichpreis{text-decoration: line-through;opacity: 0.2;}
#single-angebot .produktinfos .produktpreis .preis{font-size: 250%;font-weight: 600;}
#single-angebot .produktinfos .produktpreis .salepreis{font-size: 250%;font-weight: 600;color: #f29f05;}

#single-angebot .produktspezifikation{display: flex;gap: 30px;margin: 20px 0;}
#single-angebot .produktspezifikation .masse, #single-angebot .produktinfos .materialien{position: relative;padding-left: 25px;}
#single-angebot .produktspezifikation .masse::before{content: '';background: url('media/icons/ruler.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 5px;}
#single-angebot .produktspezifikation .materialien::before{content: '';background: url('media/icons/info.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;left: 0;top: 6px;}

#single-angebot .produktinfos .produktbeschreibung{margin-top: 20px;}
#single-angebot .produktinfos .produktbeschreibung .btn{margin-top: 20px;}

#single-angebot .aehnlicheprodukte{margin-top: 100px;}
#single-angebot .aehnlicheprodukte .produktitem .inner{background-color: #f5f5f5;padding: 30px;}
#single-angebot .aehnlicheprodukte .produktitem .inner img{margin-bottom: 20px;}
#single-angebot .aehnlicheprodukte .produktitem .inner .informationen .headline{font-size: 120%;color: #000000;margin: 10px 0;}
#single-angebot .aehnlicheprodukte .produktitem .inner .informationen .preis .streichpreis{text-decoration: line-through;opacity: 0.3;}
#single-angebot .aehnlicheprodukte .produktitem .inner .informationen .preis .salepreis{color: #f29f05;font-weight: 600;}

#single-angebot .rueckrufformular form label{margin-bottom: 10px;}
#single-angebot .rueckrufformular form input{border: none;background-color: #f5f5f5;padding: 10px;margin-bottom: 20px;width: 100%;}
#single-angebot .rueckrufformular form textarea{border: none;background-color: #f5f5f5;padding: 10px;width: 100%;}
#single-angebot .rueckrufformular form select{border: none;background-color: #f5f5f5;padding: 10px;width: 100%;}
#single-angebot .rueckrufformular form .datenschutz{margin: 20px 0;}
#single-angebot .rueckrufformular form .datenschutzcheck{width: max-content;margin-bottom: 0;margin-right: 5px;}
#single-angebot .rueckrufformular form .submitbox .btn{padding: 17px 30px 15px 30px;font-weight: 600;background: #f29f05;color: #fff;transition: all .3s ease;text-transform: uppercase;line-height: 1;text-align: center;border-radius: 50px;font-size: 90%;}
#single-angebot .rueckrufformular form .submitbox .btn:hover{background-color: #000000;transition: all .3s ease;}

.flx_produktteaser .swiper .informationen{margin-top: 15px;}
.flx_produktteaser .swiper .informationen .headline{font-size: 180%;}
.swiper-button-prev{left: 70px!important;color: #f29f05!important;}
.swiper-button-next{right: 70px!important;color: #f29f05!important;}


/*------------------------------Single-------------------------------------------------------*/

#phpsingle{padding-top: 300px;margin-bottom: 50px;}

#phpsingle h1{margin-bottom: 20px;font-size: 200%;}

/*-------------------------------------------------------------------------------------------*/
@media (min-width:1921px){

    .flx_angebote .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 450px;}
    .flx_angebote .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 450px;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1780px){
    
    .container{padding: 0 50px;}
    
    .flx_kategorieteaser .background{height: 300px!important;width: 400px!important;}
    
    .flx_angebote .produktitem .inner img{height: 230px;}
    
    .swiper-button-prev{display: none;}
    .swiper-button-next{display: none;}

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

    body, html, *{font-size: 15px;}
    
    .inhaltsbloecke{margin-top: 130px;}
    
    #page-header .topheader li{font-size: 90%;}
    #page-header .topheader .kontakt .telefon::before{top: 3px;}
    #page-header .topheader .kontakt .email::before{top: 3px;}
    
    #page-header .logo img{padding-top: 0;}
    
    #page-header #menuburgerbutton{display:inline-block;position: absolute;right: 25px;bottom: 20px;}
    #page-header #toppermenu{display:none;}
    #page-header #toppermenu .menu{display: block;}
    #page-header #toppermenu.active{display: block;position: fixed;top: 0;margin-top: 0;right: 0;width: 60%;height: 100%;background-color: #ffffff;padding: 180px 55px 55px 0;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;z-index: 6;text-align: right;overflow: scroll;}
    #page-header #toppermenu.active .menu li{margin-bottom: 20px;}
    #page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu{display: none;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu{display: block;position: relative;padding: 20px 0;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu li:last-child{margin-bottom: 0;}
    #page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu{box-shadow: none;}
    //#page-header #toppermenu .menu li.menu-item-has-children .sub-menu .menu-item-has-children::after{content: '';background: url('media/icons/arrow-down-sign-to-navigate.svg')no-repeat;background-size: auto;background-size: 100%;width: 15px;height: 15px;position: absolute;top: 6px;right: -25px;}
    
    #page-header #toppermenu.active .menu li a{font-size: 130%;}
    #page-header #toppermenu.active .menu li.menu-item-has-children::after{top: 10px;}
    #page-header #toppermenu.active .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu.open{display: contents!important;}
    #page-header #toppermenu.active .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu.open a{font-weight: 400;font-size: 140%;}
    #page-header #toppermenu.active .menu li.menu-item-has-children.active .sub-menu li.menu-item-has-children.active a::after .sub-menu.open{rotate: -180deg;}
    
    #page-header .middlemenu{padding-top: 20px;}
    #page-header .middlemenu .adresse{display: none;}
    #page-header .middlemenu .cta{margin-left: 50px;}
    
    #page-header.bottom .middlemenu{padding-top: 20px;}
    
    #page-header #toppermenu .menu li.menu-item-has-children:hover .sub-menu li{padding-bottom: 0;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu{margin-left: 60px;background-color: #f5f5f5;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu li a{padding: 20px;position: relative;padding-right: 45px;}
    //#page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu li a::after{content: '';background: url('media/icons/arrow-down-sign-to-navigate.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;right: 20px;top: 6px;}
    #page-header #toppermenu.active .menu li.menu-item-has-children.active::after{rotate: -180deg;}
    
    #page-header .menu > .menu-item-has-children > a::after{content: '';background: url('media/icons/arrow-down-sign-to-navigate.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;right: -25px;top: 9px;}
    #page-header .menu > .menu-item-has-children.active > a::after{transform: rotateX(180deg);}
    
    #page-header .sub-menu > .menu-item-has-children > a::after{content: '';background: url('media/icons/arrow-down-sign-to-navigate.svg')no-repeat;background-size: 100%;width: 15px;height: 15px;position: absolute;right: 20px;top: 25px;}
    #page-header .sub-menu > .menu-item-has-children.active > a::after{transform: rotateX(180deg);}

    .flx_headerbild .bild{height: 600px!important;}
    
    .flx_kategorieteaser .background{width: 350px!important;height: 230px!important;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
    
    .inhaltsbloecke{margin-top: 150px;}
    
    #page-header .middlemenu .row.menurow{align-items: center;}
    
    #page-header #toppermenu.active{width: 75%;}
    
    #page-header .topheader .kontakt ul{justify-content: unset;}
    
    .flx_benefits .inner .item .inhalt .headline{font-size: 120%;}
    
    .flx_kategorieteaser .background{width: 280px!important;height: 200px!important;}
    .flx_kategorieteaser .background .titel{bottom: 30px;left: 30px;}
    
    
    .flx_textblock.bild-text .text{padding-left: 0;}
    
    .flx_textblock .text{margin-bottom: 30px;}
    
    .flx_banner .banner{height: 350px!important;}
    .flx_banner .content{display: none;}
    .flx_banner .row.buttons{flex-direction: column;}
    .flx_banner .row.buttons .btnitem{width: 60%;}
    .flx_banner .banner .inner .btn{font-size: 90%;}

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

    .container{padding: 0 30px;}

    #page-header{padding-bottom: 20px;}
    
    #page-header .topheader .inner{display: contents;}
    #page-header .topheader .benefits{margin-bottom: 10px;}
    
    #page-header #toppermenu.active{padding: 140px 40px 55px 0;}

    #page-header .middlemenu .logo{max-width: 20%;flex: 0 0 20%;}
    #page-header .middlemenu .logo img{max-width: 100%;}
    #page-header .middlemenu .suche{max-width: 30%;flex: 0 0 30%;}
    #page-header .middlemenu .cta{max-width: 30%;flex: 0 0 30%;}
    
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu li a{font-size: 95%;}
    #page-header #toppermenu.active .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu.open a{font-size: 110%;}

    #page-header #menuburgerbutton{bottom: 45px;}
    #page-header.bottom #menuburgerbutton{bottom: 25px;}

    #page-header .sidebar .list a img{max-width: 30%;}

    .flx_angebote .produktitem{margin-bottom: 30px;}

    .flx_kategorieteaser .background{width: 100%!important;}
    
    .flx_headerbild .bild{height: 460px !important;}
    .flx_headerbild .content{top: 20%;}

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

    body, html, *{font-size: 14px;}

    .headline{font-size: 200%;}

    #page-header .middlemenu .logo{max-width: 25%;flex: 0 0 25%;}
    #page-header .middlemenu .cta{max-width: 40%;flex: 0 0 40%;margin-left: 0;}
    
    #page-header #menuburgerbutton{bottom: 40px;}

   #page-header #toppermenu.active{width: 100%;}

    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 50px;}

    .flx_headerbild .content{top: 25%;}

    .flx_kategorieteaser .background .titel{font-size: 140%;}

    .flx_ratgeber .item .text .inner{padding-left: 0;margin-top: 30px;}

    .flx_angebote .produktitem{max-width: 50%;flex: 0 0 50%;}
    
    #page-footer .logo{max-width: 30%;margin-bottom: 30px;}

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

    body, html, *{font-size: 13px;}

    .container{padding: 0 20px;}

    .headline{font-size: 160%;line-height: 1.3;}
    
    .btn{padding: 13px 30px 13px 30px;}

    #page-header .topheader .benefits{display: none;}
    #page-header .topheader .benefits ul{display: block;}

    #page-header .middlemenu .logo{max-width: 35%;flex: 0 0 35%;}
    #page-header .middlemenu .logo img{max-width: 100%;}
    #page-header .middlemenu .suche{max-width: 45%;flex: 0 0 45%;}
    #page-header .middlemenu .suche .is-form-style{margin: 0;}
    #page-header .middlemenu .cta{display: none;}

    #page-header #menuburgerbutton.active{bottom: 85px;}
    #page-header #toppermenu.active{padding: 110px 25px 55px 0;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu{margin-left: 0;}
    #page-header #toppermenu .menu li.menu-item-has-children.active .sub-menu li a{font-size: 110%;padding-right: 30px;}
    #page-header .sub-menu > .menu-item-has-children > a::after{width: 12px;height: 12px;right: 12px;top: 22px;}
    #page-header #toppermenu.active .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu.open a{padding-top: 0;}
    #page-header #toppermenu .menu li.menu-item-has-children .sub-menu li.menu-item-has-children:hover .sub-menu{display: none!important;}

    #page-header #menuburgerbutton{right: 10px;}
    #page-header.bottom #menuburgerbutton{bottom: 18px;}

    #page-header.bottom{padding: 5px 0;}
    #page-header.bottom .middlemenu .logo img{max-width: 80%;}

    .inhaltsbloecke{margin-top: 170px;}

    .flx_headerbild .bild{height: 450px!important;}
    .flx_headerbild .content{top: 100px;}
    .flx_headerbild .provenexpert img{max-width: 80%;}

    .flx_buttons .menue{display: block;}

    .flx_angebote .swiper-slider-angebote{padding: 0 20px;}
    .flx_angebote .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;}
    .flx_angebote .swiper-button-prev, .swiper-rtl .swiper-button-next::after, .flx_angebote .swiper-button-next, .swiper-rtl .swiper-button-prev::after{font-size: 30px!important;}
    .flx_angebote .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;}

    .flx_sale .swiper{padding: 0 30px;}
    .flx_sale .swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0;}
    .flx_sale .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0;}

    .flx_benefits .item{max-width: 50%;flex: 0 0 50%;}
    .flx_benefits .inner .item .inhalt .headline{font-size: 120%;margin-bottom: 10px;}
    .flx_benefits .inner .item .inner .icon img{max-width: 30%;}

    .flx_banner .row.buttons .btnitem{width: 100%;}
    .flx_banner .banner .headlinebox{width: 100%;}
    .flx_banner .banner .platzhalter{display: none;}

    .flx_kategorieteaser .background .titel{font-size: 120%;bottom: 20px;left: 20px;}

    .flx_banner .headline, .flx_banner .row.buttons{max-width: 100%;flex: 0 0 100%;}

    .flx_angebote .produktitem{max-width: 100%;flex: 0 0 100%;}

    .flx_teaser .item{margin-bottom: 30px;}
    
    .flx_kontakt .map{width: 100%;margin-bottom: 30px;}
    .flx_kontakt .platzhalter{display: none;}
    .flx_kontakt .content{width: 100%;}

    #page-footer .footeritem{margin-bottom: 30px;}
    #page-footer #footerbottom{display: block;}
    #page-footer #footerbottom .copyright{margin-bottom: 10px;}

    #single-angebot .produktinfos .produktpreis .preis, #single-angebot .produktinfos .produktpreis .salepreis{font-size: 140%;}

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

    body, html, *{font-size: 13px;}
    
    #page-header{padding-bottom: 0;}
    
    .inhaltsbloecke{margin-top: 155px;}
    
    #page-header #menuburgerbutton{bottom: 16px;}
    #page-header .topheader .kontakt ul{flex-direction: column;gap: 10px;}

}