header{
    width: 100%;
    position: fixed;
    top:0;
    z-index: 101;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
    transition: background 0.5s ease;
}
.header h1{
    font-family:"Rockwell W01 Bold";
    font-size: 52px;
    color: #000000;
    text-transform:uppercase;
    line-height: 52px;
}
header a{
    color: #fff !important;
}
.logo {
    text-align: center;
  }
.header__logo{
    padding-bottom: 10px;
    width: 180px;
    height:auto;
    transition: all 0.5s ease;
}
.header__uhr{
    color:#fff;
    display: inline-block;
}
.header__lang{
    color:#9c9c9c;
}
.header__lang a{
    text-transform: uppercase;
}
.header__lang a.selected{
    font-weight: bold;
    color:#616161;
}
.nav__toggle{
    cursor: pointer;
}
.nav__toggle,.header__gabel,.header__uhr{
    white-space: nowrap;


}

.nav__toggle span,.header__gabel span,.header__uhr span,
.nav__toggle a,.header__gabel a,.header__uhr a{
    font-size: 20px;
    color:#fff;
}

body.minimized .nav__toggle span,body.minimized .header__phone span,body.minimized.header__uhr span,
body.minimized .nav__toggle a,body.minimized .header__phone a{
    font-size: 20px;
    color:#000 !important;
}

body.minimized .nav__toggle span:hover,body.minimized .header__phone span:hover,
body.minimized .nav__toggle a:hover,body.minimized .header__phone a:hover,body.minimized.header__uhr a:hover{
    font-size: 20px;
    color:#000 !important;
}

.header__reservieren{
    color: #fff !important;
}

.header__reservieren:hover{
    color: #000 !important;
}

body.minimized.header__reservieren{
    color: #000 !important;
}

body.minimized.header__reservieren:hover{
    color: #fff !important;
}

.header__uhr .nav__icon,.header__gabel .nav__icon,.nav__toggle .nav__icon{
    display: inline-block;
    text-align: center;
    margin-left: 30px;
}
.nav__toggle .nav__icon i{
    color:#fff;
}

.header-top{
    max-width: 1440px;
    margin: 0 auto;
}

@media only screen and (max-width : 768px) {
    .header__logo{
        padding-top:20px;
        padding-bottom:20px;
        text-align: center
    }
    
}

@media (max-width: 1199.98px) {
    .header__logo{
        margin-top: 15px;
    }
}

@media (max-width: 991.98px) {
    .header__logo{
        margin-top: 15px;
    }
}

@media (max-width: 767.98px) {
    .logo{
        text-align: left;
    }
    .header__logo {
        height: auto;
        width: 110px;
        margin-top: 10px;
        padding: 0;
    }
}

/* Readability of the white logo/links on bright hero images (transparent header only) */
header{
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 60%, rgba(0,0,0,0) 100%);
}
body:not(.minimized) .header__logo{
    filter: drop-shadow(0 1px 8px rgba(0,0,0,0.45));
}
body:not(.minimized) header .navcontainer a,
body:not(.minimized) header .navcontainer span{
    text-shadow: 0 1px 6px rgba(0,0,0,0.45);
}

/* Mobile: reservation link in the top contact bar */
.header__reservieren--mobile{
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}