:root { --h1-color: #333333; --h1-alt-color: #ffffff; --body-color: #333333; --font-family: PostFinance Grotesk; --app-h1-font-weight: 500; --desktop-h1-font-weight: 500; --info-color: #9FBFFD; --success-color: #ffcc00; --error-color: #FF9396; --warning-color: #FFA500; --button-footer-background: transparent; --button-footer-background-alt: transparent; --app-background-color: #ffffff; --header-background-color: #ffcc00; --customer-logo-height: 40px; --external-link-color: #4c575a; --A200: #ffcc00; --cA200: #000000; --500: #737373; --header-color: #212529; --agb-color: #004b5a; --app-background-color-alt: #333333; --document-registration-scenario-color: #00545e; --loading-animation-color: #ffcc00; --loading-animation-color-alt: #ffcc00; --capture-message-color: #ffffff; --app-h1-font-size: 18px; --app-h1-line-height: normal; --app-h1-letter-spacing: 0.072px; --app-body-font-weight: 300; --app-body-font-size: 16px; --app-body-line-height: normal; --app-body-letter-spacing: 0.064px; --desktop-h1-font-size: 18px; --desktop-h1-line-height: normal; --desktop-h1-letter-spacing: 0.072px; --desktop-body-font-weight: 300; --desktop-body-font-size: 16px; --desktop-body-line-height: normal; --desktop-body-letter-spacing: 0.064px; --button-footer-padding: 24px 0px; --button-footer-flex-direction: column-reverse; --button-footer-align-items: center; --button-footer-box-shadow: none; --button-footer-box-shadow-alt: none; --button-footer-last-button-margin: 2px; --customer-logo-height-desktop: 55px; --instruction-graphic-hand-background: #333333; --primary-button-background: transparent; --primary-button-color: #00545e; --primary-button-border-radius: 28px; --primary-button-min-height: 56px; --primary-button-color-on-dark: #ffcc00; --button-padding: 17px 40px 15px 40px; --accent-button-color: #00545E; --accent-button-outline: 1px solid rgba(0, 0, 0, 0.05); --accent-button-border-radius: 28px; --accent-button-min-height: 56px; --stepper-uncomplete-background-color: #cccccc; --stepper-uncomplete-color: #000000; --stepper-stepline-uncomplete-background-color: #ffffff; --stepper-complete-background-color: #004B5A; --stepper-complete-color: #ffffff; --stepper-active-background-color: #FFCC00; --stepper-active-color: #004B5A; --stepper-title-font-size-mobile: 18px; --stepper-title-font-size-desktop: 18px; --stepper-subtitle-font-size-mobile: 16px; --stepper-subtitle-font-size-desktop: 16px; --button-footer-first-button-margin: 1rem 0 0 0; --document-registration-scenario-icon-display: none; --document-registration-scenario-height: 50px; --document-registration-scenario-grid-template-columns: 1fr; --document-registration-scenario-grid-margin: 16px 0; --document-registration-scenario-background-color: #fff; --customer-header-height: 0; --app-button-font-weight: 300; --desktop-button-font-weight: 300; --app-button-font-size: 16px; --app-button-line-height: 16px; --qes-document-overview-link-list-color: #00545E; --qes-termsandconditions-horizontal-line-display: block; --qes-termsandconditions-horizontal-line-color: #f3fafa; --accent-button-box-shadow: 0px 0px 8px 0px rgba(255,204,0,0.4); --stepper-stepline-uncomplete-background: #666666; --stepper-step-icon-uncomplete-background: transparent; --stepper-step-icon-uncomplete-color: #666666; --stepper-step-icon-uncomplete-font-weight: bold; --stepper-step-icon-uncomplete-border: 2px solid #666666; --stepper-title-font-weight-uncomplete: normal; --stepper-title-color-complete: #00373D; --stepper-title-color-active: #00373D; --stepper-title-color-uncomplete: #666666; --progress-indicator-background: #FFCC00; --quickcheck-loader-success-background: #FFCC00; --slide-toggle-selected-track-color: #00373D; --slide-toggle-selected-handle-color: #ffffff; --button-help-color-on-dark: #fefefe; }