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

body{
	font-size: 13px;
	line-height: 17px;
	margin:0px;
}
	
p{
	margin:0;
}
		
#rahmen {
	width: 100%;
	min-width:240px;
	margin:0px;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.logo{
	 text-align: center;
	padding: 20px 20%;
}

.content{
}

.box_oben{
}

.flex {
	display: block;
  display: block;
  display: block;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.left,
.right,
.middle {
	width: 100%;
	margin-bottom: 15px;
}
	
.box_mitte{
	padding: 5%;
}
	
.box_mitte2{
	padding: 5%;
}

.box_unten{
	background-size: 250%;
}
	
.box_links{
	width: 100%;
	float: none;
}
	
.box_rechts{
	width: 100%;
	float: none;
	padding-top: 15px;
}
	
#footer{
}
	
h1{
	font-size: 24px;
	line-height: 28px;
}
	
h2{
	font-size: 17px;
	line-height: 21px;
}
	
.text_gross{
	font-size: 15px;
	line-height: 19px;
}
	
.titel_gross{
	font-size: 20px;
	line-height: 24px;
}
	
.text_klein{
	font-size: 12px;
	line-height: 16px;
}
	
.titel_klein{
	font-size: 20px;
	line-height: 24px;
}

.ausblenden {
	display:none;
}


ul {
	margin-left: 15px;
}

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

.apply {}