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

		zoom
		reset layout
		reset typography
\*----------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------*\
	zoom
\*----------------------------------------------------------------------------------------------------*/


html {
	font-size: 87.5%; /* this sets the size em (when 100%: 1em = 16px, when 93.75%: 1em = 15px, when 87.5%: 1em = 14px, font-size-default is 1em) */
	line-height: 1.5em; /* set line-height to factor 1.5 */
	}


html { -webkit-text-size-adjust: 100%; } /* iOS - prevent font scaling in landscape while allowing user zoom */





/*----------------------------------------------------------------------------------------------------*\
	reset layout
\*----------------------------------------------------------------------------------------------------*/


html, 
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	}


*, 
*:after, 
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}





/*----------------------------------------------------------------------------------------------------*\
	reset typography
\*----------------------------------------------------------------------------------------------------*/


a { text-decoration: none; }
a { outline: none; } /* specifically for firefox to remove dotted lines from links */
a img { border: none; }


ul { list-style: none; }





/*----------------------------------------------------------------------------------------------------*\
	misc
\*----------------------------------------------------------------------------------------------------*/
.screen-reader-text {
	display: none;
}





/*----------------------------------------------------------------------------------------------------*\
	L A Y O U T

		clearfix
		background
		wrapper
		columns
		gaps
\*----------------------------------------------------------------------------------------------------*/





/*----------------------------------------------------------------------------------------------------*\
	claerfix
\*----------------------------------------------------------------------------------------------------*/

/* selle-consult */
body { overflow-y: scroll; }


header,
#middle,
#content,
article,
.sidebar,
aside,
footer {
	overflow: auto;
	}

#navbar:after { /* navbar needs this trick for hovering submenus */
	content:"";
	display:table;
	clear:both;
	}





/*----------------------------------------------------------------------------------------------------*\
	background
\*----------------------------------------------------------------------------------------------------*/



#bg0 {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.5em;
	}
#bg1 {
	z-index: -2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20em;
	}
#bg2 {
	z-index: -3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}





/*----------------------------------------------------------------------------------------------------*\
	wrapper
\*----------------------------------------------------------------------------------------------------*/


/* body { padding: 3em 6em; } */ /* margins for wrapper */


#wrapper { 
	margin: 0 auto; /* position of wrapper */
/* 	max-width: 80em; */
	}





/*----------------------------------------------------------------------------------------------------*\
	columns
\*----------------------------------------------------------------------------------------------------*/


header, 
#middle, 
footer { 
	clear: both; 
	width: 100%; 
	}


/* width of main column and sidebar - total = 100% */
#content { 
	width: 100%; 
	max-width: 80em;
	}

/* old browser */
.multicolumn #content { width: 66.66%; }
.sidebar { width: 33.33%; }

/* modern */
.multicolumn #content { 	width: calc(100% - 	20em); }
.sidebar { 					width: calc(0% + 	20em); }


/* floating of main column and sidebar */
#content,
.sidebar {
	float: left;
	}






/*----------------------------------------------------------------------------------------------------*\
	gaps
\*----------------------------------------------------------------------------------------------------*/
/* line-height: 1.5em */


/* main areas */
/* header { padding: 3em; } */
footer { padding-top: 3em; }


/* floating modules */
#content > *,
.sidebar > *,
footer > * { 
	margin-bottom: 3em; 
	margin-right: 3em;
	margin-left: 3em;
	}


/* padding for floating modules */
/*
#content > *,
.sidebar > *,
footer > * { 
	padding: 1.5em;
	}
*/
/* existing bottom-margin of content elements inside article (p, h1 ...)*/
#content article {
	margin-top: 3em;
	}





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

	GENERAL
		navbar
		navlist
		articles
		postnav
		widgets
		forms

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





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


/* gaps */
#navbar { padding: 3em 2em 0 2em; }
#navbar a { padding: 0 1em; }


/* height of navbar */
#navbar a { line-height: 2.5em; }


/* 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;
}





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

/* #navlist { padding: 3em 3em 0 3em; } */
#navlist { 
	padding-top: 3em;
	}
