@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* General Sessions */
html {
	position: relative;
	min-height: 100%;
	background: #F3921C ;
}
body {
	overflow-x: hidden;
	font-family: Arial;
	font-size: 14px;
	color: #000;
}
h1, h2, h3{
	font-family: 'PT Sans', Arial;
	text-transform: uppercase;
}
h1,
h2{
	margin-bottom: 70px;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 40px;
}
h3{
	font-size: 22px;
	font-weight: 400;
}
label {
	font-size: 12px;
    font-weight: normal;
	color: #000;
}
a:focus {outline: 0 none;}
.light a,
a.orange {
	color:#f2941c;
	text-decoration:underline;
}
a.white {color:#fff!important;}
a#ghost {
	position: absolute;
	top: 645px;
	left: 39%;
	display: inline-block;
	width: 250px;
	height: 77px;
	cursor:pointer;
}
#jobs .light a {
	color:#000;
	text-decoration:underline;
}
a.flag {
	position:absolute;
	top: 6px;
	right: 9px;
}

.row p {margin:0 0 30px;}

/*General Classes */
.clear {clear:both;}
.cover{opacity: 0;}
.uncover{opacity: 1;}
.toTop, .contact{cursor: pointer;}
.center-row {display:table;}
.center {
	display:table-cell;
    vertical-align:middle;
    float:none;
}
.btn{
	border-radius: 0;
	text-transform: uppercase;
	padding: 8px 25px;
	text-decoration:none!important;
}
.mb60{margin-bottom: 60px!important;}
.mb80{margin-bottom: 80px!important;}
.mt60{margin-top: 60px!important;}

.header-separator{height: 90px;}

/* Navigation */
.navbar{
    border: 0 none;
    margin-bottom: 0;
	box-shadow: 0 -25px 30px 10px #000;
}
.nav li{	border-bottom: 5px solid #FFF;}
.nav li:hover{border-bottom: 5px solid #606060;}
.nav li.active{border-bottom: 5px solid #F5A238;}
.nav li.contact-item.active{border-bottom: 5px solid #000;}

.navbar-default .navbar-nav > li > a {
   font-family: 'PT Sans', Arial;
   text-transform: uppercase;
   font-size: 16px;
}
.navbar-brand {
	padding: 0;
	height: auto;
}
.navbar-nav.navbar-right:last-child {margin-right:14px;}
.navbar .container-fuild{position: relative;}
ul.nav{
	margin-top:35px;
}

/* Panels */
.panel{
	background-color: transparent;
	box-shadow: none;
}
.panel-group {margin-bottom: 0;}
.panel-group .panel {border-radius: 0;}
.panel-default {border-color: transparent;}

/* Contact */
.contact-box{
	top: 89px;
	position: absolute;
	left: 0;
	z-index: 1000;
	width: 100%;
}
.contact-box h2{margin-bottom: 20px;}
.contact-box p{margin-bottom: 40px;}
#contact .panel-body{
	background: #F3921C ;
	border-bottom:5px solid #000;
	color: #fff;
	padding: 80px 0;
}
.btn-contact{
	background: #000; 
	border: 1px solid #000;
	color: #fff;
}

.closeContact{
	position: absolute;
	bottom:-80px;
	right: 0;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'PT Sans', Arial;
	color:#fff!important;
}
#success {
	font-size: 20px;
	text-align: center;
}
#map_wrap {
	height:300px;
	overflow:hidden;
}
#mapCanvas{
	height: 300px;
	width:100%;
}

#mapcontent {
	width:150px;
	height:40px;
	color:#000;
}

