body {
    background: #000;
}

a {
    color: #ff0076;
}

ul.menu a, span.separator {
    color: #ffffff;
}

#top-navigation h3, #navigation h3 {
	color: #fff;
}

li.current.active.deeper.parent, li.current.active a, li.active.divider.deeper.parent span.separator {
    color: #ffffff;
    border-bottom: solid 0px #fff;
}

ul.menu a:hover, span.separator:hover {
    color: #ffffff;
}

.hauptmenu ul.nav.menu.mod-list {
    border-top: solid 1px #ffffff;
}

a.restaurant:before {
    background-image: url(../images/logo-menu-restaurant.svg);
}

a.tellenbar:before {
    background-image: url(../images/logo-menu-tellenbar.svg);
}

a.thallpub:before {
    background-image: url(../images/logo-menu-thall.svg);
}

a.tellexpress:before {
    background-image: url(../images/logo-menu-tellexpress.svg);
}

.logo {
    max-width: 300px;
    width: 70%;
}

#header-fadein .logo {
    max-width: 70px;
    padding: 8px 0;
}

#header-fadein {
    background: #000;
}

#header-fadein .menu-trigger-bar {
    background-color: #fff;
}

.menu-bg {
    background-color: black;
}

.close-trigger-bar {
    background-color: #ffffff;
}

h2, .contentheading, h2 a {
    color: #ffffff;
}

#entry {
    background-image: url(../images/entry-bg.jpg);
}

#slider {
    background: #0a0d16;
}

.fadetoblack {
    position: absolute;
    height: 100vh;
    width: 100%;
    animation: fade_from_black 2s ease-in;
	z-index: 2;
}

@keyframes fade_from_black {
  0% {
    background-color: #0a0d16;
  }
  100% {
    background-color: transparent;
  }
}

#slider-area {
    height: 100vh;
	background: #0a0c18;
}

.slick-next:before {
    background-image: url(../images/slider-arrow-next.svg);
}

.slick-prev:before {
    background-image: url(../images/slider-arrow-prev.svg);
}


#introtext p, #introtext h2 {
	color: #fff;
}

#einleitung {
    padding: 10% 30% 10%;
    background: #0b1324;
}

#einleitung p, #einleitung h2 {
	color: #fff;
}

#information {
    background-image: url(../images/entry-bg-responsive.jpg);
    padding: 5% 5% 5%;
    background-position: center top;
}

#information #beitrag {
    background: rgba(0,0,0,0.4);
}

#information p, #information h3 {
    color: #ffffff;
}

#club-informationen {
    background: #000;
}

.accordion .accordion-area {
    background: #000000;
    border-bottom: solid 1px#294685;
}

.accordion .accordion-area:after {
    width: 8px;
    height: 8px;
    border-right: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
}

.accordion p {
    color: #b9b9b9;
}

#anfahrt {
    background: #000000;
}

#anfahrt h4 {
    color: #b9b9b9;
}

#socialmedia {
    background-color: #000000;
}

#socialmedia .logo-smedia img {
    width: 20vw;
}

#footer {
    background: #101010;
}




/* ////// RESPONSIVE ////// */


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

#slider-area {
    height: 100%;
}

#entry {
-webkit-box-shadow: inset 0px -100px 60px -50px rgba(10,13,22,1);
-moz-box-shadow: inset 0px -100px 60px -50px rgba(10,13,22,1);
box-shadow: inset 0px -100px 60px -50px rgba(10,13,22,1);
}

#slider .slider-bild {
    -webkit-box-shadow: inset 0px 150px 80px -15px rgba(10,13,22,1);
    -moz-box-shadow: inset 0px 150px 80px -15px rgba(10,13,22,1);
    box-shadow: inset 0px 150px 80px -15px rgba(10,13,22,1);
}

#information {
    width: 90%;
    padding: 10% 5% 10%;
}

#club-informationen {
	width: 90%;
    padding: 10% 5% 10%;
}

}



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

.logo {
    width: 30%;
}

#socialmedia .logo-smedia img {
    width: 36vw;
}

}


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

.logo {
    width: 40%;
}

.text-gross {
    font-size: 15px;
}

#socialmedia .logo-smedia img {
    width: 60vw;
}

#club-informationen {
    padding: 20% 5% 5%;
}

}



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

#einleitung, #tellexpress-einleitung {
    width: 90%;
    padding: 10% 5% 10%;
}

}


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

.text-gross {
    letter-spacing: 4px;
    line-height: 1.2;
    font-size: 13px;
}

#information {
    padding: 20% 5% 20%;
}

#club-informationen {
    padding: 20% 5% 20%;
}

}