#navlist img#navlistbutton { 
	height: 2.5em; 
	display: block; 
	margin: 0 3em;
	}
#navlist div.menu {
	padding-top: 3em;
	}
#navlist ul {
	list-style: none;
	margin: 0;
	}
#navlist a {
	display: block;
	text-decoration: none;
	white-space: nowrap;
	line-height: 3em;
	}
/* childrens */
#navlist ul.children  {
	display: none;
	}
/* show childrens and siblings */
#navlist ul li.current_page_item > ul,
#navlist ul li.current_page_ancestor > ul {
	display: list-item;
}
/* shift childrens to the right */
#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; }


/*----------------------------------------------------------------------------------------------------*\
	footer menu
\*----------------------------------------------------------------------------------------------------*/

.footer-menu {
/*	text-align: center;*/
	margin-left: 0;
	margin-top: 3em;
}
.footer-menu {
	color: #999;
	font-size: 0.8em;
}
.footer-menu a {
	color: #999;
}
.footer-menu a:hover {
	color: #666;
}
.footer-menu .menu-item {
	display: inline-block;
}
.footer-menu .menu-item::after {
	content: "|";
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.footer-menu .menu-item:last-child::after {
	display: none;
}

.homepage .footer-menu {
	position: absolute;
	bottom: 0;
}

article ul.footer-menu li::before {
	display: none;
}

article .footer-menu a::after {
	display: none;
} 

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


.articleheader,
.articlefooter { 
	text-align: right;
	clear: both; 
	}


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





/*----------------------------------------------------------------------------------------------------*\
	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%;
}





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


/* header */
#homelink {
	position: absolute; 
	top: 0;
	right: 0;
	display: block;
	z-index: 1000;
}
#brand {
	height: 6em;
	width: auto;
	margin-top: 1.9em;
	margin-right: 3em;
}
#navlistbutton {
	position: relative;
	z-index: 10000;
}
header {
	text-align: center;
}




img#backgroundimg {
	width: 100%;
	height: auto;
}
#backgroundmap {
	height: 100% !important;
}
#backgroundimg {
	position: relative;
}
#backgroundimg .imgcaption{
	position: absolute;
	bottom: 0;
	font-size: 75%;
	color: #fff;
	padding: 4em 1em 0 1em;
	width: 100%;
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#backgroundimg { position: relative }
#backgroundimg::before { 
	content: "";
	position: absolute; 
	height: 8em; 
	width: 100%;
	background: -moz-linear-gradient(bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}





.morelink { clear: both; text-align: right; }




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







.accordionsection--inline {
	padding-top: 1.5em;
	border-top: 1px solid #dedede;
	}
.accordionsection:last-of-type {
	border-bottom: 1px solid #dedede;
	}
.accordionsection__content {
		display: none;
	}
.accordionsection__tab a {
		margin-right: 1em; 
		cursor: pointer;
	}






.tableau {
	width: 100%;
}
.tableau a {
	display: block;
	float: left;
	width: 32%;
	margin-right: 1%;
}
.tableau a::after {
	display: none !important;
}
.tableau img {
	display: block;
}
.tableau img:hover {
	opacity: 0.5;
}
.tableau + * {
	clear: both;
}

/*----------------------------------------------------------------------------------------------------*\
	C O N T E N T (also included as editor-css)

		typography
		space between
		images and captions
		gallery
\*----------------------------------------------------------------------------------------------------*/




.size-medium {
	max-width: 200px;
	height: auto;
}


/*----------------------------------------------------------------------------------------------------*\
	typography
\*----------------------------------------------------------------------------------------------------*/


body {
	font-family: "Roboto", Times, Verdana, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}


/* bold elements */
h1,
h2,
h3,
h4,
h5,
h6,
dt,
strong {
	font-weight: 400;
}

small {font-size: 0.75em; }


/* italic elements */
blockquote,
cite, 
em, 
i { 
	font-style: italic; 
}


h1,
h2,
h3,
h4,
h5,
h6 { 
	letter-spacing: 0.1em;
	}


