/* ------ GLOBAL --------

Theme-Name: Modehaus Rieke
Author: MOLECO GmbH
Author URI: http://www.moleco.de
Description: MOLECO Theme
Version: 1.0

------------------------- */

body,html,*{font-size:17px;line-height:1.5;font-family:'Manrope';font-weight:300;color:var(--main);}
html{scroll-behavior: smooth;}

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

ul{padding:0;margin:0;}
ul li{list-style:none;padding-left:30px;position:relative;}

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

.headline{font-weight:bold;display:block;color:var(--main);margin-bottom:0;line-height:1.2;}
.subline{font-size:160%;font-weight:300;display:block;color:var(--main);margin-bottom:35px;line-height:1.2;}

.headline.left, .subline.left{text-align:left;}
.headline.center, .subline.center{text-align:center;}
.headline.right, .subline.right{text-align:right;}

h1{font-size:275%;}
h2{font-size:275%;}
h3{font-size:160%;}

.btn{position:relative;padding:15px 50px;border-radius:35px;font-size:100%;font-weight:400;background:var(--sec);color:var(--white);transition:all .3s ease;line-height:1;text-align:center;}
.btn:hover{background:var(--main);transition:all .3s ease;color:var(--white);}

strong{font-weight:600;font-size:125%;color:var(--sec);}
hr{margin:50px 0;}

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

.socialicons{position:fixed;bottom:10%;left:0;z-index:999;transform:rotate(-90deg);}
.socialicons li{display:inline-block;position:relative;}
.socialicons li:before{content:'';display:block;width:20px;height:1px;background:var(--main);position:absolute;right:-25px;top:13.5px;}
.socialicons li:last-child:before{display:none;}
.socialicons li a{font-weight:300;}

.colorwhite *{color:var(--white);}

