:root
{
    /* Vorgehen nur Schriftgrößenbestimmung:
    1. Das Normal Maß durch rumprobieren finden. Dafür die beiden anderen Maße auf
    sehr kleine (min) und sehr große (max) Werte in px setzten - so stören sie nicht.
    2. Ist das normal Maß gefunden, so werden die oberen und unteren grenßen gesucht.
    Hierfür kann das normal maß leicht verändert werden. Sobald die schriftgröße
    zu klein oder zu groß wird, wird diese mit dem website debugger unter "berechnet"
    ausgelesen. Dort steht der Pixel Wert und den nimst du. */

    --h1-min: 33px;
    --h1: 2.3vw;
    --h1-max: 36px;

    --h2-min: 25px;
    --h2: 1.7vw;
    --h2-max: 27px;


    /* für Absätze sollte ich rem verwenden, ändere das */
    /* führe ein p-min ein, nutze clamp. Dann siehts auch auf
    dem Tabellt gut aus. Dann kann ich vieleicht sogar bei
    vw bleiben. -> clamp ist eingeführt :)*/

    --text-normal-min: 16px;  /* <-- Tablett braucht eigentlich 17px. Was mach ich da? */            /* Wird so auch für a Tags und für span Tags verwendet */
    --text-normal: 1.15vw;         /* Wird so auch für a Tags und für span Tags verwendet */
    --text-normal-max: 18px;      /* Wird so auch für a Tags und für span Tags verwendet */

    /* Versuch mal so: text-normal min bzw max auf -unendlich bzw +unendlich setzen, so dass
    diese in clamp nicht mehr greifen. Und dann eine feste text größe wie 1.2 oder 1 rem.
    1 rem wäre ja gerade die standart schriftgröße des browsers, was ganz gut passen sollte.
    Das mit 1.15 vw ist sowieso quatsch, der wert ist astronomisch winzig  */

    --text-footer: 16px;

    --line-height-p: 1.55;

    --hero-banner-min: 15px;
    --hero-banner: 1vw;
    --hero-banner-max: 15px;

    --hero-inhaber-info-min: 1px; /* 27px; <- War auf dem Tablett eigentlich angedacht, passt ist aber größer als das Linear Maß*/
    --hero-inhaber-info: 1.7vw; /* 22px */
    --hero-inhaber-info-max: 29px;

    --footer-banner-min: 14px;
    --footer-banner: 1vw;
    --footer-banner-max: 15px;
}