/*----------------- PMV -----------------------------------------*/
/* Projektbeginn: 10-2019 */

/* Reset margin und border */

* {
	border: 0;
	margin: 0;
	
}

a {
		color: #000;
	border: 0;
	outline: 0;
	text-decoration: none;
}

a:link, a:focus, a:visited, :-moz-focusring {
	color: #000;
	border: 0;
	outline: 0;
	text-decoration: none;
}

a:-webkit-any-link {
	text-decoration: none;
}

body {
	letter-spacing: 0.3px;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

/* Clearfix */
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.toplink_footer {
}

.back-to-top {
    position: fixed;
    right: 0;
    bottom: 40px;
    display: none;
    z-index: 1000;
    -webkit-box-shadow: 12px 15px 23px -6px rgba(0,0,0,0.31);
    -moz-box-shadow: 12px 15px 23px -6px rgba(0,0,0,0.31);
    box-shadow: 12px 15px 23px -6px rgba(0,0,0,0.31);
    background: #002d46;
    cursor: pointer;
    width: 80px;
    height: 37px;
    box-sizing: border-box;
    padding: 12px 26px;
    transition: all 0.1s linear 0s;
}

@media (min-width: 1220px) {
	.back-to-top {
		right: calc(50% - 610px);
	}
}

/* ------------------ font-face-Deklarationen ------------------------------- */
/* DIN light und bold */
@font-face {
    font-family: 'dinlight';
    src: url('https://www.pmvforschungsgruppe.de/fonts/e39ef3e7-91b2-45d0-8c2f-cfdcd0c0ab94.woff2') format('woff2'), url('https://www.pmvforschungsgruppe.de/fonts/25df6f92-ec41-4f60-91af-bddc19a3adc2.eot?#iefix') format('eot');
}

@font-face {
    font-family: 'dinregular';
    src: url('https://www.pmvforschungsgruppe.de/fonts/6ceed230-b2b3-4422-b048-4aa11687430a.woff2') format('woff2'), url('https://www.pmvforschungsgruppe.de/fonts/9b63158c-0e74-4751-966c-d749c5d31cce.eot?#iefix') format('eot');
}

@font-face {
    font-family: 'dinmedium';
    src: url('https://www.pmvforschungsgruppe.de/fonts/398e3e8c-3bf0-4af1-9791-f426a7992711.woff2') format('woff2'), url('https://www.pmvforschungsgruppe.de/fonts/90744ee6-df8b-4daf-924d-e84a33fa139c.eot?#iefix') format('eot');
}

@font-face {
    font-family: 'dinbold';
    src: url('https://www.pmvforschungsgruppe.de/fonts/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2') format('woff2'), url('https://www.pmvforschungsgruppe.de/fonts/9cab3d10-a1a9-4145-ab8a-cde6265a011d.eot?#iefix') format('eot');
}

/* -------------- Basic vars - kompletter Auftritt ---------------------------*/
:root {
  --dark: #2e6f81; /*Hintergrundfarbe BÃ¼hne, Kopfbereich, Footer */
  --label_red: #ae152a; /*Labels rot */
  --label_blue: #3b7097; /* Labels blau */
  --label_green: #03b1bd; /*Labels grÃ¼n #0f8791;*/
}

/* -------------------- Basic Layout ----------------------------------------*/

.wrapper {
	width: 100%;
	background: #fff;
}

.inner {
	max-width: 1220px;
	/*height: 460px;*/
	margin: auto;
}

.inner_wrap {
	max-width: 1220px;
	margin: auto;
}

#header {
	max-width: 1220px;
	height: 120px;
	margin: auto;
}

@media (max-width: 450px) {
	#header {
		height: 80px;
	}
}

.logo {
	float: left;
	max-width: 350px;
	margin-right: 26px;
}

.logo img.logo_small {
	width: 150px;
	margin-left: 35px;
}

.logo img.logo_big {
	display: none;
}

@media (min-width: 451px) {
.logo img {
	width: 324px;
}
.logo img.logo_small {
	display: none;
}

.logo img.logo_big {
	margin-left: 7%;
	display: block;
	
}
}

#buehne {
	height: auto;
	width: 100%;
	background-color: var(--dark);
	-webkit-box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
}

#buehne .inner .slider {
	height: 100%;
	width: 100%;
	max-width: 813px;
	margin: auto;
}

@media(min-width: 813px) {
	#buehne {
	height: 460px;
}
}

@media (min-width: 1220px) {
#buehne .inner .slider {
	float: left;
	height: 100%;
	width: 813px;
}
}

#buehne .inner .tweet {
	float: left;
	width: 403px;
	height: 459px;
	box-sizing: border-box; /*auskommentieren für helle Tweets*/
	padding: 40px 27px 40px 53px; /*auskommentieren für helle Tweets*/
	/*background-color: #292F33;*/ /*auskommentieren für helle Tweets*/
	overflow: hidden;
	display: none;
	
background: rgba(41,47,51,1);
background: -moz-linear-gradient(-45deg, rgba(41,47,51,1) 0%, rgba(64,126,143,1) 90%, rgba(64,126,143,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(41,47,51,1)), color-stop(90%, rgba(64,126,143,1)), color-stop(100%, rgba(64,126,143,1)));
background: -webkit-linear-gradient(-45deg, rgba(41,47,51,1) 0%, rgba(64,126,143,1) 90%, rgba(64,126,143,1) 100%);
background: -o-linear-gradient(-45deg, rgba(41,47,51,1) 0%, rgba(64,126,143,1) 90%, rgba(64,126,143,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(41,47,51,1) 0%, rgba(64,126,143,1) 90%, rgba(64,126,143,1) 100%);
background: linear-gradient(135deg, rgba(41,47,51,1) 0%, rgba(64,126,143,1) 90%, rgba(64,126,143,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292f33', endColorstr='#407e8f', GradientType=1 );

}

@media (min-width: 1220px) {
	#buehne .inner .tweet {
	display: block;
}
}

#kategorie {
	width: 100%;
	height: 155px;
	background-color: var(--dark);
	-webkit-box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
}

#kategorie .inner .headline {
	text-align: center;
	color: #fff;
	font-family: 'dinmedium';
	font-size: 35px;
	letter-spacing: 1px;
	margin: auto;
	box-sizing: border-box;
	padding-top: 65px;
	font-weight: normal;
}

