:root {
    /* Farben */
    --txtc: #E1E0E0;
    --errcrgb: 179, 0, 0;
    --txtcrgb: 225, 224, 224;
    --bc1: #FF9A00;
    --bc2: #FF3D00;
    --bc1rgb: 255, 154, 0;
    --bc2rgb: 255, 61, 0;
    --bgc1: #121212;
    --bgc1rgb: 18, 18, 18;
    --bgc2rgb: 41, 41, 41;
    /* Schriftgrößen */
    --txts: 1rem;
    --h1: 4rem;
    --h2: 3rem;
    --h3: 1.5rem;
    --label: 0.7rem;
    /* Standart Schriftgröße Website */
    --htmlfs: 18px;
    --htmlfs-mw1024: 24px; /* für media max-width 1024px */
    --htmlfs-mw430: 16px; /* für media max-width 430px */
    --htmlfs-mh430: 14px; /* für media max-height 430px */
}
/********** ********** ********** ********** ********** **********/
/* Algemeine Standarts */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    scroll-behavior: smooth;
    border: none;
}
html {
    font-family: 'Verdana', sans-serif;
    font-size: var(--htmlfs);
    color: var(--txtc);
}
body {
    min-height: 100vh;
    background-color: var(--bgc1);
}
section {
    min-height: 100vh;
}
h1 {
    font-size: var(--h1);
}
h2 {
    font-size: var(--h2)
}
h3 {
    font-size: var(--h3);
}
a {
    color: var(--txtc);
}

@media screen and (max-width: 1024px) {
    html {
        font-size: var(--htmlfs-mw1024);
    }
}
@media screen and (max-width: 430px) {
    html {
        font-size: var(--htmlfs-mw430);
    }
}
@media screen and (max-height: 430px) {
    html {
        font-size: var(--htmlfs-mh430);
    }
}