article ul li:before { 
	content: "\203A";
	display: block;
	height: 0;
	width: 0;
	left: -1.5em;
	position: relative;
	}





/*----------------------------------------------------------------------------------------------------*\
	space between
\*----------------------------------------------------------------------------------------------------*/


h1 {
	font-size: 2em;
	line-height: 1.5em; /* = 3rem */
	margin: 0 0 0.75em 0;
	}
/*
h3,
h4 {
	font-size: 1.25em;
	line-height: 1.2em;
	margin: 0 0 1.2em 0;
	}
*/
h2,
h3,
h4,
h5, 
h6 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	}


p,
address { 
	margin: 0 0 1.5em 0; 
	}


dl { margin: 0 1.5em; }
dd { margin-bottom: 1.5em; }


blockquote { margin: 1.5em; }


ul,
ol { 
	margin: 0 0 1.5em 1.5em; 
	padding: 0; 
	}
ul ul, 
ol ol, 
ul ol, 
ol ul { 
	margin-bottom: 0; 
	}





/*----------------------------------------------------------------------------------------------------*\
	images and captions
\*----------------------------------------------------------------------------------------------------*/


article img,
.comment-content img,
.widget img {
	display: block;
	max-width: 100%; /* Fluid images for posts, pages, comments and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
embed,
iframe,
object,
video {
	max-width: 100%; /* Make sure videos and embeds fit their containers */
}


