body {
	overflow-x: hidden;
	overflow-y:auto;
}

#navi_opener {
	width:30px;
	position:absolute;
	top:40px;
	right:20px;
	cursor:pointer;
}
#head-slogan {
	font-family: "NeueHaasUnicaPro-Bold";
	color:#6f6f6f;
	font-size:15px;
	position:absolute;
	top:40px;
	right:80px;
}
#logo-top {
	height:70px;
	position:absolute;
	left:20px;
	top:25px;
}


.container-fluid {
	padding:0px !important;
}

#content-100 {
	/*height:900px;*/
	background-color:none;
	width:100%;
	/*height:500px;*/
	margin-top:200px;
	margin-bottom:200px;
	/*background-image:url("../images/bild-hell.jpg");
	background-size:cover;
	background-repeat:no-repeat;*/

}

#content-100 p {
	color:#6f6f6f;
	text-align:center;
	font-family: "NeueHaasUnicaPro-Regular";
}



#matrix > div:hover {
	transition:0.5s;
	background-color:#F0F0F0;
}



#matrix > div:nth-child(1) {
	border-right: 1px dotted #979797;
	border-bottom: 1px dotted #979797;
}
#matrix > div:nth-child(2) {
	border-bottom: 1px dotted #979797;
}
#matrix > div:nth-child(3) {
	border-right: 1px dotted #979797;
	border-bottom: 1px dotted #979797;
}
#matrix > div:nth-child(4) {
	border-bottom: 1px dotted #979797;
}
#matrix > div:nth-child(5) {
	border-right: 1px dotted #979797;
	border-bottom: 1px dotted #979797;
}
#matrix > div:nth-child(6) {
	border-bottom: 1px dotted #979797;
}
#matrix > div:nth-child(7) {
	border-right: 1px dotted #979797;
}
#matrix > div:nth-child(8) {

}
.job_button_rot {
	font-family: "NeueHaasUnicaPro-Regular";
	background-color:#E21B28;
	color:#FFFFFF;
	width: 220px;
	height: 45px;
	border-radius: 3px;
	border:none;
	font-size: 18px;
}
.job_button_rot:hover {
	background-color: #BD141F;
}
.content-container {
	max-width:100%;
	/*background-color:none;*/
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}


h1 {
	font-size:51px !important;
	color:#4a4a4a;
	line-height:35px !important;
	font-family: "NeueHaasUnicaPro-Light";
	margin-top:0px;
	font-weight:normal;
	text-align:center;
}

h2 {
	font-family: "NeueHaasUnicaPro-Bold";
	text-align:center;
}


#content-101 p {
	margin-top:30px;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:19px;
	line-height:30px;
}
#content-101 p strong {
	font-family: "IBMPlexSans-Bold";
}

footer {
	height:475px;
	background-color: #393c3e;
}
#absatz2 {
	padding-bottom:100px;
}

body {
	margin:0px;
}

p {
	margin-bottom:0px !important;
}

p.erlaeuterung {
	font-size:17px !important;
	line-height:27px !important;
	font-family: "NeueHaasUnicaPro-Regular" !important;
}

p.erlaeuterung strong {
	font-family: "NeueHaasUnicaPro-Italic" !important;
}
#matrix_logo:hover {
	cursor:pointer;
}


/* MOLEKÜL1 */
#content-100 h1 {
		margin-top:23px;
		font-size:51px !important;
		line-height:59px !important;
	}
	#matrix_logo {
		height:105px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 100%;
	}
	#matrix {
		margin-top:50px;
	}
	#matrix > div > img {
		height:72px;
	}
	#content-100 h2 {
		font-size:15px;
		line-height:16px;
		margin-bottom:0px;
	}

#kleine_geschichte {
	height:290px;
	background: radial-gradient(ellipse, #fefdfb, #a5a49d);
	padding-left: 20px !important;
	padding-right: 20px !important;
}
#kleine_geschichte img {
	width:74px;
	height:auto;
}
#kleine_geschichte h3 {
	font-family: "NeueHaasUnicaPro-Light";
	font-size: 26px;
	font-weight: 400;
	line-height: 35px;
	text-align: center;
	color: #4a4a4a;
	padding-bottom:20px;
	padding-top:20px;
}
#kleine_geschichte button {
	font-family: "NeueHaasUnicaPro-Bold";
	color: #ffffff;
	background-color: #e21b28;
	border-radius: 3px;
	width: 220px;
	height: 45px;
	font-size: 18px;
	text-align: center;
	line-height: 28px;
	border:none;
}
#startslider {
	height:auto;
	/*min-height:650px;*/
	background-image: url('../images/slider0.jpg');
	background-size:cover;
	background-position:center;
}
#footer-logo {
	width:250px;
	height:auto;
}
#footer-anrufen {
	width:220px;
	height:45px;
	background:rgba(255,255,255,0.55);
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:18px;
	line-height:28px;
	text-align:center;
	color:#4a4a4a;
	border:none;
	border-radius:3px;
	margin-top:50px;
	margin-bottom:25px;
}
#footer-mail {
	width:220px;
	height:45px;
	background-color:rgba(255,255,255,0.55);
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:18px;
	line-height:28px;
	text-align:center;
	color:#4a4a4a;
	border:none;
	border-radius:3px;
	margin-bottom:75px;
}
#footer-links {
	color:#FFFFFF;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:17px;
	line-height:26px;
	text-align:center;
	margin-bottom:50px;
}

