@charset "UTF-8";
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

*{margin:0; padding:0;}
img{border:none;}
a{text-decoration:none; color:#3b3b3b;}
body{font-family: 'Open Sans', sans-serif; color:#3b3b3b; background: #f4f4f4; }
p { -moz-hyphens:auto; -webkit-hyphens:auto; -o-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
.clear{clear:both;}

#wrapper{width:94%; max-width:900px; position:relative; margin:0 auto;}
#header{ float:left; padding:30px 0 20px;}
@media screen and (max-width: 600px){
	#header img{ width:80%; height:auto;}
}
#navbutton{position:absolute; top:57px; right:0px; width:40px; height:40px; background-image:url(grafik/navbutton.png); display:none; cursor:pointer;}
#nav{float:right; padding:85px 0 20px;}
#nav ul{list-style-type:none; text-align:right;}
#nav li{display:inline-block; padding:0 10px; border-right: 1px solid #999; }
#nav li:last-child{border-right:none; padding-right:0;}
#nav a{color:#3b3b3b; font-size:18px; line-height:18px;}
#nav a:hover, #nav a.current{color:#f18800;}
#nav a.current{font-weight:700;}
@media screen and (max-width: 840px){
	#nav{float:none; clear:both; padding:10px 0 20px;}
	#nav ul{text-align:right;}
}
@media screen and (max-width: 600px){
	#navbutton{display:block; }
	#nav{float:none; clear:both; padding:10px 0 20px; display:none;}
	#nav ul{text-align:left;}
	#nav li{display:block; padding:5px 0 5px 15px; border-top: 1px solid #999; border-right: 0 none;}
}
#main{clear:both; float:none; padding-bottom:50px;}
#intro{border:solid 1px #999; margin-bottom:0px; width:100%; max-width:898px; overflow:hidden;}
#teaserbild {position:relative;}
#teaserbild img{width:100%; height:auto;}
#teaserbild img#marker{width:10.444%; height:auto; position:absolute; bottom:41%; left:14.3%; z-index:999;}

#memory{width:100.5%; clear:both; float:none;}
.mcard{float:left; width:19.3%; margin:0.2%; position:relative; border: solid 1px #999;}
.mcard img{width:100%; height:auto; display:block;}
a.pname{ position:absolute; width:94%; height:94%; padding:3%; background-color:rgba(255,255,255,0.70); display:none; font-size:14px; font-weight:600; line-height: 24px; overflow:hidden;}
a.pname strong{ color:#f18800; font-weight:700;}
.mcard:hover a.pname{display:block;}
@media screen and (max-width: 720px){
	.mcard{width:19.2%; margin:0.2%; border: solid 1px #999;}
}
@media screen and (max-width: 600px){
	.mcard{width:32.0%; margin:0.2%; border: solid 1px #999;}
	/*body.ref .mcard:nth-child(2), body.ref .mcard:nth-child(10), body.ref .mcard:nth-child(12){display:none;}*/
	body.pro .mcard:nth-child(1), body.pro .mcard:nth-child(7), body.pro .mcard:nth-child(8), body.pro .mcard:nth-child(11), body.pro .mcard:nth-child(12), body.pro .mcard:nth-child(15){display:none;}
}

section.project{border-bottom: solid 1px #666; margin-bottom:55px;}

.project .flexslider{float:left; width:62%; margin-right:2.9%;}

.project-headline, .project-txt{float:right; width:35%;}
.up-button{text-align:right; padding: 5px 0 5px 0}
@media screen and (min-width: 601px){
	.up-button.mobile {display:none;}
}
@media screen and (max-width: 820px){
	.project .flexslider{float:none; width:100%; margin-right:0%;}
	.project-headline, .project-txt{clear:both; float:none; width:100%; padding-top:20px;}
	.project-headline{ padding-top:0px;}
}

h1{font-weight:700; font-size:30px; padding-top:40px;padding-bottom:24px; color:#666;}
@media screen and (max-width: 600px){
	h1{font-size:24px;}
}
p + h1{padding-top:20px;}
.viertel{font-size:18px; font-weight:600; line-height:18px; padding-bottom:24px; color:#8c8c8c;}
h2 {font-size:24px; font-weight:700; line-height:32px;  padding-bottom:5px; color:#666;}
.jahr{font-size:18px; font-weight:400; padding-bottom:20px; color:#302f2f;}
h3{font-size:24px; font-weight:400; padding-bottom:10px;}
@media screen and (max-width: 600px){
	h2, h3{font-size:22px;}
}
h4{font-size:18px; font-weight:700; color:#3b3b3b; padding-bottom:10px;}
p{font-weight:400; font-size:18px; line-height:28px; padding-bottom:22px; hyphens:auto;}
#main p > a:hover{color:#f18800;}
#main a{font-weight:600;}

#footer {text-align:right; font-size:14px; background-color:#e8e8e8; padding:20px 40px 10px 0;}
#footer ul{list-style-type:none; }
#footer li{display:inline-block; padding: 0 10px; border-right:solid 1px #666; line-height:14px;}
#footer li:last-child{border:none; padding-right:0;}
#footer a:hover, #footer a.current{font-weight:700;}
#footer p{ font-size:14px; padding-top:14px;}

.flex-direction-nav .flex-prev{background-image:url('grafik/slideshow-prev.png') !important; width:16px;}
.flex-direction-nav .flex-next{background-image:url('grafik/slideshow-next.png') !important; width:16px;}
.flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before{color:rgba(0, 0, 0, 0) !important;}

/* #ef8300;   #f18800 */