.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 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:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h4.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 *//* K.I.N.D. E.V. - MASTER DESIGN SYSTEM V5.1
   Zentrale Steuerung für Typografie, Farben & Interaktion
   Erhaltene Klassennamen: .rs-eyebrow, .rs-heading-statement, .rs-lead, .rs-copy
*/

/* 1. DESIGN TOKENS (FARBPALETTE) */
:root {
    --rs-navy: #1a2e44;        /* Institutionelles Blau */
    --rs-red: #c0392b;         /* Akzent Rot */
    --rs-text-dark: #2c3e50;   /* Lesetext */
    --rs-text-gray: #64748b;   /* Sublines & Meta */
    --rs-light-gray: #e2e8f0;
    --rs-bg-soft: #fcfcfc;
}

/* 2. BASIS-EINSTELLUNGEN */
.page-header, 
h4.entry-title {
    display: none !important;
}

/* 3. TYPOGRAFIE MASTER-KLASSEN */

/* EYEBROW (E) 
   Vorlage: Univers / Bold 700 / Sperrung 0.8em
*/
.rs-eyebrow, 
.rs-eyebrow .elementor-heading-title {
    font-family: 'Univers', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
    color: var(--rs-red) !important;
    font-weight: 700 !important;
    letter-spacing: 0.8em !important; /* Extreme Sperrung nach Vorgabe */
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    font-size: 10px !important;
}

.rs-eyebrow .elementor-heading-title::before {
    content: '' !important;
    width: 35px !important;
    height: 2px !important;
    background-color: var(--rs-red) !important;
    margin-right: 15px !important;
    display: inline-block !important;
}

/* HEADING STATEMENT / ÜBERSCHRIFT (H)
   Vorlage: Aptos Display / Italic 700
*/
.rs-heading-statement, 
.rs-heading-statement .elementor-heading-title {
    font-family: 'Aptos Display', 'Inter', 'Segoe UI', sans-serif !important;
    font-style: italic !important;
    font-weight: 700 !important;
    color: var(--rs-navy) !important;
    letter-spacing: -0.02em !important;
    line-height: 1.05 !important;
}

/* SUBLINE / LEAD (S)
   Vorlage: Tahoma / Italic 300
*/
.rs-lead,
.rs-lead .elementor-heading-title,
.rs-lead p {
    font-family: 'Tahoma', 'Verdana', 'Segoe UI', sans-window !important;
    font-weight: 300 !important;
    font-style: italic !important;
    line-height: 1.6 !important;
    color: var(--rs-text-gray) !important;
    font-size: 20px !important;
}

/* LAUFTEXT / COPY (C)
   Vorlage: Univers / Regular 300 / LH 1.8
*/
.rs-copy, .rs-copy p, .rs-copy .elementor-text-editor {
    font-family: 'Univers', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important;
    font-weight: 300 !important;
    line-height: 1.8 !important;
    color: var(--rs-text-dark) !important;
    font-size: 16px !important;
}

/* 4. INTERAKTIVE ELEMENTE */

/* Button Inversion Swap */
.rs-btn-swap .elementor-button {
    background-color: var(--rs-navy) !important;
    color: #ffffff !important;
    border: 1px solid var(--rs-navy) !important;
    border-radius: 2px !important;
    padding: 18px 50px !important;
    font-family: 'Univers', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3em !important;
    text-transform: uppercase !important;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.rs-btn-swap .elementor-button:hover {
    background-color: var(--rs-red) !important;
    border-color: var(--rs-red) !important;
    color: #ffffff !important;
    box-shadow: 0 15px 30px rgba(26, 46, 68, 0.1) !important;
    transform: translateY(-2px);
}

/* Service-Karten / News-Karten (Grid) */
.rs-service-card {
    background-color: #ffffff !important;
    border: 1px solid var(--rs-light-gray) !important;
    border-radius: 2px !important;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) !important;
}

.rs-service-card:hover {
    border-color: var(--rs-navy) !important;
    box-shadow: 0 25px 50px rgba(26, 46, 68, 0.05) !important;
    transform: translateY(-5px) !important;
}

/* 5. MOBILE ANPASSUNGEN */
@media (max-width: 767px) {
    .rs-heading-statement, .rs-heading-statement .elementor-heading-title {
        font-size: 38px !important;
    }
    .rs-eyebrow .elementor-heading-title {
        letter-spacing: 0.4em !important;
    }
    .rs-btn-swap .elementor-button {
        width: 100% !important;
    }
}/* End custom CSS */