/* :root {
/* 	 --main-bg-color: white;     /* Hintergrundfarbe der Seite */ 
/* 	 --main-primary-color: #00a673;   /* Ringe aktiv */
/* 	 --main-button-color: #00a673;   /* Hauptfarbe der Buttons */
/* 	 --main-secondary-color: #99d4bd;  /* Rahmen der Buttons */
/* 	 --button-font-color: white;    /* Schriftfarbe der Buttons */
/* 	 --main-font-color: white;    /* Schriftfarbe Panel */
/* 	 --button-light-color: #99d4bd;   /* Button-Farbe hover */
/* 	 --button-light-font-color: white;  /* Schriftfarbe Hover */ 
/* 	 --info-font-color: #00a673;   /* Schriftfarbe der Links */
/* }

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

#banner {
	width: 100%;
	height: 75%;
	min-height: 210px;
	max-height: 240px;
	margin-top: 1%;
	margin-bottom: 0%;
	background-image: url(../images/logo.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/* :focus {
/*     outline-color: var(--main-secondary-color);
/* }
/* 
/* /* Cookie-OK Button, Tagauswahl im Kalender */
/* 
/* .ui-menu-item >.ui-state-active, a.ui-state-default.ui-state-active {
/* 	background-color: var(--main-button-color);
/* 	color: var(--main-font-color);
/* }
/* 
/* .ui-state-hover {
/* 	background-color: var(--button-light-color);
/* }
/* 
/* /* Kontrast-Schalter */
/* a.schalter_ein {
/* 	background-color: inherit;
/* 	color: inherit;
/* }
/* 
/* .kontrast a.schalter_ein:hover {
/* 	background-color: inherit;
/*     color: inherit;
/* }
/* /*  Kontrastbalken */
/* 
/* div.mainheader {
/* 	background-color:var(--main-primary-color);
/* }
/* 
/* .kontrast div.mainheader {
/* 	background-color: black;
/* }
/* 
/* /* Links im Hilfe-Footer */
/* a {
/* 	color: var(--info-font-color);
/* }
/* 
/* .kontrast a#footer* {
/* 	color: black;
/* }
/* 
/* a:hover {
/*     color: var(--main-secondary-color);
/* }
/* 
/* .kontrast a:hover {
/* 	background-color: white;
/*     color: black;
/* }
/* 
/* 
/* 
/* #footer_link_help, #footer_link_start, #footer_link_imprint, #footer_link_privacy {
/* 	margin: 0;
/* 	padding: 0 15px;
/* }
/* 
/* /* #footer_link_help {
/* 	border-left: 1px solid var(--main-primary-color);
/* 	border-right: 1px solid var(--main-primary-color);
/* }*/
/* 
/* #footer_link_privacy {
/* 	border-left: 1px solid var(--main-primary-color);
/* }
/* 
/* /* Content-Box */
/* .content { 
/*     /*box-shadow: none; /*entfernt die Umrandung*/
/* }
/* 
/* /* Ringe */
/* li.active > .round-tab {
/* 	border-color: var(--main-primary-color)!important;
/* }
/* 
/* li.disabled > .round-tab {
/* 	border-color: var(--main-secondary-color);
/* }
/* 
/* li.disabled > .round-tab, li.done > .round-tab {
/* 	/*border-color: lightgrey;*/
/* }
/* 
/* .kontrast li.disabled > .round-tab {
/* 	border-color: lightgrey;
/* }
/* /* */
/* 
/* /* Farbe des Dreiecks */
/* .wizard li.active:after {
/* 	border-bottom-color: var(--main-primary-color);
/* }
/* 
/* /* Strich unter den Ringen */
/* .wizard .nav-tabs {
/* 	border-bottom-color: var(--main-primary-color);
/* }
/* 
/* .kontrast .wizard .nav-tabs {
/* 	border-bottom-color: black;
/* }
/* 
/* 
/* /* Buttons generell */
/* .btn {
/*     background-color: var(--main-button-color);
/*     color: var(--button-font-color);	
/* }
/* 
/* button.sel_button.btn.btn-primary.pull-right.onehundred, .btn-light {
/* 	/* text-align: left; /*Ausrichtung des Textes*/
/* 	padding-left: 15px!important;
/* }
/* 
/* button.sel_button.btn.btn-primary.pull-right.onehundred{
/* 	/* margin: 10px auto; /* Abstand der Buttons Funktionseinheit */	
/* }
/* 
/* /* Checkbox 1 Anliegen */
/* .checkbox, .radio, .input-number-control .input-number {   
/* 	/*margin-top: 10px;  /*muss mit angepasste werden, wenn Buttons ein margin haben */
/* }
/* 
/* /* WEITER-Button */
/* .col-lg-3 {
/* 	width: 24%;
/* }
/* 
/* .button_container row > .btn:active, .btn:focus, .btn:hover {
/*     background-color: var(--button-light-color)!important;
/* 	color: var(--main-font-color);
/* }
/* 
/* 
/* /* */
/* 
/* /* Info-Box */
/* #info_box > .panel-heading { /*Übersicht zu den Terminen */
/* 	background-color: var(--main-primary-color);
/* 	border-color: var(--main-secondary-color) !important;
/* 	color: var(--main-font-color);
/* }
/* 
/* .kontrast #info_box > * {
/* 	background-color: white;
/* 	border-color: black !important;
/* 	color: black;
/* }
/* 
/* /* Anliegengruppen */
/* a.collapse_btn.accordion-toggle.collapsed {
/* 	background-color: var(--main-button-color);
/* 	color: var(--button-font-color);
/* 	font-weight: bold;
/* }
/* 
/* a.collapse_btn.accordion-toggle.collapsed:hover, a.collapse_btn.accordion-toggle {
/* 	background-color: var(--main-primary-color);
/* 	color: var(--main-font-color);
/* 	font-weight: bold;
/* }
/* 
/* .kontrast a.collapse_btn.accordion-toggle {
/* 	background-color: black;
/* 	color: white;
/* }
/* 
/* a.collapse_btn.accordion-toggle::after {
/* 	/*color: var(--main-font-color) !important; /*Pfeil zum Ausklappen der Anliegengruppen */
/* }
/* /* */
/* 
/* /* +/- Buttons*/
/* .input-group-btn > button.btn.btn-default.btn-number {
/* 	background-color: var(--main-primary-color);
/* }
/* /* */
/* 
/* /* Überschriften im Modal */
/* .modal-body > h2, .modal-body >h3 {
/* 	color: var(--info-font-color)!important;
/* }
/* 
/* hr.cnc_modal_cnc_divider {
/* 	border-color: var(--main-primary-color);
/* }
/* 
/* 
/* /* Vorschläge */
/* #filter_accordion .ui-state-default, #sugg_accordion .ui-state-default, *.ui-state-active {
/* 	background-color: var(--main-primary-color);
/*     color: var(--button-font-color);
/* 	border-color: var(--main-secondary-color);
/* }
/* 
/* #filter_accordion .ui-state-default:hover, #sugg_accordion .ui-state-default:hover, 
/* #filter_accordion .ui-state-active, #sugg_accordion .ui-state-active {
/* 	background-color: var(--main-secondary-color);
/* 	color: var(--main-font-color);
/* 	font-weight: bold;
/* }
/* 
/* 
/* .kontrast #filter_accordion .ui-state-default, #sugg_accordion .ui-state-default, *.ui-state-active { 
/* 	background-color: inherit; 
/* 	color: inherit; 
/* 	border-color: inherit; 
/* }
/* 
/* 
/* 	
/* 	
/* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
/* 	border-color: var(--main-primary-color) !important;
/* }
/* 
/* /* Checkbox Vorschläge filtern und personaldata-Seite */
/* input[type=checkbox]:checked+span, input[type=checkbox]:checked:focus+span {
/* 	background-color: var(--info-font-color);
/* }
/* /*
/* li > button#buttonfunktionseinheit-4 {
/* 	display: none;
/* }*/