@charset "UTF-8";
/* CSS Document */



.site-header h1.logo {
   position: relative;
   z-index: 1300;
   display: table;
   width: 200px;
   margin: 0 0 0 0;
   padding: 0;
   height: 90px;
   vertical-align: middle;
   line-height: 0;
   font-size: 16px;
   }

p.zitat {
	color: rgba(0,0,0,1.00);
}

.cite {
   color: #000;
}
.extra-style {
	background-color: black;
	padding: 3px 10px 3px 10px;
}

.project-overlay .extra {
	background-color: rgba(0, 39, 65,1.00);
}


/*    TYPOGRAPHIE    */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	color:#000000;
	line-height:1.5em;
	font-family: "FrutigerNextW04 Light", Helvetica, Arial, sans-serif;
}

li a.nav-item {
   font-size: 0.9em;
   letter-spacing: 2px;
   padding-right: 20px;
}

li a.nav-item.last-item {
   padding-right: 0;
}
.no-strong {
	font-family: "FrutigerNextW04-Regular", Helvetica, Arial, sans-serif;
}
.no-strong-light {
	font-family: "FrutigerNextW04-Regular", Helvetica, Arial, sans-serif;
}

h4 {
   font-family: "FrutigerNextW04 Light", Helvetica, Arial, sans-serif;
   font-size: 20px;
   line-height: 1.8em;
   color: #000000;
}

h4.uppercase {
   font-family: "Frutiger Next W04 Bold", Helvetica, Arial, sans-serif;
   font-size: 14px;
   text-transform: uppercase;
   line-height: 1.8em;
   letter-spacing: 2px;
   color: #000000;
}

.table td {
   font-size: 20px;
}


#main-menu span {
   color:rgba(228,0,43,1.00)
}
.secondary-menu > ul{
	border-left:1px solid #B8B6B6;
}

.secondary-menu > ul > li > a{
	display:block;
	overflow:hidden;
	padding:0 10px;
	height:34px;
	border-right:1px solid #B8B6B6;
	color:#999999;
	font-size:12px;
	line-height:34px;
}

#contact a {
   color: #999999;
}

.social-icons-bar a{
	margin-left:15px;
	color:#ffffff;
	line-height:30px;
}

.social-icons-bar a:hover{
	margin-left:15px;
	color:#999999;
	line-height:30px;
}

span.accent-color-text {
   font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
   color: rgba(0,0,0,1.00);
}

span.accent-color-text-white {
   font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
   color: rgba(255,255,255,1.00);
}


.extra-margin {
   margin-top: 50px;
}

#sticky-nav {
   padding-bottom: 0;
}

table {
   line-height: 1.7em;
}

.nav-active {
   color: rgba(228,0,43,1.00);
   font-style: normal;
}

li.points {
   list-style-type: square;
   margin-left: 10px;
}
.padding-b20 {
   padding-bottom: 20px;
}

.btn.transparent{
	border: 2px solid rgba(228, 0, 43, 1.0)!important;
	background: rgba(228, 0, 43, 1.0);
	color:#ffffff;
	padding-top:7px!important;
	padding-bottom:7px!important;
}
.btn.transparent:hover{
   border: 2px solid rgba(228, 0, 43, .7);
	background:rgba(228, 0, 43, .7);
	color:rgba(255, 255, 255, .7);
}

.btn-primary {
  color: #ffffff;
  background: rgba(55, 166, 222, 1.0);

  text-transform:none;
}
span.lightbutton {
   font-weight: 200;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
   background: rgba(55, 166, 222, .2);

}

.tp-caption.tentered_white_big_theme{
	position:absolute;
	font-weight:400;
	font-size:48px;
	line-height:56px;
	padding:20px 40px 20px 40px;
	margin:0;
	border:0;
	text-shadow:0 1px 0 rgba(0,0,0,0.2);
	color:#000;
}

.footer-text p {
   font-size: 14px;
}

.pwhite {
   color: rgba(255, 255, 255, 0.8);
}
.ptablewhite {
   display: table-cell;
   text-align: left;
   vertical-align: middle;
   color: rgba(255, 255, 255, 0.8);
}

.h1white {
   font-family: "Frutiger Next W04 Light", sans-serif;
   font-weight: 100;
   font-size: 4em;
   letter-spacing: 1px;
   color: rgba(255, 255, 255, 1.0);
   text-align: center;
}
.h2white {
   font-family: "Frutiger Next W04 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 200;
   font-size: 20px;
   line-height: 1.8em;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   color: rgba(255, 255, 255, 1.0);
}

.page-scroll {
   margin: 0px -8px;
}         

.borderred {               
   border-left: 8px solid rgba(228, 0, 43, 1.0);                          
}

.borderred2 {               
   border-left: 8px solid rgba(228, 0, 43, 1.0);                          
}

.vertikal {
   display: table;
   width: 36%;
   height: 70px;
}
.vertikal2 {
   display: table;
   width: 56%;
   height: 70px;
}
.vertikal-head {
   display: table;
   width: 92%;
   height: 90px;
   border-bottom: 10px solid white;
}

.padding-t125-b45 {
  padding-top:125px;
	padding-bottom:45px; 
}

a .data-link:hover {
   color: rgba(255, 255, 255, 1.0);
   text-decoration: none !important;
}


