#nce-container {
  --nce-primary: var(--awb-color4) !important;
  --nce-primary-5: color-mix(in srgb, var(--nce-primary) 5%, transparent);
  --nce-primary-10: color-mix(in srgb, var(--nce-primary) 10%, transparent);
  --nce-primary-20: color-mix(in srgb, var(--nce-primary) 20%, transparent);
  --nce-primary-25: color-mix(in srgb, var(--nce-primary) 25%, transparent);
  --nce-secondary: #000000;
  --nce-accent: #ff6b6b;
  --nce-bg: var(--awb-color3);
  --nce-surface: var(--awb-color3) !important;
  --nce-text: var(--awb-color7) !important;
  --nce-text-muted: var(--awb-color6) !important;
  --nce-border: #e5e7eb;
  --nce-error: #ef4444;
  --nce-success: #22c55e;

    width: 100%;
    max-width: 100%;
    min-width: 280px;
    margin: 0 auto;
}

.nce-wrapper {
    background-color: var(--awb-color3) !important;
    box-shadow: 0 0 0;
}


@media(min-width: 1200px) {
    .fusion-tb-header {
        position: relative;
        z-index:99999;
    }
}

.fusion-image-carousel {
    margin-bottom: 0 !important;
}

.rotate-neg15 {
    transform: rotate(-15deg);
}

.rotate-pos15 {
    transform: rotate(15deg);
}

.text-bg-black {
    background-color: rgba(26, 26, 26, 0.9);
    padding: 40px;
}

.solutions-link {
    display: block;
    text-transform: uppercase;
    margin-bottom: 48px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: var(--awb-color7);
}

.solutions-link:hover,
.solutions-link.active {
    color: var(--awb-color4);
}

/* Linke Spalte bricht nach links aus */
.left-column {
  position: relative;
  overflow: visible !important;
}

.left-column::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 50vw; /* großzügig, reicht immer bis zum Rand */
  background-color: var(--awb-bg-color); /* ← erbt automatisch von .left-column */
}

/* Rechte Spalte bricht nach rechts aus */
.right-column {
  position: relative;
  overflow: visible !important;
}

.right-column::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 50vw;
  background-color: var(--awb-bg-color);
}

:root {
  /*--left-col-width: calc((100vw - 1600px) / 2 + 200px);*/
  --left-col-width: max(12.5%, calc((100vw - 1600px) / 2 + 200px));
}

.fusion-fullwidth:not(.nonhundred-percent-fullwidth) .left-column {
  width: var(--left-col-width) !important;
  min-width: var(--left-col-width) !important;
}

.fusion-fullwidth:not(.nonhundred-percent-fullwidth) .right-column {
  width: calc(100% - var(--left-col-width)) !important;
}

.make-sticky {
    position: sticky;
    top: 180px;
}


/* ================================================================
   AWB Mega Menu – Fluid Scaling 1200px → 1770px
   Alle Werte berechnet auf Basis des echten HTML
   ================================================================ */

@media (min-width: 1200px) and (max-width: 1770px) {

  /* --- Schriftgröße: 18px → 12px fluid --- */
  /* 18px / 1770px * 100 ≈ 1vw; Minimum 12px bei 1200px */
  .awb-menu__mega-wrap .awb-submenu {
    --awb-font-size:         clamp(12px, 1vw, 18px) !important;
    --awb-submenu-font-size: clamp(12px, 1vw, 18px) !important;
  }

  /* Spalten-Überschriften (fusion-title) */
  .awb-menu__mega-wrap .fusion-title {
    --awb-font-size: clamp(12px, 1vw, 18px) !important;
  }

  /* --- Abstände der einzelnen Links --- */
  .awb-menu__mega-wrap .awb-submenu {
    --awb-items-padding-bottom:          clamp(4px, 0.45vw, 8px) !important;
    --awb-submenu-items-padding-bottom:  clamp(4px, 0.45vw, 8px) !important;
  }

  /* --- Spalten-Innenabstand (aktuell 3em = ~48px) --- */
  .awb-menu__mega-wrap .fusion-layout-column {
    --awb-padding-right:        clamp(1rem, 1.7vw, 3em)  !important;
    --awb-spacing-right-large:  clamp(0.5em, 0.85vw, 1.5em) !important;
    --awb-spacing-left-large:   clamp(0.5em, 0.85vw, 1.5em) !important;
  }

  /* --- Äußeres Container-Padding (aktuell 60px links/rechts) --- */
  .awb-menu__mega-wrap .fusion-fullwidth {
    --awb-padding-right: clamp(20px, 3.4vw, 60px) !important;
    --awb-padding-left:  clamp(20px, 3.4vw, 60px) !important;
  }

  /* --- Rechte Spalte (Logo + Socials) aktuell fix 230px --- */
  .awb-menu__mega-wrap .fusion-builder-column-10 {
    --awb-width-large:  clamp(160px, 13vw, 230px) !important;
    --awb-width-medium: clamp(160px, 13vw, 230px) !important;
  }

  /* Linke Hauptspalte passt sich automatisch an */
  .awb-menu__mega-wrap .fusion-builder-column-9 {
    --awb-width-large:  calc(100% - clamp(160px, 13vw, 230px) - 24px) !important;
    --awb-width-medium: calc(100% - clamp(160px, 13vw, 230px) - 24px) !important;
  }
}

/* ================================================================
   AWB Footer – Fluid Scaling 1200px → 1770px
   fusion-builder-row-12 = Haupt-Footer
   fusion-builder-row-13 = Legals-Leiste
   ================================================================ */

@media (min-width: 1200px) and (max-width: 1770px) {

  /* --- Äußeres Padding beider Footer-Reihen --- */
  .fusion-tb-footer .fusion-fullwidth {
    --awb-padding-right: clamp(20px, 3.4vw, 60px) !important;
    --awb-padding-left:  clamp(20px, 3.4vw, 60px) !important;
  }

  /* --- Logo-Spalte (fix 310px → fluid) --- */
  .fusion-tb-footer .fusion-builder-column-67 {
    --awb-width-large:  clamp(200px, 17.5vw, 310px) !important;
    --awb-width-medium: clamp(200px, 17.5vw, 310px) !important;
  }

  /* --- Adresstext (20px) --- */
  .fusion-tb-footer .fusion-text-18 {
    --awb-font-size: clamp(13px, 1.1vw, 20px) !important;
  }

  /* --- Spalten-Innenabstand (3em) --- */
  .fusion-tb-footer .fusion-layout-column {
    --awb-padding-right: clamp(1rem, 1.7vw, 3em) !important;
  }

  /* --- Spaltenüberschriften (21px → 12px) --- */
  .fusion-tb-footer .fusion-title {
    --awb-font-size:    clamp(12px, 1.19vw, 21px) !important;
    --awb-margin-bottom: clamp(8px, 0.9vw, 16px)  !important;
  }

  /* --- Sub-Links (18px → 12px) --- */
  .fusion-tb-footer .awb-submenu {
    --awb-font-size:                    clamp(12px, 1vw, 18px) !important;
    --awb-submenu-font-size:            clamp(16px, 1vw, 18px) !important;
    --awb-items-padding-bottom:         clamp(4px, 0.45vw, 8px) !important;
    --awb-submenu-items-padding-bottom: clamp(4px, 0.45vw, 8px) !important;
  }

  /* --- Legals-Leiste (17px) --- */
  .fusion-tb-footer .fusion-builder-row-13 .awb-menu {
    --awb-font-size: clamp(11px, 0.96vw, 17px) !important;
  }
}