@media only screen and (min-width: 1px) and (max-width: 2500px) {  
    
    html { -webkit-text-size-adjust: 100%;} 
    body {overflow-x:hidden;}
    input [type="submit"],input[type="text"] { -webkit-appearance: none;}
    
}

@media only screen and (min-width: 1px) and (max-width: 1400px) { 

    .elevator .absolute {
        width: 1200px;
        margin-right: -600px;
    }
    
    .ablauf .ce-bodytext:after {
        right: -41px;
    }
    
}
    
@media only screen and (min-width: 1px) and (max-width: 1350px) { 
    
    .z-content-inner .col-md-6:first-child {
        width:40%;
    }
    
    .z-content-inner .col-md-6:last-child {
        width:60%;
    }
    
    .z-content-inner .col-md-6 .frame.frame-type-text {
        padding: 40px 40px 120px 40px;
    }
    
    .z-tabs.horizontal.bottom-center>ul {
        width: calc(60% - 20px);
    }
    
    .page-title {
        min-height:350px;
        background-attachment: scroll;
    }
    
}

@media only screen and (min-width: 1px) and (max-width: 1200px) {    

    .elevator .absolute {
        width: 100%;
        margin-right:auto;
        right:0px;
    }
    
    .ablauf .ce-column {
        position:relative;
        left:0px;
    }

}

@media only screen and (min-width: 1px) and (max-width: 1140px) {    

    .mobile-menu .col-md-8 {padding:0px;} 
    a.brand img {
        margin-left: 0px;
    }
    
    .dropDownMenu, .dropDownMenu ul {
        margin: 0px; 
    }
    
    .caption-wrapper {
        left:5%;
        margin-left: 0px;
        width: 90%;
        max-width: 90%; 
    }
    
    .flex-direction-nav {display:none;}
    
    .cd-timeline__img.cd-timeline__img--picture i {
        font-size: 1.2rem; 
        margin-top:11px;
    }
    
    .page-title {
        min-height:300px;
        background-attachment: scroll;
    }
    
    .ablauf .ce-bodytext:after {
        display:none;
    }

}

@media only screen and (min-width: 1px) and (max-width: 1024px) {    
    
    .spacer {
        padding:30px 0;
    } 
    
    .spacer.parallax {
        background-size:100%;
        background-attachment: unset;
    }
    
    .team .ce-column {
        width: 49%;
    }
    
    .dropDownMenu a {
        padding: 45px 18px 40px;
    }

}

@media only screen and (min-width: 1px) and (max-width: 1023px) { 

    p,h1,h2,h3,h4,h5,h6,span {
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    
    
    .mean-nav .col-md-12 {padding:0px;}
    
    .mobile-menu:before,
    .mobile-menu:after {display:none;}
    
    body > #wrap {padding-top:76px;}
    
    .mean-bar .col-md-8.right .mainnav {}
    .mean-nav .container {/*position:absolute;top:0px;*/padding:0px;}
    .mean-nav .container .row, .mean-nav .container .row .col-md-4 {padding:0px;}
    .mean-bar .col-md-8 {padding:0px;}
    .mean-nav .container .row .col-md-4 {width:60%;position:absolute;}
    .mean-nav .container .row .col-md-8, .mean-bar a.meanmenu-reveal.meanclose {z-index:99;}
     a.brand img {
        margin-top:-60px;
        margin-left:30px;
        position:absolute;
        max-width:200px;
     }
     
    body > #wrap {
        padding-top: 0px;
    }
    
    .elevator span.bigfont {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }
    
    .teaser .frame .ce-bodytext {
        padding: 0px 10px;
    }
    
    .top {
        position:absolute;
        top:0px;
        z-index:1000;
        width:100%;
    }
    
    .top .container,
    .top .container .col-md-12 {padding:0px;}
    
    .mean-container .mean-bar {top:35px;}
    #main {
        padding-top:112px
    }
    
    .flex-direction-nav {display:none;}
    
    .mean-nav .col-md-8 {padding-left:0px;padding-right:0px;width:100%;}
    
    .langswitch-header {
        padding: 9px 15px 12px 50px;
    }
    
    .c-gallery {
        max-width: 100%; 
    }
    
    .teaser .frame {
        min-height:387px;
    }

}

