@charset "utf-8";

/*
 * normalize.css v2.1.2 | MIT License | git.io/normalize
 */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0 !important; }

/*
 * global
 */

body {
  margin: 0;
  padding: 0;
  background: #2A242A url(/lib/css/images/first-frame-screencap.jpg);
  background-attachment: fixed;
  background-size: cover;
}

body,
div,
p,
article,
address,
video,
th,
td {
	font-family: 'Lato', Arial sans-serif;
	font-weight: 400;
	color:#ff3e19;
}
body strong,
body b,
div strong,
div b,
p strong,
p b,
th strong,
th b,
td strong,
td b {
	font-weight: 900;
}

a, a:link, a:visited, a:active, a:hover {
	color:#ff3e19;
	text-decoration:none;
}
a:active, a:hover {
	color:#fff; /* ff866f */
}
a.none:active, a.none:hover {
	color: inherit;
}

/*
 * nav
 */

a.nav {
	position: absolute;
	font-size:20px;
	white-space:nowrap;
	text-align:right;
	text-decoration:none;
	line-height:28px;
	padding-left:40px;
	background: transparent url(/lib/css/images/star.png) no-repeat 0 0;
	background-size: 32px 32px;
	display:inline-block;
	padding-bottom:6px;
}

a.nav span {
	visibility: hidden;
}
a:hover.nav span,
a:active.nav span,
a.nav.active span {
	visibility:visible;
	color:#ff3e19;
}
a:active.nav span,
a.nav.active span{
	color:#fff;
}

a.nav.home { right:102px; top:36px; }
a.nav.leistungen { right:100px; top:108px; }
a.nav.cv { right:120px; top:192px; }
a.nav.referenzen { right:180px; top:260px; }



/*
 * box
 */

article {
	position:absolute;
	top:20px;
	right:100px;
	left:40px;
	bottom:auto;
	font-size:18px;
}
article.margin-right{
	right:400px;
}
address {
	font-size:22px;
	position:absolute;
	left:6%;
	bottom:17%;
	font-style: normal !important;
}

#video-background {
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}

/*
 * list
 */

article ul {
	list-style-image: none;
	list-style-type: none;	
	padding:0;
	margin:0;
}
article ul li {
	padding:0;
	margin:0 0 3% 0;
}
article ul li p.left,
article ul li p.right {
	margin:0;
	padding:0;
}
article ul li p.left {
	float:left;
	display:inline-block;
	width:140px;
}
article ul li p.right {
	display:inline-block;
	width:auto;
}

article ul li.big p {
	font-size:22px;
}
article ul li.small p {
	font-size:18px;
	line-height:auto;
}
article ul li.smaller p {
	font-size:14px;
	line-height:auto;
}
article ul li.small,
article ul li.smaller {
	margin:0 0 1.5% 0;
}

article ul.normal {
	padding:0;
	margin:0;
	list-style-position: outside;
	list-style-type: disc;
}
article ul.normal li {
	margin: 0 0 0.5% 30px;
}


/*
 * style
 */

p.margin-bottom {
	margin-bottom: 3%;
}
.img-profile {
	position: absolute;
	right:0;
	bottom:30px;
	width:50%;
	max-width:320px;
}


/*
 * misc
 */

.boxshadow {
	box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.6);
}
.textshadow {
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.35);
}
.opacity6{
	opacity:0.68;
}
.clear{
	clear: both; 
	display: block; 
	height: 0; 
	content: "."; 
	margin:0;
	padding:0;
	line-height:0;
}