.elementor-kit-14{--e-global-color-primary:#00E8FF;--e-global-color-secondary:#8300E6;--e-global-color-text:#7A7A7A;--e-global-color-accent:#8300E6;--e-global-color-509296b:#111827;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-weight:500;background-color:#111827;background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-kit-14 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){margin-block-end: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-inline-end:0px;padding-inline-start: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 */.elementor-section.elementor-top-section:first-of-type {
  border-bottom: 2px solid #2a2e39;
  margin-bottom: 0 !important;
}

.sticky-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 99999 !important;
  background: #111827 !important; /* Deine Header-Hintergrundfarbe */
  width: 100% !important;
}


.footer-trenner {
  border-top: 2px solid #2a2e39 !important;
  margin-top: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}


.footer-links a {
    display: block;
    margin-bottom: 9px; /* je nach gewünschtem Abstand */
}


.gradient-text {
  background: linear-gradient(90deg, #13e2fe 0%, #4a6cf7 60%, #a259e6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* Block 2: CSS für Aura-Animation (Schärfere Version) */

/* 1. Container & Positionierung */
#home.section {
    position: relative;
    overflow: hidden;
}
.aura-animations {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aura-bubble {
    position: relative;
    width: 15rem;
    height: 15rem;
}
.aura-bubble > div {
    position: absolute;
    border-radius: 9999px;
}

/* 2. Bubble-Ebenen (Schärfer) */
.b1 {
    inset: 0px;
    background-image: linear-gradient(to right, rgba(0, 232, 255, 0.5), rgba(133, 60, 230, 0.6)); /* Farben intensiviert */
    filter: blur(14px); /* Wert reduziert für mehr Schärfe */
    animation: aurapulse 8s ease-in-out infinite;
}
.b2 {
    inset: 1.5rem;
    background-image: linear-gradient(to bottom right, rgba(133, 60, 230, 0.6), rgba(0, 232, 255, 0.7)); /* Farben intensiviert */
    filter: blur(10px); /* Wert reduziert für mehr Schärfe */
    animation: auraflow 10s ease-in-out infinite alternate;
}
.b3 {
    inset: 2.5rem;
    background-image: linear-gradient(to top left, rgba(0, 232, 255, 0.6), rgba(133, 60, 230, 0.5)); /* Farben intensiviert */
    filter: blur(8px); /* Wert reduziert für mehr Schärfe */
    animation: aurashimmer 7s ease-in-out infinite;
}
.b4 {
    inset: 3.5rem;
    background-image: linear-gradient(to left, rgba(133, 60, 230, 0.6), rgba(0, 232, 255, 0.5)); /* Farben intensiviert */
    filter: blur(6px); /* Wert reduziert für mehr Schärfe */
    animation: auraglow 9s ease-in-out infinite reverse;
}

/* 3. Animationen (Keyframes) */
@keyframes aurapulse {
    0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.7; }
    50% { transform: scale(1.1) rotate(180deg); opacity: 0.9; }
}
@keyframes auraflow {
    0% { transform: scale(0.95); opacity: 0.6; }
    100% { transform: scale(1.05); opacity: 0.8; }
}
@keyframes aurashimmer {
    0%, 100% { transform: scale(1.02) rotate(0deg); opacity: 0.5; }
    33% { transform: scale(0.96) rotate(90deg); opacity: 0.8; }
    66% { transform: scale(1.08) rotate(180deg); opacity: 0.6; }
}
@keyframes auraglow {
    0% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.15) rotate(180deg); opacity: 0.7; }
    100% { transform: scale(0.9); rotate(360deg); opacity: 0.5; }
}

/* Offset für Sticky-Header: sorgt dafür, dass beim Scrollen auf Anker der Abschnitt nicht vom Header überlappt wird */
.scroll-offset {
    scroll-margin-top: 90px;   /* <- Höhe deines Sticky-Headers anpassen! */
}

@media (max-width: 1024px) {
  .aura-bubble {
    width: 150px !important;
    height: 150px !important;
  }
}

/* CSS-Lösung mit !important, um andere Regeln zu überschreiben */
@media (max-width: 1024px) {
  .sticky-header {
    /* Diese Transition ist entscheidend für die Sanftheit */
    transition: transform 0.2s ease-in-out !important;
  }

  .sticky-header.hide-on-scroll {
    /* Erzwingt die Verschiebung nach oben */
    transform: translateY(-100%) !important;
  }
}

/*
 * LÖSUNG: Verschiebt den Sticky Header nach unten,
 * wenn die WordPress Admin-Leiste für eingeloggte Benutzer aktiv ist.
 */
body.admin-bar .sticky-header {
  top: 32px !important;
}/* End custom CSS */