/* =============================================
   EVA BLUMEN – EINHEITLICHE TYPOGRAFIE
============================================= */

:root {
    --eva-font-heading: "Vollkorn", serif;
    --eva-font-body: "Jost", sans-serif;

    --eva-color-heading: #2f2a25;
    --eva-color-text: #6d6258;
    --eva-color-accent: #a28368;
}


/* Gesamte Website */
body {
    font-family: var(--eva-font-body);
    color: var(--eva-color-text);
    font-size: 18px;
    line-height: 1.75;
    font-weight: 400;
}


/* Alle Überschriften */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--eva-font-heading);
    color: var(--eva-color-heading);
    font-weight: 500;
    margin-top: 0;
}


/* Große Seitenüberschrift */
h1 {
    font-size: 64px;
    line-height: 1.1;
    letter-spacing: -0.5px;
}


/* Abschnittsüberschrift */
h2 {
    font-size: 48px;
    line-height: 1.2;
}


/* Kleinere Überschrift */
h3 {
    font-size: 36px;
    line-height: 1.25;
}


/* Kartentitel */
h4 {
    font-size: 28px;
    line-height: 1.3;
}


/* Kleine Überschrift */
h5 {
    font-size: 23px;
    line-height: 1.35;
}


/* Fließtext */
p {
    font-family: var(--eva-font-body);
    font-size: 18px;
    line-height: 1.75;
    color: var(--eva-color-text);
}


/* Kleine Kategorieüberschrift,
   zum Beispiel: TRAUERFLORISTIK */
.section-id {
    display: inline-block;
    font-family: var(--eva-font-body);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--eva-color-accent);
    margin-bottom: 18px;
}


/* Navigation */
.wsmenu > .wsmenu-list > li > a {
    font-family: var(--eva-font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.7px;
}


/* Untermenü */
.wsmenu-list .sub-menu a {
    font-family: var(--eva-font-body);
    font-size: 14px;
    font-weight: 400;
}


/* Buttons */
.btn {
    font-family: var(--eva-font-body);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* Links */
a {
    font-family: inherit;
}


/* Bildtitel unter Galeriebildern */
.gallery-title,
.gallery-card h3,
.image-caption h3 {
    font-family: var(--eva-font-heading);
    font-size: 28px;
    line-height: 1.25;
    font-weight: 500;
    color: var(--eva-color-heading);
}


/* Kleine Bildbeschreibung */
.gallery-subtitle,
.image-caption p {
    font-family: var(--eva-font-body);
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #9a948b;
}


/* Kontakt und Öffnungszeiten */
.contact-details,
.opening-hours,
.opening-hours p,
.hours-row {
    font-family: var(--eva-font-body);
}


/* Footer */
.footer,
.footer p,
.footer a {
    font-family: var(--eva-font-body);
    font-size: 14px;
}


/* =============================================
   TABLET
============================================= */

@media (max-width: 991px) {

    h1 {
        font-size: 52px;
    }

    h2 {
        font-size: 42px;
    }

    h3 {
        font-size: 32px;
    }

    p {
        font-size: 17px;
    }
}


/* =============================================
   HANDY
============================================= */

@media (max-width: 767px) {

    body {
        font-size: 16px;
    }

    h1 {
        font-size: 40px;
        line-height: 1.15;
    }

    h2 {
        font-size: 34px;
        line-height: 1.2;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 24px;
    }

    p {
        font-size: 16px;
        line-height: 1.7;
    }

    .section-id {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .btn {
        font-size: 12px;
        letter-spacing: 1.2px;
    }

    .gallery-title,
    .gallery-card h3,
    .image-caption h3 {
        font-size: 25px;
    }
}