.bg-tanne { background-color: #005437; }
.bg-klee { background-color: #008939; }
.bg-grashalm { background-color: #8abd24; }
.bg-sand { background-color: #f5f1e9; }
.bg-himmel { background-color: #0ba1dd; }
.bg-sonne { background-color: #fff17a; }


.banner-title {
  font-family: 'GrueneTypeNeue-Regular';
  font-size: min(4rem, 5vw);
  line-height: 1;
}

.navbar-logo a {
    position: absolute;
    margin-top: -5vh;
}
.navbar-logo a img {
    height: 18vh !important;
    width: 18vh !important;
}

#menu06-w .navbar-caption-wrap {
      margin-left: 10rem !important;
}

@media (max-width: 768px) {
  .banner-title {
    font-size: 4vw;
    font-size: min(4vw, calc( 2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20))));
    line-height: min(4vw, calc( 1.3 * (2.05rem + (4 - 2.05) * ((100vw - 20rem) / (48 - 20)))));
  }

  #menu06-w .container, #menu06-w .navbar-brand {
      padding-top: 0px;
      padding-bottom: 0px;
  }
  #menu06-w .container {
    height: 100% !important;
  }
  #menu06-w .navbar-caption-wrap {
      margin-left: 10vw !important;
  }
  #menu06-w .navbar a {
      position: relative;
      margin-top: 0vh;
  }
  
  #menu06-w .navbar-logo a img {
      height: 8vh !important;
      width: 8vh !important;
  }
}