.alignleft {
	float: left;
	margin-right: 1.5em;
}
.alignright {
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* all images */
article img { margin-bottom: 1.5em; } /* same margin like <p> */


/* images in gallery */
.gallery img { margin-bottom: 0; }


/* images with caption */
.wp-caption img { margin-bottom: 0; }


/* image caption */
.wp-caption {
	margin-bottom: 1.5em; /* same margin like <p> */
	max-width: 100%;
	clear: both;
}
.wp-caption-text {
	display: block;
	clear: both;
	width: 100%;
	font-size: 0.75em;
	line-height: 2em;
	margin: 0;
}


/* max-width for smaller images */
.wp-caption.size-medium,
p.with-image .size-medium { 
	max-width: 50%;
	}
.wp-caption.size-thumbnail,
p.with-image .size-thumbnail { 
	max-width: 33%; 
	}
.listed img[size="size-thumbnail"] { max-width: 33%; }





/*----------------------------------------------------------------------------------------------------*\
	gallery
\*----------------------------------------------------------------------------------------------------*/


/* wp-gallery - default wp-gallery-style ist disabled by functions.php */

.gallery dl.gallery-item {
	display: block;
	float: left; 
	}
.gallery dl.gallery-item + br { display: none; } /* disable breaks from wp *//*----------------------------------------------------------------------------------------------------*\
	D E S I G N

	GENERAL PROPERTYS
		colors
		backgrounds
		borders
		shadows
		round corners
		links

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





/*----------------------------------------------------------------------------------------------------*\
	colors
\*----------------------------------------------------------------------------------------------------*/
/*
color link (blue)
#73B6E6 -
#4C90BF --
#2E6D99 ---
#174D73 ----
#093859 -----
#093859 ------
#052033 -------

color accent (green)
#F6FFC7 -
#D0D9A5 --
#ABB384 ---
#868C65 ----
#616647 -----
*/


body { color: #333333; }


a { color: #a52f4e; }
a:focus, 
a:active, 
a:hover { 
	color: #cc8f9f; 
	}


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


h1, h3, h5 { color: #a52f4e; }
h2, h4, h6 { color: #666666; }

.papers strong { color: #a52f4e; }




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


body { background: #fff; }


#bg0 {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dedede+0,dedede+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(222,222,222,1) 0%, rgba(222,222,222,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(222,222,222,1) 0%,rgba(222,222,222,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(222,222,222,1) 0%,rgba(222,222,222,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#00dedede',GradientType=1 ); /* IE6-9 */
}
#bg1 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
#bg2 {
/* 	background-image: url(../img/leipzig.jpg); */
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
#backgroundimg {
/* 	background-image: url(../img/leipzig.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}


/* #wrapper { 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 { border-left: 1px dotted #D0D9A5; }

/* horizontal */
/*
#content > *,
.sidebar > *,
footer > * {
	padding: 0;
	padding-top: 3em;
	border-top: 1px dotted #D0D9A5;
	}
#content > article {
	margin-bottom: 1.5em;
	}
#middle,
footer { 
	padding-top: 0;
	}
.wp-caption-text {
	border-bottom: 1px dotted #D0D9A5;
	}
*/
hr {
	border: 1px solid #dedede;
	border-style: none none solid; 
	margin: 3em 0;
	}





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

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


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


input[type=text],
input[type=password],
textarea {
	box-shadow: inset 0 0 0.375em rgba(0,0,0,0.1);
	}





/*----------------------------------------------------------------------------------------------------*\
	round corners
\*----------------------------------------------------------------------------------------------------*/


/*
#wrapper {
	-moz-border-radius: 0.375em;
	-webkit-border-radius: 0.375em;
	border-radius: 0.375em;
	}
header {
	-moz-border-radius: 0.375em 0.375em 0px 0px;
	-webkit-border-radius: 0.375em 0.375em 0px 0px;
	border-radius: 0.375em 0.375em 0px 0px;
	}
footer {
	-moz-border-radius: 0px 0px 0.375em 0.375em;
	-webkit-border-radius: 0px 0px 0.375em 0.375em;
	border-radius: 0px 0px 0.375em 0.375em;
	}
*/


input[type=text],
input[type=password],
textarea {
	-moz-border-radius: 0.375em;
	-webkit-border-radius: 0.375em;
	border-radius:  0.375em;
	border: 1px solid #ddd;
	}





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


/* inline */
article * a:after,
aside a:after {
	content: "\00A0›\00A0";
	}
article * a:hover:after,
aside a:hover:after {
	content: "\00A0\00A0›";
	}
/* deactivate on img-links */
.wp-caption a:after,
.with-image a:after {
	display: none;
	}
/* deactivate in wp-gallery */
.gallery a:after {
	display: none;
	}


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


/* articles in list */
article > a > .title:after,
article > a span.more:after {
	content: "\00A0›\00A0";
	display: inline-block;
	width: 0.75em;
	margin-left: 0.25em;
	}
article > a:hover > .title:after,
article > a:hover span.more:after {
	content: "\00A0\00A0›";
	}





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





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


#navbar {  }

#navbar li { border-right: 1px solid transparent; }
#navbar a { 
	background-color: #dedede;
	color: #000;
	}
#navbar > div > ul > li > a { 
	background: none;
	}
#navbar li > a:hover { 
	color: #fff; 
	background: #a52f4e; 
	}

/* 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 {
	color: #fff; 
	background: #a52f4e; 
	}





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


#navlist { }

#navlist div.menu {
	background-color: #dedede;
	}
#navlist a {
	color: #000;
	}
#navlist li > a:hover {
	color: #fff; 
	background: #a52f4e; 
	}

/* second level and below */
#navlist ul ul a { background: #dedede; }
#navlist ul ul li > a:hover {
	color: #fff; 
	background: #a52f4e; 
	}


/* current, parents, childrens and siblings */
#navlist .current_page_item > a {
	color: #fff; 
	background: #a52f4e; 
	}





body.de .language a .en,
body.en .language a .de {
	opacity: 0.3;
}
body.de .language a .en,
body.en .language a .de {
	opacity: 0.3;
}
body.de .language a:hover .en,
body.en .language a:hover .de {
	opacity: 1;
}
body.de .language a:hover .de,
body.en .language a:hover .en {
	opacity: 0.3;
}

#backgroundimg.map {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
	}/*----------------------------------------------------------------------------------------------------*\
	R E S P O N S I V I T Y
		> 720px					multicolumnn layout
		< 1024px				
		< 720px					singlecolumn layout
		< 480px					smartphones landscape
		< 480px and portrait	smartphones portrait
\*----------------------------------------------------------------------------------------------------*/






