@media only all and (max-width: 700px){ 

body{
	margin:0px;
}
	
p{
	margin:0;
}
		
#frame-outer {
	width: 100%;
	min-width:240px;
	margin:0px;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.logo{ padding:4% 4% 2% 4%;
	   margin-bottom: 0.25rem;
	   text-align: center;
}

.logo img{width:6rem;
	position: inherit;
	margin-bottom: 1rem;}
	
.content{

}

.box_oben{position: inherit;
		   top:0;
		   left:0;
		   color:#FFF;
		   width:92%;
	  	   padding:4%;

}
	
.box_mitte{

}
	
.box_unten{

}
	
.box_links{
	width: 100%;
	
}
	
.box_rechts{
	width: 100%;
padding-bottom:2rem;
}
	
}

.box_links img{ min-width:24rem;
	width:100%;
	margin-bottom: 1rem;
	
}

.box_rechts img{ width:8rem;
	margin: 2rem 0;
}	
	
	
#footer{position: inherit;
		height:auto
		
	
	
}

#footer img{position: inherit;
			margin-left: 4%;
}
	
h1{

}
	
h2{

}
	
.text_gross{

}
	
.titel_gross{

}
	
.text_klein{

}
	
.titel_klein{

}

.hide_m {
	display:none;
}

.box1 {
	padding: 2%;
	width: 100%;
}

.box2 {
	padding: 2%;
	width: 100%;
}

.box3 {
	padding: 2%;
	width: 100%;
}
.box4 {
	padding: 2%;
	width: 100%;
}

ul {
}

li {
}
	
#bild1{
	display: none;
}
	
#bild2{
	display: block;
	text-align: center;
}
}
.refnr {}

.apply {text-decoration: underline; color: blue;}