/*!
Theme Name: SWARCO - FALKEmedia
Theme URI: https://www.falkemedia.at
Author: Hannah Döcker FALKEmedia GmbH
Author URI: https://www.falkemedia.at
Description: Corporate Website SWARCO 2024
Version: 1.0.0
Text Domain: swarco24

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
--------------------------------------------------------------*/

:root {
	--green: #CAD405;
	--lightgreen: #CBD60580;
	--altgreen: #E1E15C;
	--darkgrey: #485156;
	--lightgrey: #B6BDC2;
  }


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;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

code,
kbd,
pre,
samp {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

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;
	white-space: normal;
}

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;
	margin: 0 0 1.5em;
	width: 100%;
}

td,
th {
	padding: 0;
}

blockquote {
	margin: 0 1.5em;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

address {
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
# 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$$$$$$$$$.$$$$$$$$$=...$$$$.?$$$$$$$$$$$$.
      .   .  ..           ...      ..        .          ..   . ..............     ...     .     ..   ...          ...
################################################################
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# FONTS & WP Basics
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea{
	font-size:20px;
	font-size:1.25rem;
	line-height:1.4;
	font-family: 'Inter', sans-serif;
	color: var(--darkgrey);
}
@media all and (min-width:768px){
	body,
	button,
	input,
	select,
	textarea{
		font-size:20px;
		font-size:1.25rem;
	}
}
@media all and (max-width:767px){
	body,
	button,
	input,
	select,
	textarea{
		font-size:16px;
		font-size:1rem;
	}
}
body:not(.home){
	padding-top: 120px;
}


h1, h2, h3, h4, h5, h6, .falke-headline{ line-height:1.2em !important; letter-spacing: -0.03em; }

.falke-headline{
	font-size:4em;
	font-weight:600;
}
.falke-line-height h3{
	line-height: 1.3em !important;
}

h1{
	font-size:2em;
	font-weight:600;
}
h2{
	font-size:2em;
	font-weight:600;
}
h2 b{
	color: var(--darkgrey);
	font-weight: 600;
}
h3{
	font-size:1.8em;
	font-weight:200;
}
h4{
	font-size:2em;
	font-weight:normal;
}
.falke-subheadline p{
	color: var(--darkgrey) !important;
	font-size: 1.6em;
	letter-spacing: -0.03em;
}

@media all and (min-width:768px) and (max-width:1024px){
	h1{
		font-size:3em;
	}
	h2{
		font-size:1.6em;
	}
	h3{
		font-size:1.4em;
	}
	.falke-headline{
		font-size:2em;
	}
}


@media all and (max-width:767px){
	h1{
		font-size:1.5em;
	}
	h2{
		font-size:1.3em;
	}
	h3{
		font-size:1.2em;
	}
	.falke-subheadline p{
		font-size: 1em;
	}
	.falke-headline{
		font-size:2.2em;
	}
}


html,
body {
	margin: 0;
	padding: 0;

	width:100%;
	overflow-x: clip; /* not hidden for animation! */
}
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	-webkit-font-smoothing: antialiased;
	/*adjust,ifneeded*/
	word-wrap:break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-limit-before: 5; -webkit-hyphenate-limit-after: 5; -ms-hyphenate-limit-chars: 10 5;
	hyphenate-limit-chars: 10 5;
}
body{
	/* adjust, if needed */
	overflow-wrap:break-word;
}
#falkeIEHint{
	position:fixed;
	left: 10px;
	bottom:10px;
	max-width:500px;
	border-radius:5px;
	background-color: #323232;
	color: #fff;
	padding:10px;
}

a{
	color:inherit;
	text-decoration:underline;
	background-color: transparent;
}
a img{
	border:0;
}
img {
	border: 0;
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

a:active,
a:hover {
	outline: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

b,
strong {
	font-weight: 600;
}

abbr[title] {
	border-bottom: 1px dotted;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

ul,
ol {
	margin: 0 0 1em 0;
}
ul{
  padding-left: 2em;
}
ol,
ul ul{
  padding-left:0;
}
.listIndention{
  margin-left:1em;
  display: block;
}
ul li,
ol li{
  margin-bottom:.4em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1em;
}

ol { counter-reset: item }
ol li {display: block;}
ol li:before { content: counters(item, ".") ". "; counter-increment: item }
ol.bold li:before,
ul.bold li:before{ font-weight:bold; }

 /*--------------------------------------------------------------
 # Elementor
 --------------------------------------------------------------*/
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;
}
body .elementor .elementor-widget-reviews .swiper-slide, .elementor-widget-testimonial-carousel .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.elementor-swiper-button.swiper-button-disabled {
	display: none!important;
}

body:not(.home, .page-id-794) > article{
	padding-left: 10px;
	padding-right: 10px;
}

@media all and (min-width: 1000px) and (max-width: 1300px){
	#falke-ansprechpartner {
		flex-wrap: wrap;
	}

	#falke-ansprechpartner .e-con.e-flex {
		flex-basis: 20%;
	}
}

@media only screen and (max-width: 767px) {
	.falke-header-img{
		margin-left: -20px;
	}
}
@media only screen and (min-width: 768px) {
	.falke-header-img img{
		margin-right: -20px;
	}
}


