/* Header *********************************************************************/
header {display:block;position:relative;margin:0;border:0;padding:0;width:100%;height:2em;background-color:#1d5aa5;}
header div.inside {display:block;margin:0 auto;border:0;padding:0;width:88%;max-width:1024px;height:2em;}
@media screen and (min-width:880px) {
	/* Headerbalken in der Hoehe verkleinern */
	header, 
	header div.inside {height:2.5em;}	
}

/* Titelbild **************************************************************************/
#titelbild {position:relative;border-bottom:2px solid #fff;}
.portfolio #titelbild {margin-bottom:2px;}
#titelbild .mod_randomImage {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:17.5em;
	overflow:hidden;
	transition:height ease 0.5s;
}
.projekte-im-bestand.unterseite #titelbild .mod_randomImage {
	height:35em;
}
#titelbild .mod_randomImage figure {
	margin:0;
	border:0;
	padding:0;
	width:100%;
	height:auto;
}
#titelbild .mod_randomImage figure img {
	display:block;
	margin:0;
	border:0;
	padding:0;
	width:100%;
	height:auto;
	margin-top:-30%;
}
/* Spezifische Bildausschnitte */
.projekte-im-bestand #titelbild .mod_randomImage figure img {
	margin-top:0;
}
.investitionskriterien #titelbild .mod_randomImage figure img {
	margin-top:-30%;
}
.mietangebote #titelbild .mod_randomImage figure img {
	margin-top:-32%;
}
.unternehmen #titelbild .mod_randomImage figure img {
	margin-top:-25%;
}
.unternehmen-1 #titelbild .mod_randomImage figure img {
	margin-top:-7%;
}
.kaufangebote #titelbild .mod_randomImage figure img {
	margin-top:-30%;
}
.kontakt #titelbild .mod_randomImage figure img {
	margin-top:-17%;
}
.kontakt-2 #titelbild .mod_randomImage figure img {
	margin-top:-27%;
}
@media screen and (max-width:720px) {
	.referenzen #titelbild .mod_randomImage figure img {
		margin-top:-22%;
	}
}
/* Titelbild responsive */
@media screen and (max-width:1520px) {	/* 95em */
	#titelbild .mod_randomImage {
		height:15em;
	}
}
@media screen and (max-width:1360px) {	/* 85 */
	#titelbild .mod_randomImage {
		height:12.5em;
	}
}
@media screen and (max-width:1200px) {	/* 75em */
	#titelbild .mod_randomImage {
		height:11.25em;
	}
}
@media screen and (max-width:1040px) {	/* 65em */
	#titelbild .mod_randomImage {
		height:10em;
	}
}
@media screen and (max-width:720px) {	/* 45em */
	#titelbild .mod_randomImage {
		height:8.75em;
	}
}
@media screen and (max-width:560px) {	/* 35em */
	#titelbild .mod_randomImage { height:7.5em; }
	/* Bildausschnitte anpassen */
	#titelbild .mod_randomImage figure img { margin-top:-28%; }
	.investitionskriterien #titelbild .mod_randomImage figure img { margin-top:-20%; }
	.mietangebote #titelbild .mod_randomImage figure img { margin-top:-30%; }
	.kontakt #titelbild .mod_randomImage figure img { margin-top:-20%; }
}
@media screen and (max-width:400px) {	/* 25em */
	#titelbild .mod_randomImage {
		height:6.25em;
	}
}


