/* Abel Regular */
@font-face {
    font-family: 'Abel';
    src: url('Abel-Regular.woff2') format('woff2'),
         url('Abel-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Roboto Regular (400) */
@font-face {
    font-family: 'Roboto';
    src: url('roboto-v48-latin-regular.woff2') format('woff2'),
         url('roboto-v48-latin-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Roboto Light (300) */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Light.woff2') format('woff2'),
         url('Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Roboto Bold (700) */
@font-face {
    font-family: 'Roboto';
    src: url('roboto-v48-latin-700.woff2') format('woff2'),
         url('roboto-v48-latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---------- Anwendung ---------- */

/* Bodytext fein & elegant */
body, p, li, span, a, input, textarea, button {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important; /* Light Look */
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Abel', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px; /* optional, macht’s luftiger */
}

/* Fetter Text */
strong, b {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;

body, p, li, span, a, input, textarea, button {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;  /* oder 300, wenn du Light nachrüstest */
}
}