/**
 * LEDA Fonts
 * Roboto (300, 400, 600, 800) und Quicksand (400, 600)
 */

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

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

/* Roboto SemiBold (600) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../Fonts/roboto-v47-latin-600.woff2') format('woff2');
}

/* Roboto ExtraBold (800) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../Fonts/roboto-v47-latin-800.woff2') format('woff2');
}

/* Quicksand Regular (400) - für Überschriften */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../Fonts/quicksand-v36-latin-regular.woff2') format('woff2');
}

/* Quicksand Medium (500) */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../Fonts/quicksand-v36-latin-500.woff2') format('woff2');
}

/* Quicksand SemiBold (600) */
@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../Fonts/quicksand-v36-latin-600.woff2') format('woff2');
}

/* Font Definitionen */
:root {
    --leda-font-family-base: 'Roboto', sans-serif;
    --leda-font-family-headings: 'Quicksand', sans-serif;
}

body {
    font-family: var(--leda-font-family-base);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6em;
    color: var(--leda-font);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--leda-font-family-headings);
    font-weight: 400;
}

/* Überschriften-Größen */
h1, .h1 {
    font-size: 3.2rem;
    line-height: 3.8rem;
    margin-bottom: 1.9rem;
}

h2, .h2 {
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin-bottom: 1.7rem;
}

h3, .h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 1.2rem;
}

h4, .h4 {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 0.8rem;
    font-weight: 600;
}

h5, .h5 {
font-family: var(--leda-font-family-base);
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6em;
    color: var(--leda-font);
}

.subheadline {
    text-transform: uppercase;
    font-weight: 600;
}

b, strong, em {
    font-style: normal;
    font-weight: 600;
}