@media (max-width: 768px) {
	#kategorie {
	width: 100%;
	height: 100px;
	background-color: var(--dark);
	-webkit-box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 104px 0px rgba(0,0,0,0.75);
}

#kategorie .inner .headline {
	text-align: center;
	color: #fff;
	font-family: 'dinmedium';
	font-size: 35px;
	letter-spacing: 1px;
	margin: auto;
	box-sizing: border-box;
	padding-top: 30px;
	font-weight: normal;
}
}
#main {
	min-height: 100px;
	padding-bottom: 60px;
}

#footer {
	min-height: 400px;
	width: 100%;
	background-color: var(--dark);
	-webkit-box-shadow: inset 0px 94px 105px -68px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 94px 105px -68px rgba(0,0,0,0.75);
	box-shadow: inset 0px 94px 105px -68px rgba(0,0,0,0.75);
}

.footer_a {
	float: left;
	min-width: 350px;
	max-width: 350px;
	width: 100%;
	min-height: 2px;
	box-sizing: border-box;
	margin-right: 120px;
}


.footer_b {
	float: left;
	min-width: 200px;
	font-family: 'dinbold';
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 36px;
	margin-left: 20px;
}

.footer_b ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 1090px) {
.footer_b {
	float: left;
	min-width: 200px;
	font-family: 'dinbold';
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 75px;
	margin-left: 0px;
}
}

.footer_b a {
	font-family: 'dinbold';
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #b9d1d8;
	letter-spacing: 1.5px;
	display: block;
	transition: all 0.1s linear 0s;
}

.footer_c {
	float: left;
	min-width: 230px;
	margin-top: 75px;
	margin-left: 20px;
}

.footer_c  a.mainlink, .footer_d  a.mainlink {
	font-family: 'dinbold';
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #23adc8; /*#00d6ff*/
	letter-spacing: 1.5px;
	display: block;
	transition: all 0.1s linear 0s;
}

.footer_c  a.sublink {
	font-family: 'dinlight';
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #23adc8; /*#00d6ff*/
	letter-spacing: 1.5px;
	display: block;
	transition: all 0.1s linear 0s;
}

.footer_d {
	float: left;
	min-width: 200px;
	margin-top: 36px;
	margin-left: 20px;
}

.footer_d  a.sublink {
	font-family: 'dinbold';
	font-size: 15px;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	letter-spacing: 1.5px;
	display: block;
	transition: all 0.1s linear 0s;
}

@media (min-width: 580px) {
.footer_d {
	float: left;
	min-width: 200px;
	margin-top: 75px;
	margin-left: 0px;
}
}

#footer a:hover {
	color: #fff;
}

/* --------------------- Navigation Desktop --------------------------------*/
.mobilnav {
	display: block;
	float: right;
	position: relative;
	margin-right: 25px;
	margin-top: 26px;
}

.context_zie_open {
    display: block;
    position: absolute;
    top: 54px;
    right: 0;
    width: 312px;
    background-color: #2E6F81;
    box-sizing: border-box;
    padding: 22px 15px 29px 30px;
    -webkit-box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 21px -4px rgba(0,0,0,0.75);
    /*border-radius: 4px;*/
    z-index: 90;
}

.context_zie_open ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.context_zie_open ul li {
			margin-bottom: 10px;
}

.context_zie_open ul li a {
			font-family: 'dinbold';
			text-transform: uppercase;
			color: #fff;
			font-size: 20px;
			line-height: 29px;
			letter-spacing: 1px;
			box-sizing: border-box;
			padding: 0px 10px 0px 10px;
			/*transition: all 0.1s linear 0s;*/
			margin-bottom: 20px;
		}

.context_zie_open ul li a:hover {
			background-color: #fff;
			color: #2E6F81;
}

	.context_zie_open ul li.active a {
		background-color: #fff;
		color: #2E6F81;
		padding: 0px 10px 0px 10px;
	}

	a.kontakt_mob {
		display: inline-block;
		/*width: 113px;*/
		/*height: 24px;*/
		margin-top: -2px;
		box-sizing: border-box;
		/*background: #000;*/
		padding: 2px 9px;
		color: #fff;
		font-family: 'dinlight';
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 1px;
		/*transition: all 0.1s linear 0s;*/
	}
	a.kontakt_mob:hover  {
		background-color: #fff;
		color: #2E6F81;
	}

.desknav {
	display: none;
}

.kontakt {
		display: none;
}

@media (min-width: 1220px) {
	.mobilnav {
		display: none;
	}
	.desknav {
		display: block;
		float: left;
		margin-left: 100px;
	}
	.desknav ul {
		list-style-type: none;
	}
	
	.desknav ul li {
		float: left;
		margin-top: 69px;
	}

	.desknav ul li a {
			font-family: 'dinbold';
			text-transform: uppercase;
			color: #000;
			font-size: 18px;
			line-height: 24px;
			letter-spacing: 1px;
			box-sizing: border-box;
			padding: 0px 15px 20px 20px;
			/*transition: all 0.1s linear 0s;*/
		}
	.desknav ul li.active a, .desknav ul li a:hover {
		border-bottom: 14px solid #5891a5;
		padding: 0px 15px 12px 20px;
	}
	
	.kontakt {
		display: block;
		float: right;
		margin-right: 7px;
		}
	
	.kontakt a {
		display: inline-block;
		width: 113px;
		height: 24px;
		margin-top: 12px;
		box-sizing: border-box;
		background: #327182;
		padding: 2px 22px;
		color: #fff;
		font-family: 'dinmedium';
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all 0.1s linear 0s;
}

	.kontakt a:hover {
		display: inline-block;
		width: 113px;
		height: 24px;
		margin-top: 12px;
		box-sizing: border-box;
		background: #1a404a;
		padding: 2px 22px;
		color: #fff;
		font-family: 'dinmedium';
		font-size: 13px;
		text-transform: uppercase;
		letter-spacing: 2px;
}
}

/*--------- Ãœberschriften, Text ----------------------------------------------*/
h1 {
	font-family: 'dinbold';
	font-size: 28px;
	line-height: 1.071em; /*30px*/
	font-weight: normal;
}

.project_pre h1 {
	font-family: 'dinbold';
	font-size: 21px;
	line-height: 1.095em; /*23px*/
	font-weight: normal;
}

h2 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'dinbold';
	text-align: center;
	padding: 15px;
	font-weight: normal;
}

