/*
Nur Änderungen kommen hier rein
*/

:root {
	--textColorH1: rgb(93, 93, 93);
	--linkColor: rgb(93, 93, 93);
	--textColorBold: rgb(93, 93, 93)
}

#wrapper {	border: solid 1px var(--ftBdColor);
	border-image: linear-gradient(
		to bottom, #eeeeee, #5d5d5d 100%
	) 0 100 0 100;
}

h1, h2, h3, h4 {
	color: rgb(93, 93, 93);
}

header > div {
	padding: 5%;
	padding-top: 0;
	padding-bottom: 0;
}

header {
	min-height: 107px;
	height: 100%;
}

header a {
	top: 0;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.headerLinks {
	float: none;
}

header a img {
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: 33px;
	height: 90px;
}

#logos {
	height: fit-content;
	min-height: 200px;
}

#headerImages {
	padding: 0;
	display: flex;
	justify-content: space-between;
}

#headerImages img {
	width: 49.5%;
}

#logoInstitute {
	display: block;
}

#logoInstituteRechts {
	display: block;
	position: relative;
	float: right;
	right: 310px;
}

.extraText {
	display: flex;
	justify-content: space-between;
}

#imprsML {
	position: absolute;
	margin-top: 135px;
	/*height: 66px;*/
	right: 35px;
	/*float: right;*/
	margin-bottom: 30px;
	padding-left: 20px;
	border-left: 1px solid #333;
}

#imprsML2 {
	position: absolute;
	right: 25px;
	bottom: 25px;
	height: 26px;
	padding-left: 10px;
	border-left: 1px solid #333;
}

#imprsML2 p {
	font-size: 16px;
	line-height: 16px;;
}

#imprsML p {
	/*
	margin-top: 15px;
	bottom: 3px;
	*/
	padding: 0;
	font-size: 16px;
}

li::marker {
	color: rgb(68, 68, 68);
}

#auditWrapper {
	margin-top: 130px
}

#audit {
	position: absolute; 
	right: 0;
	bottom: 40px;
}
/*
#equality {
	width: 90%;
}
*/
footer {
	background-color: #666666;
}

footer #end {
	background-color: rgb(68, 68, 68)
}

footer #apply {
	background-color: rgb(68, 68, 68)
}

footer li::marker {
	color: #fff;
}

@media screen and (max-width: 704px) {
	#logoInstituteRechts {
		right: -164px;
	}
}

@media screen and (max-width: 481px) {
	header {
		min-height: 220px;
	}

	#logos {
		min-height: 240px;
	}

	#imprsML {
		top: 40px;
	}

	#audit {
		right: 10px;
		bottom: 20px;
	}
}


@media screen and (max-width: 420px) {
	#logoInstituteRechts {
		right: -148px;
	}

	.extraText {
		display: block;
	}

	#imprsML2 {
		position: relative;
		margin-top: 10px;
		margin-left: 25px;
		bottom: 20px;
	}
}

@media screen and (max-width: 360px) {
	#imprsML {
		top: 30px;
	}
}