html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:;}
a img{border:none;}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }
a:link, a:visited {color: inherit;text-decoration: none;}
p a:link {text-decoration: none;}
p a:hover {text-decoration: none;}
body {
	
}
.navmain {z-index: 900;padding: 10px 0;position: fixed;top:0;background: white;}
.navmain, .navfront {width: 100%;left:0;height: 20px;font-weight: 300;letter-spacing: 1.5px;font-size: 14px;}
.navmain ul, .navfront ul  {margin-left: 20px;}
.navmain ul li, .navfront ul li  {float: left;margin-right: 2em;list-style: none;}
.navmain a, .navfront a{color: black;}
.navmain .current a, .current a,.navmain a:hover {color: #cc6699;}
body {
	font: 300 14px/1.5em "Avenir", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	max-width: 640px;
}
h1 {}
h2 {}
h3 {font: 700 0.9em/1.5em "Avenir", sans-serif; text-transform: uppercase; margin: 1em 0 0.5em 0;}
h4 {font: 600 0.9em/1.5em "Avenir", sans-serif;}
hgroup span {margin: 0;font-style: italic;color: #999;}
p {margin: 0; margin: 0.5em 0 1.5em 0;}
p.b {margin: 0; margin: 0.5em 0 1.5em 0; font-style: oblique;}
q { quotes: '"' '"' "'" "'"; }
q:before { content: open-quote; }
q:after  { content: close-quote; }
.smallcaps {font-variant: small-caps;}
.footnotes {list-style-type: decimal;}
a.footnote:link, a.footnote:visited {vertical-align: super;font-size: small;text-decoration: none;}
.logo{
    	background-image: url("../assets/logo_name.png");
	background-repeat: no-repeat;
	position: fixed;
	top: 50%;
	left: 0%;
	margin-top: -200px;
	margin-left: 0px;
	width:100%;
	height:100%;
	text-align:center;
	z-index:-25}
.frontsection {position: relative; height: 100%; max-width: 640px;}
.section-head {
	font: 700 30px/1em "Avenir", sans-serif;
	color: black;
	margin: 2em 0 1em 0;
	text-transform: uppercase;
}

.front-link {position: absolute;width: 100%;height: 100%;display: block;}

#front h1 {font: 300 72px/1.3em "Avenir", sans-serif;}
#front .front-subtitle {font: 400 61px/1.3em "Avenir", sans-serif;}
.front-intro {margin-top: 4em;font: 300 16px/1.5em "adobe-garamond-pro", serif;text-align: left;}
.front-wrapper {position:absolute;width: 640px;top:30%;margin-left: -320px;left: 50%;text-align: center;z-index: 100;}
.front-background {position: absolute;width: 100%;height: 100%;background: no-repeat center center;background-size: 100% auto;animation-delay:2s; -webkit-animation-delay:2s;animation-duration:1s; -webkit-animation-duration:1s;z-index: 1;}
#services {	padding: 20px;}
#clients {padding: 20px;}
#about {padding: 20px;}
#why {padding: 20px;}
#support {padding: 20px;}
#contact {padding: 20px;}
#impressum {padding: 20px;}
#impressum p {position:absolute; bottom: 40px; font-size: 10px; }