#startslider h3 {
	font-family: "NeueHaasUnicaPro-Bold";
	color:#FFFFFF;
}
#startslider p {
	font-family: "NeueHaasUnicaPro-Regular";
	color:#FFFFFF;
	line-height:30px;
}
.hand-slider {
	width: 37px;
	height:auto;
	opacity:0;
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:10000;
}
.s1 {
	background-color:rgba(0,0,0,0.25);
	padding:20px !important;
	width:auto !important;
	height:auto !important;
}
#startslider h3 {
	font-size:21px;
	line-height:30px;
}
#startslider p {
	line-height:30px;
	margin-top:20px;
	font-size:19px;
}
#startslider button {
	width:220px;
	height:45px;
	border:none;
	border-radius:3px;
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:18px;
	line-height:28px;
	color:#4a4a4a;
	margin-top:25px;
	margin-bottom:50px;
}
.slider-content button {
	background:rgba(255,255,255,0.85);
}
.s1 .slick-dots {
	bottom:0px;
	text-align:left;
	position:relative;
	max-height:20px;
}

.slick-dots li {
	margin-right:10px !important;
}

.slick-dotted.slick-slider {
	margin-bottom:0px !important;
}
#startslider .content-container {
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	padding-bottom:50px;
	width:100% !important;
}
#ap04 {
	background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%), url('../images/hg_dummy.jpg');
	background-size:350% auto;
	/*background-size:cover;*/
	background-repeat:no-repeat;
	background-position:center top;
	transition:0.9s;
	transition-timing-function: ease-in-out;
	background-color:#120200;
}
/*#ap04 .content-container:before {
    content: " ";
    width: 100%;
    height: 200%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background: linear-gradient(34deg, rgba(18,2,0,0.0) 0%, rgba(18,2,0,0.0) 100%);
}*/

#ap04 .content-container {
	padding-top:240px;
	transition:0.9s;
	transition-timing-function: ease-in-out;
}
#ap04 h1 {
	color: #ffffff;
	font-family: "NeueHaasUnicaPro-Light";
	font-size:40px !important;
	line-height:55px !important;
	opacity:0.87;
	text-align:left;
	margin-bottom:25px;
	transition:0.9s;
	transition-timing-function: ease-in-out;
}
#ap04 p {
	color: #ffffff;
    font-family: "NeueHaasUnicaPro-Regular";
    font-size: 19px;
    line-height: 30px;
	padding-bottom:50px;
}
#ap04 #accordion {
	padding-bottom:55px;
}
#ap04 #accordion ul {
	margin:30px 0px 0px 0px;
	font-family: "NeueHaasUnicaPro-Italic";
	color:#FFFFFF;
	font-size: 18px;
    line-height: 30px;
	list-style-position: outside;
	padding-left: 20px;
}
.card {
	background-color: rgba(0,0,0,0) !important;
	border:none !important;
	border-radius:0px !important;
	border-bottom:1px dotted #ffffff !important;
}
.card-offen {
	border-bottom:none !important;
	margin-bottom:25px !important;
}
.card-header a {
	color: #ffffff !important;
	font-family: "NeueHaasUnicaPro-Bold" !important;
    font-size: 20px !important;
    line-height: 27px !important;
	/*padding-bottom:40px !important;*/
	display:flex;
}

.card-header a::before {
	content:url('../images/accordion_button.svg');
	width:25px;
	height:25px;
	position:relative;
	top:3px;
	margin-right:15px;
	/*padding-bottom:30px;
	float:left;*/
	transform: rotate(90deg);
	transition:0.5s;
}
.card-header a.collapsed {
	font-family: "NeueHaasUnicaPro-Regular" !important;
}
.card-header a:hover {
	font-family: "NeueHaasUnicaPro-Bold" !important;
}
.card-header a.collapsed::before {
	content:url('../images/accordion_button.svg');
	width:25px;
	height:25px;
	position:relative;
	top:3px;
	margin-right:15px;
	/*padding-bottom:30px;
	float:left;*/
	transform: rotate(0deg);
}
.card-header {
	background-color: rgba(0,0,0,0) !important;
	padding-top:25px !important;
	padding-bottom:25px !important;
	padding-left:0px !important;
	display:flex;
	flex-direction:column;
}
.card-header:hover {
	background: linear-gradient(90deg, rgba(0,0,0,0.1), rgba(0,0,0,0));
}
.card-body {
	background: rgba(74,74,74,0.7);
	padding:15px !important;
	padding-top:0px !important;
}
.card-body p {
	color: #ffffff;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size: 19px;
	line-height: 30px;
	padding-bottom:0px !important;
}
.card-body img.accordion-image {
	width:150px;
	height:auto;
	margin-bottom:30px;
}
.card-body img.close-accordion {
	width:20px;
	display:block;
	margin-top:30px;
}
.card-body img.close-accordion:hover {
	cursor:pointer;
}
.card-body button {
	width:220px;
	height:45px;
	border:none;
	border-radius:3px;
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:18px;
	line-height:28px;
	color:#4a4a4a;
	margin-top:30px;
	margin-bottom:0px;
	background-color: #FFF;
}

#ap05 {
	padding-top:50px !important;
	background-color:#FFFFFF;
	background-image: url('../images/back_ap05a.jpg');
	/*background-size:100% auto;*/
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}

#ap05 h3, #ap06 h3 {
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:24px;
	line-height:35px;
	color:#3b3b3b;
	transition:0.9s;
	margin-bottom:20px;
}
#ap05 p, #ap06 p {
	font-family: "NeueHaasUnicaPro-Regular";
	font-size: 19px;
	line-height: 31px;
	color: #4a4a4a;
}
#ap06 p, #ap06 h3 {
	color:#FFFFFF;
}
#ap06 {
	padding-top:50px !important;
	padding-bottom:50px !important;
	background: radial-gradient(circle, #AB9D61, #3A3636);
}
.aufzaehlungsbox {
	background-color: #303030;
	border-radius:5px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	padding:25px;
	padding-bottom: 10px;
	padding-left:5px;
}
.aufzaehlungsbox ul li {
	font-family: "NeueHaasUnicaPro-Bold";
	color:#FFFFFF;
	font-size:19px;
	line-height:30px;
	margin-top:10px;
}
.aufzaehlungsbox ul li:first-child {
	margin-top:0px;
}