/*----------------------------------------------------------------------------------------------------*\
	> 740px		multicolumnn layout
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (min-width: 740px) {


	/* --- only necessary for borders --- */
	#content > *:first-child,
	#sidebartop > *:first-child {
		border-top: none;
		}
	/* ------ */


	/* hide navlist */
	#navlist { display: none; }


	.multicolumn #content { 
		width: 66.66%; 
		}
	.multicolumn #backgroundimg { 
		width: 33.33%; 
		float: left;
		height: 30em;
		}
	.multicolumn #backgroundmap { 
		width: 33.33%; 
		float: left;
		height: 30em;
		}


	}





/*----------------------------------------------------------------------------------------------------*\
	< 1024px
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (max-width: 1024px) {
	
	
	/* smaller text */
	body, 
	input, 
	textarea {
		font-size: 0.875em;
		}
	
	
	/* smaller wrapper-margin */
/* 	body { padding: 3em; } */
	
	
	}





/*----------------------------------------------------------------------------------------------------*\
	< 840px
\*----------------------------------------------------------------------------------------------------*/


/* smaller navbar */
@media only screen 
and (max-width: 840px) {
	#navbar { padding: 3em 2em 0 2em; }
	#navbar a { padding: 0 0.5em; }
}





/*----------------------------------------------------------------------------------------------------*\
	< 740px		singlecolumn layout
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (max-width: 740px) {


	/* --- only necessary for borders --- */
	.sidebar { border: none; }
	/* ------ */
	
	
	#sidebartop,
	#sidebarbottom,
	.multicolumn #content {
		clear: both;
		float: none;
		width: 100%;
		}


	/* hide navbar */
	#navbar { display: none; }
	#navlist { display: block; }


	/* hide widget_pages if in additional use to navbar */
	.widget_pages, 
	.fluxus_pageswidget { 
		display: none; 
	}


	/* smaller text */
	body, 
	input, 
	textarea {
		font-size: 0.75em;
		}


	.multicolumn #content { 
		width: 100%; 
		float: none;
		}
	.multicolumn #backgroundimg { 
		width: 100%; 
		float: none;
		height: 22em;
		}
	.multicolumn #backgroundmap { 
		width: 100%; 
		float: left;
		height: 30em;
		}


		/* touch device */
		.touch #backgroundmap {
			display: none;
		}


	}





/*----------------------------------------------------------------------------------------------------*\
	< 480px (smartphones landscape)
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (max-width : 480px) {
	
	
	/* no blockquote-margins */
	blockquote { margin: 0; }
	
	
	/* floating off */
	.alignleft + *,
	.alignright + *,
	.with-image + * {
		clear: both !important;
		}
	/* floating off */
	.alignleft,
	.alignright,
	.with-image {
		float: none !important;
		}
	
	
	/* no img-margins */
	.alignleft,
	.alignright {
		margin-left: 0;
		margin-right: 0;
		}
	
	
}





/*----------------------------------------------------------------------------------------------------*\
	< 480px - and orientation portrait (smartphones portrait)
\*----------------------------------------------------------------------------------------------------*/


@media only screen 
and (max-width : 480px)
and (orientation : portrait) {
	
	
	/* no background-images */
	.bg {
		display: none;
	}
	
	
	/* no shadows and round corners on wrapper */
	#wrapper,
	header,
	footer {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		}
	
	
	/* no wrapper-margin */
/* 	body { padding: 0; } */
	
	
}




