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

body{
	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-left: 0px;
	padding-right: 0px;
}
	
.content{
	padding: 6%;
}

.box_oben{
    position: inherit;
    left: 0px;
    bottom: 0px;
	margin-top: 30px;
}
	
.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_unten{
	padding: 20px 6%;
}
	
.box_links{
	width: 100%;
	float: none;
}
	
.box_rechts{
	width: 100%;
	float: none;
	padding-top: 15px;
}
	
#footer{
}
	
h1{
	font-size: 1.5rem;
	line-height: 1.8rem;
}
	
h2{
	font-size: 1.2rem;
	line-height: 1.5rem;
}

h3{
	font-size: 1.3rem;
	line-height: 1.6rem;
}
	
.text_gross{

}
	
.titel_gross{

}
	
.text_klein{

}
	
.titel_klein{

}

.ausblenden {
	display:none;
}

.button:link, .button:visited, .button:active {
    padding: 5px 100px 5px 15px;
}

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

.apply {}