/*
Theme Name: Struktur Child
Theme URI: http://struktur.select-themes.com
Description: A child theme of Struktur Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Text Domain: struktur
Template: struktur
*/

.wpgmza_infowindow_title,
.wpgmza_infowindow_address {
	display: none;
}

header.qodef-mobile-header ul li.lang-item {
    
}

body .qodef-cc-hover-switch-images .qodef-cc-item .qodef-cc-hover-image {
	-webkit-transition: opacity 0s cubic-bezier(.19,1,.22,1) 0s;
    -o-transition: opacity 0s cubic-bezier(.19,1,.22,1) 0s;
    transition: opacity 0s cubic-bezier(.19,1,.22,1) 0s;
}

/* Logo Area corrections */
.qodef-wrapper-inner .qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
    max-height: 200px;
    padding-top: 30px;
    padding-left: 100px;
}
.qodef-page-header .qodef-sticky-header .qodef-logo-wrapper a {
    max-height: 40px !important;
}

.qodef-sticky-nav .menu-item a {
    font-size: 20px;
}

/* Main menu corrections */
.qodef-menu-area .qodef-position-center-inner, .qodef-menu-area .qodef-position-right-inner {
    margin-top: 20px;
}

.qodef-menu-area .qodef-position-right-inner {
    font-size: 22px;
}

/* Mobile Menu */
.qodef-mobile-nav {
    text-align: center;
}

/* Title Area corrections */
.qodef-page-title {
    display: none;
}

.single-portfolio-item .qodef-page-title {
	display: block;
}

/* Home static boxes */
.overlay-content-row {
    position: absolute;
    top: 80px;
    width: 60%;
    left: 50%;
    transform: translateX(-50%);
}

.overlay-title {
    position: relative;
    z-index: 120;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.33,.02,0,.93);
    transition: -webkit-transform .4s cubic-bezier(.33,.02,0,.93);
    -o-transition: transform .4s cubic-bezier(.33,.02,0,.93);
    transition: transform .4s cubic-bezier(.33,.02,0,.93);
    transition: transform .4s cubic-bezier(.33,.02,0,.93),-webkit-transform .4s cubic-bezier(.33,.02,0,.93);
}

.hotlink-boxes .red-text h2, .hotlink-boxes .red-text h2 a:hover, .hotlink-boxes .red-text p a, .hotlink-boxes .red-text p:hover a {
	color: #e84945 !important;
}

.overlay-excerpt {
    position: relative;
    z-index: 120;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .4s cubic-bezier(.33,.02,0,.93) .1s,-webkit-transform .65s cubic-bezier(.19,1,.22,1) .1s;
    transition: opacity .4s cubic-bezier(.33,.02,0,.93) .1s,-webkit-transform .65s cubic-bezier(.19,1,.22,1) .1s;
    -o-transition: transform .65s cubic-bezier(.19,1,.22,1) .1s,opacity .4s cubic-bezier(.33,.02,0,.93) .1s;
    transition: transform .65s cubic-bezier(.19,1,.22,1) .1s,opacity .4s cubic-bezier(.33,.02,0,.93) .1s;
    transition: transform .65s cubic-bezier(.19,1,.22,1) .1s,opacity .4s cubic-bezier(.33,.02,0,.93) .1s,-webkit-transform .65s cubic-bezier(.19,1,.22,1) .1s;
    will-change: transform;
    padding-bottom: 40px;
}

.overlay-excerpt.excerpt-hiden {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0,50%,0) skewY(15deg) scaleY(1.2);
    transform: translate3d(0,50%,0) skewY(15deg) scaleY(1.2);
    -webkit-transition: opacity .2s,-webkit-transform 0s .2s;
    transition: opacity .2s,-webkit-transform 0s .2s;
    -o-transition: transform 0s .2s,opacity .2s;
    transition: transform 0s .2s,opacity .2s;
    transition: transform 0s .2s,opacity .2s,-webkit-transform 0s .2s;
}

.overlay-title h2 {
    position: relative;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    border-bottom: 5px solid;
    left: 50%;
    transform: translateX(-50%);
	font-size: 60px;
}

.overlay-content-row h2 a:hover, .overlay-content-row p a:hover {
    color: #fff !important;
}

/* Text with numbers */
.text-with-numbers .qodef-twn-number-holder,
.text-with-numbers .qodef-twn-text-holder {
    text-align: center;
}

