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

  /* for 700px or less */
  body {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .frame-outer {
    width: 100%;
  }

#footer_relative {margin: -17rem 27% 0 0;}

  .logo {
    position: static;
    padding: 1rem 1rem 0rem 1rem;
    width: 100%;
  }

.logo img{width:10rem;}


#titlebox {
    position: static;
    padding: 1rem 1rem 0rem 1rem;
}

  .box_titel {
    position: static;
    padding: 1rem 1rem 0rem 1rem;
  }

  .box_oben,
  .content {
    padding: 1rem;
  }

  .box_mitte,
  .box_unten {
    padding: 1rem;
    background-image: none;

  }


.zweispaltig{
 -webkit-column-count: 1;
 -moz-column-count: 1;
 column-count: 1;
 -webkit-column-gap: 0%;
 -moz-column-gap: 0%;
 column-gap: 0%;
}

  .loop {
    background-image: none;
  }


  #footer {
    background-color: #f4d000;
    padding: 1rem;
    margin-right: 0;
    position: static;
  }

.hide_m{display:none;}


}

@media only all and (max-width: 500px) {
  .box_links {
    float: left;
    width: 100%;
  }

  .box_rechts {
    float: right;
    width: 100%;
  }

  .box_rechts2 {
    float: right;
    width: 100%;
  }

  .ul_m {
    margin-bottom: 0;
  }
}
.refnr {}

.apply {}