:root {
    --html-background:  #fff;
    --stage-background:  #fff;
    --html-font-family: TeleGrotesk Next, sans-serif;
    --html-font-color: #2c2c2c;
    --html-font-size: 16px;
    --intro-text-font-size: 1.2rem;

    --header-left-font-color: #e20074;
    --header-background: #e20074;
    --header-subline-padding-top: 10px;
	--header-logo-height: 45px;
	
	--focus-outline: 2px solid #2238df;
    --focus-outline-offset: 3px;
	--btn-focus-outline-offset: var(--focus-outline-offset);
	
    --account-dropdown-link-color: #e20074;
    --account-dropdown-link-hover-color: #e20074;
    
    --footer-background: #262626;
    --footer-link-color: #fff;

    --link-color: #007faf;
    --link-hover-color: #0056b3;
    --login-text-links-text-decoration: underline;
	--login-text-links-hover-text-decoration: none;
	
	--info-button-color: #414141		;
    --info-button-hover-color: #e20074;

    --login-html-background:  #fff;
    --login-body-background:  #fff;
    --login-logo-height: 80px;
    --login-logo-bottom-display: none;
    --login-headline1-font-color: #e20074;
    --login-icons-font-color: #e20074;
	
	--cookieNotice-background: #383838;
    --cookieNotice-text-color: #fff;

    --modal-font-color: #2c2c2c;

    --input-focus-background-color: #fff;
    --input-secondary-color: #000;
    --input-focus-border-bottom-color: #007faf;

    --login-language-line-links-weight: 700;
    --login-language-line-links-size: 0.9rem;
    --login-language-line-links-hover-weight: 700;
    --login-language-line-links-hover-size: 0.9rem;
    --login-forgotten-links-weight: 700;
    --login-forgotten-links-size: 80%;
    --login-forgotten-links-hover-weight: 700;
    --login-forgotten-links-hover-size: 80%;

    --navigation-link-font-size: 0.9rem;
    --navigation-link-color: #2c2c2c;
    --navigation-link-hover-color: var(--link-color);

    --btn-font-weight: 400;
    --btn-border-radius: 5px;

    --btn-primary-border: 2px solid #b2005b;
    --btn-primary-background: #e20074;
    --btn-primary-text-color: #fff;
	--btn-primary-hover-background: #d0006b;
    --btn-primary-hover-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

    --btn-secondary-border: 2px solid #e20074;
    --btn-secondary-background: #fff;
    --btn-secondary-text-color: #e20074;
    --btn-secondary-box-shadow: none;

	--btn-radio-hover-border: 2px solid #b2005b;
    --btn-radio-hover-background: #d0006b;
    --btn-radio-hover-text-color: #fff;
	
	
}


@font-face {
    font-family: "TeleGrotesk Next";
    font-style: normal;
    font-weight: 300;
    src: url("/starxm/static/fonts/telekom/telegrotesk-next-regular-712ebeafdf8becd2d3bfce46822cff96.woff2") format("woff2"), url("/starxm/static/fonts/telekom/telegrotesk-next-regular-780d46efc8e8c9589f91a4c9ec544ef4.woff") format("woff")
}