/**
 * Fonts
 */
/* atkinson-hyperlegible-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Atkinson Hyperlegible";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/atkinson-hyperlegible-v11-latin-regular.woff2")
        format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Atkinson Hyperlegible";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/atkinson-hyperlegible-v11-latin-italic.woff2")
        format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Atkinson Hyperlegible";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/atkinson-hyperlegible-v11-latin-700.woff2")
        format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: "Atkinson Hyperlegible";
    font-style: italic;
    font-weight: 700;
    src: url("../fonts/atkinson-hyperlegible-v11-latin-700italic.woff2")
        format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
    --font-sans: "Atkinson Hyperlegible", sans-serif;
}

.text-content,
.cke_editable,
.paragraph {
    font-family: var(--font-sans);
}
h1,
h2,
h2.block__title,
.field--name-field-titel,
h3,
h4,
h5,
h6,
p {
    font-family: var(--font-sans);
    color: var(--font-color-light-background);
}
h1,
h2,
h2.block__title,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 4rem 0 2rem 0;
}
article h2 {
    margin: 0rem 0 2rem 0;
}
article h2:not(:first-child) {
    margin: 4rem 0 2rem 0;
}
#main h1 {
    font-size: 2.125rem; /*34px*/
    line-height: 3rem; /*48px*/
}
#main h2,
h2.block__title,
.field--name-field-titel {
    font-size: 1.875rem; /*30px*/
    line-height: 2.5rem; /*40px*/
}

h2.block__title {
    margin: 0;
}

[id*="block-kastaniecustom-views-block-veranstaltungen-startseitenblock"]
    h2.block__title {
    margin-bottom: 2rem;
}

#main h3 {
    font-size: 1.625rem; /*26px*/
    line-height: 2rem; /*32px*/
    margin: 3rem 0 1.5rem 0;
}

#main h3.grouping_title:first-of-type {
    margin-top: 2rem;
}

#main h4 {
    font-size: 1.375rem; /*22px*/
    line-height: 1.875rem; /*30px*/
    margin: 3rem 0 1.5rem 0;
}
#main h5 {
    font-size: 1.25rem; /*20px*/
    line-height: 1.75rem; /*28px*/
    margin: 2rem 0 1rem 0;
}
#main h6 {
    font-size: 1rem; /*16px*/
    line-height: 1.625rem; /*26px*/
    margin: 2rem 0 1rem 0;
}
.text-content p,
.cke_editable p {
    margin-block-start: 1rem;
    margin-block-end: 1.5rem;
}
/*Desktop*/
@media (min-width: 43.75rem) {
    #main h1 {
        font-size: 3.25rem; /*52px*/
        line-height: 4.125rem; /*6px*/
    }
    #main h2,
    h2.block__title,
    .field--name-field-titel {
        font-size: 2.25rem; /*36px*/
        line-height: 2.875rem; /*46px*/
    }
    #main h3 {
        font-size: 1.875rem; /*30px*/
        line-height: 2.25rem; /*36px*/
    }
    #main h4 {
        font-size: 1.5rem; /*24px*/
        line-height: 2rem; /*32px*/
    }
    #main h5 {
        font-size: 1.375rem; /*22px*/
        line-height: 1.875rem; /*30px*/
    }
    #main h6 {
        font-size: 1.125rem; /*18px*/
        line-height: 1.75rem; /*28px*/
    }
    .text-content p,
    .cke_editable p {
        margin-block-start: 1rem;
        margin-block-end: 2rem;
    }
}
@media (min-width: 43.75rem) {
    .glossareintrag_body {
        font-size: 1.125rem;
        line-height: var(--sp2);
    }
}
