body {
	font-size: 16px;
	line-height: 20px;
}

#logo {
	padding: 0px;
	margin-top: 20px;
	height: 30px;
}

#logo img {
	width: auto;
	height: 30px;
}

#logo2 {
	display: none;
}

header.fixed-header #logo {
	margin-top: 15px;
	height: 30px;
}

header.fixed-header #logo img {
	width: auto;
	height: 30px;
}


#topheader {
	height: 250px;
}

.starttext {
	width: 94%;
	padding-left: 3%;
	top: 20vh;
}

.starttext h3 {
	font-size: 30px;
	line-height: 33px;

}

div.cta {
	margin-top: 25px;
	width: 100%;
}

#servicebox {
	display: none;
}

h1 {
	font-size: 40px;
	line-height: 44px;
	margin-block-end: 0px;
}

h2 {
	font-size: 25px;
	line-height: 30px;
	margin-block-end: 0px;

}

h3 {
	font-size: 20px;
	border-bottom: 1px solid #024C8B;
}

h4 {
	font-size: 20px;
	line-height: 30px;
}

.spacer {
	display: none;
}

div.tabelleWrap {
	display: grid;
	grid-template-columns: auto;
	grid-gap: 0%;
	justify-content: space-evenly;
}

.lead {
	width: 100%;
	font-size: 20px;
	line-height: 24px;
}

.drittel_wrap,
.viertel_wrap,
.sechstel-wrap {
	display: block;
	padding-top: 20px;
}

.sechstel,
.zweisechstel,
.zweidrittel,
.drittel,
.viertel,
.zweiviertel,
.dreiviertel {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

.spacer {
	display: none;
}

/* NAVIGATION */

#mobilenavi {
	padding-top: 60px;
}

#mobilenavi ul {
	padding-inline-start: 0px;
}

nav {
	line-height: 35px;
}

#topnavi {
	margin-top: 30px;
	width: 94%;
}

li.topnav,
li.topnav_act,
li.subnavidiv,
li.subnavidiv_act {
	font-size: 26px;
	line-height: 30px;
	margin-top: 3px;
}

#dlsubnavigation a.joblist {
	padding: 10px;
	min-height: 150px;
	font-size: 26px;
	line-height: 30px;
}

#dlnavigation_s li {
	width: 22vw;
	margin-left: 0px;
	margin-right: 2vw;
	padding-bottom: 2vw;
}

#dlnavigation_s li img {
	width: 22vw;
	height: auto;
}

#dlsubnavigation li,
#dlsubnavigation li.five {
	width: 100%;
	margin-right: 0px;
}

#dlsubnavigation li a div.dltitle {
	font-size: 25px;
	line-height: 30px;
	text-decoration: none;
	padding: 8px 0px 5px 0px;
}

.rightcolumn_news article div.bildli {
	display: table-row;
	width: 100%;
	float: left;
	padding-left: 0px;
	padding-top: 10px;
}

.newspic {
	padding-left: 0px;

}

.rightcolumn_news article div.textli {
	display: table-row;
	width: 100%;
}

#controls {
	margin-bottom: 0px;
}

.container {
	padding-top: 20px;
}

.container .mix,
.container .gap {
	width: 100%;
	margin-right: 0%;
}

.projektuebersicht div {
	min-height: 0px;
}

.projektuebersicht div p {
	margin-bottom: 5px;
}

@media screen and (orientation: landscape) {
	.starttext {
		position: absolute;
		width: 90%;
		left: 0%;
		top: 30%;
		text-align: left;
	}

	.container .mix,
	.container .gap {
		width: 48%;
		margin-right: 2%;
	}
}

#projektcontent {
	margin-top: 100px;
}

.greycontent,
.whitecontent {
	padding-bottom: 10px;
}

.whitecontent::before {
	height: 40px;
	margin-top: -40px;
	background-image: url(../bilder/winkel_small.svg);
}

.greycontent::before {
	height: 40px;
	margin-top: -40px;
	background-image: url(../bilder/winkelgrau_small.svg);
}

.whitecontent_abschluss {
	height: 50px;
}

.greycontent_abschluss {
	height: 50px;
}

footer {
	display: block;

}

footer>div,
footer>div.newsletter,
footer>div.adresse,
footer>div.social,
footer>div.impressum {
	width: 100%;
	margin-right: 0%;
	display: block;
	margin-bottom: 20px;
	text-align: left;
}