/* #Clearing
================================================== */
.row { margin-bottom: 20px; }
.row.flat { margin-bottom: 10px; }
/* Self Clearing Goodness */
.container:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.row:after,
.clearfix:after {
	clear: both;
}
.row,
.clearfix {
	zoom: 1; 
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* #Font
================================================== */
@font-face {
  font-family: "Flaticon";
  src: url("/_shared/font/Flaticon.eot");
  src: url("/_shared/font/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("/_shared/font/Flaticon.woff") format("woff"),
       url("/_shared/font/Flaticon.ttf") format("truetype"),
       url("/_shared/font/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("/_shared/font/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
	/*font-size: 20px;*/
	font-style: normal;
	/*margin-left: 20px;*/
	font-weight: 400;
}

/* Demo: https://hexal.rsmedia-verlag.de/_shared/font/flaticon.html */

.flaticon-down-chevron:before { content: "\f100"; }
.flaticon-right-chevron:before { content: "\f101"; }
.flaticon-left-chevron:before { content: "\f102"; }
.flaticon-up-chevron:before { content: "\f103"; }
.flaticon-more:before { content: "\f104"; }
.flaticon-menu:before { content: "\f105"; }
.flaticon-add:before { content: "\f106"; }
.flaticon-remove:before { content: "\f107"; }
.flaticon-email:before { content: "\f108"; }
.flaticon-paste:before { content: "\f109"; }
.flaticon-reply-all:before { content: "\f10a"; }
.flaticon-clear:before { content: "\f10b"; }
.flaticon-reply:before { content: "\f10c"; }
.flaticon-sort:before { content: "\f10d"; }
.flaticon-edit:before { content: "\f10e"; }
.flaticon-copy:before { content: "\f10f"; }
.flaticon-alert-1:before { content: "\f110"; }
.flaticon-delete:before { content: "\f111"; }
.flaticon-clipboard:before { content: "\f112"; }
.flaticon-clipboard-1:before { content: "\f113"; }
.flaticon-lightbulb:before { content: "\f114"; }
.flaticon-search:before { content: "\f115"; }
.flaticon-power:before { content: "\f116"; }
.flaticon-settings:before { content: "\f117"; }
.flaticon-home:before { content: "\f118"; }
.flaticon-help-1:before { content: "\f119"; }
.flaticon-file:before { content: "\f11a"; }
.flaticon-tick:before { content: "\f11b"; }
.flaticon-tick-1:before { content: "\f11c"; }
.flaticon-heart:before { content: "\f11d"; }
.flaticon-info-1:before { content: "\f11e"; }
.flaticon-headline:before { content: "\f11f"; }
.flaticon-print:before { content: "\f120"; }
.flaticon-star:before { content: "\f121"; }
.flaticon-thumbtack:before { content: "\f122"; }
.flaticon-clipboard-2:before { content: "\f123"; }
.flaticon-heart-1:before { content: "\f124"; }
.flaticon-off:before { content: "\f125"; }
.flaticon-download:before { content: "\f126"; }
.flaticon-user-shape:before { content: "\f127"; }
.flaticon-pdf:before { content: "\f128"; }
.flaticon-eye:before { content: "\f129"; }
.flaticon-alert:before { content: "\f12a"; }
.flaticon-help:before { content: "\f12b"; }
.flaticon-info:before { content: "\f12c"; }
.flaticon-logout:before { content: "\f12d"; }

/* Reset & Basics
==================================================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
	
}
*,html {
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	font-weight: 300;
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}
body {
	background-color: #000;
}
.container {
	background-color: #000;
	width: 100%;
	max-width: 1920px;
	padding: 0 30px;
	margin: 0 auto;
}
table[border="1"] {
	border: 1px solid #666;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; 
}
ol, ul {
	list-style: none; 
	color: #666;
	line-height: 20px;
}
blockquote, q {
	quotes: none; 
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; 
}
table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
}
td, th {
	padding: 10px;
	line-height: 20px;
	color: rgba(150,150,150,1);
}
hr {
	border: none; 
	border-bottom: 2px solid rgba(0,151,151,1.00);
	margin: 20px 0;
}
h1, h2, h3, h4 {
	color: #fff;
	font-family: 'Open sans', sans-serif;
	text-transform: uppercase;
}
h1 {
	/*
	font-size: 35px;
	margin-top: 0px; 
	margin-bottom: 20px;
	line-height: 40px;
	font-weight: 600;
	*/
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-size: calc(0.8em + 1vw);
	font-weight: 400;
	line-height: 1;
	line-height: calc(0.5em + 1vw);
	margin-bottom: 20px;
}
h1.contentHeadline {
	margin-top: 0;
}
h2 {
	/*
	font-size: 30px;
	margin-bottom: 10px;
	line-height: 40px;
	font-weight: 300;
	*/
}
h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-size: calc(0.4em + 1vw);
	font-weight: 300;
	line-height: 1;
	line-height: calc(0.5em + 1vw);
	margin-bottom: 10px;
}
h3 {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 36px;
	font-weight: 400;
}
h4 {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 20px;
	font-weight: 400;
}
sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
	font-size: 0.75em;
	color: inherit;
}
sup { 
	bottom: .4em;
	color: inherit;
}
sub { 
	top: .4em;
	color: inherit;
}
strong, b {
	font-weight: 600;
	color: inherit;
}
em, i {
	font-style: italic;
	color: inherit;
}
p {
	font-size: 16px;
	line-height: 26px;
	color: #444;
	margin-bottom: 10px;
	font-weight: 300;
}
a:link,
a:visited,
a[href^="tel"],
a[href^="auto-detect"],
a[x-apple-data-detectors] {
	color: #fff;
	text-decoration: none;
	outline: none;
}
a:focus,
a:hover {
	text-decoration: underline;
	outline: none;
}
section#content ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 10px;
	margin-left: 20px; /* FIX */
}
section#content ul li {
	padding-left: 10px;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 5px;
}
.hidden{
	display: none;
}
@supports(-webkit-text-fill-color: transparent){
	.gradientText {
		background: rgba(150,150,150,1);
		background: -moz-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(150,150,150,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(150,150,150,1)));
		background: -webkit-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
		background: -o-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
		background: -ms-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
		background: linear-gradient(to right, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed', GradientType=1 );
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
}

/* Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .gradientText {
	background: transparent;
	color: #fff;
	-webkit-text-fill-color: #fff;
	-webkit-background-clip: border-box;
}

section#content p {
	color: #fff;
}

/* Footer
*************************************************************/
footer {
	padding: 50px 0;
	text-align: center;
	background-color: #000;
}
footer .footerElement {
	display: inline-block;
	margin: 0 20px;
}
footer a:link,
footer a:visited {
	color: rgba(150,150,150,1);
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease;
	line-height: 40px;
}
footer a::after,
footer a::after {
	content: '';
	width: 10%;
	display: block;
	position: absolute;
	border-bottom: 1px solid rgba(150,150,150,0);
	bottom: 5px;
	transition: all 0.3s ease;
}
footer a:focus:after,
footer a:hover:after {
	bottom: 0px;
	width: 100%;
	border-bottom: 1px solid rgba(150,150,150,1);
}



/* Header (Unterseiten)
*************************************************************/
header {
	min-height: 70px;
	background-color: #111111;
	padding: 10px 0;
	text-align: center;
}
header div.container {
	background-color: #111111;
	height: 100%;
}
header img#logo {
	height: 50px;
	width: auto;
	position: absolute;
	left: 30px;
}


