@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/noto-fonts-20201206-phase3/NotoSans-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Noto Sans Light';
    src: url('../fonts/noto-fonts-20201206-phase3/NotoSans-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
  
@font-face {
    font-family: 'Noto Sans Bold';
    src: url('../fonts/noto-fonts-20201206-phase3/NotoSans-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Black';
    src: url('../fonts/noto-fonts-20201206-phase3/NotoSans-Black.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Light Condensed';
    src: url('../fonts/noto-fonts-20201206-phase3/NotoSans-CondensedLight.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Bold Condensed';
    src: url('../fonts/noto-fonts-20201206-phase3/NotoSans-CondensedBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans Black Condensed';
    src: url('../fonts/noto-fonts-20201206-phase3/NotoSans-CondensedBlack.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Farben ALW */
    --start-alexianerrot: #ad2932;
    --start-mittelrot: #941b2b;
    --start-dunkelrot: #681417;
    --start-dunkelrot50: rgba(104,20,23,.5);
    --start-dunkelrot20: #94373f;
    --start-graublau: #4078a1;
    --start-aschblau: #415b81;
    --start-dunkelblau: #2f2d4f;
    --start-hellgrau: #ececec;
    --start-mittelgrau: #c6c6c5;
    --start-dunkelgrau: #6f6f6e;
    --start-hellviolett: #837693;
    --start-violett: #6d5f80;
    --start-dunkelviolett: #5b4563;
    --start-hellflieder: #bf9dae;
    --start-flieder: #a07693;
    --start-dunkelflieder: #89516e;

    /* Farben gemeinsam */ 
    --start-alexianerblau: #5ea0c3;
    --start-himmelblau: #8bb0cb;
    --start-blassblau: #dbe4ed;

    /* Farben GWK */
    --gwk-dunkeltuerkis: #006d87;
    --gwk-tuerkis: #008cb1;
    --gwk-helltuerkis: #74b2cb;
    --gwk-dunkelpetrol: #007d95;
    --gwk-petrol: #2c919f;
    --gwk-petrol20: #3e97a3;
    --gwk-hellpetrol: #97bcc3;
    --gwk-dunkelsalbei: #60A25D;
    --gwk-salbei: #92BA80;
    --gwk-hellsalbei: #CDE3BB;
    --gwk-dunkelminz: #1F815B;
    --gwk-mittelminz: #4C9B79;
    --gwk-hellminz: #82BBA2;
    --gwk-dunkelgrau: #706F6F;
    --gwk-mittelgrau: #C6C6C6;
    --gwk-hellgrau: #EDEDED;

    /* layout */
    --body-fontsize: 18px;
    --menu-fontsize: 14px;
    --body-color: #1d1d1b;
    --footer-color: #c4c4c6;
}