@charset "UTF-8";
/* Studiodisplay*/
body {
	background-color: #ffffff;
	 overflow: hidden;
	 overflow-x: hidden;
}
#center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 1120px;
}
#flaeche {
	position: relative;
   	margin-left: auto;
    margin-right: auto;
	top: 0px;
	z-index: 3;
	width: 1590px;
	height: 1120px;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #3c4042;
	line-height: normal;
	text-align: left;
}
a {
	color: #999999;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #1b1d1a;
}
a:active {
	text-decoration: none;
	color: #1b1d1a;
}

#kopf {
	position: absolute;
	width: 710px;
	height: 105px;
	z-index: 8;
	left: 0;
}
#logo {
	position: inherit;
	width: 215px;
	height: 30px;
	z-index: 7;
	left: 0;
	text-align: right;
	font-size: 15px;
	letter-spacing: 3px;
	color: #1b1d1a;
}
.gesperrte-typo{
	letter-spacing: 4px;
}
#adresse {
	position: inherit;
	left: 0px;
	width: 215px;
	height: 68px;
	z-index: 5;
	top: 37px;
	visibility: hidden;
	text-align: right;
	font-size: inherit;
	color: #1b1d1a;
}
#impressum {
	position: inherit;
	width: 215px;
	height: 18px;
	z-index: 7;
	top: 1045px;
	left: 0px;
	text-align: right;
	font-size: inherit;
}
#menue {
	position: inherit;
	width: 195px;
	height: 30px;
	z-index: 6;
	left: 267px;
	top: 0px;
	font-size: 15px;
	color: #1b1d1a;
}
#submenue {
	position: inherit;
	width: 200px;
	height: 30px;
	z-index: 6;
	left: 267px;
	top: 37px;
	color: #1b1d1a;
}
#slideshow-index {
	position: absolute;
	width: 1590px;
	height: 855px;
	z-index: 6;
	top: 25px;
	left: 0px;
  	border: none;
	outline: none;
}
#inhalt {
	position: absolute;
	width: 1590px;
	height: 1100px;
	z-index: 5;
	top: 115px;
	left: 0px;
	text-align: inherit;
}
#info-knopf {
	position: inherit;
	width: 214px;
	height: 18px;
	z-index: 6;
	top: 0px;
	left: 0px;
	text-align: right;
	font-size: inherit;
	cursor: pointer;
}
#projekt-info-text {
	position: inherit;
	width: 215px;
	height: 855px;
	z-index: 15;
	top: 25px;
	left: 0px;
	text-align: left;
	overflow: auto;
	padding-right: 15px;
}
#projekt-titel {
	position: inherit;
	width: 483px;
	height: 18px;
	z-index: 5;
	top: 0px;
	left: 267px;
	text-align: inherit;
}
#slideshow-projekt {
	position: inherit;
	width: 1323px;
	height: 855px;
	z-index: 6;
	top: 25px;
	left: 267px;
  	border: none;
	outline: none;
}
#slideshow-projekt-abdecker {
	position: relative;
	left: -1px;
	top: 897px;
	width: 1325px;
	height: 75px;
	z-index: 4;
	background-color: #fff;
	opacity: 1.0;
  	border: none;
	outline: none;
}
#slideshow-team {
	position: inherit;
	width: 1590px;
	height: 855px;
	z-index: 6;
	top: 25px;
	left: 0px;
  	border: none;
	outline: none;
}
#slideshow-team-abdecker {
	position: relative;
	left: -1px;
	top: 897px;
	width: 1592px;
	height: 75px;
	z-index: 4;
	background-color: #fff;
	opacity: 1.0;
  	border: none;
	outline: none;
}
#team-info-text {
	position: inherit;
	width: 455px;
	height: 848px;
	z-index: 15;
	top: 25px;
	left: 0px;
	text-align: left;
	overflow: auto;
	padding-right: 15px;
	background-color: #fff;
}
#text {
	position: inherit;
	width: 1320px;
	height: 855px;
	z-index: 15;
	top: 25px;
	left: 267px;
	text-align: left;
	overflow: auto;
	padding-right: 15px;
	background-color: #fff;
}
#projekt-uebersicht {
	position: inherit;
	width: 1324px;
	height: 855px;
	z-index: 7;
	top: 25px;
	left: 266px;
	overflow: auto;
	padding-right: 0px;
	background-color: #fff;
}