.text-with-numbers-row .qodef-text-with-number-holder .text-with-numbers .qodef-twn-number-holder span {
    font-size: 310px;
}

@media(max-width:1833px) {
    .text-with-numbers-row .qodef-text-with-number-holder .text-with-numbers .qodef-twn-number-holder span {
        font-size: 240px;
    }
}

@media(max-width:1694px) {
    .text-with-numbers-row .qodef-text-with-number-holder .text-with-numbers .qodef-twn-number-holder span {
        font-size: 240px;
    }
}

@media(max-width:1508px) {
    .text-with-numbers-row .qodef-text-with-number-holder .text-with-numbers .qodef-twn-number-holder span {
        font-size: 200px;
    }
}

@media(max-width:1266px) {
    .text-with-numbers-row .qodef-text-with-number-holder .text-with-numbers .qodef-twn-number-holder span {
        font-size: 200px;
    }
}


@media(max-width:1173px) {
    .text-with-numbers-row .qodef-text-with-number-holder .text-with-numbers .qodef-twn-number-holder span {
        font-size: 170px;
    }
}

@media(max-width:1034px) {
    .text-with-numbers-row .qodef-text-with-number-holder .text-with-numbers .qodef-twn-number-holder span {
        font-size: 170px;
    }
}

@media only screen and (max-width: 1024px){
	#container-text-with-numbers {
		max-width: 768px;
		margin: auto;
	 }
}

@media only screen and (max-width: 1024px) and (min-width:550px){
	#container-text-with-numbers {
	   margin-top: 60px;
	 }
	.qodef-text-with-number-item{
	   padding-bottom: 50px;	
	}
	.qodef-text-with-number-item:nth-child(even){
	   padding-left: 20px;
	}
}




@media(max-width:550px) {
    .text-with-numbers {
        min-width: 300px;
        display: flex;
        justify-content: center;
		 padding-bottom: 30px;	
    }
	.text-with-numbers > .qodef-twn-inner{
		  min-width: 300px;
	}
	.text-with-numbers .qodef-twn-title{
		white-space: nowrap;
	}
}


.text-with-numbers-row .qodef-text-with-number-holder.qodef-twn-with-separators {
    padding: 0 !important;
}

.text-with-numbers-row .qodef-text-with-number-holder.qodef-twn-number-above-text .qodef-twn-title {
    padding: 0;
	
}
.text-with-numbers-row  .qodef-twn-title{
	white-space: nowrap;
}

/* Custom font changes */
.main-heading-offset h1 {
    margin-top: -200px;
}
.main-heading-offset h1 .heading-underline {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 15px solid #e84945;
    margin-bottom: 60px;
}

@media only screen and (max-width: 1199.98px) {
    .main-heading-offset h1 {
        font-size: 145px;
    }
    .main-heading-offset h1 .heading-underline {
        border-bottom-width: 10px;
    }
}
@media only screen and (max-width: 1023.98px) {
    .main-heading-offset h1 {
        line-height: 110px;
        margin-top: -55px;
        font-size: 105px;
    }
}
@media only screen and (max-width: 767.98px) {
    .main-heading-offset h1 {
        margin-top: -42px;
        line-height: 5.5rem;
        font-size: 5.5rem;
    }
    .main-heading-offset h1 .heading-underline {
        border-bottom-width: 7px;
    }
}
@media only screen and (max-width: 639.98px) {
    .main-heading-offset h1 {
        font-size: 4rem;
        line-height: 4rem;
        margin-top: -30px;
    }
}
@media only screen and (max-width: 512.98px) {
    .main-heading-offset h1 .heading-underline {
        border-bottom: 7px solid #e84945;
        margin-bottom: 20px;
        /*padding-top: 10px;*/
    }
}
@media only screen and (max-width: 425px) {
    .main-heading-offset h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
        margin-top: -20px;
    }
    .main-heading-offset h1 .heading-underline {
        border-bottom: 6px solid #e84945;
        padding-bottom: 5px;
        padding-top: 0;
    }
}

.text-row-padding h5, .text-row-padding p {
    text-align: left;
    text-align-last: left;
}

.qodef-content {
    overflow: hidden;
}

.qodef-page-footer p {
    color: #fff;
}

.qodef-page-footer p a:hover  {
    color: white !important;
}

/* Red boxes on "Angebot" page */
.red-box {
    background-color: #e84945;
    min-height: 100px !important;
}

.red-box p {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
	margin-top: 0;
}

