:root{
/* FARBEN */
    --primary-color: rgb(0,56,136); /*primäre Hintergrundfarbe für Buttons usw. */
    --primary-color-rgb: 0, 56, 136; /*primäre Hintergrundfarbe für Buttons usw. */
    --secondary-color: rgb(122, 178, 221);/*rgba(0,56,101,0.9); /* Hover-Focus-Farbe (Hintergrund) für Buttons */
    --accent-color: rgb(0,56,136); /*Farbe für Kreis, Dreieck und Linie bei der Schrittanzeige */

/* LOGO Datei */
	--logo-source: url(../images/Logo_STWFRA.png);			
	
}

/* ### LOGO ###*/

div#banner {
		margin: 0px auto -10px;
		padding: 15px;
		display: flex;
		gap: 10px;
		/* max-height: 100px; */
		background-color: white;
		border-bottom: 1px solid black;
	}

div#banner div {
	flex: 1;
	display: block;
	max-height: 70px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 3 / 1;
}
	
.kontrast div#banner {
	filter: grayscale(1);
}

div#logo_1 {
	background: url(../images/BoRo_Logo_Farbe.jpg);
}

div#logo_2 {
	background: url(../images/eg_dirmstein_10cm_color.jpg);
}

div#logo_3 {
	background: url(../images/Logo_STWFRA.png);
}

div#logo_4 {
	background: url(../images/E-WerkGerolsheim_cmyk_35mm.jpg);
}