/*
Theme Name: ecd exhibition
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


@font-face {
  font-family: "Helvetica";
  font-weight: 400;
  src: url("/wp-content/themes/flatsome-child/fonts/HelveticaNeueMedium.ttf") format("truetype");
}

@font-face {
  font-family: "Helvetica";
  font-weight: 700;
  src: url("/wp-content/themes/flatsome-child/fonts/HelveticaNeueBold.ttf") format("truetype");
}

@font-face {
  font-family: "HelveticaCondensed";
  font-weight: 700;
  src: url("/wp-content/themes/flatsome-child/fonts/HelveticaNeueCondensedBlack.ttf") format("truetype");
}

body {
	font-family: "Helvetica", Verdana, sans-serif !important;
	font-weight: 400;
	font-size: 14px;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	font-family: "HelveticaCondensed", Verdana, sans-serif !important;
	font-weight: 700;
}


#header {
	margin-bottom: 20px;
}

#header::before {
    content: "";
    display: block;
    position: fixed;
    width: calc(50% + 312px);
    height: 6px;
    background-color: #d40162;
    top: 0;
    right: 0;
    z-index: 50;
	transition: width .5s;
}

.headlineFX {
	overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 100px;
}

.headlineFX.autoHeight {
	padding: 0;
}

.headlineFX h1,
.headlineFX h2,
.headlineFX h3 {
	font-size: 15vw;
	line-height: 15vw;
	letter-spacing: 1vw;
	font-weight: 700;
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}

.headlineFX.big h1,
.headlineFX.big h2,
.headlineFX.big h3 {
	font-size: 19vw;
	line-height: 16vw;
	letter-spacing: 1vw;
}

.headlineFX.std {
	margin-bottom: 30px;
}

.headlineFX.std h1,
.headlineFX.std h2,
.headlineFX.std h3 {
	font-size: 11vw;
	letter-spacing: 0;
}

.headlineFX .headlineEnv {
	position: relative;
	top: 0;
	left: 0;
	background-color: #000;
	mix-blend-mode: darken;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.headlineFX.autoHeight .headlineEnv {
	position: initial;
	padding: 20px 0 0 0;
}

.headlineFX .imageEnv {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.headlineFX .imageEnv video {
	position: relative;
	width: 100%;
}

.portfolio-top,
.bgFX {
	background: url(/wp-content/uploads/2022/11/bg-1.svg) no-repeat center top / 100% auto;
}

.portfolio-element-wrapper .portfolio-box h6 {
	text-transform: none;
}

.portfolio-element-wrapper .portfolio-box h6,
.portfolio-element-wrapper .portfolio-box .year {
	font-size: 50px;
	letter-spacing: -.5px;
	line-height: 45px;
	max-width: 280px;
}
.portfolio-element-wrapper .portfolio-box .year {
	font-weight: 700;
	font-size: 78px;
	margin-bottom: 20px;
	font-family: "HelveticaCondensed", Verdana, sans-serif;
}


.portfolio-element-wrapper .portfolio-box .portfolio-box-category {
	opacity: 1;
}

.portfolio-element-wrapper .box-overlay.dark .box-text,
.portfolio-element-wrapper .box-shade.dark .box-text {
	text-shadow: 1px 1px 10px rgba(0,0,0,.3);
}

.portfolio-featured-content .headlineFX {
	margin-bottom: 20px;
}

.portfolio-featured-content .headlineFX .imageEnv {
	-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
	filter: blur(5px);
}

.portfolio-featured-content .headlineFX .headlineEnv {
	position: relative;
	z-index: 2;
}

.portfolio-featured-content .headlineFX h1 {
	font-size: 9vw;
	line-height: 8vw;
	letter-spacing: 5px;
	max-width: 800px;
	margin-left: 11px;
}

.portfolio-featured-content h4 {
	font-size: 1.5vw;
	margin-left: 15px;
}

.portfolio-featured-content .headlineFX .year {
	font-family: "HelveticaCondensed", Verdana, sans-serif !important;
	font-weight: 700;
	font-size: 9vw;
	line-height: 7vw;
	letter-spacing: 5px;
	margin-left: 11px;
}


.has-hoverOff .hover-slide,
.has-hoverOff .hover-slide-in,
.has-hoverOff .hover-zoom,
.has-hoverOff .hover-zoom-in,
.has-hoverOff .show-on-hoverOff,
.has-hover:hover .hover-slide,
.has-hover:hover .hover-slide-in,
.has-hover:hover .hover-zoom,
.has-hover:hover .hover-zoom-in,
.has-hover:hover .show-on-hover {
  opacity: 1 !important;
  -webkit-transform: scale(1) translateZ(0) translateY(0) !important;
  transform: scale(1) translateZ(0) translateY(0) !important;
  pointer-events: inherit;
}

.filter-nav li.Messebau {
	display: none;
}

.filter-nav.nav > li > a {
	font-size: .9em;
}

.copyright-footer {
	color: rgba(255,255,255,.8);
}

p.designElement {
	display: inline;
	padding: 0.25em 0em;
	box-shadow: .5em 0 0 #d40162,-.5em 0 0 #d40162;
	box-decoration-break: clone;
	font-size: 350%;
	font-weight: 700;
	background-color: #d40162;
	line-height: 96px;
}

ul.ecd_gal {
	width: 100% !important;
	list-style-type: none;
	margin-left: 0;
}


ul.ecd_gal li {
	border-right: 6px solid #000;
	margin-bottom: 6px;
}


footer .row.row-collapse.has-block {
	position: relative;
	left: -53px;
	top: -6px;
	margin-bottom: 5px;
}

.off-canvas-center .mfp-content {
	max-width: 1000px;
}



.nav > li > a > i.icon-menu:before {
	content: "";
/* 	background: url(/wp-content/uploads/2022/10/burger_menu.png) no-repeat center center / 100% auto; */
	background: url(/wp-content/uploads/2024/02/hamburger.png) no-repeat center center / 100% auto;
	height: 30px;
	width: 30px;
	display: block;
}

