/* Änderungen an dieser Datei dürfen nur durch die Kommunix GmbH Unna vorgenommen werden! */


:root{
/* FARBEN */
    --primary-color: #78BF46; /*primäre Hintergrundfarbe für Buttons usw. */
    --primary-color-rgb: 120,191,70; /*primäre Hintergrundfarbe für Buttons usw. */
    --secondary-color: #dcc69d;/*rgba(0,56,101,0.9); /* Hover-Focus-Farbe (Hintergrund) für Buttons */
    --accent-color: #78BF46; /*Farbe für Kreis, Dreieck und Linie bei der Schrittanzeige */
	
	
	/* --button-font-color-hover: #f1a02a; /* Schriftfarbe Buttons bei Hover (= wenn man mit der Maus über das Element fährt)*/ */
	
	/* --links-focus: #f1a02a; /*Farbe von Links bei Focus*/ */
    /* --links-hover: #f1a02a; /*Farbe von Links bei Hover*/ */
	
	--main-background: #FCFEFF; /*allgemeine Hindergrundfarbe (body)*/
	
	
	--logo-source: url(../images/logo_schweich.svg);
}

/* ### LOGO ###*/

div#banner {
	background: var(--logo-source) no-repeat;
	background-size: contain;
	height: 150px;
	max-width: 767px;
	background-position-x: left;
	background-position-y: 100%;
	margin: 20px auto -20px;
}

/* Falls die Seite kleiner als 767px wird, verkleinert sich auch das Logo */
@media (max-width: 767px) {
    div#banner {
        height: 120px; /* Reduziert die Höhe für kleinere Bildschirme */
        background-size: contain;
		margin: 15px 15px -40px;
    }
}

@media (max-width: 500px) {
    div#banner {
        height: 100px; /* Noch kleiner für Handys */
    	background-position: center top;
		margin: 15px auto -40px;
}

.kontrast div#banner {
	/* background-image: var(--logo-source-contrast); */
	filter: grayscale(1);
	
}