@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: "Montserrat";
    src: url("https://static.ableseportal.de/fonts/montserrat/Montserrat-SemiBold.woff2") format('woff2'),
         url("https://static.ableseportal.de/fonts/montserrat/Montserrat-SemiBold.woff") format('woff');
    font-weight: 600;
}



html {

    /* colors */
    
	--header: 255,255,255;
	--header-light: 255,255,255;
	--header-lighter: 255,255,255;
	--header-item-background: 255,255,255;
	--header-item-background-light: 255,255,255;
	--header-item-background-lighter: 255,255,255;
	--header-item-text: 0,0,0;
	--header-item-text-light: 0,0,0;
	--header-item-text-lighter: 0,0,0;
	--header-item-background-active: 29,0,156;
	--header-item-background-active-light: 188,216,251;
	--header-item-background-active-lighter: 221,235,253;
	--header-item-text-active: 255,255,255;
	--header-item-text-active-light: 255,255,255;
	--header-item-text-active-lighter: 255,255,255;
	--header-text: 29,0,156;
	--header-text-light: 37,0,202;
	--header-text-lighter: 43,0,234;
	--background: 243,244,246;
	--background-light: 255,255,255;
	--background-lighter: 255,255,255;
	--primary: 225,102,0;
	--primary-light: 255,136,37;
	--primary-lighter: 255,160,82;
	--accent: 29,0,156;
	--accent-light: 37,0,202;
	--accent-lighter: 43,0,234;
	--secondary: 80,184,72;
	--secondary-light: 132,205,127;
	--secondary-lighter: 168,219,164;
	--main: 16,16,16;
	--main-light: 20,20,20;
	--main-lighter: 24,24,24;




}


/* styles */

body { font-family: 'Open Sans', sans-serif; } div {color: #111;} .text-gray-400 { color: #777 !important } 
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; font-weight: 600; }