/* CSS Document */
@media only screen and (min-width: 38.125em) {
}
@media only screen and (min-width: 42em) {
	table {
		max-width: 100%;
	}
	th {
		width: 70%;
	}
	td {
		width: 15%;
		padding-right: 1.5em;
	}
	.rechts td {
		width: 16em;
		padding-right: 1.5em;
	}
}
@media only screen and (min-width: 46.875em) {	
	.content p, .content ul, .contentlage, table {
	font-size: 1.1em;  
	line-height: 1.5em; /* 24px */
	}
	.content .titel1 {
	font-size: 2.25em;  
	line-height: 1.1em;
	transition: all .4s ease-in-out;
	}
	.content .titel2 {
	font-size: 1.75em; 
	line-height: 1em;
	transition: all .4s ease-in-out; 
	}
	.content .titel3 {
	font-size: 1.5em; 
	line-height: 1em;
	transition: all .4s ease-in-out; 
	}

}

@media only screen and (min-width: 52em) { 	
	.contentlage {
		position:relative;
		clear: both;
	}
	.contentmap {
		float: left;
		width: 35%;
		transition: all .4s ease-in-out;
		margin-bottom: 1em;
	}
	.contentmap p {
		padding-right: 0;
	}
	.imgagemap {
		float: right;
		width: 65%;
		transition: all .4s ease-in-out;
	}
}

@media only screen and (min-width: 59em) {
body {
	background: url(../pics/backgrey.png) top center repeat-x;
}
.content h1, .contentlage h1 {		
  font-size: 2.4em;
}
	
.content ul {
	column-count: 2;
	column-gap: 2.4em;
	}
	.content .titel1 {
	font-size: 2.75em;  
	width: 100%;
	transition: all .4s ease-in-out;
	}
	.content .titel2 {
	font-size: 2em; 
	width: 100%;
	transition: all .4s ease-in-out; 
	}
	.content .titel3 {
	font-size: 1.7em; 
	width: 100%;
	transition: all .4s ease-in-out; 
	}
}