@media (max-width: 479px) {

    h1 {
        margin-bottom: 14px;
    }

    /*
     * HOME
     */
    #button_telefon .btn-default {
        top: 87%;
        left: 28%;
    }

    /*
     * PUBLIKATIONEN
     */
    .item img {
        margin-left: 18%;
        width: 148px;
        height: 209px;
    }

    #publikationen_content  .col-xs-12 {
        width: 82%;
    }

    #publikationen_content .item .col-md-5 {
        margin-left: 35px;
        margin-top: 30px;
    }

    #publikationen_content .btn-default {
        padding: 8px 8% 8px 8% !important;
    }

    #bestell-button-1, #bestell-button-2, #bestell-button-3, #bestell-button-4 {

        margin-top: 20px;
    }

    .carousel-control.left {
        margin: 105px 0 0 -7px;
    }

    .carousel-control.right {
        right: -6px;
    }

    /*
     * VITA
     */
    #vita_text {
        margin-left: 0px;
    }

    /*
     * KONTAKT
     */

    .col-line {
        border: none;
        margin-bottom: -20px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {

    h1 {
        margin-bottom: 26px;
    }

    /*
     * SEMINARE
     */
    #seminare_content img {
        padding: 0;
    }

    #seminar_uebersicht {
        margin-top: 15%;
    }

    /*
     * PUBLIKATIONEN
     */
    .carousel h2 {
        margin-top: 28px;
    }

    #bestell-button-1, #bestell-button-2, #bestell-button-3, #bestell-button-4 {
        margin-top: 35px;
    }

    #publikationen_content .btn-default {
        padding: 8px 8% 8px 8% !important;
    }

    .carousel-control.left {
        margin: 220px 0 0 -20px;
    }

    .carousel-control.right {
        top: 220px
    }

    /*
     * VITA
     */
    #vita_text {
        margin-left: 0px;
    }

    /*
     * KONTAKT
     */

    .col-line {
        border: none;
        margin-bottom: -20px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        margin-left: 3%;
        margin-right: 3%;
        width: auto;
    }

    header .container {
        margin-left: auto;
        margin-right: auto;
    }

    /*
     * HOME
     */
    #home_content .img-responsive {
        margin-top: 55px;
    }

    #button_telefon .btn-default {
        top: 81%;
        left: 58%;
    }

    /*
     * REFERENZEN
     */
    #referenzen-middle {
        margin-left: 63px !important;
    }

    /*
     * PUBLIKATIONEN
     */

    #bestell-button-1, #bestell-button-2, #bestell-button-3, #bestell-button-4 {
        margin-top: 48px;
    }

    .carousel-control.left {
        margin-left: -30px;
    }

    .carousel-control.right {
        right: -40px;
    }

    /*
     * KLEIN UND GROSS
     */

    #kleinundgross_content img {
        margin-top: 9%;
    }

    /*
     *  VITA
     */

    #vita_content img {
        margin-top: 10%;
    }

    /*
     * KONTAKT
     */

    .col-sm-2, .col-sm-4 {
        padding-right: 0px;
    }

    .col-line p {
        padding: 0;
    }

}

/*
 *
 *
 *
 *
 *
 * POSITION BUTTON COVER
 */

@media (min-width: 552px) and (max-width: 622px) {

    /*
     * PUBLIKATIONEN
     */
    .item img {
        margin-left: -20px;
    }

}

@media (min-width: 623px) and (max-width: 685px) {

    /*
     * PUBLIKATIONEN
     */
    .item img {
        margin-left: -30px;
    }

}

@media (min-width: 686px) and (max-width: 768px) {

    /*
     * PUBLIKATIONEN
     */
    .item img {
        margin-left: -43px;
    }

}

/*
 *
 *
 *
 *
 * /ENDE
 * POSITION BUTTON TELEFON UND COVER
 */

@media (max-width: 480px) {
    .container {
        margin-left: 3%;
        margin-right: 3%;
    }

    header .container {
        margin-left: auto;
        margin-right: auto;
    }

    .tab-content td {
        padding: 0 1px 8px 6px;
        width: 320px;
    }

    h1, #statement {
        font-size: 25px;
    }

    h2 {
        font-size: 18px;
    }

}