/*--------------------------------------------------------------
# CF7
--------------------------------------------------------------*/
.wpcf7 input[type="text"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 input[type="email"],
.wpcf7 input[type="submit"],
.wpcf7 select,
.wpcf7 textarea{
	display: block;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #000;
}
.wpcf7 input[type="submit"]{
	background-color: #000;
	color: #fff;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus,
.wpcf7 input[type="submit"]:active{
	opacity: .9;
}

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

.wpcf7 div.wpcf7-response-output {
	border-color: #000;
	border-width: 1px;
	border-radius: 5px;
	padding: 10px;
	margin-top: 1em;
	margin-left: 0;
	margin-right: 0;
	font-size: .9em;
}
.wpcf7 div.wpcf7-mail-sent-ok {
	border-color: green;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing,
.wpcf7 div.wpcf7-spam-blocked,
.wpcf7 div.wpcf7-mail-sent-ng,
.wpcf7 div.wpcf7-aborted {
	border-color: red;
}
.wpcf7 span.wpcf7-not-valid-tip{
	color: red;
	padding: 5px 10px;
	font-size: .9em;
}

/*--------------------------------------------------------------
# Scroll to top
--------------------------------------------------------------*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
	z-index:1;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCwyLjggMTYsMTAuNyAxMy42LDEzLjEgOC4xLDcuNiAyLjUsMTMuMiAwLDEwLjcgIi8+PC9zdmc+) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: rgb(0, 0, 0);
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/*--------------------------------------------------------------
# Elementor Helper Classes
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.falke-col-left{
		width: calc( var(--content-width)/2 ) !important;
	}
}
@media only screen and (max-width: 767px) {
	.falke-number-round{
		width: 130px;
		height: 130px;
	}
	.falke-number-round .elementor-counter .elementor-counter-number-wrapper{
		font-size: 2em;
	}
}

body .elementor-widget-icon .elementor-widget-container .elementor-icon-wrapper .elementor-icon svg{
	width: 100%;
}

.falke-hyphens-none .elementor-heading-title{
	hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
}

.falke-number-round{
	width: 150px;
    height: 150px;
}
/* New */
.falke-number-round .falke_animate_number{
	font-size: 2.4em;
	font-weight: 600;
}
.falke-number-round .elementor-shortcode{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.falke-number-round span:not(.falke_animate_number){
	font-weight: 600;
    font-size: .9em;
    margin-top: -5px;
}

.falke-number-round .elementor-widget-container{
	display: flex;
    justify-content: center;
    align-items: center;
	border-radius: 50%;
}
.falke-number-round .elementor-counter .elementor-counter-title{
	line-height: 1em;
	margin-top: 5px;
	font-size: .9em;
	font-weight: 500;
}
.falke-number-round .elementor-counter .elementor-counter-number-wrapper{
	font-size: 2.4em;
}
.falke-iconbox-container .elementor-widget-heading p.elementor-heading-title{
	line-height: 1.2em;
}
.falke-iconbox{
	min-width: auto !important;
}
.falke-iconbox img{
	width: 100px;
	max-width: unset !important;
}
.falke-iconbox div{
	padding: 30px;
	border-radius: 30px;
	width: fit-content;
}
.falke-square{
	aspect-ratio: 1 / 1;
}

.falke-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{
    border: 3px solid var(--darkgrey);
    border-radius: 80px;
	font-weight: 600;
}
.falke-tabs .e-n-tab-title-text{
	padding: 2px 20px;
}
.falke-download-button .elementor-button-content-wrapper{
	align-items: center;
}
.falke-download-button .elementor-button-icon{
	display: flex;
}
.falke-download-button .elementor-button-text{
	line-height: normal;
}
.falke-download-button .elementor-button-icon .e-font-icon-svg {
    height: auto !important;
}



@media only screen and (max-width: 767px) {
	.falke-iconbox img{
		width: 40px;
	}
	.falke-tabs .e-n-tab-title-text{
		border: 3px solid var(--darkgrey);
    	border-radius: 80px;
	}
	.falke-tabs .e-n-tabs-heading{
		display: flex !important;
		flex-direction: row !important;
	}
	.page-id-522 .falke-tabs .e-n-tabs-heading{
		column-gap: 7px !important;
	}
	.falke-tabs .e-n-tabs-heading .e-n-tab-title-text{
		font-size: 1em !important;
	}
	.page-id-522 .falke-tabs .e-n-tabs-heading button{
		margin: 0px 0px 10px 0px !important;
	}
	.page-id-1211 .falke-tabs .e-n-tabs-heading button{
		margin: 0px !important;
	}
	.page-id-1211 .falke-tabs .e-n-tabs-heading{
		row-gap: 10px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.falke-tabs .e-n-tab-title-text{
		padding: 2px 15px;
	}
}
@media only screen and (max-width: 364px) {
	.page-id-522 .falke-tabs .e-n-tabs-heading{
		row-gap: 0;
	}
}


/*--------------------------------------------------------------
# Image Overlay Arrowgon
--------------------------------------------------------------*/
.falke-arrowgon-left .elementor-widget-container:before, .falke-arrowgon-right .elementor-widget-container:before{
	content: '';
	background-image: url('https://www.swarco-indusferica.com/wp2024/wp-content/uploads/2024/10/arrowgon_left.svg');
    background-size: 90%;
	background-position: -400% 40%;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
	opacity: .8;
	pointer-events: none;
}
.falke-arrowgon-right .elementor-widget-container:before{
	transform: scale(-1);
}

/*--------------------------------------------------------------
# Glaskugel
--------------------------------------------------------------*/
#falke-glaskugel{
	height: 70vh;
	z-index: 2;
    display: flex;
	justify-content: center;
    position: relative;

}

/*--------------------------------------------------------------
# Particles
--------------------------------------------------------------*/
#particles-js canvas.particles-js-canvas-el{ position: absolute; }
/*#particles-js{  width: 100%; height: 100%; background-color: #ffffff; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } */
.count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; }
#stats{ border-radius: 3px 3px 0 0; overflow: hidden; }
.count-particles{ border-radius: 0 0 3px 3px; }


.particles-container{
	width: 100%;
	height: 100%;
}
#tsParticles{
	height: 100%;
}

/*--------------------------------------------------------------
# Animated Headline on Scroll
--------------------------------------------------------------*/
#falkeanimatedheadline span{
	font-weight: 300;
  transition: font-weight 0.2s ease;
}


/*--------------------------------------------------------------
# Arrowgon Animation
--------------------------------------------------------------*/
/* Animation RIGHT */
.falke-arrowgon-bg-right:before{
    transform: translateX(24%);
}
.falke-arrowgon-bg-right.isActive::before{
    transform: translateX(2%);
	animation: animatedBackgroundRight 1.4s ease-in-out normal;
}

@keyframes animatedBackgroundRight {
    from {
		transform: translateX(24%);
    }
    to {
		transform: translateX(2%);
    }
}

/* Animation LEFT */
.falke-arrowgon-bg-left:before{
    transform: translateX(-24%);
}
.falke-arrowgon-bg-left.isActive::before{
    transform: translateX(-2%);
	animation: animatedBackgroundLeft 1.4s ease-in-out normal;
}

@keyframes animatedBackgroundLeft {
    from {
		transform: translateX(-24%);
    }
    to {
		transform: translateX(-2%);
    }
}

/*--------------------------------------------------------------
# Downloads
--------------------------------------------------------------*/
.falke-downloads-container .col-12{
	padding-left: 20px;
    padding-right: 20px;
}
.falke-downloads-container.container .row{
	margin-right: -20px;
    margin-left: -20px;
	row-gap: 30px;
}
.falke-downloads-container .col-12 > div{
	background-color: var(--lightgrey);
	border-radius: 30px;
	padding: 40px;
}
.falke-downloads-container .col-12 h3{
	margin-top: 0px;
}
.falke-downloads-container .col-12 a{
	padding: 15px 60px;
    background-color: var(--altgreen);
    border-radius: 30px;
    display: inline-block;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9em;
}
.falke-downloads-container .col-12 a:hover{
	background-color: var(--darkgrey);
	color: var(--green);
}
.falke-downloads-container .col-12 hr{
	margin-top: 20px;
    width: 100%;
    height: 1.5px;
    border: none;
    background-color: var(--darkgrey);
}
.falke-downloads-container .falke-download-content{
	display: flex;
	justify-content: space-between;
}
.falke-downloads-container .download-icon{
	width: 80px;
}
.falke-download-text-bottom{
	margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
	.falke-downloads-container.container .row{
		row-gap: 20px;
	}
	.falke-downloads-container .col-12 a{
		padding: 10px 30px;
	}
	.falke-download-text-bottom{
		font-size: .9em;
	}
}



.falke-circle-mask{
	left: 0;
}
.falke-circle-mask.fixed{
	position: fixed !important;
}
.falke-circle-mask.not-fixed{
	bottom: 0px;
	top: unset !important;
}

/*--------------------------------------------------------------
# Einreichformular
--------------------------------------------------------------*/
@media only screen and (min-width: 900px) {
	.falke-einreichformular {
		column-count: 2;
		column-gap: 100px;
	}
	.falke-einreichformular #field_1_11{
		break-inside: avoid-column;
	}
}
@media only screen and (max-width: 767px) {
	.falke-einreichformular_wrapper.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){
		line-height: inherit;
    	min-height: inherit;
	}
	.falke-einreichformular #field_1_11{
		margin-top: 40px;
	}
	.falke-einreichformular .gfield_label {
		min-width: 100px;
	}
	.falke-einreichformular .ginput_container_text,
	.falke-einreichformular .ginput_container_number,
	.falke-einreichformular .ginput_container_email,
	.falke-einreichformular .ginput_container_phone{
		width: calc( 100% - 100px ) !important;
	}
}
@media only screen and (min-width: 768px) {
	.falke-einreichformular .gfield_label {
		min-width: 200px;
	}
	.falke-einreichformular .ginput_container_text,
	.falke-einreichformular .ginput_container_number,
	.falke-einreichformular .ginput_container_email,
	.falke-einreichformular .ginput_container_phone{
		width: calc( 100% - 200px ) !important;
	}
}
.falke-einreichformular .gfield{
	flex-wrap: wrap;
}
.falke-einreichformular input{
	border-radius: 80px;
	border: 2px solid var(--darkgrey);
}
.falke-einreichformular input:focus{
	border-color: var(--green);
	outline: none;
}
.falke-einreichformular .gfield--type-text,
.falke-einreichformular .gfield--type-number,
.falke-einreichformular .gfield--type-phone,
.falke-einreichformular .gfield--type-email{
	display: flex;
}
.falke-einreichformular .gfield_label{
	font-weight: 400 !important;
}
.falke-einreichformular .gfield_required{
	display: none !important;
}
.falke-einreichformular .falke-form-title .gfield_label{
	font-weight: 200 !important;
    font-size: 1.6em !important;
}
.falke-einreichformular input[type="submit"]{
	background-color: var(--green);
	color: var(--darkgrey);
	padding: 5px 40px;
    border: none;
    text-transform: uppercase;
    font-weight: 500;
}
.falke-einreichformular input[type="submit"]:hover{
	background-color: var(--lightgrey);
}
.falke-einreichformular input[type="radio"], .falke-einreichformular input[type="checkbox"]{
	transform: scale(1.4);
	margin-right: 10px;
}
.falke-einreichformular hr{
	border: none;
    background-color: var(--green) !important;
    height: 2px;
	margin: 10px 0px !important;
}
.falke-einreichformular .validation_message, .falke-einreichformular_wrapper .gform_validation_errors{
	border-radius: 30px !important;
}


