/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
  --tw_bs: 2.3px 2.3px 2.2px rgba(0, 0, 0, 0.011),
  5.5px 5.5px 5.3px rgba(0, 0, 0, 0.016),
  10.3px 10.3px 10px rgba(0, 0, 0, 0.02),
  18.3px 18.3px 17.9px rgba(0, 0, 0, 0.024),
  34.3px 34.3px 33.4px rgba(0, 0, 0, 0.029),
  82px 82px 80px rgba(0, 0, 0, 0.04);
}

html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem !important;
}

b, strong {
    font-weight: bold !important;
}

/* ELEMENTOR EINGANGSANIMATIONEN */

@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInDown {
	animation-name: fadeDown
}

@keyframes fadeLeft {
	from {
		opacity: 0;
		transform: translate3d(-30px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInLeft {
	animation-name: fadeLeft
}

@keyframes fadeRight {
	from {
		opacity: 0;
		transform: translate3d(30px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInRight {
	animation-name: fadeRight
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInUp {
	animation-name: fadeUp
}

.tw_bs {
	box-shadow: var(--tw_bs) !important;
}

/* GRAIN EFFEKT */
.grain {

  overflow: hidden;
}
.grain:before {
	content: "";
	top: -10rem;
	left: -10rem;
	width: calc(100% + 20rem);
	height: calc(100% + 20rem);
	z-index: 1;
	position: absolute;
	background-image: url(/wp-content/uploads/2022/08/Image_gaussian_noise.png);
	opacity: 0.13;
	pointer-events: none;
	-webkit-animation: noise 1s steps(2) infinite;
	animation: noise 1s steps(2) infinite;
	transition: opacity .6s;
}

@-webkit-keyframes noise {
  to {
    transform: translate3d(-7rem, 0, 0);
  }
}
@keyframes noise {
  0% {
    transform: translate3d(0, 9rem, 0);
  }
  10% {
    transform: translate3d(-1rem, -4rem, 0);
  }
  20% {
    transform: translate3d(-8rem, 2rem, 0);
  }
  30% {
    transform: translate3d(9rem, -9rem, 0);
  }
  40% {
    transform: translate3d(-2rem, 7rem, 0);
  }
  50% {
    transform: translate3d(-9rem, -4rem, 0);
  }
  60% {
    transform: translate3d(2rem, 6rem, 0);
  }
  70% {
    transform: translate3d(7rem, -8rem, 0);
  }
  80% {
    transform: translate3d(-9rem, 1rem, 0);
  }
  90% {
    transform: translate3d(6rem, -5rem, 0);
  }
  to {
    transform: translate3d(-7rem, 0, 0);
  }
}

.grain_remove.grain:hover:before {
    opacity: 0 !important;
}

.tw_hover_to_front_01, .tw_hover_to_front_02, .tw_hover_to_front_03 {
	transition: z-index .6s, opacity .6s !important;
	pointer-events: none;
	transform: scaleY(1);
	z-index: 0 !important;
	opacity: 1;
	animation: moveToBack .8s linear;
}


.tw_hover_to_front_card_01:hover ~ .tw_hover_to_front_01, 
.tw_hover_to_front_card_02:hover ~ .tw_hover_to_front_02, 
.tw_hover_to_front_card_03:hover ~ .tw_hover_to_front_03 {
	z-index: 3 !important;
	transition: z-index .6s .3s !important;
	animation: moveToFront .8s linear;
	
}

.tw_hover_to_front_card_01:hover ~ .tw_hover_to_front_02, .tw_hover_to_front_card_01:hover ~ .tw_hover_to_front_03,
.tw_hover_to_front_card_02:hover ~ .tw_hover_to_front_01, .tw_hover_to_front_card_02:hover ~ .tw_hover_to_front_03,
.tw_hover_to_front_card_03:hover ~ .tw_hover_to_front_01, .tw_hover_to_front_card_03:hover ~ .tw_hover_to_front_02 {
	opacity: 0;
	transition: opacity .6s !important;
}

@keyframes moveToFront {
  0% {
	transform: translateY(0);
	z-index: 0 !important;
  }
  50% {
	transform: translateY(100%);
	opacity: 0;
	transform: scaleY(0);
	z-index: 0 !important;
  }
  100% {
	transform: translateY(0);
	opacity: 1;
	z-index: 3 !important;
	transform: scaleY(1);
  }
}

@keyframes moveToBack {
  0% {
	transform: translateY(0);
	opacity: 1;
	z-index: 3 !important;
	transform: scaleY(1);
	
  }
  50% {
	transform: translateY(100%);
	opacity: 0;
	transform: scaleY(0);
	z-index: 0 !important;
  }
  100% {
	transform: translateY(0);
	z-index: 0 !important;
  }
}

/* Agenda Archiv */
.tw_agenda_archive article:nth-child(3n+1) {
  margin-left: 0;
}
.tw_agenda_archive article:nth-child(3n+2) {
  margin-left: 20%;	
}
.tw_agenda_archive article:nth-child(3n+3) {
  margin-left: 40%;
}

.tw_agenda_archive article:not(:nth-child(1)) {
	margin-top: -7rem;
}

a[href*=".pdf"]:not(.no_icn a),
a[href*=".doc"]:not(.no_icn a) {
    margin-left: 3.2rem;
}

a[href*=".pdf"]:not(.no_icn a):before {
    position: absolute;
    content:'';
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(/wp-content/uploads/2022/12/pdf-icon.svg);
    background-size: cover;
    translate: -3.2rem;
}

a[href*=".doc"]:not(.no_icn a):before {
    position: absolute;
    content:'';
    width: 2.5rem;
    height: 2.5rem;
    background-image: url(/wp-content/uploads/2022/12/doc-icon.svg);
    background-size: cover;
    translate: -3.2rem;
}

/* PAGE CONTENT IF NO FEATURED IMAGE IS SET */

@media (min-width: 768px) {
	body:not(.elementor-editor-active) .tw_col_featured {
		width: 0 !important;
		max-width: 0 !important;
	}

	body:not(.elementor-editor-active) .tw_col_content {
		width: 100% !important;
		max-width: 100% !important;
	}

	body:not(.elementor-editor-active) .tw_col_content > div {
		padding: 2rem 0rem 2rem 0rem !important;
	}
	
	body:not(.elementor-editor-active) .tw_col_featured:has(.tw_featured_img) {
	    width: 50% !important;
	    max-width: 50% !important;
	}
	
	body:not(.elementor-editor-active) .tw_col_featured:has(.tw_featured_img) .tw_col_content {
		width: 65% !important;
		max-width: 65% !important;
	}
}

/* FIRST OR LAST IMAGE IN GALERIE SAME SIZE AS THE OTHERS */
.wp-block-gallery.has-nested-images figure.wp-block-image {
	flex-grow: 0;
}