body, input, textarea {
    font-size: 17px;
    font-size: clamp(17px * 0.85, 17px - (1200px - 100vw) * 17 * 0.0002, 17px);
    line-height: 1.2;
    font-family: var(--font-body);
    font-weight: var(--font-body-weight);
}

::selection {
  background-color: var(--c2-80);
  color: #fff;
}

article * {
    color: var(--text-color);
}

.footer-widgets, .footer-menu-bar {
    color: var(--text-color);
}

a, a.mail-link span {
    color: var(--c2-100);
}

a {
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

p, article ul li, article ol li {
    margin: .7em 0 .7em 0;
    line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    margin: .9em 0 .5em 0;
    line-height: 1.2;
    font-family: var(--font-heading);
    font-weight: calc(var(--font-heading-weight) + 200);
    color: var(--heading-color);
}

.page-title a, .post-title a {
    color: var(--heading-color);
}

h1 {
    font-size: 50px;
    font-size: calc(50px * var(--font-heading-scale, 1));
    font-size: clamp(
        50px * 0.85 * var(--font-heading-scale, 1),
        (50px - (1200px - 100vw) * 50 * 0.0002) * var(--font-heading-scale, 1),
        50px * var(--font-heading-scale, 1)
    );
}

h2 {
    font-size: 40px;
    font-size: calc(40px * var(--font-heading-scale, 1));
    font-size: clamp(
        40px * 0.85 * var(--font-heading-scale, 1),
        (40px - (1200px - 100vw) * 40 * 0.0002) * var(--font-heading-scale, 1),
        40px * var(--font-heading-scale, 1)
    );
}

h3 {
    font-size: 31px;
    font-size: calc(31px * var(--font-heading-scale, 1));
    font-size: clamp(
        31px * 0.85 * var(--font-heading-scale, 1),
        (31px - (1200px - 100vw) * 31 * 0.0002) * var(--font-heading-scale, 1),
        31px * var(--font-heading-scale, 1)
    );
}

h4 {
    font-size: 25px;
    font-size: calc(25px * var(--font-heading-scale, 1));
    font-size: clamp(
        25px * 0.85 * var(--font-heading-scale, 1),
        (25px - (1200px - 100vw) * 25 * 0.0002) * var(--font-heading-scale, 1),
        25px * var(--font-heading-scale, 1)
    );
}

h5 {
    font-size: 20px;
    font-size: calc(20px * var(--font-heading-scale, 1));
    font-size: clamp(
        20px * 0.85 * var(--font-heading-scale, 1),
        (20px - (1200px - 100vw) * 20 * 0.0002) * var(--font-heading-scale, 1),
        20px * var(--font-heading-scale, 1)
    );
}

h6 {
    font-size: 16px;
    font-size: calc(16px * var(--font-heading-scale, 1));
    font-size: clamp(
        16px * 0.85 * var(--font-heading-scale, 1),
        (16px - (1200px - 100vw) * 16 * 0.0002) * var(--font-heading-scale, 1),
        16px * var(--font-heading-scale, 1)
    );
}

kbd {
    background: var(--c0-100);
    color: var(--text-color-light);
    font-family: inherit;
    padding: 0 .3em;
    line-height: 1.4;
}

.wp-block-quote {
  margin: 0;
}

.wp-block-quote p {
  color: var(--c2-100);
  font-style: italic;
}

.wp-block-quote p:before {
  content: "„";
}

.wp-block-quote p:after {
  content: "“";
}

.wp-block-button a {
    font-family: var(--font-button);
    font-weight: var(--font-body-weight);
}

.cd-highlight {
    padding: .1em .3em;
    background-color: var(--c2-20);
    color: inherit;
}

.cd-normal {
    font-family: var(--font-body);
    color: var(--text-color);
    font-weight: var(--font-body-weight);
}

.has-custom-font-size {
  line-height: 1em;
}


/* HEADER */

.main-menu a {
    font-family: var(--font-main-menu);
    font-weight: 300;
}

/* 0 - L */
@media (max-width: 1099px) {

    .menu-wrapper .menu-item a {
        font-weight: 300;
    }
}

.main-menu > .menu-item > a {
    letter-spacing: 1px;
    text-transform: uppercase;
}