.elementor-kit-70{--e-global-color-primary:#14272E;--e-global-color-secondary:#1F303C;--e-global-color-text:#4A4A4A;--e-global-color-accent:#F4F4F4F4;--e-global-color-ef76245:#B5BABD;--e-global-color-719a33e:#B2DFED;--e-global-color-128ea0f:#FDBB6E;--e-global-color-8885526:#D6EAF8;--e-global-color-7d4db82:#5FA8D3;--e-global-color-c141e86:#4A4A4A;--e-global-color-97a57e5:#F4F4F4;--e-global-color-5e3c09d:#35A2FC;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:32px;--e-global-typography-secondary-letter-spacing:-0.25px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:20px;--e-global-typography-accent-letter-spacing:0.5px;}.elementor-kit-70 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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 .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:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================
   Korrektur für fixierte
   Kopfzeile bei Anker-Links
   ============================ */

#home,
#dienstleistungen,
#contact,
#datenschutz{
  scroll-margin-top: 120px; /* Höhe deiner fixierten Kopfzeile */
}

/* ==========================================================================
   Styling für die Text-Navigation in der Kopfzeile (.kopfzeilen-navi)
   - NUR DER HOVER/ACTIVE TEIL ANGEPASST -
   ========================================================================== */

/* Basis-Styling für die Links (bleibt wie es war, falls es schon funktioniert) */
.kopfzeilen-navi .elementor-widget-container a,
.kopfzeilen-navi .elementor-widget-container a:link,
.kopfzeilen-navi .elementor-widget-container a:visited {
  color: #4A4A4A;          /* Deine "normale" Textfarbe */
  text-decoration: none;
  background-image: none;
  transition: color 0.3s ease, transform 0.2s ease;
}

/* Hover-Effekt für die Links - MIT NEUER FARBE */
.kopfzeilen-navi .elementor-widget-container a:hover {
  color: #35A2FC;          /* NEUE Hover-Farbe */
  /* Optional: Leichte Bewegung nach oben beim Hovern */
  /* transform: translateY(-2px); */
}

/* Styling für den :active Zustand (wenn der Link gerade geklickt wird) - MIT NEUER FARBE */
.kopfzeilen-navi .elementor-widget-container a:active {
  color: #35A2FC;          /* NEUE Active-Farbe (oft gleich wie Hover) */
}

/* Hover-Effekt für die Links - MIT NEUER FARBE und !important */
.kopfzeilen-navi .elementor-widget-container a:hover {
  color: #35A2FC !important;  /* << HIER !important hinzufügen */
  /* Optional: Leichte Bewegung nach oben beim Hovern */
  /* transform: translateY(-2px); */
}

/* Styling für den :active Zustand (wenn der Link gerade geklickt wird) - MIT NEUER FARBE und !important */
.kopfzeilen-navi .elementor-widget-container a:active {
  color: #35A2FC !important;  /* << HIER AUCH !important hinzufügen */
}/* End custom CSS */