.intro{
  background-color: #1A171B;
}

body{background-color:#1A171B}

div.container{
  background-color:#1A171B;
}

nav.navbar.navbar-custom.navbar-fixed-top.top-nav-collapse{
  background-color:#1A171B;
}

.download-section{background: none;}

@font-face { 
font-family: "csl"; 
src: url("http://localhost/hk3/fonts/CASLON.TTF"); 
}

@font-face { 
font-family: "ftr"; 
src: url("http://localhost/hk3/fonts/tt0142m_.ttf"); 
}


span.light, a, h2{
  font-family: ftr, Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif
}

p{
  font-family: csl;
}

h2.fliesstext, h4.fliesstext{
  font-family: ftr;
  margin-bottom: 3px;
}

p.maintext{
  text-align: left;
}

.content-section{
  padding-top:200px;
      padding-bottom:40px;
}


.open-section {
    padding-top:120px;
    padding-bottom:20px;
  width: 100%;
  color: white;
  background: url(../img/hk_innenraum.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  height: 100%;
}

.open-container{
  background: none;
}

.menu-section {
    padding-top:120px;
    padding-bottom:20px;
  width: 100%;
  color: white;
  background: url(../img/hk_glaeser.jpg) no-repeat center center scroll;
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.menu-container{
  background: none;
}

#impressum{height: 100%;}


#logo {
  padding: 10px 20px;
  background-color: #1A171B;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

#logo:hover {
  background-color: #C8E6C9;
  color: #333;
}

#logo:nth-child(2)::before {
  content: "\2618";
  margin-right: 10px;
}


img {
  animation: spin 3s ease-in-out 2;
  animation-delay: 2s;
}

@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}