@font-face {
    font-family: "Open Sans";
    src: url("https://static.ableseportal.de/fonts/opensans/OpenSans-Light.woff2") format('woff2'),
         url("https://static.ableseportal.de/fonts/opensans/OpenSans-Light.woff") format('woff');
    font-weight: 300;
}

@font-face {
    font-family: "Open Sans";
    src: url("https://static.ableseportal.de/fonts/opensans/OpenSans-Regular.woff2") format('woff2'),
         url("https://static.ableseportal.de/fonts/opensans/OpenSans-Regular.woff") format('woff');
    font-weight: normal 400;
}

@font-face {
    font-family: "Open Sans";
    src: url("https://static.ableseportal.de/fonts/opensans/OpenSans-SemiBold.woff2") format('woff2'),
         url("https://static.ableseportal.de/fonts/opensans/OpenSans-SemiBold.woff") format('woff');
    font-weight: 600;
}


@font-face {
    font-family: "Open Sans";
    src: url("https://static.ableseportal.de/fonts/opensans/OpenSans-Bold.woff2") format('woff2'),
         url("https://static.ableseportal.de/fonts/opensans/OpenSans-Bold.woff") format('woff');
    font-weight: 700;
}


html {

    /* colors */
    
	--header: 255,255,255;
	--header-light: 255,255,255;
	--header-lighter: 255,255,255;
	--header-text: 150,175,199;
	--header-text-light: 218,227,235;
	--header-text-lighter: 255,254,254;
	--background: 241,246,249;
	--background-light: 255,255,255;
	--background-lighter: 255,255,255;
	--primary: 186,218,85;
	--primary-light: 216,234,159;
	--primary-lighter: 236,245,209;
	--accent: 0,95,150;
	--accent-light: 0,123,195;
	--accent-lighter: 0,142,225;
	--secondary: 70,88,132;
	--secondary-light: 93,115,169;
	--secondary-lighter: 119,138,183;
	--main: 51,51,51;
	--main-light: 66,66,66;
	--main-lighter: 76,76,76;
	--header-item-background: 255,255,255;
	--header-item-background-light: 255,255,255;
	--header-item-background-lighter: 255,255,255;
	--header-item-text: 0,95,150;
	--header-item-text-light: 0,123,195;
	--header-item-text-lighter: 0,142,225;
	--header-item-background-active: 0,95,150;
	--header-item-background-active-light: 0,123,195;
	--header-item-background-active-lighter: 0,142,225;
	--header-item-text-active: 255,255,255;
	--header-item-text-active-light: 255,255,255;
	--header-item-text-active-lighter: 255,255,255;
	--menu-item-text-hover: 255,255,255;
	--menu-item-text-hover-light: 255,255,255;
	--menu-item-text-hover-lighter: 255,255,255;
	--menu-item-text-focus: 255,255,255;
	--menu-item-text-focus-light: 255,255,255;
	--menu-item-text-focus-lighter: 255,255,255;




}


/* styles */

body { font-family: 'Open Sans', sans-serif; } div {color: #111;} .text-gray-400 { color: #777 !important } .text-gray-300 { color: #666 !important } 
h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; font-weight: 700;  }
h1, h2 {color: rgb(0, 95, 150);}
.main-screen .main--content-wrapper {background-color: rgb(241, 246, 249);}