/** SEC-01 **/
.he-sec.hes-1 {
  background: var(--color-hg-sand);
  padding: 0;
  height: calc(100dvh - 76px);
}
.hes-video_background {
    position: relative;
    width: 80%;
    height: calc(80dvh - 70px);
    max-width: 90%;
    overflow: hidden;
}
.hes-buttons {
    margin-top: 50px;
    gap: 40px;
    flex-direction: column;
    align-items: center;
}
.hes-buttons a {
  min-width: 300px;
  margin: 0px;
}

.hes-video_background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hes-vbg-info {
    position: absolute;
    bottom: 50px;
    color: #FFF;
    left: 50px;
    font-size: 18px;
    z-index: 2;
}
/* Bei Bildschirmhöhen über 1080px */
@media (max-height: 1081px) {
  .hes-video_background {
    height: 80dvh;
  }
}
.hes-sublinks {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 300px;

}


.hes-sublinks a {
  display: flex;
  gap: 15px;
  font-size: 18px;
}
.hes-sublinks a .ico {
  width:25px;
  height: 25px;
}
@media (max-width: 767px) {
  .hes-sublinks a { 
    font-size: 18px;
  }
  .hes-sublinks a .ico {
    width:24px;
    height: 24px;
  }
}

/* Optional: Container für die Zentrierung */
.hes-center {
  position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.hes-video_text-overlay {
  position: absolute;
  top: 35%;
  left: 137px;
  width: 100%;
  z-index: 2;
}
.hes-video_text-overlay h2{
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    color: var(--color-text-negativ);
    font-size: clamp(2.5rem, 7vw, 7.5rem);
    font-weight: 1400;
    margin-bottom: 0;
    line-height: 1.3;
}

@media (max-width: 767px) {
  .he-sec.hes-1 .container {
    width: min(100%, 1920px)
  }
  .hes-video_background {
    height: 50dvh;
  }
  .he-sec.hes-1 { 
        align-items: flex-start;
        /**margin-top: -25px;**/
  }
  .hes-video_background {
    max-width: 100%;
     width: 100%;
  }
  .hes-video_text-overlay h2 {
    margin-bottom: -5px;
    font-size: clamp(2.5rem, 7vw, 7.5rem);
  }
  .hes-video_text-overlay {
    top:75%;
    left: 0px;
  }
  .hes-sublinks {
    margin-top:90px;
  }
  .hes-sublinks {
    display: flex;
    flex-direction: row;
    gap: 30px;
    max-width: 100%;
    justify-content: space-around;
  }
  .hes-vbg-info {
    display: none;
  }
  .hes-buttons {
    margin-top: 30px;
    gap: 20px;
  }
}

@media (max-width: 359px) {
  .hes-video_text-overlay h2 {
    margin-bottom: 0px;
    font-size: clamp(2.1rem, 7vw, 7.5rem);

  }
}
/** END  SEC-01 **/




/** SEC-02 **/


  .sec-sm-slider {
    background: var(--color-hg-sand-light);
    display: flex;
    /**min-height: 50dvh;**/
    padding: 100px 0;
    position: relative;
  }

  .sec-sm-slider .container h2 {
    display: flex;
    gap: 15px;
    flex-direction: row;
    align-items: center;
    font-size: var(--font-size-h3);
    margin-bottom: 40px;
  }
  .sec-sm-slider .container h2 .ico {
    width:42px;
    height: 42px;
  }
  .sec-sm-slider .container h2 span {
        line-height: 30px;
  }
  
  .sm-slider-container {
    position: relative;
    overflow: hidden;
    margin-top: 1.5rem;
  }
  
  .sm-slider {
    width: 100%;
    height: 100%;
  }
  .sm-slider .swiper-slide  {
    display: flex;
    min-height: 500px;
  }
  .sm-slide {
    overflow: hidden;

    display: flex;
    flex-direction: column;
    height: auto;
  }
  .ssss-container {
    background: #FFF;
    min-height: 700px;
  }
  .sm-slide img {
    width: 100%;
    height: 370px;
    object-fit: cover;
    display: block;
  }
  
  .sm-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 282px;
  }
  
  .sm-text {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #333;
    flex-grow: 1;
  }
  
  .sm-hashtags {
    font-size: 0.875rem;
    color: #4a5568;
    margin-bottom: 1rem;
  }
  
  .sm-slide a {
    display: inline-block;
    color: #000;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s 
ease;
    text-align: center;
    margin: 22px 0px;
    width: 100%;
  }
  
  .sm-slide a:hover {
    background: #4a5568;
  }
  
  .swiper-slide {
    width: 100%;
  }

  @media (min-width: 768px) {
    .swiper-slide {
      width: calc(50% - 20px);
    }
    
    .sm-slider-container {
      padding: 0 10px;
    }
  }
  

  @media (min-width: 1024px) {
    .swiper-slide {
      width: calc(33.333% - 20px);
    }
  }

  .swiper-button-next,
  .swiper-button-prev {
    color: #2d3748;
  }

  .sm-slider .swiper-slide {
    transform: translate3d(100px, 0, 0);
  }




