/*
Schrift: dunkelbraun - #5F4427 - RGB 95 68 39
Hintergrund: creme - #f6e3cb - RGB 246 27 203
Navigation hover: gelb - #f5df67 - RGB 245 223 103
Links hover: rot - #860202 - RGB 134 2 2
*/

.projekte {
	display: table;
}

.imgstrich {
	width: 80%;
}

@media screen and (max-width: 499px) {
	.projekte {
		width: 250px;
		height: auto;
		position: relative;
		left: 50%;
		margin-left: -125px;
	}
	.container {
		width: 250px;
		/*height: 400px;*/
		height: 100px;
		margin-bottom: 30px;
		text-align: center;
	}
	.imgwer1 {
		width: 100%;
		height: auto;
	}
	.imgwer2 {
		width: 100%;
		height: auto;
	}

}

@media screen and (min-width: 500px) and (max-width: 739px) {
	.projekte {
		width: 250px;
		height: auto;
		position: relative;
		left: 50%;
		margin-left: -125px;
	}
	.container {
		width: 250px;
		/*height: 400px;*/
		height: 100px;
		margin-bottom: 30px;
		text-align: center;
	}
	.imgwer1 {
		width: 300px;
		height: auto;
	}
	.imgwer2 {
		width: 400px;
		height: auto;
	}
}

@media screen and (min-width: 740px) and (max-width: 1099px) {
	.projekte {
		width: 560px;
		height: auto;
		position: relative;
		left: 50%;
		margin-left: -280px;
	}
	.container {
		width: 250px;
		/*height: 400px;*/
		height: 100px;
		position: relative;
		float: left;
		margin: 0 30px 30px 0;
		text-align: center;
	}
	.imgwer1 {
		width: 250px;
		height: auto;
	}
	.imgwer2 {
		width: 400px;
		height: auto;
	}
}

@media screen and (min-width: 1100px) {
	.projekte {
		width: 840px;
		height: auto;
		position: relative;
		left: 50%;
		margin-left: -420px;
	}
	.container {
		width: 250px;
		/*height: 400px;*/
		display: block;
		position: relative;
		float: left;
		margin: 0 30px 30px 0;
		text-align: center;
	}
	
	.wertabdiv {display: table; width: 100%;}
	.wertabrow {display: table-row;}
	.wertabcell {display: table-cell; vertical-align: top;}
	.wercellwidthMA {width: 400px;}
	
	.cell1 {
		width: 300px;
		padding-bottom: 30px;
	}

	.cell2 {
		text-align: left;
		padding-bottom: 30px;
	}

	.paddingr30 { padding-right: 30px;}
	.paddingb30 { padding-bottom: 30px;}
	
	.imgwer1 {
		width: 250px;
		height: auto;
	}
	.imgwer2 {
		width: 400px;
		height: auto;
	}

}




.imgprojekt {
	width: 250px;
	height: auto;
}