@media(min-width:1445px) {
	.projekte-excerpt-box.vc_column_container {
		padding: 20px 40px 40px 40px;
	}
}

.projekte-excerpt-box.vc_column_container {
    padding: 20px 20px 40px 20px;
}

.projekte-excerpt-box p {
	text-align: justify;
}

.projekte-button.qodef-btn {
    margin-top: 20px;
    font-weight: 600;
}

.projekte-button.qodef-btn .qodef-btn-text:after, .projekte-button.qodef-btn .qodef-btn-text:before {
    background-color: #e84945;
    bottom: -5px;
}

/* Home page */

@media (max-width: 736px) {
	.mobile-space {
	margin-bottom: 50px;}
}

/* Team page */
.team-member-row {
    overflow: visible !important;
}

.team-info {
    bottom: -40px;
    /*top: 100%;*/
    position: absolute;
    z-index: 50;
    padding: 20px;
    text-align: left;
    background-color: rgba(232, 73, 69, 0.6);
    color: #fff;
}

.team-member {
    z-index: 1; 
    position: relative;
}
.team-member:hover {
    z-index: 2;
}
.team-member:hover .team-info {
    bottom: 0;
}
.team-member img {
    display: block;
}
.team-member img.team-active {
    display: none;
}
.team-member .team-info {
    transition: visibility 0s, opacity 0.5s ease-in-out;
    /*transition: all 0.5s linear;*/
    height: 0; opacity: 0;
}
.team-member:hover .team-active {
    display: block;
}
.team-member:hover .team-info {
    height: auto; opacity: 1;
}

.team-member:hover .team-static {
    display: none;
}

.team-info h3, .team-info p {
    color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}

.team-info h3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.team-info p {
	font-size: 17px;
}

.team-info .fa-envelope {
    padding-left: 10px;
}

/*.team-info .fa-envelope {
    font-size: 45px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}*/

/* Projekte Page */
.projekte-tab-row .vc_tta-panel-body {
	padding: 0 !important;
}

.projekte-tab-row .vc_tta-container {
	margin-bottom: 0 !important;
}

.projekte-tab-row .vc_tta-tab>a,
.projekte-tab-row .vc_tta-tab.vc_active>a {
	background-color: transparent !important;
	color: #000 !important;
	font-size: 27px;
	font-weight: 600;
}

@media (max-width: 890px) {
	.projekte-tab-row .vc_tta-tab>a,
	.projekte-tab-row .vc_tta-tab.vc_active>a {
		font-size: 20px;
	}
}

@media (max-width: 720px) {
	.projekte-tab-row .vc_tta-tab>a,
	.projekte-tab-row .vc_tta-tab.vc_active>a {
		font-size: 17px;
	}
}

.projekte-tab-row .vc_tta.vc_general .vc_tta-tabs-list {
    margin-bottom: 1.5rem;
}
.projekte-tab-row .vc_tta.vc_general .vc_tta-tab>a {
    padding-bottom: 5px;
    padding-top: 5px;
}
.projekte-tab-row .vc_tta-tab.vc_active>a span {
    border-bottom: 4px solid #e84945;
	padding-bottom: 0;
}
@media only screen and (max-width: 767.98px) {
    .projekte-tab-row .vc_tta.vc_general .vc_tta-tabs-list {
        margin-bottom: 1rem;
    }
}

/* Kontakt page */
.kontakt-lead-text {
	padding-right: 100px !important;
}

.kontakt-lead-text h5 {
	text-align: left;
}