/* Color Settings */
.dark{color: #000;}
.light{color: #fff;}
.dark hr.separator{border-bottom: 1px solid #000;}
.light hr.separator{border-bottom: 1px solid #fff;}
#tech .boxes hr.separator{border-bottom: 1px solid #fff;}
#techno .boxes hr.separator{border-bottom: 1px solid #000;}
.answer hr.separator{
	border-bottom: 1px solid #000;
	background:#000;
}

/* General Section Settings */
section {
	padding: 80px 0;
	z-index: 500;
	position: relative;
}
section .left-side{text-align: right;}
section .right-side{text-align: left;}
section strong,
#contact strong,
#privacy strong {
	font-family: 'PT Sans', Arial;
	font-size: 22px;
	line-height: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
}
section p{line-height: 28px;}
section hr.separator{
	height: 0;		
	display: block;
	margin: 25px 0;
}
section .btn{
	margin-top: 60px;
}
section .btn.btn-info{
	color: #606060;
	background: #fff;
	border: 1px solid #fff;
}
section .btn.btn-info:hover {
	color: #fff;
	background: #606060;
	border: 1px solid #606060;
}
.ui-progress-bar {
	background:transparent;
	position:relative;
	margin-bottom:50px;
	box-shadow:none;
}
.ui-progress-bar b {
	font:22px/1.5em 'PT Sans', Arial!important;
	position:absolute;
	top:0;
	color:#000;
}
.ui-progress-bar b#st {left:65%;}
.ui-progress-bar b#nd {left:45%;}
.ui-progress-bar b#rd {left:40%;}
.ui-progress-bar b#th {left:30%;}
/*Start Page */
section#start{
	color: #fff;
	background:transparent url(../img/start_bg.jpg) no-repeat center top;
    text-align: center;
	font-family: 'PT Sans', Arial;
}
.intro-message {
    padding: 20% 0 30% 0;
    position: relative;
}
.intro-message h1{
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 0.7;
	margin-bottom:30px;
}
.intro-message .btn {
	margin:20px 0 40px;; 
}
.intro-divider {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 1px solid #f8f8f8;
    width:71%;
}
section#career b {font:22px/22px arial;}
section#career {line-height:28px;}
/* Pages */
section#company,
section#inventar,
section#career{background: #fff;}
section#products,
section#techno,
section#management{background: #606060;}
section#about-us,
section#press,
section#careers,
section#privacy,
section#opt-out,
section#data-driven {background: #E5E5E5;}
section#jobs {background: #F3921C ;}
section#products .btn.btn-default{margin-top: 0;}
section#technology{background: #F3921C ;}
section#careers p{margin-bottom: 30px;}
section#about-us .boxes,
section#about-us .boxes,
section#techo .boxes,
section#careers .boxes,
section#data-driven .boxes{
	background: white;
	margin-top: 80px;
}
section#tech {background:transparent url(../img/technologie_bg.png) no-repeat center top;}
section#tech .boxes {color:#fff;}
section#tech .boxes .col-md-12 {
	margin-top: 35px;
	background: #F3921C ;
}
section#techno .boxes{	
	color:#000;
}
section#techno .boxes .col-md-4 {
	margin-top:50px;
	background: white;
}
section#privacy {text-align:justify;}


.btn-default {
	color:#fff!important;
	text-decoration:none!important;
}


/* Logo Container */
.customer-logos{
	background: #E4E4E4;
	padding: 60px 0;
}

/* Top Link */
.topLink{
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'PT Sans', Arial;
	background: #000;
	bottom: 20px;
	color: #fff;
	padding: 15px 30px;
	position: fixed;
	right: 0;
	z-index: 800;
	display: none;
}
.topLink:hover{
	color: #fff;
	text-decoration: none;
}

/* company */
.team strong{font:20px/1.5em 'PT Sans', Arial!important;}
.team img {margin:30px 0;}
.team span {font-size:18px;}

#press .block {
	background:#fff;
	padding:40px 25px 10px;
	margin:15px 0 30px;
}
#press .block strong {font-size:40px;}
#press .block a {
	display:block;
	color:#f2941c;
	font-size:22px;
	text-transform:uppercase;
}
#press .block a:hover {text-decoration:none;}
#press .block a span {
	float:right;
	color:#000;
	font-size:40px;
}

img.references {margin-bottom:60px;}

