/* halbschalen.com */

@media (min-width: 1px) {.bg-halbschale{background-image: url('../img/bg/wasserklaerwaerk-xs.webp');}}
@media (min-width: 750) {.bg-halbschale{background-image: url('../img/bg/wasserklaerwaerk-m.webp');}}

@media (min-width: 1px) {.bg-u-schalen{background-image: url('../img/bg/schacht-xs.webp');}}
@media (min-width: 1200px) {.bg-u-schalen{background-image: url('../img/bg/schacht-l.webp');}}
@media (min-width: 1900px) {.bg-u-schalen{background-image: url('../img/bg/schacht-xl.webp');}}
@media (min-width: 2400px) {.bg-u-schalen{background-image: url('../img/bg/schacht-xxl.webp');}}

@media (min-width: 1px) {.bg-drittelschalen{background-image: url('../img/bg/4eckiger-schacht-xs.webp');}}
@media (min-width: 1200px) {.bg-drittelschalen{background-image: url('../img/bg/4eckiger-schacht-l.webp');}}
@media (min-width: 1900px) {.bg-drittelschalen{background-image: url('../img/bg/4eckiger-schacht-xl.webp');}}
@media (min-width: 2400px) {.bg-drittelschalen{background-image: url('../img/bg/4eckiger-schacht-xxl.webp');}}

@media (min-width: 1px) {.bg-viertelschalen{background-image: url('../img/bg/tunnel-xs.webp');}}
@media (min-width: 1200px) {.bg-viertelschalen{background-image: url('../img/bg/tunnel-l.webp');}}
@media (min-width: 1900px) {.bg-viertelschalen{background-image: url('../img/bg/tunnel-xl.webp');}}
@media (min-width: 2400px) {.bg-viertelschalen{background-image: url('../img/bg/tunnel-xxl.webp');}}

@media (min-width: 1px) {.bg-formteile{background-image: url('../img/bg/splashing-xs.webp');}}
@media (min-width: 1200px) {.bg-formteile{background-image: url('../img/bg/splashing-l.webp');}}
@media (min-width: 1900px) {.bg-formteile{background-image: url('../img/bg/splashing-xl.webp');}}

@media (min-width: 1px) {.bg-drops{background-image: url('../img/bg/drops-xs.webp');}}
@media (min-width: 1200px) {.bg-drops{background-image: url('../img/bg/drops-l.webp');}}
@media (min-width: 1900px) {.bg-drops{background-image: url('../img/bg/drops-xl.webp');}}
@media (min-width: 2400px) {.bg-drops{background-image: url('../img/bg/drops-xxl.webp');}}

@media (min-width: 1px) {.bg-air-bubbles{background-image: url('../img/bg/air-bubbles-xs.webp');}}
@media (min-width: 1200px) {.bg-air-bubbles{background-image: url('../img/bg/air-bubbles-l.webp');}}
@media (min-width: 1900px) {.bg-air-bubbles{background-image: url('../img/bg/air-bubbles-xl.webp');}}
@media (min-width: 2400px) {.bg-air-bubbles{background-image: url('../img/bg/air-bubbles-xxl.webp');}}

@media (min-width: 1px) {
  .media-size{height: 30vh;}
  .margin-top-5-up{margin-top: -5vh !important;}
}
@media (min-width: 1200px) 
  {
  .media-size{height: 50vh;}
  .margin-top-5-up{margin-top: -25vh !important;}
  }

.bg-image{
  background-size: cover;
}

@font-face {
  font-family: 'LeagueGothic';
  src: url(../fonts/LeagueGothic-Regular.otf);
}

@font-face {
  font-family: 'Raleway';
  src: url(../fonts/Raleway-Light.otf);
}

body{
  font-family: Raleway !important;
}


.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{
  display: inline-block;
  margin-bottom: 2vw;
}

/* menu */

