@media only screen and (min-width: 991px) and (max-width: 5000px) {  
    
    .e-outline-right:after {
        content:"";
        background-image:url(/assets/background/01_kreis_outline_pink.png);
        background-repeat:no-repeat;
        background-size:260px 260px;
        width:260px;
        height:260px;
        position:absolute;
        top:-130px;
        right:30px;
    }
    
    .e-redfull-right:after {
        content:"";
        background-image:url(/assets/background/03_kreis_pink.png);
        background-repeat:no-repeat;
        background-size:360px 360px;
        width:360px;
        height:360px;
        position:absolute;
        top:-220px;
        right:-20px;   
    }
    
    .e-outline-center:after {
        content:"";
        background-image:url(/assets/background/03_kreis_ouline_grau.png);
        background-repeat:no-repeat;
        background-size:470px 470px;
        width:470px;
        height:470px;
        position:absolute;
        top:-235px;
        left:30%;  
        z-index:0;
    }
    
    .e-redfull-left:after {
        content:"";
        background-image:url(/assets/background/03_kreis_pink.png);
        background-repeat:no-repeat;
        background-size:360px 360px;
        width:360px;
        height:360px;
        position:absolute;
        top:-220px;
        left:30px;   
    }
    
    .e-redfull-left-top:after {
        content:"";
        background-image:url(/assets/background/03_kreis_pink.png);
        background-repeat:no-repeat;
        background-size:360px 360px;
        width:360px;
        height:360px;
        position:absolute;
        top:-100px;
        left:30px;   
    }
    
    .e-redoutline-right:after {
        content:"";
        background-image:url(/assets/background/01_kreis_outline_pink.png);
        background-repeat:no-repeat;
        background-size:430px 430px;
        width:430px;
        height:430px;
        position:absolute;
        top:100px;
        right:-30px;   
    }
    
    .e-grayfull-left:after {
        content:"";
        background-image:url(/assets/background/01_kreis_hellgrau.png);
        background-repeat:no-repeat;
        background-size:299px 299px;
        width:299px;
        height:299px;
        position:absolute;
        top:-280px;
        left:30px;  
    }
    
    .e-grayfull-middle:before {
        content:"";
        background-image:url(/assets/background/01_kreis_hellgrau.png);
        background-repeat:no-repeat;
        background-size:680px 680px;
        background-position:right -50px center;
        width:680px;
        height:680px;
        position:absolute; 
        display:table;
        height:100%;
        width:100%;
        opacity:0.3;
    }
    
    .spacer .container {
        position:relative;
        z-index:1;
    }
    
}

@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: 1160px) {    

    .elevator .absolute {
        left: 0px;
        width:40%;
        margin-left: 0px;
    }
    
    .elevator .absolute blockquote p {
        font-size:2rem;
        line-height:2.6rem;
    }
    
    .elevator blockquote:before {
        letter-spacing: -10px;
        font-size: 140px;
        top: -125px;
    }
    
    .elevator .absolute p {
        font-size: 1.2rem;
        line-height: 1.5rem;
        margin-left: 70px;
        font-weight: 200;
    }

}

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

    .mobile-menu .col-md-4 {width: 35%;}
    .mobile-menu .col-md-8 {width: 65%;}
    a.brand img {
        width: 360px;
        max-width: 360px;
    }

}

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

    .dropDownMenu a {
        padding: 61px 10px 20px;
    }

}

@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;
    }
    
    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:-59px;
        margin-left:30px;
        position:absolute;
        width:300px;
     }
     
    body > #wrap {
        padding-top: 0px;
    }
    
    .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
    }
    
    .mean-nav .col-md-8 {padding-left:0px;padding-right:0px;width:100%;}
    
    .c-gallery {
        max-width: 100%; 
    }

}

@media only screen and (min-width: 1px) and (max-width: 991px) {
        
    #footer .col-md-6 {width:50%;float:left;}
        
    .boxes .col-md-6 {
        display:block;
        width:100%;
        margin-bottom:25px;
    }
    
    .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;
    } 
    
    .gallery .col-md-6:first-child .ce-gallery img {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    
}

@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 .absolute {
        width: 62%;
        max-width:100%;
        margin-left: -64%;
    }
    
    .elevator span {
        font-size: 1.6rem;
        margin: 0 0 10px;
        font-weight: 500;
    }
    
    .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;
    }
    
    .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;
    }
    
    #footer {
        padding-top: 0px;
    }
    
    #footer .spacer.smallpad:after {display:none;}
    
    #footer .col-md-6:last-child .frame-default {
        padding:0px;
        margin-top:50px;
    }

}

@media only screen and (min-width: 1px) and (max-width: 768px) {   
    
    h1, h2 {
        font-size: 2.4rem;
        line-height: 2.9rem;
    }
    
    .spacer {
        padding:50px 0px;
    }
    
    .middlepos .ce-right .ce-gallery {
        float: none;
        max-width: 60%;
        display: table;
        margin: 30px auto;
    }

    #footer .row {
        padding:0px;
    }
    
    ul.meta {padding-top:30px;}
    
    .ce-gallery figcaption {
        display: block;
        caption-side: bottom;
        width: 100%;
    }
    
    .row.middlepos div[class^="col-md"] {
        display:table;
        width:100%;
    }
    
    .vorteile .ce-row .ce-column {
        display: flex;
        margin: 0px auto 40px;
        vertical-align: middle;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        text-align: center;
    }
    
    .vorteile img[src*=".svg"] {
        margin:0px auto 15px;
    }
    
    .vorteile .ce-gallery figure {
        min-width:250px;
    }

} 

@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;
        margin-top:60px;
        z-index: 2; 
    }
    
    .elevator {
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    
    .elevator .absolute {
        display:flex;
        -webkit-order:2;
        order:2; 
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .elevator .frame-type-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;
    }
    
    #footer h5, #footer h6 {
        font-size:1.6rem;
        margin-bottom:18px;
    }
    
    #footer .spacer.smallpad {
        padding: 50px 0px;
    }
    
    .subhead {
        display: table;
        margin: 0px auto 20px;
        font-size: 1.2rem;
        line-height: 1.4rem;
    }
    
    #footer ul.meta {
        padding-bottom: 30px;
    }
           
}

@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;
    }
    
    .caption-wrapper {
        position:relative;
        margin:0px;
        padding:0px;
        width:auto;
        min-width:90%;
    }
    
    h1, .fullwidth h4 {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    
    a.brand img {
        max-width:300px;
    }
    
    .ce-row .ce-column {
        display: inline-block;
        float: none;
        padding-right: 0px;
        margin-right: 0px;
        width:100%;
    }
    
    .gallery .col-md-6:last-child .ce-row .ce-column {
        display: block;
        float: none;
        padding-right: 0px;
    }
    
    .gallery .col-md-6:first-child .ce-row .ce-column {
        padding-right:0px;
    }
    
    .gallery .col-md-6:last-child .ce-row {
        margin-bottom:0px;
    }
    
    .gallery .ce-gallery figure {
        margin-bottom:30px;
    }

}

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

    a.brand img {
        max-width: 200px;
        width:200px;
        margin-top:-50px;
    }

}