.elementor-kit-7{--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-7 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){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 *//* =========================================
   WRAPMONKEYS GLOBALER FARB-OVERRIDE
   ========================================= */

:root {
    /* Deine neuen Logo-Farben */
    --wm-blue: #0044FF;
    --wm-cyan: #00BFFF;
    --wm-black: #000000;
    --wm-white: #FFFFFF;
    --wm-text: #1a1a1a;
    --wm-gradient: linear-gradient(135deg, #0044FF 0%, #00BFFF 100%);
}

/* 1. GRUNDGERÜST & HINTERGRÜNDE */
/* Erzwingt weißen Hintergrund für die ganze Seite */
body, html, .elementor-section, .elementor-column {
    background-color: var(--wm-white) !important;
    color: var(--wm-text) !important;
}

/* 2. ALLE TEXTE & ÜBERSCHRIFTEN */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    color: var(--wm-black) !important;
}

p, li, span, div {
    color: var(--wm-text); /* Hier kein !important, um weiße Texte auf Buttons nicht zu zerstören */
}

/* Spezifischer Fix für Texte in Elementor-Text-Editoren */
.elementor-widget-text-editor {
    color: var(--wm-text) !important;
}

/* 3. LINKS & AKZENTE */
a {
    color: var(--wm-blue) !important;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--wm-black) !important;
}

/* 4. BUTTONS (Alle Varianten) */
button, input[type="submit"], .elementor-button {
    background-color: var(--wm-blue) !important;
    background-image: var(--wm-gradient) !important;
    color: var(--wm-white) !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(0, 68, 255, 0.3);
}

/* Button Text muss weiß bleiben */
.elementor-button-content-wrapper, .elementor-button-text {
    color: var(--wm-white) !important;
}

/* 5. ELEMENTOR ELEMENTE SPEZIFISCH */

/* Icons (z.B. in Infoboxen) */
.elementor-icon, .elementor-icon i {
    color: var(--wm-blue) !important;
    fill: var(--wm-blue) !important;
}

/* Trennlinien */
.elementor-divider-separator {
    border-color: var(--wm-cyan) !important;
}

/* Listen-Punkte (z.B. Bullet Points) */
.elementor-icon-list-icon {
    color: var(--wm-blue) !important;
}

/* Progress Bars (Fortschrittsbalken) */
.elementor-progress-bar {
    background-color: var(--wm-blue) !important;
}

/* 6. HEADER & FOOTER BEREICHE */
/* Wenn du einen dunklen Footer willst: */
footer, .site-footer, .elementor-location-footer {
    background-color: var(--wm-black) !important;
}

/* Texte im Footer weiß machen */
footer p, footer h1, footer h2, footer h3, footer li, footer span, 
.site-footer p, .site-footer h2,
.elementor-location-footer p, .elementor-location-footer h2, .elementor-location-footer span {
    color: var(--wm-white) !important;
}

/* Links im Footer (Cyan für besseren Kontrast) */
footer a, .site-footer a, .elementor-location-footer a {
    color: var(--wm-cyan) !important;
}

/* 7. FORMULARE (Kontaktformular) */
input[type="text"], input[type="email"], textarea, select {
    border: 1px solid #ccc !important;
    background-color: #f9f9f9 !important;
    color: var(--wm-text) !important;
}

input:focus, textarea:focus {
    border-color: var(--wm-blue) !important;
}/* End custom CSS */