/*--------------------------------------------------------------
# Presse
--------------------------------------------------------------*/
.falke-pressefotos-container > .row{
	row-gap: 20px;
}
.falke-pressefoto img{
	border-radius: 30px !important;
	aspect-ratio: 3 / 2;
	--webkit-aspect-ratio: 3 / 2;
	object-fit: cover;
	height: 100% !important;
}
.falke-pressefoto{
	position: relative;
	height: 100%;
	aspect-ratio: 3 / 2;
	--webkit-aspect-ratio: 3 / 2;
	border-radius: 30px;
	width: 100%;
}
.falke-pressefoto > div{
	display: none;
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: var(--altgreen);
	padding: 10px 20px;
    text-align: right;
	text-transform: uppercase;
	border-radius: 0px 0px 30px 30px;
}
.falke-pressefoto:hover > div{
	display: block;
}
.falke-pressefoto a{
	text-decoration: none !important;
	font-weight: 500;
}

.falke-bereiche-container{
	display: flex;
	justify-content: space-between;
	align-items: start;
	row-gap: 7px;
	padding: 0px !important;
}
.falke-bereiche-container a:not(.falke-bereiche-filter){
	font-weight: 400;
	text-decoration: none !important;
	padding: 2px 10px;
	border: 2px solid transparent;
}
.falke-bereiche-container a.active:not(.falke-bereiche-filter){
	color: var(--green);
	border: 2px solid var(--darkgrey);
    border-radius: 30px;
}

@media all and (pointer: fine) {
	/* the user is using a mouse or trackpad (not touch) */
	.falke-bereiche-container a:hover:not(.falke-bereiche-filter) {
		color: var(--green);
		border: 2px solid var(--darkgrey);
		border-radius: 30px;
	}
}