.aufzaehlungsfooter {
	position:absolut;
	bottom:0;
	height:50px;
	background-color:#e21b28;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.aufzaehlungsfooter img {
	width: 21px;
	height:auto;
	margin-right:20px;
}
#ap05 .headline {
	width:100%;
}
#ap05 .erklaerung {
	width:100%;
	margin-bottom:25px;
}
#ap05 .aufzaehlungscontainer {
	width:100%;
}
#ap05 .content-container, #ap06 .content-container {
	transition:0.9s;
	flex-direction:column;
	flex-wrap:wrap;
}
#ap05 #erklaerbild {
	width:100%;
	max-width:400px;
	height:auto;
	margin-top:25px;
	transition:0.8s;
}
#ap06 .content-container div {
	display:flex;
}
.kontaktdaten {
	display:block !important;
}
#ap06 a:hover {
	color:#FFFFFF;
}
.ingo {
	height:auto;
}
#ingobild {
	width:100%;
	height:140px;
	object-fit:cover;
}
.kontaktdaten {
	flex-direction:column;
	background: rgba(48,48,48,0.5);
	padding-top:25px;
	padding-bottom:25px;
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size: 19px;
	line-height: 31px;
}
.kontaktdaten a {
	color:#FFFFFF;
	margin-bottom:10px;
	display: inline-block;
    padding-bottom:5px;
}
#ap06 .erklaerung {
	margin-bottom:25px;
}
#ap06 .kontaktbox {
	max-width:330px;
}
.telefon::before {
	content:url('../images/telefonhoerer.svg');
	width:25px;
	height:25px;
	position:relative;
	top:7px;
	margin-right:15px;
	transition:0.5s;
	display: inline-block;
}
.emailadresse::before {
	content:url('../images/briefumschlag.svg');
	width:30px;
	height:30px;
	position:relative;
	top:7px;
	margin-right:15px;
	transition:0.5s;
}
.vcf::before {
	content:url('../images/vcf.svg');
	width:30px;
	height:30px;
	position:relative;
	top:7px;
	margin-right:15px;
	transition:0.5s;
}
#ap06 {
	display:none;
}

.kontakt-container {
	flex-wrap:wrap;
	padding-bottom:75px;
}
#kontaktleiste {
	width:100%;
	flex-wrap:wrap;
}
#kontaktleiste div {
	margin-bottom:30px;
	max-width:100%;
}
#kontaktleiste div a, #kontaktleiste div span {
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:19px;
	line-height:31px;
	color:#5c5757;
	max-width:200px;
	overflow-wrap: break-word;
}
#kontaktleiste div a:hover {
	color:#5c5757;
	text-decoration:underline;
	cursor:pointer;
}

#kontaktleiste div img {
	margin-right:20px;
}
#kontaktformular {
	width:100%;
	flex-wrap:wrap;
	margin-top:0px;
}
#kontaktformular h2 {
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:26px;
	line-height:35px;
	color:#4a4a4a;
	margin-bottom:20px;
}
#kontaktformular div {
	position:relative;
}
#formular {
	width:100%;
	flex-wrap:wrap;
}
#formular div {
	width:100%;
	max-width: 651px;
}
input, textarea {
	background-color:#707980b3;
	border:none;
	margin-bottom:20px !important;
	min-height:65px;
	padding-left:15px;
	color:#ffffff;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:19px !important;
	line-height:28px !important;
	width:100%;
	border-radius:0px !important;
}
textarea {
	height:300px;
	padding-top:15px;
}
::placeholder {
	color:#ffffff;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:19px;
	line-height:28px;
}
input:focus ~ .floating-label,
input:not([value='']) ~ .floating-label {
  top: 0px;
  bottom: 10px;
  left: 15px;
  font-size: 14px;
  opacity: 0.5;
}
.floating-label {
	color:#ffffff;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:19px;
	line-height:28px;
	position: absolute;
    pointer-events: none;
    left: 20px;
    top: 18px;
    transition: 0.2s ease all;
}
#datenschutz-hinweis-bestaetigung, #datenschutz-hinweis {
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:19px;
	line-height:28px;
	color:#5c5757;
}

#datenschutz-hinweis-bestaetigung {
	width:80%;
	margin-left:15px;
	padding-bottom:20px !important;
}

#datenschutz-checkbox {
	width:20px;
	height:20px;
	margin-top:5px;
	min-height:0px;
}

 #datenschutz-hinweis {
	font-style:italic;
	padding-bottom:50px !important;
	max-width:651px;
 }
 #kontaktformular-button {
	width:220px;
	background-color:#d0021b;
	border-radius:3px;
	color:#ffffff;
	height:45px;
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:19px;
	line-height:28px;
	min-height:inherit;
 }
  #kontaktformular-button:hover {
	  background-color:#CECECE;
	  cursor:pointer;
  }

