.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#FDD95A;--e-global-typography-primary-font-family:"Ubuntu";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Ubuntu";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Ubuntu";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Ubuntu";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 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){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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;}}:root { --black:#000000; --white:#ffffff; --grey-050:#fafafa; --grey-100:#f4f4f5; --grey-200:#e4e4e7; --grey-300:#d4d4d8; --grey-600:#52525b; --grey-800:#27272a; --primary:#111111; --secondary:#1f2937; --accent:#ff6a00; --text-dark:#1e1e1e; --muted:#6b7280; --border:#e5e7eb; --bg:#ffffff; --bg-soft:#fafafa; --bg-dark:#0b0f14; --ff-display:Ubuntu; --ff-body:Ubuntu; --fs-xs:clamp(0.82rem, 0.79rem + 0.12vw, 0.88rem); --fs-s:clamp(0.94rem, 0.90rem + 0.16vw, 1.00rem); --fs-m:clamp(1.06rem, 1.00rem + 0.22vw, 1.12rem); --fs-l:clamp(1.25rem, 1.16rem + 0.35vw, 1.38rem); --fs-xl:clamp(1.56rem, 1.40rem + 0.60vw, 1.88rem); --fs-xxl:clamp(2.00rem, 1.72rem + 1.00vw, 2.50rem); --fs-hero:clamp(2.40rem, 1.90rem + 1.80vw, 3.50rem); --sp-2xs:clamp(0.25rem, 0.22rem + 0.10vw, 0.31rem); --sp-xs:clamp(0.50rem, 0.44rem + 0.20vw, 0.63rem); --sp-s:clamp(0.75rem, 0.66rem + 0.30vw, 0.94rem); --sp-m:clamp(1.00rem, 0.88rem + 0.45vw, 1.25rem); --sp-l:clamp(1.50rem, 1.25rem + 0.80vw, 2.00rem); --sp-xl:clamp(2.00rem, 1.60rem + 1.40vw, 3.00rem); --sp-2xl:clamp(3.00rem, 2.20rem + 2.60vw, 5.00rem); --section-s:clamp(2.00rem, 1.60rem + 1.40vw, 3.00rem); --section-m:clamp(3.00rem, 2.20rem + 2.60vw, 5.00rem); --section-l:clamp(4.00rem, 3.00rem + 3.20vw, 7.00rem); --section-xl:clamp(5.00rem, 3.80rem + 3.80vw, 9.00rem); --rd-0:0px; --rd-s:2px; --rd-m:4px; --rd-l:6px; --rd-999:999px; --pad-side:clamp(1.25rem, 0.80rem + 1.80vw, 5.00rem); --w-narrow:45rem; --w-content:75rem; --w-wide:105rem; --text-light:#ffffff; }
/* Start custom CSS *//* Wichtig: Wir sprechen jetzt gezielt nur die <a>-Tags innerhalb von .linkdark an */
.linkdark a {
    font-weight: 900;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit; /* Nimmt die Farbe des Textes an */
}

/* Der Unterstrich-Effekt für diese Links */
.linkdark a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: width 0.4s ease-in-out;
}

/* Die Hover-Animation */
.linkdark a:hover::after {
    width: 100%;
}/* End custom CSS */