/*@font-face {
    font-family: 'gb';
    src: url('gb/gb.woff2') format('woff2'),
         url('gb/gb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gxl';
    src: url('gxl/gxl.woff2') format('woff2'),
         url('gxl/gxl.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('hel/HelveticaNeueLTStd-UltLt.eot');
	src: url('hel/HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'),
		url('hel/HelveticaNeueLTStd-UltLt.woff') format('woff'),
		url('hel/HelveticaNeueLTStd-UltLt.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('hel/HelveticaNeueLTStd-Lt.eot');
	src: url('hel/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
		url('hel/HelveticaNeueLTStd-Lt.woff') format('woff'),
		url('hel/HelveticaNeueLTStd-Lt.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


body{
	font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
	font-size: 14px;
	color: black;
  -webkit-font-smoothing: subpixel-antialiased;
  letter-spacing: 2px;
  line-height: 18px;
}

a, a:hover, a:active, a:focus{
	color: black;
	text-decoration: none;
}

a.bold{
	font-family: 'Helvetica Neue LT Std';
  font-weight: 300;

}

h1, h2, h3{
  font-family: 'Helvetica Neue LT Std';
  font-weight: 300;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 5px;
  line-height: 28px;
}

h1{
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
}

h3{
	font-size: 20px;
	letter-spacing: 5px;
	width: 700px;
	margin: 20px auto;
  line-height: 25px;
}

.light{
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
}

.h3light{
	font-size: 20px;
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
}

#about, #work{
	margin-right: 40px;
}

.light{
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
}

.gray{
	background-color: #f0f1f3;
}

#headline, #kunden, #agb{
	width: 700px;
	margin: 100px auto;
}

#kunden{
	width: 1000px;
}

#agb{
	margin-top: 20px;
}

.row{
	padding: 0px;
	margin: 0px;
}

.col-xs-6, .col-xs-12{
	padding: 0px;
	margin: 0px;
}


/* HOVER EFFECT */

img{
object-fit: cover;
}

figure {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  position: relative;
  display: block;
  /*cursor: pointer;*/
  overflow: hidden;
}

figure:hover figcaption {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  top: 0;
}

figcaption {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(240,240,240,.8);
  color: #fff;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-transition-delay: .5s;
  -moz-transition-delay: .5s;
  -o-transition-delay: .5s;
  -ms-transition-delay: .5s;
  transition-delay: 0.1s;
}

figcaption h3 {
	/*
  font-family: 'Open sans';
  font-weight: 400;
  color: #f3b204;
  padding: 10px 20px;
  margin-bottom: 0;
  position: relative;
  right: 100%;
  margin-top: 37px;
  font-size: 30px;
  */
  width: 300px;
  position: relative;
  top: 46px;
  margin-left: 50%;
  color: black;
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;

  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 28px;
}

figcaption h3.small{
	width: 300px;
  position: relative;
  top: 27px;
  margin-left: 46px;
  color: black;
  font-family: 'Helvetica Neue LT Std';
  font-weight: 200;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 28px;
}

figcaption p {
	/*
  font-family: 'Open sans';
  padding: 10px 20px;
  margin-bottom: 0;
  margin-top: 20px;
  position: relative;
  left: 100%;
  font-size: 13px;
  */
  width: 300px;
  position: relative;
  top: 50px;
  margin-top: 20px;
  margin-left: 50%;
  font-family: 'Helvetica Neue LT Std';
  font-weight: 300;
  font-size: 14px;
  color: black;
  letter-spacing: 2px;
  line-height: 18px;
}

figcaption p.small{
	width: 300px;
  position: relative;
  top: 46px;
  margin-top: 10px;
  margin-left: 46px;
  color: black;
  font-family: 'Helvetica Neue LT Std';
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 18px;
}

figure:hover h3,figure:hover p {
  left: 0;
}

figcaption a {
  color: #fff;
  border: 2px solid #fff;
  padding: 4px 10px;
  text-decoration: none;
}

figcaption a:hover {
  color: #4f5856;
  background: #fff;
}



.hideme{
    opacity:0;
}

.kunde{
	text-transform: uppercase;
	margin-right: 20px;
	display: inline-block;
}

.form-group{
	width: 700px;
}

label{
	width: 150px;
	text-align: left;
}

input.form-control{
	min-width: 500px;
	border: none;
	border-bottom: 1px solid black;
	border-radius: 0;
	-webkit-box-shadow: none;
}

.form-control:focus{
	border-color: black;
	box-shadow: none;
}

#submitContact{
	cursor: pointer;
}


/* SPINNER */
.loader,
.loader:before,
.loader:after {
  background: #f0f1f3;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}