.form-submit-overlay {
	position:fixed;
	width:100%;
	height:100%;
	background-color: rgba(105, 112, 115, 0.92);
	z-index:-1;
	padding-top:0px;
	transition:0.8s;
	opacity:0;
	visibility:hidden;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.form-submit-overlay h1 {
	font-family: "NeueHaasUnicaPro-Light";
	font-size:40px !important;
	line-height:48px !important;
	opacity:1;
	text-align:left;
	margin:0px 0px 25px 0px;
	transition:0.9s;
	transition-timing-function: ease-in-out;
	color:#FFFFFF;
}
.form-submit-overlay p {
    font-family: "NeueHaasUnicaPro-Regular";
    font-size: 19px;
    line-height: 28px;
	padding-bottom:25px;
	color:#FFFFFF;
}

/* ----------------------------------- MIN 320 ----------------------------------------- */
@media (min-width: 320px) {
	.content-container {
		padding-left:20px;
		padding-right:20px;
	}
	#content-100 h1 {
		margin-top:23px;
		font-size:51px !important;
		line-height:59px !important;
	}
	#matrix_logo {
		height:105px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 100%;
	}
	#matrix {
		margin-top:50px;
	}
	#matrix > div > img {
		height:72px;
	}
	#content-100 h2 {
		font-size:15px;
		line-height:16px;
		margin-bottom:0px;
	}

}

/* ----------------------------------- MIN 360 ----------------------------------------- */
@media (min-width: 360px) {
	.content-container {
		padding-left:20px;
		padding-right:20px;
	}
	#content-100 h1 {
		margin-top:23px;
		font-size:55px !important;
		line-height:67px !important;
	}
	#matrix_logo {
		height:120px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:34px;
		width: 100%;
	}
	#matrix {
		margin-top:50px;
	}
	#matrix > div > img {
		height:81px;
	}
	#content-100 h2 {
		font-size:17px;
		line-height:18px;
		margin-bottom:0px;
	}
	#startslider .content-container {
		padding-left:20px;
		padding-right:20px;
		width:100% !important;
	}
	#ap04 h1 {
		font-size:45px !important;
		line-height:60px !important;
	}
	.card-header a {
		font-size: 18px !important;
		line-height: 27px !important;
	}
	#ap04 #accordion {
		padding-bottom:75px;
	}
	#logo-top {
		left:25px;
	}
	.card-body {
		padding:20px !important;
		padding-top:0px !important;
	}
	.form-submit-overlay h1 {
		font-size:45px !important;
		line-height:55px !important;
	}
}

/* ----------------------------------- MIN 375 ----------------------------------------- */
@media (min-width: 375px) {
	.content-container {
		padding-left:25px;
		padding-right:25px;
	}
	#content-100 h1 {
		margin-top:23px;
		font-size:55px !important;
		line-height:70px !important;
	}
	#matrix_logo {
		height:125px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:34px;
		width: 100%;
	}
	#matrix {
		margin-top:50px;
	}
	#matrix > div > img {
		height:85px;
	}
	#content-100 h2 {
		font-size:18px;
		line-height:19px;
		margin-bottom:0px;
	}
	#startslider .content-container {
		padding-left:25px;
		padding-right:25px;
		width:100% !important;
	}
	.card-header a {
		font-size: 20px !important;
		line-height: 27px !important;
	}
	.kontaktdaten {
		padding-left:25px;
		padding-right:25px;
	}
	#ap04 h1 {
    font-size: 45px !important;
    line-height: 60px !important;
}
	#kontaktleiste div a, #kontaktleiste div span {
		max-width:100%;
	}

}

/* ----------------------------------- MIN 480 ----------------------------------------- */
@media (min-width: 480px) {
	.aufzaehlungsbox {
		padding-left:15px;
	}
}

/* ----------------------------------- MIN 568 ----------------------------------------- */
@media (min-width: 568px) {

	.content-container {
		padding-left:35px;
		padding-right:35px;
	}
	#startslider .content-container {
		padding-left:35px;
		padding-right:35px;
		width:100% !important;
	}
	h1 {
		font-size:30px !important;
		line-height:40px !important;
	}
	#startslider p {
		margin-top:20px;
	}
	#navi_opener {
		right:40px;
	}
	#head-slogan {
		right:100px;
	}

}

/* ----------------------------------- MIN 667 ----------------------------------------- */
@media (min-width: 667px) {
	.content-container {
		padding-left:40px;
		padding-right:40px;
	}
	#startslider .content-container {
		padding-left:40px;
		padding-right:40px;
		width:100% !important;
	}
	#ap05 h3 {
		font-size:28px;
		line-height:40px;
		margin-bottom:25px;
	}
	#ap06 h3 {
		margin-bottom:25px;
	}

}

