:root
{
    --breite-contentContainer: 100vw;

    /* Regel die Breite des jeweiligen ContentContainer Elements für genau
    das betroffene Element. Der Wert ist ein Prozentwert und bezieht sich
    auf die Breite, die eine Zeile über dieser Zeile angegeben ist:
    --breite-contentContainer. Damit lässt sich also theoretisch
    nochmal im Detail für jedes einzelne ContentElement eine Breite
    definieren */
    --breite-contentContainerElement: 92%;  /* Achtung: Wird dieser Wert zu groß, so wird die Website auch auf der X-Achse
                                            scrollbar! */

    /* Beschreibt den Y-Achsen-Abstand den ein ContentContainerElement zu einem anderen
    ContentContainer Element haben soll. Da jedes zweite Element ein Raumtrenner
    ist bedeutet dieser Abstand also: AbstandContentElement zu Abstand Raumtrenner
    zu AbstandContentElement */
    --abstand-contentContainerElement: 4.25vh;

    --padding-content-container: 0.5rem;

    /* Gibt an, wohin die Website scrollen soll, wenn über ein Anker (A-Tag)
    zu einer bestimmten Stelle auf der Wbeiste gesprungen werden soll. Hier
    wäre das dann a vh über das Element, dass diese Eigenschaft bekommen
    hat. */
    --scroll-margin-top: 22vh;


    /* Ich verwende hier em, statt rem. Rem: Bezieht sich auf Schriftgröße von
    Root-Element, EM: Bezieht sich auf Schriftgröße von direktem Elternelement
    -> em skaliert dynamisch mit der Schriftgröße mit */

    --text-zu-bild-abstand-klein: 1.6em;
    --text-zu-bild-abstand: 2em;
}