/* Grundlegende Element-Stile (keine Layout-Bausteine). */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: var(--schrift-basis);
    font-size: var(--schriftgroesse-basis);
    line-height: var(--zeilenhoehe);
    color: var(--farbe-text);
    background: var(--farbe-hintergrund);
}

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

h1,
h2,
h3 {
    line-height: 1.25;
    margin: 0 0 var(--abstand-m);
}

h1 {
    font-size: var(--schriftgroesse-titel);
}

p {
    margin: 0 0 var(--abstand-m);
}

a {
    color: var(--farbe-gruen-dunkel);
    text-underline-offset: 0.15em;
}

a:hover {
    text-decoration-thickness: 2px;
}

:focus-visible {
    outline: 3px solid var(--farbe-gruen-dunkel);
    outline-offset: 2px;
}

pre {
    font-family: var(--schrift-mono);
    font-size: calc(0.85 * var(--schriftgroesse-basis));
    overflow-x: auto;
}

[hidden] {
    display: none !important;
}