/*!
Theme Name: IFE Landingpages - Base-Theme ab 08/2021
Theme URI: https://www.falkemedia.at
Author: Matthias Wagner FALKEmedia GmbH
Author URI: https://www.falkemedia.at
Description: IFE Aufbereitungstechnik 2021
Version: 1.0.0
Text Domain: ifeLP2021

This Starter Theme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

svg:not(:root) {
	overflow: hidden;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: none;
	box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

/* adjust, if needed */
.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}
.clear,
.clear:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
################################################################                                                                                                          .
          .     ........  .. ...         .    .         ................................  ..............  ........
  Z888888888.   .:$$$$..   8888.        . 8888:8888888888,$$$$$$$$$$$$$7..I$$$$$$$$$.$$$$$$7:.....$$$$..  ..$$$$..
  $888888888.   ..$$$$..   8888       . O8888 .8888888888,$$$$$$$$$$$$$$$:I$$$$$$$$$.$$$$$$$$$$...$$$$.   ..7$$$..
   .      .     ...$$$$.   8888        8D888....        .,$$$?......~$$$$?................=$$$$$~.$$$$.   ...$$$$.
  $888888888 . $$$$.$$$$.. 8888      8888.     8888888888,$$$?. $$$?..$$$?I$$$$$$$$$.$$$$    +$$$?$$$$. .$$$$.$$$$...
  $888D88888. .$$$+.+$$$,. 8888      8888O     8888888888.$$$?. $$$I..$$$?I$$$$$$$$$.$$$$.   I$$$=$$$$. .$$$I.~$$$~..
  $888.    . .$$$$...$$$$. 8888.  .  .88888.   8888 .   ..$$$?. $$$I..$$$?I$$$,.  ...$$$$...:$$$$.$$$$. 7$$$...$$$$..
  $888,.     .$$$$$$$$$$$? 8888888888  .8D88~..888888888D.$$$?. $$$I..$$$?I$$$$$$$$$.$$$$$$$$$$$..$$$$..$$$$$$$$$$$7.
  $888,.     7$$$$$$$$$$$$.8888888888.. .8888? 8888888888.$$$?..$$$?..$$$?I$$$$$$$$$.$$$$$$$$$=...$$$$.?$$$$$$$$$$$$.
      .   .  ..           ...      ..        .          ..   . ..............     ...     .     ..   ...          ...
################################################################
--------------------------------------------------------------*/
html,
body {
	margin: 0;
	padding: 0;
	background-color: #f3f2f0;
	overflow-x: hidden;
}
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	-webkit-font-smoothing: antialiased;

	/* adjust, if needed */
	hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;
}
body{
	/* adjust, if needed */
	word-wrap:break-word;
}

/*--------------------------------------------------------------
# TranslatePress Switcher
--------------------------------------------------------------*/
#trp-floater-ls{
	left:auto !important;
	right:20px;
	background-color: #80766F;
	color: #fff;
}

/*--------------------------------------------------------------
# Elementor
--------------------------------------------------------------*/
a.elementor-button,
.elementor-flip-box a{
	text-decoration: none;
}
body .elementor .elementor-widget-text-editor a,
body .elementor .elementor-widget-shortcode a,
body .elementor .elementor-widget-toggle .elementor-tab-content a,
body .elementor .elementor-widget-accordion .elementor-tab-content a,
body .elementor .elementor-widget-flip-box .elementor-flip-box__layer__description a{
	text-decoration: underline;
}
figure figcaption,
figure.wp-block-image figcaption,
body .elementor figure figcaption{
	font-size: .85em;
	font-style: italic;
	text-align: center;
	margin-bottom: 2em;
}
figure{
	margin:0;
}
body .elementor .elementor-widget-button .elementor-button{
	width: 100%;
	max-width:100%;
}
body .elementor .elementor-button-text{
 max-width: 100%;
}
body .elementor .elementor-widget-button.elementor-align-center .elementor-button,
body .elementor .elementor-widget-button.elementor-align-left .elementor-button,
body .elementor .elementor-widget-button.elementor-align-right .elementor-button{
	width: auto;
}
body .elementor-menu-toggle{
	outline:0;
}
/* offset for anchor links */
body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
  position: relative;
  z-index: -1;
}
/* Sticky-Header-Anchor-Fix
*	https://wp-pagebuilderframework.com/sticky-header-overlaps-anchor-elementor/
*/
body:not(.elementor-editor-active) .elementor-menu-anchor:before {
  content: "";
  display: block;
  height: 80px; /* fixed header height*/
  margin: -80px 0 0; /* negative fixed header height */
  visibility: hidden;
  pointer-events: none;
}

/*--------------------------------------------------------------
# CF7
--------------------------------------------------------------*/
div.wpcf7 .ajax-loader{
	display:none;
}
div.wpcf7 .ajax-loader.is-active{
	display: block;
	margin: 5px auto;
}

