@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
     

      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .frame-outer {
	  margin: 0;
      width: 100%;
      border: none;
	  box-shadow: none;
    }
    .box-left {
      width: 100%;
      margin-bottom: 1rem;
	  float: none;
    }
    .box-right {
      width: 100%;
      float: none;
    }
	
	
    .flex, .contentgruen, .contentrot {
      display: block;
    }
	
    .left,.right, .gruenleft, .gruenright, .rotleft, .rotright {
      width: 100%;
    }
    .left {
      margin-bottom: 1rem;
    }
	
	.gruenright, .rotleft { margin: 0;
	min-height: 20rem;}
    .hide {
      
    }
    .hide_m {
      display: none;
    }
   
    
   
}

.refnr {}

.apply {}