@media only screen and (min-width: 1px) and (max-width: 991px) {

    p,h1,h2,h3,h4,h5,h6,span {
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
    }
    
    h1,h2,h3,h4,h5,h6,span {
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    
    .ablauf .ce-bodytext:after {
        display:block;
    }
    
    .ablauf .ce-bodytext:after {
        content: "\f107";
        font-family: Font Awesome\ 5 Free,fontawesome;
        position: absolute;
        right: auto;
        top: auto;
        bottom:-90px;
        left: calc(50% - 15px);
        color: #ccc;
        font-weight: 900;
        font-size: 4rem;
        opacity: 0.5;
    }
    
    .ablauf .col-md-4,
    .ablauf .col-md-6 {
        margin-bottom:100px;
    }
    
    .ablauf.indent.plus .col-md-6 {
        width: 100%;
    }

    .ablauf.indent.plus .col-md-6:first-child {
        margin-left:0px;
    }
    
    .ablauf .col-md-4:last-child .ce-bodytext:after {display:block;}
    
    .ablauf.indent.plus {
        margin-top:0px;
    }
    
    .ablauf.plus .col-md-6 .ce-bodytext {min-height:inherit;}

    .orangeborder {margin-bottom:30px;}
    
    .newsbox div[class^="col-md"] div[class^="col-md"] {
        padding:0px;
    }
    
    .spacer.cta {
        padding: 60px 0;
    }
    
    .indent.row {
        padding: 0px;
    }
    
    #footer .spacer.ftbottom {
        padding:40px 0px;
    }
        
    .spacer.cta-bg {
        padding: 20px 0 60px 0;
    }
        
    #footer .col-md-6 {width:50%;float:left;}
        
    .boxes .col-md-6 {
        display:block;
        width:100%;
        margin-bottom:25px;
    }
    .boxes.last {
        margin-top:0px;
    }
    
    .teaser .col-md-3 {
        width:50%;
        float:left;
    }
    
    #footer h5, #footer h6 {
        margin-top:60px;
        margin-bottom:10px;
    }
    
    #footer .col-md-4:first-child h5, #footer .col-md-4:first-child h6 {
        margin-top:20px;
    }
    
    h1,h2 {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
    
    
    .spacer.blue.big .container .row .col-md-8,
    .spacer.blue.big .container .row .col-md-4 {width:100%;float:none;text-align:center;}
    .spacer.blue.big .container .row .col-md-4 p.text-right {
        text-align:center;
        padding-top:15px;
    }
    
    .list .ce-bodytext li a {
        text-align: left;
    }
    
    .tx-powermail .layout2 .form-group.col-md-6:first-child,
    .tx-powermail .layout2 .form-group.col-md-6:last-child {
        padding: 0 0px 15px 0;
    }
    
    .powermail_fieldset.layout1 {
        width: 100%;
    }
    .powermail_fieldset .powermail_fieldwrap_leistung.form-group.col-md-6 {
        padding: 0px;
    }
    .powermail_fieldset .powermail_fieldwrap_datum.form-group.col-md-6 {
        padding: 0px;
    }
    
    #footer .spacer.gray.nopad .col-md-3 {
        width:50%;
        float:left;
    }
    
    .owl-carousel .owl-dots {margin-bottom:60px;}
    
    .intro div[class*="col-md"] {
      margin-bottom:50px;
    }
    
    .spacer.border-bottom {
        margin-bottom:30px;
        padding-bottom:15px;
    }
    
    .spacer.marked.border-bottom .container:after {
        bottom: -21px;
    }
    
    .frame-layout-2 .ce-image.ce-center .ce-column {
        width: 23.6%;
    }
    
    .spacer.smallpad {
        padding:0px;
    }
    
    .boxes .ce-textpic .ce-bodytext, .newsbox {
        padding: 10px 0px;
    }
    
    .intro .col-md-4 {
        width: 33%;
        float: left;
    }
    
    .row.fullwidth .col-md-5, .row.fullwidth .col-md-7 {
        width: 50%;
    }
    
    .z-content-inner .col-md-6:first-child {
        width:100%;
    }
    
    .z-content-inner .col-md-6:last-child {
        width:100%;
    }
    
    .z-tabs.horizontal.bottom-center>ul {
        width: calc(100% - 20px);
    }
    
    .ansprechpartner .col-md-6 {
        width:50%;
        float:left;
    } 
    
    table.contenttable tr td {
        display:block;
        float:none;
        width:100%;
    }
    
    .news .col-md-4 {
        width: 33.333%;
    }
    
    .row.intro .col-md-5 p {
        display:none;
    }
    
    .row.intro .col-md-5 p.text-center {
        display:block;
    }
      
    .teaser .col-md-4 {
        width: 33.333%;
    }
    
    .row.tablebox div[class^="col-md-"] {
        display: block;
        width:100%;
        margin-bottom:30px;
    }
    
    .page-title {
        min-height:220px;
        background-attachment: scroll;
        background-position: 0px ;
    }
    
    .textinner {
    padding: 30px;
}
    
    .frame-indent {
    margin-left: 0px;
    margin-right: 0px;
}
    
    .ce-right .ce-gallery {
    float: none;
}
    
}

