@media only screen and (orientation : landscape) {
	#protrait {
		display: none;
	}
}
@media only screen and (orientation : portrait) {
    #protrait {
		display: inline;
	}
}

@media screen and (max-width: 1200px) {
	.youtubeVid {
		width:650px;
	}
	.youtubeVidHeight {
		height:360px;
	}
}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
	/* *** Navigation *** */
	ul.hauptnavigation li a {
		font-size: 87.5%;
	}
	ul.headernavigation {
		top: 29px;
	}
	ul.headernavigation li a {
		font-size: 87.5%;
	}
}

@media screen and (max-width: 985px), screen and (max-device-width: 985px) {
	/* *** Header *** */
	/*#headerinhalt { 
		height: 90px;
		padding: 10px 10px;
	}
	img#logo {
		width: 150px;
		height: auto;
	}*/
	
	/*.headertelefon,
	a.headertelefon_mobile {
		right: 0px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		font-size: 75%;
		background-position: center center;
		padding: 0;
	}
	.headertelefon {
		display: none;
	}
	a.headertelefon_mobile {
		display: block;
		color: #fff;
		text-decoration: none;
	}
	.navrahmen {
		display: block;
		position: absolute;
		top: 115px;
		right: -280px;
		width: 270px;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.85);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.85);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.85);
		padding: 30px 0 0 0;
	}
	a.navsteuerung {
		display: block;
		right: 0px;
		top: 10px;
	}*/
	
	/* *** Navigation *** */
	/*ul.sprachwahl {
		top: 10px;
	}*/
	ul.headernavigation {
		right: 110px;
	}
	/*ul.headernavigation li {
		clear: both;
		display: block;
		padding: 5px 0 5px 10px;
	}
	ul.hauptnavigation {
		position: relative;
		right: 0px;
		bottom: 0px;
	}
	ul.hauptnavigation li {
		clear: both;
		display: block;
		padding: 5px 0 5px 10px;
	}*/
	ul.hauptnavigation li a {
		font-size: 75%;
	}
	ul.headernavigation li a {
		font-size: 75%;
	}
	
	/* *** Teaser *** */
	.teasercol .label {
		font-size: 87.5%;
	}
}
@media screen and (max-width: 920px), screen and (max-device-width: 920px) {
	/* *** Header *** */
	img#logo,
	img.logo {
		width: 200px;
		height: auto;
	}
	
	/* *** Navigation *** */
	ul.hauptnavigation li a {
		font-size: 68%;
	}
	ul.headernavigation li a {
		font-size: 68%;
	}
	
}
@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
	body {
		font-size: 112.5%;
	}
	
	/* *** Header *** */
	#headerinhalt { 
		height: 90px;
		padding: 10px 10px;
	}
	img#logo,
	img.logo {
		width: 150px;
		height: auto;
	}
	
	.headertelefon,
	a.headertelefon_mobile {
		right: 0px;
		bottom: 10px;
		width: 40px;
		height: 40px;
		font-size: 75%;
		background-position: center center;
		padding: 0;
	}
	.headertelefon {
		display: none;
	}
	a.headertelefon_mobile {
		display: block;
		position: fixed;
		top: 60px;
		color: #fff;
		text-decoration: none;
		z-index: 3000;
	}
	.navrahmen {
		/*display: none;*/
		overflow: auto;
		display: block;
		position: fixed;
		top: 115px;
		/*right: -480px;
		width: 470px;*/
		width: 100%;
		max-height: 300px;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.85);
		-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.85);
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.85);
		padding: 30px 0 0 0;
	}
	a.navsteuerung {
		display: block;
		position: fixed;
		right: 0px;
		top: 10px;
		z-index: 3000;
	}
	
	/* *** Navigation *** */
	ul.sprachwahl {
		top: 0px;
		right: 0px;
		width: 100%;
	}
	ul.sprachwahl li {
		float: left;
		width: 46%;
		text-align: center;
		padding: 5px 0;
	}
	ul.headernavigation {
		position: relative;
		top: 0px !important;
		right: 0px !important;
		width: 100%;
		margin: 2px 0 0 0;
	}
	ul.headernavigation li {
		clear: both;
		display: block;
		width: 100%;
		border-top: solid 1px #5c6a70;
		padding: 10px 0 10px 10px;
	}
	ul.hauptnavigation {
		position: relative;
		right: 0px;
		bottom: 0px;
		width: 100%;
	}
	ul.hauptnavigation li {
		clear: both;
		display: block;
		width: 100%;
		border-top: solid 1px #5c6a70;
		padding: 10px 0 10px 10px;
	}
	
	/* ***  Startseite *** */
	.start_text_bild-links {
		clear: both;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.start_text_bild-rechts {
		clear: both;
		width: 100%;
	}
	/*.start_text_bild-text {
		float: left;
		width: 65%;
		margin-right: 5%;
	}
	.start_text_bild-bild {
		float: left;
		width: 30%;
	}*/
	
	/* *** Slider *** */
	#my-next,
	#my-prev {
		display: block;
		position: absolute;
		top: calc(50% - 30px);
		width: 30px;
		height: 30px;
	}
	#my-next a,
	#my-prev a {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 700px) {
	.youtubeVid {
		width:425px;
	}
	.youtubeVidHeight {
		height:235px;
	}
}