@media (min-width: 481px) and (max-width: 768px) {
    .container {
        margin-left: 2%;
        margin-right: 2%;
    }

    header .container {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 991px) {
    /*
     * SEMINARE
     */
    .tab {
        display: none !important;
    }
}

@media (max-width: 999px) {

    /*
     * MENUE MIT LOGO
     */

    #logoWrapper {
        display: none;
    }

    .navbar-nav {
        background-color: #00788d;
        margin: 0 -15px 30px -15px;
        border: 1px solid #00788D;
    }

    #navbar_fixed .navbar-nav {

        margin: 0 -15px 18px -15px;
    }

    .navbar-toggle {
        margin-right: 5%;
    }

    .navbar-default .navbar-toggle {
        border-color: #00788d;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #DDDDDD;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #00788d;
    }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-bottom: -35px;
    }

    #navbar_fixed .container > .navbar-header, #navbar_fixed .container-fluid > .navbar-header, #navbar_fixed .container > .navbar-collapse, #navbar_fixed .container-fluid > .navbar-collapse {
        margin-bottom: -12px;
    }

    header .container {
        width: 98%;
    }

    .navbar-default .navbar-nav > .active > a {
        background-color: #f0f0f0;
    }

    .nav > li:hover, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #fafcf8;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #FAFCF8;
        color: #00788d !important;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #00788d !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #FAFCF8;
    }

    .nav > li {

        border-bottom: 1px solid #fafcf8;
    }

    .nav > li a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-default .navbar-nav > li > a {
        margin-left: 20px;
    }
    /*
     * /MENUE MIT LOGO
     */

    /*
     * NAVBAR FIXED
     */

    #navbar_fixed .navbar-nav {
        background-color: #3393a4;
    }

    #navbar_fixed ul {
        border-bottom: 1px solid #3393A4;
    }

    #navbar_fixed .nav > li {
        border-top: 1px solid #FAFCF8;
        border-bottom: none;
    }

    #navbar_fixed .navbar-default .navbar-toggle {
        border-color: #FFFFFF;
        margin-top: -5px;
    }

    #navbar_fixed .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFFFFF;
    }

    /*
     *   /NAVBAR FIXED
     */

    /*
     * SEMINARE
     */

    #seminare_content .nav-tabs {
        padding-bottom: 1px;
    }

    .tab_headline {
        margin-top: -10px;
        margin-bottom: 15px;
        font-size: 16px;
        font-weight: 700;
    }

}

@media (max-width: 1082px) {

    .navbar .container {
        width: 100%;
        overflow: hidden;
    }

    #logo {
        background-image: url('../img/logo_sibylle-muennich_klein.png');
        width: 200px;
        height: 74px;
        margin-left: -210px;
        margin-top: -13px;
    }

}

@media (min-width: 992px) {
    /*
     * SEMINARE
     */
    .dropdown {
        display: none !important;
    }
    .tab_headline {
        display: none;
    }
}

@media (min-width: 1000px) {
    #logoWrapper_mobile {
        display: none;
    }

    /*
     * NAVIGATION FIXED
     */

    #navbar_fixed .navbar-default .navbar-nav > .active > a, #navbar_fixed  .navbar-default .navbar-nav > .active > a:hover, #navbar_fixed  .navbar-default .navbar-nav > .active > a:focus {
        background-color: #3393a4;
    }

    #navbar_fixed .navbar-default .navbar-nav > .active > a, #navbar_fixed .navbar-default .navbar-nav > .active > a:hover, #navbar_fixed  .navbar-default .navbar-nav > .active > a:focus {
        color: #FAFCF8;
    }

    #navbar_fixed  .navbar-default .navbar-nav > li > a:hover, #navbar_fixed .navbar-default .navbar-nav > li > a:focus {
        color: #FAFCF8;
        background-color: transparent;
    }

    #navbar_fixed .navbar-nav > li > a {
        padding-top: 0;
        padding-left: 0px;
        padding-right: 35px;
    }

    #navbar_fixed .container-fluid, #navbar_fixed .container {
        padding-left: 0px;
    }

    #navbar_fixed .container, #navbar_fixed .container-fluid, #navbar_fixed .navbar-collapse .container, #navbar_fixed .navbar-collapse .container-fluid {

        width: 970px;
        margin: 0 auto;
    }
    /*
     *  /NAVIGATION FIXED
     */

}

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}

