/* CSS by studio-frey.com */

/* Reset Styles
***********************/
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,table, 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;} img title {visibility:hidden !important;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.onlymobile {display:none !important;}
.delayContent {display:none;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#000;
	font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif;
	/* background:#F5F5F5;*/
	background:#FFF;
	}

/* start sitebuild styles */	
html,body {
    height:100%;
}

.noscroll {height:100%; overflow:hidden;}

p {font-size:16px; line-height:22px; letter-spacing:0.4px; margin-top:12px; color:#000;}
p strong {font-family:'berthold_akzidenz_groteskbold',Arial,sans-serif; font-weight:normal;}

h1 {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; color:#000; font-size:50px; line-height:57px; letter-spacing:4px;}
h2 {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; color:#000; font-size:16px; line-height:22px; letter-spacing:1px;}
h3 {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:21px; line-height:21px; margin:80px 0 -15px; letter-spacing:0.3px; color:#000;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	font-style:normal;
	text-decoration:none;
	color:#000;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
a:hover {
	text-decoration:underline;
	-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;
	}
/* end link styles */
.loading-window {position:fixed; width:100%; left:0; right:0; top:0; bottom:0; z-index:79; background:#fff;}

.testcolor {background:#F00;}

.header {position:relative; width:100%; box-sizing:border-box; padding:0px 0 0; height:85px; z-index:98;}
.header-logo {position:absolute; right:0; top:40px; width:260px; padding:inherit;} .header-logo img {width:100%;}
.header-logo-switch {position:absolute; right:0; top:30px; width:260px; padding:inherit; display:none;} .header-logo-switch img {width:100%;}

.header.shadow {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

/* navigation mobile */
#navigationwrapper {position:fixed; width:100%; top:0px; bottom:0; background:rgba(255,255,255,0.97); z-index:90; box-sizing:border-box; padding:120px 0 100px 0px; display:none;}

#navigation {position:relative; box-sizing:border-box; padding:0; z-index:6; padding:0 0 40px 0;}
#navigation ul li {margin:14px 0px; display:block; list-style:none; position:relative; float:none; text-align:left;}
#navigation ul li a {color:#000; font-size:28px; line-height:28px; padding:0px; text-decoration:none; font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; letter-spacing:2.5px;}
#navigation ul li a:hover {color:#000; text-decoration:none; padding:0 0 0 14px; cursor:pointer;}
#navigation ul li a.navigation-special:hover {color:#000; text-decoration:none; padding:0 0 0 0px; cursor:pointer;}


.nav-special-title1,
.nav-special-title2 {
  transition: 0.5s;
}
.nav-special-title2 {
  position:absolute; left:-100px;
  opacity: 0;
}

/* WHEN BOX IS HOVERED SWAP TITLES */
.nav-special:hover .nav-special-title1 {
  opacity: 0;
}
.nav-special:hover .nav-special-title2 {
  opacity: 1; left:0;
}

.header-socialwrapper {box-sizing:border-box; padding:0px; z-index:96; width:120px;}
.header-socialwrapper img {height:22px; margin:0 16px 0 0;}
.header-socialwrapper img:hover {opacity:0.6;}

.header-buylink {position:fixed; transform: rotate(270deg); z-index:89; left:76px; bottom:80px; color:#000; font-size:12px; line-height:18px; font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; letter-spacing:1.5px; display:none;}
.header-buylink a {font-family:'berthold_akzidenz_groteskbold',Arial,sans-serif; color:#000; font-size:16px; line-height:16px; }
.header-buylink a:hover {opacity:0.6; text-decoration:none;}


/* HOME BOX */
.homebox {position:fixed; top:0; left:0; width:100%; z-index:99; box-sizing:border-box; margin:0px 0px 0px; overflow:hidden; height:300px; background-size:cover; background-position:center center;}
.homebox-media {height: 100vh;
	  width: 100vw;
	  object-fit: cover;
	  position: fixed;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;}

.homebox-overlay {position:absolute; width:100%; margin:-30px auto 0; text-align:center; z-index:997; display:none;} .homebox-overlay img {width:500px;}

.homebox-overlay-service {margin:3.5vh auto 0;}
.homebox-overlay-service h2 {display: inline-block; padding: 0 13px; font-family:'akzidenz_grotesk_be_regularRg',Arial,sans-serif; font-size:26px; line-height:26px; letter-spacing:1px;}
.homebox-overlay-service-black h2 {color:#000;}
.homebox-overlay-service-white h2 {color:#fff;}

.homebox-overlay-link {position:absolute; width:100%; top:0; bottom:0; left:0; right:0; z-index:998; cursor:pointer !important;}

.homebox-animation-bottom {position:absolute; bottom:3%; left:50%; width:40px; margin-left:-20px; text-align:center; display:none; z-index:999;} .homebox-animation-bottom img {width:100%; padding:0 0 10px;}
.homebox-animation-bottom:hover img {padding:5px 0 5px;} .homebox-animation-bottom a {display:block;} 

#contentcontainer {position:relative; z-index:5; padding:50px 0 0; text-align:left; overflow:hidden; min-height:400px; 
	-webkit-transition:all 1.2s ease 0s; 
	transition:all 1.2s ease 0s; 
	-moz-transition:all 1.2s ease 0s; 
	-o-transition:all 1.2s ease 0s; 
	-ms-transition:all 1.2s ease 0s;}
.contentlimiter {max-width:2400px; margin:auto; padding:0 180px; position:relative; z-index:6;}
.contentlimiter2 {max-width:1100px; margin:auto; padding:0 35px; position:relative; z-index:6;}

.block404 {font-size:30px; line-height:40px; padding:100px 0;}

.block1 {box-sizing:border-box; margin:0px 0; padding:0 0 0px; z-index:20; position:relative; max-width:80%;}
.block2 {}
.block3 {box-sizing:border-box; margin:80px 0 60px; padding:0px; z-index:20; position:relative; }
.block3-left {width:35%; float:left; margin-right:15%;} .block3-left img {width:100%;}
.block3-left2 img {padding-bottom:20px;}
.block3-right {width:50%; float:left;}
.block3-right p {font-size:15px; line-height:24px;}
.block3-right-top-spacer {width:60%; height:3px; background:#0B2935; margin:130px 0 0;}
.block3-right-top {padding:10px 0 50px;} 
.block3-right-top p {font-family:'berthold_akzidenz_groteskMd',Arial,sans-serif; font-size:20px; line-height:32px; margin-top:26px; letter-spacing:0.5px;}

.block3-right-img img {width: 270px; margin: 120px 0 0;}

.block3-3 {margin:150px 0 60px;}
.block3-left3 img {width:60%;}
.block3-right-top3 h1 {font-size: 36px;}
.block3-right-top3 p {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; margin-top:26px; letter-spacing:0.5px;}
.block3-right-top3 p a {text-decoration: underline;}
.block3-right-top3 p a:hover {text-decoration: none;}

.block4 {box-sizing:border-box; width:40%; margin:80px 20% 20px 35%; border-top:3px solid #000; padding:10px 0 0px; z-index:20; position:relative; }
.block4 p {font-size:20px; line-height:26px;}
.block4 p a {color:#000; font-size:30px; line-height:42px; font-family:'berthold_akzidenz_groteskbold',Arial,sans-serif;}

.block4-imagebox {padding:20px 0 70px;} .block4-imagebox img {width:100%;}

.block4-imprint {font-size:13px; line-height:13px; letter-spacing:0.5px; padding:130px 0 0;}

.block5 {box-sizing:border-box; width:40%; margin:80px 20% 140px 35%; border-top:3px solid #0B2935; padding:10px 0 0px; z-index:20; position:relative; }

.block6 {box-sizing:border-box; width:102%; margin:0px -1% 70px -1%; padding:0px 0 0px; z-index:20; position:relative;}
.block6 p {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; color:#000; font-size:26px; line-height:26px; letter-spacing:2px; margin:0 0 20px; padding:0 0 0 1%;}
.block6 img {width:18%; margin:1% 1%;}


.project-filter {margin:0 0 15px 0; opacity:0.2;} .project-filter:hover {opacity:1.0;}
.project-filter a {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:15px; line-height:14px; letter-spacing:1px; margin:0 25px 0 0;}
.project-filter a:hover {text-decoration:none; border-bottom:1px solid #000;}
.project-filter a.selected {text-decoration:none; border-bottom:1px solid #000;}

.project-overview-wrapper{margin:0 -1.5% 100px -1.5% !important;}
.project-overview-box {width:30.27%; margin:1.5% 1.5%; float:left;} .project-overview-box img {width:100%;} .project-overview-box video {width:100%;}

/* title overlay */
.project-overview-image {height: auto; position: relative;}
.project-overview-image:hover .project-overview-overlay {opacity: 1;}
.project-overview-overlay {position: absolute; top: 0; margin: 0; height: 100%; width: 100%; text-align: center; background-color:rgba(255,255,255,0.85); transition: all 0.5s ease; opacity:0;}
.project-overview-overlay h1 {position: absolute; top: 50%; margin-top:-10px; width: 80%; padding:0 10%; text-align: center; font-family:'akzidenz_grotesk_be_regularRg',Arial,sans-serif; font-size:17px; line-height:22px; letter-spacing:1px;}
.mobiletitle {padding:8px 0 0;}
.mobiletitle h1 {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:15px; line-height:18px; letter-spacing:0.3px;}

.project-detail-imgwrapper {margin:-2.2% -2.2% 80px -2.2% !important;}
.project-detail-imgbox {margin:2.2% 2.2%; float:left;} .project-detail-imgbox img {width:100%;} .project-detail-imgbox img:hover {opacity:0.5;}
.project-detail-imgbox video {width:100%;}
.project-detail-imgbox h1 {font-family:'berthold_akzidenz_groteskbold',Arial,sans-serif; font-size:20px; line-height:22px; letter-spacing:1.2px; padding:0 0 16px;}
.project-detail-imgbox span {font-size:16px; line-height:16px; letter-spacing:1px; padding:0 0 30px; display:block;}

.project-detail-textbox {}
.project-detail-textbox table {margin:22px 0 0;}
.project-detail-textbox td {font-size:16px; line-height:22px; letter-spacing:0.4px;}
.project-detail-textbox td strong {font-family:'berthold_akzidenz_groteskMd',Arial,sans-serif; font-weight:normal;}
.project-detail-textbox td a {text-decoration:underline;} .project-detail-textbox td a:hover {text-decoration:none;}
.detail-table-tdleft {width:120px;}
.project-detail-backbutton-top {text-align:left; margin:50px 0 0px;}
.overviewtitle {width:90%; max-width:700px;}

.project-detail-imgbox4 {width:20.57%;}
.project-detail-imgbox3 {width:28.89%;}
.project-detail-imgbox2 {width:45.54%;}
.project-detail-imgbox1 {width:95.48%;}

.project-detail-backbutton {text-align:center; margin:100px 0 120px;}
.project-detailview-backbutton {position:absolute; top:50px; right:70px; width:30px; z-index:999; margin:0px 0 0px;} .project-detailview-backbutton img {width:100%;}
.project-detailview-backbutton:hover {transform:rotate(90deg);}

a.backbutton {display:inline-block; font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935; padding:1px 10px 0px 20px; margin:0; background:url(../data/files/icon-arrow-left.png) left no-repeat; background-size:5px 9px;}
a.backbutton:hover {padding:1px 15px 0px 25px; margin:0 0 0 -10px; text-decoration:none;}

a.backbutton-phone {display:inline-block; font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:12px; line-height:12px; letter-spacing:0.8px; color:#0B2935; padding:1px 10px 0px 10px; margin:0;}
a.backbutton-phone:hover {text-decoration:none;}

a.hidebutton {display:inline-block; font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935; padding:1px 10px 0px 10px; margin:0;}
a.hidebutton:hover {padding:1px 5px 0px 25px; margin:0 0 0 -10px; text-decoration:none;}


.project-detail-nav-left {width:20px; position:fixed; left:70px; top:47%; z-index:99; opacity:0.6;} .project-detail-nav-left img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-left img:hover {width:100%; padding:10px 15px 10px 5px;}
.project-detail-nav-right {width:20px; position:fixed; right:90px; top:47%; z-index:99; opacity:0.6;} .project-detail-nav-right img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-right img:hover {width:100%; padding:10px 5px 10px 15px;}

.news-overview-wrapper {margin:40px -1.5% 70px -1.5% !important;}
.news-overview-box {width:29.29%; margin:1.5% 2.0% 4%; float:left; box-sizing:border-box;} .news-overview-box img {width:100%; padding:0 0 20px;} .news-overview-box img:hover {opacity:0.5;}
.news-overview-box video {width:100%; padding:0 0 20px;} .news-overview-box video:hover {opacity:0.5;}
.news-overview-box-date {padding:0px 0 12px; font-size:13px; line-height:13px; letter-spacing:1px; color:#838383;}
.news-overview-box-textwrapper {padding:0 30px 10px 10px;}
/*.news-overview-box-textwrapper p {font-size:14px; line-height:18px; margin-top:6px;}*/

.news-detail-top {box-sizing:border-box; margin:16px 0 0; padding:0px; z-index:20; position:relative; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935;}
.news-detail-box {margin:28px 0 60px;} .news-detail-box img {width:100%; padding:0 0 30px;} .news-detail-box video {width:100%; padding:0 0 30px;}
.news-detail-text {max-width:800px;}
.news-detail-bottom {font-size: 14px; padding:0 0 100px;}

.news-detail-image img:hover {opacity:1.0;} 

.copyfooter {padding:16px 0 14px; background:rgba(0,0,0,0.03); font-size:13px; color:#000; text-align:center; width:100%; position:relative; margin:0px 0 0; font-size:13px; line-height:13px; letter-spacing:0.5px;}
.homefooter {height:20px; background:#f2f2f2;}

.block-video {
	display: flex;
	justify-content: center;
	margin-top: 5vh;
}
	
.block-video iframe {
	aspect-ratio: 16 / 9;
	width: 100% !important;
}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 1300px) {
	.contentlimiter {padding:0 100px;}
	
	.header-buylink {left:6px; bottom:80px;}
	
	.project-detail-nav-left {width:20px; position:fixed; left:30px; top:47%; z-index:99; opacity:0.6;} .project-detail-nav-left img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-left img:hover {width:100%; padding:10px 15px 10px 5px;}
	.project-detail-nav-right {width:20px; position:fixed; right:50px; top:47%; z-index:99; opacity:0.6;} .project-detail-nav-right img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-right img:hover {width:100%; padding:10px 5px 10px 15px;}

}

@media screen and (max-width: 1025px) {
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}

	
	p {font-size:16px; line-height:22px; letter-spacing:0.4px; margin-top:12px;}
	
	h1 {font-size:35px; line-height:40px; letter-spacing:3px;}
	h2 {font-size:16px; line-height:22px; letter-spacing:1px;}
	h3 {font-size:21px; line-height:21px; margin:80px 0 -15px; letter-spacing:0.3px;}
	
	.header {position:fixed; width:100%; box-sizing:border-box; padding:0px 0 0; height:80px; z-index:99;}
	.header-logo {position:absolute; right:0; top:30px; width:260px; padding:inherit;} .header-logo img {width:100%;}
	
	/* navigation mobile */
	#navigationwrapper {position:fixed; width:100%; top:0px; bottom:0; background:rgba(255,255,255,0.95); z-index:90; box-sizing:border-box; padding:120px 0 100px 0px; display:none;}
	
	#navigation {position:relative; box-sizing:border-box; padding:0; z-index:6; padding:0 0 40px 0;}
	#navigation ul li {margin:14px 0px; display:block; list-style:none; position:relative; float:none; text-align:left;}
	#navigation ul li a {color:#000; font-size:28px; line-height:28px; padding:0px; text-decoration:none; letter-spacing:2.5px;}
	#navigation ul li a:hover {color:#000; text-decoration:none; padding:0 0 0 14px; cursor:pointer;}
	
	.header-socialwrapper {box-sizing:border-box; padding:0px; z-index:96; width:120px;}
	.header-socialwrapper img {height:22px; margin:0 16px 0 0;}
	.header-socialwrapper img:hover {opacity:0.6;}
	
	.header-buylink {position:fixed; transform: rotate(270deg); z-index:89; left:-12px; bottom:70px; color:#000; font-size:12px; line-height:18px; letter-spacing:1.5px; visibility:hidden;}
	.header-buylink a {color:#000; font-size:16px; line-height:16px; }

	
	/* HOME BOX */
	.homebox {position:relative; box-sizing:border-box; margin:0px 0px 0px; overflow:hidden; height:300px; background-size:cover; background-position:center center;}
	.homebox-overlay {position:absolute; width:100%; margin:-30px auto 0; text-align:center; z-index:997; display:none;} .homebox-overlay img {width:350px;}
	.homebox-overlay-link {position:absolute; width:100%; top:0; bottom:0; left:0; right:0; z-index:998; cursor:pointer !important;}
	
	.homebox-overlay-service {margin:3.0vh auto 0;}
	.homebox-overlay-service h2 {padding: 0 8px; font-size:20px; line-height:30px; letter-spacing:0.5px;}
	
	.homebox-animation-bottom {position:absolute; bottom:3%; left:50%; width:40px; margin-left:-20px; text-align:center; display:none; z-index:999;} .homebox-animation-bottom img {width:100%; padding:0 0 10px;}
	.homebox-animation-bottom:hover img {padding:5px 0 5px;} .homebox-animation-bottom a {display:block;} 
	
	#contentcontainer {position:relative; z-index:5; padding:130px 0 0; text-align:left; overflow:hidden; min-height:400px;}
	.contentlimiter {max-width:2400px; margin:auto; padding:0 60px; position:relative; z-index:6;}
	.contentlimiter2 {max-width:1100px; margin:auto; padding:0 35px; position:relative; z-index:6;}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}
	
	.block1 {box-sizing:border-box; margin:0px 0; padding:0 0 0px; z-index:20; position:relative; max-width:100%;}
	.block2 {}
	.block3 {box-sizing:border-box; margin:80px 0 60px; padding:0px; z-index:20; position:relative; }
	.block3-left {width:40%; float:left; margin-right:10%;} .block3-left img {width:100%;}
	.block3-right {width:50%; float:left;}
	.block3-right p {font-size:15px; line-height:24px;}
	.block3-right-top-spacer {width:60%; height:3px; background:#0B2935; margin:80px 0 0;}
	.block3-right-top {padding:10px 0 50px;} 
	.block3-right-top p {font-family:'berthold_akzidenz_groteskMd',Arial,sans-serif; font-size:20px; line-height:32px; margin-top:26px; letter-spacing:0.5px;}
	
	.block3-3 {margin:150px 0 60px;}
	.block3-left3 img {width:60%;}
	.block3-right-top3 h1 {font-size: 28px;}
	.block3-right-top3 p {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; margin-top:20px; letter-spacing:0.3px;}
	.block3-right-top3 p a {text-decoration: underline;}
	.block3-right-top3 p a:hover {text-decoration: none;}
	
	.block3-right-img img {width: 200px; margin: 90px 0 0;}
	
	.block4 {box-sizing:border-box; width:50%; margin:80px 20% 20px 0%; border-top:3px solid #000; padding:10px 0 0px; z-index:20; position:relative; }
	.block4 p {font-size:20px; line-height:26px;}
	.block4 p a {color:#000; font-size:30px; line-height:42px; font-family:'berthold_akzidenz_groteskbold',Arial,sans-serif; }
	
	.block4-imagebox {padding:20px 0 50px;} .block4-imagebox img {width:100%;}
	
	.block4-imprint {font-size:13px; line-height:13px; letter-spacing:0.5px; padding:110px 0 0;}
	
	.block5 {box-sizing:border-box; width:100%; margin:80px 20% 60px 0%; border-top:3px solid #0B2935; padding:10px 0 0px; z-index:20; position:relative; }
	
	.block6 {box-sizing:border-box; width:102%; margin:0px -1% 70px -1%; padding:0px 0 0px; z-index:20; position:relative;}
	.block6 p {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; color:#000; font-size:26px; line-height:26px; letter-spacing:2px; margin:0 0 20px; padding:0 0 0 1%;}
	.block6 img {width:18%; margin:1% 1%;}
	
	.project-filter {margin:0 0 15px 0; opacity:0.2;} .project-filter:hover {opacity:1.0;}
	.project-filter a {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:13px; line-height:20px; letter-spacing:1px; margin:0 20px 0 0;}
	.project-filter a:hover {text-decoration:none; border-bottom:1px solid #000;}
	.project-filter a.selected {text-decoration:none; border-bottom:1px solid #000;}
	
	.project-overview-wrapper{margin:0 -1.5% 100px -1.5% !important;}
	.project-overview-box {width:46.93%; margin:1.5% 1.5%; float:left;} .project-overview-box img {width:100%;}
	
	/* title overlay */
	.project-overview-image {height: auto; position: relative;}
	.project-overview-image:hover .project-overview-overlay {opacity: 1;}
	.project-overview-overlay {position: absolute; top: 0; margin: 0; height: 100%; width: 100%; text-align: center; background-color:rgba(255,255,255,0.85); transition: all 0.5s ease; opacity:0;}
	.project-overview-overlay h1 {position: absolute; top: 50%; margin-top:-10px; width: 80%; padding:0 10%; text-align: center; font-family:'akzidenz_grotesk_be_regularRg',Arial,sans-serif; font-size:17px; line-height:22px; letter-spacing:1px;}
	
	.project-detail-imgwrapper {margin:-2.2% -2.2% 80px -2.2% !important;}
	.project-detail-imgbox {margin:2.2% 2.2%; float:left;} .project-detail-imgbox img {width:100%;} .project-detail-imgbox img:hover {opacity:0.5;}
	.project-detail-imgbox h1 {font-family:'berthold_akzidenz_groteskbold',Arial,sans-serif; font-size:20px; line-height:22px; letter-spacing:1.2px; padding:0 0 16px;}
	.project-detail-imgbox span {font-size:16px; line-height:16px; letter-spacing:1px; padding:0 0 30px; display:block;}
	
	.project-detail-textbox {max-width:900px;}
	
	.project-detail-backbutton-top {text-align:left; margin:50px 0 0px;}
	
	.project-detail-imgbox4 {width:45.50%;}
	.project-detail-imgbox3 {width:45.50%;}
	.project-detail-imgbox2 {width:45.50%;}
	.project-detail-imgbox1 {width:95.48%;}
	
	.project-detail-backbutton {text-align:center; margin:100px 0 120px;}
	.project-detailview-backbutton {position:absolute; top:50px; right:70px; width:30px; z-index:999; margin:0px 0 0px;} .project-detailview-backbutton img {width:100%;}
	.project-detailview-backbutton:hover {transform:rotate(90deg);}
	
	a.backbutton {display:inline-block; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935; padding:1px 10px 0px 20px; margin:0; background:url(../data/files/icon-arrow-left.png) left no-repeat; background-size:5px 9px;}
	a.backbutton:hover {padding:1px 15px 0px 25px; margin:0 0 0 -10px; text-decoration:none;}
	
	a.hidebutton {display:inline-block; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935; padding:1px 10px 0px 10px; margin:0;}
	a.hidebutton:hover {padding:1px 5px 0px 25px; margin:0 0 0 -10px; text-decoration:none;}
	
	
	.project-detail-nav-left {width:15px; position:fixed; left:10px; top:47%; z-index:99; opacity:0.6;} .project-detail-nav-left img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-left img:hover {width:100%; padding:10px 15px 10px 5px;}
	.project-detail-nav-right {width:15px; position:fixed; right:30px; top:47%; z-index:99; opacity:0.6;} .project-detail-nav-right img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-right img:hover {width:100%; padding:10px 5px 10px 15px;}
	
	.news-overview-wrapper {margin:40px -1.5% 70px -1.5% !important;}
	.news-overview-box {width:45.95%; margin:1.5% 2.0% 4%; float:left; box-sizing:border-box;} .news-overview-box img {width:100%; padding:0 0 20px;} .news-overview-box img:hover {opacity:0.5;}
	.news-overview-box-date {padding:0px 0 12px; font-size:13px; line-height:13px; letter-spacing:1px; color:#838383;}
	.news-overview-box-textwrapper {padding:0 30px 0 5px;}
	
	.news-detail-top {box-sizing:border-box; margin:16px 0 0; padding:0px; z-index:20; position:relative; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935;}
	.news-detail-box {margin:28px 0 80px;} .news-detail-box img {width:100%; padding:0 0 30px;}
	.news-detail-text {max-width:800px;}
	.news-detail-bottom {font-size: 14px; padding:0 0 100px;}
	
	.news-detail-image img:hover {opacity:1.0;} 
	
	.copyfooter {padding:16px 0 14px; background:rgba(0,0,0,0.03); font-size:13px; color:#000; text-align:center; width:100%; position:relative; margin:0px 0 0; font-size:13px; line-height:13px; letter-spacing:0.5px;}
	.homefooter {height:20px; background:#f2f2f2;}

}

@media screen and (max-width: 680px) {
	.nomobile {display:none !important;}
	.onlymobile {display:inherit !important;}
	
	p {font-size:14px; line-height:19px; letter-spacing:0.4px; margin-top:8px;}
	
	h1 {font-size:24px; line-height:32px; letter-spacing:1px;}
	h2 {font-size:15px; line-height:22px; letter-spacing:0.5px;}
	h3 {font-size:18px; line-height:21px; margin:20px 0 -10px; letter-spacing:0.3px;}
	
	.header {position:fixed; width:100%; box-sizing:border-box; padding:0px 0 0; height:46px; z-index:99;}
	.header-logo {position:absolute; right:0; top:14px; width:140px; padding:inherit;} .header-logo img {width:100%;}
	
	/* navigation mobile */
	#navigationwrapper {position:fixed; width:100%; top:0px; bottom:0; background:rgba(255,255,255,0.95); z-index:90; box-sizing:border-box; padding:80px 0 100px 0px; display:none;}
	
	#navigation {position:relative; box-sizing:border-box; padding:0; z-index:6; padding:0 0 30px 0;}
	#navigation ul li {margin:10px 0px; display:block; list-style:none; position:relative; float:none; text-align:left;}
	#navigation ul li a {color:#000; font-size:20px; line-height:20px; padding:0px; text-decoration:none; letter-spacing:2.5px;}
	#navigation ul li a:hover {color:#000; text-decoration:none; padding:0 0 0 14px; cursor:pointer;}
	
	.header-socialwrapper {box-sizing:border-box; padding:0px; z-index:96; width:120px;}
	.header-socialwrapper img {height:22px; margin:0 16px 0 0;}
	.header-socialwrapper img:hover {opacity:0.6;}
	
	.header-buylink {position:absolute; transform: rotate(270deg); z-index:89; left:-12px; bottom:70px; color:#000; font-size:12px; line-height:18px; letter-spacing:1.5px;}
	.header-buylink a {color:#000; font-size:16px; line-height:16px; }

	
	/* HOME BOX */
	.homebox {position:relative; box-sizing:border-box; margin:0px 0px 0px; overflow:hidden; height:300px; background-size:cover; background-position:center center;}
	.homebox-overlay {position:absolute; width:100%; margin:-30px auto 0; text-align:center; z-index:997; display:none;} .homebox-overlay img {width:280px;}
	.homebox-overlay-link {position:absolute; width:100%; top:0; bottom:0; left:0; right:0; z-index:998; cursor:pointer !important;}
	
	.homebox-overlay-service {margin:2.5vh auto 0;}
	.homebox-overlay-service h2 {padding: 4px 8px; display: block; font-size:16px; line-height:16px; letter-spacing:0.5px;}
	
	
	.homebox-animation-bottom {position:absolute; bottom:3%; left:50%; width:40px; margin-left:-20px; text-align:center; display:none; z-index:999;} .homebox-animation-bottom img {width:100%; padding:0 0 10px;}
	.homebox-animation-bottom:hover img {padding:5px 0 5px;} .homebox-animation-bottom a {display:block;} 
	
	#contentcontainer {position:relative; z-index:5; padding:80px 0 0; text-align:left; overflow:hidden; min-height:300px;}
	.contentlimiter {max-width:2400px; margin:auto; padding:0 30px; position:relative; z-index:6;}
	.contentlimiter2 {max-width:1100px; margin:auto; padding:0 35px; position:relative; z-index:6;}
	
	.block404 {font-size:30px; line-height:40px; padding:100px 0;}
	
	.block1 {box-sizing:border-box; margin:0px 0; padding:0 0 0px; z-index:20; position:relative; max-width:100%;}
	.block2 {}
	.block3 {box-sizing:border-box; margin:40px 0 60px; padding:0px; z-index:20; position:relative; }
	.block3-left {width:50%; float:left; margin-right:50%;} .block3-left img {width:100%;}
	.block3-right {width:100%; float:left;}
	.block3-right p {font-size:15px; line-height:24px;}
	.block3-right-top-spacer {width:60%; height:0px; background:none; margin:0px 0 0;}
	.block3-right-top {padding:10px 0 0px;} 
	.block3-right-top p {font-size:16px; line-height:20px; margin-top:12px; letter-spacing:0.2px;}
	
	.block3-3 {margin:50px 0 60px;}
	.block3-left3 img {width:50%; margin-bottom: 20px;}
	.block3-right-top3 h1 {font-size: 22px;}
	.block3-right-top3 p {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; margin-top:20px; letter-spacing:0.2px;}
	.block3-right-top3 p a {text-decoration: underline;}
	.block3-right-top3 p a:hover {text-decoration: none;}
	
	.block3-right-img img {width: 130px; margin: 50px 0 0;}
	
	.block4 {box-sizing:border-box; width:100%; margin:30px 0% 20px 0%; border-top:none; padding:10px 0 0px; z-index:20; position:relative; }
	.block4 p {font-size:16px; line-height:21px;}
	.block4 p a {color:#000; font-size:20px; line-height:26px; font-family:'berthold_akzidenz_groteskbold',Arial,sans-serif; }
	
	.block4-imagebox {padding:14px 0 30px;} .block4-imagebox img {width:100%;}
	
	.block4-imprint {font-size:12px; line-height:12px; letter-spacing:0.3px; padding:40px 0 0;}
	
	.block5 {box-sizing:border-box; width:100%; margin:40px 20% 40px 0%; border-top:0px solid #0B2935; padding:10px 0 0px; z-index:20; position:relative; }
	
	.block6 {box-sizing:border-box; width:102%; margin:0px -1% 40px -1%; padding:0px 0 0px; z-index:20; position:relative;}
	.block6 p {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; color:#000; font-size:22px; line-height:22px; letter-spacing:1px; margin:0 0 10px; padding:0 0 0 1%;}
	.block6 img {width:31%; margin:1% 1%;}
	
	.project-filter {margin:0 0 15px 0; opacity:0.2;} .project-filter:hover {opacity:1.0;}
	.project-filter a {font-family:'berthold_akzidenz_groteskLt',Arial,sans-serif; font-size:11px; line-height:17px; letter-spacing:0.3px; margin:0 10px 0 0;}
	.project-filter a:hover {text-decoration:none; border-bottom:1px solid #000;}
	.project-filter a.selected {text-decoration:none; border-bottom:1px solid #000;}
	
	.project-overview-wrapper{margin:0 -1.5% 50px -1.5% !important;}
	.project-overview-box {width:46.85%; margin:1.8% 1.5%; float:left;} .project-overview-box img {width:100%;}

	/* title overlay */
	.project-overview-image {height: auto; position: relative;}
	.project-overview-image:hover .project-overview-overlay {opacity: 1;}
	.project-overview-overlay {position: absolute; top: 0; margin: 0; height: 100%; width: 100%; text-align: center; background-color:rgba(255,255,255,0.85); transition: all 0.5s ease; opacity:0;}
	.project-overview-overlay h1 {position: absolute; top: 48%; margin-top:-10px; width: 90%; padding:0 5%; text-align: center; font-size:14px; line-height:17px; letter-spacing:0px;}
	
	.mobiletitle {padding:4px 0 0;}
	.mobiletitle h1 {font-family:'akzidenz_grotesk_be_regularRg',Arial,sans-serif; font-size:11px; line-height:13px; letter-spacing:0px;}

	.project-detail-imgwrapper {margin:-2.2% -2.2% 40px -2.2% !important;}
	.project-detail-imgbox {margin:2.2% 2.2%; float:left;} .project-detail-imgbox img {width:100%; padding-bottom:6px;} .project-detail-imgbox img:hover {opacity:1;}
	.project-detail-imgbox h1 {font-size:16px; line-height:19px; letter-spacing:0.8px; padding:0 0 11px;}
	.project-detail-imgbox span {font-size:14px; line-height:14px; letter-spacing:0.7px; padding:0 0 16px; display:block;}
	
	.project-detail-textbox {padding-bottom:20px;}
	.project-detail-textbox table {margin:14px 0 0;}
	.project-detail-textbox td {font-size:13px; line-height:18px; letter-spacing:0.4px;}
	.detail-table-tdleft {width:100px;}
	.project-detail-backbutton-top {text-align:left; margin:50px 0 0px;}
	.overviewtitle {width:100%;}
	
	.project-detail-imgbox4 {width:95.48%;}
	.project-detail-imgbox3 {width:95.48%;}
	.project-detail-imgbox2 {width:95.48%;}
	.project-detail-imgbox1 {width:95.48%;}
	
	.project-detail-backbutton {text-align:center; margin:0px 0 40px;}
	.project-detailview-backbutton {position:absolute; top:20px; right:20px; width:16px; z-index:999; margin:0px 0 0px;} .project-detailview-backbutton img {width:100%;}
	.project-detailview-backbutton:hover {transform:rotate(90deg);}
	
	a.backbutton {display:inline-block; font-size:12px; line-height:12px; letter-spacing:0.8px; color:#0B2935; padding:1px 10px 0px 20px; margin:0; background:url(../data/files/icon-arrow-left.png) left no-repeat; background-size:5px 9px;}
	a.backbutton:hover {padding:1px 15px 0px 25px; margin:0 0 0 -10px; text-decoration:none;}
	
	a.hidebutton {display:inline-block; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935; padding:1px 10px 0px 10px; margin:0;}
	a.hidebutton:hover {padding:1px 5px 0px 25px; margin:0 0 0 -10px; text-decoration:none;}
	
	
	.project-detail-nav-left {width:8px; position:absolute; left:60px; top:auto; bottom:31px; z-index:99; opacity:0.6;} .project-detail-nav-left img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-left img:hover {width:100%; padding:10px 12px 10px 8px;}
	.project-detail-nav-right {width:8px; position:absolute; right:80px; top:auto; bottom:31px; z-index:99; opacity:0.6;} .project-detail-nav-right img {width:100%; padding:10px 10px 10px 10px;} .project-detail-nav-right img:hover {width:100%; padding:10px 8px 10px 12px;}
	
	.news-overview-wrapper {margin:20px -1.5% 70px -1.5% !important;}
	.news-overview-box {width:95.95%; margin:1.5% 2.0% 8%; float:left; box-sizing:border-box;} .news-overview-box img {width:100%; padding:0 0 14px;} .news-overview-box img:hover {opacity:0.5;}
	.news-overview-box-date {padding:0px 0 8px; font-size:11px; line-height:11px; letter-spacing:0.5px; color:#838383;}
	.news-overview-box-textwrapper {padding:0 30px 0 5px;}
	
	.news-detail-top {box-sizing:border-box; margin:16px 0 0; padding:0px; z-index:20; position:relative; font-size:13px; line-height:13px; letter-spacing:1px; color:#0B2935;}
	.news-detail-box {margin:8px 0 40px;} .news-detail-box img {width:100%; padding:0 0 30px;}
	.news-detail-text {max-width:800px;}
	.news-detail-bottom {font-size: 14px; padding:0 0 100px;}
	
	.news-detail-image img:hover {opacity:1.0;} 
	
	.copyfooter {padding:10px 0 9px; background:rgba(0,0,0,0.03); color:#000; text-align:center; width:100%; position:relative; margin:0px 0 0; font-size:12px; line-height:13px; letter-spacing:0.2px;}
	.homefooter {height:20px; background:#f2f2f2;}
	
}