#nav li a{
	font-size:1rem;
font-weight:normal;}
body{background:#f6f6f6 url("../media/bg-wrapper.jpg") center top no-repeat;font:14px/20px Georgia;color:#777}

#keywords2{display:none;}

header{ min-height:340px;}
header img{
background-size:100% 340px !important;}

@media screen and (max-width: 1050px) { 
	#textbereich{
		clear:both;}

	header{
		min-height:340px;}
	.mod_navigation{
		position:relative;top:-4rem;width:100%;}
	.nav{left:20px;}
	.nav a, .nav span.active{
		padding-left:20px;padding-right:20px;}
	.mod_navigation li { height:1rem;}

	.mod_navigation li span>span,
	.mod_navigation li a>span{ display:none;}
	.nav li:nth-child(1){background:none;}
	.nav li:last-child{
		border-right: none}
	#wrapper,#container{
		width:inherit;}
	.c50l,.c50r{
		width:100%;display:block;
	.c33l,.c33r{
		width:50%;}
	.c40l,.c40r{
		max-width:50%;
		width:50%;}
}

@media screen and (max-width: 900px) { 

	.mod_navigation{
		position:relative;top:-3rem;}
	header{height:auto;}
	#textbereich{
		margin-top:-3rem;}
	.logo{	top:50px	}
	.logo h1{	font-size:18px;line-height:120%;	}
	.logo h2{	font-size:46px;	line-height:120%;}
	.c33l,.c33r{
		margin-top:2rem;}

	.col_0,
	.col_1,
	.col_2{
	clear:both;
		float:left;
		width:100%;}
	.ce_gallery img{float:left;min-width:80vw;max-width:500px;}
	.c40l,.c40r{
		clear:both;
		width:100%;max-width:100%;
		display:block !important;
		float:auto;
		margin-top:2rem;}

	#textbereich .ce_image{
	min-width:150px !important;
		max-width:33%;display:inline-block;clear:both}
	.ce_text{
		width:100%;display:block;}

	.custom li a{
		font-size:1rem;}
	.custom .keywords{left:50px;}

}

@media screen and (max-width: 780px) { 
	.custom .keywords{left:20px;width:inherit;}
}


@media screen and (max-width: 750px) { 

.level_1 a,.level_1 span{font-size:1rem;}
	.logo{	top:30px;left:120px;	}
	#Keywords{display:none;height:0;}
#copyright{margin-top:-4rem;width:auto;}
.footernav{margin-top:-.5rem;}

	.logo h1{	font-size:16px;	}
	.logo h2{	font-size:38px;	}
	#textbereich{
		margin-top:-6rem;}
	.nav a, .nav span.active{
	font-size:1rem;
		padding-left:10px;}
	#container{
		padding-left:5px;padding-right:10px;}

}

@media screen and (max-width: 600px) { 
	#wrapper,#container{
		min-width:400px;}
	#wrapper,#container{
		margin-right:0;padding-right:5px}
	#textbereich{
		margin-top:-10rem;}

	.logo{	top:20px;left:90px;	}
	.logo h1{	font-size:14px;	}
	.logo h2{	font-size:30px;	}

	.nav a, .nav span.active{
		font-size:.9rem;
		padding-left:5px;padding-right:5px;}