.wpcf7 label{
	display: block;
	margin-bottom: 6px;
}
.wpcf7 label .hidden{
	display: none;
}

.wpcf7 label.flexlabel{
	display: flex;
	border-top: 1px dotted #433D39;
  padding-bottom: 5px;
  padding-top: 8px;
}
.wpcf7 label.flexlabel > span{
	flex-basis:100%;
}
@media all and (min-width: 700px){
	.wpcf7 label.flexlabel > span.label{
		flex-basis:40%;
	}
	.wpcf7 label.flexlabel{
		align-items: flex-start;
	}
}
@media all and (max-width:699px){
	.wpcf7 label.flexlabel{
		flex-direction: column;
	}
}

.wpcf7 input[type="submit"]{
	display: block;
	width:100%;
	background-color: #EB6209;
	color: #fff;
	border: none;
	-webkit-appearance: none;
	padding:7px 8px 5px 8px;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus,
.wpcf7 input[type="submit"]:active{
	opacity: .9;
}

input[type="checkbox"], input[type="radio"] {
    padding: 0;
}

.wpcf7 div.wpcf7-response-output {
	border-color: #264e32;
	border-width: 1px;
	padding: 10px;
	margin-top: 1em;
	margin-left: 0;
	margin-right: 0;
	font-size: .9em;
}
.wpcf7 form.sent div.wpcf7-response-output {
	border-color: #264e32;
}
.wpcf7 form.invalid div.wpcf7-response-output,
.wpcf7 form.invalid div.wpcf7-response-output,
.wpcf7 form.invalid div.wpcf7-response-output,
.wpcf7 form.invalid div.wpcf7-response-output,
.wpcf7 form.invalid div.wpcf7-response-output {
	border-color: #EB6209;
}
.wpcf7 span.wpcf7-not-valid-tip{
	color: #EB6209;
	padding: 5px 10px;
	font-size: .9em;
}

.wpcf7 .mc4wp-checkbox-contact-form-7{
	display: block;
	/*margin-left:1em;*/
}
.wpcf7-list-item {
    display: block;
    margin: 0;
}

.wpcf7 input[type="text"], .wpcf7 input[type="number"], .wpcf7 input[type="date"], .wpcf7 input[type="email"], .wpcf7 input[type="submit"], .wpcf7 input[type="tel"], .wpcf7 select, .wpcf7 textarea {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 0px;

}

.wpcf7 select {
    padding: 14px 10px !important;
}

/* Menu Verschiebung bei Logo */

:lang(ru-RU) nav.elementor-nav-menu__container ul, :lang(nl-NL) nav.elementor-nav-menu__container ul {
	margin-top: 15px !important;
}

@media (max-width: 767px){
	:lang(ru-RU) nav.elementor-nav-menu__container ul, :lang(nl-NL) nav.elementor-nav-menu__container ul {
		margin-top: 16% !important;
	}
}

:lang(ru-RU) .elementor-element-2eb5adb0, :lang(nl-NL) .elementor-element-4bd2b63f {
	z-index: 99;
}


/* Fomular Footer Abstände */

:lang(ru-RU) #wpcf7-f44-p26-o1 p, :lang(nl-NL) #wpcf7-f53-p33-o1 p {
	margin:0px !important;
}

:lang(ru-RU) #wpcf7-f44-p26-o1 input[type="submit"], :lang(nl-NL) #wpcf7-f53-p33-o1 input[type="submit"] {
	margin-top: 20px;
}

:lang(ru-RU) .wpcf7 label :not(.mc4wp-checkbox, .wpcf7-checkbox), :lang(nl-NL) .wpcf7 label :not(.mc4wp-checkbox, .wpcf7-checkbox){
	 	margin-bottom: 0px !important;
 }

 .mc4wp-checkbox label, .wpcf7-checkbox label {
	 margin-top: 10px !important;
 }


 /*--------------------------------------------------------------
 # Messe Cockpit
 --------------------------------------------------------------*/

.falke-messe-countdown p{
	text-shadow: #5e5e5e 1px 0 7px;
}

.falke-messe-countdown span{
	text-shadow: #959595 1px 0 7px;
}

.falke-messe-images .elementor-flip-box, .falke-messe-images   {
	width: 270px !important;
	height: 270px;
}

.falke-messe-countdown {
	width: 280px !important;
	height: 270px;
}

@media (max-width: 767px){
	.falke-messe-images .elementor-flip-box, .falke-messe-images  {
		width: 200px !important;
		height: 200px;
	}
	.falke-messe-countdown {
		width: 210px !important;
		height: 200px;
	}
}

@media (max-width: 473px){
	.falke-messe-images .elementor-flip-box, .falke-messe-images  {
		width: 40vw !important;
		height: 40vw;
	}
	.falke-messe-countdown {
		width: 40vw !important;
		height: 40vw;
	}

}


