/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2026 | 13:11:18 */
/* --------------------------------------------------
   DARKMODE SYSTEMFARBEN
-------------------------------------------------- */

html.darkmode,
html.darkmode body,
body.darkmode {
  --e-global-color-primary: #00C185;
  --e-global-color-secondary: #1d2f49;
  --e-global-color-text: #F0F5F7;
  --e-global-color-accent: #111a34;
}


/* --------------------------------------------------
   DARKMODE BUTTON ICONS
-------------------------------------------------- */

@media screen and (min-width: 1024px) {
  .tsf-darkmode-button .elementor-button-icon {
    position: relative;
    width: 1vw;
    height: 1vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .tsf-darkmode-icon {
    width: 1vw;
    height: 1vw;
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .tsf-darkmode-button .elementor-button-icon {
    position: relative;
    width: 16px !important;
    height: 16px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .tsf-darkmode-icon {
    width: 16px !important;
    height: 16px !important;
    display: block;
  }
}

/* Lightmode: Mond anzeigen */
.tsf-darkmode-icon--sun {
  display: none;
}

.tsf-darkmode-icon--moon {
  display: block;
}

/* Darkmode: Sonne anzeigen */
body.darkmode .tsf-darkmode-icon--moon,
html.darkmode body .tsf-darkmode-icon--moon {
  display: none;
}

body.darkmode .tsf-darkmode-icon--sun,
html.darkmode body .tsf-darkmode-icon--sun {
  display: block;
}


/* --------------------------------------------------
   CONTENT TEXT DIREKT ÜBER SYSTEMFARBE STEUERN
   Fix für iOS/macOS verzögertes Nachziehen
   Footer ausgeschlossen
-------------------------------------------------- */

.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor),
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) p,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) span,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) li,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) strong,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) b,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) address,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) address *,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a[x-apple-data-detectors],
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a[x-apple-data-detectors] *,
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a[href^="maps:"],
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a[href^="http://maps.apple.com"],
.elementor-widget-text-editor:not(footer .elementor-widget-text-editor):not(.elementor-location-footer .elementor-widget-text-editor):not([data-elementor-type="footer"] .elementor-widget-text-editor) a[href^="https://maps.apple.com"] {
  color: var(--e-global-color-text) !important;
  -webkit-text-fill-color: var(--e-global-color-text) !important;
  text-decoration: none !important;
}

/* Während Darkmode-Wechsel direkt animieren */
html.tsf-theme-switching .elementor-widget-text-editor,
html.tsf-theme-switching .elementor-widget-text-editor p,
html.tsf-theme-switching .elementor-widget-text-editor span,
html.tsf-theme-switching .elementor-widget-text-editor li,
html.tsf-theme-switching .elementor-widget-text-editor strong,
html.tsf-theme-switching .elementor-widget-text-editor b,
html.tsf-theme-switching .elementor-widget-text-editor address,
html.tsf-theme-switching .elementor-widget-text-editor address *,
html.tsf-theme-switching .elementor-widget-text-editor a[x-apple-data-detectors],
html.tsf-theme-switching .elementor-widget-text-editor a[x-apple-data-detectors] *,
html.tsf-theme-switching .elementor-widget-text-editor a[href^="maps:"],
html.tsf-theme-switching .elementor-widget-text-editor a[href^="http://maps.apple.com"],
html.tsf-theme-switching .elementor-widget-text-editor a[href^="https://maps.apple.com"] {
  transition:
    color 0.3s ease,
    -webkit-text-fill-color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease !important;

  transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
}


/* --------------------------------------------------
   ELEMENTOR STANDARD-BUTTONS DIREKT STEUERN
   Fix für iOS/macOS verzögertes Nachziehen
-------------------------------------------------- */

/*.elementor-button .elementor-button-text {
  color: var(--e-global-color-text) !important;
}*/

.elementor-button .elementor-button-icon,
.elementor-button .elementor-button-icon svg,
.elementor-button .elementor-button-icon svg * {
  color: var(--e-global-color-text);
  fill: currentColor;
  stroke: currentColor;
}

