@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;
	}

	h1 {
		font-size: 2.167rem;
		line-height: 0.94;
	}

	#header .rightposition {
		width: 100%;
	}

	.button a {
		width: 100%;
		font-size: 2rem;
		text-align: center;
	}

	#borderboxgreen {
		padding: 40px 4% 40px 4%;
		border: 6px solid #ccefcb;
	}

	h2 {
		font-size: 1.056rem;
        line-height: 1.24;
	}

	h4 {
		font-size: 2rem;
	}

	.content2 {
		position: relative;
		padding: 3.2rem 6% 0rem 6%;
	}
	
	.content3 {
		position: relative;
		padding: 0.5rem 6% 6rem 6%;
	}

	.box-left {
		width: 100%;
		margin-bottom: 1rem;
		float: none;
	}

	.box-right {
		width: 100%;
		float: none;
	}

	.flex {
		display: block;
	}

	.left,
	.right {
		width: 100%;
	}

	.left {
		margin-bottom: 1rem;
	}

	.hide {
		display: block;
	}

	.hide_m {
		display: none;
	}
}

.left2 img {
	max-width: 50px;
	/* Maximale Breite des Icons */
	height: auto;
	margin-left: 1rem;
	/* Abstand zwischen Icon und Text */
	display: inline-block;
}

.refnr {}

.apply {}