nav {
  z-index: 20;
}
.heroimage-ki {
  background-color: #0094a5;
  width: 100vw;
  height: calc(116vh - 110px);
  max-height: 970px;
  background-image: url(../img/hero/tb-kindergeburtstag.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  top: -2vw;
}
.heroimage-ki::before {
  content: "";
  background: url(../img/hero/kopfelement.png) no-repeat top center;
  background-size: 100% auto;
  display: inline-block;
  width: 100%;
  height: 133px;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 0;
}

.heroimage-ki::after {
  content: "";
  background: url(../img/hero/fusselement.png) no-repeat bottom center;
  /* background: url(../img/hero/fusselement-gelb.png) no-repeat bottom center; */
  background-size: 100% auto;
  display: inline-block;
  width: 100%;
  height: 194px;
  /* height: 360px; */
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 0;
}

.hero-see {
  background-image: url(../img/hero/tb-seepferdchen.jpg); 
}
.hero-silber {
  background-image: url(../img/hero/tb-silber.jpg); 
}
.hero-film {
  background-image: url(../img/hero/tb-filmnacht.jpg); 
  background-position: top;
}
.hero-aqua {
  background-image: url(../img/hero/tb-aquafitness.jpg);  
}

/* Kalender */

#calendar {
  max-width: 1100px;
  margin: 0 auto;
  /* background-color: #fff; */
  height: 100vh;
  font-size: 1rem;
  padding-top: 6rem;
}
#calendar tbody {
  box-shadow:rgba(0, 0, 0, 0.15) 0px 8px 16px 0px ;
}
#calendar a{
  color: #0094a5;
}
/* #calendar td,#calendar tbody, #calendar tr, #calendar tr, #calendar table, #calendar thead {
  background-color: white;
  border-radius: 10px;
  border: 3px rgba(192, 46, 46, 0.449) solid;
} */
#calendar td,#calendar tr {
  background-color: rgb(255, 255, 255);
}
#calendar button{
  background-color: #0094a5;
  border: #daeff2 2px solid;
  padding: 0.3rem;
}
.fc-event-title {
  color: #0094a5;
}
.legende {
  margin-top: 1rem;
}
/* Allgemein */
h2 {
  font-family: roboto-bold;
}
main {
    margin-top: 0px;
  }

  footer {
    margin-top: -18vw;
  }
  /* .kreis {
    background-color: #feff99;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    z-index: 30;
    top: 10vh;  
  } */
  .tropfen-1 {
    width: 600px;
    height: 480px;
    margin: auto;
    object-fit: cover;
  }
  .headline {
    color: #0094a5;
    font-size: 3rem;
    margin-bottom: 2px;
  }
  .grafik {
    width: 160px;
    margin-top: -25px;
  }

  .s-kurse tr,.s-kurse td,.s-kurse .table {
    border: none;
    padding: 0.2rem !important;
    background-color: transparent !important;
  }
  .s-kurse td {
    padding-top: 3rem !important;
  }
  strong {
    background-color: #feff99;
    padding: 0.2rem;
    color: #004a98;
    font-family: roboto-bold;
  }
.hg {
  margin-top: -56vw;
  top: -20vw;
}
.legende {
  padding: 6px;
  background-color: #feff99;
  display: inline-flex;
  margin-right: 0.4rem;
  border-radius: 10px;
}
.l-2{
  background-color: #ffbfbf;
}
.b-3 {
  margin-top: -2vw;
}
.b-1 {
  margin-top: 10vw;
}
.b1-3 {
  margin-top: 0;
  position: static;
}

@media (max-width: 992px){
footer {
    margin-top: -40vw;
    height: 100vw;
    }
    .hg {
      top: -90vw;
    }

    .tropfen-1 {
      
      height: auto;  
    }
    main {
      margin-top: 2rem;
    }
}