/*
Theme Name: HPS
Theme URI: http://vrdesign.de
Description: HPS Theme
Author: Andreas Wilbert
Author URI: http://vrdesign.de/
*/

@charset "utf-8";

@import url("bootstrap/css/bootstrap.css");

.mobile-trigger { display:none !important;}

.mobile-trigger {
	display:block;  /* OFF */
	border:none;
	padding:10px 2px;
	font-size: 16px;
	color:#FFF;
	text-align:left;
	text-transform:uppercase;
	background-color:transparent;
	margin-top:20px;
}
.mobile-trigger:after {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  margin-left:8px;
  content: "/f107"></i>";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mobile-menu {
	width:100%;
	max-height:0;
	overflow:hidden;
	transition:all .4s ease;
	-moz-transition:all .4s ease;
	-webkit-transition:all .4s ease;
}
.mobile-menu.open {
	max-height:500px;
}


/* Update */
.wpml-ls {
    position: absolute !important;
    /*right: 280px !important;*/
    background-color: transparent !important;
    border: none !important;
	margin-left: 80px;
}
.wpml-ls-link {
	background-color: transparent !important;
}




/* GreenCleanSpace Logo */
.greencleanspace-title {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    margin-top: -114px;
}

.tag {
	margin-bottom: 20px;
}
.tag > a {
	background-color: #eee;
	padding: 6px 10px;
	margin: 0 3px 3px 0;
	text-decoration: none;
	color: #172230;
	font-size: 14px;
	transition: all .2s ease;
}
.tag > a:hover {
	background-color: #ef8900;
	color: #fff;
}


/*CITY HEAD */
#cities { margin-top:12px;}

.city-head, .city-head a, .city-head a:link, .city-head a:hover, .city-head a:visited {color:#ffffff !important;
	font-weight:400; text-decoration:none !important; font-size:14px; }

#ubermenu-main-8 {
display:none !important;
}
#ubermenu-main-2-main_nav {
display:block;
}
.iclflag {
border:1px solid #FFF;
}

#lang_sel_click{
position:absolute;
right:0;
float:right;
}
.lang_sel_sel {
float:left;
}
#lang_sel_click ul ul {
padding-left:30px;
}
#lang_sel_click ul {
list-style-type:none;
}



* {
	font-family:"Roboto";
}

html {
	margin-top:0 !important;
}

body {
	min-height:100%;
	background-image:url(img/bg.jpg);
    background-position:top center;
	background-attachment:fixed;
	background-size:cover !important;
}

h1 {
	padding-top:20px;
	padding-bottom:10px;
	text-transform:uppercase;
	color:#ef8900;
	font-weight:300;
}
h2 {
	font-weight:300;
}
h3 {
	background-color:#F1F4F7;
  	padding:12px 22px;
  	/*border-radius:4px;
  	-webkit-border-radius:4px;
  	-moz-border-radius:4px;*/
	font-weight:300;
	/*border-bottom: 1px solid #FF9B00;
  	border-top: 1px solid #FF9B00;*/
  	color: #000;
  	/*background-image: url(http://vrdesign.de/development/HPS/wp-content/uploads/2015/Space-Chapter.jpg);*/
}

h4 {
	color:#000;
	font-weight:300;
	font-size:24px;
	padding: 10px;
	background-color: #e5e5e5;
	margin-bottom:20px;
}

h5 {
	color:#000;
	background-color:#EEE;
	font-weight:300;
	font-size:19px;
	padding:15px;
	margin: 0;
	line-height: 24px;
}
h5 a {
	color:#000;
}

p {
	font-size:16px;
	line-height:24px;
}

section {
	padding-left:0 !important;
	padding-right:0 !important;
}

article {
	clear:both;
	padding:20px 0;
}
article .master-slider {
	margin-bottom:20px !important;
}

#content {
	padding-left:30px !important;
	padding-right:30px !important;
}
#content img {
	max-width:100%;
	margin-bottom:20px !important;
}
#content .master-slider {
	margin-bottom:20px !important;
}
article img {
	margin-bottom:20px;
}
article ul {
	padding-left:20px;
}

#content ul, #content ol {
	padding-left: 24px;
	font-size: 16px;
}
#content ul li, #content ol li {
	padding-top:2px;
	padding-bottom:2px;
}

.ul_bottom li { padding-bottom:15px !important;}

/*
img {
	width:100%;
}
*/