/* Hauptnavigation
*************************************************************/
header nav#mainNav {
	margin-bottom: 5px;
	display: inline-block;
}
nav.topNav a:link,
nav.topNav a:visited {
	display: inline-block;
	color: rgba(150,150,150,1);
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 3px;
	font-weight: 400;
	margin: 0 20px;
}
nav.topNav a::after,
nav.topNav a::after {
	content: '';
	width: 10%;
	display: block;
	position: absolute;
	border-bottom: 1px solid rgba(150,150,150,0);
	bottom: 5px;
	transition: all 0.3s ease;
}
nav.topNav a:focus:after,
nav.topNav a:hover:after,
nav.topNav a.active:after {
	bottom: 5px;
	width: 100%;
	border-bottom: 1px solid rgba(150,150,150,1);
}


/* Mobilnavigation
*************************************************************/
nav#phoneNav {
	margin-bottom: 5px;
	display: none;
	text-align: center;
	background-color: #111;
	padding: 10px 20px 20px 20px;
}
nav#phoneNav.topNav a:link,
nav#phoneNav.topNav a:visited {
	display: block;
}
nav#phoneNav.topNav a.active {
	color: #fff;
}
a#navToggle {
	text-decoration: none;
	font-size: 30px;
	color: #fff;
	opacity: 0.5;
	position: absolute;
	right: 30px;
	top: 15px;
	font-weight: 400;
	display: none;
	transition: all 0.3s ease;
}
a#navToggle:focus,
a#navToggle:hover {
	opacity: 1;
}



