/* Standard: Bild-Hintergrund für kleine Bildschirme */

#hintergrund {
  position: relative;
  width: 100%;
  height: 50vh;
  background: url("../../assets/img/klinflex-mit-luisa-blumenwiese-bild.jpg") center / cover no-repeat;
  overflow: hidden;
}

/* Video: versteckt auf kleinen Screens */

#bg-video {
  display: none;
}

/* Ab 576px: Bild ausblenden, Video einblenden */

@media (min-width: 576px) {
  #hintergrund {
    background: none;
  }
}

@media (min-width: 576px) {
  #bg-video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
}

@media (min-width: 576px) {
  .inhalt {
    position: relative;
    z-index: 1;
  }
}

.h1-luisa {
  font-family: 'Courier Prime';
  font-weight: 300;
  font-size: 2.5rem;
  letter-spacing: -1.5px;
  color: rgb(255,255,255);
  text-align: center;
}

@media (min-width: 572px) {
  .h1-luisa {
    font-family: 'Courier Prime';
    font-weight: 300;
    font-size: 4rem;
    letter-spacing: -1.5px;
    color: rgb(255,255,255);
    text-align: center;
  }
}

.h2-luisa {
  font-family: 'Courier Prime';
  font-weight: 600;
  font-size: 2rem;
  color: rgb(106,174,183);
}

.h2-luisa-bold {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 1.6rem;
  color: rgb(230,154,42);
}

.h2-luisa-dunkel {
  font-family: 'Courier Prime';
  font-weight: 600;
  font-size: 2rem;
  color: #85ad67;
}

body {
  background-color: #f5f5f5;
}

.brand-luisa {
  font-family: 'Montserrat';
  font-weight: 600;
  color: #355235;
}

.brand-luisa-hell {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 1.2rem;
  color: #e3e3e3;
}

.nav-luisa {
  font-family: 'Montserrat';
  font-weight: 600;
  line-height: 1.1rem;
  color: #85ad67;
}

.nav-luisa:hover {
  font-family: 'Montserrat';
  font-weight: 600;
  line-height: 1.1rem;
  color: #355235;
}

.copy-luisa-links {
  font-family: 'Montserrat';
  font-size: 1.1rem;
  color: #707b6c;
}

.copy-luisa-bold {
  font-family: 'Montserrat';
  font-weight: 800;
  font-size: 1.2rem;
  color: #7d766a;
}

.copy-luisa-hell {
  font-family: 'Montserrat';
  font-size: 1.1rem;
  color: #e3e3e3;
}

.h3-luisa {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 1.2rem;
  color: #355235;
}

.umbruch {
  white-space: normal !important;
}

@media (max-width: 991px) {
  .dropdown-breite {
    max-width: 140px;
  }
}

.h3-luisa-bold {
  font-family: 'Montserrat';
  font-size: 1.2rem;
  font-weight: 600;
  color: rgb(147,145,136);
  margin-bottom: 24px;
}

.copy-luisa-links.liste-abstand {
  margin-bottom: 12px;
}

.button-dunkel {
  background: #85ad67;
  color: #ffffff;
  border: none;
}

.button-dunkel:hover {
  background: #658150;
  color: #ffffff;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #355235;
  font-weight: 700;
}

.textlink-luisa {
  font-family: 'Montserrat';
  color: #707b6c;
}

.head-klein {
  font-size: 3rem;
  text-align: left;
}