#main-menu .nav-sidebar .menu-item a {
	font-size: 6vw;
	font-weight: 700;
	font-family: "HelveticaCondensed", sans-serif;
	padding: 0;
	color: #dab56d;
	
	background: #D1AE69;
	background: linear-gradient(to right, #D1AE69 37%, #F7E599 46%);
	-webkit-background-clip: text;
	/* -webkit-text-fill-color: transparent; */

}
.mfp-close {   
    right: 60px;
    top: 30px;
	color: #d3b26b;
}
#main-menu .nav-sidebar .menu-item a:hover {
	background: #D1AE69;
	background: linear-gradient(to right, #F7E599 37%, #D1AE69 46%);
	-webkit-background-clip: text;
	/* -webkit-text-fill-color: transparent; */

}

.portfolio-element-wrapper .box-image {
	position: relative;
}

.portfolio-element-wrapper .portfolio-box .box-image:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0%;
	height: 8px;
	background-color: #d40162;
	transition: width 1.2s;
}

.portfolio-element-wrapper .portfolio-box:hover .box-image:after {
	width: 100%;
}

.portfolio-page-wrapper .portfolio-featured-title {
	position: relative;
}

.portfolio-page-wrapper .portfolio-featured-title:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(50% - 320px);
	height: 8px;
	background-color: #d40162;
	animation-name: lineIn;
  	animation-duration: 2s;
}

.smallform {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 135px;
}
.smallform:after {
	float: none;
}
.smallform li {
	margin: 0 !important;
	padding: 0;
	float: left;
}
.smallform li input {
	margin-bottom: 2px;
	background-color: rgba(0,0,0,.2);
	color: #fff;
	border: 0;
}
.smallform li textarea {
	height: 80px;
	margin: 0 0 0 2px;
	background-color: rgba(0,0,0,.2);
	color: #fff;
	border: 0;
}
.smallform li input[type="submit"] {
	margin-right: 5px;
	margin-top: 13px;
	background-color: #d49f018f;
}

.wpcf7-response-output {
	color: #fff;
	clear: both;
}
.nav-right li.lang-item a.nav-top-link {
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 0 0px 2px 0 !important;
	border-bottom: 2px solid transparent;
	color: #d3b26b;
}
.nav-right li.lang-item-en {
    border-right: 3px solid #d3b26b;
}
.nav-right li.lang-item-de {
    margin-right: 8px;
}
.nav-right li.lang-item{
	line-height:20px;
	padding: 0 5px !important;
}
.nav-right li.lang-item.current-lang a{
	border-bottom: 2px solid #d3b26b;
}
.stuck .header-main .nav > li.lang-item > a {
    line-height: 20px;
}
.abt-cst-col div.headlineEnv p {
    display: none;
}
h1.de-abt-title {
    padding-top: 35px;
}
.dark h2.font_2 {
    color: #d4b26b;
}
.portfolio-element-wrapper .service_port_grid  .portfolio-box h6, .portfolio-element-wrapper .service_port_grid .portfolio-box .year {
    font-size: 33px;
    letter-spacing: -.5px;
    line-height: 36px;
    max-width: 280px;
}
.headlineFX .headlineEnv h1 {
    color: #d2b06a !important;
}
.loc-adress{
	padding: 100px;
	border: 3px solid #d40162;
}
.loc-adress h3.font_2 {
    color: #d4b26b;
}
section.loc_sec .row {
    padding: 20px !important;
}
.header-nav-main .social-icons a.phone {
    background: url(/wp-content/uploads/2024/02/phone-icon.png) !important;
    background-repeat: no-repeat !important;
}
.header-nav-main .social-icons a.email {
    background: url(/wp-content/uploads/2024/02/email_bold.png) !important;
}
.off-canvas-center .mfp-content{
	position: relative;
	padding-top: 160px;
}
.off-canvas-center:before {
    content: '';
    background: url('/wp-content/uploads/2022/11/Logo-neu-gold.png');
	background-repeat: no-repeat;
	background-size: cover;
    height: 70px;
    position: absolute;
    width: 199px;
    top: 30px;
	left: 10%;
}
h1.loc-title{
	font-size: 12vw !important;
}
h1 .title-white{
    color: #fff;
}









