body,html,*{font-size: 18px;line-height: 1.6;font-family: 'Futura', sans-serif;font-weight: 300;color: #7A7A7A;}
html{scroll-behavior: smooth;}
html,body{max-width: 100%;overflow-x: hidden;}

.container{max-width: 1650px;}

a{color: #7A7A7A;text-decoration: none;transition:all .3s ease;}
a:hover{text-decoration: none;color: #558A9D;transition: all .3s ease;}
a:focus{text-decoration: none;}
a:focus-visible{outline: none;}

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

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

.headline{font-size: 210%;font-weight: 500;display: block;color: #558A9D;margin-bottom: 20px;line-height: 1;}
.subline{font-size: 110%;display: block;color: #558A9D;margin: 0;line-height: 1;}

.button{margin-top: 30px;}
.btn{position: relative;padding: 15px 40px 15px 40px;font-weight: 500;background: #558A9D;color: #fff;transition: all .3s ease;line-height: 1;text-align: center;border-radius: 0px;}
.btn:hover{background: #7A7A7A;color: #fff;transition: all .3s ease;}

input:focus-visible, textarea:focus-visible{outline: none;}

strong{font-size:125%;}

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

#page-header{position: absolute;top: 0;right: 0;left: 0;background: #fff;z-index: 999;padding-bottom: 20px;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}

#page-header .topheader{background: #7e7216;padding: 15px;margin-bottom: 20px;}
#page-header .topheader .socialmedia{text-align: right;}
#page-header .topheader p, #page-header .topheader a{color: #fff;margin: 0;font-size: 90%;}
#page-header .topheader .socialmedia li{display: inline-block;margin-right: 20px;}
#page-header .topheader .socialmedia li:last-child{margin-right: 0;}
#page-header .topheader .socialmedia img{max-width: 15px;}

#page-header .navigation{align-items: center;display: flex;text-align: right;justify-content: flex-end;}
#page-header .navigation ul{margin: 0;padding: 0;}
#page-header .navigation li{display: inline-block;padding: 0;margin-right: 50px;position: relative;}
#page-header .navigation li.current-menu-item a{font-weight: 500;}
#page-header .navigation li.current-menu-item .sub-menu a{color:#7A7A7A;font-weight: 400;}
#page-header .navigation li:last-child{margin-right: 0;}
#page-header .navigation li#menu-item-37{background: #7e7216;transition: 0.3s;}
#page-header .navigation li#menu-item-37:hover{background: #7a7a7a;transition: 0.3s;}
#page-header .navigation li#menu-item-37 a{color: #fff;padding: 8px 40px;display:block;}

#page-header .navigation .menu li.menu-item-has-children .sub-menu{display:none;position: absolute;width: 200px;background: #fff;text-align: left;margin: 0;padding: 15px 25px;z-index: 1;left:-25px;}
#page-header .navigation .menu li.menu-item-has-children .sub-menu li{display: block;margin-bottom: 5px;margin-right:0;}
#page-header .navigation .menu li.menu-item-has-children:hover > .sub-menu{display:block;}
#page-header .navigation .menu li.menu-item-has-children > .sub-menu li:hover a{font-weight: 500;}

#page-header.bottom{margin-top: -50px;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;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15); 
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);}

@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 .logo img{max-width: 50%;}

#page-header .menuburgerbutton{display: none;width:40px;height: 40px;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: 0px;width: 100%;background: #7e7216;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: 10px;}
#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: -10px;}

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

#page-footer .footertop .container{padding-top: 30px;border-top: solid 1px rgba(0,0,0,0.19);}
#page-footer .footertop p{margin: 0;}
#page-footer .footertop .headline{font-size: 120%;margin-bottom: 5px;}
#page-footer .footertop .oeffnungszeiten{margin-top: 30px;}
#page-footer .footertop .text{padding-bottom:50px;}
#page-footer .footertop .text .rechtespalte a{display: block;}
#page-footer .footertop .linkespalte .anschrift{margin-top: 30px;}

#page-footer .footerbottom{background: #558A9D;padding: 20px 0;}
#page-footer .footerbottom p, #page-footer .footerbottom a{color: #fff;margin: 0;}
#page-footer .footerbottom .col-md-4 ul{margin: 0;padding: 0;}

#page-footer .socialmedia ul{text-align:right;width:100%;margin-bottom:0;}
#page-footer ul{text-align:center;}
#page-footer li{margin-right: 20px;display:inline-block;}
#page-footer li:last-child{margin-right: 0;}

#page-footer .socialmedia img{max-width: 15px;}

/*------------------------------Sprungmarken Abstand-----------------------------------------*/

#team{margin-top:-150px;padding-top:150px;}
/* #historie{margin-top:-150px;padding-top:150px;}
#werte{margin-top:-150px;padding-top:150px;} */
#kompetenzfelder{margin-top:-150px;padding-top:150px;}
#gewerke{margin-top:-150px;padding-top:150px;}
#topmarken{margin-top:-150px;padding-top:150px;}
#marken{margin-top:-150px;padding-top:150px;}

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

.inhaltsbloecke{margin-top: 165px;}
div[class^="flx_"], div[class*="flx_"] {margin-bottom: 150px;}

.flx_headerblock{margin-top:-150px;height:100vh;}
.flx_headerblock .content{position: absolute;left: 0;right: 0;bottom: 0;padding: 50px 150px;min-height:250px;z-index:5;}
.flx_headerblock .content .headline{font-size: 250%;margin-bottom: 10px;}
.flx_headerblock .content .headline, .flx_headerblock .content .subline{color: #fff;}
.flx_headerblock .content .btn{background:#fff;}
.flx_headerblock .content .subline{font-weight: 300;}

.flx_teaser .item .bild{margin-bottom: 20px;}
.flx_teaser .item .text{min-height: 280px;}
.flx_teaser .item .text .headline{margin-bottom: 20px;font-size: 180%;}
.flx_teaser .item .text ul{padding-left: 35px;}
.flx_teaser .item .text li{position: relative;margin-bottom: 5px;}
.flx_teaser .item .text li::before{content: '';background: url('media/icons/check-grey.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: -30px;top: 5px;}
.flx_teaser .item:nth-child(2n) .inner{background: #f5f5f5;padding: 20px;}

.flx_teaser.v2 p{width: 80%;}
.flx_teaser.v2 .item{position: relative;margin-bottom: 30px;}
/*.flx_teaser.v2 .item:hover .inner{transform: scale(1.02);transition: all .3s;}*/
.flx_teaser.v2 .item .inner{transition: all .3s;}
.flx_teaser.v2 .item .bild{position: relative;margin-bottom: 0;}
.flx_teaser.v2 .item .bild::before{content: '';background: rgba(122, 122, 122, 0.3);display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;}
.flx_teaser.v2 .item:hover .bild::before{opacity: 1;}
.flx_teaser.v2 .item .headline{position: absolute;top: 0;padding: 15px;background: #7e7216;color: #fff;font-size: 150%;}
.flx_teaser.v2 .item .hoverbox{position: absolute;top: 80px;left: 100%;opacity: 0;transition: 0.3s;}
.flx_teaser.v2 .item:hover .hoverbox{left: 50px;opacity: 1;transition: 0.3s;}
.flx_teaser.v2 .item .hoverbox li{position: relative;margin-bottom: 10px;}
.flx_teaser.v2 .item .hoverbox li::before{content: '';background: url('media/icons/check-white.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: -30px;top: 3px;}
.flx_teaser.v2 .item .hoverbox li, .flx_teaser.v2 .item .hoverbox p{color: #fff;}

.flx_icons .headline{margin-bottom: 50px;}
.flx_icons .item{display: inline-block;}
.flx_icons .item .text li{position: relative;margin-bottom: 10px;}
.flx_icons .item .text .headline{font-size: 150%;margin-bottom: 15px;}
.flx_icons .item .text ul{padding-left: 35px;}

.flx_newsteaser .item .bild{margin-bottom: 20px;}
.flx_newsteaser .item .text .headline{margin-bottom: 10px;font-size: 150%;}

.flx_kontaktformular .formular .fbox input, .flx_kontaktformular .formular textarea{width: 100%;background: #f5f5f5;padding: 10px;margin-bottom: 30px;border: none;}
.flx_kontaktformular .formular .datenschutz input{width: 15px;margin-bottom: 0;}

.flx_kontaktformular.detail .fbox.select{margin-bottom: 30px;}
.flx_kontaktformular.detail select{border: none;padding: 10px;background: #f5f5f5;width: 100%;}
.flx_kontaktformular.detail .formular .captcha{margin-bottom:15px;}

.flx_textblock .textcontainer{display:flex;align-items:center;}
.flx_textblock p:last-child{margin-bottom:0;}

.flx_textblock.text-dreispaltig-bild .headline{margin-bottom: 10px;}
.flx_textblock.text-dreispaltig-bild .subline{margin-bottom: 50px;}

.flx_textblock.text-bild, .flx_textblock.bild-text{margin:0!important;}
.flx_textblock.text-bild .container-fluid .text{padding-left:125px;padding-right:50px;}
.flx_textblock.bild-text .container-fluid .text{padding-right:125px;padding-left:50px;}

.flx_textblock.bild-text-v2{position: relative;}
.flx_textblock.bild-text-v2 .bild, .flx_textblock.bild-text-v2 .text{padding: 0;}
.flx_textblock.bild-text-v2 .bild{position: absolute;right: 50%;left: 0;top: 0;bottom: 0;}
.flx_textblock.bild-text-v2 .text .inner{padding: 50px;}

.flx_textblock.text-bild-v2{position: relative;}
.flx_textblock.text-bild-v2 .bild, .flx_textblock.text-bild-v2 .text{padding: 0;}
.flx_textblock.text-bild-v2 .bild{position: absolute;left: 50%;right: 0;top: 0;bottom: 0;}
.flx_textblock.text-bild-v2 .text .inner{padding: 50px;}

.flx_textblock ul{padding-left: 30px;}
.flx_textblock li{position: relative;margin-bottom: 10px;}
.flx_textblock li::before{content: '';background: url('media/icons/check-grey.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: -30px;top: 5px;}

.flx_social_media_feed .text a{font-weight:600;color:#558A9D;}

.flx_team .item{position: relative;margin-bottom: 10px;}
.flx_team .item .mitarbeiterbild .nothover{opacity:1;transition: .3s;padding: 0 5px;}
.flx_team .item .mitarbeiterbild .hover{opacity:0;transition:all .3s ease;position:absolute;top:0;left:0;padding: 0 5px;}
.flx_team .item:hover .mitarbeiterbild .nothover{opacity:0;transition:all .3s ease;}
.flx_team .item:hover .mitarbeiterbild .hover{opacity:1;transition:all .3s ease;}
.flx_team .item .mitarbeitername{position: absolute;bottom: 0;left: 5px;padding: 15px;background: #7e7216;}
.flx_team .item .mitarbeitername .name{color: #fff;}

.flx_accordion .inner{padding: 30px;border: solid 1px #0201014A;}
.flx_accordion .accordion-item{max-width: 80%;margin-bottom: 20px;}
.flx_accordion .accordion-item .accordion-button{font-size: 70%;color: #558A9D;font-weight: 500;position: relative;padding-left: 30px;}
.flx_accordion .accordion .accordion-button::before{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;left: -5px;top: 8px;transition: 0.3s;}
.accordion-button:not(.collapsed)::before{transform: rotate(180deg);transition: 0.3s;}

.flx_bildblock img{max-width: 60%;margin: 0 auto;display: block;}

.flx_marken .headline{margin-bottom: 50px;}
.flx_marken .logo{justify-content: left;display: flex;text-align: left;margin-bottom: 50px;}
.flx_marken .logo:hover img{transform: scale(1.05);filter: grayscale(0);transition: 0.3s;}
.flx_marken .logo img{max-width: 70%;filter: grayscale(1);transition: 0.3s;}

.flx_marken.alle-marken .accordion-item{margin-bottom: 30px;}
.flx_marken.alle-marken .accordion-item .accordion-header{display:block;margin-bottom:15px;}
.flx_marken.alle-marken .accordion-item .accordion-button{background:none;border:none;border-bottom:solid 1px #558A9D;outline:none;padding-left:15px;text-align:left;display:block;width:100%;}
.flx_marken.alle-marken .accordion-item .accordion-button span{color: #558A9D;font-weight: 600;font-size:100%;position: relative;}

.flx_referenzenteaser .item{margin-bottom: 30px;}
/*.flx_referenzenteaser .item:hover .inner{transform: scale(1.02);transition: all .3s;}*/
.flx_referenzenteaser .item .inner{transition: all .3s;}
/*.flx_referenzenteaser .item .inner::before{content: '';background: rgba(122, 122, 122, 0.3);display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}*/
.flx_referenzenteaser .item .headline{background: #7e7216;color: #fff;padding: 10px;max-width: 100%;font-size: 140%;margin: 0;position: relative;z-index: 1;position: absolute;top: 0;right: 15px;left: 15px;}
.flx_referenzenteaser .item .title{display: block;color: #fff;font-weight: 500;font-size: 120%;padding: 10px;position: relative;z-index: 1;position: absolute;top: 70px;}
.flx_referenzenteaser .item .jahr{display: block;color: #fff;font-weight: 500;font-size: 120%;padding: 10px;position: relative;z-index: 1;position: absolute;top: 95px;}

.flx_kundenslider{margin:-100px 0 50px}
.flx_kundenslider .item{padding: 0 50px;height:90px;display:table-cell;vertical-align:middle;}
.flx_kundenslider .item img{max-height:75px;width:auto;margin:0 auto;display:block;}
.flx_kundenslider .owl-nav .owl-prev{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 25px;height: 25px;position: absolute;left: -40px;top: 70px;transform: rotate(90deg);}
.flx_kundenslider .owl-nav .owl-next{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 25px;height: 25px;position: absolute;right: -40px;top: 70px;transform: rotate(-90deg);}

.flx_kundenstimmen .item{background: #7e7216;padding:50px 150px;min-height:390px;}
.flx_kundenstimmen .item .headline{font-size:150%;font-weight:600;display:block;width:100%;color:#fff;}
.flx_kundenstimmen .item .firma{display:block;width:100%;font-weight:600;color:#fff;}
.flx_kundenstimmen .item .name{display:block;width:100%;font-weight:300;color:#fff;}
.flx_kundenstimmen .item h2, .flx_kundenstimmen .item p, .flx_kundenstimmen .item strong{color: #fff;}
.flx_kundenstimmen .owl-nav .owl-prev{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 35px;height: 35px;position: absolute;left: -50px;top: 37.5%;transform: rotate(90deg);}
.flx_kundenstimmen .owl-nav .owl-next{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 35px;height: 35px;position: absolute;right: -50px;top: 37.5%;transform: rotate(-90deg);}
.flx_kundenstimmen .owl-dots{text-align:center;margin-top:10px;display:none!important;}
.flx_kundenstimmen .owl-dots .owl-dot{display: inline-block;width: 25px;height: 25px;margin: 5px;background: transparent;border-radius: 50%;border:solid 2px #558A9D;transition:all .3s ease;}
.flx_kundenstimmen .owl-dots .owl-dot.active{display: inline-block;width: 25px;height: 25px;margin: 5px;background:#558A9D;border-radius: 50%;transition:all .3s ease;}

.flx_social_media_feed{margin-top: 150px;}
.flx_social_media_feed #sb_instagram .sbi_info{display:none;}

/*------------------------------------Referenzen---------------------------------------------*/

#referenzen{padding-top: 250px;}
#referenzen .headline{margin-bottom: 30px;}

#referenzen .informationen .headline{font-size: 130%;margin-bottom: 5px;}
#referenzen .informationen p{margin: 0;}
#referenzen .informationen .col-md-4{margin-bottom: 20px;}
#referenzen .informationen .inner{background: #f5f5f5;padding: 30px;}

#referenzen .referenztext{padding: 0;margin-top: 30px;}

#referenzen .referenztext .experten{margin-top: 30px;}

#referenzen .bildergalerie{margin-top: 30px;margin-bottom: 50px;}
#referenzen .bildergalerie .owl-nav .owl-prev{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 25px;height: 25px;position: absolute;left: -40px;top: 150px;transform: rotate(90deg);}
#referenzen .bildergalerie .owl-nav .owl-next{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 25px;height: 25px;position: absolute;right: -40px;top: 150px;transform: rotate(-90deg);}

#referenzen .weitere .item{position: relative;margin-bottom: 30px;}
#referenzen .weitere .item:hover .inner{transform: scale(1.02);transition: all .3s;}
#referenzen .weitere .item .inner{transition: all .3s;}
#referenzen .weitere .item .inner::before{content: '';background: rgba(122, 122, 122, 0.3);display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
#referenzen .weitere .item .headline{background: #7e7216;color: #fff;padding: 10px;max-width: 100%;font-size: 110%;margin: 0;position: relative;z-index: 1;position: absolute;top: 0;right: 15px;left: 15px;}
#referenzen .weitere .item .title{display: block;color: #fff;font-weight: 500;font-size: 120%;padding: 10px;position: relative;z-index: 1;position: absolute;top: 50px;}
#referenzen .weitere .item .jahr{display: block;color: #fff;font-weight: 500;font-size: 120%;padding: 10px;position: relative;z-index: 1;position: absolute;top: 75px;}

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

.kontakt .inhaltsbloecke{margin-top: 250px;}

.impressum .flx_textblock, .datenschutz .flx_textblock{margin-top: 250px;}

.idealab .flx_headerblock{margin-bottom:0;}
.unternehmen .flx_textblock{margin-bottom:0;}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1700px){
    
    #page-header .logo img{max-width:65%;}
    /* #page-header .container{max-width:80%;} */
    
    .flx_kundenstimmen .owl-item .item{padding:20px 100px;}
    .flx_kundenstimmen .owl-item:nth-child(2n+1) .item{padding:20px 100px;}
    
    .flx_textblock.text-bild .container-fluid .text{padding-left:0;padding-right:25px;}
    .flx_textblock.bild-text .container-fluid .text{padding-right:0;padding-left:25px;}
    
}

/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){
  
    .inhaltsbloecke{margin-top: 150px;}
    
    .flx_kundenstimmen .owl-item .item{padding:20px 75px;}
    .flx_kundenstimmen .owl-item:nth-child(2n+1) .item{padding:20px 75px;}

    .flx_headerblock .content{padding: 50px 20px;}
    
    #page-header .navigation li {margin-right: 25px;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
    
    #page-header .topheader p{font-size: 80%;}
    #page-header .topheader a{font-size: 100%;}
    
    /* #page-header .container{max-width:100%;} */
    
    #page-header .navigation li{margin-right: 20px;}
    
    #page-header.bottom .logo img{max-width: 80%;}
    
    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 100px;}
    
    .flx_headerblock .content{padding: 50px;}
    
    .flx_bildblock img{max-width: 100%;}
    
    .flx_teaser.v2 .item:hover .hoverbox{right: 70px;}
    
    .flx_kontaktformular .formular{max-width: 100%;flex: 0 0 100%;}
        
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    
    .subline{line-height:1.3;}
    
    #page-header .topheader .socialmedia li{margin-right: 5px;}
    
    
    
    #page-header .navigation .menu{display: none;}
    #page-header .navigation .menu.active{display: block;position: fixed;top: 0;right: 0;width: 50%;height: 100%;background: #fff;padding: 170px 40px;box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.35);}
    #page-header .navigation .menu.active li{margin-right: 0;margin-bottom: 10px;display: block;padding-right: 40px;}
    #page-header .navigation .menu.active li a{font-size: 130%;}
    #page-header .navigation .menu.active li.menu-item-has-children::after{content: '';background: url('media/icons/arrow.png')no-repeat;background-size: 100%;display: block;width: 20px;height: 20px;position: absolute;right: 0;top: 8px;transition: 0.3s;}
    #page-header .navigation .menu.active li.menu-item-has-children.active::after{transform: rotate(180deg);transition: 0.3s;}
    #page-header .navigation li#menu-item-37, #page-header .navigation li#menu-item-37:hover{background: unset;}
    #page-header .navigation li#menu-item-37:hover a{color: #558A9D;}
    #page-header .navigation li#menu-item-37 a{padding: unset;color: #7A7A7A;}
    #page-header .navigation .menu.active li:hover .sub-menu{display: none;}
    #page-header .navigation .menu.active li.menu-item-has-children.active .sub-menu{display: block;width: 100%;text-align: right;background: #f5f5f5;}
    #page-header .navigation .menu.active li.menu-item-has-children.active .sub-menu li{padding-right: 15px;}
    #page-header .navigation .menu.active li.menu-item-has-children.active .sub-menu li:last-child{margin-bottom: 0;}
    
    #page-header .menuburgerbutton{display: block;}
    
    #page-header.bottom{margin-top: -65px;}
    #page-header.bottom .logo img{max-width: 100%;}
    
    .flx_teaser .item{max-width: 50%;flex: 0 0 50%;margin-bottom: 30px;}
    
    .flx_icons .item{margin-bottom: 30px;}
    
    .flx_textblock.text-bild-v2 .bild{position: relative;left: 0;}
    .flx_textblock.bild-text-v2 .bild{position: relative;right: 0;}
    #werte{padding: 0;margin: 0;}
    .flx_textblock.text-bild-v2 .text .inner, .flx_textblock.bild-text-v2 .text .inner{padding: 20px;}
    
    .flx_teaser.v2 .item:hover .hoverbox{right: 130px;}
    
    .flx_referenzenteaser .item{max-width: 50%;flex: 0 0 50%;}
    
    .flx_marken.alle-marken .accordion-item{max-width: 33%;flex: 0 0 33%;margin-bottom: 30px;}
    .flx_marken.alle-marken .accordion-item .accordion-button::after{right: 195px;}
    
    #page-footer .footertop .text{max-width: 100%;flex: 0 0 100%;margin-bottom: 30px;}
    #page-footer .footertop .karte{max-width: 100%;flex: 0 0 100%;}
    #page-footer .col-md-5{max-width: 100%;flex: 0 0 100%;margin-bottom: 30px;}
    #page-footer .col-md-4{max-width: 50%;flex: 0 0 50%;}
    #page-footer ul{text-align: left;padding: 0;}
    
    #referenzen .col-md-8{max-width: 100%;flex: 0 0 100%;}
    #referenzen .weitere{max-width: 100%;flex: 0 0 100%;padding: 0 30px;}
    #referenzen .informationen .col-md-2{max-width: 33%;flex: 0 0 33%;margin-bottom: 30px;}
    #referenzen .bildergalerie .owl-nav .owl-next{right: -30px;top: 220px;}
    #referenzen .bildergalerie .owl-nav .owl-prev{left: -30px;top: 220px;}
        
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    
    #page-header .logo img, #page-header.bottom .logo img{max-width: 20%;}
    
    #page-header .navigation .menu.active{width: 70%;}
    
    #page-header.bottom{margin-top: -90px;}
    
    #gewerke{padding: 0;}
    
    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 100px;}{margin-bottom: 50px;}
    
    .flx_icons .item .icon{margin-bottom: 20px;}
    .flx_icons .item .icon img{max-width: 30%;}
    
    .flx_teaser .item{max-width: 100%;flex: 0 0 100%;margin-bottom: 30px;}
    .flx_teaser.v2 .item:hover .hoverbox{right: 330px;}
    
    .flx_referenzenteaser .item{max-width: 100%;flex: 0 0 100%;margin-bottom: 30px;}
    
    .flx_marken .logo{max-width: 50%;flex: 0 0 50%;margin-bottom: 30px;}
        
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {
    
    .text{padding:20px;}
    
    .headline{font-size: 150%;}
    .btn{width: 100%;}
    
    #page-header .topheader .socialmedia{text-align: left;}
    
    #page-header .logo img, #page-header.bottom .logo img{max-width: 30%;}
    
    #page-header .menuburgerbutton, #page-header .menuburgerbutton.active{margin-top: 5px;}
    
    #page-header .navigation .menu.active{width: 100%;padding: 210px 40px;}
    
    #page-header.bottom{margin-top: -110px;}
    
    div[class^="flx_"], div[class*="flx_"]{margin-bottom: 50px;}
    
    .flx_headerblock{min-height: 80vh!important;}
    .flx_headerblock .content .headline{font-size: 200%;margin-bottom: 20px;}
    .flx_headerblock .content .subline{line-height: 1.2;}
    
    .flx_teaser .item .text .headline{font-size: 150%;margin-bottom: 10px;}
    .flx_teaser .item .text{min-height: unset;}
    .flx_teaser.v2 .item .bild::after{opacity: 0.6!important;}
    .flx_teaser.v2 .item .hoverbox{left:50px;opacity:1;}
    
    .flx_textblock.text-bild-v2 .text .inner, .flx_textblock.bild-text-v2 .text .inner{padding: 0;}
    .flx_textblock.text-bild-v2 .text{padding: 0 15px;margin-top: 20px;}
    .flx_textblock.bild-text-v2 .text{margin-top: 20px;}
    
    #gewerke{margin-top: 0;}
    
    .flx_teaser.v2 .item:hover .hoverbox{right: 140px;}
    
    .flx_icons > .container > .row{justify-content:center;}
/*    .flx_icons .item{max-width: 100%;flex: 0 0 100%;}*/
    
    .flx_marken.alle-marken .accordion-item{max-width: 50%;flex: 0 0 50%;}
    .flx_marken.alle-marken .accordion-item .accordion-button::after{right: 145px;}
    .flx_marken.alle-marken .accordion-item .accordion-button{margin-bottom: 20px;}
    
    .flx_kundenstimmen .owl-item .item{padding:20px 25px;}
    .flx_kundenstimmen .owl-item:nth-child(2n+1) .item{padding:20px 25px;}
    .flx_kundenstimmen .owl-dots .owl-dot.active, .flx_kundenstimmen .owl-dots .owl-dot{width: 15px;height: 15px;}
    .flx_kundenstimmen .owl-nav .owl-next{top: unset;bottom: 10px;width: 20px;height: 20px;right: 120px;}
    .flx_kundenstimmen .owl-nav .owl-prev{top: unset;bottom: 10px;width: 20px;height: 20px;left: 120px;}
    
    .flx_kontaktformular .formular{padding: 0;}
    
    #page-footer li{display: block;}
    #page-footer .socialmedia ul{text-align: left;}
    #page-footer .socialmedia ul li{display: inline-block;}
    
    #phpsingle{padding-top: 250px;}
    
    #referenzen .informationen .col-md-2{max-width: 100%;flex: 0 0 100%;}
    #referenzen .bildergalerie .owl-nav .owl-next, #referenzen .bildergalerie .owl-nav .owl-prev{top: 100px;}
       
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {
    
    #page-header .menuburgerbutton, #page-header .menuburgerbutton.active{margin-top: 0;}
    
    .flx_headerblock .content{padding: 30px;}
    .flx_headerblock .content .headline{font-size: 170%;line-height: 1.2;}
    
    .flx_marken.alle-marken .accordion-item .accordion-button::after{right: 125px;}
    
}