:root {
    --primary-color: #F08700;
    --primary-light-color: #FFC174;
    --primary-dark-color: #C06C00;

    --secondary-color: #2B746B;
    --secondary-light-color: #55908A;
    --secondary-dark-color: #225D56;

    --highlight-color: #F08700;

    --chart-color-primary: #F08700;
    --chart-color-secondary: #2B746B;
    --chart-color-neutral1: #B3BFCB;
    --chart-color-neutral2: #81EEBB;
    --chart-color-foerderung1: #FFC174;
    --chart-color-foerderung2: #F08700;
    --chart-color-foerderung3: #FFF06C;
    --chart-color-foerderung4: #FF9C62;
    --chart-color-foerderung5: #9d0000;
    --chart-color-brutto: #74BDE8;
    --chart-color-netto: #58C645;
    --chart-color-luecke: #A30245;
    --chart-color-vorschlag: #81EEBB;
    --chart-color-optimierung: #58C645;
}

.template-wrapper .template-topbar .template-header .template-content .logo {
    height: 30px;
    margin-right: 1.5rem;
}

.template-wrapper .template-topbar .template-header .template-content .logo-small {
    height: 24px;
}

body .ui-button,
body .ui-button.ui-state-hover,
body .ui-button.ui-state-active,
body .ui-button.ui-state-down {
    color: #000000;
}

body .ui-button.scroll-to-top.ui-button-secondary {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #000000;
}

body .ui-button.scroll-to-top.ui-button-secondary.ui-state-hover,
body .ui-button.scroll-to-top.ui-button-secondary:not(:disabled):hover,
body .ui-button.scroll-to-top.ui-button-secondary.ui-state-active,
body .ui-button.scroll-to-top.ui-button-secondary:active {
    background: var(--primary-dark-color);
    border-color: var(--primary-dark-color);
    color: #000000;
}