/*----------------------------------------------------------------------------------------------------*\
	D E S I G N

	GENERAL PROPERTYS
		colors
		backgrounds
		borders
		shadows
		round corners
		links

	MODULS
		navbar
		navlist
		articles
\*----------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------*\
	colors
\*----------------------------------------------------------------------------------------------------*/
/*
lhb-colors

			dark		default		bright		halfbright
-----------------------------------------------------------
gruen		5f8931		7fb741		e5f1d9		d4e6c3

gelb		bf930f		ffc414		fff3d0		f2e4bb

orange		bf3e1b		ff5224		ffebd9		f2d8c2

purpur		9f1344		d4195b		eddce1		e0c5ce

aqua		31787a		41a0a3		d9f4f4		c3e8e8

blau		2c6191		3a81c1		dfecf7		c7daeb

sonderfarben
blau noch dunkler: 164568 rgb(22,69,104)
blau sehr dunkel: 0b2233

*/


body { color: #333 }


a { color: #666; }
a:focus, 
a:active, 
a:hover { 
	color: #666;
	}

/* postlist nur aktuell(gelb) */
article > a > .date,
article > a > .content { color: #666 !important; }


/* current elements - see also section navbar and navlist */
.current_page_item > a,
.current-menu-item > a,
.current-cat > a,
.pagination .page-numbers.current {
	color: #666;
}





/*----------------------------------------------------------------------------------------------------*\
	backgrounds
\*----------------------------------------------------------------------------------------------------*/


body { background: #aaa; }
#bg1 { background: #0b2233; }


header div { background-color: rgba(22,69,104,0.7); }


#middle,
footer { background-color: #fff; }





/*----------------------------------------------------------------------------------------------------*\
	borders
\*----------------------------------------------------------------------------------------------------*/


/* borders as seperator for different elements */
/* overwrites some paddings and margins from style-2-layout.css */


/* ---   D O N T   F O R G E T   R E S P O N S I V E . C S S   (multi-single-column-break) --- */


/* vertical */
.sidebar > * { margin-left: 3em; }
.sidebar { border-left: 1px dotted #D0D9A5; }

/* horizontal */
#content > *,
.sidebar > *,
footer > * {
	padding: 0;
	padding-top: 3em;
	border-top: 1px dotted #D0D9A5;
	}
#sidebartop > *:first-child { border-top: none; }


#content > article { margin-bottom: 0; }
#middle,
footer { 
	padding-top: 0;
	}
.wp-caption-text {
	border-bottom: 1px dotted #D0D9A5;
	}


/* border publications */
.wp-post-image {
	border: 1px solid #ddd;
	border-top: none;
}




/*----------------------------------------------------------------------------------------------------*\
	shadows
\*----------------------------------------------------------------------------------------------------*/

#wrapper {
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.5);
	box-shadow: 0 0 30px rgba(0,0,0,0.5);
	}


#navbar ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	}





/*----------------------------------------------------------------------------------------------------*\
	links
\*----------------------------------------------------------------------------------------------------*/


/* inline */
nav li li a:after,
article * a:after,
article > a > .title:after,
aside a:after {
	content: "›";
	display: inline-block;
	width: 0.75em;
	margin-left: 0.25em;
	}
nav li li a:hover:after,
article * a:hover:after,
article:hover > a > .title:after,
aside a:hover:after {
	content: "»";
	}
/* deactivate on postlist */
article.item > a:after { display: none; }
/* deactivate on img-links */
.wp-caption a:after,
.with-image a:after {
	display: none;
	}
/* deactivate in wp-gallery */
.gallery a:after {
	display: none;
	}
/* umbruch von :after verhindern */
article * a,
article > a > .title,
aside a {
	padding-right: 1em;
}
article * a[href$=".jpg"], /* nicht bei bildern */
article * a[href$=".png"] {
	padding-right: 0;
}
article * a:after,
article > a > .title:after,
aside a:after {
	margin-right: -1em;
	}


/* postnav */
nav.navigation .nav-next a:after,
nav.navigation a.next:after {
	content: "›";
	display: inline-block;
	width: 1em;
	text-align: right;
	}
nav.navigation .nav-next a:hover:after,
nav.navigation a.next:hover:after {
	content: "»";
	}
nav.navigation .nav-previous a:before,
nav.navigation a.prev:before {
	content: "‹";
	display: inline-block;
	width: 1em;
	text-align: left;
	}
nav.navigation .nav-previous a:hover:before,
nav.navigation a.prev:hover:before {
	content: "«";
	}





/*----------------------------------------------------------------------------------------------------*\
	MODULES
\*----------------------------------------------------------------------------------------------------*/


/* hide home on navs*/
nav .menu a[href$="lhbsa.de/"] { display: none !important; }


/*----------------------------------------------------------------------------------------------------*\
	navbar
\*----------------------------------------------------------------------------------------------------*/


/* line above tabs */
#navbar { position: relative; }
#navbar:before {
	content: "";
	background-color: #7fb741;
	width: 100%;
	height: 0.5em;
	position: absolute;
}
#navbar > div > ul > li > ul { margin-top: 0.5em; }


#navbar { background: #fff; }


#navbar a {}
#navbar li > a:hover {}

/* second level and below */
#navbar ul ul a {}
#navbar ul ul li > a:hover {}


/* current and current-anchestor item */
#navbar .current_page_item > a,
#navbar .current_page_ancestor > a {}





/*----------------------------------------------------------------------------------------------------*\
	navlist
\*----------------------------------------------------------------------------------------------------*/


#navlist { background: #fff; }


#navlist a {}
#navlist li > a:hover {}

/* second level and below */
#navlist ul ul a {}
#navlist ul ul li > a:hover {}


/* current, parents, childrens and siblings */
#navlist .current_page_item > a {}





/*----------------------------------------------------------------------------------------------------*\
	widgets
\*----------------------------------------------------------------------------------------------------*/


.widget .widget-title {
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Alegreya Sans", sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	padding: 0.75em;
	margin: 0;
}
.widget-footer { margin: 0 !important; padding: 0.75em; }
.widget-footer a { display: inline; }

.fluxus-sidebarevents .widget-title a { 
	color: #bf930f;
	}
.fluxus-sidebarevents .widget-title { 
	color: #bf930f; 
	border-bottom: solid 0.5em #ffc414;
	}
.fluxus-sidebarevents li a {
	border-bottom: solid 1px #f2e4bb;
	background: #fff3d0;
	color: #bf930f;
	}

.fluxus-sidebarevents li:last-of-type a {
	border-bottom: none;
	}
.fluxus-sidebarevents .widget-footer { text-align: right; }
.fluxus-sidebarevents .widget-footer a { color: #bf930f; }


/* hide sidebarevents in aktuell und themen */
.family-aktuell .fluxus-sidebarevents,
.family-themen .fluxus-sidebarevents { display: none; }


.fluxus_pageswidget > ul > li > ul > li:last-of-type > a {
	border-bottom: none !important;
	}

/*----------------------------------------------------------------------------------------------------*\
	colors
\*----------------------------------------------------------------------------------------------------*/
/*
lhb-colors


			dark		default		bright		halfbright
-----------------------------------------------------------
gruen		5f8931		7fb741		e5f1d9		d4e6c3		landesheimatbund

gelb		bf930f		ffc414		fff3d0		f2e4bb		aktuell

orange		bf3e1b		ff5224		ffebd9		f2d8c2		themen

purpur		9f1344		d4195b		eddce1		e0c5ce		angebot

aqua		31787a		41a0a3		d9f4f4		c3e8e8		engagement

blau		2c6191		3a81c1		dfecf7		c7daeb		mitgliederportal

sonderfarben
blau noch dunkler: 164568 rgb(22,69,104)
blau sehr dunkel: 0b2233

*/


/* --- general and landesheimatbund - gruen---------- */
/* first level */
.menu > ul > li > a { border-top: 0.5em solid #7fb741; color: #5f8931; }
#navbar ul ul a { border-top: solid 1px #d4e6c3; }
.menu > ul > li:hover > a,
.menu > ul > li.current_page_item > a,
.menu > ul > li.current_page_ancestor > a { background: #e5f1d9; }
/* from second level */
.menu li li a { background: #e5f1d9; color: #5f8931; }
/* content links */
.content a { color: #5f8931; font-weight: 500; }
/* bg */
/* body { background: #e5f1d9; } */
body { background: #eeeeee; }
#bg2 { background: #7fb441; }
a.brand:hover svg #lhbsa { fill: #7fb741 !important; }
/* fluxus_pageswidget */
.fluxus_pageswidget > ul > li > a { border-bottom: solid 0.5em #7fb741; color: #5f8931; }
.fluxus_pageswidget > ul > li li > a { border-bottom: solid 1px #d4e6c3; }
.fluxus_pageswidget li li a { background: #e5f1d9; color: #5f8931; }
/* content */
a,
h1 { color: #7fb741; }
/* highlight */
.fluxus_pageswidget li li > a:hover,
.fluxus_pageswidget li li.current_page_item > a,
.menu li li:hover > a,
.menu li li.current_page_item > a { background: #d4e6c3; }



/* --- aktuell - gelb ---------- */
/* first level */
.menu > ul > li.template-page-aktuell > a { border-top: 0.5em solid #ffc414; color: #bf930f; }
#navbar ul > li.template-page-aktuell ul a { border-top: solid 1px #f2e4bb; }
.menu > ul > li.template-page-aktuell:hover > a,
.menu > ul > li.template-page-aktuell.current_page_item > a,
.menu > ul > li.template-page-aktuell.current_page_ancestor > a { background: #fff3d0; }
/* from second level */
.menu > ul > li.template-page-aktuell > a + ul li a { background: #fff3d0; color: #bf930f; }
/* content links */
.family-page-aktuell .content.full a { color: #bf930f; font-weight: 500; }
/* bg */
.family-page-aktuell #bg2 { background: #ffc414; }
.family-page-aktuell a.brand svg #lhbsa { fill: #ffc414; }
/* fluxus_pageswidget */
.family-page-aktuell .fluxus_pageswidget > ul > li > a { border-bottom: solid 0.5em #ffc414; color: #bf930f; }
.family-page-aktuell .fluxus_pageswidget > ul > li li > a { border-bottom: solid 1px #f2e4bb; }
.family-page-aktuell .fluxus_pageswidget li li a { background: #fff3d0; color: #bf930f; }
/* content */
.family-page-aktuell a,
.family-page-aktuell h1 { color: #bf930f; }
/* highlight */
.family-page-aktuell .fluxus_pageswidget li li > a:hover,
.family-page-aktuell .fluxus_pageswidget li li.current_page_item > a,
.menu li.template-page-aktuell li:hover > a,
.menu li.template-page-aktuell li.current_page_item > a { background: #f2e4bb; }



/* --- themen - orange ---------- */
/* first level */
.menu > ul > li.template-page-themen > a { border-top: 0.5em solid #ff5224; color: #bf3e1b; }
#navbar ul > li.template-page-themen ul a { border-top: solid 1px #f2d8c2; }
.menu > ul > li.template-page-themen:hover > a,
.menu > ul > li.template-page-themen.current_page_item > a,
.menu > ul > li.template-page-themen.current_page_ancestor > a { background: #ffebd9; }
/* from second level */
.menu > ul > li.template-page-themen > a + ul li a { background: #ffebd9; color: #bf3e1b; }
/* content links */
.family-page-themen .content.full a { color: #bf3e1b; font-weight: 500; }
/* bg */
.family-page-themen #bg2 { background: #ff5224; }
.family-page-themen a.brand svg #lhbsa { fill: #ff5224; }
/* fluxus_pageswidget */
.family-page-themen .fluxus_pageswidget > ul > li > a { border-bottom: solid 0.5em #ff5224; color: #bf3e1b; }
.family-page-themen .fluxus_pageswidget > ul > li li > a { border-bottom: solid 1px #f2d8c2; }
.family-page-themen .fluxus_pageswidget li li a { background: #ffebd9; color: #bf3e1b; }
/* content */
.family-page-themen a,
.family-page-themen h1 { color: #ff5224; }
/* highlight */
.family-page-themen .fluxus_pageswidget li li > a:hover,
.family-page-themen .fluxus_pageswidget li li.current_page_item > a,
.menu li.template-page-themen li:hover > a,
.menu li.template-page-themen li.current_page_item > a { background: #f2d8c2; }


/* --- angebot - purpur ---------- */
/* first level */
.menu > ul > li.template-page-angebot > a { border-top: 0.5em solid #d4195b; color: #9f1344; }
#navbar ul > li.template-page-angebot ul a { border-top: solid 1px #e0c5ce; }
.menu > ul > li.template-page-angebot:hover > a,
.menu > ul > li.template-page-angebot.current_page_item > a,
.menu > ul > li.template-page-angebot.current_page_ancestor > a { background: #eddce1; }
/* from second level */
.menu > ul > li.template-page-angebot > a + ul li a { background: #eddce1; color: #9f1344; }
/* content links */
.family-page-angebot .content.full a { color: #9f1344; font-weight: 500; }
/* bg */
.family-page-angebot #bg2 { background: #d4195b; }
.family-page-angebot a.brand svg #lhbsa { fill: #d4195b; }
/* fluxus_pageswidget */
.family-page-angebot .fluxus_pageswidget > ul > li > a { border-bottom: solid 0.5em #d4195b; color: #9f1344; }
.family-page-angebot .fluxus_pageswidget > ul > li li > a { border-bottom: solid 1px #e0c5ce; }
.family-page-angebot .fluxus_pageswidget li li a { background: #eddce1; color: #9f1344; }
/* content */
.family-page-angebot a,
.family-page-angebot h1 { color: #d4195b; }
/* highlight */
.family-page-angebot .fluxus_pageswidget li li > a:hover,
.family-page-angebot .fluxus_pageswidget li li.current_page_item > a,
.menu li.template-page-angebot li:hover > a,
.menu li.template-page-angebot li.current_page_item > a { background: #e0c5ce; }


/* --- engagement - aqua ---------- */
/* first level */
.menu > ul > li.template-page-engagement > a { border-top: 0.5em solid #41a0a3; color: #31787a; }
#navbar ul > li.template-page-engagement ul a { border-top: solid 1px #c3e8e8; }
.menu > ul > li.template-page-engagement:hover > a,
.menu > ul > li.template-page-engagement.current_page_item > a,
.menu > ul > li.template-page-engagement.current_page_ancestor > a { background: #d9f4f4; }
/* from second level */
.menu > ul > li.template-page-engagement > a + ul li a { background: #d9f4f4; color: #31787a; }
/* content links */
.family-page-engagement .content.full a { color: #31787a; font-weight: 500; }
/* bg */
.family-page-engagement #bg2 { background: #41a0a3; }
.family-page-engagement a.brand svg #lhbsa { fill: #41a0a3; }
/* fluxus_pageswidget */
.family-page-engagement .fluxus_pageswidget > ul > li > a { border-bottom: solid 0.5em #41a0a3; color: #31787a; }
.family-page-engagement .fluxus_pageswidget > ul > li li > a { border-bottom: solid 1px #c3e8e8; }
.family-page-engagement .fluxus_pageswidget li li a { background: #d9f4f4; color: #31787a; }
/* content */
.family-page-engagement a,
.family-page-engagement h1 { color: #41a0a3; }
/* highlight */
.family-page-engagement .fluxus_pageswidget li li > a:hover,
.family-page-engagement .fluxus_pageswidget li li.current_page_item > a,
.menu li.template-page-engagement li:hover > a,
.menu li.template-page-engagement li.current_page_item > a { background: #c3e8e8; }


/* --- mitgliederportal - blau ---------- */
/* first level */
.menu > ul > li.template-page-projekte > a { border-top: 0.5em solid #3a81c1; color: #2c6191; }
#navbar ul > li.template-page-projekte ul a { border-top: solid 1px #c7daeb; }
.menu > ul > li.template-page-projekte:hover > a,
.menu > ul > li.template-page-projekte.current_page_item > a,
.menu > ul > li.template-page-projekte.current_page_ancestor > a { background: #dfecf7; }
/* from second level */
.menu > ul > li.template-page-projekte > a + ul li a { background: #dfecf7; color: #2c6191; }
/* content links */
.family-page-projekte .content.full a { color: #2c6191; font-weight: 500; }
/* bg */
.family-page-projekte #bg2 { background: #3a81c1; }
.family-page-projekte a.brand svg #lhbsa { fill: #3a81c1; }
/* fluxus_pageswidget */
.family-page-projekte .fluxus_pageswidget > ul > li > a { border-bottom: solid 0.5em #3a81c1; color: #2c6191; }
.family-page-projekte .fluxus_pageswidget > ul > li li > a { border-bottom: solid 1px #c7daeb; }
.family-page-projekte .fluxus_pageswidget li li a { background: #dfecf7; color: #2c6191; }
/* content */
.family-page-projekte a,
.family-page-projekte h1 { color: #3a81c1; }
/* highlight */
.family-page-projekte .fluxus_pageswidget li li > a:hover,
.family-page-projekte .fluxus_pageswidget li li.current_page_item > a,
.menu li.template-page-projekte li:hover > a,
.menu li.template-page-projekte li.current_page_item > a { background: #c7daeb; }