/* products */
.carousel-indicators div {
	font-family: 'PT Sans', Arial;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	text-align:center;
	line-height:63px;
	cursor:pointer;
	background:#F3921C ;
}
.carousel-indicators div.active {
	background:#000;
	width:100%!important;
	height:63px!important;	
}
.carousel-indicators {
	position: relative!important;
	left:0;
	width:100%!important;
	height:63px!important;
	margin-left:0;
	padding-left: 0;
	list-style: none;	
	text-align: center;
}
.carousel-control {width:5%;}
.carousel-control.right,
.carousel-control.left {background:none;}
.carousel-inner {
	width:90%;
	margin:0 auto;
}
.carousel-caption {
	position:static;
	color:#000;
	text-shadow:none;
	text-align:left;
	padding-top:0;
}

.carousel-control .icon-prev, .carousel-control .arrow-left {
	background:url(../img/produkte_pfeil.png) no-repeat top left;
	width:20px;
	height:40px;
	top:260px;
	margin-left:-15px;
	position:absolute;
}
.carousel-control .icon-next, .carousel-control .arrow-right {
	background:url(../img/produkte_pfeil.png) no-repeat top right;
	width:20px;
	height:40px;	
	top:260px;
	margin-right:-15px;
	position:absolute;
}
p.angle {
	background:url(../img/pfeil.png) no-repeat 0 7px;
	padding-left:30px;
}

/*karriere*/
.question {
	font:22px/55px 'PT Sans', Arial;
	background:#fff;
	text-transform:uppercase;
	color:#000;
	margin-bottom:35px;
	cursor:pointer;	
}
.question.active {
	background:#000;
	color:#fff;
}
.answer {
	background:#fff;
	color:#000;
	padding:35px 25px 60px 20px;
	font-size:12px;
	margin-bottom:35px;
	display:none;
}
.closed {
	float:right;
	font:18px/38px 'PT Sans', Arial;
	clear:right;
	cursor:pointer;
}
.grey {
	font-size:12px;
	margin-top:50px;
	background:#efeeee;
	padding:35px 15px;
}
.grey strong {color:#f2941c}
.grey ul {	
	padding-left:15px;
	margin:20px 0 30px;
}
.grey li {	
	color:#f2941c;
	margin-bottom:10px;
}
.grey li span{
	color:#000;
	font:12px/22px arial;
}

/* opt-out/opt-in*/
#optout,
#optin {margin:20px 0;}
#optout h3,
#optin h3{font:40px/50px 'PT Sans', Arial;}
#optout .table,
#optin .table {
	padding:0;
	display:table;
}
#optout .tablerow,
#optin .tablerow{display:table-row;}
#optout .cell,
#optin .cell {
	display:table-cell;
	vertical-align:top;
	position:relative;
}
#optout .inactive,
#optin .active {
	color:#fff;
	background:#f5a339;
	padding:25px 40px;
}
#optout .inactive hr,
#optin .active hr {border-bottom:#fff;} 
#optout .active,
#optin .inactive {
	color:#000;
	background:#fff;
	padding:25px 40px;	
}
#optout .middle,
#optin .middle {
	width:100px;
	vertical-align:middle;
	background:#fff;
}
#optin .middle {background:#f5a339;}
#optout .cell .btn,
#optin .cell .btn {
	position:absolute;
	bottom:20px;		
}
#optout .active.cell .btn,
#optin .active.cell .btn {right:25px;}
#optout .inactive.cell .btn,
#optin .inactive.cell .btn {left:25px;}

.career_img {float:left;}
.career_txt{float:right;}

