html, body {
	background-color: #DCDDDE;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	color: #fff;
	font: 14px/1.6 "Open Sans", Arial, Helvetica, sans-serif;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

#top {
	border: solid #154879 0px;
	background-color: #0d1d40;
	height: 240px;
}

#slogan {
	border: solid #698215 0px;
	background-image: url("../bg_slogan.png");
	background-repeat: no-repeat;
	height: 172px;
	width: 320px;
	position: absolute;
	top: 110px;
}

#slogan_text {
	border: solid #153477 0px;
	padding: 9px 0 0 19px;
}

#logo {
	border: solid #153477 0px;
	border-radius: 20px 0 0 0;
	background-image: url("/media/logo.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 350px;
	height: 103px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translatex(-50%);
}

#infobackg {
	background-size: cover;
	background-position: top center;
	height: 37em;
}

#head {
	width: 90%;
	position: relative;
	padding: 1em 0;
	margin: 0 auto;
	overflow: auto;
}

#icon_pic {
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

#headline {
	position: absolute;
	top: 50%;
	left: 200px;
	transform: translateY(-50%);
	color: #0D1D41;
	font-size: 3em;
}

#infotxt {
	border: solid #4ea22a 0px;
	background-color: #0d1d40;
	padding: 1em 0 1em 0;
}

#info_txthead {
	width: 90%;
	margin: 0 auto 0.75em auto;
	font-size: 1.625em;
}

#border {
	margin: 1.75em 0 1.75em 5%;
}

#info_txtcon {
	width: 90%;
	margin: 0 auto;
	line-height: 1.75em;
	text-align: justify;
}

#kontakt {
	border: solid #d9a52d 0px;
	width: 90%;
	padding: 2em 0 1em 0;
	margin: 0 auto;
	overflow: auto;
}

#kontakt_form {
	border: solid #09882d 0px;
	width: 100%;
}

#kontakt_form input[type=text], #kontakt_form input[type=email] {
	border: solid #CD7B17 3px;
	background-color: #fff;
	height: 2.75em;
	width: 100%;
}

#kontakt_form #content {
	border: 0px;
	background-color: rgba(0,0,0,0);
	height: 0.5px;
	color: rgba(0,0,0,0);
}

#name{
	margin: 0 0 0.75em 0;
}

#email, #phone {
	margin: 0.75em 0;
}

#message {
	border: solid #CD7B17 3px;
	background-color: #fff;
	min-height: 14em;
	height: 14em;
	max-height: 14em;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
	margin: 1em 0 1em 0;
	resize: none;
}

#datens {
	border: solid #759Bff 0px;
	width: 100%;
	color: #CD7B17;
}

.container {
	position: relative;
	padding-left: 30px;
	margin-bottom: 16px;
	float: left;
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.checkmark {
	border: solid #CD7B17 3px;
	background-color: rgba(0,0,0,0);
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #eee;
}
.container:hover input ~ .checkmark {
	background-color: #ccc;
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.container input:checked ~ .checkmark:after {
	display: block;
}
.container .checkmark:after {
	border: solid #0d1d40;
	border-width: 0 3px 3px 0;
	height: 9px;
	width: 4px;
	top: 50%;
	left: 50%;
	-webkit-transform: rotate(45deg) translate(-110%, -30%);
	-ms-transform: rotate(45deg) translate(-110%, -30%);
	transform: rotate(45deg) translate(-110%, -30%);
}

#datens p {
	border: solid #759Bff 0px;
	margin: 0;
}
#datens a {
	color: #CD7B17;
	text-decoration: none;
}
#datens a:hover {
	text-decoration: underline;
}

#send {
	border: solid #CD7B17 3px;
	background-color: #eee;
	position: relative;
	padding: 0.25em 0.5em;
	margin-top: 0.875em;
}
#send:hover {
	background-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
}

#kontakt_icons {
	border: solid #8fa520 0px;
	width: 100%;
	float: right;
	display: flex;
	display : -ms-flexbox;
	display: -webkit-flex;
	-webkit-justify-content: center;
	justify-content: space-around; 
	flex-wrap : wrap
}

#mail, #addr, #fon, #notserv {
	border: solid #568 0px;
	width: 170px;
	color: #0d1d40;
	margin-bottom: 1.5em;
	text-align: center;
}

#mail_icon, #addr_icon, #fon_icon, #notserv_icon {
	background-repeat: no-repeat;
	height: 100px;
	width: 100px;
	margin: 0 auto;
}

#mail_head {
	font-size: 1.25em;
	padding: 0.5em 0 0.25em 0;
}

#addr_head {
	font-size: 1.25em;
	padding: 0.5em 0 0.25em 0;
}

#fon_head {
	font-size: 1.25em;
	padding: 0.5em 0 0.25em 0;
}

#notserv_head {
	font-size: 1.25em;
	padding: 0.5em 0 0.25em 0;
}

#map {
	padding-bottom: 1.5em;
}

#google {
	border: solid #CD7B17 3px;
	width: 90%;
	margin: 0 auto;
}

#map iframe {
	width: 100%;
}

#footer {
	background-color: #0d1d40;
	padding: 1.5em 0;
}

#footer_con {
	border: solid #f26 0px;
	width: 100%;
	margin: 0 auto;
}

#footer_logo {
	border: solid #9f6 0px;
	background-image: url("/media/logo.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 103px;
	width: 350px;
	margin: 0 auto;
}

#footer_txt {
	border: solid #52f 0px;
	position: relative;
	text-align: center;
}

#footer_icons {
	border: solid #52f 0px;
	background-repeat: no-repeat;
	height: 139px;
	width: 330px;
	margin: 0 auto;
}

#footer_bottom {
	margin-top: 1em;
	text-align: center;
}

#footer a {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
}

#f_b, #f_c {
	border-left: solid #fff 1px;
	padding-left: 0.25em;
	margin-left: 1em;
}

@media screen and (min-width: 650px) {

	#footer_con {
		width: 90%;
	}

	#footer_logo {
		height: 118px;
		width: 400px;
		margin-bottom: 3em;
	}

	#footer_txt {
		text-align: left;
	}

	#footer_icons {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: -10px;
	}

	#footer_bottom {
		margin-top: 2em;
	}

}


@media screen and (min-width: 670px) {

	#top {
		height: 150px;
	}

	#slogan {
		top: 0px;
		float: left;
	}

	#logo {
		position: unset;
		transform: translate(0);
		float: right;
		margin: 20px 10px 0 0;
	}

}


@media screen and (min-width: 725px) {

	#logo {
		width: 400px;
		height: 118px;
		margin: 10px 10px 0 0;
	}

}


@media screen and (min-width: 850px) {

	#footer_con {
		width: 80%;
		max-width: 1500px;
	}

	#footer_txt {
		text-align: left;
	}

}

@media screen and (min-width: 910px) {

	#kontakt_form {
		width: 50%;
		float: left;
	}

	#kontakt_form input[type=text], #kontakt_form input[type=email] {
		width: 90%;
	}

	#message {
		min-width: 90%;
		width: 90%;
		max-width: 90%;
	}

	#datens {
		width: 90%;
	}

	#kontakt_icons {
		width: 49%;
	}

	#mail, #addr, #fon, #notserv {
		width: 200px;
	}

}