:root {
	--primary-color: rgb(149,193,31);
	--primary-color-active: rgb(119,154,24);
	--accordion-header-color-open-focus: var(--primary-color);
	--accordion-header-color-open-hover: var(--primary-color-active);
	
}

body, html {
	background-color: #fff;
}

#banner {
	height: 250px;
	width: 100%;
	/* background:url(../images/lindlar_logo.jpg) center no-repeat;*/
	background:url(../images/logo-gemeinde_lindlar.svg) center no-repeat;
	background-size: 500px;
	background-position: absolute;
	margin-top: 10px;
	margin-right: 100px;
	/*border: 1px solid red;*/
}

.mainheader {
	background-color: var(--primary-color);
	border-bottom: none;
	padding-top: 0px;
}

.mainheader div {
	margin-top: 0px;
}

.disclosure-nav {
	background-color: var(--primary-color);
}

.wizard li.active span.round-tab {
	border: 6px solid var(--primary-color);
}

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

a {
	color: var(--primary-color);
}

a:hover {
	color: var(--primary-color-active);
}

.colored-title {
	color: var(--primary-color) !important;
}

.btn, .btn-light {
	background-color: var(--primary-color);
}

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

.panel-heading {
	background-color: var(--primary-color) !important;
}

#info_box > .panel-heading,
.cnc_modal_cnc_divider {
	border-color: var(--primary-color) !important;
}

.kontrast #info_box > .panel-heading {
	border-color: #000 !important;
}

#filter_accordion .ui-state-active,
#sugg_accordion .ui-state-active,
#info_accordion .ui-state-active {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

/* Cookie-OK Button, Tagauswahl im Kalender */
.ui-menu-item >.ui-state-active,
a.ui-state-default.ui-state-active {
	background-color: var(--primary-color);
}

.checkbox_new input[type=checkbox]:checked + label,
.privacy_check input[type=checkbox]:checked + span,
input[type=checkbox]:checked + label,
input[type=checkbox]:checked + span {
	background-color: var(--primary-color);
}

a.schalter_ein,
a.schalter_ein:hover,
.kontrast a.schalter_ein,
.kontrast a.schalter_ein:hover {
	background-color: inherit;
	color: inherit;
}

/* Content-Box */
.content { 
	/*box-shadow: 1; /*entfernt die Umrandung*/
	margin: 35px auto 50px;	
	background-color: white;		
}

/* WEITER-Button */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white !important;
}
/*
#buttonfunktionseinheit-3 {
    display: none;
}
*/