body {
    background: #d6d5ca;
}

a {
    color: #ff0076;
}

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

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

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

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

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

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: 18px;
    padding: 2px 0;
}

#header-fadein {
    background: #2e4236;
}

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

.menu-trigger-bar {
    background-color: #d6d5ca;
}

.menu-bg {
    background-color: #2e4236;
}

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

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

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

#entry h2:before {
    background: #e6dbc0;
}

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

.text-klein-titel, .text-gross, .text-klein {
    color: #e6dbc0;
}

#slider {
    background: #213228;
}

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

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

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

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

#slideshow-scrolldown a {
    color: #e6dbc0;
}

.scrolldown-responsive a {
    color: #e6dbc0;
}

#einleitung p, #einleitung h2, #anfahrt h2 {
	color: #4a4430;
}


#information #beitrag {
    background: #2e4236;
}

#information .introtext {
    border: solid 2px #e6dbc0;
}

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

#club-informationen {
    background: #000;
}

.accordion .accordion-area {
    background: #2e4236;
    border-bottom: solid 1px#e6dbc0;
}

.accordion .accordion-area:after {
    border-right: 1px solid #e6dbc0;
    border-bottom: 1px solid #e6dbc0;
}

.accordion p {
    color: #4a4430;
}

#anfahrt {
    background: #d6d5ca;
}

#anfahrt h4 {
    color: #e6dbc0;
}

#socialmedia {
    background-image: url(../images/social-media-bg.jpg);
	background-size: cover;
}

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

dd.field-entry.facebook-link {
    background-image: url(../images/facebook.svg);
}

dd.field-entry.instagram-link {
    background-image: url(../images/instagram.svg);
}

#footer {
    background: #2e4236;
}

#copyright {
    background: #26392d;
}



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


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

#slider-area {
    height: 100%;
}

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

#slider .slider-bild {
    -webkit-box-shadow: inset 0px 150px 80px -15px rgba(33,50,40,1);
    -moz-box-shadow: inset 0px 150px 80px -15px rgba(33,50,40,1);
    box-shadow: inset 0px 150px 80px -15px rgba(33,50,40,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;
}

}



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

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

}


@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%;
}

}