/*----------------------------------------------------------------------------------------------------*\
	T R A N S I T I O N S   A N D   F I L T E R S

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





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

a, 
a:before, 
a:after {
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	}#imagelightbox {
	cursor: pointer;
	position: fixed;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;

	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
}


#imagelightbox__loading,
#imagelightbox__loading div {
	border-radius: 50%;
}

#imagelightbox__loading {
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
}

#imagelightbox__loading div {
	position: relative;
	left: -3em;
	top: -3em;
	border: 2px solid #fff;
	opacity: 0.3;
	border-right: 5px solid rgba(0,0,0,0);
	border-radius: 50px;
	width: 5em;
	height: 5em;
	margin: 0 auto;
	-moz-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


#imagelightbox__overlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


#imagelightbox__close
{
	width: 2.5em;
	height: 2.5em;
	text-align: left;
	border-radius: 50%;
	position: fixed;
	z-index: 10002;
	top: 2.5em;
	right: 2.5em;

	border: none;
	cursor: pointer;

	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
#imagelightbox__close:before,
#imagelightbox__close:after {
	width: 2px;
	content: '';
	position: absolute;
	top: 20%;
	bottom: 20%;
	left: 50%;
	margin-left: -1px;
}
#imagelightbox__close:before {
	-webkit-transform: rotate( 45deg );
	-ms-transform: rotate( 45deg );
	transform: rotate( 45deg );
}
#imagelightbox__close:after {
	-webkit-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
	transform: rotate( -45deg );
}


#imagelightbox__caption {
	text-align: center;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}


.imagelightbox__arrow {
	width: 3.75em;
	height: 7.5em;
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em;

	border: none;
	cursor: pointer;
}
.imagelightbox__arrow-left { left: 2.5em; }
.imagelightbox__arrow-right { right: 2.5em; }
.imagelightbox__arrow:before {
	width: 0;
	height: 0;
	border: 1em solid transparent;
	content: '';
	display: inline-block;
	margin-bottom: -0.125em;
}
.imagelightbox__arrow-left:before {
	border-left: none;
	margin-left: -0.313em;
}
.imagelightbox__arrow-right:before {
	border-right: none;
	margin-right: -0.313em;
}


#imagelightbox__loading,
#imagelightbox__overlay,
#imagelightbox__close,
#imagelightbox__caption,
.imagelightbox__arrow {
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}
@keyframes fade-in {
	from	{ opacity: 0; }
	to		{ opacity: 1; }
}


@media only screen and (max-width: 41.250em) {
	.container { width: 100%; }
	#imagelightbox__close {
		top: 1.25em;
		right: 1.25em;
	}

	.imagelightbox__arrow
	{
		width: 2.5em;
		height: 3.75em;
		margin-top: -2.75em;
	}
	.imagelightbox__arrow-left { left: 1.25em; }
	.imagelightbox__arrow-right { right: 1.25em; }
}

@media only screen and (max-width: 20em) {
	.imagelightbox__arrow-left { left: 0; }
	.imagelightbox__arrow-right { right: 0; }
}


#imagelightbox__overlay { 
	background-color: #fff;
	opacity: 0.95;
	}
#imagelightbox__close {
	opacity: 0.3;
	background-color: rgba(0, 0, 0, 0);
}
#imagelightbox__close:hover,
#imagelightbox__close:focus {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.5);
}
#imagelightbox__close:before,
#imagelightbox__close:after {
	background-color: #fff;
}
#imagelightbox__caption { 
	color: #fff;
	background: rgba(0, 0, 0, 0.5); 
}
.imagelightbox__arrow {
	opacity: 0.3;
	background-color: rgba(0, 0, 0, 0);
}
.imagelightbox__arrow:hover,
.imagelightbox__arrow:focus,
.imagelightbox__arrow:active {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.5);
}
.imagelightbox__arrow-left:before { border-right-color: #fff; }
.imagelightbox__arrow-right:before { border-left-color: #fff; }




.lightbox,
.imagelightbox__imglink {
	display: block;
	position: relative;
}
.imagelightbox__icon {
	position: absolute;
	z-index: 100;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 3em 3em 0.5em 0.5em;
	width: auto;
	height: auto;
	line-height: 0;

	background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(45deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(45deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	background: linear-gradient(45deg,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
}
.imagelightbox__icon {
	opacity: 0;
	content: url(img/zoom-white.svg);
}
.imagelightbox__imglink:hover .imagelightbox__icon {
	opacity: 1;
	content: url(img/zoom-white.svg);
}