/*----------------------------------------------------------------------------------------------------*\
	M O D U L E S

	GENERAL
		navbar
		navlist
		articles
		postnav
		widgets
		forms

	CUSTOM
\*----------------------------------------------------------------------------------------------------*/


/*
#headerimagediv {
	position: relative;
	z-index: -1;
}
#headerimage {
	position: absolute;
	width: 100%;
	height: auto;
}
*/


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


/* gaps */
#navbar div.menu { margin: 0 2em; }
#navbar a { padding: 0 1em; }


/* height of navbar */
#navbar a { line-height: 3em; }
#navbar ul ul a { line-height: 2.25em; }


/* settings */
#navbar ul {
	list-style: none;
	margin: 0;
	}
#navbar a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	}


/* position of level 1 */
#navbar ul li {
	float: left;
	position: relative;
	}


/* position of level 2 */
#navbar ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3em;
	left: 0;
	z-index: 99999;
	}
#navbar ul ul li { float: none; }


/* position of level 3 */
#navbar ul ul ul { 
	left: 100%; 
	top: 0; 
	}


/* make nested uls visible */
#navbar ul li:hover > ul { display: block; }


/* deactivate link for redirect-page-items – only on no-touch-devices */
html.no-touch #navbar .template-page-redirect > a {
	pointer-events: none;
	cursor: default;
}





#navbar,
#navlist {
	position: relative;
}
nav #searchform {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
}
nav #searchform #s {
	height: 3em;
	width: 3em;
	background: url(img/search.svg) no-repeat 1em 50%;
	padding-left: 3em;
}
/*
nav #searchform.active #s {
	width: 19.5em;
	background: #fff url(img/search.svg) no-repeat 1em 50%;
	padding-left: 3em;
}
*/




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

/*
#navlist a { line-height: 3em; }
#navlist ul ul a { line-height: 2.25em; }
#navlist ul {
	list-style: none;
	margin: 0;
	}
#navlist a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	}
#navlist ul.children  {
	display: none;
	}
#navlist ul li.current_page_item > ul,
#navlist ul li.current_page_ancestor > ul {
	display: list-item;
}
#navlist ul a { padding-left: 3em; }
#navlist ul ul a { padding-left: 4.5em; }
#navlist ul ul ul a { padding-left: 6em; }
#navlist ul ul ul ul a { padding-left: 7.5em; }
#navlist ul ul ul ul ul a { padding-left: 9em; }
*/





.navlist {
  background-color: #093859;
}
.navlist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.navlist a {
  line-height: 3em;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  background-color: #174d73;
}
.navlist a:hover {
  background-color: #868c65;
}
.navlist__icon {
  display: block;
  height: 1.5em;
  width: auto;
  margin: 0.75em 3em;
  cursor: pointer;
}
.navlist .children {
  display: none;
}
.navlist .current_page_item > ul, .navlist .current_page_ancestor > ul {
  display: list-item;
}
.navlist__list a {
  padding-left: 3em;
}
.navlist__list ul a {
  padding-left: calc(1.5 * 3em);
  background-color: #174d73;
}
.navlist__list ul ul a {
  padding-left: calc(2 * 3em);
}
.navlist__list ul ul ul a {
  padding-left: calc(2.5 * 3em);
}
.navlist__list ul ul ul ul a {
  padding-left: calc(3.5 * 3em);
}
.navlist .current_page_item > a {
  color: #abb384;
}





/*----------------------------------------------------------------------------------------------------*\
	articles
\*----------------------------------------------------------------------------------------------------*/


.articleheader,
.articlefooter { 
/* 	text-align: right; */
	clear: both; 
	}
.articleheader p { 
	margin-bottom: 0;
	}


.wp-post-image {
	height: 9em;
	width: auto;
}

#content > .item { 
	margin-bottom: 0em; 
	padding-top: 1.5em;
	}





/*----------------------------------------------------------------------------------------------------*\
	postnav
\*----------------------------------------------------------------------------------------------------*/


nav.navigation {
	clear: both;
	text-align: right;
}
nav.navigation .nav-links > * {
	display: inline-block;
	margin-right: 1.5em;
}
nav.navigation .nav-links > *:last-child {
	margin-right: 0;
}





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


.widget > ul,
.widget > ol { 
	margin: 0; 
	}
.widget li { margin-bottom: 0.75em; }
.widget li:last-of-type { margin-bottom: 0; }
.widget li > ul { margin-top: 0.75em; } /* compensates missing margin when containing a child-ul */

.widget .widget-footer { 
	margin-top: 1.5em;
	margin-bottom: 0;
	}





/*----------------------------------------------------------------------------------------------------*\
	forms
\*----------------------------------------------------------------------------------------------------*/


input[type=text] {
	height: 2.3rem;
	width: 100%;
	font-size: 1em !important;
	color: #333;
}





/*----------------------------------------------------------------------------------------------------*\
	CUSTOM
\*----------------------------------------------------------------------------------------------------*/


/* header */

/* startseite */
#claim { padding: 0em 10px; }
.page-template-page-start #brands { margin-top: 0.3em; }


/* general */
/* old browser */
#brands { width: 33.33%; }
/* modern */
#brands { width: calc(0% + 	20em); }

#brands { float: right; }


.brand { padding: 2em 3em 0 3em; }
.brand img { width: 100%; }

#brand-paritaet { height: 7em; }
#brand-drobs { height: 8em; }


#headerimg {
	height: 15em;
	float: left;
}
/* old browser */
#headerimg { width: 66.66%; }
/* modern */
#headerimg { width: calc(100% - 20em); }




#searchform #s {
	background: rgba(255, 255, 255, 0.5) url(img/search.svg) no-repeat 0.5em 50%;
	padding-left: 2em;
}
#searchform label, #searchsubmit {
	display: none;
}