/******************/
/* 1024px (Tablet */
/******************/

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

    header .eyecatcher img {
        width:120px;
    }

    header .eyecatcher.first {
        padding-top:35px;
    }
        
    header #references {
        padding:10px 0;
    }

    header #references img {
        height:40px;
    }

    header nav ul {
        /*padding-top:15px;*/
    }

    header nav ul li {
        width:33.33%;
    }

    header nav ul li a {
        font-size:14px;
    }

    .prefooter {
        top:30px;
    }

    .prefooter img {
        width:180px;
    }

}

/*********/
/* 768px */
/*********/

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

    header #logo img, header .eyecatcher img {
        width:100px;
    }

    header .eyecatcher img {
        margin-right:0px;
        left:30px; /* Beinflusst nur das Element innerhalb des Sliders (position:absolute) */
    }

    header .eyecatcher.first  {
        padding-top:5px;
    }

    header .eyecatcher:last-child {
        padding-top:0px
    }

    header nav ul {
        /*padding-top:10px;*/
    }

    header nav ul li a {
        font-size:12px;
    }

    .prefooter {
        top:35px;
    }

    .prefooter img {
        width:160px;
    }

}

/********************************/
/* 767px / Bootstrap Workaround */
/********************************/

@media screen and (max-width: 767px) {
    
    main .sidebar img {
        display:none;
    }
    
}

/**********/
/* 650px  */
/**********/

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

    header #wave1 {
        display:none;
    }

    header nav ul li a {
        font-size:10px;
        padding:0;
    }

}

/******************/
/* 480px (Mobile) */
/******************/

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

    #slider {
        height:200px !important; /* Workaround: Damit der Slider auch mobil ordentlich aussieht */
    }

    header #wave2 {
        height: 448px;
        background-image:url('../images/wave_500_a.png');
    }

    header #submenu-bg {
        z-index: 0; /* Workaround: Der ursprüngliche Wert -15 ist korrekt, wird aber auf vom Mobile Safari nicht korrekt angezeigt */
        background-image:url('../images/wave_500_b.png');
    }

    #icons {
        height:50px;
        background-size:cover;
    }

    header #logo img {
        padding-top:10px;
        width:200px;
    }
 
    header nav#fullmenu {
        display:none;
    }

    header nav#mobilemenu {
        display:block ;
    }

    header nav#submenu #fullsubmenu {
        display:none;
    }

    header nav#submenu #mobilesubmenu {
        display:block;
    }

    header #slider {
        padding-top:155px; 
    }
    
    header .eyecatcher.first  {
        padding-top:0px;
    }

}

/*********/
/* 370px */
/*********/

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

    #slider {
        height: 150px !important; /* Workaround: Damit der Slider auch mobil ordentlich aussieht */
    }

}

/*********/
/* 320px */
/*********/

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

    #slider {
        height: 170px !important; /* Workaround: Damit der Slider auch mobil ordentlich aussieht */
    }

}