:root
{
    /* Die Summe beider vw Werte darf 100vw nie überschreiten. Sie sollte allerdings auch etwas kleiner als 100 sein */
    --breite-navigationBoxContainer: min(20vw, 3600px);  /* min(a, b) Bedeutung: breite von a, aber maximal breite b */
    --breite-contentContainer: 75vw;

    /* 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: 90%;

    /* Beschreibt den 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: 9vh;


    /* Der Sprung über die NavigationBox springt um die hier angegeben höhe über
    höher als dieses Element - sehr praktisch*/

    /* 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: 14vh;


    /* 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;
}