/* Logo */
.logo {
  max-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  max-width: 75%;
}

.div-block-2 {
  background-image: url(/typo3conf/ext/is_custom/Resources/Public/Images/head-bg.jpg);
  background-size: cover;  
}

.nav-menu-2 {
  background-color: transparent;
}

/* Hintergrundfarbe der Webseite (beige) */
.frame-layout-1, .frame-layout-0 {
  background-color: #f8f7f0;
}

/* Hintergrundfarbe des Trailers */
#body_49 .frame-layout-1, #body_49 .frame-layout-0 {
  background-color: #f8f7f0;
}

/* Abstand anpassen, wenn Logo grösser geändert, damit Text nicht unter dem Kopf verschwindet */
body {
  margin-top: 80px;
}

@media (min-width: 991px) {
  .slider {
    height: 90vh;
  }
  .slider .slide {
    height: inherit;
    
  }
}
  
/* Menübalken dunkelgrau */
.nav-menu-2 {
  padding: 0;
  min-height: 0px;
}

/* Überschrift NEWS und JAHR */
header.layout-50 h2 {
  color: indianred;
  font-size: 60px;
  font-weight: bold;
  line-height: inherit;
  letter-spacing: inherit;
  margin-bottom: 40px;
}

/* Überschrift HEADLINE */
header.layout-51 h2 {
  font-size: 60px;
  font-weight: bold;
  line-height: inherit;
  letter-spacing: inherit;
  margin-bottom: 40px;
}

/* Fliess-Texte */
p {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0px;
  hyphens: auto;
}

/* Farbe für Menüpunkte oben */
.nav-link-2 {
  color: black; 
}

/* Hintergrundfarbe des Inhaltsbereiches Kontakt + Newsletter */
.frame-layout-1 {
  background-color: rgb(248,247,240);
}

/* Stylings für Mobiltelefone */
@media (max-width: 990px) {

  /* Mobile Menü Button */
  .w-icon-nav-menu {
    font-size: 25px;
  }

  body {
    margin-top: 80px;
  }

  .overlay {
    margin-top: 20px;
  }
  
  .menu-button-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .w-slider-dot { margin: 0 2px 0.5em; height: 0.5em; width: 0.5em}
  .w-slider-nav { padding-top: 10px; }
  
  div.section .overlay {
    padding: 0 4.5% 0px 4.5%;
  }
  
  .frame-layout-0, .frame-layout-1 {
    padding: 10px 2.5%;
  }
  
  .logo { max-height: 50px; }
  
  .nav-link-2 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.8em;
  }
  
  .nav-menu-2 {
    background-color: rgba(225,232,243,0.9);
	width: fit-content;
    margin: 0 auto;    
  }
  
  [data-nav-menu-open] {
    min-width: 0;
  }
  
  .w-nav-button, .w-nav-button.w--open {
    background-color: #21487e
  }
  
}

nav.nav-menu-2 a:last-child {
  color: black;
  font-weight: inherit;
}


h2 {
  letter-spacing: 0px;
  margin-bottom: 5px;
  font-size: 36px;
}

.frame-layout-1, .frame-layout-0 {
  padding: 40px 2.5% 0 2.5%; 
}

@media (max-width: 990px) {
  h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
  }
  .frame-layout-1, .frame-layout-0 {
    padding: 10px 2.5% 0 2.5%; 
    margin-bottom: -5px;
  }
  p {
    line-height: 25px !important;
    font-size: 18px;
  }
  .slider {
    margin-bottom: 20px;
  }
  #body_1 .slider {
    margin-bottom: 0 !important;
  }
  
}