@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
      font-size: 80%;
      line-height: 1.5;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .frame-outer {
      width: 100%;
      font-size: 0.75rem !important;
		margin: 0 auto !important; 
    }

#logoBox{
	position: inherit !important;
	display: block !important;
	width: 100% !important;
	top: 0 !important;
	left: auto !important;
	z-index: 1000 !important;
	margin: 0 auto !important;
	padding: 1.5rem 4%;
	text-align: center;
}

.logo{

}
	
.content{

}

.box_oben{
	position: inherit;
	top: 0rem !important;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 5% 0;
}

.box_oben2{
	position: inherit;
	top: 0rem !important;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 5% 0;
}
	
.flex {
	display: block;
  display: block;
  display: block;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	margin-top: 0;
}

.left{
	width: 100%;
	margin-bottom: 1rem;
}

.right{
	width: 100%;
}
	
.box{
	padding: 4%;
}
	
.box_mitte{

}
	
.box_unten{

}
	
.box_links{
	width: 100%;
	float: none;
}
	
.box_rechts{
	width: 100%;
	float: none;
	padding-top: 1rem;
}
	
#footer{
}
	
h1{
	font-size: 1.3rem;
	line-height: 1.55;
}
	
h2{
	font-size: 1.05rem;
}
	
.text_gross{

}
	
.titel_gross{

}
	
.text_klein{

}
	
.titel_klein{

}

.hide_m {
	display:none;
}


ul {

}

li {

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

.apply {}