/* Typography Styles – exakt von der Live-Website praxishugo.de */

/* Schriftart: Work Sans */
:root {
    --font-main: "Work Sans", sans-serif;
}

/* Basis-Schriftart */
body {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #48443d;
    -webkit-font-smoothing: antialiased;
}

/* Überschriften */
h1, .text-h1 {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 50px;
    line-height: 55px;
    color: #ee7203;
}

h2, .text-h2 {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 46px;
    line-height: 57.5px;
    color: #ee7203;
}

.text-h2-cta {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    color: #ee7203;
}

h3, .text-h3 {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 26px;
    line-height: 32.5px;
    color: #48443d;
}

h4, .text-h4 {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 25px;
    line-height: 31.25px;
    color: #48443d;
}

h5, .text-h5 {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 22px;
    line-height: 27.5px;
    color: #48443d;
}

/* Fließtext */
p, li, .text-body {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #48443d;
    overflow-wrap: break-word;
}

/* Absatz-Abstand: margin-bottom 32px wie auf Live */
p {
    margin-bottom: 32px;
}

.text-body-lg {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #48443d;
}

.text-body-sm {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #48443d;
}

/* Orange Überschriften */
.text-brand-orange {
    color: #ee7203;
}

/* Abstände nach Überschriften */
h1, h2, h3, h4, h5 {
    margin-bottom: 1rem;
}

/* Buttons */
button, .btn, a.button {
    font-family: var(--font-main);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}

/* Navigation */
nav, .nav {
    font-family: var(--font-main);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

/* Footer Texte */
.footer-bg-color p,
.footer-bg-color li,
.footer-bg-color a,
.footer-bg-color div,
.footer-bg-color span {
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 20px;
    line-height: 25.6px;
    color: #ffffff;
}

.footer-bg-color p {
    margin-bottom: 35px;
}

.footer-bg-color h2,
.footer-bg-color h3 {
    color: #ffffff;
    font-weight: 600;
}

.footer-bg-color a:hover {
    color: #ee7203;
}

/* Button im Footer: Text bleibt weiß beim Hover */
.footer-bg-color a.bg-brand-orange:hover {
    color: #ffffff;
}