.kontakt-red-bg p, .kontakt-red-bg, .kontakt-red-bg .qodef-icon-animation-holder {
    background-color: #e84945;
    color: #fff;
    padding: 2px 15px 2px 5px;
    display: inline-block;
	font-size: 20px;
	margin-top: 0;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1366px)  {
    .kontakt-email-padding-tablet {
        padding-left: 0px !important;
        padding-right: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1366px)  {
    .kontakt-adresse-telefon-padding-tablet {
        padding-left: 0px !important;
        padding-right: 0px !important;
		padding-top: 40px !important;
		padding-bottom: 0px !important;
    }
}

.kontakt-red-bg p {
}

.kontakt-icons a {
	padding: 10px 15px;
	line-height: 1.7;
}

.kontakt-red-bg a, 
.kontakt-icons a:hover {
    color: #fff;
}

@media(max-width:768px) {
    .kontakt-padding-mobile {
        padding-left: 20px !important;
        padding-right: 20px !important;
		padding-top: 40px !important;
		padding-bottom: 30px !important;
    }
}

@media(max-width:1366px) {
    .kontakt-padding-mobile {
        padding-left: 8px !important;
        padding-right: 20px !important;
		padding-top: 40px !important;
		padding-bottom: 30px !important;
    }
}

@media(max-width:768px) {
	.kontakt-title {
		padding-left: 20px !important;
	}
}


@media(max-width:1366px) {
	.kontakt-title {
		padding-left: 10px !important;
	}
}

/* Projekte Single Page */
/*.single-portfolio-item .qodef-logo-wrapper a {
	max-height: 55px !important;
	padding-left: 0 !important;
}*/

.single-portfolio-item.qodef-light-header .qodef-page-header>div:not(.qodef-sticky-header):not(.fixed) .qodef-main-menu>ul>li>a {
	color: #dd3333;
}

.single-portfolio-item .qodef-title-holder {
	background-color: #fff;
}

.single-portfolio-item h1 {
	font-size: 85px;
	line-height: 95px;
}

/* Footer changes */
.qodef-widget-title-holder h5 {
    font-weight: 600;
	/*margin-bottom: 15px !important;*/
}

.qodef-page-footer .textwidget p{
	line-height: 1.2;
}

.qodef-page-footer .textwidget p a {
    display: inline-block;
}

.qodef-page-footer .qodef-footer-column-3 .textwidget p a:before {
    content: '';
    display: block;
    position: relative;
    left: 0;
    bottom: -28px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.qodef-page-footer .qodef-footer-column-3 .textwidget p a:after {
    content: '';
    display: block;
    position: relative;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.qodef-page-footer .qodef-footer-column-3 .textwidget p:hover a:before {
    bottom: -28px;
}

.qodef-page-footer .qodef-footer-column-3 .textwidget p:hover a:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(.19,1,.22,1) .3s;
    transition: -webkit-transform 1.1s cubic-bezier(.19,1,.22,1) .3s;
    -o-transition: transform 1.1s cubic-bezier(.19,1,.22,1) .3s;
    transition: transform 1.1s cubic-bezier(.19,1,.22,1) .3s;
    transition: transform 1.1s cubic-bezier(.19,1,.22,1) .3s,-webkit-transform 1.1s cubic-bezier(.19,1,.22,1) .3s;
}

.qodef-page-footer .qodef-footer-column-3 .textwidget p:hover a:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 1.1s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform 1.1s cubic-bezier(.19,1,.22,1);
    -o-transition: transform 1.1s cubic-bezier(.19,1,.22,1);
    transition: transform 1.1s cubic-bezier(.19,1,.22,1);
    transition: transform 1.1s cubic-bezier(.19,1,.22,1),-webkit-transform 1.1s cubic-bezier(.19,1,.22,1);
}

/* Custom design changes */
.qodef-container {
    z-index: 102 !important; /* header image goes over the heading */
}

.row-margin-top {
    margin-top: 80px;
}

.row-margin-bottom {
    margin-bottom: 80px;
}

.row-padding-full-width-template {
    padding: 0 40px;
}

.full-width-side-padding {
    padding: 0 75px;
}

.text-row-padding {
    padding-left: 120px;
    padding-right: 120px;
}

#qodef-back-to-top .qodef-back-to-top-text {
    color: #fff !important
}

.qodef-page-footer .qodef-footer-top-holder .qodef-footer-top-inner.qodef-grid {
    padding: 40px 0 !important;
}

@media(min-width:768px) {
	.display-none-desktop {
		display: none;
	}
}

@media(max-width:767px) {
	.display-none-mobile {
		display: none;
	}
}

