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

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


    .buttonLinks {
        margin-bottom: 1.8%;
    }

    .buttonRechts {
        float: right;
        margin-right: 2%;
    }

    .leistungen {
        min-height: 0px;
    }

    .berater-text {
        min-height: 0px;
    }

    #navigation ul {
        margin-top: 0px !important;
    }

    #navigation a {
        font-size: 15px !important;
    }

    .zeile-innen .nav li {
        font-size: 13px !important;
        font-weight: 300;
        /*	background-color	: #efefef;*/
        border-bottom: 1px solid black;
    }

    .headWrapper {
        /*height: 0;*/
        /*   padding-bottom: 65%; */
        /*height: 100%;*/
    }


    #navigation ul {

        float: none !important;
        margin-top: 0px;
    }


    .flex {
        display: inline;
    }

    .right {
        text-align: left;
        padding: 10px;
    }

    .grau {
        padding: 10px;
    }

    h1 {
        padding-left: 0;
        text-align: center;
    }

    h1:before {
        display: none;
    }

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

    .nivo-caption {
        display: none !important;
        line-height: 100px !important;
    }

    .logo {
        max-width: 350px;
    }

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

    #navigation {
        width: 100%;
        margin-top: -5px !important;
        margin-bottom: 1%;
    }

    .cta {
        float: none;
        padding: 15px;
    }

    .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;
    }

    .titelinfo {
        height: 100%;
    }

    .vita {
        height: 100%;
    }

}




@media only screen and (max-width: 940px) {
    .iframe-container {
        padding-bottom: 56.225%;
        height: auto;
    }
}





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

    .nivo-caption {
        padding: 20px 20px;
    }

    .bottom: 5%;
}

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

    .header {
        height: 90px;
    }

    .logo {
        margin-top: 0;
    }

    /*
#navigation {
    margin-top: 28px;
}*/
    #navigation {
        margin-top: -20px;
        font-size: 11px;
    }

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

    img.left {
        float: none;
        margin-right: 0;
        margin-bottom: 3%;
    }

    .nivoSlider {
        font-size: 7.5px;
        margin-top: 65px;
    }

    #navigation ul {
        margin-top: 60px;
    }

    .zeile-innen .nav li {
        font-size: 10px;
        font-weight: 500;
    }


    .nav a {
        font-weight: 400 !important;
    }


}