body {
  background-color: #eefaf2;
}

.special-text {
  font-size: 20px; 
  text-align: center;
  font-family: 'Open Sans', sans-serif;

}

.highlight {
    font-size: 20px; 
    color: #e6a210; /* Optional: Fettgedruckt */  /* <p class="highlight">...</p> Klassenselektor, gilt für alle highlight ausgewählten Klassen */
  }
.image-container-home-landschaft {
  position: relative;
  display: inline-block;
}
.image-container-home-landschaft img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
    /* Stil für den Textbereich im Container home-landschaft */
    .image-container-home-landschaft .text-overlay {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #4e7a95;
      /* Grün */
      font-size: 6vw;
      /* Responsiv */
      text-align: center;
      font-weight: bold;
      background-color: transparent;
  }
        /* Stile für die Links */
        .nav-links {
          display: flex;
          justify-content: center;
          gap: 10px;
          /* Abstand zwischen den Links */
          margin-bottom: 20px;
          /* Abstand nach unten */
      }

      .nav-links a {
          display: inline-block;
          background-color: rgb(126, 31, 31);
          color: rgb(184, 51, 89);
          padding: 10px 20px;
          text-align: center;
          text-decoration: none;
          border-radius: 5px;
          margin: 5px;
      }


      .nav-links a:hover {
          background-color: rgb(144, 83, 9);
      }

      /* Stile für die Navbar */
      .navbar {
          background-color: #eefaf2;
      }

      .navbar-nav {
          display: flex;
          justify-content: center;
          width: 100%;
      }

      .navbar-nav .nav-link {
          background-color: #eefaf2;
          color: rgb(239, 160, 56) !important;
          padding: 10px 20px;
          text-align: center;
          font-size: 18px;
          display: inline-block;
          text-decoration: none;
          border-radius: 10px;
          margin: 5px;
      }

      .navbar-nav .nav-link:hover {
          background-color: rgb(242, 219, 178);
      }

      .navbar-collapse {
          text-align: center;
          /* Zentriert den Text im Hamburger-Menü */
      }