:root {

	--html-font-color: #000;
    --html-font-size: 16px;
	--html-font-family: 'FF Milo for Symrise';
    --intro-text-font-size: 1.2rem;
	--stage-font-size: 1rem;
	--link-color: #000;
    --link-hover-color: #c51718;
	--link-hover-text-decoration: none;
	--link-text-decoration: underline;
	
	--login-logo-height: 56px;
	--login-logo-bottom-display: none;
	--login-headline1-font-size: 1.6rem;
	--login-intro-text-line-height: 2.5;
	--login-intro-text-font-size: 1.1rem;
	--login-text-links-weight: 600;
	--login-text-links-hover-weight: 600;
	--login-form-label-font-size: 20px;
	--login-input-focus-label-font-size: 0.9rem;
	
	--login-language-line-links-weight: 700;
    --login-language-line-links-size: 0.9rem;
	--login-language-line-links-hover-color: var(--link-hover-color);
    --login-language-line-links-hover-weight: 700;
    --login-language-line-links-hover-size: 0.9rem;
	--login-language-line-text-decoration: none;
	--login-language-line-hover-text-decoration: underline;
    --login-forgotten-links-weight: 700;
    --login-forgotten-links-size: 0.8rem;
	--login-forgotten-links-hover-color: var(--link-hover-color);
    --login-forgotten-links-hover-weight: 700;
    --login-forgotten-links-hover-size: 0.8rem;
	--login-forgotten-links-text-decoration: none;
	--login-forgotten-links-hover-text-decoration: underline;
	
	--header-background: #fff;
    --header-logo-height: 0px;
	--header-logo-right-height: 56px;
	--header-left-font-color: #000;
	--headline-font-family: 'FF Milo for Symrise';
		
	--account-dropdown-link-hover-color: #c51718;
	--account-dropdown-link-text-decoration: none;
	--account-dropdown-link-hover-text-decoration: underline;
	
	--footer-background: #fff;
    --footer-border-top: 1px solid #dedede;
    --footer-link-color: #858585;
	--footer-link-hover-color: #000;
	--footer-link-text-decoration: none;
	--footer-link-hover-text-decoration: underline;
    	
	--livestream-overlay-background-color: #f0f0f0;

	--focus-outline: 2px solid #ae1415;
    --focus-outline-offset: 3px;
	--btn-focus-outline-offset: 3px;
	--btn-font-size: 13px;
    --btn-font-weight: 600;
    --btn-border-radius: 1px;
	
	--btn-primary-border: 3px solid #ae1415;
    --btn-primary-background: #fff;
    --btn-primary-text-color: #000;
	
	--btn-primary-hover-border: 3px solid #eaeaea;
    --btn-primary-hover-background: #ae1415		;
	--btn-primary-hover-text-color: #fff;
	
	--btn-secondary-border: 3px solid #eaeaea;
	--btn-secondary-background: #fff;
    --btn-secondary-text-color: #000;

	--btn-secondary-hover-border: 3px solid #ae1415;
	--btn-secondary-hover-background: #fff;
    --btn-secondary-hover-text-color: #000;
	
	--btn-radio-hover-border: 2px solid #ae1415;
    --btn-radio-hover-background: #ae1415;
    --btn-radio-hover-text-color: #fff;
	
	--btn-radio-checked-border: 2px solid #ae1415;
    --btn-radio-checked-background: #ae1415;
    --btn-radio-checked-text-color: #fff;
   	
	--navigation-link-font-size: 0.9rem;
	--navigation-link-color: #c51718;
	--navigation-link-hover-color: #c51718;
	--navigation-link-text-decoration: none;
	--navigation-link-hover-text-decoration: underline;
       	
	--tops-link-color: #c51718;
    
	--checkbox-accent-color: #ae1415;
	


}

@font-face {
    font-family: "FF Milo for Symrise";
    src: url("/starxm/static/fonts/symrise/FFMiloforSymrise-dc2fcad9b1d34549009246161a62a9e3.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "FF Milo for Symrise Serif Bold";
    src: url("/starxm/static/fonts/symrise/FFMiloSerifforSymrise-Bd-4193f16c88ad56ac66d29f2e9928aa92.ttf") format("truetype");
    font-weight: 400;
    font-style: normal
}