.col {
	width: 25%;
	float: left;
}

.miniatur {
  	position: relative;
}

.miniatur-motiv {
	width: 100%;
	height: auto;
}

.miniatur-text {
	position: absolute; 
	bottom: 0px; 
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.3); /* Black see-through */
	color: #fff; 
	width: 100%;
	transition: .5s ease;
	opacity:0;
	color: white;
	font-size: 15px;
	padding: 10px;
	text-align: center;
}

.miniatur:hover .miniatur-text {
  opacity: 1;
}

.miniatur a {
	display: inline-block;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.miniatur a:hover, .miniatur-motiv a:focus {
  	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
	transition: 0.3s; /* Transition effects on hover (color) */
	
}

.miniatur a:active {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(0%);
}

.miniatur a:visited {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
}


/* iPad 13 hoch */
@media screen 
	and (max-width: 1680px )
	and (orientation: portrait){
	#center {
		margin: 0;
		position: absolute;
		width: 100%;
		height: 1220px;
	}
	#flaeche {
		position: relative;
		z-index: 3;
		width: 1000px;
		height: 1220px;
	}
	body,td,th {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #1b1d1a;
		line-height: normal;
		text-align: left;
	}
	a {
		color: #999999;
	}
	a:link {
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		color: #999999;
	}
	a:hover {
		text-decoration: none;
		color: #1b1d1a;
	}
	a:active {
		text-decoration: none;
		color: #1b1d1a;
	}

	#kopf {
		width: 710px;
		height: 105px;
		z-index: 8;
		left: 0;
	}
	#logo {
		width: 215px;
		height: 30px;
		z-index: 7;
		left: 0;
		text-align: right;
		font-size: 15px;
		letter-spacing: 3px;
	}
	#adresse {
		left: 0px;
		width: 215px;
		height: 68px;
		z-index: 5;
		top: 37px;
		visibility: hidden;
		text-align: right;
		font-size: inherit;
	}
	#impressum {
		width: 215px;
		height: 18px;
		z-index: 7;
		top: 1200px;
		left: 0px;
		text-align: right;
		font-size: inherit;
	}
	#menue {
		width: 195px;
		height: 30px;
		z-index: 6;
		left: 267px;
		top: 0px;
		font-size: 15px;
	}
	#submenue {
		width: 200px;
		height: 30px;
		z-index: 6;
		left: 267px;
		top: 37px;
	}
	#slideshow-index {
		width: 1000px;
		height: 1000px;
		z-index: 6;
		top: 25px;
		left: 0px;
	}
	#inhalt {
		width: 1000px;
		height: 1500px;
		z-index: 5;
		top: 115px;
		left: 0px;
		text-align: inherit;
	}
	#info-knopf {
		width: 214px;
		height: 18px;
		z-index: 6;
		top: 0px;
		left: 0px;
		text-align: right;
		font-size: inherit;
	}
	#projekt-info-text {
		width: 455px;
		height: 992px;
		z-index: 15;
		top: 25px;
		left: 0px;
		text-align: left;
		display: none;
		overflow: auto;
		padding-right: 15px;
		background-color: #fff;
	}
	#projekt-titel {
		width: 483px;
		height: 18px;
		z-index: 5;
		top: 0px;
		left: 267px;
		text-align: inherit;
	}
	#slideshow-projekt {
		width: 1000px;
		height: 1000px;
		z-index: 6;
		top: 25px;
		left: 0px;
	}
	#slideshow-projekt-abdecker {
		left: -1px;
		top: 1042px;
		width: 1002px;
		height: 75px;
		z-index: 4;
		background-color: #fff;
		opacity: 1.0;
	}
	#slideshow-team {
		width: 1000px;
		height: 1000px;
		z-index: 6;
		top: 25px;
		left: 0px;
	}
	#slideshow-team-abdecker {
		top: 1042px;
		width: 1002px;
		height: 75px;
		z-index: 4;
		background-color: #fff;
		opacity: 1.0;
	}
	#team-info-text {
		width: 455px;
		height: 992px;
		z-index: 15;
		top: 25px;
		left: 0px;
		text-align: left;
		display: none;
		overflow: auto;
		padding-right: 15px;
		background-color: #fff;
	}
	#text {
		width: 1000px;
		height: 992px;
		z-index: 15;
		top: 25px;
		left: 0px;
		text-align: left;
		overflow: auto;
		padding-right: 15px;
		background-color: #fff;
	}
	#projekt-uebersicht {
		width: 1000px;
		height: 1000px;
		z-index: 7;
		top: 25px;
		left: 0px;
		overflow: auto;
		padding-right: 0px;
		background-color: #fff;
	}
	.projekt-liste {
		padding-left: 377px;
	}
	.col {
		width: 33.3%;
		float: left;
	}

	.miniatur-text {
		position: absolute; 
		bottom: 0px; 
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.4); /* Black see-through */
		color: #fff; 
		width: 100%;
		transition: .5s ease;
		opacity:1;
		color: white;
		font-size: 15px;
		padding: 8px;
		text-align: center;
	}

	.miniatur:hover .miniatur-text {
	  opacity: 1;
	}
		
	
	.miniatur a {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:hover, .miniatur-motiv a:focus {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		transition: 0.3s; /* Transition effects on hover (color) */

	}

	.miniatur a:active {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:visited {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}



}



/* bis 1680 und iPad 13 quer nach Höhe */
@media only screen 
	and (max-height: 1200px )
	and (orientation: landscape){
	#center {
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 830px;
	}
	#flaeche {
		width: 1250px;
		height: 843px;
	}
	#impressum {
		top: 765px;
	}
	#slideshow-index {
		width: 1250px;
		height: 575px;
	}
	#projekt-info-text {
		height: 567px;
	}
	#inhalt {
		width: 1250px;
		height: 740px;
	}
	#projekt-titel {
		width: 650px;
	}
	#slideshow-projekt {
		width: 983px;
		height: 575px;
	}
	#slideshow-projekt-abdecker {
		top: 612px;
		width: 985px;
	}
	#slideshow-team {
		width: 1250px;
		height: 575px;
	}
	#slideshow-team-abdecker {
		top: 612px;
		width: 1252px;
	}
	#team-info-text {
		width: 455px;
		height: 567px;
	}
	#text {
		width: 990px;
		height: 575px;
	}
	#projekt-uebersicht {
		width: 995px;
		height: 575px;
	}
	.col {
		width: 33%;
		float: left;
	}
}