/* Während Darkmode-Wechsel: Buttons direkt animieren */
html.tsf-theme-switching .elementor-button,
html.tsf-theme-switching .elementor-button span,
html.tsf-theme-switching .elementor-button .elementor-button-text,
html.tsf-theme-switching .elementor-button .elementor-button-icon,
html.tsf-theme-switching .elementor-button svg,
html.tsf-theme-switching .elementor-button svg * {
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    fill 0.3s ease,
    stroke 0.3s ease,
    box-shadow 0.3s ease !important;

  transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
}


/* --------------------------------------------------
   SCROLL FADE ANIMATION
-------------------------------------------------- */

html.tsf-fade-init:not(.elementor-editor-active) :is(
  .elementor-widget-heading,
  .elementor-widget-text-editor,
  .elementor-widget-image,
  .elementor-widget-button,
  .elementor-widget-icon-box,
  .elementor-widget-image-box,
  .elementor-widget-html,
  .elementor-widget-loop-grid,
  .elementor-widget-image-carousel
):not(.is-visible):not(.is-initial-visible) {
  opacity: 0;
  transform: translate3d(0, 32px, 0);
}

html.tsf-fade-init:not(.elementor-editor-active) :is(
  .elementor-widget-heading,
  .elementor-widget-text-editor,
  .elementor-widget-image,
  .elementor-widget-button,
  .elementor-widget-icon-box,
  .elementor-widget-image-box,
  .elementor-widget-html,
  .elementor-widget-loop-grid,
  .elementor-widget-image-carousel
) {
  transition:
    opacity 1.35s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1.35s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--tsf-fade-delay, 0s);
  will-change: opacity, transform;
  backface-visibility: hidden;
}

html.tsf-fade-init:not(.elementor-editor-active) .is-visible,
html.tsf-fade-init:not(.elementor-editor-active) .is-initial-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

html.tsf-fade-init:not(.elementor-editor-active) .is-initial-visible {
  transition: none !important;
}

.elementor-editor-active :is(
  .elementor-widget-heading,
  .elementor-widget-text-editor,
  .elementor-widget-image,
  .elementor-widget-button,
  .elementor-widget-icon-box,
  .elementor-widget-image-box,
  .elementor-widget-html,
  .elementor-widget-loop-grid,
  .elementor-widget-image-carousel
) {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}


/* --------------------------------------------------
   DARKMODE TRANSITION
   Kein background / kein background-image,
   damit Headerbilder nicht unsauber animieren.
-------------------------------------------------- */

html.tsf-theme-switching body,
html.tsf-theme-switching body *,
html.tsf-theme-switching body *::before,
html.tsf-theme-switching body *::after {
  transition:
    background 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    fill 0.3s ease,
    stroke 0.3s ease,
    box-shadow 0.3s ease !important;

  transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
}

/* Beim Darkmode-Wechsel keine Stagger-Verzögerung */
html.tsf-theme-switching {
  --tsf-fade-delay: 0s !important;
}

html.tsf-theme-switching .is-visible,
html.tsf-theme-switching .is-initial-visible {
  transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
}






/* --------------------------------------------------
   Nur Buttons mit Accent-Grün – Darkmode Text
-------------------------------------------------- */

html.darkmode .elementor-button[style*="--e-global-color-accent"],
body.darkmode .elementor-button[style*="--e-global-color-accent"],
html.darkmode .elementor-widget-button[style*="--e-global-color-accent"] .elementor-button,
body.darkmode .elementor-widget-button[style*="--e-global-color-accent"] .elementor-button {
  color: #111A34 !important;
}

html.darkmode .elementor-button[style*="--e-global-color-accent"] .elementor-button-text,
body.darkmode .elementor-button[style*="--e-global-color-accent"] .elementor-button-text,
html.darkmode .elementor-widget-button[style*="--e-global-color-accent"] .elementor-button-text,
body.darkmode .elementor-widget-button[style*="--e-global-color-accent"] .elementor-button-text {
  color: #111A34 !important;
}