body {
	background-color: #ebebeb;
}

#content {
	max-width: 40%;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 3px;
	margin-top: 20px;
}

.formsection {
	max-width: 40%;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding: 20px;
	padding-bottom: 50px;
	border-radius: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media only screen and (max-width:850px) {
	#headline {
		margin-left: unset !important;
		display: block !important;
		padding-bottom: 8px !important;
	}
	.form-check {
		width: 100% !important;
	}
	.hidemobile {
		display: none !important;
	}
}

@media only screen and (min-width:0px) and (max-width:280px) {
	.portraittext {
		display: table !important;
		margin-left: unset !important;
		max-width: 220px !important;
	}
	.portraitpicture {
		max-width: 80% !important;
	}
	#headline, h1, h2, h3, h4, h5, h6 {
		word-break: break-all;
	}
}

@media only screen and (min-width:280px) and (max-width:374px) {
	.portraittext {
		display: table !important;
		margin-left: unset !important;
		max-width: 220px !important;
	}
	.portraitpicture {
		max-width: 60% !important;
	}
}

@media only screen and (min-width:406px) and (max-width:600px) {
	.butnextlinemobile {
		margin-top: unset !important;
	}
}

@media only screen and (min-width:0px) and (max-width:406px) {
	.butnextlinemobile {
		float: unset !important;
		margin-top: 8px !important;
	}
}

@media only screen and (min-width:375px) and (max-width:431px) {
	.portraittext {
		max-width: 141px !important;
	}
}

@media only screen and (min-width:431px) and (max-width:600px) {
	.portraittext {
		max-width: 170px !important;
	}
}

@media only screen and (min-width:0px) and (max-width:600px) {
	#content, .formsection {
		max-width: 90%;
	}
}

@media only screen and (min-width:600px) and (max-width:1000px) {
	#content, .formsection {
		max-width: 80%;
	}
}

@media only screen and (min-width:1000px) and (max-width:1500px) {
	#content, .formsection {
		max-width: 70%;
	}
}

@media only screen and (min-width:1500px) and (max-width:1600px) {
	#content, .formsection {
		max-width: 65%;
	}
}

@media only screen and (min-width:1600px) and (max-width:1800px) {
	#content, .formsection {
		max-width: 60%;
	}
}

@media only screen and (min-width:1800px) and (max-width:2000px) {
	#content, .formsection {
		max-width: 55%;
	}
}

@media only screen and (min-width:2000px) and (max-width:2200px) {
	#content, .formsection {
		max-width: 50%;
	}
}

@media only screen and (min-width:2200px) and (max-width:2400px) {
	#content, .formsection {
		max-width: 45%;
	}
}

@media only screen and (min-width:2400px) {
	#content, .formsection {
		max-width: 40%;
	}
}

.infotext {
	margin-top: 20px;
}

.portraitpicture {
	max-width: 40%;
	display: inline-block;
	padding-top: 30px;
}

.portraittext {
	display: inline-block;
	vertical-align: middle;
	padding-top: 10px;
	margin-left: 10px;
	max-width: 217px;
	word-break: break-word;
}

.hidden {
	display: none;
}

.form-check-input {
	float: none !important;
	vertical-align: middle;
	margin-right: 10px !important;
}
.form-check-label {
	max-width: 95%;
	width: 400px;
}