/* CUSTOM */
.bildunterschrift { font-size:14px !important; color: #ffffff !important;}
.reference_project { width: 47% !important;}

.button_mehr, .button_mehr a { 
	padding-left:20px !important; 
	padding-right:20px !important; 
	background-color:#ef8900 !important;}

.subheadline { max-width:96% !important;}

.portfolio_menu {}
.portfolio_menu ul { list-style-type: none !important; padding-bottom:20px;}

.portfolio_menu ul a { 
	color:#000;
	font-weight:300;
	font-size:24px;
	padding: 10px;
	margin-bottom:20px;
 }

.portfolio_menu ul ul li a { 
	color:#337ab7;
	font-weight:300;
	font-size:16px;
	padding: 10px;
	margin-bottom:20px;
 }

.weltall { background-image:url(http://www.vrdesign-development.de/HPS/wp-content/class_img/Allbild.jpg); background-size:cover;}
.white_text { color:#ffffff !important;}

.orange_h2 h3 { background-color: #ef8900 !important; color: #ffffff !important;}

/* END CUSTOM */

header {
	margin:20px 0;
	padding-right:30px !important;
	padding-left:30px !important;
}

header .logo {
	width:100%;
	max-width:366px;
}

header .slogan {
	text-align:right;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}

header .menu {
	float:right;
	list-style-type:none;
	margin-bottom:0;
}



.ubermenu-submenu {
	background-color:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
}
.ubermenu-tab-content-panel, .ubermenu-tabs-group {
	background-color:#F1F4F7 !important;
	border-right:1px solid #EEE !important;
}
.ubermenu-submenu .ubermenu-tab-content-panel {
	opacity:0;
	transition:opacity .25s ease;
	-webkit-transition:opacity .25s ease;
	-moz-transition:opacity .25s ease;
}
.ubermenu-submenu > li > .ubermenu-tabs-group > li:hover .ubermenu-tab-content-panel {
	opacity:1;
}
.ubermenu-submenu img {
	margin-top:10px;
}



.ubermenu-submenu .ubermenu-tab-content-panel .ubermenu-tabs-group > li {
	background-color:#E8ECF0;
	border-bottom:1px solid #FFF;
}
.ubermenu-submenu > li > .ubermenu-tabs-group > li {
	border-bottom:1px solid #EEE;
}
.ubermenu-submenu > li > .ubermenu-tabs-group > li:first-child a {
}


/* Ubermenu

#ubermenu-nav-main-2-main_nav {
	float:right;
}
#ubermenu-main-2-main_nav {
	background:none !important;
	border:none !important;
	box-shadow:none !important;
}

*/


.intro p {
	color:#FFF;
}




.ms-nav-next, .ms-nav-prev {
	top: inherit !important;
	bottom: 20px;
	box-shadow:none !important;
}
.ms-slide-info {
	width:auto !important;
	top:50% !important;
	margin-top:-56px;
}
.ms-info {
	text-align:center;
	padding:15px 0 0 0;
}
.trans .ms-info {
	text-align:center;
	color:#FFF;
	padding:15px 0 0 0;
}
.container.intro .ms-info {
	float:left;
	background-color:#EEE;
	padding:0px 30px 10px 30px;
}




.ubermenu-submenu {
	/*min-height:284px !important;*/
}
.ubermenu-tab > a {
	padding-top:14px !important;
	padding-bottom:14px !important;
}



#main {
}

#content {
	background-color:#FFF;
	padding:0 15px 40px 15px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.slide-headline {
	position:absolute;
	z-index:99;
	background-color:#E5E5E5;
	padding:0 40px 10px 20px;
	margin:200px 0 0 0;
}

.tbl-data {
	padding-bottom:10px;
}

.timeline {
	margin-left:0 !important;
	margin-right:0 !important;
	background-image:url(img/dot.png);
	background-repeat:repeat-y;
	background-position:60px;
}
.timeline h3 {
	display:inline-block;
	padding:10px 20px;
	margin:20px 0;
	color:#FFF;
	font-weight:bold;
	background-color:#ef8900;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.timeline .vc_row {
	position:relative;
	background-color:#FFF;
	margin:10px 50px;
	padding:15px 0;
	border:1px solid #AAA;
	cursor:default;
	transition:all .25s ease;
	-webkit-transition:all .25s ease;
	-moz-transition:all .25s ease;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	transform:scale(.98,.98);
	-webkit-transform:scale(.98,.98);
	-moz-transform:scale(.98,.98);
}
.timeline .vc_row:not(.suc-traj-sub):hover {
	border-color:#ef8900;
	background-color:#ef8900;
	color:#FFF;
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
}
.suc-traj-img {
	position:absolute;
	display:none;
}
.timeline .vc_row:hover img {
	opacity:1;
}
.timeline img {
	max-width:500px !important;
}
.timeline .suc-traj-sub {
	margin-left:70px; background-color:#e7e7e7 !important;
}


.wpb_heading {
    position: absolute;
    bottom: 15px;
    left: 25px;
    color: #CCC;
    font-size: 12px;
}
.timeline .wpb_heading {
    position: absolute;
    bottom: 0;
    left: 15px;
    color: #CCC;
    font-size: 12px;
}


footer {
	margin-top:20px;
}
.footer-left {
	height:45px;
	padding-left:0;
	padding-right:0;
	background-color:transparent;
}
.footer-right {
	height:45px;
	padding-left:0;
	padding-right:0;
	background-color:transparent;
}
.footer-left .inner {
	width:100%;
	height:100%;
	background-color:transparent;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	border-bottom-right-radius:12px;
}
.footer-right .inner {
	width:100%;
	height:100%;
	background-color:#080E15;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	border-top-left-radius:12px;
}
.footer-content {
	padding:20px 0 20px 0;
	background-color:#080E15;
}
.footer2-content {
	padding:25px 0 20px 0;
	background-color:#172230 !important;
}



.footer-content .container > div > ul {
	padding:0;
}
.footer-content .container > div > ul ul {
	list-style-type:none;
	padding-left:0;
}
.footer-content .container > div > ul > li {
	float:left;
	min-height:230px;
	list-style-type:none;
	padding:0 15px 0 0;
	margin:0 15px 0 0;
	border-right:2px solid #121C28;
	font-size:11px;
}
.footer-content .container > div > ul > li > a {
	text-transform:uppercase;
	color:#ef8900;
	font-weight:bold;
}
.footer-content .container > div > ul > li > .sub-menu > li > a {
	color:#939AA6;
	font-weight:bold;
}
.footer-content .container > div > ul > li > .sub-menu > li > .sub-menu > li > a {
	color:#939AA6;
}
.footer-content .container > div > ul > li:first-child, #menu-footer-menu > li:last-child {
	border-right:none;
}
.ubermenu-submenu-type-flyout {
	background-color:#F1F4F7 !important;
}




.mobile-footer-content {
	padding:20px 0 60px 0;
	background-color:#080E15;
}
#menu-footer-menu-1 li:nth-child(2), #menu-footer-menu-en-1  li:nth-child(2) {
	display: none;
}
#menu-footer-menu-1, #menu-footer-menu-en-1 {
	padding:0;
}
#menu-footer-menu-1 li, #menu-footer-menu-en-1 li {
	width:100%;
	max-width:200px;
	text-align:center;
	list-style-type:none;
	padding:15px 0;
	margin:0 auto;
	border-bottom:2px solid #121C28;
	font-size:16px;
	text-transform:uppercase;
}
#menu-footer-menu-1 li a, #menu-footer-menu-en-1 li a {
	color:#ef8900;
}


