body {
	overflow-x: hidden;
	overflow-y:auto;
	background-color:#2d3031ed;
	/* height:100%; */
}
html {
	background-color:#2d3031ed;
	/* height:100%; */
}


::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.overlay-gesamt {
	z-index:9998;
	background-color:#2d3031cf;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	transition:0.7s;
	min-height:10000px;
}



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


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




#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) {

}


.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;
}



footer {
	height:475px;
	background: linear-gradient(230deg, #5D5B52, #3A3636);
}
#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;
	}



#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;
}

.slider-nav-container {
	margin-top:0px;
	background-color:#2d3031ed;	
	padding:18px 20px 30px 20px;
	height:auto;
	transition:0.8s;
	display:flex;
	flex-direction:row;
}
.slider-nav-container>img {
	/* order:2; */
	margin-top:0px;
}
.slider-nav-container>div {
	/* order:1; */
}
.slider-nav img {
	width:150px !important;
	margin-right:0px;
	cursor:pointer;
	transition:1s;
}
.slider-nav {
	transition:0.8s;
}

.slick-prev {
  left: 60px !important;
  background: red; /*to notice it, is white*/
  z-index: 1;
}
.slick-next {
  right: 60px !important;
  background: red; /*to notice it, is white*/
}
.slick-track {
	/* transform: translate3d(0px, 0px, 0px) !important; */
}
.slider-nav-container .slick-track {
	width:100% !important;
}
.slider-nav-container .slick-list {
	padding:0px !important;
}

.big_image .content-container {
	display:none;
}
.auslauf {
	display:none;
}


.startslider {
	min-height:250px !important;
	max-height:512px !important;
	height:66vw !important;
	position:relative;
	/* background-size:cover; */
	/* margin-top:120px; */
	/* opacity: 1.0; */
	/* -webkit-transition: background 0.4s linear; */
	/* -moz-transition: background 0.4s linear; */
	/* -o-transition: background 0.4s linear; */
	/* -ms-transition: background 0.4s linear; */
	/* transition: background 0.4s linear; */
}
.s2 {
	background-size:cover;
	margin-top:120px;
	opacity: 1.0;
	-webkit-transition: background 0.4s linear;
	-moz-transition: background 0.4s linear;
	-o-transition: background 0.4s linear;
	-ms-transition: background 0.4s linear;
	transition: background 0.4s linear;
}
.startslider h3 {
	font-family: "NeueHaasUnicaPro-Bold";
	color:#FFFFFF;
}
.startslider p, .startslider ul {
	font-family: "NeueHaasUnicaPro-Regular";
	color:#FFFFFF;
	line-height:30px;
}
.startslider ul {
	list-style-position:outside;
	padding-left:20px;
}
.hand-slider {
	width: 37px;
	height:auto;
	opacity:1;
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:10000;
}
.s1 {
	background-color:#2d303185;
	padding:20px !important;
	width:auto !important;
	height:auto !important;
	position:absolute;
}
.startslider h3 {
	font-size:21px;
	line-height:30px;
}
.startslider p, .startslider ul {
	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-dots li:first-child {
	margin-left:-2px !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;
}

.referenzen-navigation {
	position:absolute;
	z-index:9999;
	top:0;
	right:-500px;
	background-color:#2d3031cf;
	width:320px;
	min-height:0px;
	transition:0.8s;
	height:100%;
	display:none;
	overflow-y:auto;
	padding-bottom:100px;
}
.referenzen-auswahl:hover {
	cursor:pointer;
}
.referenzen-auswahl {
	width:35px;
	height:35px;
	margin-top:34px;
	margin-left:23px;
	margin-bottom:35px;
	cursor:pointer;
}
.referenz-navi-link {
	height:130px;
	margin-bottom:6px;
	background-color:#3e4244cf;
	display:flex;
}
.referenz-navi-link:hover {
	background-color:#4a4f50cf;
	cursor:pointer;
}
.referenz-navi-link p {
	color:#CECECE;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:15px;
	line-height:21px;
	padding:13px 20px 13px 24px;
	min-width:175px;
}
.referenzen_navi_schliessen {
	color:#5C5757;
	font-family: "NeueHaasUnicaPro-Regular";
	font-size:16px;
	line-height:31px;
	float:left;
	cursor:pointer;
	margin-top:20px;
	margin-left:200px;
}
.referenzen_navi_schliessen:hover {
	color:#5C5757;
	text-decoration:none;
	cursor:pointer;
}
.close-navi {
	margin-top:28px;
	margin-left:12px;	
}
.close-navi:hover {
	cursor:pointer;
}
.s1 {
	display:none !important;
	/* opacity:0; */
}
.swipe {
	height:37px;
	width:35px;
	order:1;
}
.pagingInfo {
	font-family: "NeueHaasUnicaPro-Bold";
	color:#5C5757;
	font-size:18px;
	display:block;
	order:2 !important;
	margin-left:15px;
	margin-top:5px;
}
.links-button {
	cursor:pointer;
	order:3 !important;
	display:none;
	/* width:30px; */
	height:38px;
}
.rechts-button {
	cursor:pointer;
	order:4 !important;
	display:none;
	/* width:30px; */
	height:38px;
}	
.play-button {
	cursor:pointer;
	order:5 !important;
	margin-left:auto;
	margin-right:30px;
	height:38px;
	width:38px;
}
.info-button {
	cursor:pointer;
	order:6 !important;
	display:none;
	height:38px;
	width:38px;
}
	
.referenzen-button {
	cursor:pointer;
	order:7 !important;
	margin-right:0px;
	width:35px;
	height:35px;
}
.content-klein {
	background-color:#2d3031ed;
	padding-bottom:80px;
}
.content-klein h3 {
	color:#CECECE;
	font-family: "NeueHaasUnicaPro-Bold";
	font-size:21px;
	line-height:30px;
	margin-bottom:20px;
}
.content-klein p, .content-klein ul {
	font-family: "NeueHaasUnicaPro-Regular";
	color:#CECECE;
	font-size:19px;
	line-height:30px;
}
.content-klein ul {
	list-style-position:outside;
	padding-left:20px;
}
.cta-button {
    width: 220px;
    height: 45px;
    background: rgba(255,255,255,1);
    font-family: "NeueHaasUnicaPro-Bold";
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #000000;
    border: none;	
    border-radius: 3px;
	margin:25px 0 0 0;
	display:block;
}
#slider-container {
	height:auto;
}
.footer-referenzen {
	height:40px;
	background-color:#302d2d;
	padding-top: 6px !important;
	padding-left: 20px !important;
}
.footer-referenzen .content-container {
	padding-top:6px;

}
.footer-referenzen a {
	font-family: "NeueHaasUnicaPro-Regular";
	color:#7c7c7c;
	font-size:15px;
	line-height:26px;
	margin-right:10px;
}
.footer-referenzen a:hover {
	color:#7c7c7c;
}
.ref-image {
	object-fit:cover;
	width:100%;
	height:100%;
	position:absolute;
}
.startslider .content-container {
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
	margin-top:0px !important;
}
.slider-content ul li {
		margin-top:5px;
	}
	