@media only screen and (min-width: 880px) and (max-width: 990px) {
 
    table.contenttable tr {
        border-bottom:0px;
    }
    table.contenttable tr td {
        display:block;
        float:none;
        padding:0px;
    }
    table.contenttable tr td:first-child {font-weight:600;}
    table.contenttable tr td p {margin-bottom:0px;}
    
    
    
}

@media only screen and (min-width: 1px) and (max-width: 800px) {
    
    #footer .col-md-6 {width:100%;float:none;}
    #footer ul.meta {display:table;width:100%;text-align:center;margin:0px auto;}
    #footer .col-md-6.right {width:100%;float:none;text-align:center;padding-top:10px;padding-bottom:25px;}
    
    .elevator span {
        font-size: 1.6rem;
        margin: 0 0 10px;
        font-weight: 500;
    }
    
    .elevator span.bigfont {
        font-size: 1.6rem;
        line-height: 1.6rem;
        display: table;
        font-weight: 400;
        margin-bottom: 0px;
        letter-spacing: 0rem;
        background-color: rgba(255,255,255,0.95);
        
        margin-top:30px;
    }
    
    .elevator .absolute {
        padding-bottom:30px;
    }
    
    .outro .col-md-7 {
        padding-left:15px;
        border-left: 0px;
    }
    
    .outro h5 {
        text-align: left;
    } 
    
    .container .list .col-md-6 {
        display: block !important;
        float: none;
        vertical-align: top;
        width:100% !important;
        padding: 20px;
    }
    
    .page-title {
        background-attachment:scroll;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100%;
        color: #ffffff;
        padding: 10% 0px;
        position: relative;
    }
    
    .top .container .col-md-12 .teldisplay {display:none;}
    .top .container .col-md-12 a.termin,
    .top .container .col-md-12 a.homelink {
        text-indent: -9999px; 
        overflow: hidden;     
        width: 50px;
        height:35px; 
        text-align: left;
        position:relative;
        padding:0px;
    }
    
    .telregion {display:inline;padding-right:0px;}
    
    .top .container .col-md-12 a.termin i.far,
    .top .container .col-md-12 a.homelink i.fas {
        text-indent: 0px; 
        overflow: visible;     
        width: auto; 
        text-align: left;
        position:absolute;
        left:0px;
        display:block;
        padding:6px 15px;
        font-size:1.4rem;
    }
    
    .news .col-md-4 {
        display: table;
        height: 100%;
        float: none;
        width: 100%;
        margin-bottom:30px;
    }
    
    .parallax .col-md-6 {
        display: table-cell;
    }
    
    .parallax .col-md-6 .frame-default {
        background-color: #fff;
        display: block;
        padding:0px 30px;
        width:100%;
    }
    
    .parallax .col-md-6 .frame-default p {
        color: #a51f18;
        margin-bottom: 0;
        padding:0px;
    }
    
    .parallax a,
    .parallax p strong {
        color: #a51f18;
        font-weight:300;
    }
    .parallax .col-md-6:first-child {display:none;}
    .parallax .col-md-6:first-child .frame-default p {
        padding-left: 0px;
    }
    
    .parallax .col-md-6:last-child .frame-default {
        max-width: 100%;
    }
    
    .parallax .col-md-6:last-child .frame-default {
        background-color: #a51f18;
        display: table;
        padding: 30px;
        width: 100%;
        position: relative;
        z-index: 999;
    }
    
    .parallax .col-md-6:last-child .frame-default p,
    .parallax .col-md-6:last-child .frame-default p a,
    .parallax .col-md-6:last-child .frame-default p strong {
        color: #fff;
    }
    
    .copyright {
        display:table;
        margin:0px auto 20px;
        width:auto;
    }
    
    .meta li a, .cpanel {
        padding: 0px 10px;
    }
    
    #footer {
        padding-top: 0px;
    }
    
    .spacer.parallax {
        padding-bottom: 5px;
        min-height:500px;
    }

    .ansprechpartner .col-md-6,
    .benefit .col-md-6{
        width:100%;
        float:none;
        display:table;
    }
    
    .ansprechpartner .ce-right .ce-gallery {
        float: left;
    }
    
    .ansprechpartner .col-md-6:last-child,
    .benefit .col-md-6:last-child {
        padding-top:30px;
    }
    
    .page-title {
        background-size: 100%;
        min-height:200px;
    }

}

