/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1758095615
Updated: 2025-09-17 07:53:35

*/
body, html {
	overflow-x: hidden;
}
#site-header {
	display: none !important;
}

.inno-btn a {
	position: relative;
	margin-top: 20px;
	transition: all .2s linear;
	z-index: 5;
}
.inno-btn a span {
	position: relative;
	z-index: 9;
}
.inno-btn a::before,
.inno-btn a::after {
	content: '';
	position: absolute;
	width: 125px;
	height: 125px;
	border-radius: 200px;
	transition: all .2s linear;
}
.inno-btn-r a::before {
	background-color: rgba(177, 50, 60, 0.11);
	right: -30px;
	top: -6px;
	z-index: 1;
}
.inno-btn-r a:hover::before {
	width: 135px;
	height: 135px;
	right: -38px;
	z-index: 2;
}
.inno-btn-r a::after {
	background-color: rgba(177, 50, 60, 0.22);
	right: 0px;
	top: -23px;
}
.inno-btn-r a:hover::after {
	width: 135px;
	height: 135px;
	top: -33px;
}

.inno-btn-l a::before {
	background-color: rgba(177, 50, 60, 0.22);
	left: -30px;
	top: -6px;
	z-index: 1;
}
.inno-btn-l a:hover::before {
	width: 135px;
	height: 135px;
	left: -38px;
	z-index: 2;
}
.inno-btn-l a::after {
	background-color: rgba(177, 50, 60, 0.11);
	left: 0px;
	top: -23px;
}
.inno-btn-l a:hover::after {
	width: 135px;
	height: 135px;
	top: -33px;
}


.inno-features {
	position: relative;
	transition: all .2s linear;
	z-index: 5;
}
.inno-features a {
	position: relative;
	z-index: 2;
	box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1) !important;
}
.inno-features a:hover {
	box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2) !important;
}
.inno-features::before,
.inno-features::after {
	content: '';
	position: absolute;
	width: 95px;
	height: 95px;
	border-radius: 200px;
	transition: all .2s linear;
}
.inno-features::before {
	background-color: rgba(68, 84, 108, 0.4);
	left: -30px;
	top: -6px;
	z-index: 1;
}
.inno-features:hover::before {
	width: 100px;
	height: 100px;
	left: -38px;
	z-index: 2;
}
.inno-features::after {
	background-color: rgba(68, 84, 108, 0.14);
	left: 0px;
	top: -23px;
}
.inno-features:hover::after {
	width: 100px;
	height: 100px;
	top: -33px;
}


.footer-btn-l {

}
.footer-btn-l a {
	position: relative;
	z-index: 2;
}
.footer-btn-l::before,
.footer-btn-l::after {
	content: '';
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 200px;
	transition: all .3s linear;
}
.footer-btn-l::before {
	background-color: rgba(68, 84, 108, 0.22);
	left: -25px;
	top: -5px;
	z-index: 1;
}
.footer-btn-l:hover::before {
	width: 100px;
	height: 100px;
	left: -35px;
	z-index: 2;
}
.footer-btn-l::after {
	background-color: rgba(68, 84, 108, 0.11);
	left: -2px;
	top: -20px;
}
.footer-btn-l:hover::after {
	width: 95px;
	height: 95px;
	top: -25px;
}

.footer-btn-r {

}
.footer-btn-r a {
	position: relative;
	z-index: 2;
}
.footer-btn-r::before,
.footer-btn-r::after {
	content: '';
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 200px;
	transition: all .3s linear;
}
.footer-btn-r::before {
	background-color: rgba(68, 84, 108, 0.22);
	right: -25px;
	top: -5px;
	z-index: 1;
}
.footer-btn-r:hover::before {
	width: 100px;
	height: 100px;
	right: -35px;
	z-index: 2;
}
.footer-btn-r::after {
	background-color: rgba(68, 84, 108, 0.11);
	right: -2px;
	top: -20px;
}
.footer-btn-r:hover::after {
	width: 95px;
	height: 95px;
	top: -25px;
}

#light1 {
	animation-name: light1;
	animation-duration: 1s;
}
@keyframes light1 {
	0% {
		width: calc(100% + 20px);
		height: 170px;
		transform: translateY(-20%);
	} 100% {
		width: 150px;
		height: 150px;
		transform: translateY(0px);
	}
}

#dark1 {
	animation-name: dark1;
	animation-duration: 1s;
}
@keyframes dark1 {
	0% {
		width: calc(100% + 20px);
		height: 170px;
		transform: translateX(-50px);
	} 100% {
		width: 150px;
		height: 150px;
		transform: translateX(0px);
	}
}