/*----------------------------------- 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;
	}	
	
	#logo-top {
		left:25px;
	}
	.startslider .content-container {
		padding-left:20px;
		padding-right:20px;
		width:100% !important;
	}

}

/* ----------------------------------- MIN 375 ----------------------------------------- */
@media (min-width: 375px) { 
	.content-container {
		padding-left:25px;
		padding-right:25px;
	}
	.footer-referenzen {
		padding-left: 25px !important;
	}
	#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;
	}
	.referenzen-navigation {
		width:375px;
	}
	.referenz-navi-link p {
		font-size:17px;
		line-height:25px;
		min-width: 218px
	}
	.referenzen_navi_schliessen {
		margin-left:250px;
	}
}



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

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

	.startslider p {
		margin-top:20px;
	}

}

/* ----------------------------------- MIN 667 ----------------------------------------- */
@media (min-width: 667px) {
	.content-container {
		padding-left:40px;
		padding-right:40px;
	}
	.footer-referenzen {
		padding-left: 40px !important;
	}
		.startslider .content-container {
		padding-left:40px;
		padding-right:40px;
		width:100% !important;
	}
}

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

	.content-container {
		padding-left:50px;
		padding-right:40px;
	}
	.footer-referenzen {
		padding-left: 50px !important;
	}
	#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;
	}
	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 ul {
		line-height:30px;
		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;
	}
}


@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;
	}
}

