/*
Theme Name: Quantumtheme
Description: Ein schönes Childtheme
Author: Kirsten Schelper
Author URI: http://www.schelperdesign.net
Template: Quantumtheme
Version: 1.0
Tags:
*/
@import url('bootstrap/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
body{font-family: 'Ubuntu', sans-serif;}
.clear{clear:both;}
.site-branding-text{max-width:50%}
	.site-branding{}
.site-title {font-weight:900;font-size:60px;text-transform: none;}
.site-description{font-size:16px}
.qf-kontaktbutton{display: inline-block}
.wrap{max-width:1200px!important;}
.entry-header {
    display:none;
}
/*Top-Navigation*/
/*
.navigation-top{bottom: auto;position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 7;background:#004169;color:white;border-bottom:none;}
.navigation-top a{color:white;}
.navigation-top-part{display: inline-block; text-align: center}
.navigation-top-logo{width: 20%}
.navigation-top-logo img{max-height:50px}

.navigation-top-links{width:58%;}
.navigation-top-links ul{text-align: center; font-size:20px;}
.navigation-top-button{width:20%; font-size:20px}


.main-navigation ul  .menu-item-has-children::before,
.main-navigation ul  .menu-item-has-children::after,
.main-navigation ul  .page_item_has_children::before,
.main-navigation ul  .page_item_has_children::after {display:none!important}
.menu-item-has-children .icon-angle-down{display: none!important;}
.navigation-top-button span{color:white;background: #9ABE26; padding:0.5em 1.5em 0.5em 1.5em; border-radius:30px;font-weight:bolder}

.sub-menu{background:none}
.main-navigation ul ul{background:none;border:none;padding-top:0.75em}
.sub-menu li{background-color: #004169;text-decoration: none;margin:2px;border:none;}
	.sub-menu li:hover{background-color:#26678F!important;text-decoration: none!important}
	.sub-menu li a:hover{text-decoration: none!important}
*/
	a {
	  color: blue;
	  text-decoration: none!important; /* no underline */
	}
/*Content*/
.entry-content{overflow: hidden;	}
.panel-full{min-height:100vh;padding-top:5vh}
.site-content{padding:0!important}
.qf-panel .panel-subtext{margin-bottom:5vh}
.qf-panel h1{text-align:center;margin-bottom:0.5em}
.panel-grey{	background-color:#E4EAEF;color:white; }
.panel-grey .panel-subtext{color:#004169;}
.panel-grey h1{background:url(./assets/images/bgblue.png);  background-repeat: no-repeat; padding: 2em 0 2em 0;background-size:90% auto;    background-position: 2em 0.7em;
}
 .panel-subtext{text-align: center;}
.panel-blue{	background-color:#004169;color:white; }
.panel-blue .panel-subtext{color:white;}
.panel-blue h1{background:url(./assets/images/bggreen.png);  background-repeat: no-repeat; padding: 2em 0 2em 0;background-size:90% auto;    background-position: 2em 0.7em;}

.qf-panel.maps,.qf-panel.customer{min-height:auto;padding-top:0}

.twentyseventeen-panel{border:none!important}

.site-description .button-green{margin-top:2em}


/*Components*/

.button-green{color:white;background: #9ABE26; padding:0.5em 1em 0.5em 1em; border-radius:30px;font-weight:bolder;display: inline-block;margin-top:1em}

/*Tabs*/
.wpsm_nav-tabs li{width: 30%;float:none!important;margin-right:0!important;width:33%!important;color:white}
.wpsm_nav-tabs li:nth-child(1){margin-left:0.5%!important}
.wpsm_nav-tabs li.active,.wpsm_nav-tabs li.active a,.wpsm_nav-tabs li.active a:hover,.wpsm_nav-tabs li.active a:focus,.wpsm_nav-tabs li.active:focus,.wpsm_nav-tabs li.active:visited,.wpsm_nav-tabs li.active:hover,.wpsm_nav-tabs li.active:active{border-bottom:7px solid #9ABE26!important}
.wpsm_nav-tabs li.active:focus{border-bottom:8px solid #9ABE26!important;}
.tab-content{max-width: 99%;
    margin-left: 0.5%;
    margin-right: 0.7%;}
.wpsm_nav-tabs li{border-bottom:13px solid #CCCCCC!important;}
.wpsm_nav-tabs li a{text-decoration:none!important;text-decoration-line:none!important;color:red!important;border-bottom:none!important;-webkit-box-shadow: none!important;
    box-shadow: none!important;}
.wpsm_nav-tabs li a,.wpsm_nav-tabs  li.active  a{background-color:#004169!important;}
.leistungen .wrap ul li a svg{color: #9ABE26;
    font-size: 5em;
    display: block;
    text-align: center;
    width: 100%;}
.wpsm_nav-tabs li a:link,.wpsm_nav-tabs li a:visited,.wpsm_nav-tabs li a:active,.wpsm_nav-tabs li a:hover,.wpsm_nav-tabs li a{}

.wpsm_nav-tabs li i{display: block;color:#9ABE26;font-size:4em;}
.tab-pane{position: relative;padding: 3em}
.tabLeft {position:absolute;display:inline-block; width:16%;font-size:13em;color:#9ABE26;height:100%;  vertical-align: middle;text-align: center;}
.tabLeft i{width:100%;height:100%;text-align: center; vertical-align: middle;}
.tabRight{margin-left:29%;display: inline-block;width: 70%}
.leistungen .wrap div .wpsm_nav li a span{font-family: Ubuntu;}
.leistungen .wrap div .tab-content .tab-pane{font-family: Ubuntu!important;}

/*Slider*/
.owl-item .sa_hover_container{margin-right:-1px!important;padding-top:0!important}
.customer h1{padding:0;margin:0 0 0.5em 0}
.sliderLeft{width:60%;display: inline-block;color:#004169;padding:2em 4em 2em 4em;}
.sliderLeft h1{background:none!important;color:#004169;text-align:left;margin:0 0 1em 0;padding:0}
.sliderLeft{margin-top:15%;margin-bottom:5%}
.sliderRight{width:40%;display: inline-block;height:100%;position: absolute;}
.sliderRight img{width: 100%!important;height:100%!important}
.projekte{padding-top:0}
.projekte .owl-dots{display:none;}
.projekte .owl-prev{left:-5%!important;backgound:none!important;color:green}
.projekte .owl-next{right:-5%!important;background:blue!important}
.projekte .owl-carousel .owl-nav .owl-next{background:blue!important}
.projekte .white .owl-carousel .owl-nav .owl-next,.projekte .white .owl-carousel .owl-nav .owl-next:hover{ height:80px!important;width: 40px!important;    background: rgba(0,0,0,0) url(./assets/images/icon_next.png) no-repeat center center !important; background-size: 40px 60px!important; }
.projekte .white .owl-carousel .owl-nav .owl-prev,.projekte .white .owl-carousel .owl-nav .owl-prev:hover{   height:80px!important;width: 40px!important;      background: rgba(0,0,0,0) url(./assets/images/icon_prev.png) no-repeat center center !important;background-size: 40px 60px!important;  }
.projekte .button-green{font-size: 1.5em}

.owl-carousel{-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);}


/*QFStats*/
.stats .panel-subtext{margin-bottom:20%;text-align:center;}
.stats{padding:0;}
.statsbg{background: url(./assets/images/QHB2k.png);background-repeat: no-repeat;background-size: 60%;min-height: 100vh;background-position: -30% 110%;}
.qfStatsBox{display:inline-block;width:49%;margin-bottom:5%;margin-top:2em}
.qfStatsNumber{white-space: nowrap;width:37%;display: inline-block;color:#9ABE26;font-size:12em;font-weight:900;  font-style: italic;text-align:right;margin-right:4%;}
.qfStatsText{width:58%;display: inline-block;color:white;padding-left:2em}
.qfStatsText h1{background:none!important;text-align:left;padding:0;}
/*Maps/Contact*/
.maps{color:#004169}
.mapsLeft{width:59%;display:inline-block;}
.mapsRight{width:30%;display:inline-block;text-align:left;margin:0!important;padding-top:2em;padding-left:1em}
.mapsRight .button-green{padding:0.5em 2em 0.5em 2em}
.mapsRight .h2{font-weight: 900}
#wpgmza_map{-webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.75);}
/*Colors*/
.qfgreen{color:#9ABE26}
.qfdarkblue{color:#004169}
.qflightblue{color:#26678F}
.qfocean{color:#009EFF}


/*CustomerPanel*/
.qf-panel.customer h1{background:none;text-align: left;}
.customerLeft,.customerRight,.customerImage,.customerDescription{width:49%;float:left;color:white;text-align: left;}
.customerImage img{max-height: 60%;max-width: 60%;border-radius: 140px;}
.customerRight h1{font-weight: lighter;}
.customerRight .owl-carousel{border:none;box-shadow: none}
.customerLeft{vertical-align: top}

.customerStars{font-size:2em;margin:0.5em 0 0.5em 0;display:block}
.customerLogoSlider .owl-carousel{box-shadow:none;}
/*Footer*/
/*
.site-footer{background-color:#004169}
.site-footerx .wrap{max-width: 100%!important;float:none;}
.site-footerx .wrap .widget-area .footer-widget-2{width:100%;color:white;}
.footerLeft{width:40%;display: inline-block;margin-right: 8%}
.footerMiddle{width:25%;display: inline-block;}
.footerRight{width:25%;display: inline-block;}
.site-footer .contactKeys{display: inline-block;width: 40%}
.site-footer .contactValues{display: inline-block;width: 55%}
*/
.site-footer{background-color:#004169;color:#009EFF;margin-top:0;}
.site-footer h1{font-size:33.5px;}
.site-footer .wrap{width:100%;max-width:100%!important}
.site-footer .widget-area{padding-bottom: 0}
.site-footer .widget-column.footer-widget-1{width:40%;margin-left:5%}
.site-footer .widget-column.footer-widget-2{width: 54%}
.site-footer .wrap .footerLeft a{display: inline-block;width:20%;font-weight: 900}
.site-footer .wrap .footerLeft a,.site-footer .wrap a,.site-footer .wrap .footerLeft a:hover{text-decoration:none!important;box-shadow: none!important;color:#009EFF!important}
.site-footer .wrap .footerLeft img{margin-top: 5em;margin-bottom:1em;max-width: 30%}
.footerMiddle h1{color:white}
.footerRight{width:45%;float:right;margin-left: 8%}
.footerMiddle{width:45%;float:left;display: inline-block;}
.site-footer .contactKeys{float:left;width: 20%;color:white;}
.site-footer .contactValues{float:left;width: 55%}
.footerButton{text-align: left;}
.site-footer .facebook{line-height: 1.5em;margin: 1em 0 1em 0}
.site-footer .facebook span{display:inline-block;width: 30%;margin-left:2%}
.site-footer .facebook .fa-facebook-f{background:#009EFF;color:#004169;width: 2.5em;height:2.5em;padding: 0.1em 0 0.1em 0;border-radius:5px}
.site-footer .button-green{margin-bottom:4em;padding: 0.5em 3em 0.5em 3em;font-size:1.5em;font-weight:bolder}
 .button-green, .button-green:hover,.button-green:active{text-decoration:none!important;box-shadow: none!important;color:white!important;cursor: pointer;}
@media only screen and (max-width: 1200px) {
	.qfStatsNumber{font-size:7em}
	.sliderLeft{margin-top:0;}
.mapsLeft{max-width:90%;width:90%;margin: auto;}
#projekte .owl-carousel{width:90%;margin:auto}

}

@media only screen and (min-width: 1280px) {
	.container {max-width: 1200px;width: 1200px}

}

@media only screen and (max-width: 820px) {

	.qf-panel h1{ background-repeat:no-repeat;
	   background-attachment:inherit;
	   background-position:20% center;
	     background-size: 100% auto;
			 margin:0.5em 0;
		 }
		 .project-header{min-height:50vh;}
.nav-link.dropdown-toggle{padding: .5rem 1rem!important;line-height: 1em;}
.projekte .sa_owl_theme .owl-nav{display:none!important;}
.qfnavigation .dropdown-menu .dropdown-item{border:1px solid #26678F}
.site-branding-text{max-width:90%;margin:auto}


.leistungen .wrap ul li a span{display: none;}
/*
	.navigation-top-logo{width:30%; font-size:12px;float:left;}
	.navigation-top-button{width:30%; font-size:12px;float:left;text-align: right;}
	.navigation-top-links{width:40%;float:left;}
.navigation-top .wrap #site-navigation .menu-toggle{width:30%;float:left;padding-top:0}
	.navigation-top{padding-top:1em}

#top-menu{background:#004169}
	/*QFStats*/
	.stats .panel-subtext{margin-bottom:10%;text-align:center;}
	.statsbg{background-size: 125%;
    min-height: 100vh;
    background-position: -30% 100%;
    background-position: 50% 50%;}
	.qfStatsBox{display:inline-block;width:100%;margin-bottom:5%;margin-top:0}
	.qfStatsNumber{  width: 33.33333%;
    float: left;
    font-size: 6em;
    text-align: center;
    margin-right: 0;
    line-height: 2em;
	display:block}
	.qfStatsText{width:66.66668%;display: inline-block;color:white;}
	.qfStatsText h1{background:none!important;text-align:left;}
.wpsm_nav-tabs li:nth-child(1){margin-left:1.25%!important}
.leistungen .tab-pane{padding:0;font-size:12px;text-align: center}

.sliderLeft{padding:0.5em;width:100%;display:block;}
.sliderLeft h1{text-align: center;padding-top:0.5em}
.sliderRight{width:100%;display:block;position: relative;}

#maps .wrap{padding:0}
.mapsRight{padding:0 2em 0 2em}
.mapsLeft{width: 100%;max-width: 100%}
.mapsRight{width: 100%;position: relative;text-align: center;}


 .wpsm_nav-tabs li{float:left!important;display:inline-block;width:32%!important;font-size:0.7em!important}
 .tabLeft{display:none;}
 .tabRight{width:100%;padding: 2%;margin:0}
.customerLeft,.customerRight,.customerImage,.customerDescription,.owl-stage .owl-item .customerDescription h1{float:none;width: 100%;text-align: center}

.site-footer .widget-column.footer-widget-1{width:100%;margin-left:0}
.site-footer .widget-column.footer-widget-2,.footerRight,.footerMiddle{width: 100%}
.site-footer .facebook span{display:inline-block;width: 75%;margin-left:2%}
.site-footer .contactKeys{float:left;width: 40%;color:white;}
.site-footer .wrap .footerLeft a{width:49%;margin-bottom:2em;text-align:center}

	.container{width:auto;padding: 0 1em 0 1em}
}



/*SItes*/


.project-header img{
	position: absolute;
	    right: -150%;
	    top: -30%;
	    max-height: 90vh;
	    height: 100vh;
	    width: auto;
	    max-width: none;
}
.project .project-description h1{font-size:5em;padding-bottom:0;font-weight:900;color:#004169;}
.trait-image img{position: absolute;
    top: 20%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);

    height: 200%;
		left:-50%;
    width: auto;}
.project h1{background: none;text-align: left;padding:0.5em 0}
.project .qf-content-box{padding:10vh 0}
.project-trait .trait-description{padding-bottom:10vh}

.story-image{text-align: right;}
.story-image img{bottom: 50%;position: absolute;-webkit-transform: translate(0, 50%);-ms-transform: translate(0, 50%);transform: translate(0, 50%);left: 25%;}
.project .panel-grey{color:#004169;}
@media only screen and (max-width: 820px) {
	.entry-header{margin-bottom:0}
	.site-header{margin-top:3em}
.projectg{display: none;}}
/*
.xpage-content{width:80%;margin:auto}
.qf-content-box{width:60%;margin:0 20% 0 20%}
.qf-content-box h1{background:none}
.project-description,.trait-image{float:left;width:50%;}
.project-header img{position:absolute;width:45%;right:0}
.trait-text{float:right;width:50%;}
.trait-izhmage{position:relative}
.trait-jimage img{position: absolute;}
*/


/*Bootstrap navbar*/
.open>.dropdown-menu{display: none}
.dropdown-menu{top:120%}
.collapse.show {
    height: 100%;
		max-height:10000px;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-collapse {
    height:100%;
		max-width: 70%
}
.navigation-top-logo{width: 20%;text-align: right;padding-left:1%;}

}


@media(max-width:992px){
	.navigation-top-logo{width: 40%;margin-left:5%}
	.navigation-top-button{display:none;}
	.dropdown-toggle{right:0;}
}
.dropdown-toggle{display:block!important;position: relative!important}
.nav-item:after, .nav-item:before {
    box-sizing: border-box;
}
.navbar .navbar-toggler{background:#9ABE26;margin-right:2%}
.navbar .navbar-collapse{overflow: visible;}
.navbar .navbar-nav .show>.dropdown-menu{position: absolute;display: block;    left: 50%;
    transform: translateX(-50%);}

.qfnavigation{position: fixed;top: 0;width: 100vw;left: 0;z-index: 1223}
.qfnavigation .navbar{
	background:#004169!important;color:white;
font-size:1.5em!important;
padding: 0.5em 0
}
.dropdown-toggle,.dropdown-menu{font-size:1em !important}
.dropdown-menu a{padding:0.8em 2em;margin-bottom:12px}
.navigation-top-button{   margin-right: 10%;}
.navigation-top-button span{color:white;background: #9ABE26; padding:0.5em 1.5em 0.5em 1.5em; border-radius:30px;font-weight:bolder;   }
.navbar-nav{width: 60%;margin:auto;}
.navigation-top-logo img{max-height:50px;margin:auto}
.dropdown-toggle::after{display:none;}
.qfnavigation li{margin: auto}
.qfnavigation a{color:white!important;}
.qfnavigation .dropdown-menu{background:none;border:none;box-shadow: none;}
.qfnavigation .dropdown-item{background-color: #004169;text-decoration: none;margin:2px;border:none;text-align: center;}
.qfnavigation .dropdown-item:hover{background-color:#26678F!important;text-decoration: none!important}
/*Top-Navigation*/
/*
.navigation-top{bottom: auto;position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 7;background:#004169;color:white;border-bottom:none;}
.navigation-top a{color:white;}
.navigation-top-part{display: inline-block; text-align: center}
.navigation-top-logo{width: 20%}
.navigation-top-logo img{max-height:50px}

.navigation-top-links{width:58%;}
.navigation-top-links ul{text-align: center; font-size:20px;}
.navigation-top-button{width:20%; font-size:20px}
.main-navigation ul  .menu-item-has-children::before,
.main-navigation ul  .menu-item-has-children::after,
.main-navigation ul  .page_item_has_children::before,
.main-navigation ul  .page_item_has_children::after {display:none!important}
.menu-item-has-children .icon-angle-down{display: none!important;}
.navigation-top-button span{color:white;background: #9ABE26; padding:0.5em 1.5em 0.5em 1.5em; border-radius:30px;font-weight:bolder}

.sub-menu{background:none}
.main-navigation ul ul{background:none;border:none;padding-top:0.75em}
.sub-menu li{background-color: #004169;text-decoration: none;margin:2px;border:none;}
	.sub-menu li:hover{background-color:#26678F!important;text-decoration: none!important}
	.sub-menu li a:hover{text-decoration: none!important}
*/