:root {
    --text-normal: 1rem;
    --text-small: .75rem;
    --border-radius: .5rem;
    --color-card-border: #eeeeee;
    --heading-margin: 1.5rem;

    /**
     * RPTU.
     */
    --rptu-schiefer: #507289;
    --rptu-ocean: #77b6ba;
    --rptu-nacht: #042c58;
    --rptu-himmel: #489ac3;
    --rptu-petrol: #006b6b;
    --rptu-apfel: #7cc372;
    --rptu-beere: #4c3575;
    --rptu-fuchsia: #d13896;
    --rptu-himbeere: #e31b4c;
    --rptu-mango: #ffa252;
    --rptu-schwarz: #000000;
    --rptu-weiss: #ffffff;

    --rptu-brand-hellblau: #6ab2e7;
}

*, *::before, *::after {
    box-sizing: border-box;
    font-family: "Red Hat Text", Arial, sans-serif;
}

html {
    font-size: 14px;
}

body {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

h1 {
    font-size: 2rem;
    margin: var(--heading-margin) 0;
    font-weight: 500;
}

h2 {
    font-size: 1.5rem;
    margin: var(--heading-margin) 0;
    font-weight: 500;
}

h3 {
    font-size: 1.25rem;
    margin: var(--heading-margin) 0;
    font-weight: 500;
}

li {
    margin-bottom: 1rem;
}

.scroll-container-x {
    overflow-x: auto;
}

hr {
    border: none; /* Remove default border. */
    border-top: 1px dotted #555;
    margin: var(--heading-margin) 0;
}