/******************************************************************************
 * Navigation masnry homepage
******************************************************************************/

.msnry ul#nav .nav-tile-size0 { width: 100%; height: 94px;}
.msnry ul#nav .nav-tile-size1  { width:  100%; height: 189px; /*background: #abc7d5;*/}
.msnry ul#nav .nav-tile-size2 { width:  100%; height: 189px; /*background: #9baeb5;*/ }
.msnry ul#nav .nav-tile-size2 { width: 100%; height: 189px; /*background: #8bba97;*/ }
	
#nav_unternehmercoaching a:link { background: #CDD7DA; }
.msnry #nav_unternehmertagungen{ background: #CDD7D9; }
.msnry #nav_work-life-balance{ background-color: #c4e2f0;}
.msnry #nav_seminare { background-color: #b1c2d9; }
.msnry #nav_vortraege { background-color: #e9e0de; }
.msnry #nav_biographie  { background-color: #dfe0e1;}
.msnry #nav_kontakt { background-color: #e0d0bd;}
.msnry #nav_engagement { background-color: #e0d0bd;}
.msnry #nav_engagement  { display: none; }

div.nav-description {
	display: none;
}

.msnry div.nav-description {
	position: absolute;
	top: 42%;
	left: 0%;
	width: 100%;
	text-align: center;
	padding: 4%;
}

.msnry div.nav-description {
	font: 0.5em/1.25em open_sansregular;
	display: none;
}

.msnry ul#nav {
	display: block;
	margin: 0 auto;
	background: white;
	max-width: 1180px;
}

.msnry ul#nav li{
	xmin-height: 94px;
	position: relative;
	border: 6px solid white;
}

.msnry ul#nav li:hover{
	opacity: 0.8;
}

.msnry ul#nav li a{
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	background: transparent
}

.item.w1 { width:  182px; }
.item.w2 { width:  378px; }
.item.w3 { width:  578px; }

.item.h2 { height: 100px; }
.item.h3 { height: 130px; }
.item.h4 { height: 180px; }

@media screen and (min-width: 35.5em) {
	.msnry ul#nav .nav-tile-size0 { width: 94px; height: 94px; }
	.msnry ul#nav .nav-tile-size1 { width: 189px; height: 189px; }
	.msnry ul#nav .nav-tile-size2 { width: 289px; height: 189px; }
	
	.msnry div.nav-description {
		font: 0.8em/1.25em open_sansregular;
	}
	
	.msnry #nav_engagement { display: none; }
	
	.msnry ul#nav a {
		font-size: 0.8em;
		padding: .3em 0 0 0.6em;
	}
}

@media screen and (min-width: 48em) {
	/*
	118
	236
	360
	*/
	.msnry ul#nav .nav-tile-size0 { width:  118px;  }
	.msnry ul#nav .nav-tile-size1 { width:  236px; height: 236px; }
	.msnry ul#nav .nav-tile-size2 { width:  360px; height: 236px; }
	.msnry #nav_engagement { display: none; }

	.msnry ul#nav li{
		min-height: 118px;
	}
	
	.msnry div.nav-description {
		top: 36%;
		font: 0.8em/1.2em open_sansregular;
		display: block;
	}
}

@media (min-width: 52em) {
	.msnry #nav_engagement { display: block; }
}

@media (min-width: 58em) {
	.msnry ul#nav .nav-tile-size1  { width: 378px; height: 378px; }
	.msnry  ul#nav .nav-tile-size2 { width: 578px; min-height: 378px;}
	.msnry  ul#nav .nav-tile-size0 { width: 192px; height: 189px;}
	.msnry #nav_aktuelles { width:  189px;}
	.msnry #nav_kontakt{ width:  189px;}
	.msnry #nav_engagement { display: inherit; }

	.msnry ul#nav li{
		min-height: 189px;
	}
		
	.msnry div.nav-description {
		font: 1em/1.5em open_sansregular;
		display: block;
	}

}

@media (min-width: 80em) {
	.msnry #nav_engagement  { display: none; }
}