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

    #page-header{padding:0;}
    #page-header.bottom .logo img{max-width:100%;}
    #page-header .mainheader #toppermenu .menu li{margin:0 30px;}
    
    .inhaltsbloecke{margin-top:80px;}

    .subline{line-height:1.2;}

    .flx_textblock.mitheadlinerechts .headlinebox .headline{font-size:200%;}
    .flx_textblock.mitheadlinerechts .sublinebox{padding-left:75px;}
    .flx_textblock.mitheadlinerechts .sublinebox .subline{width:100%;}
    
    .flx_textblock.mitzahl .zahl span{font-size:600%;}
    .flx_textblock.mitzahl .text{padding-top:55px;padding-right:75px;}
    .flx_textblock.mitzahl .text .headline{font-size:160%;}

    .flx_textblock.mitzitat .zitatbox{width:100%;}

    .flx_textblock.miticon .text .headerbox .headline{min-height:55px;align-content:center;}

    .flx_kontaktblock .textinner .headline{width:50%;}
    .flx_kontaktblock .textinner .subline{left:30%;width:45%;}

    .flx_standortblock .karte .standorte .item.Osnabrück{left:1%!important;}
    .flx_standortblock .karte .standorte .item.Bad.Kissingen{left:70%!important;}

    .flx_bildblock .gridwrapper .item .inhalt{max-width:100%;min-width:unset;padding:50px 0px 50px 0;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    div[class^="flx_"], div[class*="flx_"]{padding:50px 0;}
    .container, .container-fluid{padding:0 50px;}
    .inhaltsbloecke{margin-top:70px;}

    #page-header .mainheader #toppermenu .menu li{margin:0 10px;}

    .flx_headerblock.mitbild .container::before{left:50px;right:50px;}
    .flx_headerblock .content{width:calc(100% - 100px);}

    .flx_textblock.miticon .text .headerbox .headline{font-size:115%;min-height:auto;margin-left:10px;}

    .flx_textblock.mitheadlinerechts .headlinebox .headline{font-size:175%;}
    .flx_textblock.mitheadlinerechts .sublinebox{padding-left:50px;}
    .flx_textblock.mitheadlinerechts .sublinebox .subline{font-size:125%;}

    .flx_textblock.mitzahl .zahl span{font-size:500%;}
    .flx_textblock.mitzahl .text .headline{font-size:125%;}

    .flx_textblock.mitzitat .zitatbox .zitat{font-size:225%;}
    .flx_textblock.mitzitat .zitatbox .name{font-size:150%;}

    .flx_kontaktblock .textinner .subline{left:35%;}

    .flx_standortblock .karte .standorte .item.Bad.Kissingen{left:60%!important;top:65%!important;}

    .flx_bildblock.gridblock{margin-top:175px;}
    .flx_bildblock.gridblock .gridwrapper{margin-top:-200px;}

    .flx_faq .accordion{width:100%;}

    #single-karriere{margin-top:125px;}
    #single-karriere .kurzbewerbung .inner{padding:25px;}

    #page-footer #footerbottom .copyright p, #page-footer #footerbottom a{font-size:75%;}


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

    .inhaltsbloecke{margin-top:80px;}

    h1{font-size:250%;}

    .subline{font-size:200%;}

    #page-header{padding:10px 0;}
    #page-header .mainheader #toppermenu .menu li{margin:0 5px;padding:5px 15px;}
    #page-header .mainheader #toppermenu .menu li.btn{padding:5px 20px;}

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

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

    .flx_textblock.mitzahl .text{padding:50px 50px 50px 0;}
    .flx_textblock.mitzahl .bild .inner{height:250px;}
    .flx_textblock.mitzahl .bild .inner img{height:100%;width:100%;object-fit:cover;}

    .flx_textblock.mitheadlinerechts .leer{display:none;}

    .flx_textblock.mitzitat{padding:50px 0!important;}
    .flx_textblock.mitzitat .zitatbox .zitat{font-size:175%;}

    .flx_kontaktblock .textinner .headline{width:100%;}
    .flx_kontaktblock .textinner .subline{width:100%;position:unset;}

    .flx_standortblock .karte .standorte .item{line-height:1.2;}
    .flx_standortblock .karte .standorte .item .name{margin-bottom:5px;}
    .flx_standortblock .karte .standorte .item.Bad.Kissingen{left:50%!important;}

    .flx_bildblock .gridwrapper .griditem3{grid-column: 1/span 12;}
    .flx_bildblock .gridwrapper .griditem4{grid-column: 1/span 12;grid-row: 4/span 2;}
    .flx_bildblock .gridwrapper .item .inhalt{padding:0;}

    .flx_faq .accordion .accordion-item .accordion-button{text-align:left;line-height:1.2;}
    
    #page-footer{padding:25px 0;}
    #page-footer #footerbottom{margin-top:50px;}
     #page-footer #footerbottom .copyright p{margin-bottom:5px;}
    #page-footer #footerbottom .rechtliches ul{text-align:left;}
    #page-footer #footerbottom .rechtliches ul li{padding:0;}

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

    .container, .container-fluid{padding:0 35px;}

    #page-header .mainheader #toppermenu{display:none;position:fixed;top:60px;right:0;bottom:0;left:0;align-content:center;background:var(--white);}
    #page-header .mainheader #toppermenu.open{display:block;}
    #page-header .mainheader #toppermenu .menu li{display:block;margin:10px auto;width:90%;text-align:center;}
    #page-header .mainheader #toppermenu .menu li.btn{margin:10px auto;}
    #page-header .mainheader #burgerbutton{display:block;width:40px;height:auto;position:absolute;top:15px;right:25px;cursor:pointer;}
    #page-header .mainheader #burgerbutton span{display:block;width:100%;height:2px;background:var(--main);transition:all .3s ease;}
    #page-header .mainheader #burgerbutton span:nth-child(2){margin:10px 0;}
    #page-header .mainheader #burgerbutton.open span:nth-child(1){transform:rotate(45deg);margin-top:10px;transition:all .3s ease;}
    #page-header .mainheader #burgerbutton.open span:nth-child(2){opacity:0;transition:all .3s ease;}
    #page-header .mainheader #burgerbutton.open span:nth-child(3){transform:rotate(-45deg);margin-top:-24px;transition:all .3s ease;}
    
    #page-header.bottom .mainheader #toppermenu{top:45px}
    #page-header.bottom .mainheader #burgerbutton{top:10px;}

    .flx_headerblock.mitbild .container::before{display:none;}
    .flx_headerblock .content{width: 100%;position: unset;transform: unset;padding:25px 0;}
    .flx_headerblock .content .headerbox{padding:15px 0;float:unset;}
    .flx_headerblock .content .headerbox .subline{color:var(--main);font-size:160%;text-align:left;}
    .flx_headerblock .content .headerbox .headline{color:var(--main);font-size:160%;text-align:left;}
    .flx_headerblock .content .headerbox p{color:var(--main);text-align:left!important;}

    .flx_textblock.mitheadlinerechts .sublinebox{padding-left:15px;}

    .flx_standortblock .karte .standorte .item.Osnabrück{top:37.5%!important;}
    .flx_standortblock .karte .standorte .item.Bad.Kissingen{width:55%;}

    .flx_bildblock .gridwrapper{gap:25px;}
    .flx_bildblock .gridwrapper .griditem2{grid-row: 1/span 1;}
    .flx_bildblock .gridwrapper .griditem3{grid-row: 2/span 1;}
    .flx_bildblock .gridwrapper .griditem4{grid-row: 3/span 1;}
    
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:575px) {

    body, html, *{font-size:16px;}
    .container{padding:0 25px;}

    h1{font-size:250%;}
    .subline{font-size:175%;line-height:1.2;}

    input[type="submit"]{padding:10px 20px;}

    .startseite h2{font-size:225%;}
    .startseite .subline{line-height:1.2;font-size:175%;}

    #page-header .mainheader #toppermenu{top:7.5%;}
    #page-header .mainheader #burgerbutton{top:25%;}
    #page-header.bottom .mainheader #toppermenu{top:6%;}
    #page-header.bottom .mainheader #burgerbutton{top:25%;}

    .flx_textblock.mitheadlinerechts .headlinebox .headline{width:100%;}

    .flx_textblock.mitzahl .text .headline{font-size:115%;}

    .flx_iconblock .headerbox .headline{font-size:140%;width:100%;line-height:1.3;}

    .flx_kontaktblock .textinner .headline{font-size:200%;}
    .flx_kontaktblock .textinner .subline{font-size:135%;}
    .flx_kontaktblock .formularinner .wpcf7-form-control-wrap, .flx_kontaktblock .formularinner .pflichtwrapper{width:100%;}
    .flx_kontaktblock .formularinner input, .flx_kontaktblock .formularinner select, .flx_kontaktblock .formularinner textarea{margin-bottom:0;}

    .flx_standortblock .karte .standorte .item{position:unset!important;margin-bottom:15px;width:100%!important;line-height:1.7;}

    .flx_stellenausgabe .stellen .item a span.name{width:90%;font-size:125%;}

    .flx_iconblock .item .icon{width:20%;}
    .flx_iconblock .item .inhalt{width:80%;}
    .flx_iconblock .item .inhalt br{display:none;}

    .flx_bildblock.gridblock{margin-top:0;}
    .flx_bildblock.gridblock .gridwrapper{margin-top:0;}
    .flx_bildblock .gridwrapper .griditem1{grid-column: 1/span 12;grid-row: 1/span 1;}
    .flx_bildblock .gridwrapper .griditem2{grid-column: 1/span 12;grid-row: 2/span 1;}
    .flx_bildblock .gridwrapper .griditem3{grid-row: 3/span 1;}
    .flx_bildblock .gridwrapper .griditem4{grid-row: 4/span 1;}

    #single-karriere .headerblock{margin-bottom:25px;}
    #single-karriere .headerblock .headline{font-size:175%;}

    #single-karriere .kurzbewerbung .headline{font-size:200%;margin-bottom:25px;}

    #page-footer .inhalt h3{line-height:1.2;}

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

    .container, .container-fluid{padding:0 25px;}

    h1{font-size:225%;}
    .subline{font-size:150%;}

    #page-header .mainheader #toppermenu .menu li.btn{padding:3px 10px 5px 10px;}

    .flx_textblock.mitzahl .text{padding:25px 25px 25px 0;}
    
    #single-karriere .headerblock .headline{font-size:150%;}

}