/* Globale Farben */
:root {

    /* Background */
    --headerBackground: #1D2734;
    --headlineBackground: #000000;
    --siteBackground: #282F3B; 
    --footerBackground: #000000;

    /* Navigation */
    --button-WE-BG: #FFFFFF;
    --link-border-color: #F79007;
    --menueTitle: #FFFFFF;
    --menueLinks: #EBEBEB;
    --menueColor: #f79007;
    --dropbox-Link: #EBECED;
    --link-border-color: #F79007;

    /* Headline */
    --headlineTitle: #D3D3D3;

    /* Button */
    --button-OR-BG: #F79007;
    --button-OR-Border: #F79007;

    --button-OR-Hover-BG: rgba(255, 255, 255, 0.5);
    --button-OR-Border-Hover: #FFFFFF;

    --buttonLight-Text: #FFFFFF;
    --buttonDark-Text: #31415A;

    /* Größen und Schatten */
    --sectionWidth: 100%;
    --columnWidth: 1200px;
    --borderRadius: 12px;
    --boxShadowDarkbox: 8px 8px 8px rgba(0, 0, 0, 0.50);


/* ============================================= */

    /* Individuell */

    --supportBackground: #282F3B; 

    --link-OR-color: #F79007;
    --link-WE-color: #FFFFFF;
    --icon-color: #F79007;

    --userBackground: #D3D7DE;
    --userBorder: #93979D;
    --userHeadline: #FFFFFF;
    --userTitle: #31415A;
    --userText: #576578;

    --supportTitle: #f2f2f2;
    --supportText: #c8c8c8;
    --supportLabel: #e0e0e0;

    --supportInputBackground: #D3D7DE;
    --supportInputText: #576578;
    --supportPlaceholder: #9aa2ae;

    --supportBorder: #F79007;
    --supportFocus: #F79007;
    --supportFocusShadow: rgba(247, 144, 7, 0.18);

    --supportInfoBackground: #31415A;
    --supportInfoText: #EBEBEB;

}