@keyframes lineIn {
  from {width: 0%;}
  to {width: calc(50% - 320px);}
}

.maxWidth {
	max-width: 800px;
	margin: 0 auto;
}

.mk-row .wpcf7-form-control {
    background: transparent;
    border: 1px solid #d7b56d;
    padding: 20px 15px;
    font-size: 16px;
    color: #fff !important;
}
@media(min-width: 768px){
	.mk-col-50 {
		width: 50% !important;
	}
	.mk-row {
		display: flex !important;
	}
	.headlineFX h1.project-title {
		font-size: 13vw !important;   
		letter-spacing: 4px;
	}
	.headlineFX h1.de-abt-title {
		font-size: 13.3vw !important;
	}
	h1.loc-title {
		font-size: 13vw !important;
	}
}
@media(min-width: 1500px) {
	.headlineFX h1,
	.headlineFX h2,
	.headlineFX h3 {
		font-size: 13.5vw;
		line-height: 11vw;
		letter-spacing: 3px;
	}
	
	.headlineFX.big h1,
	.headlineFX.big h2,
	.headlineFX.big h3 {
		font-size: 14.5vw;
		line-height: 11vw;
		letter-spacing: 5px;
	}
		.headlineFX h1.project-title {
		font-size: 12.5vw !important;   
		letter-spacing: 4px;
	}
	.headlineFX h1.de-abt-title {
		font-size: 13vw !important;
	}
	h1.loc-title {
    font-size: 11vw !important;
}

}

@media(min-width: 2000px) {
	
	.headlineFX h1,
	.headlineFX h2,
	.headlineFX h3 {
		font-size: 250px;
		line-height: 230px;
		letter-spacing: 2px;
	}
	.headlineFX.big h1,
	.headlineFX.big h2,
	.headlineFX.big h3 {
		font-size: 280px;
		line-height: 240px;
		letter-spacing: 3px;
	}
	.headlineFX h1.project-title {
		font-size: 10vw !important;
		letter-spacing: 4px;
	}
	h1.loc-title {
		font-size: 9vw !important;
	}
	#main-menu .nav-sidebar .menu-item a {
		font-size: 96px;
	}
	.portfolio-featured-content h4 {
		font-size: 1.2vw;
	}
	.headlineFX h1.de-abt-title {
		font-size: 12vw !important;
	}
}

.nav-sidebar.nav-vertical > li.menu-item {
  	background-color: rgba(0,0,0,0);
	transition: all 0.8s;
}

.nav-sidebar.nav-vertical > li.menu-item.active,
.nav-sidebar.nav-vertical > li.menu-item:hover {
  background-color: rgba(0,0,0,.25);
}

.portfolio-summary.entry-summary img {
	display: none;
}


/* Footer Gradient */