/* Startseite
*************************************************************/
section#startScreen {
	text-align: center;
}
#startContent {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
nav#startNav {
	height: 300px;
}
#startContent a {
	text-decoration: none;
	color: rgba(150,150,150,1);
}
nav#startNav a img {
	vertical-align: middle;
	height: 60%;
	width: auto;
	opacity: 0.4;
	transition: all 0.5s ease;
}
nav#startNav a:focus img,
nav#startNav a:hover img,
nav#startNav a.active img {
	height: 100%;
	opacity: 1.0;
}
h1#welcome {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 400;
	color: rgba(150,150,150,1);
	display: inline-block;
}
#startContent a.downButton {
	display: inline-block;
	font-size: 20px;
	margin-top: 50px;
}

section#content {
	padding-top: 30px;
	background-color: #000;
}
article.startSection {
	float: left;
	height: 100%;
	background-color: #000;
	overflow: hidden;
}
article.startSection a {
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	z-index: 1000; 
	color: #fff; 
	text-decoration: none;
}
article.startSection div.imgContain {
	background-size:cover;
	background-position: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;

	-webkit-transform: scale(1.0);
	-webkit-transition-property: opacity, -webkit-transform;
	-webkit-transition-duration: 0.5s, 1s;
	-webkit-transition-timing-function: ease, ease-out;
	-webkit-transition-delay: 0s, 0s;

	-moz-transform: scale(1.0);
	-moz-transition-property: opacity, -moz-transform;
	-moz-transition-duration: 0.5s, 1s;
	-moz-transition-timing-function: ease, ease-out;
	-moz-transition-delay: 0s, 0s;

	-o-transform: scale(1.0);
	-o-transition-property: opacity, -o-transform;
	-o-transition-duration: 0.5s, 1s;
	-o-transition-timing-function: ease, ease-out;
	-o-transition-delay: 0s, 0s;

	-ms-transform: scale(1.0);
	-ms-transition-property: opacity, -ms-transform;
	-ms-transition-duration: 0.5s, 1s;
	-ms-transition-timing-function: ease, ease-out;
	-ms-transition-delay: 0s, 0s;

	transform: scale(1.0);
	transition-property: opacity, transform;
	transition-duration: 0.5s, 1s;
	transition-timing-function: ease, ease-out;
	transition-delay: 0s, 0s;
}
article.startSection:focus div.imgContain,
article.startSection:hover div.imgContain {
	opacity: 0.3;

	-webkit-transform: scale(1.2);
	-webkit-transition-property: opacity, -webkit-transform;
	-webkit-transition-duration: 0.5s, 10s;
	-webkit-transition-timing-function: ease, ease-out;
	-webkit-transition-delay: 0s, 0s;

	-moz-transform: scale(1.2);
	-moz-transition-property: opacity, -moz-transform;
	-moz-transition-duration: 0.5s, 10s;
	-moz-transition-timing-function: ease, ease-out;
	-moz-transition-delay: 0s, 0s;

	-o-transform: scale(1.2);
	-o-transition-property: opacity, -o-transform;
	-o-transition-duration: 0.5s, 10s;
	-o-transition-timing-function: ease, ease-out;
	-o-transition-delay: 0s, 0s;

	-ms-transform: scale(1.2);
	-ms-transition-property: opacity, -ms-transform;
	-ms-transition-duration: 0.5s, 10s;
	-ms-transition-timing-function: ease, ease-out;
	-ms-transition-delay: 0s, 0s;
	
	transform: scale(1.2);
	transition-property: opacity, transform;
	transition-duration: 0.5s, 10s;
	transition-timing-function: ease, ease-out;
	transition-delay: 0s, 0s;
}
.gradientBorderHorizontal {
	background-image: -moz-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
	background-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(150,150,150,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(150,150,150,1)));
	background-image: -webkit-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
	background-image: -o-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
	background-image: -ms-linear-gradient(left, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
	background-image: linear-gradient(to right, rgba(150,150,150,1) 0%, rgba(255,255,255,1) 50%, rgba(150,150,150,1) 100%);
	background-position: 0 100%;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 1px;
	-moz-background-size: 100% 1px;
	background-size: 100% 1px;
}
article.startSection a span.imgOverlay {
	display:inline-block; 
	padding: 0 10px 15px 50px;
	padding: 0 1vw 1.5vw 3vw; 
	position: absolute; 
	z-index: 10;
	bottom: 40px;
	bottom: 3vw;
	/*left: -100%;*/
	transform: translateX(-100%);
	max-width: 90%;
	font-size: 10px;
	transition: all 1s ease;
}
article.startSection:focus a span.imgOverlay,
article.startSection:hover a span.imgOverlay {
	/*left: 0;*/
	transform: translateX(0);
	transition: all 1s ease;
}
article.startSection a span.imgOverlay h2.imageHeadline {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-size: calc(0.8em + 1vw);
	font-weight: 400;
	line-height: 1;
	line-height: calc(0.5em + 1vw);
	margin-bottom: 0;
}
article.startSection a span.imgOverlay p.imageDescription {
	color: #fff;
	font-size: 14px;
	/*font-size: calc(0.01em + 1vw);*/
	font-weight: 300;
	line-height: 1.5;
	margin: 1.5vw 0 0 0;
}