#light2 {
	animation-name: light2;
	animation-duration: 1s;
}
@keyframes light2 {
	0% {
		width: calc(100% + 20px);
		height: 170px;
		transform: translateY(10%);
	} 100% {
		width: 150px;
		height: 150px;
		transform: translateY(0px);
	}
}

#dark2 {
	animation-name: dark2;
	animation-duration: 1s;
}
@keyframes dark2 {
	0% {
		width: calc(100% + 20px);
		height: 170px;
		transform: translateX(-20px);
	} 100% {
		width: 150px;
		height: 150px;
		transform: translateX(0px);
	}
}

#light3 {
	animation-name: light3;
	animation-duration: 1s;
}
@keyframes light3 {
	0% {
		width: calc(100% + 20px);
		height: 170px;
		transform: translateX(10%);
	} 100% {
		width: 150px;
		height: 150px;
		transform: translateX(0);
	}
}

#dark3 {
	animation-name: dark3;
	animation-duration: 1s;
}
@keyframes dark3 {
	0% {
		width: calc(100% + 20px);
		height: 170px;
		transform: translateY(-25px);
	} 100% {
		width: 150px;
		height: 150px;
		transform: translateY(0px);
	}
}


/**********************************************************/

.ver_menu {
	font-family: "Helvetica Neue", Sans-serif;
}
.menu-item {
	/* 	border-bottom: 1px solid #e0e0e0; */
}
.menu-item:last-child {
	/* 	border-bottom: none; */
}
.menu-toggle, .menu-link {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 10px;
	padding: 11px 0px;
	border: none;
	width: 100%;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}
.menu-toggle:hover, .menu-link:hover {
	background: transparent;
	color: #fff;
	text-decoration: underline;
}
.menu-toggle:focus, .menu-link:focus {
	background: transparent;
	font-weight: 500;
}
.menu-toggle {
	/* 	font-weight: 600; */
}
.arrow {
	font-size: 16px;
	transition: transform 0.3s ease;
	color: #fff;
}
.arrow.rotated {
	transform: rotate(-90deg);
}
.submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.6s ease, padding 0.5s ease;
	background: transparent;
}
.submenu.open {
	max-height: 500px;
}
.submenu-item {
	/* 	border-bottom: 1px solid #e8e9ea; */
}
.submenu-item:last-child {
	border-bottom: none;
}
.submenu .menu-toggle, .submenu .menu-link {
	text-align: right;
	line-height: 16px;
	padding: 12px 0px;
	font-size: 14px;
	/* 	background: #f8f9fa; */
}
.submenu .menu-toggle:hover, .submenu .menu-link:hover {
	background: transparent;
	color: #fff;
	text-decoration: underline;
}
.sub-submenu {
	background: transparent;
}
.sub-submenu .menu-link {
	padding: 12px 0px;
	font-size: 14px;
	background: transparent;
	color: #fff;
}
.sub-submenu .menu-link:hover {
	background: transparent;
	color: #fff;
}
.static-item {
	/* 	background: white; */
}
.static-item .menu-link {
	/* 	font-weight: 500; */
}
/* Smooth animations */
.submenu, .sub-submenu {
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/*****************************************************************/


@media (max-width: 1023px){
	.inno-btn a::before,
	.inno-btn a::after {
		width: 100px;
		height: 100px;
	}
	.inno-features::before,
	.inno-features::after {
		width: 80px;
		height: 80px;
	}
	.inno-features::before {
		left: -20px;
	}
	.inno-features:hover::before {
		width: 85px;
		height: 85px;
		left: -25px;
	}
	.inno-features::after {
		top: -15px;
	}
	.inno-features:hover::after {
		width: 85px;
		height: 85px;
		top: -22px;
	}
	.blog_iframe {
		padding-bottom: 50% !important;
	}
}

@media (max-width: 767px){
	.paper-form, .termin-form {
		background-color: rgba(255, 255, 255, .9) !important;
	}
	.blog_iframe {
		padding-bottom: 100% !important;
	}
}


/****************************************************/

.iframe-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
@media (min-width: 769px) and (max-width: 1024px) {
	.iframe-wrapper {
		padding-bottom: 60%;
	}
}

@media (min-width: 1025px) {
	.iframe-wrapper {
		padding-bottom: 40%;
	}
}

@media (max-width: 768px) {
	.iframe-wrapper {
		padding-bottom: 65%;
	}
}
@media (max-width: 500px) {
	.iframe-wrapper {
		padding-bottom: 110%;
	}
}
@media (max-width: 400px) {
	.iframe-wrapper {
		padding-bottom: 130%;
	}
}