:root {
	--main-bg-color:#FFF;
	--main-primary-color:#0A7733; /* ennigerloh gruen */
	--main-secondary-color:#c0c0c0;	
	--main-tertiary-color:#c5c5c5;	
	--main-tertiary-border-color:#aaa;	
	
	--accordion-header-color-open:#0A7733;
	--accordion-header-border-color-open:#0A7733;
	--accordion-header-font-color-open:#FFF;
	--accordion-header-color-open-hover:#0A7733;
	--accordion-header-border-color-open-hover:#0A7733;
	--accordion-header-font-color-open-hover:#FFF;
	--accordion-header-color-open-hover-focus:#0A7733;
	--accordion-header-border-color-open-hover-focus:#0A7733;
	--accordion-header-font-color-open-hover-focus:#FFF;
	--accordion-header-color-open-focus:#0A7733;
	--accordion-header-border-color-open-focus:#0A7733;
	--accordion-header-font-color-open-focus:#FFF;
	
	--links-hover:#0A7733;
	--links:#0A7733;
}

.mainheader {
	/* Kontrastmenu */
    height: 30px; /* 70px */
    padding-top: 2px  /* 22px */
}

#cookie_msg {
	top: 30px;
	border: 1px solid;
}

/* Sprachmenue */
ul#lang_wrap {
	display:block;
	position:static;
	text-align:right;
}
ul#lang_wrap li {
	display:inline-block;
}
.lang_btn {
	background-color: var(--main-primary-color) !important;
}
.lang_btn:hover {
	background-color: var(--main-secondary-color) !important;
}
/* Sprachmenue Ende */

body, html {
	background-color:var(--main-bg-color);
}

.round-tab {
	border: 6px solid var(--main-primary-color) !important
}

.wizard li.active:after {
	border-bottom-color: var(--main-primary-color);
}

.content__error {
	opacity:0.85;
}

#info_box > .panel-heading {
	border: var(--main-primary-color) !important;
	margin-bottom: 0px;
	padding: .5em .5em .5em .7em;
	line-height: 15px;
}

#filter_accordion .ui-state-active, #sugg_accordion .ui-state-active, .ui-state-active, select option:selected {
	background-color: var(--main-primary-color) !important;
	border-color: var(--main-primary-color) !important;
}

#filter_accordion .ui-state-active, #sugg_accordion .ui-state-active, #info_accordion .ui-state-active {
	background-color: #0095ff;
	border-color: #0095ff;
	color: black;
}

.ui-accordion-header {
	background-color: var(--main-tertiary-color) !important;
}

#sugg_accordion .ui-state-active {
	border-color: var(--main-tertiary-border-color) !important;
}

/* Bootstrap-Items */
.btn, .btn-primary {
	background-color: var(--main-primary-color);
}

.btn:active, .btn:focus, .btn:hover {
	background-color: var(--main-secondary-color) !important;
}

.btn.disabled:hover,
.btn[disabled]:hover {
	background-color: var(--main-primary-color) !important;
}

.panel .panel-heading {
	background-color: var(--main-primary-color) !important;
}
/* Bootstrap-Items  Ende*/

/* In der template.html muss folgender Eintrag unter <!--##LANGUAGE_MENU##--> für das Einbinden des Logos vorhanden sein */
/*
			<div id="banner">
			</div>
*/

#banner {
	height:180px;
	background:url(../images/logo.jpg) center no-repeat;
}

.content--mdt {
	margin-top: 40px;
}

.colored-title {
	color:#000 !important;
}

.wizard li.active span.round-tab {
	background: #fff;
	border: 6px solid var(--main-primary-color) !important;
}

/* Ausblenden von Elementen */

/*

#info_box {
	display: none;
}

.header h1 {
	margin-top: 0;
	display: none;
}

.locationOn {
	margin-bottom: 20px;
	display: none;
}

p {
	color: rgba(61, 61, 61, .8);
	display: none;
}

*/