.falke-bereiche-container a.active:not(.falke-bereiche-filter){
	font-weight: 600;
}
.falke-bereiche-container svg{
	height: 35px !important;
}
.falke-bereiche-container svg:hover path{
	stroke: var(--green);
}
@media only screen and (max-width: 862px) {
	.falke-bereiche-container{
		/*overflow-x: scroll;
		padding: 10px 0px;*/
		flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
		align-items: flex-end;
	}
	.falke-bereiche-container a{
		white-space: nowrap;
	}
}

/* animations */

.falkeSlideInFromLeft {
	transform-origin: 0 0;
	animation: falkeSlideInFromLeft 2s ease-in-out 1 forwards;
}

.falkeSlideInFromRight {
	transform-origin: 100% 0;
	animation: falkeSlideInFromRight 2s ease-in-out infinite forwards;
}

.falkeFadeIn {
	animation: falkeFadeIn .5s ease-in-out infinite forwards;
}

.falkeScaleIn {
	transform-origin: center center;
	animation: falkeScaleIn .5s ease-in-out infinite forwards;
}

@keyframes falkeSlideInFromLeft {
	0% {
		scale: 0.2 1;
		/* transform: scaleX(0.2); */
	}
	100% {
		scale: 1 1;
		/* transform: scale(1); */
	}
}

@keyframes falkeSlideInFromRight {
	0% {
		scale: 0.2 1;
		/* transform: scaleX(0.2); */
	}
	100% {
		scale: 1 1;
		/* transform: scale(1); */
	}
}

@keyframes falkeFadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* @keyframes falkeFadeInFromTo {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
} */

@keyframes falkeScaleIn {
	0% {
		scale: 0.9 1;
		/* transform: scale(0.9); */
	}
	100% {
		scale: 1 1;
		/* transform: scale(1); */
	}
}

/* @keyframes falkeScaleOnce {
	0%, 100% {
		scale: 1;
		translate: 0 0;
	}
	50% {
		scale: 1.1;
		translate: -2px -10px;
	}
} */

@keyframes falkeShiftBottomRight {
	0%, 100% {
		translate: 0 0;
	}
	50% {
		translate: 5px 5px;
	}
}

@keyframes falkeShiftBottomLeft {
	0%, 100% {
		translate: 0 0;
	}
	50% {
		translate: -5px 5px;
	}
}

@keyframes falkeShiftTopLeft {
	0%, 100% {
		translate: 0 0;
	}
	50% {
		translate: -5px -5px;
	}
}

@keyframes falkeShiftTopRight {
	0%, 100% {
		translate: 0 0;
	}
	50% {
		translate: 5px -5px;
	}
}

@keyframes falkeShiftRight {
	0%, 100% {
		translate: 0 0;
	}
	50% {
		translate: 5px 0;
	}
}

#falke-chemical-icons,
#falke-chemical-icons-en {
	--falke-chemical-duration-short: 1.25s; /* 0.75s */
	--falke-chemical-duration-regular: 1.5s; /* 1s */
	--falke-chemical-duration-long: 3s; /* 2s */
	/* --falke-chemical-offset: 0.25s; time frome step to step */
	--falke-chemical-transition-duration: 0.5s; /* 0.3s */
}

#falke-chemical-icons svg,
#falke-chemical-icons-en svg {
	overflow: visible;
}

/* icons 1, 3, 4 */
#falke-chemical-icons #falke-chemical-icon-1 svg path:first-of-type,
#falke-chemical-icons #falke-chemical-icon-1 svg path:nth-of-type(2),
#falke-chemical-icons #falke-chemical-icon-3 svg path:first-of-type,
#falke-chemical-icons #falke-chemical-icon-3 svg path:nth-of-type(2),
#falke-chemical-icons #falke-chemical-icon-4 svg path:first-of-type,
#falke-chemical-icons #falke-chemical-icon-4 svg path:nth-of-type(2),
#falke-chemical-icons-en #falke-chemical-icon-1 svg path:first-of-type,
#falke-chemical-icons-en #falke-chemical-icon-3 svg path:first-of-type,
#falke-chemical-icons-en #falke-chemical-icon-4 svg path:first-of-type {
	scale: 0.2 1;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-1 svg path:first-of-type,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(2),
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-3 svg path:first-of-type,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-3 svg path:nth-of-type(2),
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-4 svg path:first-of-type,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-4 svg path:nth-of-type(2),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(1),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-3 svg path:first-of-type,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-4 svg path:first-of-type {
	animation: falkeSlideInFromLeft var(--falke-chemical-duration-long) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(3),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(2) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) 0s ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(5),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(3) {
	/* animation: falkeColorInGrey 1s 0.25s ease-in-out 1 forwards; /* for this the path itself cannot have a fill color */
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.5) ease-in-out 1 forwards;
}
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(6),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-1 svg path:nth-of-type(4) {
	/* animation: falkeColorInGreen 1s 1s ease-in-out 1 forwards; /* for this the path itself cannot have a fill color */
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.5 + var(--falke-chemical-duration-regular)) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-3 svg path:nth-of-type(5),
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-4 svg path:nth-of-type(4),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-3 svg path:nth-of-type(3),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-4 svg circle:first-of-type {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.5) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-3 svg path:nth-of-type(3),
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-4 svg path:nth-of-type(3),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-3 svg path:nth-of-type(2),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-4 svg path:nth-of-type(2) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.5 + var(--falke-chemical-duration-regular)) ease-in-out 1 forwards;
}

