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


:root{
/* FARBEN */
    --primary-color: #b8005d; /*primäre Hintergrundfarbe für Buttons usw. */
    --primary-color-rgb: 184, 0, 93; /*primäre Hintergrundfarbe für Buttons usw. */
    /*--secondary-color: #95a822;/*rgba(0,56,101,0.9); /* Hover-Focus-Farbe (Hintergrund) für Buttons */ 
    --secondary-color: #b8005d70;/*rgba(0,56,101,0.9); /* Hover-Focus-Farbe (Hintergrund) für Buttons */
    --accent-color: #b8005d; /*Farbe für Kreis, Dreieck und Linie bei der Schrittanzeige */

    --button-font-color: white; /* primäre Schriftfarbe Buttons*/
    --button-border-color: transparent; /*primäre Farbe Border von Buttons*/
	
	--navigation-front-color: white;
	

/*FONT */
    --font:  'Nunito', sans-serif; /*Font*/

/*BORDER-RADIUS*/
    --border-radius: 5px; /*Rundungen*/

	--logo-source: url(../images/suec-logo-2021.png);
	/* --logo-source-contrast: url(../images/<sw-logo> */
}

/*mit Hintergrundbild im Body */
body,
html {
  background-color: black;
  background: url(../images/Hintergrundbild_SÜC.jpg);
  height: auto;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}


.content {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  padding: 30px 30px 70px 30px;
  margin: 80px auto 0px;
  max-width: 770px;
  box-shadow: none;
}

.mainheader {
	height: 150px;
	background: var(--logo-source) left no-repeat;
	background-color: white;
	background-size: 100px;
	background-position-x: 12%;
	background-position-y: 50%;
}

.disclosure-nav {
	background-color: transparent;
	position: absolute;
	top: 20px;
	right: 3%;
	filter: invert(1);
}

.kontrast .disclosure-nav {
	filter: none;
}

@media screen and (max-width: 415px) {
.disclosure-nav {
	right: 0;
}
}

#footer {
	max-width: 770px;
	background-color: white;
	padding: 0;
    margin: 0px auto 0px;
	box-shadow: 0 0 5px var(--mdt-content-border);	
}

.btn {
	font-weight: 600;
	font-size: 16px;
}

.ui-widget {
    font-family: inherit;
}