#footer{
	margin-top: 0;
	padding-top: 30px;
	color: black;
	
	background: rgb(215,181,109);
	background: -moz-linear-gradient(180deg, rgba(215,181,109,1) 10%, rgba(0,0,0,1) 90%);
	background: -webkit-linear-gradient(180deg, rgba(215,181,109,1) 10%, rgba(0,0,0,1) 90%);
	background: linear-gradient(180deg, rgba(215,181,109,1) 10%, rgba(0,0,0,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7b56d",endColorstr="#000000",GradientType=1); 
}

/* END Footer Gradient */


.footer-widgets.footer.footer-1 li{
  color: black;
  border: none;
}

@media(max-width: 1160px) {
	footer .row.row-collapse.has-block {
		position: initial;
		margin-bottom: 5px;
	}
	footer .row-collapse {
	  padding: 0 15px 5px 15px;
	}
}

@media(max-width: 1080px) {
/* 	.off-canvas-center .mfp-content:before {
		left: 7%;
	} */
	.headlineFX h1{		
		padding-left: 15px;
		padding-top: 25px;
	}
	#header::before {
		width: calc(100% - 220px);
	}
	.portfolio-page-wrapper .portfolio-featured-title:after {
		width: 220px;
	}
	@keyframes lineIn {
	  from {width: 0%;}
	  to {width: 220px;}
	}
	.headlineFX h1,
	.headlineFX h2,
	.headlineFX h3 {
		font-size: 18vw;
		line-height: 15vw;
		letter-spacing: 2px;
	}
	
	.headlineFX.big h1,
	.headlineFX.big h2,
	.headlineFX.big h3 {
		font-size: 19vw;
		line-height: 16vw;
		letter-spacing: 2px;
	}
	
	.portfolio-featured-content h4 {
		font-size: 2vw;
	}
	.portfolio-featured-content .headlineFX .year,
	.portfolio-featured-content .headlineFX h1 {
		letter-spacing: 2px;
		width: 80%;
	}
}
@media(max-width: 849px) {
	header .header-main .hide-for-medium {
		display: block!important;
	}
	header .header-main .show-for-medium {
		display: none !important;
	}
	.nav > li > a > i.icon-menu:before {  
		position: relative;
		top: 0px;
	}
	.header-nav-main .social-icons a.email {
		background: url(/wp-content/uploads/2024/02/envelope.png) !important;
		height: 50px;
		width: 50px;
		background-size: cover !important;
	}
	.header-nav-main .social-icons a.phone {
		background: url(/wp-content/uploads/2024/02/phone.png) !important;
		height: 50px;
		width: 50px;
		background-size: cover !important;
	}
	.header-nav-main li.html.header-social-icons {
		position: absolute;
		top: 300px;
	}
	.header-nav-main .social-icons {
		display: flex;
		flex-wrap: wrap;
		max-width: 67px;
		gap: 20px;
	}
}
@media(max-width: 768px) {
/* 	.off-canvas-center .mfp-content:before {
		left: 38%;
	}
	.off-canvas-center .mfp-content:before {
		height: 56px;
		width: 159px;
	} */
	.off-canvas-center:before {
		height: 44px;
		width: 125px;
		top: 20px;
		left: 7%;
	}
	
	.loc-adress {
		padding: 65px;
	}
	p.designElement {
		padding: 0.18em 0em;
		box-shadow: .25em 0 0 #d40162,-.25em 0 0 #d40162;
		font-size: 280%;
		line-height: 80px;
	}
	body #header #logo img {
		max-height: 53px;
		margin-top: 0px;
	}
	.headlineFX.std h1, .headlineFX.std h2, .headlineFX.std h3 {
		font-size: 14vw;
		letter-spacing: 3px;
	}
	.portfolio-element-wrapper .box-text {
		padding: 12px;
	}
	footer .col {
		padding-bottom: 10px;
	}
	footer .row .col:last-child {
		padding-bottom: 20px;
	}
	.portfolio-featured-content h4 {
		font-size: 2.5vw;
	}
	.portfolio-element-wrapper .portfolio-box h6,
	.portfolio-element-wrapper .portfolio-box .year {
		font-size: 37px;
		letter-spacing: -.2px;
		line-height: 31px;
	}
	
	.portfolio-element-wrapper .portfolio-box .year {
		font-size: 60px;
		margin-bottom: 12px;
	}
	.portfolio-featured-content .headlineFX .year,
	.portfolio-featured-content .headlineFX h1 {
		letter-spacing: 1px;
		width: 80%;
	}

}

@media(max-width: 560px) {
	.mfp-close {   
		right: 30px;
	}
	.portfolio-element-wrapper .portfolio-box h6,
	.portfolio-element-wrapper .portfolio-box .year {
		font-size: 30px;
		letter-spacing: -.2px;
		line-height: 27px;
	}
	
	.portfolio-element-wrapper .portfolio-box .year {
		font-size: 50px;
		margin-bottom: 9px;
	}
	
	#footer {
		padding-top: 15px;
	}
	.loc-adress {
		padding: 30px;
	}
		#main-menu .sidebar-menu .nav-sidebar .menu-item a {
		font-size: 8vw !important;
	}
	.off-canvas-center .mfp-content:before {
    left: 7%;
}
	
}
@media(max-width: 480px){
	body #header #logo img {
		max-height: 44px;
		margin-top: 0px;
	}
	.nav-right li.lang-item a.nav-top-link {
		font-size: 16px !important;
	}
	.nav-right li.lang-item-en {
		border-right: 2px solid #d3b26b;
	}
	
	.nav > li > a > i.icon-menu:before {		
		height: 27px;
		width: 27px;
	}
	.header a.icon:not(.button) {
		margin-left: 5px;
		margin-right: 7px;
		display: flex;
	}
	.nav-right li.lang-item-de {
		margin-right: 4px;
	}
}
@media(max-width: 420px) {
	#header::before {
		width: calc(100% - 92px);
	}
	.portfolio-page-wrapper .portfolio-featured-title:after {
		width: 92px;
	}
	@keyframes lineIn {
	  from {width: 0%;}
	  to {width: 92px;}
	}
	.portfolio-featured-content h4 {
		font-size: 3.4vw;
	}