@media only screen and (min-width: 1px) and (max-width: 768px) {   

    .caption-body p {
        color: #fff;
    }
    
    .teaser .col-md-3 {
        width: 100%;
        float: none;
        margin-bottom:30px;
    }
    
    .elevator a.framebutton {
        border: 1px solid #a51f18;
        color: #a51f18;
    }
    
    .elevator span.bigfont {
        font-size: 1.6rem;
        line-height: 1.6rem;
        display: table;
        font-weight: 400;
        margin-bottom: 0;
        letter-spacing: 0rem;
        background-color: rgba(255,255,255,.95);
        margin-top: 30px;
        padding:0px;
    }

    .flexslider li.flex-active-slide .meta h1, .flexslider li.flex-active-slide .meta .caption-body p, .flexslider li.flex-active-slide .meta .caption-desc span {
        color: #fff !Important;
        font-size:1.1rem;
    }
    
    .flexslider li span.smallfont {
        font-size: 1.2rem;
    }
    
    .flexslider li span.bigfont {
        font-size:1.6rem;
        color:#fff;
        line-height:1rem;
        margin-top:0px;
        display:block;
    }
    
    .tx-ws-flexslider {border-bottom:1px solid #eee;padding-bottom:45px;}
    .intro a.scroll {display:none;}
    
    .intro .col-md-4 {
        width: 100%;
        float: none;
    }
    
    .flex-control-paging.flex-control-paging li a {
        background: #a51f18;
        opacity: 0.5;
    }
    
    .frame-layout-2 .ce-image.ce-center .ce-column {
        width: 23.1%;
    }
    
    #footer .row {
        padding:0px 0px 30px 0px;
    }
    
    ul.meta {padding-top:30px;}
    
    .team .ce-column {
        float:left;
    }
    
    #footer .row {
        padding: 30px 0px 30px 0px;
    }
    
    .teaser .col-md-4 {
        width: 100%;
        margin-bottom:30px;
    }
    
    .ce-gallery figcaption {
        display: block;
        caption-side: bottom;
        width: 100%;
    }
    
    .row.fullwidth .col-md-5 {display:table;}
    
     /*.top .container .col-md-12 a {
        text-indent: -9999px; 
        overflow: hidden;     
        width: 50px;
        height:37px; 
        text-align: left;
        position:relative;
        padding:0px;
    }
    
    .top .container .col-md-12 a i.fas {
        text-indent: 0px; 
        overflow: visible;     
        width: auto; 
        text-align: left;
        position:absolute;
        left:0px;
        display:block;
        padding:10px 15px;
    }
    
    .top .container .col-md-12 a.angebot {
        text-indent:0px; 
        overflow: visible;     
        width:auto; 
        text-align: left;
        padding:10px 15px;
    }*/

} 

