@media (max-width: 1199px) {
    
    #header { height: 80px; }
    
    #container-logo { top: -5px; }
    
    #zufriedenheitsgarantie { display: none; }
    
    #container-contact { display: none; }
    
    #container-nav {min-width: 70%; top: -5px;}
    
    h1, h2 { font-size: 2.5rem !important; }
}

@media (min-width: 992px) {
    
    #unternehmen-text { margin-top:-120px; }

    #logo-container { width: 100%; }
    
    #referenzen { display: flex; margin-top: -100px; }
    
    #hansapark-logo { margin-top: 180px; }
    
    #freizeitpark { margin-top: 180px; }
}

@media (min-width: 1200px) {

    #referenzen { margin-top: -150px; }
    
    #hansapark-logo { margin-top: 180px; }
    
    #freizeitpark { margin-top: 125px; }
}

@media (max-width: 991px) {
    
    #header { height: 120px;; }

    #container-logo{ top: -20px; margin-left: auto; margin-right: auto; display: flex;}
    
    #container-nav{ min-width: 100%; top: 30px; text-align: center;}
    
    h1, h2 { font-size: 2rem !important; }
    
    .right-text-box {
        margin-top: 50px !important;
    }
}

@media (max-width: 767px) {
    
    #header { height: 280px; }

    #container-logo{ top: 10px; margin-left: auto; margin-right: auto; display: flex;}
    
    #container-nav{ top: 50px; }
    
    .menu { display: block; min-width: 50%; text-align: center; }
}

@media (max-width: 580px) {
    
    .impressum { margin-bottom: 30px; }
    
    .impressum:last-child { margin-bottom: inherit; }
}

@media (max-width: 540px) { 

    .lead { font-size: 1rem !important; }

    .autobreak-list { width: 50%; }

    .back-to-top { display: none; }

    footer p { width: 200px; }
}

@media (max-width: 465px) { 

    .menu { display: block; min-width: 50%; text-align: center; }

}

@media (max-width: 356px) { 

    .lead { font-size: 0.8rem !important; }

}