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


h1 span {
	  
  }


h2 {
	  
  }


h3 {
	  
  }


h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
	font-family: 'Playfair', sans-serif;
}


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


.hide {
display: block;
  }


.hide_m {
display: none;
  }
	
.headline-row .line {
  flex: 1;
  height: 2px;
  background-color: #c9a227;
  min-width: 20px;              /* verhindert Verschwinden */
}

.outer-box {
  background-color: #474747;
  padding: 2rem 1rem 2rem 1rem;
  text-align: center;
}
	
.headline-row h4 {
  margin: 0;
  padding: 0 0rem;
  background-color: #474747;    /* spart die Linie aus */
  line-height: 1.25;
  max-width: 90%;
  overflow-wrap: anywhere;      /* sauberer Umbruch */
	color: #fff;
	text-transform: uppercase;
}
	
#logo img {
	display: inline-block;
	width: 40%;
}
	
}
.refnr {}

.apply {}