@charset "utf-8";
@font-face {
	font-family: 'RobotoLight';
	src: url('../../fonts/roboto-light.eot');
	src: url('../../fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/roboto-light.woff') format('woff'),
		url('../../fonts/roboto-light.woff2') format('woff2'),
		url('../../fonts/roboto-light.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
}
@font-face {
	font-family: 'RobotoRegular';
	src: url('../../fonts/roboto-regular.eot');
	src: url('../../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/roboto-regular.woff') format('woff'),
		url('../../fonts/roboto-regular.woff2') format('woff2'),
		url('../../fonts/roboto-regular.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
}
@font-face {
	font-family: 'RobotoMedium';
	src: url('../../fonts/roboto-medium.eot');
	src: url('../../fonts/roboto-medium.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/roboto-medium.woff') format('woff'),
		url('../../fonts/roboto-medium.woff2') format('woff2'),
		url('../../fonts/roboto-medium.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
}
@font-face {
	font-family: 'RobotoBold';
	src: url('../../fonts/roboto-bold.eot');
	src: url('../../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/roboto-bold.woff') format('woff'),
		url('../../fonts/roboto-bold.woff2') format('woff2'),
		url('../../fonts/roboto-bold.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}

table {border-collapse:collapse; border-spacing:0;}
td, th {padding:0;}
strong, strong abbr, strong a {font-weight:normal; font-family:RobotoBold,Arial,"Helvetica Neue",Helvetica,sans-serif;}
em, em abbr, em a {font-style:italic;}
strong em, em strong {font-family:RobotoBold,Arial,"Helvetica Neue",Helvetica,sans-serif; font-style:italic;}
abbr[title] {cursor:help; text-decoration:none;}
img {max-width:100%; height:auto !important;}
a[href^="tel"] {color:inherit; text-decoration:none;}

/* BASICS */
html {
	margin:0; padding:0;
	overflow-y:scroll;
}
body {
	color:#000; background:#fff;
	font:100% RobotoLight,Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-align:center;
}

/* TITEL */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0;
}
h1 {
	font-size:35px;
}
header h1 { /* Logo */
	width:50%;
	float:left;
	text-align:right;
}
header h1 img {
	margin:0 15px 0 0;
}
h3, h4 {
	font-family:RobotoMedium,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
h2 {
	font-size:35px;
}
footer h2 {
	font-family:RobotoBold,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
h3 {
	margin:0 0 24px 0;
	font-size:28px;
}
h4 {
	font-size:20px;
}

/* TEXTBLÖCKE */
p, address, dl, pre, table, form, .content img {
	margin:0 0 27px 0;
}
p, address, li {
	font-size:19px;
}
address {
	font-style:normal;
}
p + ul {
	margin-top:-27px;
}
hr {
	margin:0 0 21px 0;
}
pre {
	padding:0 0 1em 0;
	overflow-x:scroll;
}
ul, ol {margin:0 0 27px 0; padding:0;}
ul li {list-style:disc;}
article ul li {
	list-style:none;
	text-indent:-0.3em;
}
article ul li:before {
	content:':';
	position:relative;
	left:-0.5em;
}

/* LINKS */
a {text-decoration:none; color:#000;}
.content a {font-family:RobotoRegular,Arial,"Helvetica Neue",Helvetica,sans-serif;}
a:hover, a:active, a:focus {color:#a2bc00;}
.lead a {font-family:RobotoBold,Arial,"Helvetica Neue",Helvetica,sans-serif;}
.impressum a, .lead address a {font-family:RobotoLight,Arial,"Helvetica Neue",Helvetica,sans-serif;}
a.anchor {
	display:block;
	position:relative;
	top:-111px;
	visibility:hidden;
}

/* LAYOUT */
#wrapper {
	position:relative;
	max-width:1146px;
	margin:0 auto;
	text-align:left;
}
header {
	position:fixed;
  top:0;
  left:0;
  z-index:99;
  padding:30px 0 0 0;
	text-transform:lowercase;
	width:100%;
  background:#fff;
}
header.smaller {
  padding:0;
  -webkit-transition:.3s;
  transition:.3s;
}
header.scroll {
	height:111px;
}
header.smaller h1 {
	margin-top:-5px;
	height:97px;
  overflow:hidden;
}
header span {
	display:none;
}
article {
	margin:200px 0 0 0;
	-webkit-hyphens:auto;
	    -ms-hyphens:auto;
	        hyphens:auto;
}
address {
	-webkit-hyphens:none;
	    -ms-hyphens:none;
	        hyphens:none;
}	
#welcome {
	float:left;
	padding:0 0 28px 0;
	line-height:1.48;	
	background:url(../img/layout/plus.gif) no-repeat bottom center transparent;
}
.content {
	padding:28px 0 0 0;
	line-height:1.37;
	background:url(../img/layout/plus.gif) no-repeat top center transparent;
}
#welcome .content {
	padding:57px 0 0 0;
}
.lead {
	font-family:RobotoRegular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.lead address {
	font-family:RobotoLight,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.col1, .lead-title {
	width:50%;
	float:left;
	clear:left;
}
.col2, .lead {
	float:right; width:50%;
	clear:right;
}
.lead, .lead-title {
	padding-top:18px; padding-bottom:42px;
	line-height:1.5;
}
.lead-title img {
	display:none;
}
.col1 h2, .col1 h3, .col1 h4, .col1 p {
	margin-left:30px;
}
.col2 h2, .col2 h3, .col2 h4, .col2 p {
	margin-left:45px;
}
.col2.impressum h3, .col2.impressum p {
	margin-left:13px;
}
.col2 ul {
	margin-left:60px;
}
.col2 address {
	margin:-5px 0 0 15px;
	text-transform:lowercase;
}
#welcome .col1 h2 {
	margin:8px 0 8px 30px;
}
#welcome .col1 p {
	font-family:RobotoRegular,Arial,"Helvetica Neue",Helvetica,sans-serif;
	line-height:1.47;
}
.col1 ul {
	margin-left:45px;
}
.col1 hr {
	margin-right:17px;
}
.col1 h2, .col1 h3, .col1 h4, .col1 p, .col1 ul {
	margin-right:45px;
}
.col2 h2, .col2 h3, .col2 h4, .col2 p, .col2 ul {
	margin-right:28px;
}
.col2.impressum h3 {
	margin-bottom:0;
	font-size:19px;
}
.lead-title h2 {
	margin:0 15px 0 0;
	text-transform:lowercase;
	text-align:right;
}
.lead p, .lead address {
	margin:17px 20px 0 15px;
	font-size:20px;
}
.lead address {
	font-size:19px;
}
.col2 .img-wrapper, .col2 hr {
	margin-left:15px;
}
.col1 .info {
	margin:17px 17px 50px 0; padding:20px 20px 22px 30px;
	color:#fff; background:#a2bc00;
}
p.last, img.last, p.last-before-footer {
	margin-bottom:0;
}
.info {
	position:relative;
	cursor:pointer;
}
.info div {
	display:none;
}
.info.info-open div {
	display:block;
	margin-top:20px;
}
.info span {
  position:absolute; top:28px; right:27px;
  height:19px; width:19px;
  background:url(../img/layout/arrow-down-info.gif) no-repeat top right;
  -webkit-transform-origin:10px 5px 0;
          transform-origin:10px 5px 0;
  -webkit-transform:rotate(0);
          transform:rotate(0);
  -webkit-transition:-webkit-transform 0.2s ease-out;
  transition:-webkit-transform 0.2s ease-out;
  transition:transform 0.2s ease-out;
  transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.info.info-open span {
	-webkit-transform:rotate(180deg);
	        transform:rotate(180deg);
}
.info h3 {
	margin-bottom:0;
	font-size:29px;
	letter-spacing:2px;
	text-align:center;
	text-transform:uppercase;
}
.info h3 em {
	display:block;
	text-transform:lowercase;
	font-style:normal;
	font-size:20px;
	letter-spacing:0;
}
.info p, .info ul, .info h3 em {
	font-family:RobotoRegular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.info p, .info h3 {
	margin-right:0;
	margin-left:0;
}
.info ul {
	margin-right:0;
	margin-left:15px;
}
.info p:last-child {
	margin-bottom:0;
}
.col1 .img-wrapper {
	margin-right:17px;
}
.kontakt address {
	margin-top:5px;
}
.kontakt strong {
	letter-spacing:0.5px;
}
.impressum p:last-child {
	margin-bottom:5px;
}
#referenzen {
	position:relative;
	margin:27px 17px 0 0; padding:22px 0 0 0;
	cursor:pointer;
	border:1px solid #000;
}
#referenzen.el-open {
	border-bottom:none;
}
#referenzen h3 {
	margin-bottom:0; padding-bottom:24px;
}
#refdet {
	display:none;
}
#refdet.show {
	display:block;
	margin:0 17px 0 0;
	border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;
}
#referenzen span {
  position:absolute; top:37px; right:31px;
  height:19px; width:19px;
  background:url(../img/layout/arrow-down.gif) no-repeat top right;
  -webkit-transform-origin:10px 5px 0;
          transform-origin:10px 5px 0;
  -webkit-transform:rotate(0);
          transform:rotate(0);
  -webkit-transition:-webkit-transform 0.2s ease-out;
  transition:-webkit-transform 0.2s ease-out;
  transition:transform 0.2s ease-out;
  transition:transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
#referenzen:hover span {
	background-image:url(../img/layout/arrow-hover.gif);
}
#referenzen.el-open span {
	-webkit-transform:rotate(180deg);
	        transform:rotate(180deg);
}
footer {
	width:100%;
	float:left;
	clear:both;
	margin:20px 0 50px 0;
	background:url(../img/layout/plus.gif) no-repeat top center transparent;
	font-family:RobotoRegular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
footer div {
	width:357px;
	margin:55px 0 0 50%;
	text-transform:lowercase;
	line-height:1.38;
}
footer h2 {
	margin:0 0 5px 15px;
	font-size:15px;
}
footer h2:first-child {
	border-top:4px solid #a2bc00;
	padding:12px 0 0 0;
}
footer address {
	margin:0 0 17px 15px;
	font-size:15px;
	font-style:normal;
}
#start-more {
	clear:both;
	float:left;
	width:100%; height:490px;
	margin:28px 0 10px 0;
	background:url(../img/layout/start-more.jpg) no-repeat center center transparent;
	background-size:cover;
	text-align:center;
}
#start-more p {
	margin:0;
}
#start-more a {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
	width:343px; height:140px;
	margin:0 13px;
	display:inline-block;
	text-decoration:none;
	text-transform:lowercase;
	background:rgba(255,255,255,0.8);
	font-family:RobotoLight,Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size:35px;
}
#start-more a:hover, #start-more a:active, #start-more a:focus {
	color:#fff;
	background:rgba(162,188,0,0.8);
}
#start-more em {
	font-style:normal;
	position:relative;
	display:block;
	top:50%;
	-webkit-transform:translateY(-50%);
	        transform:translateY(-50%);
}
.clr {
	clear:right;
}

/* NAVIGATION */
.nav-toggle {
	display:none;
}
nav {
	margin:0 0 0 50%;
	font-family:RobotoRegular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
nav ul {
	margin:0 0 0 30px; padding:26px 0 0 0;
}
header.smaller nav ul {
	padding:0;
}
nav li {
	list-style: url('../img/layout/nav-li.png');
	font-size:17px;
	line-height:1.3;
}
nav a {
	text-decoration:none;
}
nav a:hover, nav a:active, nav a:focus, nav strong {
	color:#000;
	font-family:RobotoBold,Arial,"Helvetica Neue",Helvetica,sans-serif;
}