@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;
  }

  h1 {
    /* mobile h1 bei Bedarf anpassen */
  }

  h1 span {
  }

  h2 {
  }

  h3 {
	  margin-top: 0.6rem;
  }

  h4 {
  }

  .box-left {
    width: 100%;
    margin-bottom: 1rem;
    float: none;
  }

  .box-right {
    width: 100%;
    float: none;
  }

  /* NEU: .content wird Flex-Container,
     alle Kinder (über .flex -> display: contents) werden Flex-Items */
  .content {
    display: flex;
    flex-direction: column;
  }

  /* NEU: .flex-Hüllen "auflösen", Kinder werden direkt in .content einsortiert */
  .flex {
    display: contents;
  }

  /* generisch für alte left/right-Klassen (falls noch irgendwo genutzt) */
  .left,
  .right {
    width: 100%;
    padding: 0rem 4% 1rem 4%;
  }

  /* alle linken Boxen zuerst */
  .left2 {
    width: 100%;
    order: 1;
    padding: 0rem 4% 1.5rem 4%; /* Padding mobil etwas vereinheitlicht */
  }

  /* alle rechten Boxen danach */
  .right2{
    width: 100%;
    order: 2;
    padding: 1rem 4% 1.5rem 4%;
  }
	
	 .right3 {
    width: 100%;
    order: 2;
    padding: 0rem 0% 0rem 0%;
  }

  .left {
    margin-bottom: 1rem;
  }

  .hide {
    display: block;
  }

  .hide_m {
    display: none;
  }
	
	#logo {
 margin-top: 1rem;
	background: #184f9e;
	padding: 2rem 8% 1.2rem;
	
}

.claim {
	position: relative;
	top: 0rem;
	right: 0rem;
	margin-bottom: 1rem;
	
}
	
	  .right2::before,
  .right3::before,
  #logo::before {
    content: none;   /* Linie entfernen */
  }

}
.refnr {}

.apply {}