html, body{
	--main-bg-color: #ebe8de;
	--yellow: #fecc2a;
	--red: #ee3439;

	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #ebe8de;

	font-family: Verdana, serif;
	color: #333333;
}

.content{
	width: 1024px;
	margin: auto;
	padding: 0 25px;
}
.hide{
	display: none;
}

header{
	height: 85px;
	margin-bottom: 75px;
	background-color: #333;
}

header::before{
	display: block;
	content: ' ';
	height: 5px;
	width: 100%;
	background-color: #fecc2a;
}

header nav{
	position: relative;
	display: flex;
	justify-content: space-between;
	height: calc(100% - 5px);
}

header nav ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 65%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #ebe8de;
}

header nav ul li a {
	display: block;
	padding: 15px;
	text-decoration: none;
	color: #aaa;
	font-weight: 800;
	text-transform: uppercase;

	position: relative;
	border-radius: 5px;
	overflow: hidden;
	z-index: 1;

	transition: all .5s;
}
header nav ul li a.active,
header nav ul li a:hover {
	color: #ee3439;
}

header nav ul li a::before,
header nav ul li a::after {
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	bottom: 0;
	background: #fecc2a;
	transition: all .5s;
	margin: auto;
	content: ' ';
	color: transparent;
	z-index: -1;
	opacity: 0.75;
}
header nav ul li a::before {
	left: 0;
}
header nav ul li a::after {
	right: 0;
}
header nav ul li a.active::after,
header nav ul li a.active::before,
header nav ul li a:hover::after,
header nav ul li a:hover::before {
	width: 100%;
}

header nav img{
	position: absolute;
	height: 130px;
	right: 0;
}

section{
	font-size: 20px;
	min-height: calc(100% - 290px);
	margin-bottom: 75px !important;
}

section h1,
section h2,
section h3,
section h4{
	border-bottom: 1px solid #ee3439;
	padding-bottom: 5px;
}

section h1{
	font-size: 1.75em;
}
section h2{
	font-size: 18px;
}
section h3{
	font-size: 16px;
	padding-top: 10px;
}
section h4{
	font-size: 16px;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

section p{
	font-size: 24px;
	line-height: 40px;
}
section p.small{
	font-size: 16px;
	line-height: 24px;
}

footer a,
section a{
	color: #333;
	text-decoration: underline;
}
footer a:hover,
section a:hover{
	color: #ee3439;
}


#sec_contact ul,
#sec_imprint ul{
	list-style-type: none;
	padding: 20px 0;
	margin: 0;
}
#sec_soap_pads ul{
	padding-top: 20px;
	padding-bottom: 20px;
}
#sec_data_protection ul{
	font-size: 16px;
	padding-left: 25px;
}
#sec_soap_pads ul li{
	margin-bottom: 10px;
}
#sec_contact ul li,
#sec_imprint ul li{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
#sec_contact ul li.group_end,
#sec_imprint ul li.group_end{
	margin-bottom: 30px;
}
#sec_contact ul li label,
#sec_imprint ul li label{
	display: inline-block;
	width: 50%;
}
#sec_imprint ul li label{
	width: 40%;
}
#sec_contact ul li span,
#sec_imprint ul li span{
	display: inline-block;
}

footer{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #333;
	color: #ccc;
	border-bottom: 5px solid #ee3439;
	text-align: right;
}

footer div.content{
	display: flex;
	justify-content: space-between;
}
footer a{
	color: #ccc;
}

@media (max-width: 1074px){
	.content{
		width: auto;
	}
}