@font-face {
    font-family: 'Schnelle';
    src:    url('/assets/fonts/SchnelleSans/SchnelleSans-Regular.woff2') format('woff2'),
            url('/assets/fonts/SchnelleSans/SchnelleSans-Regular.woff') format('woff'),
            url('/assets/fonts/SchnelleSans/SchnelleSans-Regular.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Keroine';
    src:    url('/assets/fonts/Keroine/Keroine-DouxExtreme.woff2') format('woff2'),
            url('/assets/fonts/Keroine/Keroine-DouxExtreme.woff') format('woff'),
            url('/assets/fonts/Keroine/Keroine-DouxExtreme.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Cirrus';
    src:    url('/assets/fonts/CirrusCumulus/CirrusCumulus-ArneWinter.woff2') format('woff2'),
            url('/assets/fonts/CirrusCumulus/CirrusCumulus-ArneWinter.woff') format('woff'),
            url('/assets/fonts/CirrusCumulus/CirrusCumulus-ArneWinter.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}

p, h2, h3, h4, li::marker, strong, .article-footnote ul li {
    font-family: "Schnelle", sans-serif;
    font-style: normal;
    font-weight: 400;
}

p {
    letter-spacing: .015rem;
}

p, h3, h4 {
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-feature-settings: "ss04" 1;
}

p, h3, ul, ol, ol ul {
    margin-bottom: 1.5rem;
}

li ul {
    margin-top: 1.5rem;
    margin-left: 2rem;
}

p a, h3 a {
    font-family: "Schnelle", sans-serif;
    font-size: 1.8em;
    vertical-align: sub;
    text-decoration: none;
    color: black;
    cursor: pointer;
    transition: all 250 ease-in-out;
}

ol, ul {
    margin-left: 1rem;
}

li p {
    margin-left: 1rem;
    margin-bottom: 0;
}

.about-content p a {
    font-size: 1.2rem;
    vertical-align: unset;
    text-decoration: underline;
}

.article-footnote ul li {
    font-size: .8rem;
    line-height: 1rem;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
    letter-spacing: .01rem;
    font-feature-settings: "ss04" 1;
}

.article-footnote ul {
    margin: 0;
    margin-left: .5rem;
}

.article-footnote ul li::marker {
    content: '*';
}

figcaption p, .imprint-content p, .imprint-content p a {
    font-size: 1rem !important;
    line-height: 1.2rem;
}

strong a {
    font-size: .8em;
    line-height: 1rem;
    vertical-align: super;
}

a, p, h2 {
    transition: all .15s ease;
}

a:hover {
    text-shadow: .1rem .1rem .5rem #454a6a;
    cursor: pointer;
}


h2 {
    text-transform: uppercase;
    font-size: clamp(3.4rem, 6vw, 6rem);
    line-height: clamp(3.25rem, 5.5vw, 5.5rem);
    margin-top: clamp(.5rem, 1vw, 2rem);
    margin-bottom: clamp(1.5rem, 3vw, 6rem);
    letter-spacing: -.2rem;
}

h3 {
    text-align: center;
    padding: 2rem;
}

@media (min-width: 800px) {
    h3 {
        padding: 2rem 5rem;
    }
}

em {
    font-family: "Keroine", serif;
    font-style: normal;
    font-size: 1.05em;
}


h1 {
    font-size: 3rem;
    letter-spacing: -.05rem;
    font-weight: 400;
}

div.oever h1, h1.oever {
    font-family: "Cirrus", sans-serif;
    font-feature-settings: "ss01" 1;
}

div.werk h1, h1.werk {
    font-family: "Schnelle", sans-serif;
}