/* ==========================================================================
TEXT
========================================================================== */

.text-light {
    font-weight: 300;
}
.text-regular {
    font-weight: 400;
}
.text-semibold {
    font-weight: 600;
}
.text-bold {
    font-weight: 700;
}
.text-align-left {
    text-align: left;
}
.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
.text-white {
    color: #fff;
}
.text-grau {
    color: #6D6D6D;
}
.text-black {
    color: #000;
}
.text-blau {
    color: var(--blau);
}
.bg-black {
    background-color: black;
}
/* ==========================================================================
FARBEN
========================================================================== */

:root {
    --dunkelblau: #002B50;
    --blau: #004785;
    --hellblau: #6894a8;
    --dunkelgrau: #707070;
    --grau: #bfc1bc;
    --hellgrau: #ddd;
    --rot: #b7596d;
    --weiss: #fff;
    --schwarz: #000;
}