/** END sec-02 **/

/** SEC-03 **/
section.sec-location-info { background: var(--color-hg-sand); padding: 140px 0; position: relative; }
.location-info .container { position: relative; }
.li-header { margin-bottom: 80px; }
.li-header h2 { line-height: 1.3; color: #1a1a1a; max-width: 600px; }
.li-content { display: flex; flex-direction: column; gap: 100px; }
.li-sec-1 { display: flex; grid-template-columns: 1fr 1.3fr; align-items: center; gap: 40px; position: relative; justify-content: flex-end; }
.li-sec-1 .lic-info { background: #fff; padding: 40px 50px; z-index: 2; position: absolute; top: 10%; width: 600px; left: 0px; }
.li-sec-1 .lic-info:before { width: calc(100% - 20px); height: calc(100% - 20px); content: ""; border: 1px solid #212223; position: absolute; left: 10px; top: 10px; }
.lic-image-1 { display: flex; max-height: 600px; justify-content: flex-end; width:90%;  align-items: center;   justify-content: center;}
.li-sec-1 .lic-image-1 img { width: 90%; height: auto; display: block; object-fit: cover; }
.li-sec-2 { display: flex; align-items: start; gap: 40px; position: relative; }
.li-sec-2 .lic-info { z-index:2; position: absolute; top: calc(30% + 50px); max-width: 500px; min-height: 300px; padding: 60px 60px; width: 100%; display: flex; left: 0; justify-content: center; align-items: center; background-color: #FFF; }
.li-sec-2 .lic-info:before { width: calc(100% - 20px); height: calc(100% - 20px); content: ""; border: 1px solid #212223; position: absolute; left: 10px; top: 10px; }

.li-sec-2 .lic-info.spec {
    top: unset;
    right: 0px;
    left: unset;
    bottom: 50px;
    flex-direction: column;
    align-items: flex-start;
}



.lic-image-container { display: flex; margin-left: 60px; flex-direction: column; align-items: flex-start; }
.lic-image-2 { max-height: 700px; height: 700px; width: 100%; display: flex; }
.lic-image-2 img { width: 100%; object-fit: cover; object-position: center; }
.lic-image-row { display: flex; justify-content: flex-start; gap: 0px; width: 90%; }
.lic-image-3 img, .lic-image-4 img { width: 100%; height: auto; display: block; object-fit: cover; object-position: center; }
.lic-image-3, .lic-image-4 { flex: 1 1 45%; max-height: 500px; min-height:500px; height: 100%; display: flex; }
.li-content:before { content: ""; position: absolute; width: 90%; height: 63%; z-index: 0; top: 35%; left: 6%; border: 1px solid #FFF; }

[data-parallaxIn], [data-parallaxOut] {
  will-change: transform;
}

@media (max-width: 768px) {
  .li-sec-1 {
    flex-direction: column;
    gap: 0px;
  }
  .li-sec-1 .lic-info {
    width: 100%;
    position: relative;
  }
  .lic-image-1,
  .lic-image-2,
  .lic-image-3,
  .lic-image-4
  {
    width: 100%;
    min-height: 350px;
    max-height: 350px;
  }

  .li-content:before {
    display: none;
  }

  .li-sec-2 { 
    gap: 0px;
  }
  .li-content{
    gap: 0px;
  }
  .lic-image-container {
    margin: 0px;
  }
  .lic-image-row{
    width: 100%;
    flex-direction: column;
  }
  .li-sec-2 .lic-info {
    position: relative;
    max-width: unset;
    width: 100%;
  }
  .li-sec-2 {
        flex-direction: column;
  }
  .li-sec-1 .lic-image-1 img,
  .li-sec-2 .lic-image-2 img,
  .li-sec-3 .lic-image-3 img,
  .li-sec-4 .lic-image-4 img {
    min-height: 350px;
    max-height: 350px;
    height: 100%;
  }
  .lic-image-2 {
    max-height: 350px;
    height: 350px;
  }
}

/** END SEC-03 **/






/** SEC-04 **/


.sec-sessional-menu {
    padding: 100px 0px;
  }
  /* Ihre vorhandenen menu-card Styles bleiben unverändert */
  .menu-card { 
    position: relative; 
    width: 280px; 
    background: #fff; 
    min-height: 350px; 
    border: 1px solid #000; 
    border-radius: 6px; 
    padding: 60px 25px 30px; 
    margin-top: 50px; 
    text-align: center; 
    font-family: 'Courier New', monospace; 
    box-shadow: 0 0 0 8px #fff, 0 0 0 9px #000; 
  }
  .menu-card::before { 
    content: ""; 
    position: absolute; 
    inset: 8px; 
    border-radius: 4px; 
    pointer-events: none; 
  }
  .menu-img { 
    position: absolute; 
    top: -55px; 
    left: 50%; 
    transform: translateX(-50%); 
    background: #fff; 
    border-radius: 50%; 
    padding: 6px; 
    box-shadow: 0 0 0 1px #000; 
  }
  .menu-img:before { 
    content: ""; 
    position: absolute; 
    left: -3px; 
    top: calc(50% - 5px); 
    width: 7px; 
    height: 8px; 
    background-color: #ffffff; 
  }
  .menu-img:after { 
    content: ""; 
    position: absolute; 
    right: -3px; 
    top: calc(50% - 5px); 
    width: 7px; 
    height: 8px; 
    background-color: #ffffff; 
  }
  .menu-img img { 
    width: 90px; 
    height: 90px; 
    border-radius: 50%; 
    display: block; 
  }

    .menu-content {
    margin-top: 30px;
  }
  .menu-content h5 { 
    margin-bottom: 10px; 
    letter-spacing: 0.5px; 
    font-family: var(--font-text);
    font-weight: 400;
  }
  .menu-content .divider { 
    display: block; 
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .menu-content p { 
    line-height: 1.4; 
    margin: 0; 
  }

  .sessional-menu {
    padding: 2rem 0;
  }
  
  .menu-card-slider {
    position: relative;
    overflow: hidden;
    margin-top: 2rem;
    padding: 10px 0;
    min-height: 550px;
  }
   .menu-card-slider .swiper-wrapper {
  display: flex;
  min-height: 550px;

 }
  .menu-card-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    opacity: 0;
    transform: translateX(100px);
  }


  .menu-card-slider .swiper-slide {
    width: 100%;
  }
  

  @media (min-width: 768px) {
    .menu-card-slider .swiper-slide {
      width: calc(50% - 20px);
    }
  }
  

  @media (min-width: 1024px) {
    .menu-card-slider .swiper-slide {
      width: calc(33.333% - 20px);
    }
  }
  

  .menu-card-slider .swiper-button-next,
  .menu-card-slider .swiper-button-prev {
    color: #000;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    top: 50%;
    transform: translateY(-50%);
  }
  
  .menu-card-slider .swiper-button-next:after,
  .menu-card-slider .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
  }
  
  .menu-card-slider .swiper-button-next {
    right: 10px;
  }
  
  .menu-card-slider .swiper-button-prev {
    left: 10px;
  }


/** END SEC-04 **/
/** SEC-05 **/





  .sec-table-reserve {
    padding: 140px 0px;
    background-color: var(--color-hg-green);
  }
  .sec-table-reserve .cspacer {
    padding-left:50px;
  }
   .sec-table-reserve p {
    max-width: 800px;
    margin-bottom: 35px;

   }
  @media (max-width: 768px) {
    .sec-table-reserve .cspacer {
      padding: 0;
    }
    .sec-table-reserve {
      

    }
  }


/** END SEC-05 **/
/** SEC-06 **/

  .sec-event-catering {
    min-height: 50dvh;
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: var(--color-hg-blue);
  }
  .sec-event-catering .cspacer {
    padding-left: 50px;
    margin-bottom: 140px;
  }
   .sec-event-catering p {
    max-width: 800px;
    margin-bottom: 35px;
   }
   .ecc-images {}
   .ecci-row {
    width: 100%;
    display: flex;
    position: relative;
   }
  .ecci-row .ecci-image-50 {
    width: 50%;
    overflow: hidden;
    height: 100%;
    display: flex;
    max-height: 450px;
    min-height: 450px;
    justify-content: center;
    align-items: center;
   }
   .ecci-row .ecci-image-50 img {
    object-fit: cover;
    object-position: center;
   }
   .ecci-row .ecci-image-100 {
    width: 100%;
    overflow: hidden;
    height: 100%;
    max-height: 900px;
   }
   .ecci-row .ecci-image-100 img {
    object-fit: cover;
    object-position: center;
   }
   .ecc-icons {
  text-align: center;
  margin-bottom: 70px;
  margin-top: 50px;
}

.ecc-icons {
  text-align: center;
}

.ecc-icons ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ecc-icons li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: #1a1a1a; /* Textfarbe */
}
.sec-event-catering .lic-info { z-index:2; position: absolute; top: calc(30% + 50px); max-width: 500px; min-height: 300px; padding: 60px 60px; width: 100%; display: flex; left: 0; justify-content: center; align-items: center; background-color: #FFF; }
.sec-event-catering .lic-info:before { width: calc(100% - 20px); height: calc(100% - 20px); content: ""; border: 1px solid #212223; position: absolute; left: 10px; top: 10px; }


.ecci-text { z-index: 2;
    position: absolute;
    top: -380px;
    max-width: 700px;
    padding: 60px 60px;
    width: 100%;
    display: flex;
    left: calc(50% - 100px);
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    flex-direction: column;}
.ecci-text:before { width: calc(100% - 20px); height: calc(100% - 20px); content: ""; border: 1px solid #212223; position: absolute; left: 10px; top: 10px; }


.ecci-text.ecc-t3 {
  top: unset;
  bottom: -50px;
  left: unset;
  right: -20px;
}


@media (max-width: 768px) {
    .sec-event-catering .cspacer {
      padding: 0;
      margin-bottom: 80px;
    }
    .ecci-row {  
      flex-direction: column;
    }
    .ecci-row .ecci-image-50 {
      width: 100%;
    }
    .ecci-row .ecci-image-50 img {
      scale: 1.2;
      min-height: 350px;
    }
    .ecci-row .ecci-image-100 img
    {
      min-height: 350px;
    }
    .ecci-text, .ecci-text.ecc-t3 {
      position: relative;
      top: 0;
      left: 0;
      right: auto;
    }
    .ecc-or-1 { order:1; }
    .ecc-or-2 { order:2; }
    .ecc-or-3 { order:3; }
  }

/** END SEC-06 **/



/** SEC-07 **/
 .sec-owner{
    min-height: 50dvh;
    background-color: var(--color-hg-sand);
  }
  .sec-owner .container {
    display: flex;
  }
  .s-bc-content .cspacer h3 {
    line-height: 1.2;
    margin-bottom: 30px;
  }
  .s-bc-content .cspacer {
    max-width: 600px;
  }
  .sec-owner .s-bc-50 {
    width: 50%;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }
  .sec-owner .s-bc-50.s-bc-image {
    width: 50%;
    height: 100%;
    min-height: 800px;
    max-height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .sec-owner .s-bc-50.s-bc-image img {
    object-fit: cover;
    height: 600px;
    object-position: center;
    width: auto;
  }

@media (max-width: 768px) {
  .sec-owner {
    padding-top: 100px;
    padding-bottom: 0px;
    min-height: auto;
  }
  .sec-owner .container {
    flex-direction: column;
  }
    .sec-owner .s-bc-content {
        order:1;
        min-height: auto;
        margin-bottom: 25px;
    }
    .sec-owner .s-bc-image {
        order:2;
        
        width: 100%;
    }
    .sec-owner .s-bc-50 {
      width: 100%;
      justify-content: flex-start;
    }
    .sec-owner .s-bc-50.s-bc-image {
      width: 100%;
      max-height: 350px;
      min-height: 350px;
    }
    .sec-owner .s-bc-50.s-bc-image img {
      width: 100%;
      max-height: 350px;
    }
}
/** END SEC-07 **/



/** SEC-08 **/

.sec-restaurant-pinner {
    overflow: hidden;
    background: var(--color-hg-sand);
    padding-top: 150px;
  }
  .sec-restaurant-pinner .pin-spacer{
    overflow: hidden;
    top: 75px;
  }
  .sec-restaurant-info {
  position: relative;
  background: #CABF91;
max-height: 100dvh;
    height: 100dvh;
}

.sec-restaurant-info .container {
  position: absolute;
  z-index: 2;
  display: flex;
  min-height: 100dvh;
      height: 100dvh;
  padding: 2rem 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
      justify-content: space-between;
  /* Container soll den gesamten Viewport einnehmen, während die Section scrollt */
}

.sec-rtic-nav {
    flex: 0 0 300px;
    padding-right: 2rem;
    position: relative;
    top: 15%;
    align-self: flex-start;
}

.sec-rtic-nav h3 {
  margin: 2rem 0 1rem 0;
  color: var(--color-text-negativ);
}

.sec-rtic-nav h3:first-child {
  margin-top: 0;
}

.restaurant-nav,
.event-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.nav-item {
  padding: 0.75rem 1rem;
  text-decoration: none;
  color: var(--color-text-negativ);
  border-radius: 4px;
  transition: all 0.3s ease;
  position: relative;
  border: 1px solid transparent;
}


.nav-item.active::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy40NTQiIGhlaWdodD0iNi4xMzQiIHZpZXdCb3g9IjAgMCAyNy40NTQgNi4xMzQiPgogIDxnIGlkPSJHcnVwcGVfNjI5IiBkYXRhLW5hbWU9IkdydXBwZSA2MjkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDYxLjU5MiAtMTQ5Ljk3KSI+CiAgICA8cGF0aCBpZD0iUGZhZF81MyIgZGF0YS1uYW1lPSJQZmFkIDUzIiBkPSJNMC0xNi44MmExMy41NDYsMTMuNTQ2LDAsMCwxLDguMDM2LTEuMzU1QzEyLjYtMTcuNTIxLDEzLjktMTQuMiwxOC4yNjYtMTQuMkExNS45ODMsMTUuOTgzLDAsMCwwLDI2LjM4LTE2LjgyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDYyLjA5MyAxNjkuMzA2KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8L2c+Cjwvc3ZnPgo=);
  color: var(--color-text-negativ);
  position: absolute;
  left: 1rem;
  top: 80%;
  transform: translateY(-50%);
}

.sec-rtic-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem 0;
  max-width: 600px;
}
.sec-rtict-head {
    background: #fff;
    padding: 40px 50px;
    z-index: 2;
    position: relative;
    left: 0px;
    margin-bottom: 10px;
}
.sec-rtict-head:before, .sec-rtict-text:before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    content: "";
    border: 1px solid #212223;
    position: absolute;
    left: 10px;
    top: 10px;

}
.sec-rtict-head h3 {
  margin-bottom:0;
}
.sec-rtict-text {
  position: relative;
    background: #fff;
    padding: 40px 50px;
}
.sec-rtict-text p {
}

.sec-rti-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 1;
}

.sec-rtibg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 2;
}

.sec-rtibg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.8s ease-in-out;
}

/* Sticky Container während des Scrollens */
.sec-restaurant-info.is-sticky .container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  align-items: center;
  max-width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 2rem;
}