/* Backgroundcolor collapse Navbar */
    .collapse:not(.show).navbar-collapse
    {   
      border-radius: 0;
      margin-top: 0;
      margin-bottom: 0;
      background-color: #212529;
    }
    .collapse.navbar-collapse
    {   
      border-radius: .25rem;
      margin-top: .5rem;
      margin-bottom: .5rem;
      background-color: rgba(255,255,255,.15);
    }

    .navbar-collapse .navbar-nav{
      padding-left: 10px;
    }


.divider{
    border: 1px solid #fff;
    }


.navbar-dark .navbar-nav .nav-link {
      color: rgb(255, 255, 255) !important;
      font-family: Raleway;

}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
    color: rgba(255, 255, 255, 0.5) !important ;
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #fff !important;
    font-weight: bold;
}



/* content */

.main {
  padding-top: 60px;
  padding-bottom: 100px;
}

.main_top {
  padding-top: 60px;
  padding-bottom: 30px;
}

.main_center {
  padding-top: 15px;
  padding-bottom: 15px;
}

.main_buttom {
  padding-top: 15px;
  padding-bottom: 30px;
  margin-bottom: 100px;
}

.main img, .main_top img, .main_center img, .main_buttom img {
  max-width: 100%;
}

/* Wort-Umbruch für Fullpage-Responsible*/
/*
.main h2, .main_top h2, .main_center h2, .main_buttom h2, .main h3, .main_top h3, .main_center h3, .main_buttom h3, .main h4, .main_top h4, .main_center h4, .main_buttom h4 {
    word-break: break-all;
}
*/

h1, h2, h3, h4, h5{
font-family: LeagueGothic !important;
}

.grey{
  background-color: #f8f8f8;
}

#fullpage h1{
  font-size: 8vmin;
  color: #fff;
  word-break:keep-all;
  text-align:center;
  margin-bottom: 0.3em;
}

#fullpage h2{
  font-size: 6vmin;
  color: #fff;
  word-break:keep-all;
}

#fullpage p{
  color: #fff;
  opacity: 1;
}
.end{
  margin-bottom: 30%;
}

.opacity {
  background: rgba(0,0,0,.6);
  padding-bottom: 15px;
  position: relative;
}

.opacity_alert {
  background: rgba(187,45,59,.6);
  padding-bottom: 15px;
  position: relative;
}

/* typewriter effect for h1 */

.typewriter h1 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  white-space: nowrap; /* Keeps the content on a single line */
  animation:
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

.inline { display: none }

/* für index */



.bg_inner{
  height: 30vh;
  position: relative;
}

.bg_inner_h1{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
}

.main_index_break{
  height: 5vh;
  background-color: rgb(59, 59, 59);
}

.main_index_break_opacity{
  height: 5vh;
  background-color: rgba(255, 255, 255, 0);
}

.main_index_break_top{
  height: 5vh;
  background-color: #bb2d3b;
}

.main_index{
  font-size: larger;
}

.center_center{
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dropdown-item.active{
  background-color: rgba(255,255,255,.15) !important
}

.dropdown-item-ueberschrift{
  color: #bb2d3b !important;
}

.dropdown-item-ueberschrift.active{
  color:#dee2e6 !important;
  background-color: #bb2d3b !important;
}

.brand-text{
  color: #fff;
  height: 100%;

}

.brand-text p{
  display: table-cell;
  vertical-align: middle;
  font-weight: 300;

}

.hotline{
  text-decoration: none !important;
}


.main_h2{
  background-color: #bb2d3b;
  color: #fff;
  height: 5vh;
  display: flex;
  align-items: center;
}

.main_index_h2{
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgb(59, 59, 59);
  color: #fff;
}

.main_index_h2 p{
  padding-left: 1.5rem;
}

.main_index_h2_buttom{
  margin-bottom: 5vh;
}

.none-text-decoration{
  text-decoration: none;
  color: #212529;
}

.main_h2 h2{
  font-size: 3vh;
}