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

	#logo img {
	width: 45%;
}

h1 {
	  font-size: 1rem;
  }


h1 span {
	  
  }


h2 {
	  font-size: 0.8rem; 
  }


h3 {
	  
  }

  .footer-info {
    display: block;
    font-size: 0.75rem; /* minimale Schriftgröße 0.6rem */
  }

  .footer-col {
    width: 100%;
  font-size: 0.75rem; /* minimale Schriftgröße 0.6rem */
  }
	
	 .footer-col2 {
    width: 100%; margin-top: 0.5rem;
  font-size: 0.75rem; /* minimale Schriftgröße 0.6rem */
  }

  .footer-right {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0.5rem;
  }

  .footer-url {
    font-size: 0.75rem; /* minimale Schriftgröße 0.6rem */
  }


h4 {
	  font-size: 0.8rem;
  }


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


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


.flex {
display: block;
  }


.left,
.right {
width: 100%;
  }


.left {
margin-bottom: 1rem;
  }

	  .facts-row {
    margin: 0rem 0;
    text-align: center;
  }



  .facts-row .fact-item {
    width: 100%;            /* 2 Kacheln pro Reihe */
    margin-bottom: 2rem;
  }

 .fact-item2 {
width: 100%; 
    margin-bottom: 0rem;
  }

  .fact-icon-wrap {
    height: 22px;          /* leicht kleiner auf Mobile */
  }



  .fact-icon {
    width: 2rem;         /* Icons minimal kleiner */
  }



  .fact-number {
    font-size: 1.4rem;
  }



  .fact-line {
    width: 60%;
    margin: 0.4rem auto 0.5rem auto;
  }



  .fact-label {
    font-size: 0.75rem;
  }



.hide {
display: block;
  }


.hide_m {
display: none;
  }

}

.refnr {}

.apply {}