:root {
	--main-bg-color:#fcfeff;  			/* Hintergrundfarbe der Seite */
	--main-primary-color: #407EC9;			/* Hauptfarbe der Buttons, Ringe */
	--main-secondary-color:  #001a70;		/* Rahmen der Buttons */
	--main-font-color: white;			/* Hauptfarbe Schrift */
	--button-font-color: white;			/* Button-Farbe */
	--button-light-color: #001a70;			/* Button-Farbe hover */
	--button-light-font-color: white;		/* Schriftfarbe Hover */
	--info-font-color: #407EC9;			/* Schriftfarbe der Links */
	--logo-source: url(/konz_banner_v2.png);		
}

/* ################# HOTFIXES ##################### */
	/* fügt Umbruch bei den Info-Popups ein */
	.popover {
		  width:50%;
		  max-width:450px;
	} 
/* ################################################ */

/* Hintergrund TEVIS Online */
	body, html {
		background-color: var(--main-bg-color);
		font-family: arial;
	}

	:focus {
		outline-color: var(--main-secondary-color);
	}
	@media (max-width: 991px){
		div.Logo {
			height: calc(150px -10%)!important;
			/*background-position-x: calc(100% - 25px)!important; /*Abstand bei rechtsbündig*/
			background-position-x: calc(25px)!important; /* Abstand bei linksbündig*/
		}
	}

	@media (min-width: 992px) and (max-width: 1199px) {
		div.Logo {
			width: 100%;
			/*height: 100px!important;*/
			/*background-position-x: calc(100% - 130px)!important; /*Abstand bei rechtsbündig*/
			background-position-x: calc(100px)!important; /* Abstand bei linksbündig*/
		}
	}

	div.Logo {
		background: url(../images/konz_banner_v2.png) center no-repeat;
		background-size: contain;
		height: 180px;
		margin: 10px auto -50px;
		/*background-position-x: calc(100% - 228px); /* Abstand bei rechtsbündig*/
		background-position-x: calc(200px); /* Abstand bei linksbündig */
		background-position-y: 100%;
	}


/* Buttons generell */
	.btn {
		background-color: var(--main-primary-color);
		color: var(--button-font-color);	
		font-weight: var(--main-btn-font-weight);
		font-size: 16px;
	}

.ui-accordion .ui-accordion-header {
	font-size: 125%;
	font-weight: bold;
}

nav.mainheader {
    border-bottom: 5px solid #000;
}

.disclosure-nav {
    border-bottom: 5px solid #000;
}