/* ----------------------------------- MIN 768 ----------------------------------------- */
@media (min-width: 768px) {

	.content-container {
		padding-left:50px;
		padding-right:50px;
	}
	#content-100 h1 {
		font-size:55px !important;
		line-height:70px !important;
		max-width:100%;
	}
	#content-100 h2 {
		font-size:20px;
		line-height:22px;
		margin-bottom:0px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 100%;
	}
	#matrix > div > div {
		height:80px;
		margin-top:25px;
		margin-bottom:15px;
	}
	#matrix {
		margin-top:95px;
	}

	#matrix > div {
		height:435px;
		cursor:pointer;
	}
	#matrix > div p {
		font-size:17px;
		line-height:24px;
		padding-left:15px;
		padding-right:15px;
		height:106px;
	}
	#matrix > div > img {
		height:100px;
	}
	#matrix > div:nth-child(1) {
		border-right: 1px dotted #979797;
		border-bottom: 1px dotted #979797;
	}
	#matrix > div:nth-child(2) {
		border-right: 1px dotted #979797;
		border-bottom: 1px dotted #979797;
	}
	#matrix > div:nth-child(3) {
		border-bottom: 1px dotted #979797;
		border-right:none;
	}
	#matrix > div:nth-child(4) {
		border-right: 1px dotted #979797;
		border-bottom: 1px dotted #979797;
	}
	#matrix > div:nth-child(5) {
		border-right: 1px dotted #979797;
		border-bottom: 1px dotted #979797;
	}
	#matrix > div:nth-child(6) {
		border-bottom: 1px dotted #979797;
	}
	#matrix > div:nth-child(7) {
		border-right: 1px dotted #979797;
	}
	#matrix > div:nth-child(8) {
		border-right: 1px dotted #979797;
	}
	#kleine_geschichte {
		height:320px;
	}
	#kleine_geschichte img {
		width:80px;
		height:auto;
	}
	#kleine_geschichte h3 {
		font-family: "NeueHaasUnicaPro-Light";
		font-size: 28px;
		font-weight: 400;
		line-height: 35px;
		text-align: center;
		color: #4a4a4a;
		padding-bottom:25px;
		padding-top:25px;
	}
	#startslider {
		height:auto;
	}
	footer {
		height:300px;
	}
	#footer-anrufen, #footer-mail {
		display:none;
	}
	#footer-logo {
		margin-bottom:65px;
		width:250px;
		margin-top:25px;
	}
	.s1 {
		padding:30px !important;
		width:auto !important;
		height:auto !important;
		margin-top:0px;
		margin-bottom:0px;
		padding-bottom:60px;
		max-width:760px;
	}
	#startslider h3 {
		font-size:22px;
		line-height:30px;
	}
	#startslider p {
		line-height:30px;
		margin-top:20px;
		font-size:19px;
	}
	#startslider button {
		width:220px;
		height:45px;
		border:none;
		border-radius:3px;
		font-family: "NeueHaasUnicaPro-Bold";
		font-size:18px;
		line-height:28px;
		color:#4a4a4a;
		margin-top:25px;
	}
	.s1 .slick-dots {
		bottom:0px;
		text-align:left;
	}
	#startslider .content-container {
		padding-left:50px;
		padding-right:50px;
		margin-top:75px;
		margin-bottom:75px;
		width:100% !important;
	}
	#ap04 .content-container {
		padding-left:0px;
		padding-right:0px;
		max-width:720px;
		margin-left:50px;
		margin-right:50px;
		padding-top:350px;
	}
	#ap05 .content-container, #ap06 .content-container {
		padding-left:0px;
		padding-right:0px;
		margin-left:50px;
		margin-right:50px;
	}
	#ap04 h1 {
		font-size:50px !important;
		line-height:65px !important;
	}
	#ap04 p {
		padding-bottom:50px;
	}
	#ap04 #accordion {
		padding-bottom:100px;
	}
	#logo-top {
		left:50px;
		top:40px;
		height:75px;
	}
	.card-body img.accordion-image {
		margin-bottom:0px;
		margin-left:20px;
		float:right;
		margin-bottom:130px;
	}
	.card-body {
		padding-right:0px !important;
		padding-left:20px !important;
	}
	.card-body img.close-accordion {
		margin-right:15px;
		clear:both;
	}
	.card-body p {
		padding-top:20px;
	}
	.card-offen {
		margin-bottom:30px !important;
	}
	#ap05 {
		padding-top:75px !important;
	}
	#ap05 .content-container {
		flex-direction:row;
		flex-wrap:wrap;
	}
	#ap05 .headline {
		width:100%;
		flex: 0 0 100%;
	}
	#ap05 .erklaerung {
		width:62%;
		margin-bottom:25px;
		flex: 0 0 62%;
		padding-right:25px;
	}
	#ap05 .aufzaehlungscontainer {
		width:37%;
		flex: 0 0 37%;
	}
	#ap06 .content-container {
		flex-direction:row;
	}
	#ap06 h3 {
		margin-bottom:35px;
	}
	#ap06 .headline {
		width:49%;
		flex: 0 0 49%;
	}
	#ap06 .erklaerung {
		width:49%;
		flex: 0 0 49%;
		order:3;
		padding-left:12.5px;
	}
	#ap06 .kontaktbox {
		width:49%;
		flex: 0 0 49%;
		order:2;
		padding-right:12.5px;
	}
	.break-column {
		flex-basis: 100%;
		width: 0;
	}
	#ap06 {
		padding-top: 75px !important;
		padding-bottom: 75px !important;
	}
	#ap04 {
		background-size:250% auto;
	}
	.kontakt-container {
		padding-bottom:100px;
	}
	.form-submit-overlay h1 {
		font-size:50px !important;
		line-height:60px !important;
	}
	.form-submit-overlay p {
		padding-bottom:50px;
	}
}


@media (max-width:991px) {
	#matrix > div p {
		display:none;
	}
	#matrix > div {
		height:223px;
		cursor:pointer;
	}
	#matrix > div > img {
		/*height:90px;*/
	}
	#content-100 h2 {
		/*font-size:20px;
		line-height:22px;
		margin-bottom:0px;*/
	}
	#matrix > div > div {
		height:auto;
		margin-top:25px;
		margin-bottom:15px;
	}
}


@media(min-width:960px) {
	#kontaktleiste {
		width:41%;
		order:2;
		justify-content:flex-end;
		margin-top:55px;
	}
	#kontaktformular {
		width:59%;
		order:1;
		margin-top:0px;
	}
	.header-accordion p {
		padding-bottom:75px !important;
	}
	#formular div {
		width:100%;
		max-width:100%;
	}
	#datenschutz-hinweis {
		max-width:100%;
	}

}

@media(min-width:900px) and (max-width:1449px) {
	.kontakt-container {
		max-width:100% !important;
	}
	#kontaktformular {
		padding-right:25px;
	}
}