/* icons 2, 5, 6 */
/* all except the last two paths */
#falke-chemical-icons #falke-chemical-icon-2 svg path:not(:nth-last-of-type(-n+7)),
#falke-chemical-icons-en #falke-chemical-icon-2 svg path:not(:nth-last-of-type(-n+7)),
#falke-chemical-icons-en #falke-chemical-icon-2 svg polygon {
	opacity: 0;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(3),
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(5),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(2),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg polygon:nth-of-type(3) {
	animation: falkeFadeIn var(--falke-chemical-duration-regular) 0s ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(1),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(1) {
	animation: falkeFadeIn var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.25) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(6),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(3) {
	animation: falkeFadeIn var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.25 * 2) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(2),
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(4),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg polygon:nth-of-type(1),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg polygon:nth-of-type(2) {
	animation: falkeFadeIn var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.25 * 3) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(12),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(6) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-short) 0s ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(9),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(8) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-short) calc(var(--falke-chemical-duration-short) * 0.25) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(7),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(4) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-short) calc(var(--falke-chemical-duration-short) * 0.25 * 2) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(10),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(5) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-short) calc(var(--falke-chemical-duration-short) * 0.25 * 3) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(8),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2 svg path:nth-of-type(7) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-short) var(--falke-chemical-duration-short) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-5 svg circle:nth-of-type(2),
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-5 svg circle:first-of-type {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) 0s ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-5 svg path:first-of-type,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-5 svg path:first-of-type {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) calc(var(--falke-chemical-duration-regular) * 0.5) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-5 svg circle:first-of-type,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-5 svg circle:nth-of-type(2) {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) var(--falke-chemical-duration-regular) ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-6 svg rect,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-6 svg path:first-of-type {
	animation: falkeShiftBottomRight var(--falke-chemical-duration-regular) 0s ease-in-out 1 forwards;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-1,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-3,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-4,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-5,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-6,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-1,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-3,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-4,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-5,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-6 {
	transition: transform var(--falke-chemical-transition-duration) ease-in-out;
}

#falke-chemical-icons.falke-start-animation #falke-chemical-icon-1:hover,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-2:hover,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-3:hover,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-4:hover,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-5:hover,
#falke-chemical-icons.falke-start-animation #falke-chemical-icon-6:hover,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-1:hover,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-2:hover,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-3:hover,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-4:hover,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-5:hover,
#falke-chemical-icons-en.falke-start-animation #falke-chemical-icon-6:hover {
	transform: scale(1.05);
	transform-origin: center;
}

@media only screen and (min-width: 768px) {
	#falke-lacke-icon .elementor-icon, #falke-varnishes-icon .elementor-icon{
		width: 80%;
	}
}
@media only screen and (max-width: 767px) {
	#falke-lacke-icon .elementor-icon, #falke-varnishes-icon .elementor-icon{
		width: 100%;
	}
}

/* #falke-lacke-icon svg circle,
#falke-varnishes-icon svg circle,
#falke-kunststoffe-icon svg circle,
#falke-plastics-icon svg circle {
	opacity: 0;
}

#falke-lacke-icon.falke-start-animation svg circle,
#falke-varnishes-icon.falke-start-animation svg circle,
#falke-kunststoffe-icon.falke-start-animation svg circle,
#falke-plastics-icon.falke-start-animation svg circle {
	animation: falkeFadeIn 1s ease-in-out 1 forwards;
	transition: transform 0.3s ease-in-out;
}

#falke-lacke-icon svg circle:hover,
#falke-varnishes-icon svg circle:hover,
#falke-kunststoffe-icon svg circle:hover,
#falke-plastics-icon svg circle:hover {
	transform: translateY(-15px);
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(14),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(14),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(8),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(8) {
	animation-delay: 0s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(13),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(13),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(7),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(7) {
	animation-delay: 0.1s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(16),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(16),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(10),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(10) {
	animation-delay: 0.2s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(15),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(15),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(9),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(9) {
	animation-delay: 0.3s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(18),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(18),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(12),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(12) {
	animation-delay: 0.4s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(17),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(17),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(11),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(11) {
	animation-delay: 0.5s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(1),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(1),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(1),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(1) {
	animation-delay: 0.6s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(2),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(2),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(2),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(2) {
	animation-delay: 0.7s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(3),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(3),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(3),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(3) {
	animation-delay: 0.8s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(4),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(4),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(4),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(4) {
	animation-delay: 0.9s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(5),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(5),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(5),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(5) {
	animation-delay: 1s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(6),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(6),
#falke-kunststoffe-icon.falke-start-animation svg circle:nth-of-type(6),
#falke-plastics-icon.falke-start-animation svg circle:nth-of-type(6) {
	animation-delay: 1.1s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(9),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(9) {
	animation-delay: 1.2s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(10),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(10) {
	animation-delay: 1.3s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(7),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(7) {
	animation-delay: 1.4s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(8),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(8) {
	animation-delay: 1.5s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(11),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(11) {
	animation-delay: 1.6s;
}

#falke-lacke-icon.falke-start-animation svg circle:nth-of-type(12),
#falke-varnishes-icon.falke-start-animation svg circle:nth-of-type(12) {
	animation-delay: 1.7s;
} */

@keyframes falkeBounceTop {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-15px);
	}
}

#falke-factory-icon svg path:nth-of-type(2) {
	transform: translateX(0px);
	animation: falkeMoveCloud 4s 0s ease-in-out infinite forwards;
}

@keyframes falkeMoveCloud {
	0%, 100% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(20px);
	}
}

#falke-factory-icon svg path:nth-of-type(3) {
	transform: translate(0px, 0px) rotate(0deg) scale(1);
	/* either constantly or on hover */
	/* animation: falkeScaleLookingGlass 4s 0s ease-in-out infinite forwards; */
	transition: all 0.3s;
}

#falke-factory-icon svg:hover path:nth-of-type(3) {
	transform: translate(30px, 40px) rotate(1deg) scale(0.95);
}

@keyframes falkeScaleLookingGlass {
	0%, 100% {
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
	50% {
		transform: translate(30px, 40px) rotate(1deg) scale(0.95);
	}
}

#falke-statistics-icon svg path:last-of-type {
	animation: falkeShiftBottomRight 2s 0s ease-in-out infinite forwards;
}

@keyframes falkeShiftBottomRight{
	0%, 100% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(10px, 10px);
	}
}

#falke-apple-icon svg {
	overflow: visible;
}

#falke-apple-icon svg path:nth-of-type(4) {
	animation: falkeMoveUpLeft2 6s 0.6s ease-in-out infinite forwards;
}

#falke-apple-icon svg path:nth-of-type(2) {
	animation: falkeMoveUpLeft 6s 0s ease-in-out infinite forwards;
}

#falke-apple-icon svg path:nth-of-type(3) {
	animation: falkeMoveUpRight 6s 0.2s ease-in-out infinite forwards;
}

#falke-apple-icon svg path:nth-of-type(5) {
	animation: falkeMoveUpRight2 6s 0.4s ease-in-out infinite forwards;
}

@keyframes falkeMoveUpLeft {
	0%, 100% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	50% {
		transform: translate(-20px, -20px) rotate(-5deg);
	}
}

@keyframes falkeMoveUpLeft2 {
	0%, 100% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	50% {
		transform: translate(-120px, -40px) rotate(-5deg);
	}
}