h3 {
	font-family: 'dinbold';
	font-size: 22px;
	line-height: 27px;
	font-weight: normal;
	margin-bottom: 10px;
}

.detail_subline {
	font-family: 'dinregular';
	font-size: 16px;
	font-weight: normal;
	line-height: 17px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 13px;
	position: relative;
}

.project_pre .detail_subline {
	font-family: 'dinregular';
	font-size: 15px;
	font-weight: normal;
	line-height: 1.14em; /*17px*/
	margin-top: 10px;
	/*margin-bottom: 30px;*/
	margin-bottom: 16px;
	margin-left: 11px;
	position: relative;
	
}


@media (min-width: 530px) {
.project_pre .detail_subline {
	font-family: 'dinregular';
	font-size: 15px;
	font-weight: normal;
	line-height: 1.14em; /*17px*/
	margin-top: 10px;
	/*margin-bottom: 30px;*/
	margin-bottom: 28px;
	margin-left: 11px;
	position: relative;
}
}

.detail_zusatz {
	font-size: 16px;
	line-height: 22px;
	margin-top: 18px;
}

.abstract {
	font-family: 'dinbold';
	color: #5d7d93;
	font-size: 17px;
}

.overview_labels h2,
.labels h2 {
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
	font-family: 'dinbold';
	font-weight: normal;
	margin-bottom: 5px; /*10px*/
	margin-top: 30px;
	padding: 0;
}

.overview_labels h2.first {
	margin-top: 0;
}

.inner_small.vorspanntext p, .profil_text.vorspanntext p, p, p.editsmall {
	font-family: 'dinlight';
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 14px;
}

@media (max-width: 767px) {
	.inner_small.vorspanntext p, .profil_text.vorspanntext p, p, p.editsmall {
	font-family: 'dinlight';
	font-size: 17px;
	line-height: 21px;
	margin-bottom: 14px;
}
}

strong {
	font-family: 'dinmedium';
	font-weight: normal;
}
/* ------------ Diverse Buttons ----------------------------------------------*/
.case_marker_button {
	position: fixed;
	top: calc(100vh - 50px);
	left: calc(50% - 102px);
	cursor: pointer;
	transition: all 0.2s linear 0s;
	-webkit-box-shadow: 12px 15px 23px -6px rgba(0,0,0,0.31);
    -moz-box-shadow: 12px 15px 23px -6px rgba(0,0,0,0.31);
    box-shadow: 12px 15px 23px -6px rgba(0,0,0,0.31);
}

.case_marker_button:hover {
	filter: brightness(70%);
}

.plus-button {
	width: 80px;
	height: 26px;
	box-sizing: border-box;
	padding: 0px 27px;
	background-color: #afc7d0;
	position: absolute;
	bottom: 4px;
	left: 45px;
}

.project_pre p.plus-button {
	background-color: #cecfd1;
	color: #fff;
	font-family: 'dinlight';
	font-size: 50px;
	line-height: 10px;
}

@media (max-width: 449px) {
	.project_pre p.plus-button {
	background-color: #cecfd1;
	color: #fff;
	font-family: 'dinlight';
	font-size: 50px;
	line-height: 10px;
		left: 20px;
		display: none;
}
}

.plus-button a {
	color: #fff;
	font-family: 'dinlight';
	font-size: 50px;
	line-height: 10px;
}

.plus-button_start {
	width: 80px;
	height: 26px;
	box-sizing: border-box;
	padding: 3px 29px;
	background-color: #afc7d0;
	display: block;
}
/* -------------------- BÃ¼hne Startseite -------------------------------------*/
.topimage a {
	color: #000;
}