@media screen and (max-width: 560px), screen and (max-device-width: 560px) {
	/* *** Teaser *** */
	/* *** Inhalt *** */
	.einruecken {
		padding: 0;
	}
	
	/* *** Footer *** */
	#footernavigation {
		text-align: left;
	}
	ul.footer_hauptnav {
		margin: 0 0 50px 0;
	}
	ul.footer_hauptnav li {
		display: block;
		padding: 0 10px;
		margin: 0 0 10px 0;
	}
	ul.footer_subnav li {
		display: block;
		list-style-type: none;
		padding: 0 10px;
		margin: 0 0 10px 0;
	}
	
	#footer .align_left {
		text-align: center;
		margin-top: 20px;
	}
	
	/* *** Sonstige *** */
	.text_zwei_spalten {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	}
}

@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}
	
	table {
		font-size: 72%;
	}
	
	/* *** Header *** */
	#headerinhalt { 
		height: 70px;
		padding: 20px 10px;
	}
	img#logo,
	img.logo {
		width: 40%;
		height: auto;
	}
	
	/* *** Teaser *** */
	.teasercol:nth-child(2) {
		margin-right: 0;
		margin-left: 0;
	}
	.teasercol img {
		display: none;
	}
	.teasercol .label {
		position: relative;
		font-size: 100%;
	}
	
	/* *** Slider *** */
	.bx-wrapper {
		margin: 0;
		min-height: 130px;
	}
	#my-next,
	#my-prev {
		display: block;
		position: absolute;
		top: calc(50% - 2px);
		width: 20px;
		height: 20px;
	}
	#my-next a,
	#my-prev a {
		width: 20px;
		height: 20px;
	}
	.textbox_start {
		/*position: absolute;
		top: 50%;
		right: calc(50% - 150px);*/
		width: 100%;
		max-width: 240px;
		font-size: 12px;
		background-color: rgba(255, 255, 255, 0.85);
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		padding: 10px 10px 0 10px;
		line-height: normal;
		margin: 0 auto;
	}
	.hidden-xs {
		display: none;
	}
	
	/* *** Inhalte *** */
	.content {
		overflow: hidden;
		padding: 30px 10px;
	}
	.text_bild-text {
		clear: both;
		width: 100%;
		margin: 0 0 30px 0;
	}
	.text_bild-bild {
		clear: both;
		width: 100%;
		text-align: center;
	}
	.text_bild-text_schmal {
		clear: both;
		width: 100%;
		margin: 0 0 30px 0;
	}
	.text_bild-bild_breit {
		clear: both;
		width: 100%;
		text-align: center;
	}
	
	img.inhaltbild {
		margin: 0 10px 0 0;
	}
	
	ul.linklist {
		text-align: left;
	}
	ul.linklist li {
		display: block;
		padding: 5px 0 0 0;
	}
	ul.linklist li.trenner {
		display: none;
	}
	
	.projektausgabe,
	.referenzausgabe {
		clear: both;
		width: 100%;
		margin: 0;
	}
	
	.projektfilter {
		clear: both;
		width: 100%;
		background-color:#fff;
		margin: 0 0 10px 0;
	}
	.projektfilter h2 a {
		background: url(../_img/elemente/pfeil-unten.png) center right no-repeat;
	}
	.projektfilter .spacer_25 {
		height: 5px;
	}
	.projektfilter .padding_10 {
		padding: 10px 10px 0 10px;
	}
	.referenzfilter {
		display: none;
	}
	.display_none_mob {
		display: none;
	}
	
	.spalten .padding_0_10 {
		padding: 0;
	}
	
	/* *** Sonstige *** */
	.bg_309837_trans {
		background-color: rgba(48,152,55, 1);
	}
	.bg_00b5ec_trans {
		background-color: rgba(0,181,236, 1);
	}
	.bg_007a98_trans {
		background-color: rgba(0,122,152, 1);
	}

	.youtubeVid {
		width:90%;
	}
	.youtubeVidHeight {
		height:340px;
	}
}

@media screen and (max-width: 320px), screen and (max-device-width: 320px) {
	table {
		font-size: 72%;
	}
	
	/* *** Header *** */
	img#logo,
	img.logo {
		width: 40%;
		height: auto;
	}
	
	/* ***  Startseite *** */
	/*.start_text_bild-links {
		clear: both;
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.start_text_bild-rechts {
		clear: both;
		width: 100%;
	}*/
	.start_text_bild-text {
		clear: both;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.start_text_bild-bild {
		clear: both;
		width: 100%;
	}
	
	/* *** Slider *** */
}