@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
        font-size: 0.7em;
        line-height: 1.5;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .rahmen {
        min-width: 240px;
        width: 95%;
    }
    .logo {
        position: inherit;
        top: 0;
        left: 0;
        margin: 20px 0;
        width: 250px;
    }
    .content {
        width: 100%;
        padding: 10px 3% 0 3%;
    }
    .content-inner-pad {
      padding: 20px 5px;
      position: relative;
    }
    .box-right {
        width: 100%;
        padding: 10px 3%;
    }
    .box-left {
        width: 100px;
        padding: 30px 3% 10px 3%;
    }
    .footer {
        width: 100%;
        padding: 10px 0;
        font-size: inherit;
    }
    h1 {
        margin: 0px;
        line-height: 1.5;
        font-size: 1.6rem;
        font-weight: normal;
    }
    h2 {
        margin: 0px;
        line-height: 1.5;
        font-size: 1.3rem;
        font-weight: normal;
    }
    .flex {
        display: block;
    }
    ul {
      margin-left: 5px;
    }
    .bild1 {
        display: none;
    }
    .bild2 {
        display: block;
    }
    .hide {
        display: inline-block;
    }
    .hide_m {
        display: none;
    }
    .cell {
        display: block;
        float: left;
        width: 100%;
    }
    .row {
        display: block;
        float: left;
        width: 100%;
    }
  	.rmfloat {
    		float: none;
    		padding: 0;
    		margin: 0;
  	}
    .apply-button {
      width: 250px;
    }
}

.refnr {}

.apply {}