.video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.59);
padding: 110px 0 32px;
min-height: 496px; 
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
text-align:center;
color:#fff;
}
.video-section h1{
font-size:110px;
font-family: 'Buenard', serif;
font-weight:bold;
text-transform: uppercase;
margin: 40px auto 0px;
text-shadow: 1px 1px 1px #000;
-webkit-text-shadow: 1px 1px 1px #000;
-moz-text-shadow: 1px 1px 1px #000;
}
.video-section h3{
font-size: 25px;
font-weight:lighter;
margin: 0px auto 15px;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}

p.tabelle {
    font-size: 16px; 
    line-height: 1.3em;
}

.main-menu {
   display: flex;
   justify-content: center;
}

.main-menu ul {
   margin: 0;
   padding: 0;
}

.main-menu ul li {
   margin: 0;
   padding: 0;
}

.main-menu ul li a {
   margin: 0;
   font-size: 12px;
}

.fundamental {
    background: url(../img_cd/mondfus_1920x800.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 1920px;
    height: 800px;
}

.corporateDesign {
   background-image: url(../img_cd/rote_spindel_1920x800.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 800px;
}

.logotype_square {
   position: relative;
   background-image: url(../img_cd/rote_spindel_2_1920x800.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 800px;
}



.night {
   background-image: url(../img_cd/sternenhimmel_1920x800.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 800px;
}

.spindel_schwenk {
   background-image: url(../img_cd/spindel_schwenk_1920x800.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 800px;
}

.spindel_horizontal_schwarz {
   background-image: url(../img_cd/spindel_horizontal_schwarz_1920x800.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 800px;
}

.hamburger {
   color: #131F33;
   padding-top: 5px;
   padding-left: 40px;
}

.picture-text {
   margin-top: -240px;
}

.grid-container {
   display: grid;
   justify-content: center;
   align-content: center;
}

.grid-container-text {
   display: grid;
   align-content: center;
   justify-content: center;
   max-width: 1280px;
   margin: auto;
}





h4.uppercase-small {
   font-size: 11px;
   text-align: center;
   color: rgba(121,121,121,1.00);
}

.padding-b45 {
   padding-bottom: 45px;
}

p.coloured {
   color: rgba(126, 118, 26, 1.0);
}

.stripe {
   width: 100%;
   height: 50px;
   background-color: #000;
}

.h2black {
   font-size: 20px;
}

li.border-bottom {
  border-bottom: 1px solid rgba(200, 200, 200, 1.0);
   padding: 10px 0 10px 0;
   margin: 0;
}

span.bold {
   font-family: "Frutiger Next W04 Bold", sans-serif;
}

span.color {
   color: rgba(126, 118, 26, 1.0);
   text-transform: uppercase;
   letter-spacing: 2px;
}

span.color:hover {
  color: rgba(85, 86, 90, 1.0); 
   text-decoration: underline;
}

span.color-p {
   font-size: 12px;
   color: rgba(126, 118, 26, 1.0);
   text-transform: uppercase;
   letter-spacing: 0.5px;
   line-height: 1.75em; 
}

.logo-quadrat {
   position: absolute;
   top: 0;
   left: 75%;
   
}

.color-p-lowercase {
   font-size: 12px;
   color: rgba(126, 118, 26, 1.0);
   letter-spacing: 0.5px;
   line-height: 1.75em; 
}

.pantone_185 {
   background-color: rgba(235, 0, 41, 1.0);
}

.pantone_cool_gray_11 {
   background-color: rgba(85, 86, 90, 1.0);
   margin-right: 5px;
}

.ral9003 {
   
   background-color: rgba(255, 255, 255, 1.0);
   border: 1px solid #c8c8c8;
   
}

.ral9005 {
   background-color: rgba(0, 0, 0, 1.0);
   
}

.ral5004 {
   background-color: rgba(0, 21, 36, 1.0);
}

.cube {
   width: 150px;
   height: 150px;
}

.cube-long {
   width: 100%;
   height: 150px;
}

.black-p-lowercase {
   font-size: 12px;
   color: rgba(0, 0, 0, 1.0);
   letter-spacing: 0.5px;
   line-height: 1.75em;  
}

.smallcube {
   width: 100%;
   height: 30px;
}


.frutiger_light {
   font-family: "Frutiger Next W04 Light", sans-serif;
   font-size: 2em;
   line-height: 1.2em;
}

.frutiger_regular {
   font-family: "FrutigerNextW04-Regular", sans-serif;
   font-size: 2em;
   line-height: 1.2em;
}

.frutiger_bold {
   font-family: "Frutiger Next W04 Bold", sans-serif;
   font-size: 2em;
   line-height: 1.2em;
}

.automation_top {
   background-image: url(../img_cd/automation_1920x800.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 800px;
}

.graph_style {
   background-image: url(../img_cd/worldmap.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 1000px;
}

.imagestyle {
   background-image: url(../img_cd/zweispindler_1920x800.png);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 800px;
}



.three-columns-top {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-content: center;
   margin-top: 25px;

}

.top {
   flex: 0 0 calc(33.333333% - 50px);
}

h5.uppercase {
   font-family: "Frutiger Next W04 Bold", Helvetica, Arial, sans-serif;
   font-size: 10px;
   text-transform: uppercase;
   line-height: 01.4em;
   letter-spacing: 2px;
   color: #646262;
   padding: 20px;
}




#hotline {
   width: 100%;
   position: fixed;
   bottom: 0;
   height: 100px;
   color: #ffffff;
   background-color: #0e90d2;
}

#hotline p {
   letter-spacing: 4px;
   text-transform: uppercase;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   line-height: 60px;
}