@media (max-width: 768px) {

  .sec-rtibg-overlay { 
    width: 100%;
    height: 300px;
  }
  .sec-restaurant-info .container {

            padding: 0;
            display: block;
  }
  .sec-rtic-nav {
    top: 20px;
  }
  .sec-rtic-nav h3 {
    margin-bottom:0;
            margin-top: 20px;
  }
  .sec-rtic-text {
    margin-top: 80px;
  }
  .sec-rtic-text,
  .sec-rtic-nav {
    flex: unset;
    padding: 0;
    display: block;
  }
  .nav-item {
    padding: 0 1rem;
  }
  .sec-rtibg-image {
    width: 100%;
  }
  .nav-item.active::after {
    top:100%;
  }
  .sec-rtict-head {
    display: inline-block;
  }
}




/** END SEC-08 **/

/** SEC-08 **/

 .sec-gmap {
    display: block;
    height: 40dvh;
    padding: 0;
    background-color: #e3dcc2;
 }
 .sec-gmap .container {
    position: relative;

 }
 .secgm-button {
   position: absolute;
   right: 30px;
   top:30px;
 }
 .secgm-image-container {
  
  overflow: hidden;
  display: flex;
 }
 .secgm-image-container img {
  object-fit: cover;
  height: 40dvh;
  width: auto;
 }