/* ----------------------------------- MIN 992 ----------------------------------------- */
@media (min-width: 992px) {
	#content-100 h1 {
		font-size:60px !important;
		line-height:70px !important;
		max-width:75%;
	}
	#content-100 h2 {
		font-size:22px;
		line-height:24px;

		margin-bottom:0px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 700px;
	}
	#matrix > div > div {
		height:80px;
		margin-top:25px;
		margin-bottom:15px;
	}
	#matrix {
		margin-top:130px;
	}

	#matrix > div {
		height:435px;
		cursor:pointer;
	}
	#matrix > div p {
		font-size:17px;
		line-height:24px;
		padding-left:15px;
		padding-right:15px;
		height:146px;
	}
	#matrix > div > img {
		height:100px;
	}
	#startslider p {
		margin-top:20px;
	}
	#startslider .content-container {
		margin-top:75px;
		margin-bottom:75px;
		margin-left:inherit !important;
		margin-right:inherit !important;
		padding-left:60px;
		padding-right:60px;
		width:100% !important;
	}
	#ap04 .content-container {
		max-width:72.58vw;
	}
	#ap04 h1 {
		/*line-height:85px !important;*/
	}
	#ap05 #erklaerbild {
		max-width: 450px;
		margin-top: -150px;
	}
	#ap04  {
		background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%), url('../images/hg_dummy.jpg');
	}
}

/* ----------------------------------- MIN 1024 ----------------------------------------- */
@media (min-width: 1024px) {
	.content-container {
		padding-left:60px;
		padding-right:60px;
	}
	#content-100 h1 {
		font-size:60px !important;
		line-height:70px !important;
		max-width:75%;
	}
	#content-100 h2 {
		font-size:22px;
		line-height:24px;
		margin-bottom:0px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 700px;
	}
	#matrix > div > div {
		height:80px;
		margin-top:25px;
		margin-bottom:15px;
	}
	#matrix {
		margin-top:100px;
	}

	#matrix > div {
		height:435px;
		cursor:pointer;
	}
	#matrix > div p {
		font-size:17px;
		line-height:24px;
		padding-left:15px;
		padding-right:15px;
		height:146px;
	}
	#matrix > div > img {
		height:100px;
	}
	#startslider {
		height:auto;
		/*min-height:600px;*/
	}
	#footer-logo {
		margin-bottom:56px;
		width:270px;
	}
	.s1 {
		padding:30px !important;
		width:760px !important;
	}
	#startslider h3 {
		font-size:23px;
		line-height:30px;
	}
	#startslider p {
		line-height:30px;
		margin-top:20px;
		font-size:19px;
	}
	#startslider button {
		width:220px;
		height:45px;
		border:none;
		border-radius:3px;
		font-family: "NeueHaasUnicaPro-Bold";
		font-size:18px;
		line-height:28px;
		color:#4a4a4a;
		margin-top:25px;
	}
	.s1 .slick-dots {
		bottom:0px;
		text-align:left;
	}
	#startslider .content-container {
		margin-top:100px;
		margin-bottom:100px;
		padding-left:60px;
		padding-right:60px;
		width:100% !important;
	}
	#ap04 .content-container, #ap05 .content-container, #ap06 .content-container {
		margin-left:60px;
		padding-left:0px;
		padding-right:0px;
	}
	#ap04 .content-container {
		padding-top:300px;
	}
	#ap04 p {
		padding-bottom:50px;
	}
	#ap04 h1 {
		/*font-size:4.88vw !important;*/
	}
	#logo-top {
		left:60px;
	}
	#ap05 .erklaerung {
		width:66.6%;
		margin-bottom:25px;
		flex: 0 0 66.6%;
		padding-right:25px;
	}
	#ap05 .aufzaehlungscontainer {
		width:33%;
		flex: 0 0 33.3%;
	}
	.kontaktdaten {
		padding-left: 45px;
		padding-right: 45px;
	}
	#ap06 .headline {
		width:37.5%;
		flex: 0 0 37.5%;
	}
	#ap06 .erklaerung {
		width:61.5%;
		flex: 0 0 61.5%;
	}
	#ap06 .kontaktbox {
		width:37.5%;
		flex: 0 0 37.5%;
	}
	.break-column {
		flex-basis: 100%;
		width: 0;
	}
}


/* ----------------------------------- MIN 1103 ----------------------------------------- */
@media (min-width: 1103px) {
	#ap04 .content-container {
		padding-left:0px;
		padding-right:0px;
		max-width:800px;
	}
	#ap05 .content-container {
		padding-left:0px;
		padding-right:0px;
	}
	#ap06 .content-container {
		padding-left:0px;
		padding-right:0px;
	}
}

/* ----------------------------------- MIN 1194 ----------------------------------------- */
@media (min-width: 1194px) {
	.content-container {
		padding-left:60px;
		padding-right:60px;
	}
	#startslider .content-container {
		padding-left:60px;
		padding-right:60px;
		width:100% !important;
	}
	#ap04 h1 {
		/*line-height:85px !important;*/
	}
}

/* ----------------------------------- MIN 1230 ----------------------------------------- */
@media (min-width: 1230px) {
	#ap04 h1 {
		/*font-size:60px !important;*/
	}
}

