@media( max-width:1080px ){
    .wrapper{
        width:900px;
    }

    NAV#mainnavi{
        font-size:19px;
        height:62px;
    }

    NAV#mainnavi UL LI{
        margin:0 31px 0 0;
    }

    NAV#mainnavi UL LI A{
        height:62px;
        line-height:60px;
    }

    HEADER.closed{
        height:110px;
    }

    #slider{
        margin:40px 0px;
    }

    /* KONTAKT */
    .contactform .leftpart {
        width: 355px;
    }
    .contactform .rightpart {
        width: calc( 100% - 380px );
    }
    .blog-contact .items-leading > DIV.leading-0 {
        width: 355px;
    }
    .blog-contact .items-leading > DIV.leading-1 {
        padding-left:0px;
        width: calc( (100% - 380px - 25px) / 2 );
    }
    .blog-contact .items-leading > DIV.leading-2 {
        width: calc( (100% - 380px - 25px) / 2 );
    }
    /* KONTAKT */
}

@media( max-width:1024px ){
    HEADER{
        position:fixed;
        top:0px;
        left:0px;
        z-index:990;
        background:#000;
    }

    .wrapper{
        width:auto;
        margin-left:30px;
        margin-right:30px;
    }

    .logo{
        margin-top:30px;
    }

    .meta-icons{
        top:30px;
    }

    .closenav{
        top:35px; /* 63 */
        left:calc( 50% - 25px );
    }

    #content{
        padding-top:80px;
    }

    NAV#mainnavi UL LI{
        margin:0 40px 0 0;
    }
}

@media( max-width:1023px ){
    NAV#mainnavi UL LI{
        margin:0 31px 0 0;
    }
}

@media( max-width:960px ){
    NAV#mainnavi{
        font-size:18px;
    }

    NAV#mainnavi UL LI{
        margin:0 26px 0 0;
    }

    .minwidth{
        width:60px;
    }

    .icon-clock, .icon-ansprechpartner, .icon-phone {
        margin-right: 0px;
    }
}

@media( max-width:900px ){
    .meta-icons{
        position:relative;
        top:auto;
        right:auto;
        margin-top:11px;
    }

    HEADER.closed, HEADER{
        height:140px !important;
    }

    HEADER{
        position:relative;
    }

    BODY.headerfixed HEADER{
        position:fixed;
        top:-75px;
    }

    #content{
        padding-top:0px;
    }

    BODY.headerfixed #content{
        padding-top:120px;
    }

    BODY.headerfixed HEADER .meta-icons{
        margin-top:19px;
    }

    .meta-icons > A {
        margin-left: 0px;
        margin-right: 20px;
    }

    .meta-icons > A IMG{
        width:28px;
        height:auto;
    }

    .closenav {
        top:auto;
        bottom:-4px;
        left: auto;
        right:0px;
        width: 33px;
        padding-top: 19px;
    }

    NAV#mainnavi{
        position:absolute;
        top:0px;
        left:0px;        
        width:auto;
        height:100%;
        background:#000;
        padding-top:98px;
    }

    HEADER{
        overflow:visible;
    }

    NAV#mainnavi UL{
        padding:0px 40px 40px 0px;
        position:relative;
    }

    NAV#mainnavi UL LI{
        margin:0;
        float:none;
        border-bottom:1px solid #a0a0a0;
        position:relative;
    }

    NAV#mainnavi UL LI:last-child{
        border-bottom:0;
    }

    NAV#mainnavi UL LI A{
        padding:12px 20px 12px 20px;
        height:auto;
        line-height:1;
    }

    /* KONTAKT */
    /*.contactform .leftpart {
        width: 355px;
    }
    .contactform .rightpart {
        width: calc( 100% - 380px );
    }
    .blog-contact .items-leading > DIV.leading-0 {
        width: 355px;
    }*/
    .blog-contact .items-leading > DIV.leading-1 {
        width: calc( 100% - 380px );
        margin-right:0;
    }
    .icon-ansprechpartner{
        margin-right:25px;
    }
    .icon-phone{
        margin-right:55%;
    }
    .icon-clock{
        margin-right:72%;
    }
    .blog-contact .items-leading > DIV.leading-2 {
        margin-top:50px;
        width: 100%;
    }
    /* KONTAKT */
}

@media(max-width:600px){
    #slider{
        margin:30px 0px;
    }

    H1, H2 {
        font-size: 24px;
        margin-top: 30px; /* 60 */
        margin-bottom: 16px; /* 32 */
    }

    #footer-logos .logos{
        height:auto;
        min-height:70px;
    }

    #footer-logos .logos P{
        height:auto;
        min-height:70px;
    }

    #footer-logos .logos P IMG{
        margin-right:30px;
        margin-top:5px;
        height:60px;
        width:auto;
    }

    #slider .sliderdots{
        right:16px;
        bottom:18px;
    }

    #slider .sliderdots > A{
        width:13px;
        height:13px;
        margin-left:5px;
    }
}

@media(max-width:480px){
    #slider .sliderdots{
        right:6px;
        bottom:6px;
    }
    #slider .sliderdots > A{
        width:9px;
        height:9px;
        margin-left:3px;
    }
    .wrapper{
        margin-left:20px;
        margin-right:20px;
    }
    
    .contactform .headerpic{
        margin-bottom:20px;
    }

    NAV#mainnavi UL{
        padding:0px 25px 25px 0px;
    }

    NAV#mainnavi UL LI A{
        padding:10px 15px 10px 15px;
    }
}

@media( max-width:767px ){
    /* KONTAKT */
    /*.contactform .leftpart {
        width: 355px;
    }
    .contactform .rightpart {
        width: calc( 100% - 380px );
    }*/
    .blog-contact .items-leading > DIV.leading-0 {
        width: 100%;
        margin-right:0;
    }
    .blog-contact .items-leading > DIV.leading-1 {
        width: 100%;
        margin-right:0;
        margin-top:50px;
    }
    .icon-ansprechpartner, .icon-phone, .icon-clock{
        margin-right:60%;
    }
    .blog-contact .items-leading > DIV.leading-2 {
        width: 100%;
        margin-right:0;
    }
    .contactform .leftpart {
        width: 100%;
    }
    .contactform .rightpart{
        display:none;
    }
    .contactform .headerpic{
        display:block;
        width:100%;
        margin-bottom:30px;
    }
    .contactform .headerpic IMG{
        display:block;
        width:100%;
    }
    /* KONTAKT */
    
    #animated-logo{
        width:calc(100% - 60px);
        left:30px;
    }
}

@media(max-width:480px){
    .contactform .headerpic{
        margin-bottom:20px;
    }
}

@media( max-width:550px ){
    .icon-ansprechpartner, .icon-phone, .icon-clock{
        margin-right:40%;
    }
    
    .ansprechpartner IMG{
        width:110px;
        height:auto;
    }
}

@media( max-width:440px ){
    .icon-ansprechpartner, .icon-phone, .icon-clock{
        margin-right:25%;
    }
}

@media( max-width:400px ){
    .contactform .leftpart {
        margin-right:-20px;
        margin-left:-20px;
        width:auto;
        padding:20px;
    }
    .contactform .headerpic{
        margin-right:-20px;
        margin-left:-20px;
        width:auto;
        margin-bottom:0px;
    }
}

@media( max-width:380px ){
    .icon-ansprechpartner, .icon-phone, .icon-clock{
        margin-right:0;
    }
}

@media( max-width:340px ){
    .contactform .leftpart {
        padding:15px;
    }
}