/* CUSTOMIZE THE GENERIC HTML ELEMENTS
-------------------------------------------------- */
#tw_content > div.tw-content-controller > div.tw-control-btn.active {background-color:#E6192C !important;}
body {
	margin: 0;
	padding: 0;
}

details summary {
        cursor:pointer;
    padding-left: 10px;
    
           
    }
details {
	border: 1px solid gainsboro;
    border-radius: 8px;
	margin-bottom: 1em;
    
}
details[open] summary {
	background: #96DE49;
	margin-bottom: 1em;
    border-radius: 8px;
    
}
summary{
    background: #BEFF78;
    border-radius: 8px;
    padding-left: 10px;
    
}
li {
  list-style: none;
  padding-left: 20px;
    
}


/* CUSTOMIZE THE LEFT NAVIGATION
-------------------------------------------------- */

/* design for permanent right-nav */
.right-nav {
	height: 100%;
	width: 0px;
	position: fixed;
	z-index: 50;
	top: 0;
	right: 0;
	background-color: #eae9e9;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 190px;
}

/* design for collapsible left-navbar controlled by js */
.left-nav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 50;
	top: 0;
	left: 0;
	background-color: #eae5d6;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 180px;
	box-shadow: 10px 0px 15px 0px rgba(0,0,0,0.35);
    
    
}
.nav .closebtn {
	font-family: "Lato", sans-serif;
	position: relative;
	top: 250px;
	left: 30px;
	font-size: 36px;
	text-decoration: none;
	color: #cccccc;
	display: block;
	transition: 0.3s
}
.nav .closebtn:hover {
	color: #8c9567;
}

/* css for collapsible left bar, looks a little bit messy though */
.nav ul {
	list-style: none;
	display: block;
	margin:0;
	padding:0;
	overflow:hidden;
	transition: 0.3s;
}
.nav  ul > li {
	display: block;
	font-family: lato;
	line-height: 48px;
	margin: 0;
	padding: 0;
}
.nav > ul > li > a {
	margin: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 15px;
	background-color: #eae9e9;
	color: #333333;
	text-decoration: none;
	font-size:16px;
	transition: 0.2s;
}/*-------------------------------------Farbe bei Hover--*/
.nav > ul > li > a:hover {
	background-color: #a0ce4e;
	color: #ffffff;
}
.nav > ul > li > a:active {
	background-color: #96DE49;
	color: #b2b2b2;
}

/*-------------------------------------Farbe nach dem Deaktivieren--*/
.nav > ul > li > a:focus {
	background-color: #eae9e9;
	color: #333333;
}
/* customize collapsible list (the nested list) */
.nav > ul > li > ul {
	max-height:0;
	transition: max-height 0.2s;
	color: #b2b2b2;
}

/*---auswahl -Kategorie */
.nav > ul > li.selected > a {
	background-color: #b9d97f;
	color: #eae9e9;
}
.nav > ul > li.selected > ul {
	max-height: 100%;
	transition: max-height 0.5s;
	overflow-y: auto;
	overflow-x: hidden;
}

/*----------------------------------------------------Hintergrund der Listen bei HOVER-*/

.nav > ul > li.selected > ul > li:hover {
	background-color: #eae9e9;
}
/*----------------------------------------------------Hintergrund der Listen--*/
.nav > ul > li > ul > li, .nav > ul > li.selected > ul > li {
	background-color: #eae9e9;
	margin: 0;
	padding: 0 0 0 0;
	line-height: 21px;
	font-size: 16px;
}
/*----------------------------------------------------Schrift der Listen--*/
.nav > ul > li > ul > li label{
	margin: 0;
	padding: 0 0 0 40px;
	display: block;
	width: 100%;
	height: 100%;
	color: #eae9e9;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}
.nav > ul > li > ul > li a {
	margin: 0;
	padding: 0 0 0 40px;
	display: block;
	width: 100%;
	height: 100%;
	color: #cccccc;
	font-size: 16px;
	transition: 0.2s;
}
.nav > ul > li > ul > li a:hover {
	background-color: #8c9567;
	color: #cccccc;
}
.nav > ul > li > ul > li a:active {
	background-color: #bfd99e;
	color: #cccccc;
}


.nav > ul > li > ul > li a:focus {
	background-color: #8c9567;
	color: #cccccc;
}/*------------------Resseter-hover----*/
.nav .resetter:hover {
	background-color: #eae9e9;
	color: #c7000e;
}
.nav .resetter:active {
	background-color: #BFD99E;
	color: #1a1a1a;
}
.nav .resetter {
	background-color: #eae9e9;
	color: #a0ce4e;
}
#main-content {
	transition: margin-left .5s;
	padding: 16px;
}


/* CUSTOMIZE THE CONTENT MANAGEMENT
-------------------------------------------------- */

/* CUSTOMIZE DROPDOWN
-------------------------------------------------- */
.hover-filter {}
.tw-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-top: 4px;
}