/* Logo ***********************************************************************/
.mod_logo {display:block;position:absolute;bottom:0;margin:0;border:0;padding:0.85em 1em 0 1em;width:14.5em;height:2.5em;background-color:#ffffff;box-shadow:0px 0px 8px 2px rgba(0,0,0,0.5);}
.mod_logo figure {text-align:center;}
.mod_logo a {text-decoration:none;}
.mod_logo a img {border:0;width:auto;max-width:100%;}
.mod_logo.consulting a img {margin:-6px auto 0 auto;border:0;width:auto;max-width:96.7%;}

@media screen and (min-width:720px) {
	/* Breite, Hoehe und seitliche Abstaende um Logo verringern */
	.mod_logo {height:3em;padding:1.25em 1.25em 0 1.5em;width:15.75em;}
	}
@media screen and (min-width:1152px) {
	.mod_logo {padding:1.5em 1.5em 0 2em;width:16.5em;max-width:55%;height:3.5em;}
	}


/* Mobilemenubutton *******************************************************************/
.mod_menubutton {
	display:none;
	width:100%;
}
.mod_menubutton .open {
	display:none;
	width:100%;
	text-align:right;
}
.mod_menubutton .close {
	display:none;
	width:100%;
	text-align:right;
}
.mod_menubutton a {
	display:block;
	margin:0;
	border:0;
	padding:0.75em 0 0 0;
	color:#ffffff;
	text-decoration:none;
}
@media screen and (max-width:1152px) {
	/* Umstellung auf Mobilemenu */
	/* Menubutton open einblenden */
	.mod_menubutton { display:block; }
	.mod_menubutton .open { display:block; }
}
@media screen and (max-width:880px) {
	/* Oberer Abstand verringern, neu in kleinerem Balken zentrieren */
	.mod_menubutton a { padding:0.5em 0 0 0; }	
}





/* Hauptmenu ******************************************************************/
nav {
	display:block;
	margin:0 0 0 22em;
	padding:0;
	width:auto;
}
nav ul {
	margin:0;
	padding:0.75em 0 0 0;
	list-style-type:none;
}
nav ul li {
	display:inline;
	margin:0 0 0 1.5em;
}
/*.immobilien nav > ul > li {margin:0 0 0 0.5em;}*/
nav > ul > li:first-child {
	margin-left:0;
}
nav > ul > li {
	position:relative;
}
nav ul li a {
	text-decoration:none;
}
nav > ul > li > a {
	color:#dadada;
}
nav > ul > li > a:hover {
	color:#ffffff;
}
nav > ul > li > span {
	color:#ffffff;
}
nav > ul > li strong {
	color:#ffffff;
}
nav > ul > li.submenu.trail > a {
	cursor:text;
	color:#ffffff;
}
nav > ul > li.submenu.trail:hover > a {
	color:#ffffff;
}
nav ul li ul {
	display:none;
	position:absolute;
	top:1em;
	left:0;
	padding-top:1.25em;
	width:auto;
	z-index:100;
}
nav ul li:hover ul {
	display:block;
}
nav ul li.trail ul {
	display:block;
}
nav ul li.active ul {
	display:block;
}
nav ul li ul li {
	display:block;
	margin:0 0 0.1em 0;
	width:auto;
	min-width:140px;
}
nav > ul > li > ul > li > a {
	color:#888888;
}
nav > ul > li > ul > li > a:hover {
	color:#000000;
}
nav > ul > li > ul > li > span {
	color:#1d5aa5;
}
nav ul.level_2 li.trail a {
	color:#1d5aa5;
}
nav ul.level_2 li strong.active {
	color:#1d5aa5;
}
/* Hauptmenu responsive */
@media screen and (max-width:1152px) {
	/* Linker Abstand zu Logo verringern */
	nav { margin:0 0 0 20em; }
	/* Abstaende zwischen Menupunkten verringern
	nav ul li { margin:0 0 0 1em; } */
}
@media screen and (max-width:1152px) {
	/* Umstellung auf Mobilemenu */
	nav { display:none; position:absolute; top:2.5em; right:0; width:20em; max-width:65%; background-color:#1d5aa5; box-shadow:0px 0px 8px 2px rgba(0,0,0,0.5); z-index:200; }
	nav ul { padding:1.25em 1.5em; }
	nav > ul > li { display:block; margin:0 0 0.5em 0; }
	nav > ul > li > a { color:#bababa; }
	nav ul li a:hover { color:#ffffff; }
	nav > ul > li > span { color:#ffffff; }
	nav > ul > li.trail > a { color:#ffffff; }
	nav > ul > li.submenu.trail > a { color:#ffffff; }
	nav > ul > li.submenu.trail:hover > a { color:#ffffff; }
	nav ul li ul { display:block; position:relative; top:auto; left:auto; margin:0.5em 0 1.5em 0; padding:0; }
	nav ul li ul li { margin:0 0 0 1.5em; }
	.immobilien nav ul li ul li { margin:0 0 0 0.5em; }
	nav > ul > li > ul > li > a { color:#bababa; }
	nav > ul > li > ul > li > a:hover { color:#ffffff; }
	nav > ul > li > ul > li > span { color:#ffffff; }
	nav ul.level_2 li.trail a {color: #fff;}
}
@media screen and (max-width:880px) {
	/* Mobilemenu nach oben, weil Headerbalken kleiner ist */
	nav { top:2em; }	
}









/* Targets ****************************************************************************/
#top:target .mod_navigation {display:block;}
#top:target .mod_menubutton .open {display:none;}
#top:target .mod_menubutton .close {display:block;}