@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;
		
    }
    .frame-outer {
      width: 100% !important;
      font-size: 0.9rem !important;
		margin:0;
    }
	
#logo{
	padding:1rem 5% !important;
}

#logo img{
	width:42% !important;
}

.content {
  padding:1rem 6% 1rem 6%;
	
}

.content2 {
  padding:1rem 6% 0rem 6%;
	
}
	
h1 {
	margin:0;
}
	


	
	.slider-wrap{
max-width: 780px;
width: auto;

position: relative;
overflow: hidden;
	
}

	
	.kachel-oben {
			height: 7rem;
	}
	
	.kachel-mitte {
			height: 7rem;
	}
	
	.kachel-unten {
			height: 7rem;
	}

/* -------------- FLEXBOX -------------------- */

	.flex01 {margin-top: 0; margin-bottom: 0rem; flex-direction: column;}
	.flex02 {margin-top: 0; margin-bottom: 0rem; flex-direction: column-reverse;}
	
	
	

.left{
	width:100%;
}

.right{
	width:100%;
	margin:1rem 0 0 0;
}
	
.left-padding {
	width:100%;
	padding: 0.2rem 3% 1.5rem 3%;
}

.right-padding {
	width:100%;
		padding:0.2rem 3% 1.5rem 3%;
	margin-top:0.8rem;
}

.left-ohne{
	width:100% !important;
}

.right-ohne{
	width:100% !important;
	margin:1rem 0 0 0 !important;
}	
	
	
	.left02{
	width:100%
	
}

.right02{
	
	width:100%
}
	
#footer {
	padding: 1rem 5% !important;
}
	
ul {
	margin:0 ;
	padding:0 ;
	list-style-type: none ;
	list-style:none ;
}

li {
	position: relative ;
	padding: 0 0 0 1rem ;
}
	
li:last-child{
	padding-bottom:0 !important;
}

	
	.checkmark li::before {
  position: absolute;
  top: -0.1rem;
  left: -0.28rem;
  content: "✔";
  font-size: 1rem;
}
	.slider-wrap li::before{
	content:none;
	position: absolute;
	top: -0.1rem;
	left: 0.05rem;
}

.hide {
	display:block !important;
}
	
	.hide_m {
	display:none;
}
}


.linie{
	height:0.1rem;
	background-color:#EFEFEF;
	
}


.benefits{
	 padding:0.1rem 6% 1rem 6%;

	
	
}








.refnr {}

.apply {}