.elementor-kit-6{--e-global-color-primary:#E62554;--e-global-color-secondary:#1D1434;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FF8036;--e-global-color-b31c0fe:#4200FE;--e-global-color-4212143:#6600EB;--e-global-color-be33d0a:#D2158D;--e-global-color-0182eae:#E62554;--e-global-color-ba95890:#FF8036;--e-global-color-b34029f:#FFFFFF;--e-global-color-dbf34b1:#07040D;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Inter-Variable";--e-global-typography-text-font-family:"Inter-Variable";--e-global-typography-text-font-style:normal;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1px;background-color:var( --e-global-color-dbf34b1 );color:var( --e-global-color-b34029f );font-family:"Inter-Variable", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-primary );}.elementor-kit-6 h1{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-kit-6 h2{font-family:"Poppins", Sans-serif;}.elementor-kit-6 h3{font-family:"Poppins", Sans-serif;}.elementor-kit-6 h4{font-family:"Poppins", Sans-serif;}.elementor-kit-6 h5{font-family:"Poppins", Sans-serif;}.elementor-kit-6 h6{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:1em;--container-default-padding-right:1em;--container-default-padding-bottom:1em;--container-default-padding-left:1em;}.elementor-widget:not(:last-child){margin-block-end:1em;}.elementor-element{--widgets-spacing:1em 1em;--widgets-spacing-row:1em;--widgets-spacing-column:1em;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* make the wrapper clickable */
.theme-toggle {
  cursor: pointer;
}

/* default: site starts in dark mode */
.theme-toggle__icon--dark {
  display: none;
}

/* when light mode is active */
body.theme-light .theme-toggle__icon--light {
  display: none;
}

body.theme-light .theme-toggle__icon--dark {
  display: block;
}

/* =========================
   DEFAULT / DARK THEME
   ========================= */
body.theme-dark,
body:not(.theme-light) {
  --e-global-color-primary: #E62554;
  --e-global-color-secondary: #1D1434;
  --e-global-color-text: #FFFFFF;
  --e-global-color-accent: #FF8036;

  /* custom colors */
  --e-global-color-b31c0fe: #4200FE; /* Neon Blue */
  --e-global-color-4212143: #6600EB; /* Cyber Grape */
  --e-global-color-be33d0a: #D2158D; /* Magenta Heat */
  --e-global-color-0182eae: #E62554; /* Action Red */
  --e-global-color-ba95890: #FF8036; /* Uplink Orange */
  --e-global-color-b34029f: #FFFFFF; /* White */
  --e-global-color-dbf34b1: #07040D; /* Smooth Blk */
}

/* =========================
   LIGHT THEME
   first pass / test version
   ========================= */
body.theme-light {
  --e-global-color-primary: #E62554;
  --e-global-color-secondary: #F3EDF8;
  --e-global-color-text: #16131C;
  --e-global-color-accent: #FF8036;

  /* custom colors */
  --e-global-color-b31c0fe: #4200FE; /* Neon Blue */
  --e-global-color-4212143: #6600EB; /* Cyber Grape */
  --e-global-color-be33d0a: #D2158D; /* Magenta Heat */
  --e-global-color-0182eae: #E62554; /* Action Red */
  --e-global-color-ba95890: #FF8036; /* Uplink Orange */
  --e-global-color-b34029f: #16131C; /* White token remapped for dark text */
  --e-global-color-dbf34b1: #FFFFFF; /* Smooth Blk token remapped for light bg */
}

/* optional base fallback */
body {
  background-color: var(--e-global-color-dbf34b1);
  color: var(--e-global-color-text);
}

/* =========================
   LIGHT MODE – TEXT FIXES
   ========================= */

/* 1) Tab Titles */
body.theme-light .glow-tabs .e-n-tab-title-text {
  color: #07040D !important;
}

/* 2) Kosten-Text */
body.theme-light .kosten {
  color: rgba(7, 4, 13, 0.5) !important;
  transition: color 0.2s ease;
}

body.theme-light .kosten:hover,
body.theme-light .kosten:focus,
body.theme-light .kosten:focus-visible {
  color: rgba(7, 4, 13, 1) !important;
}

/* 3) Accordion Title */
body.theme-light .e-n-accordion-item-title-header {
  color: rgba(7, 4, 13, 0.7) !important;
}

/* Header Pill im Light Mode */
body.theme-light .glass-header.is-scrolled .header-pill {
  background: rgba(255, 255, 255, 0.4) !important;
}

/* =========================
   HERO – LIGHT MODE v4
   ========================= */

body.theme-light .hero-liquid-host {
  background: linear-gradient(
    90deg,
    #4a00ff 0%,
    #7a00ff 20%,
    #c91793 56%,
    #ff4a21 86%,
    #ff9b73 100%
  ) !important;
}

body.theme-light .hero-liquid-wash {
  background:
    radial-gradient(64% 82% at 8% 78%, rgba(66, 0, 254, 1) 0%, rgba(66, 0, 254, 0.82) 28%, rgba(66, 0, 254, 0) 68%),
    radial-gradient(52% 58% at 46% 82%, rgba(210, 21, 141, 0.92) 0%, rgba(210, 21, 141, 0.56) 34%, rgba(210, 21, 141, 0) 72%),
    radial-gradient(56% 60% at 80% 74%, rgba(230, 37, 84, 0.96) 0%, rgba(255, 128, 54, 0.76) 38%, rgba(255, 128, 54, 0) 74%),
    radial-gradient(38% 34% at 96% 94%, rgba(255, 195, 170, 0.42) 0%, rgba(255, 195, 170, 0) 72%),
    linear-gradient(
      90deg,
      #4a00ff 0%,
      #7a00ff 20%,
      #c91793 56%,
      #ff4a21 86%,
      #ff9b73 100%
    ) !important;
}

body.theme-light .hero-liquid-mask {
  background:
    radial-gradient(56% 32% at 50% 8%, rgba(255, 255, 255, 0.10), transparent 72%),
    radial-gradient(28% 20% at 88% 14%, rgba(255, 255, 255, 0.04), transparent 72%),
    radial-gradient(42% 28% at 8% 18%, rgba(255, 255, 255, 0.03), transparent 68%),
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.01),
      rgba(255,255,255,0.00) 30%,
      rgba(255,255,255,0.03) 100%
    ) !important;
}

/* WICHTIG: auf hellem Hintergrund nicht 'screen' verwenden */
body.theme-light .hero-blob {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  filter: blur(105px) !important;
}

/* =========================
   HERO CONTENT – LIGHT MODE
   auf farbigem Hero wieder weiß
   ========================= */

body.theme-light .hero-liquid-content {
  color: #FFFFFF !important;
}

body.theme-light .hero-liquid-content h1,
body.theme-light .hero-liquid-content h3,
body.theme-light .hero-liquid-content p {
  color: #FFFFFF !important;
}

