@media only all and (max-width: 700px){ 

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


body{
	font-size: 14px;
}

#chip{
	position:inherit;
	right:0rem;
	bottom:0.2rem;
	width:110px;
		left:0.75rem;
}

	
p{
	margin:0;
}
		
#rahmen {
	width: 100%;
	min-width:240px;
}

#logo{
	position:absolute;
	top:2%;
	right:4%;
	width:25%;
}

#slogan{
	position:inherit;
	right:auto;
	top:auto;
	font-size:25px;
	font-weight:500;
	color:#a2c613;
	line-height:1.2;
	width:auto;
	padding:2% 4%;
}

.slogan40{
	margin-left:0;
}

.slogan80{
	margin-left:0;
}

#content{
	padding:2% 4%;
	background-image:none;
}

	
#box_links{
	width: 100%;
	float: none;
}
	
#box_rechts{
	width: 100%;
	float: none;
}
	
#footer{
}
	
h1{
	margin:15px 0 5px 0;
	line-height: 1.2;
	font-size:18px;
	font-weight: 500;
	color:#009881;
}

h2{
	margin:15px 0 3px 0;
	line-height: 1.2;
	font-size: 14px;
	font-weight: 500;
}

.ausblenden {
	display:none;
}

.siegel{width:22%;}	

.flex-container{
    display:block;
    width:100%;
    height:auto;
	margin-top:15px;
	font-size:11px;
}
	
	.flex-container2{
    display:block;
    width:100%;
    height:auto;
	margin-top:15px;
	font-size:11px;
}

.flex-item_Aussen{
    width:auto;
    height:auto;
    margin:0;
}

.flex-item_Mitte{
    width:80px;
    height:auto;
    margin-right:0;
	position:relative;
	align-items:center;
	margin:30px 0 40px 0;
}

#kreis{
	position:absolute;
	background:#a2c613;
	color:rgba(255,255,255,1);
	text-transform:uppercase;
	width:80px;
	height:80px;
	border-radius:40px;
	top:-20px;
	z-index:0;
}

#kreisschrift{
	position:relative;
	z-index:1;
	color:rgba(255,255,255,1);
	font-weight:500;
	text-transform:uppercase;
	text-align:center;
	font-size:12px;
}


}
.refnr {}

.apply {}