.topimage_shade  {
	position: absolute;
	background: rgba(87,87,87,0);
background: -moz-radial-gradient(center, ellipse cover, rgba(87,87,87,0) 0%, rgba(143,143,143,0) 0%, rgba(204,204,204,0) 0%, rgba(179,179,179,0) 0%, rgba(153,153,153,0) 0%, rgba(36,36,36,0.82) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(87,87,87,0)), color-stop(0%, rgba(143,143,143,0)), color-stop(0%, rgba(204,204,204,0)), color-stop(0%, rgba(179,179,179,0)), color-stop(0%, rgba(153,153,153,0)), color-stop(100%, rgba(36,36,36,0.82)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(87,87,87,0) 0%, rgba(143,143,143,0) 0%, rgba(204,204,204,0) 0%, rgba(179,179,179,0) 0%, rgba(153,153,153,0) 0%, rgba(36,36,36,0.82) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(87,87,87,0) 0%, rgba(143,143,143,0) 0%, rgba(204,204,204,0) 0%, rgba(179,179,179,0) 0%, rgba(153,153,153,0) 0%, rgba(36,36,36,0.82) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(87,87,87,0) 0%, rgba(143,143,143,0) 0%, rgba(204,204,204,0) 0%, rgba(179,179,179,0) 0%, rgba(153,153,153,0) 0%, rgba(36,36,36,0.82) 100%);
background: radial-gradient(ellipse at center, rgba(87,87,87,0) 0%, rgba(143,143,143,0) 0%, rgba(204,204,204,0) 0%, rgba(179,179,179,0) 0%, rgba(153,153,153,0) 0%, rgba(36,36,36,0.82) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#242424', GradientType=1 );
}

.topimage_insert {
	position: absolute;
	left: 0%;
	top: 30%;
	max-width: 700px;
	height: 225px;
	background: rgba(255,255,255,0.9);
	box-sizing: border-box;
	padding: 17px 1% 30px 10%;
	-webkit-box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
-moz-box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
}

@media (max-width: 469px) {
	.topimage_insert {
	position: absolute;
	left: 0%;
	top: 42%;
	max-width: 700px;
	height: 225px;
	background: rgba(255,255,255,0.9);
	box-sizing: border-box;
	padding: 17px 1% 30px 10%;
	-webkit-box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
-moz-box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
}
}

@media (min-width: 815px) {
.topimage_insert {
	position: absolute;
	left: 0%;
	top: 30%;
	max-width: 700px;
	height: 225px;
	background: rgba(255,255,255,0.9);
	box-sizing: border-box;
	padding: 30px 30px 30px 180px;
	-webkit-box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
-moz-box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
box-shadow: 7px 7px 22px -3px rgba(0,0,0,0.48);
}
}

.topimage_insert .subline {
	margin-top: 10px;
	font-family: 'dinmedium';
	font-size: 16px;
}

@media (max-width: 529px) {
	.topimage_insert .subline {
	margin-top: 4px;
	font-family: 'dinmedium';
	font-size: 16px;
	display: none;
}
}

.startslider_labels {
	position: absolute;
	bottom: 13px;
	left: calc(10% + 1px);
}

.startslider_plus {
	position: absolute;
	right: 10px;
	bottom: 4px;
	font-family: 'dinlight';
	font-size: 47px;
	line-height: 5px;
	color: #fff;
	width: 80px;
	height: 26px;
	display: none;
}

@media (min-width: 450px) {
	

.startslider_labels {
	position: absolute;
	bottom: 10px;
	left: 10%;
}
.startslider_plus {
	display: block;
	position: absolute;
	right: 30px;
	bottom: 14px;
	font-family: 'dinlight';
	font-size: 47px;
	line-height: 5px;
	color: #fff;
	width: 80px;
	height: 26px;
}
}

@media (min-width: 815px) {
.startslider_labels {
	position: absolute;
	bottom: 30px;
	left: 180px;
}
.startslider_plus {
	position: absolute;
	right: 30px;
	bottom: 34px;
	font-family: 'dinlight';
	font-size: 47px;
	line-height: 5px;
	color: #fff;
	width: 80px;
	height: 26px;
}
}



.reiter {
	position: absolute;
	top: -25px;
	left: 10%;
}

@media (min-width: 815px) {
.reiter {
	position: absolute;
	top: -25px;
	left: 180px;
}
}

.reiter_text {
	min-width: 145px;
	height: 25px;
	box-sizing: border-box;
	padding: 5px 17px;
	display: block;
	font-family: 'dinbold';
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	/*background: #5891a5;*/

background: rgba(60,105,123,1);
background: -moz-linear-gradient(top, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 15%, rgba(60,105,123,1) 26%, rgba(85,138,155,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(60,105,123,1)), color-stop(0%, rgba(60,105,123,1)), color-stop(15%, rgba(60,105,123,1)), color-stop(26%, rgba(60,105,123,1)), color-stop(100%, rgba(85,138,155,1)));
background: -webkit-linear-gradient(top, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 15%, rgba(60,105,123,1) 26%, rgba(85,138,155,1) 100%);
background: -o-linear-gradient(top, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 15%, rgba(60,105,123,1) 26%, rgba(85,138,155,1) 100%);
background: -ms-linear-gradient(top, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 15%, rgba(60,105,123,1) 26%, rgba(85,138,155,1) 100%);
background: linear-gradient(to bottom, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 0%, rgba(60,105,123,1) 15%, rgba(60,105,123,1) 26%, rgba(85,138,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c697b', endColorstr='#558a9b', GradientType=0 );
}

/* -------------------- Agens Startseite -------------------------------------*/

@media (max-width: 767px) {
	.agens_all {
	width: 100%;
	height: auto;;
	min-height: 100px;
	background: rgba(214,214,213,1);
	
	
background: rgba(120,120,120,0.48);
background: -moz-linear-gradient(top, rgba(120,120,120,0.48) 0%, rgba(120,120,120,0.49) 14%, rgba(57,99,99,0.53) 92%, rgba(57,99,99,0.53) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(120,120,120,0.48)), color-stop(14%, rgba(120,120,120,0.49)), color-stop(92%, rgba(57,99,99,0.53)), color-stop(100%, rgba(57,99,99,0.53)));
background: -webkit-linear-gradient(top, rgba(120,120,120,0.48) 0%, rgba(120,120,120,0.49) 14%, rgba(57,99,99,0.53) 92%, rgba(57,99,99,0.53) 100%);
background: -o-linear-gradient(top, rgba(120,120,120,0.48) 0%, rgba(120,120,120,0.49) 14%, rgba(57,99,99,0.53) 92%, rgba(57,99,99,0.53) 100%);
background: -ms-linear-gradient(top, rgba(120,120,120,0.48) 0%, rgba(120,120,120,0.49) 14%, rgba(57,99,99,0.53) 92%, rgba(57,99,99,0.53) 100%);
background: linear-gradient(to bottom, rgba(120,120,120,0.48) 0%, rgba(120,120,120,0.49) 14%, rgba(57,99,99,0.53) 92%, rgba(57,99,99,0.53) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#396363', GradientType=0 );

	
	
	-webkit-box-shadow: 0px 4px 16px 5px rgba(151,169,176,1);
-moz-box-shadow: 0px 4px 16px 5px rgba(151,169,176,1);
box-shadow: 0px 4px 16px 5px rgba(151,169,176,1);
	}
}

@media (min-width: 768px) {
.agens_all {
	width: 100%;
	height: 100px;
	/*background-color: #cccccc;*/



background: rgba(214,214,213,1);
background: -moz-linear-gradient(top, rgba(214,214,213,1) 0%, rgba(214,214,213,1) 62%, rgba(192,197,200,1) 90%, rgba(192,197,200,1) 96%, rgba(192,197,200,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,214,213,1)), color-stop(62%, rgba(214,214,213,1)), color-stop(90%, rgba(192,197,200,1)), color-stop(96%, rgba(192,197,200,1)), color-stop(100%, rgba(192,197,200,1)));
background: -webkit-linear-gradient(top, rgba(214,214,213,1) 0%, rgba(214,214,213,1) 62%, rgba(192,197,200,1) 90%, rgba(192,197,200,1) 96%, rgba(192,197,200,1) 100%);
background: -o-linear-gradient(top, rgba(214,214,213,1) 0%, rgba(214,214,213,1) 62%, rgba(192,197,200,1) 90%, rgba(192,197,200,1) 96%, rgba(192,197,200,1) 100%);
background: -ms-linear-gradient(top, rgba(214,214,213,1) 0%, rgba(214,214,213,1) 62%, rgba(192,197,200,1) 90%, rgba(192,197,200,1) 96%, rgba(192,197,200,1) 100%);
background: linear-gradient(to bottom, rgba(214,214,213,1) 0%, rgba(214,214,213,1) 62%, rgba(192,197,200,1) 90%, rgba(192,197,200,1) 96%, rgba(192,197,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d5', endColorstr='#c0c5c8', GradientType=0 );



-webkit-box-shadow: 0px 4px 16px 5px rgba(151,169,176,1);
-moz-box-shadow: 0px 4px 16px 5px rgba(151,169,176,1);
box-shadow: 0px 4px 16px 5px rgba(151,169,176,1);
}
}

.agens_inner {
	max-width: 867px;
	margin: auto;
	font-family: 'dinlight';
	font-size: 19px;
	box-sizing: border-box;
	padding: 12px 20px;
}

@media (min-width: 930px) {
	.agens_inner {
		padding: 25px 0px;
}
}

.agens_head {
	width: 100%;
	margin-bottom: 5px;
	margin-left: 7%;
}

.agens_left {
	float: left;
	margin-right: 30px;
	margin-left: 7%;
}

.agens_linktext {
	display: inline-block;
	vertical-align: text-top;
}

@media (max-width: 767px) {
	.agens_left {
		margin-left: 7%;
		margin-right: 0;
	}
	.agens_left p {
		margin-bottom: 3px;
	}
	.agens_linktext {
		font-size: 15px;
		vertical-align: middle;
	}
	.agens_head {
	width: calc(100% - 7%);
	margin-bottom: 5px;
	margin-left: 7%;
	font-size: 13px;
	}
	
}
/* ---- Startseite Vorspann --------------------------------------------------*/

.start_inner {
	max-width: 867px;
	margin: auto;
	box-sizing: border-box;
	padding: 30px 20px 40px 10%;
}

@media (min-width: 768px) {
	.start_inner {
		padding: 50px 20px 80px 10%;
	}
}

@media (min-width: 930px) {
	.start_inner {
	padding: 70px 60px 80px 0px;
}
}

.start_inner p {
	font-family: 'dinlight';
	font-size: 22px;
	line-height: 27px;
}

@media (max-width: 767px) {
	.start_inner p {
	font-size: 17px;
	line-height: 21px;
}
	.start_inner p strong {
	font-size: 16px;
	line-height: 21px;
}
	}

p.editsmall {
	font-family: 'dinlight';
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 14px;
}

p.versalien_small {
	font-family: 'dinbold';
	font-size: 18px;
	line-height: 22px;
	margin: 25px 0px 4px 0px;
	text-transform: uppercase;
}

p.abgesetzt_small {
	font-family: 'dinlight';
	font-size: 18px;
	line-height: 22px;
	margin: 14px 0px 6px 0px;
}

/*------------ Innenseiten Vorspann ------------------------------------------*/
.inner_small.vorspanntext .plusbutton_profil_klapper, .inner_small .vorspanntext .plusbutton_profil_klapper {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 66px;
	height: 29px;
	background-color: #c3c4c5;
	font-family: 'dinlight';
	color: rgba(255,255,255,0.7);
	font-size: 48px;
	cursor: pointer;
	margin-bottom: 0;
	line-height: 14px;
	text-align: center;
	font-size: 48px;
}

/* -------------------- Projekte - Ãœbersicht ---------------------------------*/
.overview_projects {
	width: 100%;
	box-sizing: border-box;
	padding: 0px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

@media (min-width: 1360px) {
.overview_projects {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding-right: 25px;
	max-width: 1050px;
	float: left;
}
}

.projects_filter {
	width: 100%;
	height: 25px;
	position: relative;
}

.projects_filter p {
	font-family: 'dinlight';
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 28px;
}

@media (min-width: 768px) {
.projects_filter {
	width: 100%;
	height: 110px;
	position: relative;
}
.projects_filter p {
	font-family: 'dinlight';
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 80px;
	line-height: 28px;
}
}



.icon_sorter {
	display: inline-block;
	font-size: 28px;
	vertical-align: bottom;
}

.project_pre {
	flex: 0 1 486px;
	background-color: #fff;
	height: 314px;
	margin: 25px 0px;
	position: relative;
	box-sizing: border-box;
	padding: 24px 20px 20px 0px;
	-webkit-box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
	-moz-box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
	box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
	transition: all 0.2s linear 0s;
}

@media (min-width: 390px) and (max-width: 500px) {
	.project_pre {
		height: 340px;
	}
}

@media (min-width: 530px) {
.project_pre {
	flex: 0 1 486px;
	background-color: #fff;
	height: 365px;
	margin: 25px 0px;
	position: relative;
	box-sizing: border-box;
	padding: 24px 20px 20px 0px;
	-webkit-box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
	-moz-box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
	box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
}
}

.project_pre img {
	max-width: 465px;
	max-height: 97px;
}

.project_pre_inner {
	box-sizing: border-box;
	padding: 25px 10px 20px 45px;
	
}

@media (max-width: 449px) {
	.project_pre_inner {
	box-sizing: border-box;
	padding: 25px 10px 20px 20px;
	
}
}

.overview_labels {
	max-width: calc(100% - 1050px);
	float: left;
	box-sizing: border-box;
	padding: 100px 0px 0px 60px;
	position: relative;
}

.overview_labels_container {
	position: absolute;
	width: 300px;
	left: 50px;
}

.overview_labels_container p {
	margin-bottom: 5px;
}
/* -------------------- Projekte - Details -----------------------------------*/
.details {
	max-width: 1050px; /*940*/
	float: left;
	background-color: #fff;
	box-sizing: border-box;
	padding: 80px 200px 40px 80px;
}

.details_filter {
	box-sizing: border-box;
	padding: 20px 20px 10px 20px;
}

@media (min-width: 768px) {
	.details_filter {
	box-sizing: border-box;
	padding: 20px 20px 10px 80px;
}
}

@media (max-width: 1359px) {
	.details {
		box-sizing: border-box;
		padding: 30px 100px 40px 80px;
	}
}

@media (max-width: 1023px) {
	.details {
		box-sizing: border-box;
		padding: 30px 100px 40px 80px;
	}
}

@media (max-width: 767px) {
	.details {
		box-sizing: border-box;
		padding: 10px 20px 40px 20px;
		max-width: 100%;
	}
}

.titel_nach {
	display: inline-block;
	font-family: 'dinlight';
	font-size: 24px;
	margin-left: 5px;
}


.detail_head {
	max-width: 600px;
}

.details_kopf {
	max-width: 462px;
	margin-bottom: 50px;
}

.label_container {
	margin-top: 15px;
}

.label_container p {
	margin-bottom: 0px;
}

.balken_klein {
	width: 83px;
	height: 10px;
	background-color: #5d7d93;
	margin: 40px 0px 0px;
}

.detail_kasten {
	max-width: 740px;
	background-color: #ecece9;
	box-sizing: border-box;
	padding: 6px 40px;
	margin-top: 20px;
}

@media (max-width: 499px) {
	.detail_kasten {
		max-width: none;
	width: 100%;
	padding: 6px 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
}

.linkmarker {
	display: inline-block;
	width: 38px;
	margin-right: 10px;
	vertical-align: sub;
}

@media (max-width: 767px) {
	.agens_left p a img.linkmarker {
		width: 28px;
		vertical-align: calc;
	}
}

.labels {
	max-width: calc(100% - 1050px); /*calc(100% - 940px)*/
	float: left;
	box-sizing: border-box;
	padding: 100px 0px 0px 60px;
	position: relative;
}
/*-------------- diverse Labeldarstellungen ----------------------------------*/

/*light*/

.label_light_red {
	height: 17px;
	font-family: 'dinlight';
	font-size: 10px;
	line-height: 16px;
	color: var(--label_red);
	border: 1px solid var(--label_red);
	border-radius: 6px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	position: relative;
	vertical-align: baseline;
}

.label_light_blue {
	height: 17px;
	font-family: 'dinlight';
	font-size: 10px;
	line-height: 16px;
	color: #3b7097;
	border: 1px solid var(--label_blue);
	border-radius: 6px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	position: relative;
	vertical-align: baseline;
}

.label_light_green {
	height: 17px;
	font-family: 'dinlight';
	font-size: 10px;
	line-height: 16px;
	color: var(--label_green);
	border: 1px solid var(--label_green);
	border-radius: 6px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	position: relative;
	vertical-align: baseline;
}

@media (min-width: 530px) {
	.label_light_red {
	height: 21px;
	font-size: 13px;
	line-height: 19px;
}

.label_light_blue {
	height: 21px;
	font-size: 13px;
	line-height: 19px;
}

.label_light_green {
	height: 21px;
	font-size: 13px;
	line-height: 19px;
}
}

div.startslider_labels span.label_light_blue, div.startslider_labels span.label_light_red, div.startslider_labels span.label_light_green {
	background: #fff;
}

/*bold*/
.label_bold_red {
	font-family: 'dinlight';
	font-size: 13px;
	height: 21px;
	line-height: 19px;
	color: #fff;
	background-color: var(--label_red);
	border: 1px solid var(--label_red);
	border-radius: 6px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 10px;
	letter-spacing: 1px;
	position: relative;
}

.label_bold_blue {
	font-family: 'dinlight';
	font-size: 13px;
	height: 21px;
	line-height: 19px;
	color: #fff;
	background-color: var(--label_blue);
	border: 1px solid var(--label_blue);
	border-radius: 6px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 10px;
	letter-spacing: 1px;
	position: relative;
	transition: all 0.5s linear 0s;
}

.label_bold_green {
	font-family: 'dinlight';
	font-size: 13px;
	height: 21px;
	line-height: 19px;
	color: #fff;
	background-color: var(--label_green);
	border: 1px solid var(--label_green);
	border-radius: 6px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 10px;
	letter-spacing: 1px;
	position: relative;
	transition: all 0.5s linear 0s;
}

.label_bold_active {
	/*font-family: 'dinlight';
	font-size: 13px;
	height: 21px;
	line-height: 19px;
	color: #fff;
	background-color: #002D46;
	border: 1px solid #002D46;
	border-radius: 6px;
	padding: 0px 10px;
	display: inline-block;
	margin-right: 10px;
	letter-spacing: 1px;
	position: relative;
	transition: all 0.5s linear 0s;*/
	filter: brightness(120%);
}


.choice {
	font-size: 15px;
	/*margin-left: 50px;*/
}

.revoke {
	font-size: 11px;
	font-family: 'dinmedium';
	text-transform: uppercase;
	display: inline-block;
	height: 19px;
	padding: 2px 10px;
	background-color: #fff;
	letter-spacing: 1.8px;
	line-height: 18px;
	border: 1px solid #a6a398;
	border-radius: 6px;
	transition: all 0.2s linear 0s;
	color: #327182;
}

.revoke:hover {
	background-color: #327182;
	border: 1px solid #327182;
	color: #fff;
}



.overview_labels p a:hover, .labels p a:hover {
	filter: brightness(120%);
}

.mark_active {
	position: absolute;
	left: -12px;
	top: 6px;
	width: 7px;
}

p.detail_subline span.mark_active,
.project_pre_inner p.detail_subline span.mark_active {
	left: -12px;
	top: -2px;
	font-size: 17px;
}
	

.labels p {
	margin-bottom: 5px;
}

.overview_projects a.project_pre {
	transition: all 0.5s linear 0s;
}

.overview_projects a.project_pre:hover {
	/*filter: brightness(85%);*/
	
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.92) 9%, rgba(255,255,255,0.83) 19%, rgba(255,255,255,0.49) 57%, rgba(0,0,0,0.1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(9%, rgba(255,255,255,0.92)), color-stop(19%, rgba(255,255,255,0.83)), color-stop(57%, rgba(255,255,255,0.49)), color-stop(100%, rgba(0,0,0,0.1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.92) 9%, rgba(255,255,255,0.83) 19%, rgba(255,255,255,0.49) 57%, rgba(0,0,0,0.1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.92) 9%, rgba(255,255,255,0.83) 19%, rgba(255,255,255,0.49) 57%, rgba(0,0,0,0.1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0.92) 9%, rgba(255,255,255,0.83) 19%, rgba(255,255,255,0.49) 57%, rgba(0,0,0,0.1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0.92) 9%, rgba(255,255,255,0.83) 19%, rgba(255,255,255,0.49) 57%, rgba(0,0,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );


}

/*------------- Profil -------------------------------------------------------*/
.inner_small {
	max-width: 727px;
	margin: auto;
	padding: 55px 0px;
}

@media (max-width: 767px) {
	.inner_small {
	max-width: 727px;
	margin: auto;
	padding: 25px 20px;
}
}

.inner_small h1 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'dinbold';
	text-align: center;
	font-weight: normal;
}

.inner_small p {
	font-size: 24px;
	line-height: 27px;
}

@media (max-width: 767px) {
	.inner_small p {
	font-size: 19px;
	line-height: 23px;
}
}

.pads {
	box-sizing: border-box;
	padding: 10px 0px;
}

.profil_kasten_top, .profil_kasten_top_kompetenz {
	max-width: 867px;
	height: 87px;
	margin: auto;
	text-align: center;
	color: #fff;
	background-color: #a02136;
	position: relative;
	-webkit-box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	-moz-box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	transition: all 0.7s linear 0s;
}

.inset {
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 0;
}

.profil_kasten_body, .profil_kasten_body_kompetenz {
	max-width: 867px;
	min-height: 128px;
	margin: auto;
	text-align: center;
	color: #fff;
	background-color: var(--label_red);
	position: relative;
	transition: all 0.7s linear 0s;
}

@media (max-width: 904px) {
	.profil_kasten_top_kompetenz {
	max-width: calc(100% - 40px);
	height: 87px;
	margin: auto;
	text-align: center;
	color: #fff;
	background-color: #a02136;
	position: relative;
	-webkit-box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	-moz-box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	transition: all 0.7s linear 0s;
}
	.profil_kasten_body_kompetenz {
	max-width: calc(100% - 40px);
	min-height: 128px;
	margin: auto;
	text-align: center;
	color: #fff;
	background-color: var(--label_red);
	position: relative;
	transition: all 0.7s linear 0s;
	
}
	
}

.profil_kasten_body h2 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'dinbold';
	font-size: 36px;
	font-weight: normal;
	text-transform: none;
}

.plusbutton_profil {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 29px;
	background-color: rgba(89,16,25,0.7);
	font-family: 'dinlight';
	color: rgba(255,255,255,0.7);
	font-size: 48px;
	cursor: pointer;
	margin-bottom: 0;
	line-height: 14px;
	text-align: center;
	transition: all 0.7s linear 0s;
}

.profil_text {
	max-width: 750px;
	margin: auto;
	padding: 20px 0px 70px 0px;
	position: relative;
}

@media (max-width: 767px) {
.targetDiv.profil_text {
	max-width: 750px;
	margin: auto;
	padding: 20px 40px 70px 40px;
	position: relative;
}
}

@media (min-width: 768px) {
.profil_text {
	max-width: 750px;
	margin: auto;
	padding: 40px 0px 90px 0px;
	position: relative;
}
}

@media (min-width: 1000px) {
.profil_text {
	max-width: 750px;
	margin: auto;
	padding: 40px 0px 90px 0px;
	position: relative;
}

}

div.overview_persons div.movedest div p.plusbutton_profil.unique {
	background-color: #afc7d0;
	bottom: 45px;
}

/* ------------- Personen Details --------------------------------------------*/
.extra_pad_left {
	box-sizing: border-box;
	padding-left: 40px;
}

@media (max-width: 767px) {
	.extra_pad_left {
	box-sizing: border-box;
	padding-left: 17px;
}
}

.extra_pad_left img {
	max-width: 279px;
}

.kurzbio {
	max-width: 836px;
	width: 100%;
	background: #f0f0ea;
	box-sizing: border-box;
	padding: 20px 40px;
}

.aufzaehlung_linie {
	margin: 45px 40px 0px 40px;
	border-bottom: 1px solid #d6dee4;
	box-sizing: border-box;
	padding-bottom: 20px;
}

.details_pub_kasten {
	margin: 40px;
}

@media (max-width: 767px) {
	.kurzbio {
	max-width: 836px;
	width: 100%;
	background: #f0f0ea;
	box-sizing: border-box;
	padding: 20px 15px;
}
.aufzaehlung_linie {
	margin: 35px 0px 0px 0px;
	border-bottom: 1px solid #d6dee4;
	box-sizing: border-box;
	padding-bottom: 20px;
}
.details_pub_kasten {
	margin: 35px 0px 0px 0px;
}
}



.kurzbio h2, .aufzaehlung_linie h2, .details_pub_kasten h2 {
	text-align: left;
	padding: 0;
	font-size: 17px;
	letter-spacing: 1.5px;
	margin-bottom: 8px;
}

.aufzaehlung_linie ul, .fliesstext ul, .details ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.aufzaehlung_linie ul li, .fliesstext ul li, .details ul li {
	line-height: 22px;
	font-family: 'dinlight';
	font-size: 18px;
	padding-left: 12px;
	margin: 0px 0px 3px 9px;
}

.aufzaehlung_linie ul li:before, .fliesstext ul li:before, .details ul li:before {
	content: 'â– ';
	color: #5d7d93;
	margin-left: -20px;
	display: inline-block;
	padding-right: 9px;
}




.overview_persons {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: start;
	align-items: auto;
}

@media (min-width: 915px) {
.overview_persons:after {
	display: block;
	content: '   ';
	margin: 10px;
	flex: 999 999 auto;
}
}

@media (min-width: 1200px) {
.overview_persons {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
}

.flex_person {
	flex: 0 1 279px;
	background-color: #fff;
	height: 215px;
	margin: 25px 13px;
	position: relative;
	box-sizing: border-box;
}

.flex_person_kontakt {
	flex: 0 1 279px;
	background-color: #fff;
	/*height: 215px;*/
	margin: 25px 13px;
	position: relative;
	box-sizing: border-box;
}

.overview_persons .profil_kasten_body h2 {
	text-transform: none;
	font-size: 26px;
	width: 260px;
	padding: 6px;
}

.front {
	position: absolute;
	top: 0;
	left: 0;
	width: 279px;
	height: 215px;
}

.back {
	height: 215px;
	overflow: hidden;
}

.verysmallbottom {
	padding-bottom: 45px;
}

.onlytop {
	padding-top: 35px;
	padding-bottom: 10px;
}

h1.headline_persons {
	margin-bottom: 0;
}

.subline_persons {
	font-family: 'dinlight';
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 17px;
	letter-spacing: 1.5px;
}

/*----------- Cases ----------------------------------------------------------*/
.flex_cases {
	flex: 0 1 279px;
	background-color: #fff;
	height: 275px;
	margin: 25px 13px;
	position: relative;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.3s linear 0s;
}

.flex_cases:hover > :not(h2){
	filter: brightness(85%);
	
}


.flex_cases div.profil_kasten_top p.inset {
	font-family: 'dinlight';
	font-size: 11px;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	line-height: 15px;
	bottom: 12px;
	color: #d3b5c1;
}

.profil_kasten_body_cases {
	max-width: 867px;
	height: 187px;
	margin: auto;
	text-align: center;
	color: #fff;
	background-color: var(--label_red);
	position: relative;
	transition: all 0.3s linear 0s;
}

.profil_kasten_body_cases h2, h2.case_head {
	position: absolute;
	/*top: 0;*/
	top: 87px;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'dinlight';
	font-size: 19px;
	line-height: 23px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0.5px;
	width: 220px;
	color: #fff;
}



.profil_kasten_body_cases h2 strong, h2.case_head strong {
	font-family: 'dinbold';
	font-size: 18px;
}

.movedest {
	flex: 0 1 100%;
	box-sizing: border-box;
}

.profil_kasten_top.mark {
	box-shadow: none;
	background-color: #5891a5;
	
background: rgba(47,92,127,1);
background: -moz-linear-gradient(left, rgba(47,92,127,1) 0%, rgba(47,92,127,1) 8%, rgba(47,92,127,1) 30%, rgba(77,131,153,1) 73%, rgba(77,131,153,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(47,92,127,1)), color-stop(8%, rgba(47,92,127,1)), color-stop(30%, rgba(47,92,127,1)), color-stop(73%, rgba(77,131,153,1)), color-stop(100%, rgba(77,131,153,1)));
background: -webkit-linear-gradient(left, rgba(47,92,127,1) 0%, rgba(47,92,127,1) 8%, rgba(47,92,127,1) 30%, rgba(77,131,153,1) 73%, rgba(77,131,153,1) 100%);
background: -o-linear-gradient(left, rgba(47,92,127,1) 0%, rgba(47,92,127,1) 8%, rgba(47,92,127,1) 30%, rgba(77,131,153,1) 73%, rgba(77,131,153,1) 100%);
background: -ms-linear-gradient(left, rgba(47,92,127,1) 0%, rgba(47,92,127,1) 8%, rgba(47,92,127,1) 30%, rgba(77,131,153,1) 73%, rgba(77,131,153,1) 100%);
background: linear-gradient(to right, rgba(47,92,127,1) 0%, rgba(47,92,127,1) 8%, rgba(47,92,127,1) 30%, rgba(77,131,153,1) 73%, rgba(77,131,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5c7f', endColorstr='#4d8399', GradientType=1 );

	transition: all 0.7s linear 0s;
}

.profil_kasten_body_cases.mark {
	background-color: #5891a5;
	transition: all 0.7s linear 0s;
}

div.overview_persons div.flex_cases div.profil_kasten_body_cases.mark p.plusbutton_profil.showDouble.open {
	background: #406b7c;
}

.case_button {
	width: 204px;
	height: 38px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	font-family: 'dinbold';
	font-size: 18px;
	letter-spacing: 1.5px;
	line-height: 34px;
	color: #fff;
	background-color: #a02136;
	position: relative;
	-webkit-box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	-moz-box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	box-shadow: inset 152px 0px 165px -9px rgba(106,26,63,0.8);
	transition: all 0.7s linear 0s;
	
}

.toppadding {
	padding-top: 40px;
}

.toppadding_small {
	padding-top: 20px;
}

.bottompadding {
	padding-bottom: 70px;
}

#main.bottompadding_small, .bottompadding_small {
	padding-bottom: 20px;
}

.bottompadding_medium {
	padding-bottom: 35px;
}

.unisiegel {
	float: right;
	width: 300px;
}

@media (max-width: 1220px) {
	.unisiegel {
	float: right;
	width: 200px;
	margin-right: 15px;
}
}
/* ---------------------- diverse Farbspielereien ----------------------------*/
.beige {
	background-color: #f6f6f3;
}

.white {
	background-color: #fff;
}

/* ---- diverser Kram Responsive ---------------------------------------------*/

.labels_mob {
	display: none;
}

.moblabels_trigger {
	/*position: sticky;
	position: -webkit-sticky;
	top: 20px;
	z-index: 500;
	*/
}

.moblabels_cont {
	float: left;
	width: 240px;
	box-sizing: border-box;
	padding-right: 60px;
	text-align: left;

}

.moblabels_cont h2 {
	text-align: left;
	padding: 15px 0px 0px 0px;
	margin-bottom: 8px;
}

.moblabels_cont p {
    margin-bottom: 5px;
}

#aufklappermobfilter {
	box-sizing: border-box;
	padding: 8px 35px 30px 35px;
	margin-bottom: 20px;
	/*border: 1px solid #A6A398;*/
	/*border-radius: 8px;*/
	-webkit-box-shadow: 3px 9px 28px 5px rgba(23,55,64,0.7);
-moz-box-shadow: 3px 9px 28px 5px rgba(23,55,64,0.7);
box-shadow: 3px 9px 28px 5px rgba(23,55,64,0.7);
	/*
	-webkit-box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
-moz-box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
box-shadow: 3px 9px 28px 5px rgba(0,0,0,0.22);
*/
}

@media (max-width:1359px) {
.labels_mob {	
	display: block;
		
}
.overview_labels, .labels {
	display: none;
}
}

@media (max-width: 768px) {
	.footer_a {
		min-width: 1px;
		width: 250px;
		margin-right: 30px;
	}
	.footer_a a img {
		width: 250px;
	}
	.footer_c {
		margin-top: 35px;
	}
}

.sliderimg_big {
		display: block;
	}
.sliderimg_mob {
		display: none;
	}

@media (max-width: 469px) {
	.footer_b {
		width: 160px;
		min-width: 1px;
	}
	.footer_c {
		width: 160px;
		min-width: 1px;
	}
	.sliderimg_big {
		display: none;
	}
	.sliderimg_mob {
		display: block;
	}
}

.showDouble {
	cursor: pointer;
}

ol {
	margin: 0;
	padding-left: 16px;
	font-family: 'dinlight';
}
ol li {
	font-family: 'dinlight';
	font-size: 18px;
}

.version {
	font-family: 'dinmedium';
	text-transform: uppercase;
	letter-spacing: 2px;
	color: grey;
	font-size: 13px;
}
	

.version a {
	margin-top: 20px;
	background: transparent;
	color: #000;
	width: auto;
	padding: 0;
	font-size: 13px;
}

.version a:hover {
	margin-top: 20px;
	background: transparent;
	color: #000;
	width: auto;
	padding: 0;
	font-size: 13px;
	color: #000;
}