html{scroll-behavior:smooth;}
body{font-family: 'Roboto', sans-serif;font-size:17px;}


.justify-content-center{justify-content:center;}

.center-block{margin-left:auto;margin-right:auto;display:block;}

.text-align-center{text-align:center;}

.container.wide{max-width:1650px;}
.container{max-width:1550px;}
b, strong{font-weight:600;}

a{color:#333;}
a:hover{color:#004174;text-decoration:none;}

img{max-width:100%;}

.btn{border-radius:0px;color:#004174;border:solid 2px #004174;transition:0.3s;padding:10px 30px 10px 30px;}
.btn:hover{color:#fff;background:#004174;transition:0.3s;}

h1{color:#004174;margin-bottom:20px;}
h1::after{content:'';background:#64c7f3;width:50px;height:3px;display:block;}
h2{color:#004174;margin-bottom:20px;}
h2::after{content:'';background:#64c7f3;width:50px;height:3px;display:block;}
h3{margin-bottom:20px;}
p{line-height:1.4;}

.inhaltsbloecke{margin-top:80px;}

ul{padding-left:25px;}
li{list-style:none;margin:10px 0;position:relative;}
li.aufzaehlung::before{content:'';background:url('media/dot.png')no-repeat;background-size:100%;width:10px;height:10px;display:block;position:absolute;left:-25px;top:8px;}
li.check::before{content:'';background:url('media/check.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;left:-25px;top:2px;}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed{width: 100%;}
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail{margin: 0 auto;}

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

#page-header .topbar{background:#fff;font-size:85%;white-space: nowrap;}
#page-header .topbar .container-fluid{padding:0;margin:0;}
#page-header .topbar .container-fluid .row{padding:0;margin:0;}
#page-header .topbar .signin{display:flex;justify-content:flex-end;flex-direction:row;height:10px;background-color:#004174;align-items:center;}

#page-header .toppermenu li{display:inline-block;margin:0 20px;}
#page-header .toppermenu li .sub-menu li{margin:0;}
#page-header ul li.current-menu-item a{font-weight:600;color:#004174;}
#page-header ul.sub-menu li.current-menu-item a{font-weight:600!important;color:#004174;}
#page-header ul.sub-menu li.current-menu-item a:hover{color:#64c7f3;}
#page-header ul.sub-menu{display:none;padding:0;position:absolute;width:250px;background:#fff;z-index:999;margin-left:-15px;}
#page-header li:hover ul.sub-menu{display:block;}
#page-header ul.sub-menu li a{font-weight:400!important;font-size:100%!important;display:block;padding:5px 15px;}
#page-header ul.sub-menu li a:hover{}
#page-header {z-index:999;position:absolute;left:0;right:0;top:0;}
#page-header{box-shadow:0px 3px 11px -6px rgba(0,0,0,0.3);}
#page-header.bottom{position:fixed;top:0px;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;
    -webkit-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);-moz-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);
}   
@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 .topbar .col-sm-12.signin a{color:#fff;padding:10px;}
#page-header .topbar .signin a:hover{transition:.3s;color:#707074;}

#page-header .topbar .topbarlogo{display:flex;justify-content:center;}
#page-header .topbar .topbarlogo #toplogo{height:inherit;display:inline-block;}
#page-header .topbar .topbarlogo #toplogo img{max-width:100%;padding:10px;}

#page-header .topbar .toppermenu{display:flex;flex-direction:row;width:100%;justify-content:space-between;height:100%;align-items:center;}
#page-header .topbar .toppermenu .menu{margin:0;padding:0;}
#page-header .topbar .toppermenu .dropdown{position:relative;display:inline-block;}
#page-header .topbar .toppermenu .dropdown .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);padding:12px 16px;z-index: 1;}

#page-header .topbar .toppermenu .dropdown:hover .dropdown-content{display:block;}

#page-header .toppermenu li .sub-menu li {
    display: block ;
}

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

#page-footer{background-color:#004174;color:#fff;width:100%;}
#page-footer .container{padding:20px 0;}
#page-footer .row{margin:0;padding:10px 0;}
#page-footer a{font-weight:400;color:#fff;transition:0.3s;}
#page-footer a:hover{color:#64c7f3;transition:0.3s;}
#page-footer p{margin:0;}
#page-footer li{margin:0;padding-left:30px;position:relative;margin-bottom:10px;}
#page-footer li a{position:relative;}
#page-footer li .mail::before{content:'';background:url('media/mail.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:0;left:-30px;display:block;width:20px;height:20px;}
#page-footer li .tel::before{content:'';background:url('media/phone.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:0;left:-30px;display:block;width:20px;height:20px;}
#page-footer li .fax::before{content:'';background:url('media/fax.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:0;left:0px;display:block;width:20px;height:20px;}
#page-footer li.standort::before{content:'';background:url('media/pin.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:3px;left:0;display:block;width:20px;height:20px;}
#page-footer .unten{padding:0;margin-top:50px;}
#page-footer .unten .links{text-align:right;}
#page-footer .unten .links li{padding:0;display:inline-block;}

#page-footer #backtotop{display:flex;justify-content:center;margin-bottom:50px;}
#page-footer #backtotop a {text-align:center;}
#page-footer #backtotop #backtotop-icon{transform:rotate(-90deg);height:50px;}

#page-footer .contact{padding:0;}
#page-footer .telefon{padding:0;}
#page-footer .opening_hours{padding:0;}

#page-footer #social .icon{height:65px;padding: 20px 10px 10px 0;}

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

.flx_headerbild-slider .headline{color:#fff;text-transform:uppercase;font-size:170%;text-align:left;}
.flx_headerbild-slider .subline{color:#fff;text-align:left;}
.flx_headerbild-slider .inner{position:relative;width:50%;left:0;top:100px;background:rgba(0, 65, 116, 0.8);padding:50px;}
.flx_headerbild-slider .inner .button{margin-top:50px;}
.flx_headerbild-slider .inner .button .btn{border:solid 2px #fff;color:#fff;transition:0.3s;}
.flx_headerbild-slider .inner .button .btn:hover{background:#fff;color:#333;transition:0.3s;}
.flx_headerbild-slider .owl-controls .owl-dot{width:15px;height:15px;border:solid 2px #fff;border-radius:50px;display:inline-block;margin:5px;}
.flx_headerbild-slider .owl-controls .owl-dot.active{background:#fff;}
.flx_headerbild-slider .owl-controls .owl-dots{position:absolute;bottom:0;width:100%;text-align:center;}
.flx_headerbild-slider .owl-controls .owl-prev{background:url('media/arrow_prev.png');width:40px;height:40px;display:block;background-repeat:no-repeat;background-size:cover;position:absolute;bottom:15px;right:90px;z-index:1;}
.flx_headerbild-slider .owl-controls .owl-next{background:url('media/arrow_next.png');width:40px;height:40px;display:block;background-repeat:no-repeat;background-size:cover;position:absolute;bottom:15px;right:20px;z-index:1;}
.flx_headerbild-slider .owl-controls .owl-nav{background:#004174;height:70px;width:150px;position:absolute;right:0;bottom:0;}
.flx_headerbild-slider .flx_page-teaser .text {text-align: center;}

.flx_textblock{margin:100px 0;}

.flx_textblock-bild{margin:100px 0;}
.flx_textblock-bild .text .inner{background:#f5f5f5;margin-top:50px;margin-right:-150px;z-index:1;position:relative;padding:40px;}

.flx_textblock-zweibilder{margin:100px 0;}
.flx_textblock-zweibilder .bild .secondimg{margin-top:-150px;margin-left:300px;border:solid 5px #fff;}

.flx_textblock-bildgross{margin:100px 0;}

.flx_textblock-typen{margin:100px 0;}
.flx_textblock-typen .content img{margin-right:50px;}
.flx_textblock-typen .typen{margin-top:50px;}
.flx_textblock-typen .typen .typ .inner{background:#f5f5f5;padding:20px;text-align:center;min-height:450px;}
.flx_textblock-typen .typen .typ .inner p{margin:20px 0;font-weight:600;color:#004174;}
.flx_textblock-typen .typen .typ .btn{width:100%;}
.flx_textblock-typen .typen h3{margin-bottom:20px;}
.flx_textblock-typen .typen .typ{margin-bottom:30px;}
.flx_textblock-typen .typen .typ .card-body .entry-header.bottom{text-align:left;}

.flx_page-teaser{margin:100px 0;}
.flx_page-teaser .text{margin-bottom:50px;}
.flx_page-teaser .item .inner{padding:30px;background:#fff;box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);height:300px;}
.flx_page-teaser .item .inner .icon{margin-bottom:20px;}
.flx_page-teaser .item .inner .button{position:relative;bottom:-20px;}
.flx_page-teaser .item .inner .button .btn{width:100%;}
.flx_page-teaser .item .icon img{max-width:25%;}

.flx_page-teaser-gross{margin:100px 0;}
.flx_page-teaser-gross .item{margin-bottom:50px;}
.flx_page-teaser-gross .item .text .inner{background:#fff;padding:20px;margin-right:-100px;z-index:1;position:relative;margin-top:32px;}
.flx_page-teaser-gross .item .bild .hoverbox{content:'';background:url('media/enter.png')no-repeat;background-size:100%;display:block;width:40px;height:40px;position:absolute;top:53px;left:25px;z-index:1;}
.flx_page-teaser-gross .item .inhalt{padding-left:35px;}

.flx_page-teaser-bilder{margin:100px 0;background:#64c7f3;padding:50px 0;}
.flx_page-teaser-bilder{position:relative;}  
.flx_page-teaser-bilder .text{position:absolute;bottom:0;padding:15px;}
.flx_page-teaser-bilder .text p{margin:0;font-weight:600;font-size:150%;color:#fff;}
.flx_page-teaser-bilder .text p::after{content:'';background:#fff;width:100px;height:3px;display:block;margin-left:-30px;margin-top:5px;}
.flx_page-teaser-bilder .bild{transition:box-shadow .15s ease-out, transform .15s ease-out;}
.flx_page-teaser-bilder .bild:hover{transition:0.3s;transform:translateY(-5px);}

.flx_downloads{margin:100px 0;padding:50px 0;background:#f5f5f5;}
.flx_downloads .element{margin-top:50px;}
.flx_downloads .element .icon{text-align:center;}
.flx_downloads .element .icon img{max-width:30%;margin-bottom:20px;transition:0.3s;}
.flx_downloads .element .icon img:hover{transform:scale(1.1);transition:0.3s;}
.flx_downloads .element .icon p{margin:0;font-weight:500;color:#004174;}
.flx_downloads .row{justify-content:center;}

.flx_partner .partnerlogo img{filter:grayscale(1);transition:0.3s;}
.flx_partner .partnerlogo img:hover{filter:grayscale(0);transition:0.3s;}

.flx_bildergalerie{margin:100px 0;}
.flx_bildergalerie .item .beschreibung{margin-bottom:0;margin-top:10px;color:#004174;font-weight:500;border-left:solid #004174 2px;padding-left:10px;}
.flx_bildergalerie .owl-nav .owl-prev{background:url('media/arrow_prev-blue.png');width:40px;height:40px;display:block;background-repeat:no-repeat;background-size:cover;position:absolute;top:235px;left:-100px;}
.flx_bildergalerie .owl-nav .owl-next{background:url('media/arrow_next-blue.png');width:40px;height:40px;display:block;background-repeat:no-repeat;background-size:cover;position:absolute;top:235px;right:-100px;}

.flx_franz_balkone .inner {height: 100%;}

.flx_unterueberschrift .subline2{justify-content:center;}

.flx_grid .wrappers{padding: 30px; background: #fff; box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%); height: 100%; text-align: center;}
.flx_grid .inhalt{text-align:left;}

.flx_grid .col-sm-6 {margin-top: 30px;}
.flx_grid .col-sm-4 {margin-top: 30px;}
.flx_grid .col-sm-3 {margin-top: 30px;}
.flx_grid .wrappers .bild img{margin-bottom: 25px;}
.flx_grid .col-sm-3 .bild img{width: 100%;}

.flx_typ .inhaltrechts .bild-2 {margin-top: 57px;}
.flx_typ .inhaltlinks .bild-2 {margin-top: 57px;}
.flx_typ .inhaltrechts .bild-2 img {height: 510px; width: 100%;}
.flx_typ .inhaltlinks .bild-2 img {height: 510px;width: 100%;}
.flx_typ .inhaltrechts .inhalt .beschreibung {padding-left: 13px; border-style: inset;border-bottom-style: none;padding-top: 5px;border-right-style: none;}
.flx_typ .inhaltlinks .inhalt .beschreibung {padding-left: 13px; border-style: inset;border-bottom-style: none;padding-top: 5px;border-right-style: none;}

.flx_modal .modal{position:absolute;top:20%;left:50%;margin-left:-300px;z-index:999;max-width:600px;background:#fff;padding:30px;border-radius:10px;border:solid 10px #f5f5f5;}
.flx_modal .modal p{color:#004174;}
.flx_modal .modal .modal-close{position:absolute;top:10px;right:10px;font-size:100%;font-weight:600;text-align:center;cursor:pointer;color:#004174;} 
.flx_modal .background{background:rgba(0,0,0,0.65);position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;}
.flx_modal.none{display:none;}
.flx_modal .modal img{max-width:40%;float:right;}

.flx_produkt .bildlinks img{width: 100%;}
.flx_produkt .inhaltrechts {margin-top: 40px;}
.flx_produkt .inhaltrechts li {list-style:disc;}
.flx_produkt .inhaltlinks li {list-style:disc;}
.flx_produkt .inhaltlinks {margin-top: 40px;}
.flx_produkt .bildrechts img {width: 100%;}

.flx_produkt_groß{margin:100px 0;}
.flx_produkt_groß .typ{margin-bottom:50px;}
.flx_produkt_groß .typ p{margin-top:20px;font-weight:500;border-left:solid 2px #64c7f3;padding-left:10px;color:#004174;}
.flx_produkt_groß .typ .btn{width:100%;}

.flx_referenzen{margin:100px 0;}
.flx_referenzen .ref-text{background:#004174;padding:30px;}
.flx_referenzen .ref-text a{color:#fff;transition:0.3s;}
.flx_referenzen .ref-text a:hover{color:#64c7f3;transition:0.3s;}
.flx_referenzen .ref-text h2{color:#fff;}
.flx_referenzen .ref-text h2::after{background:#64c7f3;width:100px;margin-left:-50px;}
.flx_referenzen .ref-text h3{color:#fff;}
.flx_referenzen .ref-text p{color:#fff;}
.flx_referenzen .ref-text p strong{color:#64c7f3;}
.flx_referenzen .ref-bildergalerie{margin-top:30px;}
.flx_referenzen .ref-bildergalerie .owl-nav .owl-prev{background:url('media/arrow_prev-blue.png');width:40px;height:40px;display:block;background-repeat:no-repeat;background-size:cover;position:absolute;top:135px;left:-50px;}
.flx_referenzen .ref-bildergalerie .owl-nav .owl-next{background:url('media/arrow_next-blue.png');width:40px;height:40px;display:block;background-repeat:no-repeat;background-size:cover;position:absolute;top:135px;right:-50px;}
.flx_referenzen .ref-bildergalerie .owl-controls .owl-dot{width:15px;height:15px;border:solid 2px #004174;border-radius:50px;display:inline-block;margin:5px;}
.flx_referenzen .ref-bildergalerie .owl-controls .owl-dot.active{background:#004174;}
.flx_referenzen .ref-bildergalerie .owl-controls .owl-dots{position:absolute;bottom:-40px;width:100%;text-align:center;}
.flx_referenzen .ref-bildergalerie .item .beschreibung{margin-bottom:0;margin-top:10px;color:#004174;font-weight:500;border-left:solid #004174 2px;padding-left:10px;}

.flx_grid{margin:100px 0;}
.flx_grid .inhalt .btn{width:100%;}

.flx_accordion-mitarbeiter{margin:100px 0;}
.flx_accordion-mitarbeiter .card-body{width:100%;}
.flx_accordion-mitarbeiter .card-body li{padding-left:30px;}
.flx_accordion-mitarbeiter .card-body li a{width:100%;display:block;font-weight:500;}
.flx_accordion-mitarbeiter .card-body li .telephone::before{content:'';background:url('media/phone-blue.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:2px;left:0px;display:block;width:20px;height:20px;}
.flx_accordion-mitarbeiter .card-body li .mail::before{content:'';background:url('media/mail-blue.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:3px;left:0px;display:block;width:20px;height:20px;}
.flx_accordion-mitarbeiter .btn{background:#64c7f3;border:none;border-radius:5px;color:#fff;margin-bottom:10px;width:60%;transition:0.3s;}
.flx_accordion-mitarbeiter .btn:hover{background:#004174;transition:0.3s;}
.flx_accordion-mitarbeiter .col-sm-4{margin-bottom:20px;}

.flx_mitarbeiter{margin:50px 0;background:#f5f5f5;padding:50px 0;}
.flx_mitarbeiter .mitarbeiter{padding:0;margin-bottom:20px;}
.flx_mitarbeiter h2{width:100%;}
.flx_mitarbeiter .mitarbeiter .name{font-size:120%;font-weight:500;margin:0;color:#004174;}
.flx_mitarbeiter .mitarbeiter li{padding-left:30px;}
.flx_mitarbeiter .mitarbeiter li .telephone::before{content:'';background:url('media/phone-blue.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:2px;left:0px;display:block;width:20px;height:20px;}
.flx_mitarbeiter .mitarbeiter li .mail::before{content:'';background:url('media/mail-blue.png');background-size:100%;background-repeat:no-repeat;position:absolute;top:3px;left:0px;display:block;width:20px;height:20px;}

/*---KONTAKTFORMULAR-----------------------------------------------------*/

.flx_kontaktformular{margin:100px 0;}
.flx_kontaktformular .headline{width:auto!important;}
.flx_kontaktformular .allrows{text-align:center;}
.fbox{width:100%;border:0;padding:5px 0;color:#172F3C;margin:5px 0;border:0;}
.flx_kontaktformular .formular .fbox input{border:none;width:100%;background:#f5f5f5;padding:15px;}
.flx_kontaktformular .formular .submitbox .btn{width:100%;}
.flx_kontaktformular .fbox.wide textarea{border:none;padding:15px;background:#f5f5f5;width:100%;}
.flx_kontaktformular .formular input.datenschutzcheck{width:13px;}
.flx_kontaktformular .formular .datenschutz p{padding-left:0!important;}
.flx_kontaktformular .text{padding-top:30px;}

#menu-menue li {display:block; list-style-type:none; text-transform:none;}
#menu-menue li a{display:flex; text-align:center; text-decoration:none;padding:1rem;transition:0.3s;}
#menu-menue li a:hover{color:#64c7f3;transition:0.3s;}
#toppermenu{margin:2em;}

/*---ANFRAGEFORMULAR-----------------------------------------------------*/

.flx_anfrageformular{margin:50px 0;}
.flx_anfrageformular .fbox{width:49%;border:none;padding:5px 0;color:#172F3C;margin:5px 0;border:0;display:inline-block;margin-left:10px;}
.flx_anfrageformular .fbox input{width:100%;border:none;background:#f5f5f5;padding:15px;}
.flx_anfrageformular .fbox.wide textarea{border:none;padding:15px;background:#f5f5f5;width:99%;}
.flx_anfrageformular .kontakt input.btn{width:100%;}
.flx_anfrageformular input.datenschutzcheck{width:13px;}
.flx_anfrageformular .datenschutz p{padding-left:0px!important;}

/*---TRENNLINIE---------------------------------------------------------*/

.trennlinie
{
width: 20px;
border-bottom: 2px solid black;
margin-bottom: 20px;
}



/*---ACCORDION-----------------------------------------------------------*/

.flx_accordion{margin:100px 0;}
.flx_accordion a{
    width: 100% !important;
    background:#64c7f3;
    border:none;
    border-radius:5px; 
    color:#fff;
}
.flx_accordion .btn.collapsed::after{content:'';background:url('media/arrow-unten.png')no-repeat;background-size:100%;width:25px;height:25px;display:block;position:absolute;top:11px;right:30px;transform:rotate(0deg);}
.flx_accordion .btn::after{content:'';background:url('media/arrow-unten.png')no-repeat;background-size:100%;width:25px;height:25px;display:block;position:absolute;top:11px;right:30px;transform:rotate(180deg);}

.flx_accordion .inhalt_accordion {
    justify-content: center;
}
.flx_accordion .inhalt_accordion {
    margin-bottom: 11px;
}
.flx_accordion .button #mehr-erfahren{width:15%!important;background:#004174;}
.flx_accordion .button #mehr-erfahren:hover{background:#333;color:#fff;}

.flx_accordion-modell a{width:100%!important;background:#64c7f3;border:none;border-radius:5px;color:#fff;font-size:125%;display:block;margin-bottom:10px;}
.flx_accordion-modell a span{display:block;margin:27.5px 0;}
.flx_accordion-modell .btn.collapsed::after{content:'';background:url('media/arrow-unten.png')no-repeat;background-size:100%;width:25px;height:25px;display:block;position:absolute;top:40px;right:30px;transform:rotate(0deg);}
.flx_accordion-modell .btn::after{content:'';background:url('media/arrow-unten.png')no-repeat;background-size:100%;width:25px;height:25px;display:block;position:absolute;top:40px;right:30px;transform:rotate(180deg);}
.flx_accordion-modell .inhalt_accordion{margin-bottom:10px;}
.flx_accordion-modell .inhalt_accordion img{max-width:8%;border-radius:5px;border:solid 2px #fff;float:left;}
.flx_accordion-modell .art{padding:35px;border-right:solid 2px #004174;}
.flx_accordion-modell .card-body .row{justify-content:center;}
.flx_accordion-modell .art:nth-child(3n), .flx_accordion-modell .art:last-child{border:none;}

/*---PARTNER-------------------------------------------------------------*/

.partnerlogo {
    text-align: center;
}

.partnerueberschrift {
    margin-bottom: 50px;
}

.partnerrow {
    margin:50px 0; 
}

.flx_partner{margin:100px 0;}

/*---RESPONSIVE----------------------------------------------------------*/

@media (max-width:1921px) {
    
.inhaltsbloecke{margin-top:65px;}
.container{max-width:1450px;}

.flx_bildergalerie .owl-nav .owl-next{right:-70px;top:210px;}
.flx_bildergalerie .owl-nav .owl-prev{left:-70px;top:210px;}

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

.inhaltsbloecke{margin-top:55px;}
.container{max-width:1150px;}
h2{font-size:150%;}

.flx_page-teaser-gross .item .text .inner{margin-right:-150px;}
.flx_page-teaser-gross .item .bild .hoverbox{top:48px;left:75px;}

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

.container{max-width:850px;}
h1{font-size:180%;}

#page-header .toppermenu li{margin:0;}

.flx_headerbild-slider .inner{width:100%;}

.flx_page-teaser-bilder .text p{font-size:110%;}
.flx_page-teaser-gross .item .text .inner{margin-right:-200px;}
.flx_page-teaser-gross .item .bild .hoverbox{left:125px;}

.flx_textblock-zweibilder .bild .secondimg{margin-left:150px;}

.flx_anfrageformular .fbox{width:100%;}
.flx_anfrageformular .fbox.wide textarea{width:100%;}
.flx_anfrageformular .kontakt input.btn{width:100%;}

#page-footer .col-sm-3{max-width:50%;flex:0 0 50%;}

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

.container{max-width:700px;}
.inhaltsbloecke{margin:0;}

#page-header .topbar .topbarlogo #toplogo img{padding:0;margin-top:15px;}
#page-header .topbar .toppermenu .menu{display:none;}
#page-header .topbar .toppermenu .menu.active{display:block;padding-left:10px;margin:35px 0;}
#page-header .topbar{height:70px;}
#page-header .menu.active{max-width:100%;flex:0 0 100%;background:#fff;}
#page-header .toppermenu li{width:100%;display:block;position:relative;}
#menu-menue li a{padding:0;font-size:130%;margin:10px 0;display:block;text-align:center;}
#page-header .topbar .topbarlogo{max-width:100%;flex:0 0 100%;text-align:center;}
#page-header .topbar .topbarlogo #toplogo img{max-width:25%;}
#menubuttonburger{display:block;height:50px;width:50px;background-size:35px!important;background:url('media/menu.png') no-repeat center;cursor:pointer;position:absolute;left:20px;top:-45px;}
#menubuttonburger.active{background-size:35px!important;background:url('media/close.png') no-repeat center;z-index:1;}
#page-header .topbar #toppermenu ul li.menu-item-has-children::after{content:'';background:url('media/down-arrow.png') no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:3px;right:250px;}
#page-header .topbar #toppermenu ul li.menu-item-has-children.active::after{content:'';background:url('media/down-arrow.png') no-repeat;background-size:100%;transform:rotate(180deg);}
#page-header #toppermenu ul li.menu-item-has-children.active .sub-menu{display:block!important;width:100%;top:25px;background:#004174;}
#page-header li:hover ul.sub-menu{display:none;}
#page-header .topbar .container-fluid .row{max-width:100%;flex:0 0 100%;}
#page-header .topbar .menu-menue-container{max-width:100%;flex:0 0 100%;}
#page-header ul.sub-menu li a{font-size:130%!important;color:#fff;}
#page-header ul.sub-menu li a:hover{color:#64c7f3;}
#page-header ul.sub-menu li.current-menu-item a{color:#64c7f3;}

.flx_headerbild-slider .inner{top:120px;}
.flx_headerbild-slider .item{background-size:cover!important;}

.flx_page-teaser .item{max-width:50%;flex:0 0 50%;margin-bottom:30px;}

.flx_page-teaser-bilder .col-sm-3{max-width:50%;flex:0 0 50%;margin-bottom:30px;}
.flx_page-teaser-bilder .text p{font-size:130%;}

.flx_textblock-zweibilder .bild .secondimg{margin-left:50px;}

.flx_bildergalerie .owl-nav .owl-prev{left:-40px;top:95px;width:30px;height:30px;}
.flx_bildergalerie .owl-nav .owl-next{right:-40px;top:95px;width:30px;height:30px;}
.flx_bildergalerie{margin:50px 0;}

#page-footer h3{font-size:120%;}
#page-footer .col-sm-3{margin-bottom:20px;}

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

.container{max-width:730px;}
h2{font-size:130%;}
h3{font-size:120%;}

#page-header .topbar .topbarlogo #toplogo img{max-width:35%;margin-top:8px;}
#page-header .topbar #toppermenu ul li.menu-item-has-children::after{right:170px;}
#menubuttonburger{top:-55px;}

.flx_modal .modal{margin-left:-250px;max-width:500px;}

.flx_headerbild-slider .headline{font-size:150%;}

.flx_page-teaser .item{max-width:50%;flex:0 0 50%;}
.flx_page-teaser .item .inner{height:260px;}

.flx_bildergalerie .owl-nav .owl-prev{top:300px;left:-32px;}
.flx_bildergalerie .owl-nav .owl-next{top:300px;right:-32px;}

.flx_partner .partnerlogo{max-width:30%;flex:0 0 30%;margin:10px 0;}

.flx_textblock-typen .content img{margin:0;}
.flx_textblock-typen .typen .typ{max-width:50%;flex:0 0 50%;}
.flx_textblock-typen .typen h3{font-size:110%;}

.flx_accordion .button #mehr-erfahren{width:35%!important;}

.flx_downloads .element{max-width:50%;flex:0 0 50%;}

.flx_grid .col-sm-3{max-width:50%;flex:0 0 50%;}

.flx_produkt .col-sm-6{max-width:100%;flex:0 0 100%;}
.flx_produkt .inhaltrechts{margin-top:20px;}
.flx_produkt .inhaltlinks{margin-top:20px;}

.flx_textblock-zweibilder .col-sm-6{max-width:100%;flex:0 0 100%;}
.flx_textblock-zweibilder .bild .secondimg{margin-left:30px;}

#page-footer #social .icon{height:50px;}
#page-footer .unten .rechte{max-width:100%;flex:0 0 100%;text-align:center;}
#page-footer .unten .links{max-width:100%;flex:0 0 100%;text-align:center;}

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

.container{max-width:550px;}
.inhaltsbloecke{margin-top:100px;}
h1{font-size:160%;}
h2{font-size:150%;}
.owl-carousel .owl-item img{background-size:cover;}

#page-header .topbar .topbarlogo #toplogo img{max-width:40%;margin-top:10px;}
#page-header .topbar #toppermenu ul li.menu-item-has-children::after{right:70px;}
#menubuttonburger{top:-50px;}

.flx_modal .modal{max-width:500px;margin-left:-250px;}
.flx_modal .modal img{max-width:50%;}

.flx_headerbild-slider{margin-top:-30px;}
.flx_headerbild-slider .inner{padding:20px;}
.flx_headerbild-slider .headline{font-size:120%;font-weight:600;}
.flx_headerbild-slider .inner .button .btn{width:100%;}
.flx_headerbild-slider .owl-controls .owl-nav{height:50px;width:125px;}
.flx_headerbild-slider .owl-controls .owl-prev{width:30px;height:30px;bottom:10px;right:70px;}
.flx_headerbild-slider .owl-controls .owl-next{width:30px;height:30px;bottom:10px;}

.flx_textblock-bild{margin:50px 0;}
.flx_textblock-bild .bild{margin-top:20px;max-width:100%;flex:0 0 100%;}
.flx_textblock-bild .text{max-width:100%;flex:0 0 100%;}
.flx_textblock-bild .text .inner{margin:0;padding:20px;}

.flx_textblock-typen .bilderreihe{max-width:30%;flex:0 0 30%;}
.flx_textblock-typen .typen .typ{max-width:100%;flex:0 0 100%;}
.flx_textblock-typen .typen .typ .inner{min-height:350px;}

.flx_page-teaser{margin:50px 0;}

.flx_page-teaser-bilder{margin:50px 0;}
.flx_page-teaser-bilder .col-sm-3{max-width:100%;flex:0 0 100%;}
.flx_page-teaser-bilder .bild:hover{transform:none;}
.flx_page-teaser-bilder .bild{text-align:center;}
.flx_page-teaser-bilder .text p{font-size:180%;}
.flx_page-teaser-bilder .text p::after{width:150px;margin-left:-30px;margin-top:0;}

.flx_page-teaser .item .inner{height:320px;}

.flx_grid .col-sm-3{max-width:100%;flex:0 0 100%;}

.flx_partner{margin:50px 0;}
.flx_partner .partnerlogo{max-width:50%;flex:0 0 50%;}

.flx_page-teaser-gross{margin:50px 0;}
.flx_page-teaser-gross .item .text .inner{margin:0;background:#f5f5f5;min-height:400px;}
.flx_page-teaser-gross .item .bild .hoverbox{left:300px;top:-380px;width:30px;height:30px;}
.flx_page-teaser-gross .item .bild .bild{text-align:center;}
.flx_page-teaser-gross .item .text{min-height:400px;}

.flx_referenzen .ref-bildergalerie .owl-nav .owl-next{width:30px;height:30px;top:305px;right:15px;}
.flx_referenzen .ref-bildergalerie .owl-nav .owl-prev{width:30px;height:30px;top:305px;left:15px;}
.flx_referenzen .ref-bildergalerie .owl-controls .owl-dots{z-index:-1;}

.flx_grid{margin:50px 0;}

.flx_kontaktformular{margin-bottom:50px;}
.flx_kontaktformular .formular{margin-bottom:50px;max-width:100%;flex:0 0 100%;}
.flx_kontaktformular .text{max-width:100%;flex:0 0 100%;}

.flx_mitarbeiter .mitarbeiter{max-width:50%;flex:0 0 50%;}

.flx_anfrageformular .fbox{margin-left:0;}

.flx_bildergalerie .owl-nav .owl-prev{left:-35px;top:230px;width:25px;height:25px;}
.flx_bildergalerie .owl-nav .owl-next{right:-35px;top:230px;width:25px;height:25px;}

.flx_textblock{margin-bottom:50px;}

#page-footer .col-sm-3{max-width:100%;flex:0 0 100%;}
#page-footer .container{padding:20px 0;}
#page-footer #social .icon{height:50px;padding:10px 10px 10px 0;}
#page-footer .unten{margin:0;}

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

.container{max-width:370px;}

#page-header .topbar .topbarlogo #toplogo img{max-width:60%;}

.flx_modal .modal{max-width:350px;margin-left:-175px;}

.flx_page-teaser .item .inner{height:270px;}
.flx_page-teaser .item{max-width:100%;flex:0 0 100%;}

.flx_page-teaser-gross{margin:0;}
.flx_page-teaser-gross .item .inhalt{padding-left:20px;margin-top:20px;}
.flx_page-teaser-gross .item .inhalt img{max-width:40%;}

.flx_bildergalerie .owl-nav .owl-next{right:-30px;top:160px;}
.flx_bildergalerie .owl-nav .owl-prev{left:-30px;top:160px;}

.flx_mitarbeiter .mitarbeiter{max-width:100%;flex:0 0 100%;}

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

.container{max-width:350px;}

#page-header .topbar .topbarlogo #toplogo img{max-width:60%;}
#menubuttonburger{top:-50px;}

.flx_headerbild-slider .item{min-height:500px!important;}
.flx_headerbild-slider .inner{top:30px;}

.flx_bildergalerie .owl-nav .owl-prev{left:-28px;top:140px;}
.flx_bildergalerie .owl-nav .owl-next{right:-28px;top:140px;}

.flx_textblock-zweibilder .bild .secondimg{margin-left:20px;}

.flx_page-teaser .item{max-width:100%;flex:0 0 100%;}

.flx_page-teaser-bilder .text p{font-size:150%;}

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

.container{max-width:330px;}

#page-header .topbar .topbarlogo #toplogo img{margin-top:15px;}

.flx_page-teaser .item{max-width:100%;flex:0 0 100%;}

}
/*-----------------------------------------------------------------------*/