/* "Über mich" Button */
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke,
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke .elementor-button {
  color: #FFFFFF !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

/* optional: Hover für den Outline-Button */
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke:hover,
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke:focus,
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke .elementor-button:hover,
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke .elementor-button:focus {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* falls im Button ein Icon sitzt */
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke svg,
body.theme-light .hero-liquid-content .ueber-mich-sprungmarke i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* =========================
   HEADER ÜBER DEM HERO – LIGHT MODE
   im ersten Bereich weiß anzeigen
   ========================= */

/* Header solange er NICHT gescrollt ist */
body.theme-light .glass-header:not(.is-scrolled) {
  color: #FFFFFF !important;
}

body.theme-light .glass-header:not(.is-scrolled) a,
body.theme-light .glass-header:not(.is-scrolled) .elementor-button,
body.theme-light .glass-header:not(.is-scrolled) .elementor-icon,
body.theme-light .glass-header:not(.is-scrolled) .elementor-icon svg,
body.theme-light .glass-header:not(.is-scrolled) .theme-toggle,
body.theme-light .glass-header:not(.is-scrolled) .theme-toggle__button,
body.theme-light .glass-header:not(.is-scrolled) .theme-toggle__icon,
body.theme-light .glass-header:not(.is-scrolled) .header-pill {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Kontakt-Button im Header */
body.theme-light .glass-header:not(.is-scrolled) .elementor-button,
body.theme-light .glass-header:not(.is-scrolled) .header-pill .elementor-button {
  border-color: rgba(255, 255, 255, 0.85) !important;
}

/* falls dein Logo als SVG eingebunden ist */
body.theme-light .glass-header:not(.is-scrolled) svg {
  fill: #FFFFFF !important;
}

/* =========================
   HERO / HEADER FEINTUNING – LIGHT MODE
   ========================= */

/* Hero-Text ohne Schatten */
body.theme-light .hero-liquid-content h3,
body.theme-light .hero-liquid-content p {
  text-shadow: none !important;
  filter: none !important;
}

/* optional auch für H1, falls da ebenfalls noch ein Schatten draufliegt */
body.theme-light .hero-liquid-content h1 {
  filter: none !important;
  text-shadow: none !important;
}

/* Header-Navigation im Hero: Separatoren / Linien weiß */
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item::after,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .menu-item,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .menu-item::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .menu-item::after {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

/* falls die "Pointer" als Text/SVG/Icon eingebunden sind */
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main i,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* Kontakt-Button: Icon ohne unschöne Outline */
body.theme-light .glass-header:not(.is-scrolled) .elementor-button-icon,
body.theme-light .glass-header:not(.is-scrolled) .elementor-button-icon svg,
body.theme-light .glass-header:not(.is-scrolled) .elementor-button-icon i {
  color: #FFFFFF !important;
  fill: currentColor !important;
  stroke: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Falls dein Kontakt-Pfeil als Pseudo-Element kommt */
body.theme-light .glass-header:not(.is-scrolled) .elementor-button::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-button::after {
  border-color: rgba(255, 255, 255, 0.9) !important;
  color: #FFFFFF !important;
}

/* =========================
   HEADER NAV HOVER/ACTIVE – LIGHT MODE IM HERO
   ========================= */

/* Hover / Focus / Current Item Text */
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item:hover,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item:focus,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item.elementor-item-active,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .current-menu-item > a,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .current-menu-ancestor > a {
  color: #FFFFFF !important;
}

/* Hover / Active Linien und Trenner */
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item:hover::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item:hover::after,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item:focus::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item:focus::after,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item.elementor-item-active::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item.elementor-item-active::after,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .current-menu-item > a::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .current-menu-item > a::after,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .current-menu-ancestor > a::before,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .current-menu-ancestor > a::after {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Elementor Nav Indicator */
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item::after,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item::before {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

/* Falls die Unterstreichung ein separates Element ist */
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-nav-menu .sub-arrow,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item-highlight,
body.theme-light .glass-header:not(.is-scrolled) .elementor-nav-menu--main .elementor-item.elementor-item-active .elementor-item-text {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

body.theme-light .fade-border-left::before {
  background: linear-gradient(
    to bottom,
    rgba(7, 4, 13, 0) 0%,
    rgba(7, 4, 13, 0.75) 20%,
    rgba(7, 4, 13, 0.65) 80%,
    rgba(7, 4, 13, 0) 100%
  ) !important;
}

/* =========================
   LIGHT MODE – BACKGROUNDS AUSBLENDEN
   ========================= */

body.theme-light .nutzen-bg {
  background-image: none !important;
}

body.theme-light .projekte-section {
  background-image: none !important;
}

body.theme-light .faq-section {
  background-image: none !important;
}

/* =========================
   LIGHT MODE – BG-IMAGES TAUSCHEN
   ========================= */

body.theme-light .about-sebi-section {
  background-image: url("/wp-content/uploads/2026/04/bg-about-sebi-light-mode.png") !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* =========================
   WORKFLOW SECTION
   ========================= */

/* Section selbst */
body.theme-light .workflow-section {
  color: #FFFFFF !important;
  background-image: url("/wp-content/uploads/2026/04/bg-gradient-long-light-mode.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Typische Texte weiß */
body.theme-light .workflow-section h3,
body.theme-light .workflow-section h4,
body.theme-light .workflow-section p,
body.theme-light .workflow-section li,
body.theme-light .workflow-section a,
body.theme-light .workflow-section .elementor-heading-title,
body.theme-light .workflow-section .elementor-icon-list-text,
body.theme-light .workflow-section .elementor-icon-list-item,
body.theme-light .workflow-section .elementor-button-text {
  color: #FFFFFF !important;
}

/* Workflow Button */
body.theme-light .workflow-section #workflow,
body.theme-light .workflow-section #workflow .elementor-button,
body.theme-light .workflow-section #workflow > .elementor-widget-container {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* Goal Tags */
body.theme-light .workflow-section .goal-tag,
body.theme-light .workflow-section .goal-tag .elementor-button,
body.theme-light .workflow-section .goal-tag a,
body.theme-light .workflow-section .goal-tag span,
body.theme-light .workflow-section .goal-tag::before,
body.theme-light .workflow-section .goal-tag::after,
body.theme-light .workflow-section .goal-tag > .elementor-widget-container {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* Obere Workflow-Icons */
body.theme-light .workflow-section .workflow-icon .elementor-icon svg {
  fill: #FFFFFF !important;
}

/* Card-Hintergrund im Light Mode */
body.theme-light .workflow-section .workflow-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  isolation: isolate;

  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.16) 0%,
    rgba(255, 255, 255, 0.34) 22%,
    rgba(255, 255, 255, 0.22) 48%,
    rgba(255, 255, 255, 0.38) 72%
  ) !important;

  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}

/* =========================
   HEADLINE FOCUS
   Gradient-Text nur im Light Mode
   ========================= */

/* Wrapper sicher neutral halten */
body.theme-light .headline-focus,
body.theme-light .headline-focus .elementor-widget-container,
body.theme-light .headline-focus .elementor-heading-title {
  overflow: visible !important;
}

body.theme-light .headline-focus,
body.theme-light .headline-focus .elementor-widget-container {
  background: none !important;
}

/* Nur der eigentliche Heading-Text bekommt den Verlauf */
body.theme-light .headline-focus .elementor-heading-title {
  background: linear-gradient(
    76deg,
    rgba(66, 0, 254, 1) 10%,
    rgba(210, 21, 141, 1) 47%,
    rgba(230, 37, 84, 1) 60%,
    rgba(255, 128, 54, 1) 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  display: inline-block !important;
  width: fit-content;
  padding-bottom: 0.15em !important;
  margin-bottom: -0.15em;
}

/* Dark Mode: normal */
body.theme-dark .headline-focus .elementor-heading-title,
body:not(.theme-light) .headline-focus .elementor-heading-title {
  background: none !important;
  -webkit-text-fill-color: initial !important;
  color: inherit !important;
}

body.theme-light .headline-focus .elementor-heading-title::selection {
  -webkit-text-fill-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Light Mode: Background-Image der infp-section ausblenden */
body.theme-light .infp-section {
  background-image: none !important;
}

/* =========================
   WORKFLOW – LIGHT MODE
   nur Overlay raus
   ========================= */

body.theme-light .workflow-section > .elementor-background-overlay,
body.theme-light .workflow-section .elementor-background-overlay {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

body.theme-light .workflow-section::before,
body.theme-light .workflow-section::after {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* =========================
   ABOUT SEBI SECTION
   Light Mode – Text weiß
   ========================= */

body.theme-light .about-sebi-section {
  color: #FFFFFF !important;
}

/* typische Texte weiß */
body.theme-light .about-sebi-section h1,
body.theme-light .about-sebi-section h2,
body.theme-light .about-sebi-section h3,
body.theme-light .about-sebi-section h4,
body.theme-light .about-sebi-section p,
body.theme-light .about-sebi-section li,
body.theme-light .about-sebi-section a,
body.theme-light .about-sebi-section .elementor-heading-title,
body.theme-light .about-sebi-section .elementor-widget-text-editor,
body.theme-light .about-sebi-section .elementor-widget-text-editor p,
body.theme-light .about-sebi-section .elementor-widget-text-editor li,
body.theme-light .about-sebi-section .elementor-button-text {
  color: #FFFFFF !important;
}

/* Buttons in der Section */
body.theme-light .about-sebi-section .elementor-button {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* About-Sebi Buttons – Icons im Light Mode */
body.theme-light .about-sebi-section .elementor-button i,
body.theme-light .about-sebi-section .elementor-button i::before {
  color: #FFFFFF !important;
}

body.theme-light .about-sebi-section .elementor-button svg path {
  fill: #FFFFFF !important;
}

body.theme-light .about-sebi-section .elementor-button svg rect {
  fill: none !important;
  stroke: none !important;
}

/* Tags / Pills mit goal-tag */
body.theme-light .about-sebi-section .goal-tag,
body.theme-light .about-sebi-section .goal-tag .elementor-button,
body.theme-light .about-sebi-section .goal-tag a,
body.theme-light .about-sebi-section .goal-tag span,
body.theme-light .about-sebi-section .goal-tag::before,
body.theme-light .about-sebi-section .goal-tag::after,
body.theme-light .about-sebi-section .goal-tag > .elementor-widget-container {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* =========================
   ABOUT SEBI – LIGHT MODE
   Nur Overlay raus
   ========================= */

body.theme-light .about-sebi-section > .elementor-background-overlay,
body.theme-light .about-sebi-section .elementor-background-overlay {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

body.theme-light .about-sebi-section::before,
body.theme-light .about-sebi-section::after {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
}

/* =========================
   HEADER ÜBER FARBIGEN SECTIONS
   ========================= */

body.theme-light.header-on-color-section .glass-header {
  color: #FFFFFF !important;
}

/* Logo / Links / Texte */
body.theme-light.header-on-color-section .glass-header a,
body.theme-light.header-on-color-section .glass-header .elementor-item,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .elementor-item,
body.theme-light.header-on-color-section .glass-header .elementor-button,
body.theme-light.header-on-color-section .glass-header .elementor-button-text,
body.theme-light.header-on-color-section .glass-header .theme-toggle,
body.theme-light.header-on-color-section .glass-header .theme-toggle__button,
body.theme-light.header-on-color-section .glass-header .theme-toggle__icon,
body.theme-light.header-on-color-section .glass-header .header-pill,
body.theme-light.header-on-color-section .glass-header .header-pill * {
  color: #FFFFFF !important;
}

/* Menü-Trenner / Linien */
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .elementor-item::before,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .elementor-item::after,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .menu-item::before,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .menu-item::after {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* Hover / Active ebenfalls weiß lassen */
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .elementor-item:hover,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .elementor-item:focus,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .elementor-item.elementor-item-active,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .current-menu-item > a,
body.theme-light.header-on-color-section .glass-header .elementor-nav-menu--main .current-menu-ancestor > a {
  color: #FFFFFF !important;
}

/* Kontakt-Button Outline */
body.theme-light.header-on-color-section .glass-header .elementor-button,
body.theme-light.header-on-color-section .glass-header .header-pill .elementor-button {
  border-color: #FFFFFF !important;
}

/* =========================
   CTA FOOTER
   Light Mode
   ========================= */

body.theme-light .c2a-footer {
  background-image: url("/wp-content/uploads/2026/04/gradient-bg-light-mode-footer-scaled.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: #FFFFFF !important;
}

/* typische Texte im Footer weiß */
body.theme-light .c2a-footer h1,
body.theme-light .c2a-footer h2,
body.theme-light .c2a-footer h3,
body.theme-light .c2a-footer h4,
body.theme-light .c2a-footer h5,
body.theme-light .c2a-footer h6,
body.theme-light .c2a-footer p,
body.theme-light .c2a-footer li,
body.theme-light .c2a-footer a,
body.theme-light .c2a-footer span,
body.theme-light .c2a-footer strong,
body.theme-light .c2a-footer em,
body.theme-light .c2a-footer small,
body.theme-light .c2a-footer .elementor-heading-title,
body.theme-light .c2a-footer .elementor-widget-text-editor,
body.theme-light .c2a-footer .elementor-widget-text-editor p,
body.theme-light .c2a-footer .elementor-widget-text-editor li,
body.theme-light .c2a-footer .elementor-icon-list-text,
body.theme-light .c2a-footer .elementor-icon-list-item,
body.theme-light .c2a-footer .elementor-nav-menu a {
  color: #FFFFFF !important;
}

/* Logo / SVGs / Icons weiß */
body.theme-light .c2a-footer svg,
body.theme-light .c2a-footer svg *,
body.theme-light .c2a-footer .elementor-icon,
body.theme-light .c2a-footer .elementor-icon i,
body.theme-light .c2a-footer .elementor-icon i::before {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* falls Trenner / Linien / Borders im Footer vorkommen */
body.theme-light .c2a-footer .elementor-item::before,
body.theme-light .c2a-footer .elementor-item::after,
body.theme-light .c2a-footer .menu-item::before,
body.theme-light .c2a-footer .menu-item::after {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* Footer CTA Button im Light Mode */
body.theme-light .c2a-footer .cta-footer-btn,
body.theme-light .c2a-footer .cta-footer-btn .elementor-button {
  background: #FFFFFF !important;
  color: #07040D !important;
  border-color: #FFFFFF !important;
}

/* Button-Text */
body.theme-light .c2a-footer .cta-footer-btn .elementor-button-text,
body.theme-light .c2a-footer .cta-footer-btn span,
body.theme-light .c2a-footer .cta-footer-btn a {
  color: #07040D !important;
}

/* falls Bild/Icon im Button sitzt, nicht verfärben */
body.theme-light .c2a-footer .cta-footer-btn svg,
body.theme-light .c2a-footer .cta-footer-btn svg *,
body.theme-light .c2a-footer .cta-footer-btn img {
  fill: unset !important;
  stroke: unset !important;
  color: inherit !important;
}

/* Footer CTA Button – Text ist ein Heading */
body.theme-light .c2a-footer .cta-footer-btn .elementor-heading-title,
body.theme-light .c2a-footer .cta-footer-btn .elementor-heading-title a,
body.theme-light .c2a-footer .cta-footer-btn .elementor-widget-heading,
body.theme-light .c2a-footer .cta-footer-btn .elementor-widget-heading * {
  color: #07040D !important;
  -webkit-text-fill-color: #07040D !important;
}

/* =========================
   TAB-INHALT-BORDER
   Light Mode – dunkler Verlauf
   global für alle Elemente mit .tab-inhalt-border
   ========================= */

body.theme-light .tab-inhalt-border {
  --tab-content-border-gradient: linear-gradient(
    70deg,
    rgba(7, 4, 13, 1) 39%,
    rgba(7, 4, 13, 0.35) 100%
  );
}

body.theme-light .tab-inhalt-border::before {
  background: var(--tab-content-border-gradient) !important;
  padding: 1.5px !important;
}

/* Light Mode – auf farbigem Verlauf wieder weiß */
body.theme-light .tab-inhalt-border.on-gradient {
  --tab-content-border-gradient: linear-gradient(
    70deg,
    rgba(255, 255, 255, 1) 39%,
    rgba(255, 255, 255, 0.35) 100%
  );
}

body.theme-light .tab-inhalt-border.on-gradient::before {
  background: var(--tab-content-border-gradient) !important;
}

/* =========================
   CERTIFIED BOX – HERO
   Light Mode
   ========================= */

body.theme-light .certified-box,
body.theme-light .certified-box .elementor-icon-box-wrapper,
body.theme-light .certified-box .elementor-icon-box-content {
  color: #FFFFFF !important;
}

/* Headline */
body.theme-light .certified-box .elementor-icon-box-title,
body.theme-light .certified-box .elementor-icon-box-title a,
body.theme-light .certified-box h5 {
  color: #FFFFFF !important;
}

/* Beschreibung */
body.theme-light .certified-box .elementor-icon-box-description,
body.theme-light .certified-box .elementor-icon-box-description a,
body.theme-light .certified-box p,
body.theme-light .certified-box span {
  color: #FFFFFF !important;
}

/* Icon: NUR das eigentliche Symbol weiß */
body.theme-light .certified-box .elementor-icon-box-icon .elementor-icon svg path {
  fill: #FFFFFF !important;
  stroke: none !important;
}

/* Bounding-Rect aus */
body.theme-light .certified-box .elementor-icon-box-icon .elementor-icon svg rect {
  fill: none !important;
  stroke: none !important;
}

/* =========================
   CERTIFIED POPUP MODAL
   Light Mode – Background Image aus
   ========================= */

body.theme-light .certified-popup-modal,
body.theme-light .certified-popup-modal .dialog-widget-content {
  background-image: none !important;
}

/* Hero Button 1 – Icon im Light Mode weiß */
body.theme-light .hero-btn-1 .elementor-button-icon svg path {
  fill: #FFFFFF !important;
  stroke: none !important;
}

/* transparente Hilfsfläche im SVG aus */
body.theme-light .hero-btn-1 .elementor-button-icon svg rect {
  fill: none !important;
  stroke: none !important;
}

/* LinkedIn-Icon im Light Mode:
   NUR das Zeichen auf Smooth Blk setzen,
   Hintergrund komplett in Ruhe lassen */
body.theme-light .linkedin-icon .elementor-icon,
body.theme-light .linkedin-icon i,
body.theme-light .linkedin-icon i::before {
  color: #07040D !important;
}

/* falls es ein SVG ist */
body.theme-light .linkedin-icon .elementor-icon svg path {
  fill: #07040D !important;
  stroke: none !important;
}

/* transparentes Hilfs-Rect im SVG nicht anfassen / ausblenden */
body.theme-light .linkedin-icon .elementor-icon svg rect {
  fill: none !important;
  stroke: none !important;
}

/* =========================
   HEADER CONTACT BUTTON ICON
   ========================= */

/* Light Mode auf hellen Sections = Smooth Blk */
body.theme-light .header-contact-btn .elementor-button-icon,
body.theme-light .header-contact-btn .elementor-button-icon svg path {
  color: #07040D !important;
  fill: #07040D !important;
  stroke: none !important;
}

/* Transparente SVG-Hilfsfläche aus */
body.theme-light .header-contact-btn .elementor-button-icon svg rect {
  fill: none !important;
  stroke: none !important;
}

/* Falls es ein Font-Icon wäre */
body.theme-light .header-contact-btn .elementor-button-icon i,
body.theme-light .header-contact-btn .elementor-button-icon i::before {
  color: #07040D !important;
}

/* Auf Gradient / Hero wieder weiß */
body.theme-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon,
body.theme-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg path,
body.theme-light.header-on-color-section .header-contact-btn .elementor-button-icon,
body.theme-light.header-on-color-section .header-contact-btn .elementor-button-icon svg path {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: none !important;
}

body.theme-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg rect,
body.theme-light.header-on-color-section .header-contact-btn .elementor-button-icon svg rect {
  fill: none !important;
  stroke: none !important;
}

/* =========================
   ICON LIST
   Light Mode – Icons in Smooth Blk
   ========================= */

body.theme-light .service-icon-list .elementor-icon-list-icon,
body.theme-light .service-icon-list .elementor-icon-list-icon i,
body.theme-light .service-icon-list .elementor-icon-list-icon i::before {
  color: #07040D !important;
}

/* SVG-Icons */
body.theme-light .service-icon-list .elementor-icon-list-icon svg path {
  fill: #07040D !important;
  stroke: none !important;
}

/* transparente SVG-Hilfsfläche aus */
body.theme-light .service-icon-list .elementor-icon-list-icon svg rect {
  fill: none !important;
  stroke: none !important;
}

/* =========================
   ICON LIST – WHITE VERSION
   Light Mode auf Gradient
   Klasse auf dem Icon-List-Widget:
   service-icon-list-white
   ========================= */

body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon,
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon * {
  color: #FFFFFF !important;
}

/* Font-Icons */
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon i,
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon i::before {
  color: #FFFFFF !important;
}

/* SVG allgemein */
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg {
  color: #FFFFFF !important;
}

/* echte SVG-Formen */
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg path,
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg circle,
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg ellipse,
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg line,
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg polyline,
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg polygon {
  fill: #FFFFFF !important;
}

/* transparente Hilfsflächen / Bounding-Rects aus */
body.theme-light .workflow-section .service-icon-list-white .elementor-icon-list-icon svg rect {
  fill: none !important;
  stroke: none !important;
}

/* =========================
   KOSTEN-TAG
   Light Mode
   ========================= */

body.theme-light .kosten-tag,
body.theme-light .kosten-tag .elementor-button,
body.theme-light .kosten-tag > .elementor-widget-container {
  color: rgba(7, 4, 13, 0.5) !important;
  border-color: rgba(7, 4, 13, 0.5) !important;
  background: transparent !important;
}

/* Text im Tag */
body.theme-light .kosten-tag .elementor-button-text,
body.theme-light .kosten-tag span,
body.theme-light .kosten-tag a {
  color: rgba(7, 4, 13, 0.5) !important;
}

/* Hover / Focus wieder voll sichtbar */
body.theme-light .kosten-tag:hover,
body.theme-light .kosten-tag:focus,
body.theme-light .kosten-tag:focus-visible,
body.theme-light .kosten-tag .elementor-button:hover,
body.theme-light .kosten-tag .elementor-button:focus {
  color: rgba(7, 4, 13, 1) !important;
  border-color: rgba(7, 4, 13, 1) !important;
}

body.theme-light .kosten-tag:hover .elementor-button-text,
body.theme-light .kosten-tag:focus .elementor-button-text,
body.theme-light .kosten-tag .elementor-button:hover .elementor-button-text,
body.theme-light .kosten-tag .elementor-button:focus .elementor-button-text,
body.theme-light .kosten-tag:hover span,
body.theme-light .kosten-tag:focus span {
  color: rgba(7, 4, 13, 1) !important;
}

/* =========================
   GLOW-FOLLOW
   Light Mode – Glow aus
   ========================= */

body.theme-light .glow-follow > .glow-follow__aura,
body.theme-light .glow-follow > .glow-follow__tint {
  display: none !important;
  opacity: 0 !important;
}

body.theme-light .glow-follow.is-glow-hover > .glow-follow__aura,
body.theme-light .glow-follow.is-glow-hover > .glow-follow__tint {
  display: none !important;
  opacity: 0 !important;
}

/* =========================
   FAQ SECTION
   Light Mode – komplett
   ========================= */

/* FAQ Tag / kleiner Button oben */
body.theme-light .faq-section .goal-tag,
body.theme-light .faq-section .goal-tag .elementor-button,
body.theme-light .faq-section .goal-tag > .elementor-widget-container,
body.theme-light .faq-section .goal-tag span,
body.theme-light .faq-section .goal-tag a {
  color: #07040D !important;
  border-color: #07040D !important;
  background: transparent !important;
}

/* Accordion Grundzustand */
body.theme-light .faq-accordion .e-n-accordion-item-title,
body.theme-light .faq-accordion .e-n-accordion-item-title-header,
body.theme-light .faq-accordion .e-n-accordion-item-title-text {
  color: rgba(7, 4, 13, 0.5) !important;
  background: transparent !important;
}

/* Geöffneter / aktiver Titel */
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-header,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-text,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"],
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-header,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  color: #07040D !important;
}

/* Hover / Focus ebenfalls Smooth Blk */
body.theme-light .faq-accordion .e-n-accordion-item-title:hover,
body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-header,
body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus .e-n-accordion-item-title-header,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus .e-n-accordion-item-title-text,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus-visible,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus-visible .e-n-accordion-item-title-header,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus-visible .e-n-accordion-item-title-text {
  color: #07040D !important;
}

/* Fließtext im geöffneten Accordion */
body.theme-light .faq-accordion .e-n-accordion-item-content,
body.theme-light .faq-accordion .e-n-accordion-item-content p,
body.theme-light .faq-accordion .e-n-accordion-item-content li,
body.theme-light .faq-accordion .e-n-accordion-item-content strong,
body.theme-light .faq-accordion .e-n-accordion-item-content span,
body.theme-light .faq-accordion .e-n-accordion-item-content a {
  color: #07040D !important;
}

/* Trennlinien */
body.theme-light .faq-accordion .e-n-accordion-item-title {
  position: relative;
}

body.theme-light .faq-accordion .e-n-accordion-item-title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.5px;
  background: linear-gradient(
    75deg,
    rgba(7, 4, 13, 0.6) 0%,
    rgba(7, 4, 13, 0.2) 100%
  ) !important;
  opacity: 1 !important;
  pointer-events: none;
}

body.theme-light .faq-accordion .e-n-accordion-item:last-child .e-n-accordion-item-title::after {
  background: linear-gradient(
    75deg,
    rgba(7, 4, 13, 0.6) 0%,
    rgba(7, 4, 13, 0.2) 100%
  ) !important;
}

/* Icon-Wrapper neutral halten */
body.theme-light .faq-accordion .e-n-accordion-item-title-icon,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon:hover,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon:focus,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon:focus-visible {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Font-Icons */
body.theme-light .faq-accordion .e-n-accordion-item-title-icon i,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon i::before {
  color: rgba(7, 4, 13, 0.58) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Font-Icons bei Hover / aktiv */
body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon i,
body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon i::before,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus .e-n-accordion-item-title-icon i,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus .e-n-accordion-item-title-icon i::before,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus-visible .e-n-accordion-item-title-icon i,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus-visible .e-n-accordion-item-title-icon i::before,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon i,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon i::before,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon i,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon i::before {
  color: #07040D !important;
}

/* SVG-Wrapper neutral */
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Plus/Minus-Formen: Standardzustand */
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg path,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg polygon {
  fill: rgba(7, 4, 13, 0.58) !important;
  stroke: none !important;
}

/* Falls das Icon doch über Linien gebaut ist */
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg line,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg polyline {
  stroke: rgba(7, 4, 13, 0.58) !important;
  fill: none !important;
}

/* Hover / aktiv */
body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg path,
body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg polygon,
body.theme-light .faq-accordion .e-n-accordion-item:focus .e-n-accordion-item-title-icon svg path,
body.theme-light .faq-accordion .e-n-accordion-item:focus .e-n-accordion-item-title-icon svg polygon,
body.theme-light .faq-accordion .e-n-accordion-item:focus-visible .e-n-accordion-item-title-icon svg path,
body.theme-light .faq-accordion .e-n-accordion-item:focus-visible .e-n-accordion-item-title-icon svg polygon,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg path,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg polygon,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg path,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg polygon {
  fill: #07040D !important;
  stroke: none !important;
}

body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg line,
body.theme-light .faq-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg polyline,
body.theme-light .faq-accordion .e-n-accordion-item:focus .e-n-accordion-item-title-icon svg line,
body.theme-light .faq-accordion .e-n-accordion-item:focus .e-n-accordion-item-title-icon svg polyline,
body.theme-light .faq-accordion .e-n-accordion-item:focus-visible .e-n-accordion-item-title-icon svg line,
body.theme-light .faq-accordion .e-n-accordion-item:focus-visible .e-n-accordion-item-title-icon svg polyline,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg line,
body.theme-light .faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg polyline,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg line,
body.theme-light .faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg polyline {
  stroke: #07040D !important;
  fill: none !important;
}

/* Hilfsflächen / Bounding-Elemente aus */
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg rect,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg circle,
body.theme-light .faq-accordion .e-n-accordion-item-title-icon svg ellipse {
  fill: none !important;
  stroke: none !important;
}

/* Unschöne Focus-Ringe vermeiden */
body.theme-light .faq-accordion .e-n-accordion-item-title:focus,
body.theme-light .faq-accordion .e-n-accordion-item-title:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* =========================
   HEADER BURGER ICON
   Light Mode
   Klasse auf dem Icon-Widget:
   header-burger-icon
   ========================= */

/* Grundzustand auf hellen Flächen */
body.theme-light .header-burger-icon .elementor-icon,
body.theme-light .header-burger-icon .elementor-icon i,
body.theme-light .header-burger-icon .elementor-icon i::before {
  color: #07040D !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Auf Gradient / Hero wieder weiß */
body.theme-light .glass-header:not(.is-scrolled) .header-burger-icon .elementor-icon,
body.theme-light.header-on-color-section .header-burger-icon .elementor-icon,
body.theme-light .glass-header:not(.is-scrolled) .header-burger-icon .elementor-icon i,
body.theme-light.header-on-color-section .header-burger-icon .elementor-icon i,
body.theme-light .glass-header:not(.is-scrolled) .header-burger-icon .elementor-icon i::before,
body.theme-light.header-on-color-section .header-burger-icon .elementor-icon i::before {
  color: #FFFFFF !important;
}

/* Sichtbare Burger-Balken */
body.theme-light .header-burger-icon .elementor-icon svg rect,
body.theme-light .header-burger-icon .elementor-icon svg path,
body.theme-light .header-burger-icon .elementor-icon svg polygon {
  fill: currentColor !important;
  stroke: none !important;
}

body.theme-light .header-burger-icon .elementor-icon svg line,
body.theme-light .header-burger-icon .elementor-icon svg polyline {
  stroke: currentColor !important;
  fill: none !important;
}

/* NUR das transparente Hilfs-Rect ausknipsen */
body.theme-light .header-burger-icon .elementor-icon svg rect#_Transparent_Rectangle_,
body.theme-light .header-burger-icon .elementor-icon svg rect.cls-1 {
  fill: none !important;
  stroke: none !important;
}

/* =========================
   MOBILE MENU POPUP
   im Light Mode optisch wie Dark Mode
   Popup-Klasse: mobile-menu-dark
   ========================= */

/* Grundtext im Popup wieder weiß */
body.theme-light .mobile-menu-dark,
body.theme-light .mobile-menu-dark a,
body.theme-light .mobile-menu-dark p,
body.theme-light .mobile-menu-dark span,
body.theme-light .mobile-menu-dark li,
body.theme-light .mobile-menu-dark .elementor-heading-title,
body.theme-light .mobile-menu-dark .elementor-widget-text-editor,
body.theme-light .mobile-menu-dark .elementor-widget-text-editor p,
body.theme-light .mobile-menu-dark .elementor-nav-menu a,
body.theme-light .mobile-menu-dark .elementor-item {
  color: #FFFFFF !important;
}

/* Close/X Icon wieder weiß */
body.theme-light .mobile-menu-dark .dialog-close-button,
body.theme-light .mobile-menu-dark .dialog-close-button i,
body.theme-light .mobile-menu-dark .dialog-close-button i::before,
body.theme-light .mobile-menu-dark .dialog-close-button svg path {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  stroke: none !important;
}

/* Menülinks */
body.theme-light .mobile-menu-dark .elementor-nav-menu a,
body.theme-light .mobile-menu-dark .elementor-item {
  color: #FFFFFF !important;
}

/* Footer-Links im Popup */
body.theme-light .mobile-menu-dark .menu-item a,
body.theme-light .mobile-menu-dark .elementor-widget a {
  color: #FFFFFF !important;
}

/* CTA Button im Popup wie Dark-Version:
   weißer Button, dunkler Text */
body.theme-light .mobile-menu-dark .elementor-button,
body.theme-light .mobile-menu-dark .elementor-button-wrapper a {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #07040D !important;
}

/* Button-Text */
body.theme-light .mobile-menu-dark .elementor-button-text,
body.theme-light .mobile-menu-dark .elementor-button span,
body.theme-light .mobile-menu-dark .elementor-button .elementor-heading-title {
  color: #07040D !important;
  -webkit-text-fill-color: #07040D !important;
}

/* SVG/Icon im CTA Button nicht versehentlich weiß färben */
body.theme-light .mobile-menu-dark .elementor-button svg path,
body.theme-light .mobile-menu-dark .elementor-button svg polygon {
  fill: #07040D !important;
}

body.theme-light .mobile-menu-dark .elementor-button svg rect {
  fill: none !important;
  stroke: none !important;
}

body.theme-light .mobile-menu-dark .dialog-close-button svg {
	fill: #FFFFFF !important;
}

/* =========================
   MOBILE MENU – CTA DIV BUTTON
   Klasse: popout-menu-btn
   ========================= */

body.theme-light .mobile-menu-dark .popout-menu-btn {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  overflow: hidden !important;
}

/* Nur der Text dunkel */
body.theme-light .mobile-menu-dark .popout-menu-btn .elementor-heading-title,
body.theme-light .mobile-menu-dark .popout-menu-btn .elementor-heading-title a,
body.theme-light .mobile-menu-dark .popout-menu-btn .elementor-widget-heading,
body.theme-light .mobile-menu-dark .popout-menu-btn .elementor-widget-heading * {
  color: #07040D !important;
  -webkit-text-fill-color: #07040D !important;
}

/* Falls noch andere Textelemente drin sind */
body.theme-light .mobile-menu-dark .popout-menu-btn p,
body.theme-light .mobile-menu-dark .popout-menu-btn span,
body.theme-light .mobile-menu-dark .popout-menu-btn a {
  color: #07040D !important;
}

/* Bild und Bild-Wrapper komplett in Ruhe lassen */
body.theme-light .mobile-menu-dark .popout-menu-btn .elementor-widget-image,
body.theme-light .mobile-menu-dark .popout-menu-btn .elementor-widget-image *,
body.theme-light .mobile-menu-dark .popout-menu-btn img {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =========================
   PROJECT SLIDER
   Light Mode – Icons sichtbar
   ========================= */

/* -------------------------
   1) Tag Buttons
   Klasse: project-tag-btn
------------------------- */

body.theme-light .project-tag-btn,
body.theme-light .project-tag-btn .elementor-button {
  color: #07040D !important;
  border-color: #07040D !important;
}

body.theme-light .project-tag-btn .elementor-button-text,
body.theme-light .project-tag-btn span {
  color: #07040D !important;
}

body.theme-light .project-tag-btn .elementor-button-icon,
body.theme-light .project-tag-btn .elementor-button-icon i,
body.theme-light .project-tag-btn .elementor-button-icon i::before {
  color: #07040D !important;
}

body.theme-light .project-tag-btn .elementor-button-icon svg path,
body.theme-light .project-tag-btn .elementor-button-icon svg polygon {
  fill: #07040D !important;
  stroke: none !important;
}

body.theme-light .project-tag-btn .elementor-button-icon svg line,
body.theme-light .project-tag-btn .elementor-button-icon svg polyline {
  stroke: #07040D !important;
  fill: none !important;
}

body.theme-light .project-tag-btn .elementor-button-icon svg rect[id*="Transparent"],
body.theme-light .project-tag-btn .elementor-button-icon svg rect[class*="cls-1"],
body.theme-light .project-tag-btn .elementor-button-icon svg rect[fill-opacity="0.01"] {
  fill: none !important;
  stroke: none !important;
}

/* -------------------------
   2) Project Accordion
   Klasse: project-accordion
------------------------- */

body.theme-light .project-accordion .e-n-accordion-item-title-icon,
body.theme-light .project-accordion .e-n-accordion-item-title-icon i,
body.theme-light .project-accordion .e-n-accordion-item-title-icon i::before {
  color: #07040D !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body.theme-light .project-accordion .e-n-accordion-item-title-icon svg path,
body.theme-light .project-accordion .e-n-accordion-item-title-icon svg polygon {
  fill: #07040D !important;
  stroke: none !important;
}

body.theme-light .project-accordion .e-n-accordion-item-title-icon svg line,
body.theme-light .project-accordion .e-n-accordion-item-title-icon svg polyline {
  stroke: #07040D !important;
  fill: none !important;
}

body.theme-light .project-accordion .e-n-accordion-item-title-icon svg rect[id*="Transparent"],
body.theme-light .project-accordion .e-n-accordion-item-title-icon svg rect[class*="cls-1"],
body.theme-light .project-accordion .e-n-accordion-item-title-icon svg rect[fill-opacity="0.01"] {
  fill: none !important;
  stroke: none !important;
}

/* -------------------------
   3) Icon List
   Klasse: project-icon-list
------------------------- */

body.theme-light .project-icon-list .elementor-icon-list-icon,
body.theme-light .project-icon-list .elementor-icon-list-icon i,
body.theme-light .project-icon-list .elementor-icon-list-icon i::before {
  color: #07040D !important;
}

body.theme-light .project-icon-list .elementor-icon-list-icon svg path,
body.theme-light .project-icon-list .elementor-icon-list-icon svg polygon {
  fill: #07040D !important;
  stroke: none !important;
}

body.theme-light .project-icon-list .elementor-icon-list-icon svg line,
body.theme-light .project-icon-list .elementor-icon-list-icon svg polyline {
  stroke: #07040D !important;
  fill: none !important;
}

body.theme-light .project-icon-list .elementor-icon-list-icon svg rect[id*="Transparent"],
body.theme-light .project-icon-list .elementor-icon-list-icon svg rect[class*="cls-1"],
body.theme-light .project-icon-list .elementor-icon-list-icon svg rect[fill-opacity="0.01"] {
  fill: none !important;
  stroke: none !important;
}

/* -------------------------
   4) Carousel / Slider Arrows
   Klasse: project-slider
------------------------- */

body.theme-light .project-slider .elementor-swiper-button,
body.theme-light .project-slider .swiper-button-prev,
body.theme-light .project-slider .swiper-button-next,
body.theme-light .project-slider .swiper-navigation-button {
  color: #07040D !important;
}

body.theme-light .project-slider .elementor-swiper-button i,
body.theme-light .project-slider .elementor-swiper-button i::before,
body.theme-light .project-slider .swiper-button-prev i,
body.theme-light .project-slider .swiper-button-prev i::before,
body.theme-light .project-slider .swiper-button-next i,
body.theme-light .project-slider .swiper-button-next i::before {
  color: #07040D !important;
}

body.theme-light .project-slider .elementor-swiper-button svg path,
body.theme-light .project-slider .elementor-swiper-button svg polygon,
body.theme-light .project-slider .swiper-button-prev svg path,
body.theme-light .project-slider .swiper-button-prev svg polygon,
body.theme-light .project-slider .swiper-button-next svg path,
body.theme-light .project-slider .swiper-button-next svg polygon {
  fill: #07040D !important;
  stroke: none !important;
}

body.theme-light .project-slider .elementor-swiper-button svg line,
body.theme-light .project-slider .elementor-swiper-button svg polyline,
body.theme-light .project-slider .swiper-button-prev svg line,
body.theme-light .project-slider .swiper-button-prev svg polyline,
body.theme-light .project-slider .swiper-button-next svg line,
body.theme-light .project-slider .swiper-button-next svg polyline {
  stroke: #07040D !important;
  fill: none !important;
}

body.theme-light .project-slider .elementor-swiper-button svg rect[id*="Transparent"],
body.theme-light .project-slider .elementor-swiper-button svg rect[class*="cls-1"],
body.theme-light .project-slider .elementor-swiper-button svg rect[fill-opacity="0.01"],
body.theme-light .project-slider .swiper-button-prev svg rect[id*="Transparent"],
body.theme-light .project-slider .swiper-button-prev svg rect[class*="cls-1"],
body.theme-light .project-slider .swiper-button-prev svg rect[fill-opacity="0.01"],
body.theme-light .project-slider .swiper-button-next svg rect[id*="Transparent"],
body.theme-light .project-slider .swiper-button-next svg rect[class*="cls-1"],
body.theme-light .project-slider .swiper-button-next svg rect[fill-opacity="0.01"] {
  fill: none !important;
  stroke: none !important;
}

/* Fallback, falls die Slider-Pfeile über ::after kommen */
body.theme-light .project-slider .swiper-button-prev::after,
body.theme-light .project-slider .swiper-button-next::after {
  color: #07040D !important;
}

/* =========================
   PROJECT SLIDER
   Light Mode – Lines / Divider final
   ========================= */

/* -------------------------
   Headline Divider
   Klasse: headline-projects
------------------------- */

/* alte Pseudo-/Border-Linien neutralisieren */
body.theme-light .headline-projects,
body.theme-light .headline-projects .elementor-heading-title,
body.theme-light .headline-projects > .elementor-widget-container {
  border: none !important;
  box-shadow: none !important;
}

body.theme-light .headline-projects::after,
body.theme-light .headline-projects .elementor-heading-title::after {
  content: none !important;
  display: none !important;
}

/* Linie unter der Headline über den Widget-Container */
body.theme-light .headline-projects > .elementor-widget-container {
  position: relative;
  padding-bottom: 0.7em !important;
}

body.theme-light .headline-projects > .elementor-widget-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    75deg,
    rgba(7, 4, 13, 0.62) 0%,
    rgba(7, 4, 13, 0.18) 100%
  ) !important;
  opacity: 1 !important;
  pointer-events: none;
}

/* -------------------------
   Project Accordion
   Klasse auf Slider: project-slider
   optional auf Accordion: project-accordion
------------------------- */

/* alle Elementor-/alten Linien auf Title und Content entfernen */
body.theme-light .project-slider .e-n-accordion-item-title,
body.theme-light .project-slider .e-n-accordion-item-content,
body.theme-light .project-accordion .e-n-accordion-item-title,
body.theme-light .project-accordion .e-n-accordion-item-content {
  border: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  box-shadow: none !important;
}

/* alte Pseudo-Linien auf Title aus */
body.theme-light .project-slider .e-n-accordion-item-title::before,
body.theme-light .project-slider .e-n-accordion-item-title::after,
body.theme-light .project-accordion .e-n-accordion-item-title::before,
body.theme-light .project-accordion .e-n-accordion-item-title::after {
  content: none !important;
  display: none !important;
}

/* Accordion-Item als Linien-Anker */
body.theme-light .project-slider .e-n-accordion-item,
body.theme-light .project-accordion .e-n-accordion-item {
  position: relative;
  border: none !important;
  box-shadow: none !important;
}

/* genau eine Linie unter dem gesamten Item */
body.theme-light .project-slider .e-n-accordion-item::after,
body.theme-light .project-accordion .e-n-accordion-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    75deg,
    rgba(7, 4, 13, 0.42) 0%,
    rgba(7, 4, 13, 0.15) 100%
  ) !important;
  opacity: 1 !important;
  pointer-events: none;
}

/* aktive/offene Item-Linie stärker, aber nicht dicker */
body.theme-light .project-slider .e-n-accordion-item[open]::after,
body.theme-light .project-slider .e-n-accordion-item:has(.e-n-accordion-item-title[aria-expanded="true"])::after,
body.theme-light .project-accordion .e-n-accordion-item[open]::after,
body.theme-light .project-accordion .e-n-accordion-item:has(.e-n-accordion-item-title[aria-expanded="true"])::after {
  height: 1px;
  background: linear-gradient(
    75deg,
    rgba(7, 4, 13, 0.75) 0%,
    rgba(7, 4, 13, 0.28) 100%
  ) !important;
}

/* letztes Accordion-Item ohne Linie */
body.theme-light .project-slider .e-n-accordion-item:last-child::after,
body.theme-light .project-slider .e-n-accordion-item:last-of-type::after,
body.theme-light .project-accordion .e-n-accordion-item:last-child::after,
body.theme-light .project-accordion .e-n-accordion-item:last-of-type::after {
  content: none !important;
  display: none !important;
}

/* Standard Accordion-Titel etwas softer */
body.theme-light .project-slider .e-n-accordion-item-title,
body.theme-light .project-slider .e-n-accordion-item-title-header,
body.theme-light .project-slider .e-n-accordion-item-title-text,
body.theme-light .project-accordion .e-n-accordion-item-title,
body.theme-light .project-accordion .e-n-accordion-item-title-header,
body.theme-light .project-accordion .e-n-accordion-item-title-text {
  color: rgba(7, 4, 13, 0.62) !important;
}

/* Aktiver / geöffneter Accordion-Titel volle Opazität */
body.theme-light .project-slider .e-n-accordion-item[open] .e-n-accordion-item-title,
body.theme-light .project-slider .e-n-accordion-item[open] .e-n-accordion-item-title-header,
body.theme-light .project-slider .e-n-accordion-item[open] .e-n-accordion-item-title-text,
body.theme-light .project-slider .e-n-accordion-item-title[aria-expanded="true"],
body.theme-light .project-slider .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-header,
body.theme-light .project-slider .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text,
body.theme-light .project-accordion .e-n-accordion-item[open] .e-n-accordion-item-title,
body.theme-light .project-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-header,
body.theme-light .project-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-text,
body.theme-light .project-accordion .e-n-accordion-item-title[aria-expanded="true"],
body.theme-light .project-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-header,
body.theme-light .project-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text {
  color: #07040D !important;
}

/* Hover ebenfalls volle Opazität */
body.theme-light .project-slider .e-n-accordion-item-title:hover,
body.theme-light .project-slider .e-n-accordion-item-title:hover .e-n-accordion-item-title-header,
body.theme-light .project-slider .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
body.theme-light .project-accordion .e-n-accordion-item-title:hover,
body.theme-light .project-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-header,
body.theme-light .project-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-text {
  color: #07040D !important;
}

/* =========================
   CONTACT FORM
   Light Mode
   Klasse: contact-form
   ========================= */

/* Labels auf Gradient weiß */
body.theme-light .contact-form .elementor-field-label,
body.theme-light .contact-form label {
  color: #FFFFFF !important;
}

/* Pflichtsternchen sichtbar */
body.theme-light .contact-form .elementor-mark-required .elementor-field-label::after,
body.theme-light .contact-form .elementor-field-label .elementor-required,
body.theme-light .contact-form .elementor-field-required {
  color: #E62554 !important;
}

/* Inputs / Textarea */
body.theme-light .contact-form .elementor-field,
body.theme-light .contact-form .elementor-field-textual,
body.theme-light .contact-form input,
body.theme-light .contact-form textarea,
body.theme-light .contact-form select {
  background: #FFFFFF !important;
  color: #07040D !important;
  border-color: #FFFFFF !important;
  box-shadow: none !important;
}

/* Placeholder lesbar, aber softer */
body.theme-light .contact-form .elementor-field::placeholder,
body.theme-light .contact-form .elementor-field-textual::placeholder,
body.theme-light .contact-form input::placeholder,
body.theme-light .contact-form textarea::placeholder {
  color: rgba(7, 4, 13, 0.38) !important;
  opacity: 1 !important;
}

/* Focus State */
body.theme-light .contact-form .elementor-field:focus,
body.theme-light .contact-form .elementor-field-textual:focus,
body.theme-light .contact-form input:focus,
body.theme-light .contact-form textarea:focus,
body.theme-light .contact-form select:focus {
  color: #07040D !important;
  border-color: #07040D !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Submit Button – Outline */
body.theme-light .contact-form .elementor-button {
  background: transparent !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* Submit Button Text */
body.theme-light .contact-form .elementor-button-text,
body.theme-light .contact-form .elementor-button span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Submit Button Hover */
body.theme-light .contact-form .elementor-button:hover,
body.theme-light .contact-form .elementor-button:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

body.theme-light .contact-form .elementor-button:hover .elementor-button-text,
body.theme-light .contact-form .elementor-button:focus .elementor-button-text,
body.theme-light .contact-form .elementor-button:hover span,
body.theme-light .contact-form .elementor-button:focus span {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* Success / Error Messages */
body.theme-light .contact-form .elementor-message {
  color: #FFFFFF !important;
}

body.theme-light .cv-btn,
body.theme-light .cv-btn .elementor-button {
  border-color: #FFFFFF !important;
}

/* =========================
   TIMELINE CIRCLES
   Light Mode – Blau → Magenta
   Klasse: timeline-icon
   ========================= */

body.theme-light .timeline-icon .elementor-icon {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  background: none !important;
  color: transparent !important;
}

/* Original-SVG ausblenden */
body.theme-light .timeline-icon .elementor-icon svg {
  display: none !important;
}

/* äußerer Ring */
body.theme-light .timeline-icon .elementor-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  padding: 0.10em;

 background: linear-gradient(
  76deg,
  rgba(210, 21, 141, 1) 0%,
  rgba(230, 37, 84, 1) 100%
);

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  pointer-events: none;
}

/* innerer Punkt */
body.theme-light .timeline-icon .elementor-icon::after {
  content: "";
  position: absolute;
  width: 0.34em;
  height: 0.34em;
  border-radius: 999px;

  background: linear-gradient(
  76deg,
  rgba(210, 21, 141, 1) 0%,
  rgba(230, 37, 84, 1) 100%
);

  pointer-events: none;
}

/* =========================
   LEGAL HERO HEADER
   Light Mode
   Body-Klasse per JS: header-on-legal-light
   Header-Button-Klasse: header-contact-btn
   ========================= */

/* Header über Legal-Hero dunkel */
body.theme-light.header-on-legal-light .glass-header,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) {
  color: #07040D !important;
}

/* Header Texte / Navigation */
body.theme-light.header-on-legal-light .glass-header a,
body.theme-light.header-on-legal-light .glass-header .elementor-item,
body.theme-light.header-on-legal-light .glass-header .elementor-nav-menu--main .elementor-item,
body.theme-light.header-on-legal-light .glass-header .theme-toggle,
body.theme-light.header-on-legal-light .glass-header .theme-toggle__button,
body.theme-light.header-on-legal-light .glass-header .theme-toggle__icon,
body.theme-light.header-on-legal-light .glass-header .header-pill {
  color: #07040D !important;
  -webkit-text-fill-color: #07040D !important;
}

/* Navigation Trenner */
body.theme-light.header-on-legal-light .glass-header .elementor-nav-menu--main .elementor-item::before,
body.theme-light.header-on-legal-light .glass-header .elementor-nav-menu--main .elementor-item::after,
body.theme-light.header-on-legal-light .glass-header .elementor-nav-menu--main .menu-item::before,
body.theme-light.header-on-legal-light .glass-header .elementor-nav-menu--main .menu-item::after {
  background: #07040D !important;
  border-color: #07040D !important;
}

/* Logo auf Gradient-Version tauschen */
body.theme-light.header-on-legal-light .glass-header img[src*="api-bi-dev-logo-neg"],
body.theme-light.header-on-legal-light .glass-header img[src*="api-bi-dev-logo-pos"] {
  content: url("/wp-content/uploads/2026/05/api-bi-dev-logo-pos-gradient.svg") !important;
}


/* =========================
   LEGAL HEADER CONTACT BUTTON
   nur Farben / Border, keine Strukturänderung
   ========================= */

/* Button selbst */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button {
  background: transparent !important;
  border-color: #07040D !important;
  border-style: solid !important;
  border-width: 1px !important;
  color: #07040D !important;
  box-shadow: none !important;
}

/* Button Text */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-text,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-text,
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button span,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button span {
  color: #07040D !important;
  -webkit-text-fill-color: #07040D !important;
}

/* Button Icon Wrapper */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon {
  color: #07040D !important;
  fill: #07040D !important;
}

/* SVG sichtbar und schwarz */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon svg,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg {
  color: #07040D !important;
  fill: #07040D !important;
}

/* SVG-Pfeil / echte Form */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon svg path,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg path,
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon svg polygon,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg polygon {
  fill: #07040D !important;
  stroke: none !important;
}

/* falls Icon als Linien-SVG gebaut ist */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon svg line,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg line,
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon svg polyline,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg polyline {
  stroke: #07040D !important;
  fill: none !important;
}

/* transparente SVG-Hilfsflächen aus */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon svg rect[fill-opacity="0.01"],
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg rect[fill-opacity="0.01"],
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button-icon svg rect[id*="Transparent"],
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button-icon svg rect[id*="Transparent"] {
  fill: none !important;
  stroke: none !important;
}

/* Hover / Focus bleibt identisch */
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button:hover,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button:hover,
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button:focus,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button:focus {
  background: transparent !important;
  border-color: #07040D !important;
  color: #07040D !important;
}

body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button:hover .elementor-button-text,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button:hover .elementor-button-text,
body.theme-light.header-on-legal-light .glass-header .header-contact-btn .elementor-button:focus .elementor-button-text,
body.theme-light.header-on-legal-light .glass-header:not(.is-scrolled) .header-contact-btn .elementor-button:focus .elementor-button-text {
  color: #07040D !important;
  -webkit-text-fill-color: #07040D !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://api-bi.dev/wp-content/uploads/2026/03/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://api-bi.dev/wp-content/uploads/2026/03/Poppins-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://api-bi.dev/wp-content/uploads/2026/03/Poppins-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://api-bi.dev/wp-content/uploads/2026/03/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://api-bi.dev/wp-content/uploads/2026/03/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://api-bi.dev/wp-content/uploads/2026/03/Poppins-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter-Variable';
	font-display: auto;
	src: url('https://api-bi.dev/wp-content/uploads/2026/03/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */