/*
Hier weden die HTML-Standard-Elemente grundlegend definiert, ohne auf die Ebene der Organisationsstruktur zu achten.
*/

:root {
    /* globale Variablen für Abstände */
    --padding-base: 1rem;
    --flow-space: 1.4rem;

    /* Globale Farben */
    --background-body: rgba(217, 217, 217, 1);
    --background-menu: rgba(255, 255, 255, 1);
    --background-block: rgba(255, 255, 255, 1);

    --textcolor-ultralight: rgba(255, 255, 255, 1);
    --textcolor-light: rgba(161, 161, 161, 1);
    --textcolor-normal: rgba(91, 91, 91, 1);
    --textcolor-dark: rgba(56, 56, 56, 1);

    --accent-1: rgba(124, 38, 72, 1); /* Funkwerk purpur */
    --accent-2: rgba(57, 95, 110, 1); /* Funkwerk dunkelblau */
    --accent-3: rgba(110, 175, 200, 1); /* Funkwerk hellblau */

    --accent-button: rgba(0, 0, 0, 1);
    --accent-button-light: rgba(255, 255, 255, 1);
    --accent-button-cta1: rgba(141, 0, 0, 1);
    --accent-button-cta2: rgba(0, 172, 32, 1);
    --accent-button-weblink: rgba(0, 129, 189, 1);

    --accent-button-hover: rgba(114, 114, 114, 1);
    
    /* Globale Schatten */
    --block-shadow: 0rem 1rem 1.5rem -1rem rgba(0, 0, 0, 0.3);
}

body {
    background-color: var(--background-body);
    color: var(--textcolor-normal);
}

section, header, footer {
    margin: 1rem auto 0 auto;
    padding: 0;
    max-width: 1440px;
}

p,
button {
    /* Hier den Font-Namen aus der fonts.css eintragen*/
    font-family: "Noto Sans";
    font-weight: 200;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* Hier den Font-Namen aus der fonts.css eintragen*/
    font-family: "Noto Sans";
    text-transform: uppercase;
}

h1 {
    font-size: 3rem;
    font-size: clamp(1.3rem, calc(1.3rem + ((1vw - 0.22rem) * 2.2059)), 3rem);
    min-height: 0vw;
    font-weight: 200;
    line-height: clamp(1.3rem, calc(1.3rem + ((1vw - 0.22rem) * 2.2059)), 3rem);
}

h2 {
    font-size: 2.5rem;
    font-size: clamp(1.3rem, calc(1.3rem + ((1vw - 0.48rem) * 3.125)), 2.5rem);
    min-height: 0vw;
    font-weight: 200;
    line-height: clamp(1.3rem, calc(1.3rem + ((1vw - 0.48rem) * 3.125)), 2.5rem);
}

h3 {
    font-size: 1.8rem;
    font-size: clamp(1.3rem, calc(1.3rem + ((1vw - 0.48rem) * 3.125)), 1.8rem);
    min-height: 0vw;
    font-weight: 300;
    line-height: clamp(1.3rem, calc(1.3rem + ((1vw - 0.48rem) * 3.125)), 1.8rem);
}

h4 {
    font-size: 1.3rem;
    font-size: clamp(1.1rem, calc(1.1rem + ((1vw - 0.48rem) * 3.125)), 1.3rem);
    min-height: 0vw;
    font-weight: 300;
    line-height: clamp(1.1rem, calc(1.1rem + ((1vw - 0.48rem) * 3.125)), 1.3rem);
}

button {
    color: white;
    font-weight: 400;
    padding: 1rem 2rem;
    text-transform: uppercase;
    transition: ease-in-out;
}