/* Projekt-Seite
*************************************************************/
section#content.projekt {
	margin-top: 50px;
}
div.slideNav {
	/*width: 100px;*/
	width: 5vw;
	float: left;
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10vw;
}
div.slideNav a {
	text-decoration: none !important;
	opacity: 0.5;
	transition: all 0.3s ease;
	color: #fff !important;
}
div.slideNav a:focus,
div.slideNav a:hover {
	opacity: 1;
}
div.slideNav a img {
	max-width: 100%;
	height: auto;
}
div#contentWrapper {
	/*width: calc(100% - 200px); */
	width: calc(100% - 10vw); 
	float: left;
	padding: 0 2vw;
}
div#colRight {
	float: right;
	width: 50%;
	padding: 1vw;
	padding-left: 0;
}
div#colLeft {
	float: left;
	width: 50%;
	padding: 1vw;
}
div.projektheader {
	padding-bottom: 20px;
	margin-bottom: 20px;
	max-width: 50%;
	padding-left: 40px;
}
.description {
	padding-left: 40px;
}
div#fullsizeImg {
	padding: 0 10px 20px 10px;
}
div#fullsizeImg img {
	width: 100%; 
	height: auto; 
	padding: 5px; 
	background-color: #fff;
}
nav#thumbNav {
	display: flex; 
	flex-wrap: wrap; 
	/*justify-content: space-between; */
	width: 100%;
}
nav#thumbNav a {
	/*width: 22.5%;*/
	width: 180px;
	border: 10px solid transparent;
}
nav#thumbNav a img {
	width: 100%;
	padding: 5px;
	background-color: #fff;
	opacity: 1;
	transition: all 0.3s ease;
	height: auto;
}
nav#thumbNav a:focus img,
nav#thumbNav a:hover img {
	opacity: 0.5;
}




/* Über uns
*************************************************************/
#leftContent {
	/*background-image: url(/img_content/tu_dummy_startseite_1.jpg);*/
	background-size: cover;
	background-position: center;
	width: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
}
#leftWrapper {
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#rightContent {
	float: left;
	width: 50%;
	margin-left: 50%;
	padding: 150px 30px 200px 0;
}
#rightWrapper {
	max-width: 960px;
}