/* bis 1680 und iPad 13 quer nach Breite */
@media only screen 
	and (max-width: 1680px )
	and (orientation: landscape){
	#center {
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: 830px;
	}
	#flaeche {
		width: 1250px;
		height: 843px;
	}
	#impressum {
		top: 765px;
	}
	#slideshow-index {
		width: 1250px;
		height: 575px;
	}
	#projekt-info-text {
		height: 567px;
	}
	#inhalt {
		width: 1250px;
		height: 740px;
	}
	#projekt-titel {
		width: 650px;
	}
	#slideshow-projekt {
		width: 983px;
		height: 575px;
	}
	#slideshow-projekt-abdecker {
		top: 612px;
		width: 985px;
	}
	#slideshow-team {
		width: 1250px;
		height: 575px;
	}
	#slideshow-team-abdecker {
		top: 612px;
		width: 1252px;
	}
	#team-info-text {
		width: 455px;
		height: 567px;
	}
	#text {
		width: 990px;
		height: 575px;
	}
	#projekt-uebersicht {
		width: 995px;
		height: 575px;
	}
	.col {
		width: 33%;
		float: left;
	}
}


/* iPad 11 (quer) nach Höhe */
@media only screen 
	and (max-height: 900px )
	and (orientation: landscape){
	#center {
		height: 650px;
	}
	#flaeche {
		width: 917px;
		height: 650px;
	}
	#impressum {
		top: 610px;
	}
	#slideshow-index {
		width: 917px;
		height: 420px;
	}
	#projekt-info-text {
		height: 420px;
	}
	#inhalt {
		width: 917px;
		height: 591px;
	}
	#projekt-titel {
		width: 650px;
	}
	#slideshow-projekt {
		width: 650px;
		height: 420px;
	}
	#slideshow-projekt-abdecker {
		top: 462px;
		width: 652px;
	}
	#slideshow-team {
		width: 917px;
		height: 420px;
	}
	#slideshow-team-abdecker {
		top: 462px;
		width: 919px;
	}
	#team-info-text {
		width: 455px;
		height: 412px;
	}
	#text {
		width: 650px;
		height: 420px;
	}
	#projekt-uebersicht {
		width: 657px;
		height: 420px;
	}
	.col {
		width: 33%;
		float: left;
	}
	.miniatur-text {
		position: absolute; 
		bottom: 0px; 
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.4); /* Black see-through */
		color: #fff; 
		width: 100%;
		transition: .5s ease;
		opacity:1;
		color: white;
		font-size: 15px;
		padding: 8px;
		text-align: center;
	}

	.miniatur:hover .miniatur-text {
	  opacity: 1;
	}
	.miniatur a {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:hover, .miniatur-motiv a:focus {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		transition: 0.3s; /* Transition effects on hover (color) */

	}

	.miniatur a:active {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:visited {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}
}


/* iPad 11 (quer) nach Breite */
@media only screen 
	and (max-width: 1300px )
	and (orientation: landscape){
	#center {
		height: 650px;
	}
	#flaeche {
		width: 917px;
		height: 650px;
	}
	#impressum {
		top: 610px;
	}
	#slideshow-index {
		width: 917px;
		height: 420px;
	}
	#projekt-info-text {
		height: 420px;
	}
	#inhalt {
		width: 917px;
		height: 591px;
	}
	#projekt-titel {
		width: 650px;
	}
	#slideshow-projekt {
		width: 650px;
		height: 420px;
	}
	#slideshow-projekt-abdecker {
		top: 462px;
		width: 652px;
	}
	#slideshow-team {
		width: 917px;
		height: 420px;
	}
	#slideshow-team-abdecker {
		top: 462px;
		width: 919px;
	}
	#team-info-text {
		width: 455px;
		height: 412px;
	}
	#text {
		width: 650px;
		height: 420px;
	}
	#projekt-uebersicht {
		width: 657px;
		height: 420px;
	}
	.col {
		width: 33%;
		float: left;
	}
	.miniatur-text {
		position: absolute; 
		bottom: 0px; 
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.4); /* Black see-through */
		color: #fff; 
		width: 100%;
		transition: .5s ease;
		opacity:1;
		color: white;
		font-size: 15px;
		padding: 8px;
		text-align: center;
	}

	.miniatur:hover .miniatur-text {
	  opacity: 1;
	}
	.miniatur a {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:hover, .miniatur-motiv a:focus {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		transition: 0.3s; /* Transition effects on hover (color) */

	}

	.miniatur a:active {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:visited {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}
}


/* iPad 11 (hoch) */
@media screen
	and (max-width : 1026px )
   	and (orientation: portrait){
	body {
	margin-top: 5%;
	}
	#center {
		width: 100%;
		height: 1045px;
	}
	#flaeche {
		width: 800px;
		height: 1045px;
	}
	#logo {
		left: 4px;
	}
	#adresse {
		left: 4px;
	}
	#info-knopf {
		left: 4px;
	}
	#impressum {
		top: 1000px;
	}
	#slideshow-index {
		width: 800px;
		height: 800px;
	}
	#projekt-info-text {
		width: 440px;
		height: 783px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
		background-color: #fff;
	}
	#inhalt {
		width: 800px;
		height: 800px;
		left: 0px;
	}
	#projekt-titel {
		width: 420px;
		left: 267px;
	}
	#slideshow-projekt {
		width: 800px;
		height: 800px;
		left: 0px;	
	}
	#slideshow-projekt-abdecker {
		top: 841px;
		width: 802px;
		background-color: #fff;
	}
	#slideshow-team {
		width: 800px;
		height: 800px;
		left: 0px;
	}
	#slideshow-team-abdecker {
		top: 842px;
		width: 802px;
	}
	#team-info-text {
		width: 440px;
		height: 783px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
		background-color: #fff;
	}
	#text {
		width: 778px;
		height: 800px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
		left: 0px;
	}
	#projekt-uebersicht {
		width: 808px;
		height: 800px;
		left: 0px;
	}
	.col {
		width: 33%;
		float: left;
	}
		
	.miniatur-text {
		position: absolute; 
		bottom: 0px; 
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.4); /* Black see-through */
		color: #fff; 
		width: 100%;
		transition: .5s ease;
		opacity:1;
		color: white;
		font-size: 15px;
		padding: 7px;
		text-align: center;
	}

	.miniatur:hover .miniatur-text {
	  opacity: 1;
	}
	.miniatur a {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:hover, .miniatur-motiv a:focus {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		transition: 0.3s; /* Transition effects on hover (color) */

	}

	.miniatur a:active {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:visited {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}
}


/* iPad mini quer nach Höhe */
@media only screen 
	and (max-height: 830px )
	and (orientation: landscape){
		
	#center {
		height: 580px;
	}
	#flaeche {
		width: 797px;
		height: 580px;
	}
	#impressum {
		top: 560px;
	}
	#slideshow-index {
		width: 797px;
		height: 365px;
	}
	#projekt-info-text {
		height: 365px;
	}
	#inhalt {
		width: 797px;
		height: 536px;
	}
	#slideshow-projekt {
		width: 530px;
		height: 365px;
	}
	#slideshow-projekt-abdecker {
		top: 407px;
		width: 532px;
	}
	#slideshow-team {
		width: 797px;
		height: 365px;
	}
	#slideshow-team-abdecker {
		top: 407px;
		width: 799px;
	}
	#team-info-text {
		width: 455px;
		height: 357px;
	}
	#text {
		width: 530px;
		height: 365px;
	}
	#projekt-uebersicht {
		width: 537px;
		height: 365px;
	}
		
}

