@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%;
font-size: 0.75rem;
margin:0;
	border: 0;
}

#logoBox {
    z-index: 10;
    position: absolute;
    top: 1rem;
    left: 5%;
    width: 29%;
}


#logo {
width: 100%;
}

#logo img {
width: 100%;
height: auto;
}


.logo{
display: none;
}

.stellentitel, .stellentitel2, .stellentitel3, .stellentitel6 {
	position: static;
	margin-bottom: 0;
	padding-bottom: 0;
	background: rgba(255,255,255,0.6);
	padding: 1rem;
	width: 100%;
}

h1 {
line-height: 1;
font-size: 1.5rem;
margin-bottom: 1rem;
}

.width46{
width: auto !important;
}

	.flex30 {width: 100% !important;}

.flex70 {width: 100% !important;}

h2 {
line-height: 1.2;
font-size: 1rem;
margin-top: 0.4rem;
}

h3 {
margin: 0;
line-height: 1;
font-size: 0.8rem;
margin-bottom: 1rem;
	margin-top: 2rem;
}
	
.eingerueckt {
	padding-left: 0rem;
	}

.flex {
display: block;
}

.flex50 {
width: 100% !important;
}
	
	.flex30 {
width: 100% !important;
}
	
	.flex70 {
width: 100% !important;
}

.hide {
display: inline-block;
}
.hide_m {
display: none;
}
.table {
border-collapse: collapse;
table-layout: fixed;
}
.cell-left,
.cell-right {
display: block;
float: left;
width: 100%;
border: none;
border-bottom: 1rem solid #fff;
}
.row {
display: block;
float: left;
width: 100%;
}

	.sidebar {
		position: unset;
		box-shadow: none;
		border: 0;
padding-left: 8%;
	}
	
.blocksatz {
text-align: left;
text-align-last: left;
}
	
	.stellentitel {
	position: unset;

	width: 100%;
}

	.stellentitel2 {
	position: unset;

	width: 100%;
}

	ul {padding-left: 0;}
	
}




.refnr {}

.apply {}