:root { --h1-color: #333333; --h1-alt-color: #ffffff; --body-color: #333333; --font-family: AktivGrotesk; --app-h1-font-weight: 500; --desktop-h1-font-weight: 500; --info-color: #c1e1ff; --success-color: #327a1e; --error-color: #f24822; --warning-color: #fccf0B; --button-footer-background: #f5f5f5; --button-footer-background-alt: transparent; --app-background-color: #FFFFFF; --header-background-color: #ffffff; --customer-logo-height: 22px; --external-link-color: #1849C8; --A200: #c1e1ff; --cA200: #333333; --500: #767676; --header-color: #000000; --agb-color: #1849C8; --loading-animation-color-alt: #FFFFFF; --container-box-shadow: 0px; --invalid: #F24822; --document-registration-scenario-background-color: #F5F5F5; --document-registration-scenario-color: #333333; --loading-animation-color: #333333; --success-alt-color: #333333; --toast-height: 32; --document-container-background-color: #F5F5F5; --app-h2-font-weight: 500; --desktop-h2-font-weight: 500; --app-h3-font-weight: 500; --desktop-h3-font-weight: 500; --app-button-font-weight: 500; --desktop-button-font-weight: 500; --c500: ffffff; --primary-button-background: #ebebeb; --primary-button-color: #327a1e; --primary-button-border-radius: 0; --primary-button-min-height: 40px; --primary-button-color-disabled: #bdbdbd; --primary-button-background-disabled: #ebebeb; --primary-button-background-hover: #bdbdbd; --primary-button-background-on-dark-hover: #bdbdbd; --accent-button-background: #327a1e; --accent-button-color: #ffffff; --accent-button-border-radius: 0; --accent-button-min-height: 40px; --accent-button-background-hover: #12531b; --accent-button-background-on-dark-hover: #12531b; --stepper-uncomplete-background-color: #f5f5f5; --stepper-uncomplete-color: #327a1e; --stepper-complete-background-color: #327a1e; --stepper-complete-color: #ffffff; --stepper-active-background-color: #d5d5d5; --stepper-active-color: #327a1e; --accordion-color: #333333; --accordion-background-color: #ffffff; --document-registration-scenario-background-color-disabled: #fff; }