@keyframes falkeMoveUpRight {
	0%, 100% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	50% {
		transform: translate(40px, -150px) rotate(5deg);
	}
}

@keyframes falkeMoveUpRight2 {
	0%, 100% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	50% {
		transform: translate(120px, -200px) rotate(5deg);
	}
}

#falke-light-bulb-icon svg {
	transition: all .3s;
}

#falke-light-bulb-icon svg:hover {
	transform: scale(1.2) rotate(10deg) translate(-10px, 40px);
}

#falke-light-bulb-icon svg path:nth-of-type(3) {
	opacity: 0;
	animation: falkeFadeInOut 4s 0s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(4) {
	opacity: 0;
	animation: falkeFadeInOut 4s 0.2s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(5) {
	opacity: 0;
	animation: falkeFadeInOut 4s 0.4s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(6) {
	opacity: 0;
	animation: falkeFadeInOut 4s 0.6s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(7) {
	opacity: 0;
	animation: falkeFadeInOut 4s 0.8s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(8) {
	opacity: 0;
	animation: falkeFadeInOut 4s 1s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(9) {
	opacity: 0;
	animation: falkeFadeInOut 4s 1.2s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(10) {
	opacity: 0;
	animation: falkeFadeInOut 4s 1.4s ease-in-out infinite forwards;
}

#falke-light-bulb-icon svg path:nth-of-type(11) {
	opacity: 0;
	animation: falkeFadeInOut 4s 1.6s ease-in-out infinite forwards;
}

@keyframes falkeFadeInOut {
	0%, 100% {
		opacity: 0;
	}
	40%, 60% {
		opacity: 1;
	}
}

#falke-timeframe-icon-de svg path:first-of-type{
	stroke: #cad405;
	fill: none!important;
	stroke-dasharray: 20;
	stroke-dashoffset: 280;
	stroke-width: 10px;
	stroke-linecap: round;
	animation: falkeStroke 20s 0s linear infinite forwards;
}

@keyframes falkeStroke {
	from {
	  stroke-dashoffset: 280;
	}

	to {
	  stroke-dashoffset: 0;
	}
}

#falke-flying-watch-icon svg {
	transform: translate(0px, 0px);
	animation: falkeFly 8s 0s ease-in-out infinite forwards; /* 5s */
}

@keyframes falkeFly {
	0%, 50%, 100% {
		transform: translate(0px, 0px);
	}
	25% {
		transform: translate(5px, 20px);
	}
	75% {
		transform: translate(-5px, 20px);
	}
}

#falke-jigsaw-icon svg {
	overflow: visible;
}

#falke-jigsaw-icon svg path:first-of-type {
	transform: translate(0px, 0px);
	animation: falkePuzzleAnimation 4s 0s ease-in-out infinite forwards;
}

@keyframes falkePuzzleAnimation {
	0%, 100% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(2px, -15px);
	}
}

#falke-rocket-icon svg {
	transform: translate(0px, 0px);
	animation: falkeRocketAnimation 4s 0s ease-in-out infinite forwards;
}

@keyframes falkeRocketAnimation {
	0%, 100% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(15px, -15px);
	}
}

.falke-animate-graph svg rect {
	transition: fill 0.3s;
}

.falke-animate-graph svg rect:hover {
	fill: #e4eb92!important;
}

.falke-animate-graph svg path {
	pointer-events: none;
}

.elementor-button-link svg {
	animation: falkeShiftRight 2s 0s ease-in-out infinite forwards;
}

.elementor-widget-icon-list .elementor-icon-list-item svg {
	transition: all 0.3s!important;
}

.elementor-widget-icon-list .elementor-icon-list-item svg:hover {
	transform: translateX(-5px);
}

/* slightly scale up i.e. images */
.falke-hover-scale {
	transition: transform 0.3s ease-in-out;
}

.falke-hover-scale:hover {
	transform: scale(1.03);
}

#cradle-to-gate-icon-de svg path:nth-child(10),
#cradle-to-gate-icon-de svg path:nth-child(11),
#cradle-to-gate-icon-en svg path:nth-child(10),
#cradle-to-gate-icon-en svg path:nth-child(11) {
	animation: falkeRotateMill 15s 0s linear infinite forwards;
}

#cradle-to-gate-icon-de svg path:nth-child(10),
#cradle-to-gate-icon-de svg path:nth-child(11) {
    transform-origin: 720px 155px;
}

#cradle-to-gate-icon-en svg path:nth-child(10),
#cradle-to-gate-icon-en svg path:nth-child(11) {
	transform-origin: 1280px 275px;
}

@keyframes falkeRotateMill {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)) {
	/* cradle-to-gate windmill icon */
	/* TODO wrong translation with new icons */
	/*#cradle-to-gate-icon-de svg path:nth-child(3),
	#cradle-to-gate-icon-en svg path:nth-child(8) {
		transform: translateY(280px);
		clip-path: inset(100% 0 0 0);

		animation: CradleToGateAnimation auto ease-in-out forwards;
		animation-timeline: view();
		animation-range: entry-crossing 50% contain 50%;
	}*/

	/* #falke-lacke-icon svg path:nth-of-type(5),
	#falke-varnishes-icon svg path:nth-of-type(6),
	#falke-kunststoffe-icon svg path:nth-of-type(6),
	#falke-plastics-icon svg path:nth-of-type(3) {
		transform: translateY(70px);
		clip-path: inset(0 0 100% 0);

		animation: LackeAnimationTop auto ease-in-out forwards;
		animation-timeline: view();
		animation-range: entry-crossing 50% contain 50%;
	}

	#falke-lacke-icon svg path:nth-of-type(1),
	#falke-lacke-icon svg path:nth-of-type(4),
	#falke-varnishes-icon svg path:nth-of-type(1),
	#falke-varnishes-icon svg path:nth-of-type(5),
	#falke-kunststoffe-icon svg path:nth-of-type(5),
	#falke-plastics-icon svg path:nth-of-type(4) {
		transform: translateY(-70px);
		clip-path: inset(100% 0 0 0);

		animation: LackeAnimationDown auto ease-in-out forwards;
		animation-timeline: view();
		animation-range: entry-crossing 50% contain 60%;
	} */
}

