@media only all and (max-width: 700px) {
    /* for 700px or less */
body {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.frame-outer {
	margin: 0;
	width: 100%;
	border: none;
	box-shadow: none;
	border-radius: 0;
}
	
h1 {
	margin: 0;
	font-size: 1.4rem;
	font-weight: 700;
}
	
#benefitstext{width:100%;}
#benefitsbild{width:100%; margin: 1.5rem 0 0 0; text-align: center;}
	
#benefitsbild img{width:50%; display: inline-block}

.textbox, .bildbox{width:100%;}
	
.bildbox{order:1; height:12rem;}

.textbox{padding:1rem 0; order:2;}
	
.left, .right {
	width: 100%;
}

.left {
	margin-bottom: 1rem;
}
	
.box-left {
	width: 100%;
	margin-bottom: 1rem;
	float: none;
}
    
.box-right {
	width: 100%;
	float: none;
}
	
.bg-hexagon::after{
	mask-position: right top;
	mask-size: 100% auto;
}
.bg-dunkel{
	background:#0a0a0a url(//anzeigen.jobsintown.de/job/files/1317063/hexagons_dark.svg) no-repeat right bottom;
	background-size: 50% auto;
}

.hide {
	display: block;
}

.hide_m {
	display: none;
}  
}

.refnr {}

.apply {}