@media screen and (min-width:320px) and (max-width:600px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
.MaxBreite {
	width:100%;
	padding-left:20px;
	padding-right:20px;
}
.StartSeiteLogo {
	width:70%;
}
.DivTop .NavMobile {
	width:100%;
	padding:10px;
	text-align:left;
	color:#FFF;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	cursor:default;-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
	z-index:1500;
	display:none;
	padding-top:80px;
}
.Nav {
	display:none;
}
.TeaserDiv {
	width:100%;
	margin-top:-250px;
	margin-bottom:0px;
}
.grid {
	display:block;
	width:100%;
	border-spacing:0px;
}
.row {
	display:block;
}
.cell {
	display:block;
	margin-bottom:20px;
}
.cell-50 {
	display:block;
	width:100%;	
}
.Footer {
	padding-top:20px;
	padding-bottom:20px;
}
.DivOverlay {
	display:none;
}
.DivContent {
	position:absolute;
	top:84%;
	width:100%;
	height:auto;
	color:#FFF;
	text-align:center;
}
.DivMobileNavIcon {
	position:fixed;
	left:20px;
	top:20px;
	z-index:1010;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.2);
}
.DivTop {
	width:100%;
	background-color:#FFF;
	position:fixed;
	z-index:1000;
}
	.DivTop .Logo {
		text-align:center;
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		text-align:right;
		padding-right:20px;
	}
	.DivTop .Logo img {
		display:inline-block;
		height: 35px;
	}
.Navigation, .NavigationAKTIV {
	display:block;
}
h1 {
	font-size:26px;
	font-weight:lighter;
	margin-bottom:30px;
}
h2 {
	font-size:18px;
	line-height:20px;
	font-weight:lighter;
	margin-bottom:10px;
}
h3 {
	font-weight:lighter;
	font-size:22px;
	margin-bottom:10px;
}
.DivModule2Textblock {
	width:100%;
	display:block;
}
	.DivModule2Textblock .text1 {
		width:100%;
		float:inherit;
		padding-right:0px;
		text-align:left;
	}
	.DivModule2Textblock .text2 {
		width:100%;
		float:inherit;
		padding-left:0px;
		text-align:left;
		padding-top:20px;
	}
.KontaktBox {
}
	.KontaktBox h2 {
		margin-bottom:30px;
		font-size:22px;
	}
	.KontaktBox .mail {
		float:inherit;
		width:100%;
		text-align:center;
		padding-right:0px;
		margin-bottom:20px;
	}
	.KontaktBox .tel {
		text-align:center;
		padding-left:0px;
	}
.Module_Box1 {
	width:100%;
	display:block;
	padding:0px;
}
	.Module_Box1_Row {
		display:block;
	}
	.Module_Box1 .module_photo_1 {
		display:block;
		width:100%;
	}
	.Module_Box1 .module_text {
		display:block;
		vertical-align:top;
		width:100%;
		padding:10px;
	}
.Module_Box2 {
	width:100%;
	display:block;
	padding:0px;
}
	.Module_Box2_Row {
		display:block;
	}
	.Module_Box2 .module_photo_1 {
		display:block;
		width:100%;
	}
	.Module_Box2 .module_text {
		display:block;
		vertical-align:top;
		width:100%;
		padding:10px;
	}
.Module_3Photo {
	width:100%;
	display:block;
}
	.Module_3Photo .module_photo_1 {
		display:block;
		width:100%;
		padding-right:0px;
		padding:10px;
	}
	.Module_3Photo .module_photo_2 {
		display:table-cell;
		width:33.33%;
		padding-left:0px;
		padding:10px;
	}
	.Module_3Photo .module_photo_3 {
		display:table-cell;
		width:33.33%;
		padding-left:0px;
		padding:10px;
	}

.DivProjekt {
	display:block;
}
	.DivProjektText {
		width:100%;
		vertical-align:middle;
		text-align:left;
		display:block;
		padding-left:0px;
	}
	.DivProjekt .Photo {
		width:100%;
		text-align:center;
		display:block;
	}
		.DivProjekt img {
			width:100%;
			float:inherit;
			display:inline-block;
			margin:0px;
			margin-left:0px;
			margin-top:5px;
		}
	.DivProjekt h3 {
		margin-bottom:5px;
	}

fieldset {
	border:0px;
}
	label {
		float:inherit;
		width:100%;
		display:block;
	}
	input, textarea {
		border:1px solid #777;
		padding:3px;
		font-family: 'Open Sans', sans-serif;
		font-size:12px;
		color:#333;
		float:inherit;
		width:100%;
	}
	.BTN {
		background-color:#FFF;
		color:#333;
		width:40%;
		cursor:pointer;
		padding:10px;
	}
}
@media screen and (min-width:600px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
.StartSeiteLogo {
	width:40%;
}
.DivMobileNavIcon, .NavMobile {
	display:none;
}
.MaxBreite {
	width:100%;
	padding-left:20px;
	padding-right:20px;
}
.grid {
	display:table;
	width:100%;
	border-spacing:40px;
}
.row {
	display:table-row;
}
.cell {
	display:table-cell;
}
.cell-50 {
	display:table-cell;
	width:50%;	
}

.DivOverlay {
	position:absolute;
	left:0px;
	background-color:rgba(39,39,39,0.6);
	padding:10px;
	padding-right:20px;
	padding-left:100px;
	width:auto;
	cursor:pointer;
	bottom:190px;
	-webkit-transition: background-color 200ms linear;
	-moz-transition: background-color 200ms linear;
	-o-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
}
	.DivOverlay h1 {
		font-size:26px;
		margin:0px;
		margin-bottom:5px;
	}
	.DivOverlay h2 {
		font-size:18px;
		margin:0px;
		font-weight:lighter;
	}
	.DivOverlay div:first-child {
		float:left;
	}
	.DivOverlay div:nth-child(2) {
		float:right;
		padding-left:50px;
		padding-top:5px;
	}
	.DivOverlay:hover {
		background-color:rgba(39,39,39,1);
		-webkit-transition: background-color 200ms linear;
		-moz-transition: background-color 200ms linear;
		-o-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
	}
.DivContent {
	position:absolute;
	top:88%;
	width:100%;
	height:auto;
	color:#FFF;
	text-align:center;
}
.DivTop {
	width:100%;
	background-color:#FFF;
}
	.DivTop .Logo {
		text-align:center;
		width:100%;
		padding-top:15px;
		padding-bottom:15px;
	}
	.DivTop .Logo img {
		display:inline-block;
		height: 50px;
	}
	.DivTop .Nav {
		width:100%;
		padding:10px;
		text-align:center;
		color:#FFF;
		cursor:default;-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
		box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.2);
	}
}
@media screen and (min-width:1020px) { /* big landscape tablets, laptops, and desktops */ 
.StartSeiteLogo {
	width:30%;
}
.MaxBreite {
	width:1000px;
}
}
@media screen and (min-width:1320px) { /* hi-res laptops and desktops */ 
.MaxBreite {
	width:1300px;
}
}