@keyframes CradleToGateAnimation {
	0% {
		transform: translateY(280px);
		clip-path: inset(0 0 100% 0);
	}
	100% {
		transform: translateY(0);
		clip-path: inset(0);
	}
}

@keyframes LackeAnimationTop {
	0% {
		transform: translateY(70px);
		clip-path: inset(0 0 100% 0);
	}
	100% {
		transform: translateY(0);
		clip-path: inset(0);
	}
}

@keyframes LackeAnimationDown {
	0% {
		transform: translateY(-70px);
		clip-path: inset(100% 0 0 0);
	}
	100% {
		transform: translateY(0);
		clip-path: inset(0);
	}
}

@keyframes falkeColorInGreen {
	0% {
		fill: #FFF;
	}
	100% {
		fill: #cad405;
	}
}

@keyframes falkeColorInGrey {
	0% {
		fill: #FFF;
	}
	100% {
		fill: #485156;
	}
}

/*--------------------------------------------------------------
# Mobile toggle items
--------------------------------------------------------------*/

@media only screen and (max-width: 767px) {
	body:not(.elementor-editor-active) .falke-toggle-container{
		display: none !important;
	}
	body:not(.elementor-editor-active) .falke-toggle-container.active{
		display: flex !important;
	}
	.falke-toggle-title > div{
		display: flex;
    	justify-content: space-between;
		align-items: center;
		cursor: pointer;
	}
}


/*--------------------------------------------------------------
# Newsletter
--------------------------------------------------------------*/
.falke-newsletter .falke-nl-email input{
	border-radius: 50px;
    border: none !important;
	font-size: .9em !important;
}
.falke-newsletter{
	display: flex;
	column-gap: 15px;
}
.falke-newsletter .gform_footer{
	margin: 0 !important;
	padding: 0 !important;
}
.falke-newsletter .gform_footer input[type="submit"]{
	border-radius: 50px;
    padding: 10px 15px !important;
    background-color: white;
    border: none;
    font-weight: 600;
    font-size: .9em;
	white-space: nowrap;
}
.falke-newsletter .gform_footer input[type="submit"]:hover{
	background-color: var(--darkgrey);
	color: white;
}
.falke-newsletter .falke-nl-email input:focus{
	border: none !important;
	outline: none;
}
.falke-newsletter .gform_confirmation_message{
	margin-top: 10px;
    margin-bottom: 10px;
}
.falke-newsletter_wrapper .gform_validation_errors, .falke-newsletter .validation_message{
	border-radius: 30px !important;
}
@media only screen and (min-width: 1024px) {
	.falke-newsletter .falke-nl-email input{
		min-width: 300px;
	}
}
@media only screen and (min-width: 768px) {
	.falke-newsletter .falke-nl-email input{
		padding: 10px 25px !important;
	}
}
@media only screen and (max-width: 767px) {
	.falke-nl-email input{
		max-width: 50vw !important;
		padding: 5px 15px !important;
	}
	.falke-newsletter .gform_footer input[type="submit"]{
		padding: 5px 15px !important;
	}
}

/* Unmask Animation */

/* used to space elements - could also be done via gap, but then we couldn't space 100vh before and after texts easily */
#falke-unmask-animation .falke-spacer-600 {
	display: block;
	height: 600px;
}

#falke-unmask-animation .falke-spacer-100vh {
	display: block;
	height: 100vh;
}

#falke-unmask-animation img {
	/* circle mask */
	height: 100dvh; /* TODO maybe set to svh */
	width: 100%;
	object-fit: cover;
	position: relative;
}

#falke-unmask-animation #falke-unmask-img-border {
	position: absolute;
	left: 0;
}

/* not all browsers support it yet (https://caniuse.com/?search=animation-timeline) */
/* if they do use the animation, if not just show the image */
@supports ((animation-timeline: scroll()) and (animation-range: 0% 100%)) {
	#falke-unmask-animation img {
		will-change: clip-path;
		clip-path: circle(20%); /* only mask if animation is supported */

		/* see https://css-tricks.com/unleash-the-power-of-scroll-driven-animations/ */
		/* https://scroll-driven-animations.style/tools/view-timeline/ranges/ */
		animation: circleAnimation auto linear forwards;
		animation-timeline: view(); /* define AFTER animation!! */
		animation-range: entry-crossing 150% contain 25%; /* 150 % instead of 50% */

		z-index: 7; /* to make link clickable */
	}

	#falke-unmask-animation #falke-unmask-img-border {
		clip-path: circle(calc(20% + 15px));
		animation: circleAnimationBorder auto linear forwards;
		animation-timeline: view(); /* define AFTER animation!! */
		animation-range: entry-crossing 150% contain 25%; /* entry 100% contain 30% */

		z-index: 6; /* to make link clickable */
	}

	#falke-unmask-animation .falke-link-container {
		z-index: 5; /* to make link clickable */
	}
}

/* if it is explicitly not supported, apply special styling */
@supports not ((animation-timeline: scroll()) and (animation-range: 0% 100%)) {
	@media only screen and (min-width: 768px) {
		#falke-unmask-animation .falke-link-container {
			top: -10vh;
		}
		.falke-image-container{
			margin-top: 110px; /* 200px */
		}
	}
	@media only screen and (max-width: 767px) {
		#falke-unmask-animation .falke-link-container {
			top: -16vh;
		}
		.falke-image-container{
			margin-top: 150px; /* 250px */
		}
	}

	@media only screen and (min-width: 1025px) {
		.falke-image-container{
			margin-top: 200px;
		}
	}
}

/* what to do on scroll => change the mask to show the full circle */
@keyframes circleAnimation {
	0% {
		clip-path: circle(20%);
	}
	100% {
		clip-path: circle(75%); /* already fully visible on 75 % ¯\_(ツ)_/¯ */
	}
}

@keyframes circleAnimationBorder {
	0% {
		clip-path: circle(calc(20% + 15px));
	}
	100% {
		clip-path: circle(calc(75% + 15px)); /* already fully visible on 75 % ¯\_(ツ)_/¯ */
	}
}

#falke-unmask-animation .falke-image-container {
	position: absolute;
	top: 0;
	height: 100dvh; /* TODO maybe set to svh */
}

#falke-unmask-animation .falke-text-container {
	position: relative;
	z-index: 2; /* above image */

	display: flex;
    flex-direction: column;
    align-items: end;
}

