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

@media (max-width: 992px) {
     #mainNav {background-color: transparent;box-shadow: none;}
     #mainNav.navbar-scrolled {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);background-color: #22b3c8;}
    #mainNav button {border: 0;}
    #mainNav span {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255,255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
    #mainNav.navbar-scrolled span {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
    .masthead {height: 100vh;}
    .navbar-brand .logo {width: 70px;}
    .social-media {margin-left: 0;}
    .navbar-scrolled .logo.logo-black {opacity: 0;}
    .navbar-scrolled .logo.logo-white {opacity: 1;}
#mainNav .navbar-nav .nav-item .nav-link {color: #fff !important;padding-left: 10px;border-radius: ;}
#mainNav .navbar-nav .nav-item .nav-link.active {color: #fff !important;background-color: #28c2d9;border-radius: 50px;}
#mainNav .navbar-nav .nav-item a, .social-media a {color: #fff !important;}

.navbar.navbar-expand-lg.navbar-light #navbarResponsive{background-color: rgba(255,255,255,0.1);}
.navbar.navbar-expand-lg.navbar-light.navbar-scrolled #navbarResponsive {background-color: transparent}

  
}

@media (max-width: 768px) {
    header.masthead h1 {font-size: 30px;}
.einleitung {margin-bottom: 40px;font-size: 14px;line-height: 1.2;}
#countown .digit {width: 60px;height:60px;}
.masthead h4 {text-transform: uppercase;font-size: 18px}
.logo-about-uns {width: 100px;margin-bottom: 30px;}
h2 {font-size: 45px !important;}
.counter-outer {margin-top: 30px;}
.page-section {padding: 2rem 0;}
p ,li {font-size: 14px;line-height: 1.3em;}
footer .col-md-6 {text-align: center !important;}
footer .social-media {margin-left: 0;display: block;}
}

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