.copy {
	color:#939AA6;
}
.footer2-content ul {
	float:right;
	list-style-type:none;
}
.footer2-content ul li {
	float:left;
	margin-left:20px;
}
.footer2-content ul li a {
	color:#939AA6;
}



.ubermenu-responsive-toggle {
	margin-top:40px !important;
}
/*
nav.ubermenu-responsive.show {
	max-height:none !important;
	visibility:visible !important;
	overflow:visible !important;
}
*/



.downloadButton {	
    display: inline-block;
    color: #fff;
    background-color: #f90;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    transition: all .2s ease-in-out;
	text-decoration: none !important;
}
.downloadButton:hover {
	color: #fff;
	background-color: #e08700;
}





form input[type="text"], form input[type="email"], form textarea {
	width:100%;
}
form input.wpcf7-captchar {
	width:200px;
}
form img {
	width:auto !important;
	margin-top:15px;
	margin-left:10px;
}





.orange-col {
	position: absolute;
	left: 0;
	background-color: #ef8900;
	width: 100%;
	height: 106px;
	margin-top: 244px;
}



@media (max-width: 1440px){ .orange-col { margin-top:205px; } }
@media (max-width: 1199px){

.orange-col { margin-top:159px; }
.ubermenu-main {
  float:left !important;
  margin-top:20px !important;
  margin-left:-20px !important;
}

}

@media (max-width: 992px){
	header { padding-right: 15px !important; padding-left: 15px !important; }
	.intro h1 { padding-top:0 !important; margin-top:0 !important; }
	.ms-slide-info { display:none; }
	.ms-nav-next, .ms-nav-prev { top:80% !important; }
	.copy { text-align:center; }
	#menu-footer-menu2 { margin-top:10px; padding:0; float:none; width:100%; }
	#menu-footer-menu2 li { margin:0; float:none; width:100%; text-align:center; }
	.ubermenu-responsive-toggle { margin-top:15px !important; }
}

@media (max-width:993px) {

	nav { display: none !important;}
	h1 { font-size:30px !important;}

	#ubermenu-main-8 {
	display:block !important;
	margin-left:0 !important;
	margin-top:0 !important;
	}
	#ubermenu-main-2-main_nav {
	display:none !important;
	}
	.mobile-trigger {
		display:block !important;
	}
	.menu-footer-menu-en-container, .menu-footer-menu-container {
		display:none !important;
	}
	#main { margin-top: 50px;}
}


@media (min-width: 1441px) {
	.container { width: 1340px; }
}