@media (max-width: 1200px) {
    .container {
        width: 98% !important;
        margin-left: 1%;
        margin-right: 1%;
    }
    
    .row .col._3-4.subsite-content {
    width: 64% !important;
    }
    
    ul.menu a {
    padding: 0 !important;
    }
    .vollmenu .normal>a {
    padding: 0 !important;
    }
}

@media (max-width: 1050px) {
 .site-header {
        height: auto;
    }
}

@media (max-width: 900px) {
    .sidefirst {
        display: none;
    }
    .sidelast {
        display: block;
        margin-top: 2em;
    }
    h1, h2 {
        font-size: 1.8em;
    }
    
    .row .col._1-4, .section-produkte .row .col._1-3, .section-messe .row .col._1-2, .section-branche .row .col._1-2 {
    text-align: center;
    width: 100% !important;
    padding: 0;
    }
    .sidelast #subnavigation {
        float: none;
    }
    .sidelast .menu1-stufe2-om {
        float: none;
    }
    .sidelast #subnavigation div,  .sidelast #subnavigation a {
        width: 100% !important;
    }
    .row .col._3-4.subsite-content {
    width: 100% !important;
        padding-left: 0;
    }
    
    .site-footer {
        display: none;
    }
    .site-footer-res {
        display: block;
    }
    
    .titelbild .csc-textpic-text {
    top: -150px;
    }
    .titelbild .csc-textpic-text div p {
    color: #fff !important;
    font-size: 30px;
    }
    #page-96 .site-breadcrumb,
#page-97 .site-breadcrumb,
#page-98 .site-breadcrumb,
#page-99 .site-breadcrumb,
#page-100 .site-breadcrumb,
#page-101 .site-breadcrumb,
#page-102 .site-breadcrumb,
#page-103 .site-breadcrumb,
#page-104 .site-breadcrumb,
#page-105 .site-breadcrumb,
#page-106 .site-breadcrumb,
#page-107 .site-breadcrumb {
    margin-top: -70px;
    }
    .infobox-om {
    float: none;
    }
    .flex-control-nav {
    bottom: 15%;
    }
  
       
    
}

@media (max-width: 600px) {
    .csc-frame-frame1 {
        width: 100%;
    }
    .section-homestart h1, .section-branche h2, .section-produkte h2, .section-messe h2, .section-kunden h2 {
        font-size: 1.5em;
    }
    h1, h2 {
        font-size: 1.5em;
    }
    #page-1 .align-right .bodytext b {
        font-size: 1.4em;
    }
    .titelbild .csc-textpic-text {
        top: -100px;
    }
    .titelbild .csc-textpic-text div p {
        color: #fff !important;
        font-size: 20px;
    }
    #page-96 .site-breadcrumb,
#page-97 .site-breadcrumb,
#page-98 .site-breadcrumb,
#page-99 .site-breadcrumb,
#page-100 .site-breadcrumb,
#page-101 .site-breadcrumb,
#page-102 .site-breadcrumb,
#page-103 .site-breadcrumb,
#page-104 .site-breadcrumb,
#page-105 .site-breadcrumb,
#page-106 .site-breadcrumb,
#page-107 .site-breadcrumb {
    margin-top: -20px;
    }
     .flex-control-nav {
    display: none;
    }
}

@media (min-width: 900px) {
    #page-1 .section-branche .container {
        max-width: 800px;
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    } 
}