@media only screen and (min-width: 1px) and (max-width: 766px) {
    
    .elevator .absolute {
        position: relative;
        display: table;
        height:auto;
        left: 0px;
        width: 100%;
        max-width: 100%;
        margin-left:0px;
        z-index: 2; 
    }
    
    .elevator .container {
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    
    .elevator .container .row.absolute {
        display:flex;
        -webkit-order:2;
        order:2; 
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .elevator .container .ce-image {
        display:flex;
        -webkit-order:1;
        order:1;          
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    
    .col-md-4, .boxes .col-md-6 {
        display: block !important;
    }
    
    .col-md-4 .ce-textpic, .boxes .col-md-6 .ce-textpic {
        margin-bottom:25px;}
        
        .ce-left .ce-gallery, .ce-column {
        float: none;
    }

    .ce-left .ce-gallery, .ce-column {
        float: none;
    }

    .ce-gallery figure {
         display: block;
    }

    .boxes img {
        border-bottom: 0px;
    } 
    
    .row.fullwidth .col-md-5 {
        display: table;
        float: none;         
        width:100%;
    }
    
    .row.fullwidth .col-md-7 {
        display: table;
        float: none;        
        width:100%;    
    } 
    
    .row.fullwidth.dark .col-md-5 {
        display: block;
        float: none;  
        width:100%;
    }
    
    .row.fullwidth.dark .col-md-7 {
        display: block;
        float: none;         
        width:100%;    
    } 
   
   .row.fullwidth .frame-type-text {
        padding: 10%;
    }
    
    .row.fullwidth .col-md-5 img {
        min-height: auto;
        height: auto;
        width: 100%;
        margin-left:0px;
    }
    
    #footer h5, #footer h6 {
        font-size: 1.2rem;
        font-weight: 500;
        padding-bottom: 0px;
        margin-top:40px;
    }
    
    .flexslider li.flex-active-slide .meta h1, .flexslider li.flex-active-slide .meta .caption-body p, .flexslider li.flex-active-slide .meta .caption-desc span {
        color: #4d4d4d;
    }
    
    .flex-control-nav {
        bottom: -40px;
    } 
    
        .row.fullwidth.dark {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
    }
    
    .row.fullwidth.dark .col-md-7 {
        display: flex;
        -webkit-order: 2 !important;
        order: 3 !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
    }
    
    .row.fullwidth.dark .col-md-5 {
        display: flex;
        -webkit-order: 1 !important;
        order: 1 !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
    }
    
    .spacer.gray-indent .col-md-7 {
        padding: 20px;
    }
    
    h1, h2 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
           
}

@media only screen and (min-width: 1px) and (max-width: 580px) {

    #footer .spacer.gray.nopad .col-md-6 ul li {
        width:100%;
        float:none;
    }
    
    #footer .spacer.gray.nopad .col-md-3 {
        width:100%;
        float:none;
    }
    
    body.mean-container .cc_banner-wrapper {
        position:fixed !important;
        bottom:0px;
    }
    
    .frame-layout-2 .ce-image.ce-center .ce-column {
        width:100%;
        margin-bottom:25px;
    }
    
    .team .ce-column {
        float:none;
        width:100%;
    }
    
    .caption-wrapper {
        position:relative;
        margin:0px;
        padding:0px;
        width:auto;
        min-width:90%;
    }
    
    /*.ce-row .ce-column {
        display: inline-block;
        float: none;
        padding-right: 0px;
        margin-right: 0px;
        width:100%;
    }*/

}

@media only screen and (min-width: 1px) and (max-width: 480px) {
    
    #tabbed-nav {
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;    
    }
    
    #tabbed-nav .z-container {
        display: flex;
        -webkit-order: 2 !important;
        order: 2 !important;
        -webkit-flex-direction: column;
        !important: ;
        flex-direction: column !important;    
    }
    
    #tabbed-nav .z-tabs-mobile {
        display: flex;
        -webkit-order: 1 !important;
        order: 1 !important;
        -webkit-flex-direction: column !important;
        flex-direction: column !important;
        width:auto;
        margin:20px 24px 0px;
    }
    
    .z-tabs.large>ul>li>a.z-link {
        background-color: #eee;
        color: #4d4d4d;
    }
    
    .z-tabs.large>ul.z-state-closed>li>a,
    .z-tabs.large>ul>li.z-active>a {
        background-color:#a51f18;
        color:#fff;
    }
    
    .z-tabs.clean>ul>li.z-active>a,
    .z-tabs.clean>ul>li.z-active>a>i{
        color: #fff;
    }
    
    .z-tabs>ul.z-tabs-mobile>li>a i {
        display: inline-block;
    }
    
    .z-tabs.mobile > ul.z-tabs-mobile.z-state-closed > li > a > span.z-arrow {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1;
    }
    
    .z-tabs.mobile > ul.z-tabs-mobile > li > a > span.z-arrow {
        position: absolute;
        top: 50%;
        background: url(../images/z-tabs-icons.png) no-repeat top left;
        background-position: -1470px -3px;
        width: 30px;
        height: 30px;
        margin-top: -25px;
        margin-left: -0.75em;
        display: inline-block;
        right: 1.125em;
        background-position: -1470px -60px;
    }
    
    
    .z-tabs.mobile>ul.z-tabs-desktop {
        width: calc(100% - 48px);
        box-shadow: 0 2px 1px rgba(51,51,51,.1);
        margin: 80px 24px 0px;
    }
    
    .z-content-inner .col-md-6 .frame.frame-type-text {
        padding: 20px;
    }

    .z-content-inner .col-md-6:last-child .frame.frame-type-text {
        margin-top:30px;
        display:table;
    }
    
    span.topline {
        margin-bottom: 10px;
    }
    
    .page-title {
        background-size: cover;
        min-height:140px;
    }

    
}

@media only screen and (min-width: 1px) and (max-width: 410px) {
 
    .spacer.parallax {
        min-height: 302px;
        height:360px;
        background-size:cover;
    }   
    
    .spacer.parallax {
        padding-bottom: 240px;
    }
    
}

@media only screen and (min-width: 1px) and (max-width: 300px) {
    
   .top a {
        padding: 8px 3px;
    } 
    
}