:root {
    --innerwidth1: 800px;
    --innerwidth2: 1400px;
    --griditem: 50px;
    --secondary-color: #e0dfdd;
}

body {
    overflow-x: hidden;
    font-family: "Helvetica", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: bold;
}

body.website-background-active {
    background: var(--secondary-color);
}

.innerwidth1 {
    width: calc(100% - 40px);
    max-width: var(--innerwidth1);
    margin: 0 auto;
}

.innerwidth2 {
    width: calc(100% - 40px);
    max-width: var(--innerwidth2);
    margin: 0 auto;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

strong {
    font-weight: bold;
}

p {
    margin-bottom: calc(var(--griditem) * 0.25);
}

h1 {
    font-size: clamp(2.75rem, 4.5vw, 5.625rem);
    line-height: 0.8;
}

p.super {
    font-size: clamp(2.75rem, 4.5vw, 5.625rem);
    line-height: 0.8;
    text-transform: uppercase;
    color: #9d9d9c;
    font-weight: 600;
}

h3 {
    font-size: 14px;
    text-transform: uppercase;
}

.content-node {
    width: calc(100% - 40px);
    max-width: 900px;
    margin: 0 auto;
    padding-top: 150px;
}

body.content-type-einfache-seite .content-node {
    padding-top: calc(6 * var(--griditem));
}