.falke-messe-countdown .elementor-background-overlay{
	/* filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 7px ) hue-rotate( 0deg ) !important; */
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	width: 88% !important;
	height: 90% !important;
	margin-left: auto;
	margin-right: auto;
	left: 0 !important;
	right: 0 !important;
	top: unset !important;
}

.elementor-location-popup .wpcf7-response-output{
	color: #46b450 !important;
}
.elementor-location-popup .invalid .wpcf7-response-output{
	color: #EB6209 !important;
}

.popup-form {
	 font-size: 1.4em !important;
}

.popup-form .wpcf7-text{
	border: 1px solid black;
}

.popup-form input[type="submit"]{
	font-weight: bold;
}


/* IFAT Ticket, Bausatz, Termin - Form */
#contact-form-ifat-2022 p {
	margin: 0px;
}

#contact-form-ifat-2022 p:last-of-type {
	border-bottom: 2px dotted #EB6209;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#contact-form-ifat-2022 p:first-of-type {
	border-top: 2px dotted #EB6209;
	padding-top: 10px;
	margin-top: 20px;
}

#contact-form-ifat-2022 .flexlabel input{
	border: 1px solid black;
}

#contact-form-ifat-2022 input[type="checkbox"]{
	margin-right: 5px !important;
}

#contact-form-ifat-2022  label.flexlabel {
	border: none;
}
#contact-form-ifat-2022 .wpcf7-response-output{
	color: var(--e-global-color-text) !important;
}
#contact-form-ifat-2022 .wpcf7-spinner{
  display: block;
    margin: 5px auto;
}


@media (min-width: 700px){
	#contact-form-ifat-2022 label.flexlabel {
		align-items: center !important;
		border: none;
	}
}



.button-white a{
	background-color: white !important;
	color: var( --e-global-color-primary ) !important;
}


/*--------------------------------------------------------------
# Spendenbalken
--------------------------------------------------------------*/
.balken{
	height: 25px;
	background-color: #e5e5e5;
	margin: 8px auto;
}

.innerbalken{
	height: 100%;
	background-color: #EB6209;
	width: 0%;
	transition: width 2s;
	color: white;
	font-size: 17px;
	text-align: right;
	padding-right: 5px;
}

.spendenzaeler-popup .dialog-lightbox-message{
	overflow: visible !important;
}

.spalte-gesamtziel{
	min-width: 125px;
}

.innerbalken.spenden-klein{
	padding: 0px;
	text-align: center;
}

.innerbalken.spenden-klein p{
	position: absolute;
	margin: 0;
	color: black;
	padding-left: 5px;
}

@media all and (min-width:1600px){
 .innerbalken:not(.spenden-klein){
	 padding-right: 30px;
 }
}

@media screen and (max-width: 720px) {
	.innerbalken p{
			padding-top: 2px;
	}
}



/*--------------------------------------------------------------
# Suchbild 2023
--------------------------------------------------------------*/
.falke-suchbild .e-hotspot__button {
	cursor: auto !important;
}
.falke-suchbild .e-hotspot__outer-circle{
	background-color: transparent !important;
}
.falke-suchbild .clicked .e-hotspot__outer-circle{
	border: 5px solid red;
}
.falke-suchbild .e-hotspot__inner-circle{
	background-color: transparent !important;
}
.falke-congratulation{
	display: none;
}
#stopwatch{
	display: inline-block;
	background-color: #f3f2f0;
	color: var( --e-global-color-text );
	padding: 5px 20px;
}
.falke-startWatch, #stopwatch.active{
	background-color: var(--e-global-color-primary);
  color: white;
  border: none;
  padding: 5px 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.falke-startWatch:hover{
	background-color: var(--e-global-color-488ed6b);
}



/*--------------------------------------------------------------
# Weihnachtsstory 2024
--------------------------------------------------------------*/
/*
.page-id-823 .ife-weihnachtsstory-container > div[data-element_type="container"]:not(.falke-first-container){
	display: none;
}
*/
/*.page-id-823 .ccm-root, .page-id-1318 .ccm-root{
	display: none;
}*/
@media (min-width: 1px) and (max-width: 1500px){
	.ife-weihnachtsstory-container > div[data-element_type="container"]{
		min-height: 60vw;
		position: fixed;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	#scrollIndicator {
		font-size: 1em !important;
		white-space: nowrap;
	}
}
#scrollIndicator {
	position: fixed;
	left: 50%;
	bottom: 20px;
	transform: translate(-50%, -50%);
	font-size: 30px;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px 50px;
	border-radius: 25px;
	display: none;
	transition: opacity 0.3s;
	z-index: 9999;
	/*animation: pulseAnimation 1.5s infinite; */
}
/* Pulse animation keyframes */
  @keyframes pulseAnimation {
    0% {
      opacity: 0.8;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0.8;
    }
  }
