:root {
    --hauptfarbe: rgb(0, 0, 0);
    --farbe1: rgb(0, 0, 0);
    --farbe2: rgb(0, 0, 0);
    --rahmeni: rgb(255, 255, 255);
    --navi1: rgb(227, 117, 0);
    
    --textsw: rgb(255, 255, 255);
    --textw: white;

    --textblau: rgb(0, 3, 86);
    --textorange: rgb(255, 244, 120);
    --texthellorange: rgb(252, 206, 19);
    --textgelb: #FCFF00;

    --texterot:  rgb(255, 240, 122);
    --textdunkelgrau: rgb(255, 255, 255);

    --texteinladung: rgb(255, 227, 113);

    --linieweiss: white;
    --liniesw: white;

}

.logoausschaltenf {
    display: none;
}

body {
    background-color: var(--hauptfarbe);
     
}


.navi1 {
    background-color: var(--navi1);
    color: var(--textw);
    font-weight: bold;
}

.border2 {
    border-color: var(--liniesw);
    border-width: .1em;
    border-style: solid;
}

.border3 {
    border-color: var(--liniesw);
    border-width: .0em .1em .0em .1em;
    border-style: solid;
}

fieldset {
    background-color:  var(--farbe2);
    border-color: var(--rahmeni);
}

fieldset>legend {
    color: var(--textgelb);
    background-color: var(--farbe1);
    border-color: rgb(255, 255, 255);
}

.linieweiss {
    color: var(--linieweiss);
}

.liniesw {
    color: var(--liniesw);
}

.farbe1 {
    background-color: var(--farbe1);

}

.farbe2 ,.farbelinie {
    background-color: var(--farbe2);


}

.zusammen {
    color: var(--textdunkelgrau);
}

.cggmc {
    color: var(--texterot);
}


.foto {
    border-width: .3em;
    border-style:  solid;
    border-color:  var(--rahmeni);
}

.textsw {
    color: var(--textsw);
}

.textw {
    color: var(--textw);
}

.textblau {
    color: var(--textblau);
}

.textorange {
    color: var(--textorange);
}

.texthellorange {
    color: var(--texthellorange);
}

.texterot {
    color: var(--texterot);
}

.texteinladung {
    color: var(--texteinladung);
}

.rahmen {
    border-width: 0.5em;
    border-style: solid;
    border-color: var(--rahmeni);
    border-radius: .375rem .375rem;
}