/* Footer */
footer {
    padding: 25px 0;
    text-align: center;
	background: #F3921C ;
	color: #fff;
	font-size: 12px;
	border-top:1px solid #fff;
}
footer a{
color: #fff;
display: inline-block;
}
footer .pipe{
	display: inline-block;
	margin: 0 10px;
}
footer .list-inline{
	margin-top: 10px;
}
footer .list-inline > li{
	padding-left: 0;
	padding-right: 0;
}
footer a:hover {color:#fff;}

@-webkit-keyframes animate-stripes {
  to {background-position: 0 0;}
  from {background-position: 44px 0;}
}
@-moz-keyframes animate-stripes {
  to {background-position: 0 0;}
  from {background-position: 36px 0;}
}

.ui-progress-bar {
  position: relative;
  height: 25px;
  padding-right: 2px;
}
.ui-progress-bar .ui-progress {
	background:url(../img/loader.gif);
	position: relative;
	display: block;
	overflow: hidden;
	height: 25px;
}
@media (max-width: 345px) 
{ 
	#optout .table, #optin .table {margin-left: -25px;}	
}
@media (max-width: 767px) 
{ 
	/*iphone*/
	h1, .h1, h2, .h2, h3, .h3 {margin:10px 0;}
	h1, h2 {
		font-size: 24px;		
		letter-spacing: 1px;
		margin:0 0 20px;
	}
	h3 {
		font-size: 21px;
		text-align:left!important;
	}
	.topLink {display:none!important;}
	section {padding: 20px 0 40px;}
	.navbar-toggle {margin-top:25px;}
	ul.nav{margin-top:0;}	
	section strong, #contact strong, #privacy strong {
		font-size:14px;
		font-weight: 700;
	}
	.btn {padding: 6px 12px;}
	section .btn {margin-top: 20px;}
	.intro-message .btn {margin: 20px 0 0;}
	section hr.separator {margin: 10px 0;}
	.mb80 {margin-bottom: 30px!important;}
	section p {line-height: 24px;}
	.career_txt,.career_img {
		float: none;
		display:block;
		text-align:center;
	}
	.career_txt h3 {text-align:center!important;}
	.career_txt {margin:20px 0}
	.bigbtn {
		margin-left:-25px;
		font-size: 13px;
	}
	.question {
		font: 16px/32px "PT Sans",Arial;
		margin-bottom: 20px;
	}
}
@media (min-width: 768px AND max-width: 979px) 
{ 
	/*ipad*/
	.row {margin-right:0;}
	.navbar-nav.navbar-right:last-child {margin-right:0;}
	.navbar-default .navbar-nav > li > a {font-size:14px;}
	.carousel-control .icon-next, .carousel-control .arrow-right,
	.carousel-control .icon-prev, .carousel-control .arrow-left	{top:390px;}
	#optout .cell, #optin .cell {min-height:320px;}
	.career_txt {
		float: left;
		margin-left: 20px;
	}
}
@media (max-width: 980px) 
{ 
	#optout .cell,
	#optin .cell {display:block;}
	#optin .cell p,
	#optout .cell p {padding-bottom:25px;}
	#optout .middle.cell,
	#optin .middle.cell {display:none;}		
	.intro-message h1 {line-height:1em}
	.left-side,.text-right {text-align:left!important;}
}
@media (min-width: 980px) 
{ 
	section#techno .boxes .col-md-4 {
		width:30%;
		margin-right:5%;
	}
	section#techno .boxes .col-md-4:last-child {margin-right:0;}

	.carousel-indicators div,
	.carousel-indicators div.active	{
		width:24%!important;
		margin-right:1.333%!important;
		overflow:hidden;
		white-space:nowrap;		
	}
	.carousel-indicators div:last-child {margin-right:0!important;}
	
	.tripple {
		width:30%;
		margin-right:5%;
		margin-top:50px!important;
	}
	.tripple:last-child {margin-right:0;}
}


.agb div div li {
	display:block;
	margin:0;
	padding:0;
}
.agb .row div div {
	line-height: 28px;
	margin-bottom:30px;
}
.agb {
	counter-reset: section;
	margin: 20px auto;
}
.agb div div strong {
	counter-reset: subsection;
}
.agb div div ul {
	counter-reset: subsubsection;	
}
.agb div div ul ul{
	counter-reset: subsubsubsection;	
}


.agb div div strong:before {
	counter-increment: section;
	content: counter(section) ". ";
}
.agb div div li:before {
	counter-increment: subsection;
	content: counter(section) "." counter(subsection);	
	margin-left:-30px;
	padding-right:10px;
}
.agb div div li li:before {
	counter-increment: subsubsection;
	content: counter(section) "." counter(subsection) "." counter(subsubsection);	
	margin-left:-40px;
	padding-right:10px;
}
.agb div div li li li:before {
	counter-increment: subsubsubsection;
	content: counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection);	
	margin-left:-55px;
	padding-right:10px;
}