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

    .unterzeile {
        display: none;
    }
}

@media only screen and (max-width: 1280px) {
    #logo img {
        max-width: 70%;
    }

    header .home {
        background-position: 55% 100%;
    }

    header .coaches {
        background-position: 55% 0;
    }

    .carousel-caption h1 {
        font-size: 2.0em;
    }

    img {
        max-width: 80%;
        display: block;
        margin: 0 auto;
    }

    .erfahrungen img {
        max-width: 45%;
        display: block;
        margin: 0 auto;
    }

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

    .erfahrungen .col-lg-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .coaches .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .hideDev {
        display: none !important;
    }
}

@media only screen and (max-width: 1120px) {
    #main-navigation .nav-link {
        padding-right: 10px !important;
    }

    #logo {
        top: 3px;
    }

    header .home {
        background-position: 65% 100%;
    }

    header .coaches {
        background-position: 65% 0;
    }
}

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

@media only screen and (max-width: 970px) {
    #main-navigation .nav-item {
        font-size: 16px;
    }

    header .home {
        background-position: 70% 100%;
    }

    header .coaches {
        background-position: 70% 0;
    }

    .headerTextBg {
        background: rgba(29, 79, 86, .75);
        height: 100% !important;
    }

    .textBox {
        margin: 2% 0 2% 0;
    }
}

@media only screen and (max-width: 770px) {
    #main-navigation {
        background: rgba(231, 241, 213, 0.75);
        z-index: 9999;
    }

    img.logo {
        width: 120px;
    }

    img.logo.home {
        margin-top: -30px;
    }

    header .home {
        background-position: 75% 100%;
    }

    header .coaches {
        background-position: 75% 0;
    }
}

@media (max-width: 768px) {}

@media only screen and (max-width: 680px) {
    .navbar {
        height: auto;
    }

    header .home {
        background-position: 80% 100%;
        height: 100% !important;
    }

    header .coaches {
        background-position: 80% 0;
        height: 100% !important;
    }

    .carousel {
        margin-top: 160px;
    }
}