.elementor-kit-487{--e-global-color-primary:#1D1D1F;--e-global-color-secondary:#424245;--e-global-color-text:#687385;--e-global-color-accent:#EF8300;--e-global-color-9d39df5:#E6E9EF;--e-global-color-57fe753:#F6F9FC;--e-global-color-f27eebc:#FFFFFF;--e-global-color-56f27cd:#000000;background-color:var( --e-global-color-57fe753 );}.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);}@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 *//* 1. Variablen – Schrift & Farben */
:root {
  /* Schrift */
  --apple-font: 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --apple-fs-h1: clamp(1.75rem, 4vw + 1rem, 2.125rem);
  --apple-fs-h2: clamp(1.375rem, 3vw + 1rem, 1.75rem);
  --apple-fs-h3: clamp(1.25rem, 2vw + 1rem, 1.375rem);
  --apple-fs-h4: clamp(1.125rem, 1.5vw + 0.8rem, 1.25rem);
  --apple-fs-h5: clamp(1rem, 1vw + 0.8rem, 1.125rem);
  --apple-fs-h6: clamp(0.9375rem, 0.8vw + 0.8rem, 1rem);
  --apple-fs-body: clamp(1rem, 0.5vw + 0.9rem, 1.0625rem);

  
  /* Brand Colors */
  --color-primary: #1d1d1f;
  --color-accent: #635bff; /* Stripe Blue */
  --color-orange: #ef8300;
  
  /* Neutral Palette */
  --color-text: #424245;
  --color-slate: #687385;
  --color-border: #e6e9ef;
  --color-bg-light: #f6f9fc;
  --color-white: #ffffff;

  /* Smooth Transitions */
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Optional: Utility Classes für schnelles Styling */
.bg-soft { background-color: var(--color-bg-light); }
.text-gradient {
  background: linear-gradient(90deg, var(--color-primary), var(--color-slate));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



/* 2. Apple-Style als STANDARD (ohne !important) */
h1, .elementor-widget-heading h1.elementor-heading-title {
  font-family: var(--apple-font);
  font-size: var(--apple-fs-h1);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.022em;
  color: var(--text-primary); /* Beispiel: Textfarbe */
}

h2, .elementor-widget-heading h2.elementor-heading-title {
  font-family: var(--apple-font);
  font-size: var(--apple-fs-h2);
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-primary);
}

h3, .elementor-widget-heading h3.elementor-heading-title {
  font-family: var(--apple-font);
  font-size: var(--apple-fs-h3);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}

h4, .elementor-widget-heading h4.elementor-heading-title {
  font-family: var(--apple-font);
  font-size: var(--apple-fs-h4);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.008em;
  color: var(--text-secondary);
}

h5, .elementor-widget-heading h5.elementor-heading-title {
  font-family: var(--apple-font);
  font-size: var(--apple-fs-h5);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: var(--text-secondary);
}

h6, .elementor-widget-heading h6.elementor-heading-title {
  font-family: var(--apple-font);
  font-size: var(--apple-fs-h6);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--text-secondary);
}

p, .elementor-text-editor {
  font-family: var(--apple-font);
  font-size: var(--apple-fs-body);
  line-height: 1.5;
  color: var(--text-primary);
}

/* GLOBALER SCRAMBLE EFFEKT FÜR BUTTON, TEXTE UND Überschriften KLASSE .gsap-scramble-btn */


/* Nur für das Scramble-Verhalten (kein Design-Einfluss) */
.gsap-scramble-btn {
    cursor: pointer;
}

/* Verhindert das Aufblitzen der Überschriften vor der Animation */
.gsap-scramble-btn:not(.elementor-widget-button) .elementor-heading-title {
    opacity: 0;
}

/* GLOBALER UNDERLINE-BUTTON STYLE (MIT RESPONSIVE-FIX) */

/* 1. Container-Breite begrenzen */
.gsap-scramble-btn.elementor-widget-button .elementor-button-wrapper {
    display: inline-block !important;
    width: auto !important;
}

/* 2. Basis-Design (Desktop: 15px) */
.gsap-scramble-btn .elementor-button {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    line-height: 25px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #E6E9EF !important;
    text-decoration: none !important;
    
    display: inline-flex !important;
    width: auto !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #000000 !important;
    border-radius: 0 !important;
    
    padding: 0 0 2px 0 !important;
    margin: 0 !important;
    transition: color 0.3s ease, border-color 0.3s ease !important;
}

/* 3. Responsive Anpassung (Tablet: ca. 17px) */
@media (max-width: 1024px) {
    .gsap-scramble-btn .elementor-button {
        font-size: 17px !important;
        line-height: 20px !important;
    }
}

/* 4. Responsive Anpassung (Mobil: 16px) */
@media (max-width: 767px) {
    .gsap-scramble-btn .elementor-button {
        font-size: 16px !important;
        line-height: 22px !important;
    }
}

/* 5. Hover-Zustand */
.gsap-scramble-btn .elementor-button:hover,
.gsap-scramble-btn .elementor-button:focus {
    color: #ed8b00 !important;
    border-bottom-color: #ed8b00 !important;
    background: transparent !important;
}

/* Minimalistische Trennlinie */
.footer-divider-wrapper {
    width: 100%;
    padding-top: 40px important; /* Abstand oben/unten */
    padding-bottom: 40px important;
    display: block important;
    background: transparent !important;
    border: none !important;
}

/* Die neue Trennlinie */
.footer-divider {
    display: block !important;
    height: 1px !important;
    background-color: #F5F5F7 !important;
    width: 0%; /* Start für GSAP */
    margin-left: auto !important; /* Zentriert die Linie */
    padding: 0 !important;    /* Absolut kein Padding hier! */
    border: none !important;  /* Keine Rahmen */
    opacity: 0.8;
}/* End custom CSS */