@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;
    }
	.box1
{
	background-color:gray;
	padding: 1rem;
	float: none;
	width: 100%;
	margin: 1%;
	min-height: auto;
}

    .frame-outer {
      width: 100%;
      font-size: 0.7rem;
    }

	.content {
	
  
	}
	h1 {
  font-size: 1.5rem;
	}
	.untertitel{
	font-size:0.9rem;
}

	
h2 {
    font-size: 0.9rem;


}
	
	h3{
	font-size: 0.9rem;
		
	}
	
	 li::before {
  font-size: 1.25rem;
} 
	
	ul {
  margin: 0.3rem auto 0rem 1rem;
	
}
.benefits{
	  padding: 0.5rem 5% 0.8rem 5%;
}


    .flex {
      display: block;
    }
	.flex div {
	width: 100%;
}
    
  .left {

  padding: 0rem 1%;

}

.right {

  padding: 0rem 1%;

}
	
	    .flex02 {
      display: block;
    }
	.flex02 div {
	width: 100%;		
		
}
	
	    
  .left02 {
 border: none; 
	  
}
	
		.left02:hover{
	background-color:#fff;
	
}

.right02 {

  border: none;

}
	.right02:hover{
	background-color:#fff;
	
}
    .ausblenden {
      display: inline-block;
    }
    .hide_m {
      display: none;
    }
.html_ausblenden
{
	display: block;
}	
.responsive_ausblenden
{
	display: none;
}	
}

	



.fb{
	padding: 2.5%;
}

#kontakt {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
	text-align:block;
}

.button_box {
  text-align: left;
}

.button_box::after {
  clear: both;
  content: "";
  display: block;
}


.footer
{
	background-color:#000;
	padding: 3% ;
	text-align: center;
	font-size:0.7rem;

	
}	
	

.refnr {}

.apply {}