.elementor-kit-5{--e-global-color-primary:#004F93;--e-global-color-secondary:#54595F;--e-global-color-text:#575656;--e-global-color-accent:#EE7501;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-right:0px;padding-left:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Nur auf Desktop (Geräte mit Mauszeiger) */
@media (min-width: 1025px) {

.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff; /* immer schwarz */
  pointer-events: none;
  z-index: 999999;
  transform: translate(-50%, -50%);
  transition: width 0.35s ease, height 0.35s ease, background 0.35s ease;
    mix-blend-mode: difference !important;
}

.custom-cursor.active {
  width: 100px;
  height: 100px;
  color: white;
  mix-blend-mode: difference;
    }
    
}

/* Auf mobilen Geräten (Touch) den Cursor verstecken */
@media (max-width: 1024px) {
  .custom-cursor {
    display: none !important;
  }
}



/* Nur auf Desktop */
@media (min-width: 1025px) {

  .section-nav {
    position: fixed;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 990;
    /* WICHTIG: Breite auf auto, damit er nicht den ganzen Screen blockiert */
    width: auto; 
    /* Klicks durch den leeren Raum des Containers durchlassen */
    pointer-events: none; 
  }

  .section-nav span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ee7501;
    opacity: 0;
    transition: opacity 0.4s ease;
    /* WICHTIG: Der Text selbst soll wieder klickbar sein */
    pointer-events: auto; 
    user-select: none;
    cursor: pointer; /* Cursor auf Zeigefinger ändern */
  }

  .section-nav span.active {
    opacity: 1;
  }
}


document.addEventListener('scroll', function() {
  const labels = document.querySelectorAll('.section-nav span');
  
  let currentSection = null;
  let closestDistance = Infinity;

  labels.forEach(label => {
    const sectionId = label.dataset.section;
    const section = document.getElementById(sectionId);
    if (!section) return;

    const rect = section.getBoundingClientRect();
    const distance = Math.abs(rect.top);

    // Nur Sections berücksichtigen, die im Viewport sind
    if (rect.top < window.innerHeight && rect.bottom > 0) {
      if (distance < closestDistance) {
        closestDistance = distance;
        currentSection = label;
      }
    }
  });

  // Erst alle deaktivieren
  labels.forEach(label => label.classList.remove('active'));

  // Dann nur die eine aktivieren
  if (currentSection) {
    currentSection.classList.add('active');
  }
});/* End custom CSS */