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

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


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

	
#dreieckWeiss{
	position:absolute;
	top:10px;
	left:0;
	width: 0;
	height: 0;
	border-left: 10px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}

#dreieckBlau{
	position:absolute;
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-left: 10px solid #4f88c2;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
#dreieckBlau33{
	display: none;
}

#logo{
	padding:3% 4%;
	text-align:right;
	background:rgba(255,255,255,1);
}

#logo2{
	padding:4% 4%;
	text-align:right;
	background:rgba(255,255,255,1);
}

#logoLinksOben{
        position: inherit;
        top:auto;
        left:auto;
        width: 90px;
}

.content{
	padding:2% 4%;	
}

#titel{
	padding:2% 1% 2% 4%;
	background:#4f88c2;
	color:rgba(255,255,255,1);
	display:inline-block;
	width:93%;
	position:relative;
}

h1{
	margin: 0px;
	line-height: 1.2;
	font-size: 18px;
	font-weight: bold;
}

h1 span{
	font-size: 14px;
	font-weight: normal;
}

h2{
	margin:10px 0 0 0;
	line-height: 1.2;
	font-size: 12px;
	font-weight: normal;
}
	
#box_links{
	width: 100%;
	float: none;
}
	
#box_rechts{
	width: 100%;
	float: none;
	padding-top: 15px;
}
	
#footer{
}

#textFooter2{
   width: 100%;
margin-top: 0.5rem;
}


.ausblenden {
	display:none;
}


ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

li {
	padding: 0px;
}
	
#bild1{
	display: none;
}
	
#bild2{
	display: block;
	text-align: center;
}

.hide_m {
  display:none
}

}
.refnr {}

.apply {}