/* prometo */
@font-face {
    font-family: 'prometo';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://static.formulastudent.de/dist/prometo/WebStaticFonts/Prometo_W_Rg.woff2') format('woff2');
}
/* Font Awesome 5 */
@font-face {
    font-family: 'Font Awesome 5 Duotone';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('https://static.formulastudent.de/fsg/fa/fa-duotone-900.woff2') format('woff2');
}
:root {
    color-scheme: light dark;

    --fsg_yellow_gold:  #FDD315; /* rgb(253,211,21) */
    --fsg_red:          #E40E1B; /* rgb(228,14,27)  */
    --fsg_black:        #1D1D1B; /* rgb(29,29,27)   */
    --fsg_green_cv:     #76B82A; /* rgb(118,184,42) */
    --fsg_yellow_ev:    #FFDD00; /* rgb(0,136,182)  */
    --fsg_cyan_dvc:     #0088B6; /* rgb(253,211,21) */
    --fsg_cyan_dve:     #5FC4E1; /* rgb(95,196,225) */
    --fsg_blue_judge:   #0069B4; /* rgb(0,105,180)  */

    --kc_header_background: #b3b3b3;
    --kc_header_background_dark :#393e44;
    --lc_subnav_current--after--BorderColor: var(--fsg_yellow_gold);

    --pf-v5-global--BackgroundColor--dark-100: var(--kc_header_background);
    --pf-v5-global--palette--black-1000: var(--kc_header_background_dark);
    --pf-v5-global--active-color--400: var(--lc_subnav_current--after--BorderColor);

    --pf-v5-global--link--Color: var(--fsg_green_cv);
    --pf-v5-global--Color--200: var(--fsg_green_cv);
    --pf-v5-global--FontFamily--heading--sans-serif: prometo, RedHatDisplay, Overpass, overpass, helvetica, arial, sans-serif;
    --pf-v5-global--FontFamily--redhatfont--heading--sans-serif: prometo, RedHatDisplay, Overpass, overpass, helvetica, arial, sans-serif;
    --pf-v5-global--link--Color: var(--fsg_green_cv);
    --pf-v5-global--Transition:all 250ms ease-in-out;
    --pf-v5-global--danger-color--100: var(--fsg_red);
}

@media (prefers-color-scheme: light) {
    :root {
        --text-color:           #2e2f3e;
        --text-h1:              var(--fsg_blue_judge);
        --background-color:     #f0f0f0;
        --background-color2:    white;
        --background-color3:    lightgray;
    }   
}
@media (prefers-color-scheme: dark) {
    :root {
        --text-color:           white;
        --text-h1:              var(--fsg_yellow_gold);
        --background-color:     #26292d;
        --background-color2:    #393e44;
        --background-color3:    var(--fsg_black);
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
.pf-v5-c-title {
  font-size: 100%;
  font-family: prometo, sans-serif;
  font-weight: 400;
  color: var(--text-h1);
}
.pf-v5-c-content a {
    color: var(--fsg_green_cv, limegreen);
    text-decoration: underline;
}
.pf-v5-c-button {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--fsg_blue_judge, blue);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--fsg_red, red);
}
.pf-v5-c-page__header {
  background-color: #4a4a4a;
}
li#sign-out {
    background-color: var(--fsg_red, red);
}
li#sign-out a {
    color: white;
}
li#sign-out a:hover {
    color: var(--fsg_red, red);
}
.pf-v5-c-nav__link.pf-m-current:after,
.pf-v5-c-nav__link.pf-m-current:hover:after, 
.pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link:after {
    border-color: var(--fsg_yellow_gold, yellow);
}
.pf-v5-c-tabs__item.pf-m-action:after, .pf-v5-c-tabs__link:after {
    border-color: var(--fsg_green_cv, limegreen);
}
.pf-v5-c-menu-toggle:before {
    border-style: hidden;
}
.pf-v5-c-menu-toggle:after {
    border-block-end: unset;
}
.pf-v5-c-masthead__content {
    grid-column: 3;
}
.pf-v5-c-page__main-section.pf-m-light {
   background-color: unset;
}