@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

      /* Allgemeine Styles */
      body {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        opacity: 1; /* Set initial opacity to 1 */
      }

      .no-js {
        opacity: 1;
      }

      .js {
        opacity: 0;
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-weight: 800;
        letter-spacing: .1em;
      }
      h3,
      h4,
      h5,
      h6 {
        letter-spacing:.05em;
      }

      .btn, btn, .button, button {
        border-radius:.15em;
      }

      .btn-primary {
         background-color:#a38546;
         border-color:#a38546;
         &:hover, &:visited{
          background-color:#8c723b;
          border-color:#8c723b;
         }
         &:active,&:focus {
          background-color:#8c723b;
          border-color:#8c723b;
         }
      }

      .uppercase {
        text-transform: uppercase;
      }

      .sbg-light {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="rgba(255, 255, 255, 0.35)"/></svg>');
        background-size: cover;
        background-position: center;
      }

      .sbg-dark {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="rgba(0, 0, 0, 0.35)"/></svg>');
        background-size: cover;
        background-position: center;
      }

      .bg-blurred {
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
      }

      .cover-section {
        position: relative;
        height: 100vh;
        background-color: #f0f0f0;
        background-color: /*#6c757d*/ #EFECD6;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .content-section {
        position: relative;
        height: 100vh;
        background-color: #f0f0f0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .display-none {
        display: none;
      }
  
      .cover-content,
.cover-section {
  height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; /* Optional: Zentriert den Inhalt horizontal */
}

.slideshow-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
}

.slideshow {
  display: flex;
  flex-wrap: nowrap; /* Stellt sicher, dass die Slides nicht umgebrochen werden */
}


.slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  top: 0;
}


.slideshow-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slideshow-control{
  position:absolute;
  top:40%
}
.slideshow-control.prev{
  left:0;
}
.slideshow-control.next{
  right:0;
}
    

      .logo {
        position: absolute;
        top: 10vh;
        /*
            left: 50%;
            transform: translateX(-50%);
            */
        width:50vw;
        left:0;
        max-width:500px;
        z-index: 1;
      }
      .add-content{
        z-index: 1;
        position: absolute;
      }
      .shadow {
        box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, .5);
      }
      /* Footer Section Styles */
      .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        z-index: 2;
      }

      .footer img {
        max-width: 2.667em;
      }
     
      /* Eckige Modal-Styles */
      .modal-content {
        border-radius: 0;
      }

      .modal-title {
        font-family: "Inter", sans-serif;
        text-transform:uppercase;
      }

 

/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  .logo {
    width:100vw;
        max-width:100%;
  }
 }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
  .logo {
        width:95vw;
        max-width:95%;
  }

  .footer img {
    max-width: 2.667em;
  }
 }

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
  
 }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
  
 }

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {  }
