@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;
}
    
.box-left {
	width: 100%;
	margin-bottom: 1rem;
	float: none;
}
    
.box-right {
	width: 100%;
	float: none;
}
	
	
	.ordering :nth-child(1) { order: 2; }
	.ordering :nth-child(2) { order: 1; }
	.ordering :nth-child(3) { order: 3; }
	
.flex {
	display: flex;
}
	
	.iconblock {
		width: 48%;
		margin: 0 0 1.5rem 0;;
	}
	
	.flex2 .iconblock {
		width: 48%;
	}
	
	.flex2 {
		width: 100%;
		margin: 0;
	}
	
	.firmen {
		width: 48%;
	}
	
	.logos {
		width: 60%;
		margin: 0.5rem auto;
	}
	
.left, .right {
	width: 100%;
}
	
	.content {
		padding: 2rem 0% 0;
		background-image: url('bg_holz.jpg');
	background-repeat: repeat;
	background-size: contain;
	background-position: center center;
	}

.left {
	margin-bottom: 1rem;
}

.hide {
	display: block;
}
	
	#title {
		display: block;
	}
	.innertitle {
		width: 100%;
	}
	
	.siegel {
		width: 32%;
		margin: 0.5rem auto 0;
	}

.hide_m {
	display: none;
}  
	#logo {
		display: block;
		width: 100%;
	}
	
	#logo img {
		width: 50%;
		margin: 0 auto;
	}
	h1 {
		font-size: 1.5rem;
	}
	
	h3 {
		font-size: 0.9rem;
	}
	
	.redbox {
		width: 95%;
	}
	.boxed {
		border-radius: 0;
		margin: 0 auto;
		width: 95%;
	}
	
	.profil, .aufgaben, .benefits {
		margin: 0 0 2rem 0;
	}
}

.refnr {}

.apply {}