@media only screen and (max-width: 650px) {
    .hide-dev {
        display: none;
    }
}

@media only screen and (max-width: 790px) {

    .logo {
        margin-top: -130px;
        height: 100px;
    }

}

@media only screen and (max-width: 800px) {

    h1 {
        font-size: 1.8em;
    }

    .topBar {
        display: none;
    }

    .flex {
        display: inline;
    }

    .header {
        height: auto;
        position: relative;
        top: 0;
    }

    .header.start {
        overflow: visible;
    }

    .nivo-caption {
        display: none !important;
    }

    .logo {
        max-width: 410px;
    }

    .logo {

        margin-top: -140px !important;
    }


    .grafik {
        margin-top: 0 !important;
    }

    .navbar-wrapper {
        background-image: linear-gradient(to top, rgba(255, 255, 255, .10), rgba(255, 255, 255, .95));
    }

    #navigation {
        width: 100%;
        margin-bottom: 4%;
        margin-top: 50px;
    }

    .isStuck.navbar-wrapper #navigation {
        margin-top: -80px;
    }

    .nav li #buttonLabel {
        margin-left: 0 !important;
        padding-left: 12px;
    }

    .nav a,
    .metanav a {
        font-weight: 600;
    }

    img.kreis {
        width: 100%;
        height: auto;
    }

    .cta {
        float: left;
        padding: 4% 0 0 0 !important;
        border: 0 !important;
        width: 100% !important;
    }

    .zeile-innen {
        display: block !important;
    }

    ul.team {
        padding-left: 0;
        display: inline-block
    }

    .eins-fuenf {
        float: none;
        width: 100%;
        max-width: 250px;
    }

    .leistungen.li {
        width: 100%;
        float: none;
        padding: 2% 2% 2% 0;
    }

    .leistungen.re {
        width: 100%;
        float: none;
        padding: 2% 2% 2% 0;
    }

    footer img.claim {
        float: none;
        margin: 25px 0;
    }

    footer .impressum {
        text-align: left;
    }

    .ansprechpartner {
        width: 100%;
        height: auto;
        border-radius: 0;
        padding: 2% 4%;
    }


    .isStuck.navbar-wrapper .logo {
        margin-top: 0 !important;
    }


    .uns {
        margin-bottom: 4%;
    }

}

@media only screen and (max-width: 840px) {

    .topBar p {
        font-size: 0.9em;
    }
}



@media only screen and (max-width: 865px) {

    .isStuck.navbar-wrapper .logo {
        width: 190px;
    }

}

/*@media only screen and (max-width: 980px) {
    .ansprechpartner {
        width: 700px;
        height: 232px;
    } */




@media only screen and (max-width: 1060px) {



    .logo {
        float: left;
        margin-top: -180px;
        width: auto;
        /*height: 130px;*/
    }


    .isStuck.navbar-wrapper .logo img {
        width: 80%;
    }


    .nav > li > a {
        padding-left: 0px;
    }

    .nav a {
        font-size: 1em;
    }

    .header img {
        margin-top: 140px !important;
    }



    /* --- FULL WIDTH CONTENT --- */

    .zeile .drei {
        width: 60% !important;
    }

    .zeile .acht.lArger {
        width: 88.66%;
    }

    .zeile.inF0 {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .spalte.inF0,
    .spalten.inF0 {
        /*  width: auto !important; */
        float: none;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .spalte.inF0:last-child,
    .spalten.inF0:last-child {
        float: none;
    }

    [class*="spalte inF0"] + [class*="spalte inF0"]:last-child {
        float: none;
    }

    .spalte.inF0:before,
    .spalten.inF0:before,
    .spalte.inF0:after,
    .spalten.inF0:after {
        content: "";
        display: table;
    }

    .spalte.inF0:after,
    .spalten.inF0:after {
        clear: both;
    }

    .cta {
        float: left !important;
        margin-top: 4% !important;
    }

    /* --- END FULL WIDTH CONTENT --- */

    .iframe-container iframe {
        width: 100%;
        height: 100%;
    }

    .iframe-container {
        margin-bottom: 0;
    }

    .nav > li > .parent {
        padding-right: 0px;
    }

    .zeile-innen li {
        font-size: .9em;

    }
}

@media only screen and (max-width: 1180px) {

    .nav > li > a,
    .metanav > li > a {

        padding-right: 0;

    }

}


@media only screen and (max-width: 1280px) {

    .zeile-innen {
        max-width: 90%;
    }

    .header.start {
        height: auto;
    }

    #content {
        padding-top: 4%;
    }

}