@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.8rem !important;
		margin: 0 auto !important; 
    }


#logoBox {
  position: inherit;
  display: inherit;
	
}

#logo {
  position:inherit;

}

#logo img {
  width: 30%; 
}
	
.content{
padding: 1rem 4%;
}

.box_oben{
	position: inherit;
	top: 0rem !important;
	left: 0;
	text-align: center;
	width: 100%;
	padding: 0 0 0;
	background-color: transparent;
	color: #0b3d7f;
}
    
	
.flex {
	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, .footer-container {
	display: block;
	position: inherit;
	text-align: left;
}
	
	.footer-left, .footer-right {
		width: 100% !important;
		text-align: left;
	}
	
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 {}