.mail, .telefon{position:relative;padding-left:30px;display:block;}
.mail:before{content:'';width:25px;height:25px;display:block;background: url('media/icons/mail.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:2px;left:0;transition:all .3s ease;}
.telefon:before{content:'';width:25px;height:25px;display:block;background: url('media/icons/phone.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:0;left:0;transition:all .3s ease;}

input, textarea, select{width: 100%;margin-bottom: 15px;padding:10px 25px;border:none;background:var(--white);color: var(--main);font-weight: 400;}
textarea{height:125px;}
input[type="checkbox"]{width:15px;margin-right:5px;margin-bottom:0;}
.wpcf7-form .info{display:block;padding-left:35px;margin:15px 0 0;position: relative;}
.wpcf7-form .info:before{content:'i';display:block;width:25px;height:25px;text-align:center;align-content:center;border:solid 1px var(--main);border-radius:50%;position:absolute;top:0;left:0;}
.wpcf7-form .wpcf7-list-item{margin-left:0;margin-bottom:15px;}
.wpcf7 form .wpcf7-response-output{margin:0;}
.pflicht{display:inline-block;margin-bottom:10px;}

.onlydesktop{display:block;}
.onlymobile{display:none;}

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

#page-header{position:absolute;top:0;right:0;left:0;background:var(--white);z-index:999;}
#page-header .logo img{max-width:80%;display:block;}

#page-header .topheader{padding:5px 0 7.5px;}
#page-header .topheader .menu{text-align:right;}
#page-header .topheader .menu .mail, #page-header .topheader .menu .telefon{position:relative;margin-right:35px;display:inline-block;}
#page-header .topheader .menu .mail a, #page-header .topheader .menu .telefon a{font-weight:300;font-size:85%;}
#page-header .topheader .menu .mail:before{content:'';width:20px;height:20px;display:block;background: url('media/icons/mail_light.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:5px;left:0;transition:all .3s ease;}
#page-header .topheader .menu .telefon:before{content:'';width:20px;height:20px;display:block;background: url('media/icons/phone_light.svg');background-repeat:no-repeat;background-size:75%;background-position:center;position:absolute;top:3px;left:0;transition:all .3s ease;}

#page-header .mainheader{padding:15px 0;}
#page-header .mainheader #menu{text-align:right;height:100%;align-content:center;}
#page-header .mainheader #menu li{display:inline-block;padding:0 25px;}
#page-header .mainheader #menu li:before{display:none;}
#page-header .mainheader #menu li > a{position:relative;}
#page-header .mainheader #menu li > a:before{content:'';display:block;width:0;height:2px;background:var(--sec);transition:all .3s ease;position:absolute;bottom:-5px;left:0;z-index:-1;}
#page-header .mainheader #menu li:hover > a:before{width:100%;transition:all .3s ease;}
/* #page-header .mainheader #menu li.current-menu-item > a:after{content:'';display:block;width:100%;height:2px;background:var(--sec);transition:all .3s ease;position:absolute;bottom:-5px;left:0;z-index:-1;} */
#page-header .mainheader #menu li.red a{color:var(--sec);}

#page-header .mainheader .menubuttonburger{display:none;float:right;cursor:pointer;position:relative;}
#page-header .mainheader .menubuttonburger span{display:block;width:40px;height:4px;border-radius:15px;background:var(--main);margin-bottom:7px;transition:all .3s ease;}
#page-header .mainheader .menubuttonburger.open span:nth-child(1){transform:rotate(45deg);margin-top:13px;}
#page-header .mainheader .menubuttonburger.open span:nth-child(2){opacity: 0;}
#page-header .mainheader .menubuttonburger.open span:nth-child(3){transform:rotate(-45deg);margin-top:-22px;}

#page-header.bottom{position:fixed;top:-40px;left:0;right:0;background:var(--white);-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;
    box-shadow: -1px -9px 51px 14px rgba(0,0,0,0.15);
    -webkit-box-shadow: -1px -9px 51px 14px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px -9px 51px 14px rgba(0,0,0,0.15);}
#page-header.bottom .logo img{max-width:50%;display:block;}

@keyframes fadein {
    from { top: -150px; }
    to   { top: -40px; }
}
@-moz-keyframes fadein {
    from { top: -150px; }
    to   { top: -40px; }
}
@-webkit-keyframes fadein {
    from { top: -150px; }
    to   { top: -40px; }
}
@-ms-keyframes fadein {
    from { top: -150px; }
    to   { top: -40px; }
}


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

#page-footer{background:var(--lightgray);padding:50px 0;}
#page-footer .headline{color:var(--sec)}

#page-footer .logo img{max-width:45%;margin:0 0 25px;display:block;}

#page-footer .adresse{color:var(--main);font-weight:300;font-size:100%;line-height:1.8;display:block;}

#page-footer .kontakt li{display:block;margin:10px 0;}
#page-footer .kontakt li a{font-weight:300;font-size:100%;color:var(--main);}
#page-footer .kontakt li a:hover{color:var(--sec);}

#page-footer #menu li{display:inline-block;padding:0 10px;position:relative;}
#page-footer #menu li:after{content:'|';position:absolute;top:0;right:-2px;font-weight:200;font-size:115%;}
#page-footer #menu li:last-child:after{display:none;}
#page-footer #menu li a{font-weight:300;font-size:85%;color:var(--main);}
#page-footer #menu li a:hover{color:var(--sec);}
#page-footer .copyright{padding-left:10px;font-size:85%;margin-top:10px;display:block;}


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

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

.flx_headerblock{position:relative;padding-top:25px!important;}
.flx_headerblock .content{padding-right:25px;height:100%;align-content:center;}
.flx_headerblock .content .headline{margin-bottom:0;}

.flx_headerblock.mitfarbe{height:250px;}
.flx_headerblock.mitfarbe .content{top:unset;bottom:20%;padding-top:0;}
.flx_headerblock.mitfarbe .content.white *{color:var(--white);}
.flx_headerblock.mitfarbe .content .subline{margin-bottom:0;}

.flx_bildblock img{width:100%;}
.flx_bildblock .inhalt{width:75%;display:block;margin:0 auto;}
.flx_bildblock .imageone{width:100%;display:block;position:relative;}
.flx_bildblock .imageone .inhalt{width:35%;position:absolute;bottom:15%;left:10%;background:rgba(29,14,70,0.9);padding:50px;}
.flx_bildblock .imageone .inhalt .headline{color:var(--white);}
.flx_bildblock .imageone .inhalt .subline{color:var(--white);}
.flx_bildblock .imagetwo{width: 40%;float: right;margin-top: -250px;position: relative;}

.flx_bildblock.grid .row{justify-content:center;}
.flx_bildblock.grid .item{display:block;margin:15px 0;}
.flx_bildblock.grid .item img{max-height: 70px;object-fit: contain;}

.flx_textblock .headerbox{margin-bottom:50px;}
.flx_textblock .text{align-content:center;}
.flx_textblock .text .inhalt{width:100%;}
.flx_textblock .text ul{margin:50px 0;}
.flx_textblock .text ul li{display:inline-block;width:49.5%;font-weight:600;margin:5px 0;}

.flx_textblock.mitbildrechts img{width:100%;}
.flx_textblock.mitbildlinks img{width:100%;}

.flx_textblock.mitbildslider .headerbox{margin-bottom:0;}
.flx_textblock.mitbildslider .headerbox .headline{margin:0;}
.flx_textblock.mitbildslider .text{align-content:end;}
.flx_textblock.mitbildslider .slider{margin-top:50px;}
.flx_textblock.mitbildslider .slider .item img{object-fit:cover;height:600px;}
.flx_textblock.mitbildslider .slider .item .content{margin-top:15px;}
.flx_textblock.mitbildslider .slider .item .content p{margin-bottom:5px;}
.flx_textblock.mitbildslider .slider .owl-nav{position: absolute;top:37.5%;left: 0;right: 0;width:100%;}
.flx_textblock.mitbildslider .slider .owl-nav .owl-next{display:block;width:95px;height:95px;background:url('media/icons/sliderarrow-next.svg');background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;right:-50px;}
.flx_textblock.mitbildslider .slider .owl-nav .owl-prev{display:block;width:95px;height:95px;background:url('media/icons/sliderarrow-prev.svg');background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;left:-50px;}

.flx_textblock.mittextgrid .headerbox .headline{margin:0;}
.flx_textblock.mittextgrid .text{align-content:end;}
/* .flx_textblock.mittextgrid .gridwrapper{margin-top:50px;} */
.flx_textblock.mittextgrid .gridwrapper .item{padding-right:75px;}
.flx_textblock.mittextgrid .gridwrapper .item img{margin-bottom:15px;}
.flx_textblock.mittextgrid .gridwrapper .item .content strong{color:var(--main);}

.flx_textblock.mitbildergrid .gridwrapper{display:grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: repeat(8, auto);grid-gap:30px;}
.flx_textblock.mitbildergrid .gridwrapper .item img{width:100%;}
.flx_textblock.mitbildergrid .gridwrapper .inhalt{grid-column: 1/span 4;grid-row: 1/span 4;padding:50px 0;}
.flx_textblock.mitbildergrid .gridwrapper .griditem1{grid-column: 6/span 7;grid-row: 1/span 5;}
.flx_textblock.mitbildergrid .gridwrapper .griditem2{grid-column: 1/span 5;grid-row: 5/span 4;}
.flx_textblock.mitbildergrid .gridwrapper .griditem3{grid-column: 6/span 5;grid-row: 6/span 3;}

.flx_kontaktblock.mitkarte .col-lg-5, .flx_kontaktblock.mitkarte .col-lg-7{padding:0;}
.flx_kontaktblock.mitkarte .wrapper{padding:75px;background:var(--main);}
.flx_kontaktblock.mitkarte .wrapper .headline{margin-bottom:25px;color:var(--white);}
.flx_kontaktblock.mitkarte .wrapper .inhalt p, .flx_kontaktblock.mitkarte .wrapper .inhalt strong{color:var(--white)!important;}
.flx_kontaktblock.mitkarte .karte{background:url('media/karte.webp');background-size:cover;background-position:center;background-repeat:no-repeat;height:100%;width:100%;align-content:center;text-align:center;}

.flx_kontaktblock.mitformular .wrapper{padding:75px;background:var(--lightgray);}
.flx_kontaktblock.mitformular .inhalt strong{font-size:160%;}

.flx_kundenstimmen .text{align-content:center;}
.flx_kundenstimmen .bild{text-align:right;}
.flx_kundenstimmen .stimmenslider{width:70%;margin-top:-100px;background:var(--white);position:relative;box-shadow: 10px 10px 35px -14px rgba(0,0,0,0.39);-webkit-box-shadow: 10px 10px 35px -14px rgba(0,0,0,0.39);-moz-box-shadow: 10px 10px 35px -14px rgba(0,0,0,0.39);}
.flx_kundenstimmen .stimmenslider .item{padding:50px;text-align:left;}
.flx_kundenstimmen .stimmenslider .item .content{display:block;padding-left:25px;border-left:solid 3px var(--lightgray);font-size:110%;}
.flx_kundenstimmen .stimmenslider .item .title{display:block;color:var(--sec);margin-top:25px;font-weight:bold;}
.flx_kundenstimmen .stimmenslider .owl-nav{position: absolute;bottom:0;left: 0;right: 0;width:100%;}
.flx_kundenstimmen .stimmenslider .owl-nav .owl-next{display:block;width:70px;height:70px;background:url('media/icons/sliderarrow-next.svg');background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;bottom:-35px;right:-35px;}
.flx_kundenstimmen .stimmenslider .owl-nav .owl-prev{display:block;width:70px;height:70px;background:url('media/icons/sliderarrow-prev.svg');background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;bottom:-35px;left:-35px;}

.flx_benefits .benefits{margin-top:35px;}
.flx_benefits .benefits .row{justify-content:center;}
.flx_benefits .benefits .col-md-3{margin-bottom:30px;}
.flx_benefits .benefits .item{padding:25px;background:var(--lightgray);height:100%;align-content:center;}
.flx_benefits .benefits .item img{display:block;margin:25px auto;}
.flx_benefits .benefits .item .title{display:block;color:var(--sec);margin-top:25px;font-weight:bold;text-align:center;padding:0 25px;}

.flx_stellen .stellen .item{padding:25px;text-align:left;background: var(--lightgray);margin:15px 0;}
.flx_stellen .stellen .item .title{display:block;color:var(--sec);margin-bottom:0;font-weight:bold;font-size:175%;}
.flx_stellen .stellen .item .content{display:block;font-size:110%;margin-bottom:25px}

/*----------------------------------KARRIERE SINGLE------------------------------------------*/

#phpsingle{margin-top:200px;}

.karrieresingle{margin-bottom:75px;}
.karrieresingle ul li{margin:10px 0;padding-left:20px;}
.karrieresingle ul li:before{content:'';display:block;width:7.5px;height:7.5px;background:var(--sec);border-radius:50%;position:absolute;top:10px;left:2.5px;}

.karrieresingle .einleitung{display:block;margin-bottom:75px;}
.karrieresingle .aufgaben{display:block;margin-bottom:75px;}
.karrieresingle .staerken{display:block;margin-bottom:75px;}

.karrieresingle .formular{padding:50px;background:var(--lightgray);}
.karrieresingle .btnback{margin-top:50px;}


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

    .flx_kontaktblock.mitmehrerenpartner::before{height:475px;}

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

.container{max-width:100%;padding:0 75px;}
.socialicons{left:-75px;}

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

    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}
    .inhaltsbloecke, #phpsingle{margin-top:100px;}

    h1{font-size:275%;}
    h2{font-size:225%;}
    .subline{font-size:125%;}

    .flx_bildblock.grid .item .headline{font-size:275%;}
    .flx_bildblock.grid .item .beschreibung{font-size:125%;}
    .flx_bildblock.grid .item .zitat{font-size:125%;}
    .flx_bildblock.grid .item .name{padding:0 25px;}
    .flx_bildblock.grid .item.zitat.blue::before{width:45px;height:45px;top:5px;right:15px;}
    .flx_bildblock.grid .item.zitat::before{width:45px;height:45px;top:5px;right:15px;}

    .flx_kachelblock.only .item .inhalt strong{font-size:125%;}

    .flx_textblock.mitbildergrid .gridwrapper .inhalt{padding:0;}
    .flx_textblock.mitbildslider .headerbox .headline br{display:none;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    h1{font-size:225%;} 
    h2{font-size:175%;}

    #page-header .mainheader #menu li{padding:0 40px;}

    .flx_bildblock.grid .item .headline{font-size:250%;}
    .flx_bildblock.grid .item .beschreibung{font-size:100%;}
    .flx_bildblock.grid .item .zitat{font-size:100%;padding:0 15px;}
    .flx_bildblock.grid .item .name{padding:0 15px;font-size:90%;}

    .flx_kontaktblock.mitmehrerenpartner .item .name{font-size:125%;}

    .flx_kontaktblock.mitkarte .inhalt{padding-right:15px;}

    .flx_kachelblock .right .headline{margin-bottom:50px;}
    .flx_kachelblock .right .kachel{flex:0 0 100%;max-width:100%;}
    .flx_kachelblock .right .kachel:nth-child(2n){margin-top:0;margin-bottom:30px;}

    .flx_kachelblock .fuenftel{flex:0 0 33%;max-width:33%;}

    .flx_textblock.mittextgrid .gridwrapper .item{padding-right:0;}

    .flx_textblock.mitbildergrid .gridwrapper{grid-template-rows: repeat(6, auto);}
    .flx_textblock.mitbildergrid .gridwrapper .inhalt{grid-column: 1/span 6;}
    .flx_textblock.mitbildergrid .gridwrapper .griditem1{grid-column: 7/span 6;grid-row: 1/span 3;}
    .flx_textblock.mitbildergrid .gridwrapper .griditem2{grid-row: 3/span 4;}
    .flx_textblock.mitbildergrid .gridwrapper .griditem3{grid-row: 4/span 2;}

    .flx_textblock.mitbildslider .slider .item img{height:300px;}

    .flx_kundenstimmen .stimmenslider{width:100%;margin-left:-50px;}

    #page-footer .leer{display:none;}

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

    div[class^="flx_"], div[class*="flx_"]{padding:25px 0;}
    .inhaltsbloecke, #phpsingle{margin-top:90px;}

    .onlydesktop{display:none;}
    .onlymobile{display:block;}

    hr{margin:25px 0;}

    #page-header .mainheader #menu li{padding:0 15px;}
    #page-header .logo img{max-width:100%;}
    #page-header.bottom .logo img{max-width:100%;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu{left:-150px;}

    .flx_headerblock .content{margin-bottom:25px;}

    .flx_textblock .text{order:1;margin-bottom:25px;}
    .flx_textblock .bild, .flx_textblock .sliderwrapper{order:2;}

    .flx_textblock.dreier .headline{text-align:left!important;}
    .flx_textblock.dreier .text{margin-bottom:0;padding:0;}

    .flx_textblock.mitbildslider .headerbox{margin-bottom:15px;}
    .flx_textblock.mitbildslider .slider{margin-top:0;}
    .flx_textblock.mitbildslider .slider .item img{height:250px;}
    .flx_textblock.mitbildslider .slider .owl-nav .owl-prev{width:50px;height:50px;left:-25px;}
    .flx_textblock.mitbildslider .slider .owl-nav .owl-next{width:50px;height:50px;right:-25px;}

    .flx_textblock.mittextgrid .gridwrapper .item{margin-bottom:25px;}

    .flx_bildblock.grid .item .headline{font-size:175%;}
    .flx_bildblock.grid .item .beschreibung{font-size:75%;}

    .flx_bildblock .imageone{margin-bottom:50px;}
    .flx_bildblock .imageone .inhalt{bottom:-50%;width:80%;}

    .flx_kachelblock .text{order:1;margin-bottom:25px;}
    .flx_kachelblock .kacheln{order:2;}
    .flx_kachelblock .right .headline{margin-bottom:100px;}
    .flx_kachelblock .right .kachel{flex:0 0 50%;max-width:50%;}
    .flx_kachelblock .right .kachel:nth-child(2n){margin-top:-30px;margin-bottom:80px;}
    
    .flx_kachelblock.links .left .content{padding-right:15px;}

    .flx_kontaktblock .leer{display:none;}
    .flx_kontaktblock .text{order:1;margin-bottom:25px;}
    .flx_kontaktblock .person{order:2;}

    .flx_kontaktblock.mitformular .wrapper{padding:35px;}
    .flx_kontaktblock.mitformular .wrapper .formular{margin-top:25px;}

    .flx_kontaktblock.mitkarte .wrapper{padding:35px;}
    .flx_kontaktblock.mitkarte .karte{height:350px;}

    .flx_kundenstimmen .headerbox{margin-bottom:15px;}
    .flx_kundenstimmen .stimmenslider{width:90%;margin-left:5%;}
    .flx_kundenstimmen .stimmenslider .owl-nav .owl-prev{width:50px;height:50px;left:-25px;bottom:-15px;}
    .flx_kundenstimmen .stimmenslider .owl-nav .owl-next{width:50px;height:50px;right:-25px;bottom:-15px;}

    .flx_textblock.mitbildergrid .gridwrapper .inhalt{grid-column: 1/span 12;grid-row: 1/span 1;}
    .flx_textblock.mitbildergrid .gridwrapper .griditem1{grid-column: 7/span 6;grid-row: 2/span 3;}
    .flx_textblock.mitbildergrid .gridwrapper .griditem2{grid-column: 1/span 6;grid-row: 2/span 5;}
    .flx_textblock.mitbildergrid .gridwrapper .griditem3{grid-column: 7/span 6;grid-row: 5/span 2;}

    #page-footer .leer{display:none;}
    #page-footer .socialicons{bottom:0;top:unset;}
    #page-footer .col-lg-4{margin-bottom:30px;}
    #page-footer .logo img{max-width:30%;margin-bottom:25px;}
    #page-footer #menu .menu li{padding-left:0;}
    #page-footer .copyright{margin-top:5px;padding:0;}
    #page-footer .copyright span{text-align:left;}
    #page-footer .copyright #menu{position:relative;z-index: 99;}


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

    .headline br{display:none;}

    #page-header .logo img, #page-header .topheader{position:relative;z-index:99;}
    #page-header .logo img{max-width:50%;}
    #page-header.bottom .logo img{max-width:40%;}

    #page-header .mainheader #menu{display:none;position:fixed;left:0;top:0;width:100%;background:var(--white);align-content:start;padding-top:150px;}
    #page-header .mainheader #menu.open{display:block;}
    #page-header .mainheader #menu li{display:block;text-align:center;width:100%;margin:25px auto;}
    #page-header .mainheader #menu li.btn{width:75%;}

    #page-header .mainheader .menubuttonburger{display:block;margin-top:7.5px;}

    #page-header .mainheader #menu li.menu-item-has-children .sub-menu{left:0;width:100%;text-align:center;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu li{width:32.7%;margin:0;}
    #page-header .mainheader #menu li.open .sub-menu{display:block;}

    #page-header.bottom .mainheader #menu{top:50px;}
    #page-header.bottom .logo img{max-width:100%;}

    .inhaltsbloecke{margin-top:110px;}

    .flx_bildblock.grid .item .text{min-height:275px;align-content: center;}
    .flx_bildblock.grid .item .headline{font-size:275%;}
    .flx_bildblock.grid .item .beschreibung{font-size:175%;}
    .flx_bildblock.grid .item .name{margin:0;}
    .flx_bildblock.grid .item .zitat{font-size:175%;}

    .flx_bildblock .imageone .inhalt{position:unset;width:100%;}

    .flx_kachelblock .item{padding:15px;}
    .flx_kachelblock .left .kachel{flex:0 0 50%;max-width:50%;}
    .flx_kachelblock .fuenftel{flex:0 0 50%;max-width:50%;}

    #page-footer .copyright #menu{text-align:left;margin-top:25px;}

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

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

    div[class^="flx_"], div[class*="flx_"]{padding:25px 0;}
    .inhaltsbloecke, #phpsingle{margin-top:80px;}
    h1{font-size:190%;}
    h2{font-size:160%;}
    h3{font-size:125%;}

    .container{padding:0 20px;}
    .socialicons{display:none;}

    .headline.right, .subline.right, .headline.center, .subline.center{text-align:left;}

    #page-header .topheader{display:none;}
    #page-header.bottom{top:0;}

    #page-header .logo img, #page-header.bottom .logo img{max-width:50%;}
    #page-header .mainheader .menubuttonburger, #page-header.bottom .mainheader .menubuttonburger{margin-top:7.5px;}

    #page-header .mainheader #menu li.menu-item-has-children .sub-menu{width:55%;left:22.5%;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu li{width:100%;}
    #page-header .mainheader #menu li.menu-item-has-children .sub-menu li img{width:100%;}

    .flx_bildblock.grid .item .text{min-height:215px;}
    .flx_bildblock.grid .item .headline{font-size:225%;}
    .flx_bildblock.grid .item .beschreibung{font-size:125%;}
    .flx_bildblock.grid .item .zitat{font-size:125%;}

    .flx_bildblock .imageone .inhalt{padding:25px 15px;}

    .flx_textblock .headerbox{margin-bottom:25px;}

    .flx_textblock.mitbildergrid .gridwrapper{gap:10px;}

    .flx_textblock.mitslider .slider .owl-controls, .flx_stimmenblock .slider .owl-controls{width:75%;}
    .flx_textblock.mitbildslider .slider .owl-nav .owl-next{right:-15px;}
    .flx_textblock.mitbildslider .slider .owl-nav .owl-prev{left:-15px;}

    .flx_kachelblock .right .kachel, .flx_kachelblock .left .kachel{flex:0 0 100%;max-width:100%;}
    .flx_kachelblock .left .kachel, .flx_kachelblock .right .kachel:nth-child(2n){margin-top:0px;margin-bottom:30px;}
    
    .flx_kachelblock.rechts .right .content .headline{text-align:left;margin-bottom:25px;}
    .flx_kachelblock.rechts .right .content{padding-left:15px;text-align:left;}

    .flx_kachelblock.only .item .headline{left:15px;top:30px;right:15px;font-size:115%;transition:all .3s ease;}
    .flx_kachelblock.only .item .icon{left:15px;bottom:30px;}
    .flx_kachelblock.only .item .inhalt{left:15px;right:15px;bottom:30px;}
    .flx_kachelblock.only .item .inhalt li, .flx_kachelblock.only .item .inhalt p, .flx_kachelblock.only .item .inhalt a{font-size:75%;}
    .flx_kachelblock.only .item:hover .headline{opacity:0;transition:all .3s ease;}

    .flx_kontaktblock.mitformular .wrapper{padding:25px;}
    .flx_kontaktblock.mitformular .wrapper .formular{padding:0;}

    .flx_kontaktblock.mitkarte .headline{margin-bottom:25px;}
    .flx_kontaktblock.mitkarte .inhalt strong{font-size:125%;}

    .flx_kundenstimmen .stimmenslider{width:100%;margin-left:0;margin-top:25px;}
    .flx_kundenstimmen .stimmenslider .item{padding:20px;}
    .flx_kundenstimmen .stimmenslider .item .content{padding-left:10px;font-size:100%;}
    .flx_kundenstimmen .stimmenslider .owl-nav .owl-prev{left:0;bottom:-35px;}
    .flx_kundenstimmen .stimmenslider .owl-nav .owl-next{right:0;bottom:-35px;}

    .karrieresingle .btnback{width:100%;}


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

    .flx_kachelblock .fuenftel{flex:0 0 100%;max-width:100%;}
    .flx_kachelblock .fuenftel .item{width:max-content;margin:0 auto;}

    .flx_kachelblock.only .item .inhalt li, .flx_kachelblock.only .item .inhalt p, .flx_kachelblock.only .item .inhalt a{font-size:100%;}


}