@media only all and (max-width: 740px) {
    /* for 700px or less */
    body {
      font-size: 90%;
      line-height: 1.3;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .frame-outer {
      width: 100%;
    }
    .box {
      padding-left: 0;
    }
    .box h2 {
      position: static;
    }
    p {
      text-align: left;
    }
    h1 {
      font-size: 1.3rem;
    }
    .content {
      padding-top: 1rem;
    }
    .bavaria {
      max-width: 45%;
    }
    p, ul {
      padding-bottom: 0.7rem;
    }
}
@media only all and (max-width: 440px) {
  .logo {
    width: 35%;
  }
}
.refnr {}

.apply {}