/* Media queries */
@media(min-width:2001px) {
   .max-width-two-thousand {
        position: initial !important;
        max-width: 2000px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


@media(min-width:1305px) {
	.client-logos {
		width: 1250px;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/*.client-logos img {
		height: 2.5rem;
	}*/
}

@media(min-width:1025px) {
    .text-with-numbers-row-angebot {
        padding-left: 160px;
        padding-right: 160px;
    }
	
	.titel-text-negative-margin h5 {
		margin-top: -60px;
	}
}

@media(min-width:768px) {
   .reverse-collumn .wpb_column {
		float: right;
	}
}

@media(max-width:1199px) {
    .projekte-excerpt-box.vc_column_container {
        padding: 10px 20px 20px 20px;
    }

	.overlay-content-row {
		top: 60px;
	}
	
	.kontakt-lead-text {
		padding-right: 60px !important;
	}
	
	.overlay-title h2 {
		font-size: 45px;
	}
	
	/*.client-logos {
		width: 760px;
	}*/
}

@media(max-width:1023.98px) {
    .row-margin-top {
        margin-top: 40px;
    }
}

@media(max-width:767.98px) {
    .projekte-excerpt-box {
        padding-bottom: 40px !important;
    }
	
	.vc_tta-panel-heading {
		display: none;
	}
	
	.kontakt-lead-text {
		padding-right: 0px !important;
	}
	
	.kontakt-red-bg p, .kontakt-red-bg, .kontakt-red-bg .qodef-icon-animation-holder {
		display: block;
	}
}

@media(max-width:480px) {
    .text-row-padding {
        padding-left: 40px;
        padding-right: 40px;
    }
	
	.team-info h3 {
		font-size: 27px;
	}
	
	.team-info p {
    	font-size: 15px;
	}
}

@media(max-width:425px) {
	.red-box p {
		font-size: 32px;
	}

    h2 {
        margin-top: 20px !important;
    }
	
	.kontakt-red-bg p, .kontakt-red-bg, .kontakt-red-bg .qodef-icon-animation-holder {
		font-size: 18px;
	}
}

@media(max-width:375px) {
    .main-heading-offset h1 {
        font-size: 38px;
        line-height: 45px;
        margin-top: -20px;
    }

    h2 {
        margin-top: 20px !important;
    }
	
	
	.kontakt-red-bg p, .kontakt-red-bg, .kontakt-red-bg .qodef-icon-animation-holder {
		font-size: 17px;
	}
}

/* Making the Projekte Filter on mobile same as on desktop */
@media(min-width:320px) {
	.wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
    	display: block !important;
	}
}

/* Impressum-Page */
.impressum-text p, .impressum-text h5 {
	text-align-last: left !important;
}


/**Mobile Menu*/
.qodef-mobile-nav .lang-item-en, .qodef-mobile-nav .lang-item {
	opacity:0.5;
}
.qodef-mobile-nav .lang-item-en a, .qodef-mobile-nav .lang-item a {
    text-align: center;
}


/**CUSTOM Modal CSS for popup frame*/
.wp-video-popup-gallery,.wp-video-popup-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;background:rgba(0,0,0,.88);z-index:8888888}.wp-video-popup-video{display:none;z-index:8888889}.wp-video-popup-video.is-landscape{width:90%;height:auto;max-width:1200px;max-height:90%}.wp-video-popup-video.is-hosted.is-portrait{width:auto;height:90%;max-width:90%}.wp-video-popup-video.is-self-hosted.is-landscape{width:90%;max-width:1200px;max-height:90%}.wp-video-popup-video.is-self-hosted.is-portrait{max-height:90%;max-width:90%}.wp-video-popup-close{background-image:url(../../../../../../../../plugins/wp-video-popup-pro/inc/img/wp-video-popup-close.png);background-size:15px auto;background-repeat:no-repeat;background-position:center center;position:absolute;right:0;top:0;height:60px;text-align:center;width:60px;cursor:pointer;z-index:9999999;-moz-transition:opacity 0.25s;-o-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;transition:opacity 0.25s}.wp-video-popup-close:hover{opacity:.7}.wp-video-popup{cursor:pointer}.wp-video-popup-gallery .wp-video-popup-video.is-landscape{width:75%}.is-opened .wp-video-popup-arrow{opacity:1;visibility:visible;transition-delay:0.5s}.wp-video-popup-arrow{position:absolute;top:50%;max-width:40px;cursor:pointer;opacity:0;visibility:hidden;padding:10px;transition:opacity 0.25s,visibility 0.25s;z-index:2;transform:translateY(-50%)}.showing-first-slide .wp-video-popup-arrow-left,.showing-last-slide .wp-video-popup-arrow-right{opacity:.2;cursor:default}.wp-video-popup-slides{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;overflow:hidden}.wp-video-popup-slide.active-slide{display:flex;opacity:1;visibility:visible}.wp-video-popup-slide{display:none;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .3s}@media screen and (max-width:480.35px){.wp-video-popup-arrow-left{left:10px!important}.wp-video-popup-arrow-right{right:10px!important}}