@media (max-width: 768px) {
  .sec-gmap {
    height: 30dvh;
  }
   .sec-gmap .container { 
    margin:0;
    width: 100%;
   }
   .secgm-image-container {
    width: 100%;
    height: 30dvh;
   }
   .secgm-image-container img {
    height: 30dvh;
   }
    .secgm-button {
        right: 0;
        width: 100%;
        text-align: center;
        top: 200px;
    }

}

/** END SEC-08 **/


.treibhaus-intro {
  position: fixed; z-index: 10; width:100%; height: 100dvh;
  background: #FEF2DE;
}



.blob-carousel {
    position: relative;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
}

.blob-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.blob-content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 100px;
    justify-content: flex-start;
}

.slide {
    position: absolute;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.5s ease;
    padding: 2rem;
}

.slide.active {
    opacity: 1;
    transform: scale(1);
}

.slide h1 {
  font-size: 100px;
  font-weight: 400;
  margin-left: -100px;
  margin-bottom: 0px;
  font-family: Raleway;
}

.slide p {
    font-size: 1.2rem;
    line-height: 1.6;
}

@media (max-width: 768px) {

  .blob-content {
    padding: 0px;
  }
  .slide {
    padding: 0;
    margin-top: 100px;
  }
  .slide h1 {
    margin-left: 0;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.1;
  }
}

.navigation {

    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  display: none;
    gap: 1rem;
}

.nav-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}

.nav-dot.active {
    background: #000;
    transform: scale(1.2);
}

.scroll-indicator {
  display: none;
    position: absolute;
    bottom: 5rem;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    z-index: 3;
    font-size: 0.9rem;
    opacity: 0.7;
}


.bc-scroll-bar {
    width: 200px;
    position: absolute;
    height: 20px;
    left: 0;
    bottom: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.bcsb-bar {
    width: 100px;
    border: 1px solid #000;
    height: 8px;
    padding: 0;
    overflow: hidden;
    position: relative;
    line-height: 0;
}
.bcsb-text {
  font-size: 12px;
}
.bscb-info {
  position: absolute;
  bottom: 100px;
}
.bcsb-status {
    display: inline-block;
    height: 8px;
    background: #000;
    width: 33%;
    padding: 0;
    margin: 0;

}