/* Partner
*************************************************************/
section#content.partner {
	background-color: rgba(0,0,0,0.5);
	padding: 150px 30px 200px 30px;
}
div.bgImage.partner {
	/*background-image: url(/img_content/tu_dummy_startseite_8.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
section#content.partner div.container {
	background-color: transparent;
}
section#content.partner div.projektheader {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	max-width: 70%;
	padding-left: 0;
	margin: 0 auto;
}
section#content.partner div.partnerlogos {
	text-align: center;
	padding-top: 40px;
}
section#content.partner div.partnerlogos div.logoRow {
	vertical-align: middle;
}
section#content.partner div.partnerlogos div.row {
	margin: 0;
}
section#content.partner span.logoWrapper {
	display: inline-block;
	margin: 20px 20px;
	vertical-align: middle;
}



/* Portfolio
*************************************************************/
section#content.portfolio {
	padding: 150px 30px 200px 30px;
}
section#content.portfolio div.container {
	background-color: transparent;
}
section#content.portfolio div.projektheader {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	max-width: 70%;
	padding-left: 0;
	margin: 0 auto;
}
div.portfolioSlider {
	margin-top: 50px;
}
div.sliderItem {
	width: 33%;
	opacity: 0.3;
	outline: none;
}
div.sliderItem figure {
	height: 20vw;
	background-size: cover;
	background-position: center;
}
div.sliderItem a {
	text-decoration: none;
}
div.sliderItem .slideDescription {
	padding: 20px 40px;
	text-align: center;
}
div.sliderItem .slideDescription h2 {
	font-size: 20px;
}
div.sliderItem.slick-current {
	opacity: 1;
}
div.sliderItem img {
	width: 100%;
	height: auto;
}
section#content div.portfolioSlider a.sliderLink {
	text-decoration: none;
}
section#content div.portfolioSlider a.sliderLink:focus,
section#content div.portfolioSlider a.sliderLink:hover {
	text-decoration: none;
}

.prevWrap,
.nextWrap {
	display: block;
	width: 2vw;
	position: absolute;
	height: 20vw;
	z-index: 1000;
	top: 0;
}
.nextWrap {
	right: 0;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.prevWrap {
	left: 0;
	background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.slick-prev, 
.slick-next {
	font-size: 0;
	line-height: 20vw;
	position: absolute;
	top: 50%;
	display: inline;
	width: 100%;
	height: auto;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}


/* Kontakt
*************************************************************/
section#content.kontakt {
	background-color: rgba(0,0,0,0.5);
	padding: 150px 30px 200px 30px;
}
div.bgImage.kontakt {
	/*background-image: url(/img_content/tu_dummy_startseite_7.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
section#content.kontakt .container {
	background-color: transparent;
}
section#content.kontakt div.projektheader {
	padding-bottom: 20px;
	margin-bottom: 20px;
	max-width: none;
	padding-left: 0px;
}
div.kontaktLeft {
	width: 25%;
	float: left;
}
div.kontaktRight {
	width: 75%; 
	float: left; 
	padding: 0 0 0 100px;
}
input[type='text'],
input[type='submit'],
textarea {
	border: 0px;
	background-color: #fff;
	width: 100%;
	line-height: 50px;
	height: 50px;
	padding: 0 20px;
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
}
textarea {
	line-height: 20px;
	padding: 20px;
	height: 300px;
	resize: vertical;
}
input[type="submit"] {
	width: auto;
	line-height: 40px;
	padding: 0 30px;
	font-weight: 500;
	cursor: pointer;
	text-align: center;
}
fieldset#submit {
	text-align: center;
}
fieldset {
	margin-bottom: 50px;
}
p.required {
	text-align: right;
}
.control {
	font-family: inherit;
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	padding-top: 0px;
	cursor: pointer;
	font-size: 16px;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control_indicator {
	position: absolute;
	top: 0px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #fff;
	border: 0px solid #000000;
}
.control-radio .control_indicator {
	border-radius: none;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
	background: #cccccc;
}
/*d87402*/
.control input:checked ~ .control_indicator {
	background: #d87402;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
	background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control_indicator:after {
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control_indicator:after {
	display: block;
}
.control-checkbox .control_indicator:after {
	left: 8px;
	top: 4px;
	width: 3px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
	border-color: #7b7b7b;
}
div#validationMessage {
	margin-bottom: 20px;
	border: 2px solid rgb(216, 116, 2);
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
}
div.captchaWrapper {
	text-align: center;
	margin-bottom: 30px;
}
div.g-recaptcha {
	display: inline-block;
}



/* Impressum, Datenschutz, Allgemeine Seiten
*************************************************************/

section#content.default {
	padding: 150px 30px 200px 30px;
}
section#content.default p {
	color: rgba(150,150,150,1);
}
section#content a {
	text-decoration: underline;
	color: #d87402;
}
section#content a:focus,
section#content a:hover {
	text-decoration: none;
}
section#content.default h1, 
section#content.default h2 {
	text-transform: none;
	color: #d87402;
	text-align: center;
}
div.leftCol,
div.rightCol {
	width: 50%;
	float: left;
	padding: 0 30px;
	margin-bottom: 5vw;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
section#content.default h3 {
	font-weight: 500;
	font-style: italic;
	font-size: 16px;
	text-transform: none;
	color: inherit;
}