@font-face {
    font-family: 'Franziska-Book';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Franziska-Book.woff2) format('woff2');
}
@font-face {
    font-family: 'Franziska-Book';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Franziska-Book-Italic.woff2) format('woff2');
}
@font-face {
    font-family: 'Franziska-Medium';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Franziska-Medium.woff2) format('woff2');
}
@font-face {
    font-family: 'Franziska-Medium';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Franziska-Medium-Italic.woff2) format('woff2');
}

.custom-font {
    font-family: "Franziska-Book", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.headline {
    font-family: "Franziska-Medium", sans-serif;
    font-weight: 500;
    font-style: italic;
}