:root {
    --color-surface: #ebebeb; /* Portal Background */
    --color-text: #302420; /* Main Text Color */
    --color-border: #cccccc; /* Main UI Border Color */

    /* Link, Button, UI, Primary CI */
    --color-primary: #004067;
    --color-primary-hover: #004067;

    /* Farben der Energiearten Icons */
    --color-strom: #cd0a0a;
    --color-gas: #f7d400;
    --color-wasser: #0A73CFFF;
    --color-waerme: #9E3169FF;

	--color-error: #d32f2f; /* Fehlermeldungen */


	--font-body:'OpenSans', Arial, sans-serif;
}

@font-face {
	font-family: 'OpenSans';
	src: '../fonts/OpenSans-Regular-webfont.eot?#iefix';
	src:
        url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular-webfont.svg#OpenSans') format('svg'),
        url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* normal | italic */

@font-face {
	font-family: 'OpenSans';
	src: '../fonts/OpenSans-Italic-webfont.eot?#iefix';
	src:
        url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Italic-webfont.svg#OpenSans') format('svg'),
        url('../fonts/OpenSans-Italic-webfont.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* bold | normal */

@font-face {
	font-family: 'OpenSans';
	src: '../fonts/OpenSans-Bold-webfont.eot?#iefix';
	src:
        url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold-webfont.svg#OpenSans') format('svg'),
        url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
        url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/* bold | italic */

@font-face {
	font-family: 'OpenSans';
	src: '../fonts/OpenSans-BoldItalic-webfont.eot?#iefix';
	src:
        url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSans') format('svg'),
        url('../fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
        url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}


/*
 * Body
 * - Hintergrundfarbe
 */

/* Hintergrundbild auf Login-Seite */
body.background-login {
	background-image: url('../img/evs_startseite.jpg');
}