html {
  font-family: 'Nunito';
  font-weight: 300;
}

@media (min-width: 300px) {
  h1 {
    font-size: 1.5rem;
  }
}

@media (min-width: 576px) {
  h1 {
    font-size: 2rem;
  }
}

@media (min-width: 1199px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 300px) {
  .haeder-content {
    height: auto;
  }
}

@media (min-width: 992px) {
  .haeder-content {
    max-height: 850px;
  }
}

.carousel {
  max-height: 850px;
}

.carousel-inner, .carousel-item {
  max-height: 850px;
}

.container-hauptinhalt {
  /*min-height: 500px;*/
}

.copyright-text {
  font-size: 0.9rem;
}

@media (min-width: 300px) {
  .slider-headliner {
    display: inline-block;
    width: 100%;
    position: absolute;
    padding-left: 50px;
    color: #a8b672;
    background-color: rgba(0,0,0,0.52);
    bottom: 0;
  }
}

@media (min-width: 992px) {
  .slider-headliner {
    display: inline-block;
    width: 50%;
    position: absolute;
    padding-left: 50px;
    color: #a8b672;
    background-color: rgba(0,0,0,0.52);
    bottom: 0;
  }
}

.heading-link.button-link {
  display: inline-block;
  background-color: var(--bs-gray-300);
}

@media (min-width: 300px) {
  .heading-link {
    font-size: 1.8rem;
    /*color: white;*/
    border-radius: 50px;
  }
}

@media (min-width: 992px) {
  .heading-link {
    font-size: 1.8rem;
    /*color: white;*/
    border-radius: 50px;
  }
}

.heading-link.button-link:hover {
  background-color: #a8b672;
}

.parallax-background {
  height: 300px;
}

@media (min-width: 300px) {
  .p-text {
    font-size: 1.2rem;
  }
}

@media (min-width: 1199px) {
  .p-text {
    font-size: 0.8rem;
  }
}

h4 {
  font-size: 26px;
}

.light-color {
  color: white;
}

.heading-text {
  color: #a8b672;
  color: rgba(0,0,0,0.52);
}

.titel-unterseiten {
  padding-top: 220px;
  color: white;
  font-size: 3rem;
}

.hintergrund-team {
  background-color: #599959!important;
}

.hintergrund-kontakt {
  background-color: #476a47!important;
}

.copyright-text.iweb4u-text {
  font-size: .75rem;
}

.bi-person-fill {
  font-size: 2rem;
}

.bi-eye-fill {
  font-size: 2rem;
}

.link-block {
  color: gray;
}

.adress-links {
  font-size: .9rem;
}

.inaktiver-link {
  cursor: default!important;
}

.inaktiver-link.link-kachel:hover {
  background-color: initial;
}

.link-kachel:hover {
  border-radius: 10px;
  display: block;
  height: 100%;
  background-color: #599959;
}