/* ----------------------------------- 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;
	}
}

/* ----------------------------------- 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;
	}
	#footer-logo {
		margin-bottom:56px;
		width:270px;
	}
	#logo-top {
		left:50px;
		top:40px;
		height:75px;
	}
	.s1 {
		padding:0px 30px 0px 30px !important;
		width:760px !important;
		/*border-top: 30px solid rgba(0,0,0,0);
		border-bottom: 30px solid rgba(0,0,0,0);*/
		max-height:300px;
	}
	.s1 .slider-content {
		padding-top:30px;
		padding-bottom:33px;
	}
	.s1 .slider-content ul {
		margin-bottom:0px;
	}
	.s1 .slider-content ul li {
		margin-top:5px;
	}
	.startslider {
		height:100% !important;
		max-height:100% !important;
		margin-top:0px;
	}
	.startslider h3 {
		font-size:23px;
		line-height:30px;
	}
	.startslider p {
		line-height:30px;
		margin-top:20px;
		font-size:19px;
	}
	.startslider ul {
		line-height:30px;
		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 {
		/* opacity:1; */
		display:block !important;
		max-height: 350px;
		overflow-y: auto;
	}
	.s2 {
		margin-top:0px;
	}
	.s2, .s2>div, .s2>div>div {
		height:100% !important;
	}
	.s1 .slick-dots {
		bottom:0px;
		text-align:left;
	}
	.startslider .content-container {
		margin-top:140px;
		margin-bottom:100px;
		margin-left:inherit !important;
		margin-right:inherit !important;
		padding-left:60px;
		padding-right:60px;
		width:100% !important;
		height:100% !important;
	}
	.slider-nav-container {
		margin-top:0px;
		position:fixed;
		width:100%;
		bottom:0;
		background-color:#2d3031ed;
		height:70px;
		transition:0.8s;
		margin-bottom:40px;
		padding:13px 40px 16px 20px !important;
	}
	.links-button {
		margin-left: auto;
		margin-right: 35px;
		margin-top:0px !important;
	}
	.rechts-button {
		margin-right: 35px;	
		margin-left:0px;
		margin-top:0px !important;
	}
	.play-button {
		margin-left: 0px;
		margin-right: 30px;
	}
	.info-button {
		margin-right: 30px;
	}
	.referenzen-button {
		padding:0;
	}

	.swipe {
		margin-left:40px;
	}
	.footer-referenzen {
		padding-left:60px !important;
	}
	.slider-nav img {
		width:150px !important;
		margin-right:15px;
		cursor:pointer;
		transition:1s;
	}
	.slider-nav-container>img {
		order:1;
	}
	.slider-nav-container>div {
		order:2;
	}
	.content-klein {
		display:none;
	}
	.big_image .content-container {
		display:inherit;
		left:100px !important;
	}

	.auslauf {
		background: linear-gradient(180deg, rgba(53,53,53,0.0) 0%, rgba(53,53,53,0) 40%, rgba(53,53,53,0.3) 60%, rgba(53,53,53,1) 100%);
		position:absolute;
		bottom:0;
		width:100%;
		height:300px;
		display:inherit;
	}
	.footer-referenzen {
		position:absolute;	
		bottom:0px;
	}
	.slider-nav-container {
		/* width:100% !important; */
		/* max-width:100% !important; */
	}
	html, body {
		height:100% !important;
	}
	#slider-container {
		height:100% !important;
	}
	.links-button, .rechts-button, .info-button {
		display:block;
	}
	
}



/* ----------------------------------- 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;
	}
}


/* ----------------------------------- 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;
	}
	footer {
		height:350px;
	}
	#footer-logo {
		margin-bottom:80px;
		width:275px;
	}
	
	.startslider .content-container {
		padding-left:60px;
		padding-right:100px;
		min-width:1400px;
	}
	.s1 {
		max-height:27.3vw !important;
	}
}

/* ----------------------------------- 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 {
		margin-top:180px;
		padding-left:60px;
		padding-right:20px;
		min-width:1400px;
	}
	.slider-nav-container {
		max-width:100%;
	}
}

@media (min-width: 1450px) {
	.big_image .content-container {
		left:150px !important;
	}
	.auslauf {
		background: linear-gradient(180deg, rgba(53,53,53,0.0) 0%, rgba(53,53,53,0) 40%, rgba(53,53,53,0.7) 60%, rgba(53,53,53,1) 100%);
		position:absolute;
		bottom:0;
		width:100%;
		height:300px;
		display:inherit;
	}
}

/* ----------------------------------- MIN 1387 ----------------------------------------- */
@media (min-width: 1387px) { 
	#content-100 h1 {
		font-size:65px !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;
	}
	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;
	}
	 .slider-nav-container {
		/* width:100% !important; */
	 }
	 .slider-nav-container {
		width:100% !important;
		max-width:100% !important;
	}
}

/* ----------------------------------- MIN 2068 ----------------------------------------- */
@media (min-width: 2068px) {
	#content-100 h1 {
		font-size:70px !important;
		line-height:70px !important;
		max-width:65%;
	}
}

/* ----------------------------------- 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;
	}
	.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 ul {
		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;
	}
	.startslider .content-container {
		margin-top:280px;
	}
}