/* iPad mini (hoch) */
@media screen
	and (max-width : 830px )
   	and (orientation: portrait){
	body {
	margin-top: 0%;
	}
	#center {
		width: 100%;
		height: 900px;
	}
	#flaeche {
		width: 720px;
		height: 900px;
	}
	#impressum {
		top: 855px;
	}
	#slideshow-index {
		width: 720px;
		height: 655px;
	}
	#projekt-info-text {
		width: 440px;
		height: 638px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
		background-color: #fff;
	}
	#inhalt {
		width: 720px;
		height: 655px;
		left: 0px;
	}
	#slideshow-projekt {
		width: 720px;
		height: 655px;
		left: 0px;	
	}
	#slideshow-projekt-abdecker {
		top: 696px;
		width: 722px;
		background-color: #fff;
	}
	#slideshow-team {
		width: 720px;
		height: 655px;
		left: 0px;
	}
	#slideshow-team-abdecker {
		top: 696px;
		width: 722px;
	}
	#team-info-text {
		width: 440px;
		height: 638px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
		background-color: #fff;
	}
	#text {
		width: 698px;
		height: 800px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
		left: 0px;
	}
	#projekt-uebersicht {
		width: 728px;
		height: 655px;
		left: 0px;
	}

}
		
/* iPhone (hoch) */
@media screen 
		and (max-width : 479px )
		and (orientation: portrait){
	body {
	background-color: #ffffff;
	 overflow: auto;
	 overflow-x: hidden;
}
	#center {
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: 525px;
	}
	#flaeche {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		top: 0px;
		z-index: 3;
		width: 365px;
		height: 525px;
	}
	#kopf {
		width: 365px;
		height: 90px;
		left: 0px;
	}
	#logo {
		position: inherit;
		width: 180px;
		height: 30px;
		z-index: 7;
		left: 2px;
		text-align: left;
		font-size: 13px;
		letter-spacing: 2px;
	}
	#adresse {
		position: inherit;
		left: 0px;
		width: 177px;
		height: 68px;
		z-index: 5;
		top: 27px;
		visibility: hidden;
		text-align: right;
		font-size: 11px;
	}
	#menue {
		position: inherit;
		width: 172px;
		height: 30px;
		z-index: 6;
		left: 192px;
		top: 0px;
		font-size: 13px;
		color: #1b1d1a;
	}
	#submenue {
		position: inherit;
		width: 170px;
		height: 30px;
		z-index: 6;
		left: 192px;
		top: 26px;
		font-size: 11px;
	}
	
	#inhalt {
		position: absolute;
		width: 365px;
		height: 399px;
		z-index: 1;
		top: 98px;
		left: 0px;
		text-align: inherit;
	}
	#impressum {
		top: 555px;
		width: 180px;
		left: 3px;
		font-size: 12px;
	}
	
	#slideshow-index {
		width: 365px;
		height: 345px;
	}
	#info-knopf {
		width: 30px;
		left: 331px;
		z-index: 85;
	}
	#projekt-info-text {
		width: 344px;
		height: 365px;
		background-color: #fff;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
	}

	#projekt-titel {
		width: 327px;
		left: 3px;
	}
	#slideshow-projekt {
		width: 365px;
		height: 345px;
	}
	#slideshow-projekt-abdecker {
		left: -1px;
		top: 385px;
		width: 367px;
		height: 77px;
	}
	#slideshow-team {
		width: 365px;
		height: 345px;
	}
	#slideshow-team-abdecker {
		left: -1px;
		top: 385px;
		width: 367px;
		height: 77px;
	}
	#team-info-text {
		width: 344px;
		height: 365px;
		background-color: #fff;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
	}
	#text {
		width: 343px;
		height: 365px;
		padding-top: 5px;
		padding-right: 15px;
		padding-left: 7px;
		padding-bottom: 5px;
	}
	#projekt-uebersicht {
		width: 365px;
		height: 345px;
	}
	.projekt-liste {
		padding-left: 215px;
	}
	#slide-list {
		display: none;
  	}
	#progress-back {
		display: none;
		opacity: 0;
  	}
	#progress-bar {
		display: none;
		opacity: 0;
  	}
	.col {
		width: 50%;
		float: left;
	}
	
	.miniatur-text {
		position: absolute; 
		bottom: 0px; 
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.4); /* Black see-through */
		color: #fff; 
		width: 100%;
		transition: .5s ease;
		opacity:1;
		color: white;
		font-size: 15px;
		padding: 7px;
		text-align: center;
		visibility: hidden;
		}

	.miniatur:hover .miniatur-text {
	  opacity: 1;
	}
		
	.miniatur a {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:hover, .miniatur-motiv a:focus {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
		transition: 0.3s; /* Transition effects on hover (color) */

	}

	.miniatur a:active {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
		filter: grayscale(0%);
	}

	.miniatur a:visited {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}

}

/* iPhone (quer) */
@media screen 
	and (max-height: 420px)
	and (orientation: landscape){
	body {
}		
	#center {
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
	}
	#flaeche {
		z-index: 3;
		position: relative;
		left: 0%;
		height: 90%;
	}
	#inhalt {
		position: absolute;
		top: 0px;
		display: none;
	}
	#kopf {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 405px;
		height: 117px;
	}
	#logo {
		text-align: left;
		letter-spacing: 2px;
		left: 3px;
	}
	#adresse {
		position: absolute;
		width: 195px;
		top: 50px;
		left: 3px;
		z-index: 5;
		visibility: visible;
		text-align: right;
		font-size: inherit;
	}
	#impressum {
		display: none;
	}
	#menue {
		visibility: hidden;
	}
	#submenue {
		visibility: hidden;
	}
	#supersized-loader {
		visibility: hidden;
	}

}