﻿:root {
    /*Font*/
    --font-family: 'Calibri', 'Microsoft Sans Serif', 'sans-serif';
    /*Text Size*/
    --titel-font-size: 30px;
    --titel-md-font-size: 26px;
    --titel-lg-font-size: 28px;
    --titel-xl-font-size: 30px;
    --subtitel-font-size: 26px;
    --subtitel-md-font-size: 22px;
    --subtitel-lg-font-size: 24px;
    --subtitel-xl-font-size: 26px;
    --text-font-size: 18px;
    --text-md-font-size: 14px;
    --text-lg-font-size: 16px;
    --text-xl-font-size: 18px;
    --small-text-font-size: 14px;
    --small-md-text-font-size: 12px;
    --small-lg-text-font-size: 10px;
    --small-xl-text-font-size: 14px;
    --button-font-size: 18px;
    --button-md-font-size: 14px;
    --button-lg-font-size: 16px;
    --button-xl-font-size: 18px;
    --placeholder-font-size: 16px;
    --placeholder-md-font-size: 12px;
    --placeholder-lg-font-size: 14px;
    --placeholder-xl-font-size: 16px;
    --validationerror-font-size: 18px;
    --validationerror-md-font-size: 14px;
    --validationerror-lg-font-size: 16px;
    --validationerror-xl-font-size: 18px;
    /*Scrollbar*/
    --scrollbar-color: #0D5C1E;
    --scrollbar-background-color: white;
    --scrollbar-hover-color: #19A835;
    --scrollbar-thickness: 9px; /*+4 wegen Abstand zu Außenrand*/
    --scrollbar-md-thickness: 11px;
    --scrollbar-lg-thickness: 13px;
    --scrollbar-xl-thickness: 15px;
    /*Primary Colors*/
    --primary-color: white;
    --primary-color-interactive: #E7E7E7;
    --primary-border-color: #0D5C1E;
    --primary-border-color-interactive: #19A835;
    --primary-background-color: #0D5C1E;
    --primary-background-color-interactive: #19A835;
    /*Secondary Colors*/
    --secondary-color: #505050;
    --secondary-color-interactive: #909090;
    --secondary-border-color: #D0D0D0;
    --secondary-border-color-interactive: #E7E7E7;
    --secondary-background-color: #D0D0D0;
    --secondary-background-color-interactive: #E7E7E7;
    /*Link Color*/
    --primary-link-color: #0D5C1E;
    --primary-link-hover-color: #19A835;
}