#falke-unmask-animation .falke-text-container p {
	display: inline-block;
	color: #FFF;
	padding: 0;
	margin: 0;
	font-size: 3em;
	font-weight: 600;
	line-height: 1.2em !important;
    letter-spacing: -0.03em;
	width: 80%;
	/*text-shadow: 1px 1px 1px #cdcdcd;*/ /* to make it readable on the background */
}

#falke-unmask-animation .falke-text-container p:nth-of-type(even) {
	align-self: flex-end;
	padding-right: 7rem;
	text-align: left;
}

#falke-unmask-animation .falke-text-container p:nth-of-type(odd) {
	align-self: flex-start;
	padding-left: 7rem;
	text-align: right;
}

#falke-unmask-animation .falke-sticky {
	position: sticky;
	bottom: 0;
	left: 0;
}

#falke-unmask-animation .falke-link-container {
	position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
	max-width: var(--content-width);
	padding: 0 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 15vh;
	row-gap: 10px;
}

#falke-unmask-animation .falke-link-container a {
	background: #CAD405;
	padding: 15px 20px;
	text-decoration: none;
	display: flex;
    gap: 5px;
	align-items: center;
	border-radius: 40px;
	transition: all .3s;
}

#falke-unmask-animation .falke-link-container a:hover,
#falke-unmask-animation .falke-link-container a:focus,
#falke-unmask-animation .falke-link-container a:active {
	background: #B6BDC2;
}

#falke-unmask-animation .falke-link-container a span {
	font-size: 15px;
    font-weight: 600;
}

#falke-unmask-animation .falke-link-container a svg {
	fill: rgb(72, 81, 86);
	height: 1em;
	font-size: 15px;
	animation: falkeShiftRight 2s 0s ease-in-out infinite forwards;
}
.home .falke-sustainability-container-text{
	padding-left: 20px;
	padding-right: 20px;
}
.home #falke-unmask-animation .falke-link-container{
	padding-left: 0px;
	padding-right: 0px;
}
body:not(.home) #falke-unmask-animation .falke-link-container{
	padding-left: 0px;
	padding-right: 0px;
}


@media all and (max-width: 1450px) {
	.home #falke-unmask-animation .falke-link-container{
		padding-left: 30px;
		padding-right: 30px;
	}
	body:not(.home) #falke-unmask-animation .falke-link-container{
		padding-left: 20px;
		padding-right: 20px;
	}
}


@media all and (min-width: 767px) {
	#falke-unmask-animation .falke-link-container {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}
	#falke-unmask-animation .falke-link-container > span{
		padding-top: 28px;
	}
}

@media all and (min-width: 900px) {
	#falke-unmask-animation .falke-text-container p {
		width: 40%;
		text-shadow: unset;
	}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	#falke-unmask-animation .falke-text-container p{
		font-size: 2.4em;
	}
}

@media all and (max-width: 767px) {
	#falke-unmask-animation .falke-text-container p{
		width: 90%;
		text-align: left !important;
	}
	#falke-unmask-animation .falke-spacer-100vh{
		height: 50vh !important;
	}
	#falke-unmask-animation .falke-link-container{
		align-items: flex-start;
		margin-bottom: 20px;
	}
	#falke-unmask-animation .falke-link-container a{
		margin-bottom: 10px;
	}
}
@media all and (max-width: 1300px) {
	#falke-unmask-animation .falke-text-container p:nth-of-type(even){
		padding-right: 3rem;
	}
	#falke-unmask-animation .falke-text-container p:nth-of-type(odd) {
		padding-left: 3rem;
	}
	#falke-unmask-animation .falke-text-container p{
		font-size: 2.5em;
	}
}





/* end Unmask Animation */

/* FALKE downloads */
.falke-downloads-container {
	margin-top: 80px;
}
.falke-downloads-container section {
	margin-bottom: 8rem;
}

.falke-downloads-container details {
	margin-bottom: 1rem;
}

.falke-downloads-container details summary .falke-downloads-typ-name {
	margin: 0;
	font-size: 1.6em;
}
@media all and (max-width: 1024px) {
	.falke-downloads-container details summary .falke-downloads-typ-name {
		font-size: 1.3em;
	}
}
@media all and (max-width: 767px) {
	.falke-downloads-container section {
		margin-bottom: 60px;
	}
}

.falke-downloads-container details summary {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background-color: var(--lightgrey);
	border-radius: 20px;
	padding: 1rem 4rem 1rem 1.5rem;
}

.falke-downloads-container details summary:hover {
	cursor: pointer;
}

.falke-downloads-container details summary img {
	height: 2lh;
}

.falke-downloads-container details summary::after {
	content: '+';
	display: block;
	font-size: 3rem;
	position: absolute;
    right: 1.5rem;
	transform: translateY(-0.25rem); /* otherwise not in the middle */
}

.falke-downloads-container details[open] summary::after {
	content: '-';
	transform: translate(-0.25rem, -0.25rem);
}

.falke-downloads-container .falke-downloads-typ-content {
	list-style-type: none;
	margin: 1rem 0;
	padding-left: 2rem; /* 1.5 like in the summary, but because of whitespace more here */
}

.falke-downloads-container .falke-downloads-typ-content img {
	height: 1lh;
}

.falke-downloads-container .falke-downloads-typ-content a {
	text-decoration: none!important;
	display: inline-flex;
    padding: 0.5rem 0;
}

.falke-downloads-container .falke-downloads-typ-content a:hover,
.falke-downloads-container .falke-downloads-typ-content a:active,
.falke-downloads-container .falke-downloads-typ-content a:focus {
	text-decoration: underline!important;
}



/*--------------------------------------------------------------
# Translatepress Language Switcher Popup
--------------------------------------------------------------*/
#trp_ald_popup_change_language{
	background-color: var(--darkgrey);
	border-color: var(--darkgrey);
	border-radius: 30px;
}
#trp_ald_popup_change_language:hover{
	background-color: var(--green);
	color: var(--darkgrey);
}
#trp_ald_x_button_textarea{
	color: var(--darkgrey) !important;
}
#trp_ald_modal_popup{
	border-radius: 30px;
}
.trp-ls-shortcode-current-language{
	border-radius: 30px !important;
}
#trp_ald_x_button{
	display: none !important;
}