/*
Theme Name: Architekturbüro Heinrich
Author: we-concept
Author URI: https://we-concept.de
Version: 1.0.1
Template: dessau
*/

/* raleway-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/raleway-v37-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v37-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body { font-family: 'Raleway', sans-serif !important; }
/* LOGO */
.qodef-logo-wrapper a { height: 47px !important; }
.qodef-sticky-header .qodef-logo-wrapper a { height: 28px !important; }

.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    max-width: inherit !important;
    max-height: 86%t;


}

/* Nav Hintergrundverlauf */
.qodef-page-header .qodef-menu-area {
    background-color: transparent !important; 
}

.qodef-mobile-header .qodef-mobile-header-inner {
    background-color: rgba(67,84,77,.83) !important;
}

/* HG */

.home .qodef-content {
    background-image: url(/wp-content/uploads/2018/12/ah-hintergrund-wasserzeichen.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}

.qodef-page-header .qodef-menu-area, .qodef-page-header .qodef-sticky-header .qodef-sticky-holder  {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,43544d+0,33403b+100&0.9+2,0.9+100 */
background: -moz-linear-gradient(top, rgba(67,84,77,0.9) 0%, rgba(67,84,77,0.9) 2%, rgba(51,64,59,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,84,77,0.9) 0%,rgba(67,84,77,0.9) 2%,rgba(51,64,59,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,84,77,0.9) 0%,rgba(67,84,77,0.9) 2%,rgba(51,64,59,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e643544d', endColorstr='#e633403b',GradientType=0 ); /* IE6-9 */
}


body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,dbdbdb+99 */
background: rgb(249,249,249); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(249,249,249,1) 0%, rgba(219,219,219,1) 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(249,249,249,1) 0%,rgba(219,219,219,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(249,249,249,1) 0%,rgba(219,219,219,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* CONTENT */

/* Startseite */
.startseite-h1 { font-size: 30px; }
.startseite-h1, .startseite-einleitung  { text-align:center;}
.startseite-abstand { height: 60px;}

/* Filter rahmen */
li.qodef-pl-filter { border: 1px dotted #888; margin: 0 5px 10px 5px !important; }

/* FIlter Font */
.qodef-pl-filter-holder ul li.qodef-pl-current span, .qodef-pl-filter-holder ul li:hover span, .qodef-pl-standard-pagination ul li.qodef-pl-pag-active a {
    color: #666 !important;
}	
.qodef-pl-filter-holder ul li {
    font-size: 14px !important;
}

/* Wasserzeichen */
.portfolio-item-template-default .qodef-content {
    background-position: center 30rem !important;
	background-size: contain !important;
}

.qodef-content {
    background-position: center 36rem !important;
	background-size: contain !important;
}

/*Akkordion */
.qodef-accordion-holder .qodef-accordion-content:last-of-type {
    border-bottom: 0px solid #e4e4e4  !important;
}

.qodef-accordion-holder .qodef-accordion-title:first-of-type {
    border-top: 0px solid #e4e4e4  !important;
}

body .qodef-accordion-holder .qodef-accordion-content {
    margin: 0;
    padding: 20px 0 80px;
}

ol, ul {
    list-style-position: outside;
    margin: 15px 0;
    margin-left: 3em;
}

/*CTA */
.cta-mittig {
    text-align:center;
}


/* Single Protfolio Abstand über Galerie */
.postid-5194 .qodef-content .qodef-content-inner > .qodef-container > .qodef-container-inner, .postid-5194 .qodef-content .qodef-content-inner > .qodef-full-width > .qodef-full-width-inner {
    padding: 0px 0px 0px !important;
}

/* Galerie Pfeile */

body .pp_pic_holder a.pp_next:after {
    content: "\f3d3";
    color: white;
    text-shadow: 3px 3px 3px black;
}

body .pp_pic_holder a.pp_previous:after {
    content: "\f3d2";
	color: white;
    text-shadow: 3px 3px 3px black;
}

/* Single Portfolio Galerie */
.qodef-portfolio-single-holder .qodef-ps-image-holder {
	margin-top:60px; 
}

/* Sliderabstand vom oberen Rand (unter Top-Navi) */
.qodef-content { margin-top: -100px !important; }

/* Padding links, rechts in der Navi */
.qodef-page-header .qodef-vertical-align-containers {
    padding: 0 !important;
}

/* Navigation Padding */
.qodef-main-menu>ul>li>a {
    padding: 0 0 0 35px !important;
}

/*Abstand über dem Headersilder */
.qodef-content .qodef-content-inner>.qodef-full-width>.qodef-full-width-inner, .qodef-container-inner  {
    padding-top: 0px !important;
}

/* Abstand zum Footer */
/* .qodef-content-inner {
	 padding-bottom: 100px !important;
 } */

/* Sideburgermenü */
.qodef-side-menu-button-opener .qodef-side-menu-icon {
    display: none !important;
}

/* Burger-Menü */
.qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-icon-pack .qodef-mobile-menu-icon {
    font-size: 36px !important;
}

.qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined .qodef-hm-lines {
    height: 16px !important;
}

.qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opener-predefined .qodef-hm-lines .qodef-hm-line {
    height: 2px !important;
}

.qodef-mobile-header .qodef-mobile-menu-opener {
    float: right !important;
}

/*Mobile Header */
.qodef-mobile-header .qodef-mobile-header-inner {
    border-bottom: none !important;
}

/* Mobile Nav */
.qodef-mobile-nav { height: auto !important; }

.qodef-mobile-header .qodef-mobile-nav ul li a, .qodef-mobile-header .qodef-mobile-nav ul li { text-transform: uppercase; }
.qodef-mobile-header .qodef-mobile-nav ul li ul li a { text-transform: none; }

/*Mobile Logo links */
.qodef-vertical-align-containers .qodef-position-center {
    text-align: left !important;
}

.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    margin: 0 0 !important;
}

/* Titel in Single */
.qodef-container-inner clearfix {
    margin-top: 80px;
}

/* Titel Portfolio Auszug ohne Hintergrund */
.qodef-portfolio-list-holder.qodef-pl-standard-trim .qodef-pli-text-holder {
    background-color: transparent !important;
}
.qodef-portfolio-list-holder.qodef-pl-standard-trim article:hover .qodef-pli-text-holder {
    -webkit-transform: translateY(-5%) !important;
    -moz-transform: translateY(-5%) !important;
    transform: translateY(-5%) !important;
}

/* Portfolio Bilderübersicht in ungesättigt */
.qodef-pli-image, .qodef-portfolio-category-list-holder img {
  -webkit-filter: grayscale(85%); /* Safari 6.0 - 9.0 */
  filter: grayscale(85%);
}

/* Abstand Galerie und Überschrift */
.qodef-portfolio-single-holder .qodef-grid-row, .qodef-ps-gallery-custom-layout .qodef-grid-row {
	padding: 40px 0px 60px 0 !important;
}

/* Abstände zw. den Projekten */
.qodef-tiny-space .qodef-outer-space .qodef-item-space {
    padding: 0 2px !important;
    margin: 0 0 4px !important;
}

/* Kategorie Liste ohne Hover */
.qodef-portfolio-category-list-holder article .qodef-pcli-text-holder {
    background-color: transparent !important;
}
.qodef-pcli-image {
	margin-bottom: 20px;
}

/* Fullscreenmode in Lightbox ausblenden */
.pp_expand {display: none !important; }

/* Nav in Lightbox */
.pp_next {
    height: 100% !important;
    width: 5% !important;
    right: 0px !important;
	top: 0 !important;
}

.pp_previous {
    height: 100% !important;
    width: 5% !important;
    padding-left: 2.5% !important;
	top: 0 !important;
	left: 0 !important;
}
body .pp_pic_holder .pp_hoverContainer a.pp_next, body .pp_pic_holder .pp_hoverContainer a.pp_previous {
    /* margin: calc(50% - 20px) 0 0 0 !important; */
	margin: 36% 0 0 0 !important;
}

/* Overlay Portfoliolist */
.qodef-portfolio-list-holder.qodef-pl-gallery-overlay-simple .qodef-pli-text-holder {
	    background-color: rgba(255, 255, 255, 0.85) !important;
		padding: 10px 20px !important;
}

/* Vorschaubilder immer breit */
/* .qodef-ps-image img { width: auto !important; } */

/*Nav 2. Ebene hover */
.qodef-drop-down .second .inner ul li a:hover .item_outer {
    color: #fff !important;
}

#sticky-nav-menu-item-5758>a, #nav-menu-item-5758>a { cursor: text !important; }

.qodef-drop-down .second .inner ul li a {
    padding: 6px 20px 6px 44px !important;
}


.qodef-drop-down #nav-menu-item-6077.narrow .second .inner ul li, .second {
    width: 200px !important;
}

.qodef-drop-down .narrow .second .inner ul li, .second {
    width: 320px !important;
}



/* VC Konfigurationen */

/* allg. Konfiguration */
.h2-margin-bottom { margin-bottom: 30px !important; }



/* FOOTER */
.no-touch body.page-id-1080:not(.error404) .qodef-page-footer.qodef-footer-uncover {
    left: 0 !important;
    right: 0 !important;
    width: auto;
}

.qodef-page-footer ul, .qodef-page-footer li, .qodef-page-footer a { color: #33403B !important; }

footer .widget .qodef-widget-title-holder .qodef-widget-title, footer .widget.widget_archive .qodef-widget-title, footer .widget.widget_categories .qodef-widget-title, footer .widget.widget_meta .qodef-widget-title, footer .widget.widget_nav_menu .qodef-widget-title, footer .widget.widget_pages .qodef-widget-title, footer .widget.widget_recent_entries .qodef-widget-title {
    margin-bottom: 0px !important;
    color: #fff !important;
	margin-top: 0;
}

footer .widget.widget_nav_menu ul li, footer .widget.widget_nav_menu ul li a {
    text-transform: none !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}

footer a { 	color: #0a734b !important }
footer a:hover, footer .widget.widget_nav_menu ul li a:hover { color: #111 !important; font-weight: 400 !important; }

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

.qodef-widget-title-holder { 
	background-color: #43544D; 
	padding: 8px 0 8px 20px;
}

.qodef-column-content div {
		padding: 8px 0 8px 20px;
}

.qodef-footer-top-inner > .qodef-grid-row > div { padding-right: 0 !important;  }
.qodef-footer-top-inner > .qodef-grid-row > div { padding-left: 0 !important;  }
.qodef-footer-top-inner > .qodef-grid-row > div:first-child { padding-left: 15px !important;  }
.qodef-footer-top-inner > .qodef-grid-row > div:last-child { padding-right: 15px !important;  }


/* Abstand über Footer */

.qodef-content .qodef-content-inner>.qodef-container>.qodef-container-inner, .qodef-content .qodef-content-inner>.qodef-full-width>.qodef-full-width-inner {
    padding-bottom: 80px !important;
}

/* Kontaktform */

#submit_comment, .post-password-form input[type=submit], input.wpcf7-form-control.wpcf7-submit {
    padding: 0px 30px !important;

}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #43544d;
}

div.wpcf7-response-output {
    margin: 2em 0;
    padding: 0.2em 1em;
    border: 2px solid #43544d;
}

html .wpcf7-form p { float: none !important;}

/* Cookie Notice */
#cookie-notice { opacity: 0.95; }

#cookie-notice a {
    border-radius: 0;
    border: 0;
    font-size: 14px;
    padding: 4px 10px;
}

/* Inhaltkästen mit animiertem Rahmen (siehe Über uns */
.qodef-image-info-section-holder.qodef-image-on-left-side .qodef-iis-text-inner,
.qodef-image-info-section-holder.qodef-image-on-right-side .qodef-iis-text-inner { padding: 40px !important; }

.qodef-blog-holder article .qodef-post-image, .wp-caption, iframe, img, pre {
    width: 100%;
}

/* Listenansicht Projekte */
.uplp-post-read_more { display: none; }
.uplp-list ul li div:nth-child(4) { display: block }

.uplp-post-read_more { margin-top: 24px; }
.uplp-post-read_more a { font-size: 14px; font-weight: 300; border: 1px solid #43544d; letter-spacing: 0.025em; padding: 6px 16px; margin-top: 10px; color: #fff; background-color: #43544d }
.uplp-post-read_more a:hover { font-size: 14px; font-weight: 300; border: 1px solid #43544d; letter-spacing: 0.025em; padding: 6px 16px; margin-top: 10px; color: #43544d; background-color: #fff }
.archive .qodef-wrapper-inner .qodef-content { margin-top: 2rem !important; }
.archive .qodef-content h1 { margin-bottom: 3rem;}



/* RESPONSIVE */
@media only screen and (min-width: 480px) {
	.qodef-mobile-header .qodef-mobile-logo-wrapper img {
		max-width: inherit !important;
		max-height: 47px !important;
		padding-top: 6px;
	}
}

@media only screen and (min-width: 681px) {
	
	/* Signle Portfolio Bilder Galerie Größenanpassung */
	.qodef-ps-image-inner > .qodef-ps-image  {
		max-height: 185px;
		overflow: hidden;
		}
		
	/*CTA */
	.cta-mittig .vc_cta3-actions {
    float: right;
    margin-top: .4rem;
	text-align:center;
	}
	
	.cta-mittig {
	text-align:left;
	}
		
}

@media only screen and (min-width: 768px) {
	
	/* Single Portfolio Bilder Galerie Größenanpassung */
	.qodef-ps-image-inner > .qodef-ps-image {
		max-height: 160px;
		overflow: hidden;
		}
		
	/* Wasserzeichen */
	.qodef-content, .portfolio-item-template-default .qodef-content {
		background-position: center 45rem !important;
		background-size: contain !important;
	}
	
	/* Startseite */
	.startseite-h1 { text-align:right;}
	.startseite-einleitung  { text-align:left;}
		
}

@media only screen and (min-width: 1024px) {
	
		
	/* Startseite */
	.startseite-abstand { height: 80px !important;}
	.startseite-h1 { font-size: 36px; }

	/* Abstand Portfolio Single Galerie und Header */
	.qodef-portfolio-single-holder, .qodef-ps-gallery-custom-layout {
		padding: 160px 0px 0px !important;
	}
	
	/* Abstand Galerie und ÜBerschrift */
	.qodef-portfolio-single-holder .qodef-grid-row, .qodef-ps-gallery-custom-layout .qodef-grid-row {
		padding: 80px 0px 60px 0 !important;
	}
	
	/*Slider hinter Nav */
	/*.qodef-page-header {
    position: relative;
    display: block !important;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    z-index: 110;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} */
	



	/* Wasserzeichen */
	.qodef-content {
		background-position: center 47rem !important;
		background-size: contain !important;
	}
	.portfolio-item-template-default .qodef-content {
		background-position: center 50rem !important;
		background-size: contain !important;
	}
	
	/* Single Portfolio Galerie */
	.qodef-portfolio-single-holder .qodef-ps-image-holder {
		margin-top:30px; 
	}

	/* Signle Portfolio Bilder Galerie Größenanpassung */
	.qodef-ps-image-inner > .qodef-ps-image  {
		max-height: 200px;
		overflow: hidden;
		}

}

@media only screen and (min-width: 1250px) {
	
	/* Startseite */
	.startseite-abstand { height: 120px !important;}
	
	/* Inhaltkästen mit animiertem Rahmen (siehe Über uns */
	.qodef-image-info-section-holder.qodef-image-on-left-side .qodef-iis-text-inner,
	.qodef-image-info-section-holder.qodef-image-on-right-side .qodef-iis-text-inner { padding: 60px 80px !important; }

}
	
@media only screen and (max-width: 1024px) {
	
	/* Infalhtkästen bei TAblet ohne Animierten Rahmen */
	.qodef-image-info-section-holder.qodef-has-border .qodef-iis-text-holder div.qodef-iis-text-inner {
		border: 1px solid #363636!important; 
	}
	
	.qodef-image-info-section-holder.qodef-image-on-left-side .qodef-iis-text-inner:after, .qodef-image-info-section-holder.qodef-image-on-right-side .qodef-iis-text-inner:after {
		border-bottom: 1px transparent !important;

	}
	
	.qodef-image-info-section-holder.qodef-image-on-left-side .qodef-iis-text-inner:before {
		border-top: 1px transparent !important;
		border-right: 1px transparent !important;
	}
	
	.qodef-image-info-section-holder.qodef-image-on-right-side .qodef-iis-text-inner:before {
		border-top: 1px transparent !important;
		border-left: 1px transparent !important;
	}

	.qodef-mobile-header {
		display: inline-block !important;
		width: 100%;
	}

	
	
}