@media only all and (max-width: 700px) {
/* for 700px or less */
body {
	font-size: 80%;
	line-height: 1.3;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
		margin:0px;
}

.frame-outer {
	width: 100%;
	min-width:240px;
	margin:0px;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	font-size: 0.75rem;
	background-image: none;
	background-color: #fff;
}

.bg-guy{
width: 100% !important;
	background-image: none !important;
	background-color: #014489 !important;
}

.textBoxKlein{
width:100% !important;
}

h1 {
	margin: 0px;
	line-height: 1.1;
	font-size: 1.4rem;
	letter-spacing: normal;
}

h2 {
	margin: 0px;
	line-height: 1.5;
	font-size: 1.1rem;
	font-weight: normal;
}
	
.content {
	padding: 1rem 3%;
}
    
.logo {
	position: inherit;
	top: 0;
	right: 0;
	padding: 1rem 3%;
	text-align: center;
	background-color: #fff;
	margin-bottom: 0.5rem;
}

.einleitung {
    padding: 1rem;
    margin: 0rem 3rem 0rem 0rem;
    width: 90%;
}

.text_gross{
	font-size: 2rem !important;
	line-height: 1.1;
	letter-spacing: 0;
}

.titel_klein{
	font-size: 0.9rem;
	line-height: 1;
	letter-spacing: 0;
}


.hide {
	display: inline-block;
}

.hide_m {
	display: none;
}
}

.refnr {}

.apply {}

@media only all and (max-width: 400px) {
/* for 400px or less */

h1 {
	margin: 0px;
	line-height: 1.1;
	font-size: 1rem;
	letter-spacing: normal;
}

.einleitung {
    padding: 0.5rem;
    margin: 0rem 0rem 0rem 0rem;
    width: 90%;
}

}