.checkbox {padding-bottom: 8px;}

/*Hintergrundfarbe für Bundeslander / Farbe / Anwendungen */

.dropbtn {
	font-family: "Lato", sans-serif;
    background-color: #eae9e9;
    color: #111111;
    font-size: 17px;
    border: none;
    width: 100%;
    height: 100%;
    padding-left: 3px;
    text-align: center;
    cursor: pointer;
}

/*Hintergrundfarbe für Dropdown*/
.dropdown-content {
	
	font-family: "Lato", sans-serif;
	font-size: 14px;
	font-weight: normal !important;
    display: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px;
    background-color: #eae9e9;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
    z-index: 5;
    width: 100%;
}
.dropdown-content ul {
    padding: 5px 0 0 0;
}
.dropdown-content li {
    padding: 4px;
    font-weight: normal;
    cursor: pointer;
}
.dropdown-content li:hover {
	background-color: #fefefe;
}
.tw-dropdown:hover .dropdown-content {
    display: block;
}
.tw-dropdown:active .dropdown-content {
    display: block;
}
.dropbtn-active {
	color: #8ad000;
	background-color: #ededed;
}
.drp-text {
   font-family: "Lato", sans-serif;
	font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
}
.hover-back {}
.dropdown-content .tw_checkbox {
    position: relative;
    top: -4px;
}

/* CUSTOMIZE THE CONTENT GRID SYSTEM
-------------------------------------------------- */
.result-grid-container {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.result-row:before,
.result-row:after {
	content: "";
	display: table ;
	clear: both;
}
[class*='tw-col-'] {
	float: left;
	min-height: 1px;
	width: 16.66%;
	/*-- our gutter -- */
	padding: 12px;
}
.tw-col-1{ width: 16.66%; }
.tw-col-2{ width: 33.33%; }
.tw-col-3{ width: 50%;    }
.tw-col-4{ width: 66.66%; }
.tw-col-5{ width: 83.33%; }
.tw-col-6{ width: 100%;   }

.tw-content-controller {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: auto;
	align-content: center;
	background-color: #a4a2a6;
	width: 60%;
}
.tw-control-btn {
	float: left;
	width: 11.11%;
	height: 100%;
	background-color: #ebf5e0;
	border: 1px solid;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.tw-control-btn.active {
	background-color: #ffffff;
}
.tw-control-btn.inactive {}
.tw-control-btn:hover {
	background-color: #ffffff;
}
.tw-control-btn:active {
	background-color: #ffffff;
}
.img-container {
	max-height: 180px;
	max-width: 100%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}
.img-container > a {
	display: flex !important;
	text-decoration: none !important;
	margin-left: auto;
	margin-right: auto;
}
.img-container img {
	margin-left: auto;
	margin-right: auto;
	min-width: 275.5px;
	width: 100%;
}

/* CUSTOMIZE SEARCH BUTTON IN DESKTOP AND MOBILE
-------------------------------------------------- */
.tw-filter-desktop > p > a {
	background-color: #ffffff;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: rgba(137,182,77,1);
	font-family: lato !important;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: absolute;
	right: 74px;
	top: 179px !important;
}
.tw-filter-mobile > p > a {
	color: rgba(137,182,77,1);
	font-family: lato !important;
}
@Media (min-width:870px) {
	.tw-filter-desktop {
		display: inherit;
	}
	.tw-filter-mobile {
		display: none;
	}
}
@Media (max-width:870px) {
	.tw-filter-desktop {
		display: none;
	}
	.tw-filter-mobile {
		display: initial;
	}
}

/*------------------------------------*/
/*-----------------Portfolio-Seite-------------------*/
/*-----------------Button-------------------*/
HTML > BODY > DIV#wrapper > DIV#main > DIV.fusion-row > DIV#content > DIV > DIV > DIV > BUTTON {
       background-color: #fccc90 !important; 
       border-radius: 39px!important; 
       border-width: 0px!important; 
       font-family: lato!important; 
       font-size: 25px!important; 
       padding-bottom: 10px!important; 
       padding-left: 50px!important; 
       padding-right: 50px!important; 
       padding-top: 10px!important; 
       text-transform: uppercase!important; 
    } 

/*------------------------------------*/
/*-----------------Ergebnis-Seite-------------------*/
/*-----------------Text-------------------*/

HTML > BODY > DIV#wrapper > DIV#main > DIV.fusion-row > DIV.container.result-grid-container > H2 {
       color: #7a942b!important; 
       font-size: 42px!important; 
       margin-bottom: -20px!important; 
    } 

HTML > BODY > DIV#wrapper > DIV#main > DIV.fusion-row > DIV.container.result-grid-container > P {
       font-family: lato; 
       font-size: 18px!important; 
       line-height: 21px!important; 
       margin-bottom: 11px!important; 
	}

/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
	
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
 
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
	
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/

/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
	
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
 
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
	
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/