/*
Theme Name:   Kadence Child
Theme URI:    https://www.kadencethemes.com
Description:  Child Theme für Kadence
Author:       francisca
Template:     kadence
Version:      1.0.0
*/

/* === GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@300;400;500;600&display=swap');

/* === FARBEN === */
:root {
    --farbe-orange: #F25C05;
    --farbe-dunkel: #2D2D2D;
    --farbe-grau: #333333;
    --farbe-beige: #FCFAF6;
    --farbe-gruen: #8FA487;
}

/* === GRUNDSTIL === */
body {
    background-color: var(--farbe-beige);
    color: var(--farbe-grau);
    font-family: 'Inter', sans-serif;
}

/* === ÜBERSCHRIFTEN === */
h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Serif Display', serif;
    color: var(--farbe-dunkel);
}

/* === LINKS === */
a { color: var(--farbe-orange); text-decoration: none; }
a:hover { text-decoration: underline; }

/* === BUTTONS === */
.wp-block-button__link,
.kb-button {
    background-color: var(--farbe-orange) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 14px 28px !important;
}

/* === KADENCE HEADER AUSBLENDEN === */
#masthead,
.site-header,
.kadence-top-header,
.entry-header {
    display: none !important;
}

/* === VOLLE BREITE === */
.entry-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* === LEERRAUM OBEN ENTFERNEN === */
.site-content,
.content-area,
.wp-site-blocks {
    padding-top: 0 !important;
    margin-top: 0 !important;
} 
/* === ABWECHSELNDE GRÜNE FLÄCHEN === */

/* Über mich Sektion - grüner Hintergrund */
.fd-ueber {
    background-color: #e8ede7 !important;
}

/* CTA Sektion - grüner Hintergrund */
section.fd-cta,
section[style*="background:var(--beige)"] {
    background-color: #e8ede7 !important;
}

/* Ansatz Sektion - grüner Hintergrund */
.fd-ansatz {
    background-color: #e8ede7 !important;
} 
/* Drei Säulen wieder beige */
.fd-ansatz {
    background-color: #FCFAF6 !important;
}

/* CTA grün */
.fd-cta {
    background-color: #e8ede7 !important;
} 
/* Nur Hero nebeneinander fix */
@media (min-width: 600px) {
    .fd-hero {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        min-height: 70vh !important;
    }

    .fd-hero-img {
        display: block !important;
        min-height: 400px !important;
    }
}