/* ----------------------------------- MIN 1280 ----------------------------------------- */
@media (min-width: 1280px) {
	.content-container {
		padding-left:100px;
		padding-right:100px;
	}
	#content-100 h1 {
		font-size:4.688vw !important;
		line-height:70px !important;
		max-width:75%;
	}
	#content-100 h2 {
		font-size:22px;
		line-height:24px;
		margin-bottom:0px;
	}
	#matrix_einleitung {
		font-size:19px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 800px;
	}
	#matrix > div > div {
		height:80px;
		margin-top:25px;
		margin-bottom:15px;
	}
	#matrix {
		margin-top:130px;
	}

	#matrix > div {
		height:435px;
		cursor:pointer;
	}
	#matrix > div p {
		font-size:18px;
		line-height:26px;
		padding-left:15px;
		padding-right:15px;
		height:106px;
	}
	#matrix > div > img {
		height:100px;
	}
	#kleine_geschichte {
		height:320px;
	}
	#kleine_geschichte img {
		width:80px;
		height:auto;
	}
	#kleine_geschichte h3 {
		font-family: "NeueHaasUnicaPro-Light";
		font-size: 30px;
		font-weight: 400;
		line-height: 35px;
		text-align: center;
		color: #4a4a4a;
		padding-bottom:25px;
		padding-top:25px;
	}
	footer {
		height:350px;
	}
	#footer-logo {
		margin-bottom:80px;
		width:275px;
	}
	.hand-slider {
		display:none !important;
	}
	#startslider .content-container {
		padding-left:100px;
		padding-right:100px;
		min-width:1400px;
	}
	#ap04 h1 {
		font-size:60px !important;
		line-height:75px !important;
	}
	#ap04 .content-container {
		margin-left:85px;
		margin-right:85px;
		padding-right:0px;
		max-width:1100px;
	}
	 #ap04 h1, #ap04 p, #ap04 #accordion {
		max-width:800px;
	}
	#ap05 {
		padding-top:100px !important;
	}
	#ap05 .content-container, #ap06 .content-container {
		margin-left:85px;
		margin-right:85px;
		max-width:1100px;
	}


	#ap05 #erklaerbild {
		max-width: 550px;
		margin-top: -150px;
	}
	#ap06 .headline {
		width:33%;
		flex: 0 0 33%;
	}
	#ap06 .erklaerung {
		width:58%;
		flex: 0 0 58%;
	}
	#ap06 .kontaktbox {
		width:33%;
		flex: 0 0 33%;
	}
	#ap04 {
		background-size:180% auto;
	}
	 #ap05 .headline {
		width: 25%;
		flex: 0 0 25%;
	}
	#ap05 .erklaerung {
		width:41.66%;
		margin-bottom:25px;
		flex: 0 0 41.66%;
		padding-right:35px;
	}
	#ap05 .aufzaehlungscontainer {
		width:33.33%;
		flex: 0 0 33.33%;
	}
	#formular div:nth-child(1) {
		width:50%;
		border-right:10px solid #ffffff;
	}
	#formular div:nth-child(2) {
		width:50%;
		border-left:10px solid #ffffff;
	}
	#formular div:nth-child(3) {
		width:50%;
		border-right:10px solid #ffffff;
	}
	#formular div:nth-child(4) {
		width:50%;
		border-left:10px solid #ffffff;
	}
	.form-submit-overlay h1 {
		font-size:60px !important;
		line-height:72px !important;
		max-width:900px;
	}
	.form-submit-overlay {
		/* display: flex; */
		/* justify-content: center; */
		/* flex-direction: column; */
		/* padding-top:0px; */
	}
}

/* ----------------------------------- MIN 1366 ----------------------------------------- */
@media (min-width: 1366px) {
	.content-container {
		padding-left:0px;
		padding-right:0px;
		max-width:1400px;
	}
	#content-100 h2 {
		font-size:28px;
		line-height:100%;
		margin-bottom:0px;
	}
	#matrix_einleitung {
		font-size:20px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 800px;
	}
	#matrix > div > div {
		height:80px;
		margin-top:25px;
		margin-bottom:15px;
	}
	#matrix {
		margin-top:130px;
	}
	#matrix > div {
		height:435px;
		cursor:pointer;
	}
	#matrix > div p {
		font-size:18px;
		line-height:26px;
		padding-left:15px;
		padding-right:15px;
		height:106px;
	}
	#startslider .content-container {
		padding-left:20px;
		padding-right:20px;
		min-width:1400px;
	}

}

/* ----------------------------------- MIN 1387 ----------------------------------------- */
@media (min-width: 1387px) {
	#content-100 h1 {
		font-size:65px !important;
	}
	#ap04 .content-container, #ap05 .content-container, #ap06 .content-container {
		 /*margin-left:16.146vw;*/
		padding-left:0px;
		padding-right:0px;
	}
}

/* ----------------------------------- MIN 1450 ----------------------------------------- */
@media (min-width: 1450px) {
	#ap04 .content-container, #ap05 .content-container, #ap06 .content-container {
		/*max-width:900px;*/
		max-width:75.86vw;
		margin-left:auto;
		margin-right:auto;
	}

}

/* ----------------------------------- MIN 1713 ----------------------------------------- */
@media (min-width: 1450px) {
	#ap04 .content-container, #ap05 .content-container, #ap06 .content-container {
		/*max-width:900px;*/
		max-width:1300px;
	}

}

/* ----------------------------------- MIN 1492 ----------------------------------------- */
@media (min-width: 1492px) {
	#ap04 h1 {
		/*font-size:70px !important;*/
	}
}

