:root {

    --font-header:  'Kage Black','Open Sans',Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
    --font-content: 'The Sans','Open Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    --font-input:   'Open Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

    --content-width: 1160px; /* old: 960px */

    --col-gold: #DAAF37;      /* THOMA Gold */
    --col-green: #D4EC3B;     /* THOMA Grün */
    --col-darkgreen: #777D49; /* THOMA Dark-Grün */

    --col-base-background: #FBF5E5;
    --col-base-foreground: #000000;

    --border-radius-small:   4px 0  4px  4px;
    --border-radius-medium: 12px 0 12px 12px;
    --border-radius-full:   20px 0 20px 20px;

    --col-card-border:            #6a6c6e;
    --col-card-background:        var(--col-base-background);
    --col-card-header-background: var(--col-green);
    --col-card-header-foreground: #3e3e3e;

    --col-cardlist-background:           #eeeeee;
    --col-cardlist-border:               #888888;
    --col-cardlist-background-linkhover: #fafafa;
    --col-cardlist-border-linkhover:     #bed144;
    --col-cardlist-color-linkhover:      #bed144;

    --col-cardlist-2-background:           #dddddd;
    --col-cardlist-2-border:               #777777;
    --col-cardlist-2-background-linkhover: #eaeaea;
    --col-cardlist-2-border-linkhover:     #bed144;
    --col-cardlist-2-color-linkhover:      #bed144;

    --col-input-background: #ffffff;
    --col-input-foreground: #32373c;
    --col-input-border:     #7e8993;

    --col-header-background-transparent: rgba(250, 250, 250, 0.95);
    --col-header-background:             #FAFAFA;
    --col-header-background-smalltop: #efefef;
    --col-header-logotext:            #bed144;
    --col-header-foreground:          #3e3e3e;

    --col-header-actionbutton-foreground: #585858;
    --col-header-actionbutton-background: #bed144;
    --col-header-actionbutton-border: #e6ff1a;
    --col-header-actionbutton-hover: #e6ff1a;

    --col-header-adminbutton-foreground:        #000000;
    --col-header-adminbutton-background:        #dddddd;
    --col-header-adminbutton-foreground-hover:  #0000ff;
    --col-header-adminbutton-background-active: #dddddd;

    --col-link-highlight: #bed144;

    --col-alert-danger-background:  #ff6383; --col-alert-danger-animate:  #ff3141; --col-alert-danger-border:  #ff0000; --col-alert-danger-foreground:  #440000;
    --col-alert-warn-background:    #ff9f40; --col-alert-warn-animate:    #ff7b00; --col-alert-warn-border:    #ff4444; --col-alert-warn-foreground:    #333333;
    --col-alert-success-background: #4bc090; --col-alert-success-animate: #009e5c; --col-alert-success-border: #00ff00; --col-alert-success-foreground: #004400;
    --col-alert-default-background: #009bff; --col-alert-default-animate: #0079c4; --col-alert-default-border: #0000ff; --col-alert-default-foreground: #000000;

    --col-btn-default-background:   #bbbbbb; --col-btn-default-hover:   #999999; --col-btn-default-border:   #444444; --col-btn-default-foreground:   #000000;
    --col-btn-primary-background:   #D4EC3B; --col-btn-primary-hover:   #bed144; --col-btn-primary-border:   #e6ff1a; --col-btn-primary-foreground:   #585858;
    --col-btn-highlight-background: #D4EC3B; --col-btn-highlight-hover: #bed144; --col-btn-highlight-border: #e6ff1a; --col-btn-highlight-foreground: #585858;
    --col-btn-danger-background:    #ff8888; --col-btn-danger-hover:    #d95d5d; --col-btn-danger-border:    #ff0000; --col-btn-danger-foreground:    #000000;
    --col-btn-warn-background:      #ff9f40; --col-btn-warn-hover:      #d95d5d; --col-btn-warn-border:      #ff4444; --col-btn-warn-foreground:      #333333;
    --col-btn-disabled-background:  #eeeeee; --col-btn-disabled-hover:  #999999; --col-btn-disabled-border:  #aaaaaa; --col-btn-disabled-foreground:  #aaaaaa;

    --col-btn-options-background:  #44AC9C;  --col-btn-options-hover:  #378E81;  --col-btn-options-border:  #0000ff; --col-btn-options-foreground:    #ffffff;
    --col-btn-delete-background:   #FF4082;  --col-btn-delete-hover:   #E31C61;  --col-btn-delete-border:   #ff0000; --col-btn-delete-foreground:     #ffffff;

    --col-error-statuscode: #302886;
    --col-error-statustext-foreground: #880000;
    --col-error-statustext-background: #f2dede;
    --col-error-statustrace-foreground: #000000;
    --col-error-statustrace-background: #6c757d;

    --col-footer-text:       #cccccc;
    --col-footer-link:       #ccccff;
    --col-footer-link-hover: #0000ff;

    --col-progress-msg-green:      #34ff54;
    --col-progress-msg-orange:     #ff5434;

    --col-cardnumber: #e8c425;
}