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



#banner {
	width: 100%;
	height: 155px;
	margin-top: 10px;
	background-image: url(../images/Logo_Idstein_HSS_o_Beschn_RGB.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position-x: 50%;
	position: center;
}

.kontrast #banner {
	width: 100%;
	height: 155px;
	margin-top: 10px;
	background-image: url(../images/Logo_Idstein_HSS_o_Beschn_SW.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-position-x: 50%;
	position: center;
}


p#bannertext {
	text-align:center;
	margin-top: 10px;
	font-weight: bold;
	font-size: large;
	

}
.kontrast p#bannertext {
	text-align:center;
	margin-top: 10px;
	font-weight: bold;
	font-size: large;
	color: black;
}