/* ----------------------------------- MIN 1920 ----------------------------------------- */
@media (min-width: 1920px) {
	.content-container {
		width:1400px !important;
		padding-left:0px;
		padding-right:0px;
	}
	#content-100 h1 {
		font-size:3.385vw !important;
		line-height:70px  !important;
		max-width:65%;
	}
	#content-100 h2 {
		font-size:26px;
		line-height:28px;
		margin-bottom:0px;
	}
	#matrix_einleitung {
		font-size:20px !important;
		line-height:30px !important;
		margin-top:25px;
		width: 900px;
	}
	#matrix > div > div {
		height:80px;
		margin-top:25px;
		margin-bottom:15px;
	}
	#matrix {
		margin-top:130px;
	}

	#matrix > div {
		height:435px;
		cursor:pointer;
	}
	#matrix > div p {
		font-size:18px;
		line-height:26px;
		padding-left:15px;
		padding-right:15px;
		height:106px;
	}
	#kleine_geschichte {
		height:350px;
	}
	#kleine_geschichte img {
		width:90px;
		height:auto;
	}
	#kleine_geschichte h3 {
		font-family: "NeueHaasUnicaPro-Light";
		font-size: 30px;
		font-weight: 400;
		line-height: 35px;
		text-align: center;
		color: #4a4a4a;
		padding-bottom:25px;
		padding-top:25px;
	}
	footer {
		height:500px;
	}
	#footer-logo {
		margin-bottom:170px;
		margin-top:70px;
		width:300px;
	}
	#footer-links {
		font-size:18px;
	}
	.s1 {
		padding:30px !important;
		width:760px !important;
	}
	#startslider h3 {
		font-size:23px;
		line-height:30px;
	}
	#startslider p {
		line-height:30px;
		margin-top:20px;
		font-size:19px;
	}
	#startslider button {
		width:220px;
		height:45px;
		border:none;
		border-radius:3px;
		font-family: "NeueHaasUnicaPro-Bold";
		font-size:18px;
		line-height:28px;
		color:#4a4a4a;
		margin-top:25px;
	}
	.s1 .slick-dots {
		bottom:0px;
		text-align:left;
	}
	#ap04 h1 {
		font-size:70px !important;
		line-height:85px !important;
	}
	#ap04 p {
		line-height: 31px;
		padding-bottom:65px;
	}
	.card-header a {
		font-size: 21px !important;
		line-height: 28px !important;
	}
	#ap04 #accordion {
		padding-bottom:150px;
	}
	#ap04 .content-container {
		padding-right:0px;
		max-width:1300px;
		padding-top:420px;
	}
	#ap04 h1, #ap04 p, #ap04 #accordion {
		max-width:900px;
	}
	.card-body img.accordion-image {
		width:200px;
	}
	.card-body p {
		font-size:21px;
		line-height:31px;
	}
	/*#ap04 .content-container, #ap05 .content-container {
		margin-left: 310px;
	}*/
	#ap05 {
		padding-top:125px !important;
	}

	#ap06 {
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
	.break-column {
		display:none !important;
	}
	#ap06 .headline {
		width:25%;
		flex: 0 0 25%;
	}
	#ap06 .erklaerung {
		width:41%;
		flex: 0 0 41%;
	}
	#ap06 .kontaktbox {
		width:25%;
		flex: 0 0 25%;
	}
	.kontaktdaten {
		padding-left: 25px;
		padding-right: 25px;
	}
	#ap04  {
		background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%), url('../images/hg_dummy.jpg');
		background-size:100% auto;
	}
	.form-submit-overlay h1 {
		font-size:70px !important;
		line-height:84px !important;
	}
}

/* ----------------------------------- MIN 2068 ----------------------------------------- */
@media (min-width: 2068px) {
	#content-100 h1 {
		font-size:70px !important;
		line-height:70px !important;
		max-width:65%;
	}
	/*#ap04 .content-container, #ap05 .content-container {
		margin-left:22.70vw;
	}*/
	#ap04 .content-container, #ap05 .content-container, #ap06 .content-container {
		/*max-width:900px;*/
		max-width:1400px;
		margin-left:auto;
		margin-right:auto;
	}
	#ap04 p, #ap05 p {
		font-size: 21px;
	}
	#ap04 #accordion ul {
		margin:30px 0px 0px 0px;
		font-size: 20px;
		line-height: 31px;
	}
	#ap04  {
		background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 80%), url('../images/hg_dummy.jpg');
	}
	.floating-label, input, textarea, ::placeholder, #kontaktleiste div a, #kontaktleiste div span, #datenschutz-hinweis-bestaetigung, #datenschutz-hinweis {
		font-size:21px;
		line-height:31px;
	}
	#datenschutz-checkbox {
		/* margin-top: -16px; */
		margin-top: 5px;
	}
	.kontakt-container {
		padding-bottom:125px;
	}
	.form-submit-overlay p {
		font-size: 21px;
		line-height: 31px;
	}
}

/* ----------------------------------- MIN 2550 ----------------------------------------- */
@media (min-width: 2550px) {
	.content-container {
		width:1400px;
	}
	#content-100 h2 {
		font-size:28px;
		line-height:30px;
		margin-bottom:0px;
	}
	#matrix_einleitung {
		font-size:21px !important;
		line-height:31px !important;
		margin-top:25px;
		width: 900px;
	}

	#content-100 h1 {
		font-size:70px !important;
		line-height:70px !important;
		max-width:65%;
	}
	#matrix > div > div {
		height:80px;
		margin-top:20px;
		margin-bottom:15px;
	}
	#matrix {
		margin-top:130px;
	}

	#matrix > div {
		height:435px;
		cursor:pointer;
	}
	#matrix > div p {
		padding-left:15px;
		padding-right:15px;
		height:106px;
		font-size:18px;
		line-height:26px;
	}
	#kleine_geschichte {
		height:400px;
	}
	#kleine_geschichte img {
		width:111px;
		height:auto;
	}
	#kleine_geschichte h3 {
		font-family: "NeueHaasUnicaPro-Light";
		font-size: 35px;
		font-weight: 400;
		line-height: 35px;
		text-align: center;
		color: #4a4a4a;
		padding-bottom:25px;
		padding-top:25px;
	}
	.s1 {
		width:760px !important;
		height:auto !important;
		padding-bottom:60px;
	}
	#startslider h3 {
		font-size:24px;
		line-height:32px;
	}
	#startslider p {
		line-height:31px;
		font-size:21px;
	}
	#startslider button {
		width:220px;
		height:45px;
		border:none;
		border-radius:3px;
		font-family: "NeueHaasUnicaPro-Bold";
		font-size:18px;
		line-height:28px;
		color:#4a4a4a;
		margin-top:30px;
	}
	/*#ap04 .content-container, #ap05 .content-container {
		margin-left:580px;
		padding-right:0px;
		max-width:900px;
	}*/
	#ap04 .content-container {
		padding-top:575px;
	}

}