@media only all and (max-width: 700px) {
    /* for 700px or less */
    body {
      font-size: 80%;
      line-height: 1.5;
      -ms-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
	.box1
{
	background-color:gray;
	padding: 1rem;
	float: none;
	width: 100%;
	margin: 1%;
	min-height: auto;
}

    .frame-outer {
      width: 100%;
      font-size: 0.7rem;
    }
	.farbe
{
	color:#008dca!important;
}
	.content {
  
	}
	h1 {
  
	}

	h2 {

	}
    .box-left {
      width: 100%;
      padding: 0 0 1rem 0;
    }
    .box-right {
      width: 100%;
      padding: 0 0 1rem 0;
    }
    .flex {
      display: block;
    }
	.flex div {
	width: 100%;
}
    
 
   
.hide
{
	display: inline-block;
}
.hide_m
{
	display: none;
}	


	
	.slider-wrap{
max-width: 780px;
width: auto;
height: 200px;
position: relative;
overflow: hidden;	
}



#kontakt {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    background: #1e1e1e;
	text-align:block;
}

#footerRight {
	margin-left:15%;
    width: 70%;
    background:#1e1e1e;
    
}

#footerLeft {
	margin-left:15%;
	text-align:center;
	background:#1e1e1e;
    width: 30%;
}


.button-bild{
	position: absolute;
	right:12%;
	bottom: 7%;
	width: 23%;
	margin-bottom:0.6rem;
	
}
	
	
	
.left {
  width: 100%;
	
	padding: 0rem 5% 1.3rem 5%;
}

.right {
  width: 100%;

	padding: 0rem 4% 1.3rem 4%;
}

	
	.abstand{
	margin:1rem 0 0 0;
}

.abstand2{
	margin:1rem 0 0 0;
}
	
	.abstand3{
	margin:0 0 0 0;
}

.refnr {}

.apply {}