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

/***
* Shrinking Sticky header, no container edition
* class: .sticky-header
* Uses the built-in .elementor-container class for shrinking the header in non-container installs
*/

.logo img{
    filter: brightness(0) invert(1);
}

header.sticky-header {
	--header-height: 100px; /* Initial full height */
	--shrink-header-to: 0.8; /* 80% = 80px */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: transparent;
	transition: background-color var(--transition-timing),
				backdrop-filter var(--transition-timing),
				box-shadow var(--transition-timing);
}

header.sticky-header.elementor-sticky--effects {
	background-color: black;
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, 0.2);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
}

header.sticky-header > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition-timing);
}

header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc(var(--header-height) * var(--shrink-header-to)); /* 80px */
}


.elementor-custom-embed-play {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  width: 87px;
  height: 87px;
  border-radius: 100%;
  opacity: 1;
  box-shadow: 0 0 20px 14px #0000001f;
}

.elementor-custom-embed-play svg {
  width: 36px;
  height: 36px;
}




.desktop-only {
	display: block;
}
@media screen and (max-width: 768px) {
	.desktop-only {
		display: none;
	}
	
	.sub-menu.elementor-nav-menu--dropdown.sm-nowrap {
    top: auto;
		left: unset !important;
    right: 0px !important;
    font-family: 'Geist';
    font-size: 1.1rem;
		padding: 5px;
		border-radius: 6px;
	}
	
	.sub-menu.elementor-nav-menu--dropdown.sm-nowrap li.menu-item.menu-item-type-post_type.menu-item-object-page a {
		border-radius: 6px;
	}
	
	.text-outline {
		letter-spacing: -0px !important;
	}

}

@media screen and (min-width: 768px) {
	.mobile-only {
		display: none;
	}
}



.wpforms-container.wpforms-container-full.wpforms-render-modern {
  margin: 0;
}



.text-outline {
	font-family: 'Helvetica' !important;
	letter-spacing: -2px;
	-webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1.5px #c8a85c;
}



.text-hilight-gold {
	color: #c8a85c;
}





/* Container-Design für die vertikale Bar */
.sticky-social-bar {
  position: fixed;
  right: 0;           /* Fixiert am rechten Rand */
  top: 30vh;          /* Startet bei 30% der Viewport-Höhe */
  display: flex;
  flex-direction: column;
  z-index: 9999;      /* Damit die Bar über anderen Elementen liegt */
}

/* Icon-Styling */
.social-icon {
  width: 50px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	font-size: 22px;
	transition: width 0.3s ease;
	margin-bottom: 1px;
	border-radius: 6px 0 0 6px;
}

	@media screen and (max-width: 768px) {
		.sticky-social-bar {
			top: 20vh;
		}
	}
	
/* Spezifische Farben */
.facebook  { background-color: #0d0d0d; }
.tiktok   { background-color: #2b406c; }
.instagram { background-color: #0d0d0d; }
.whatsapp  { background-color: #0d0d0d; }

/* Hover-Effekt: Die Bar wird breiter, wenn du drüberfährst */
.social-icon:hover {
	background-color: #f0f0f0;
}
	
/* Styling für den Schließen-Button */
.close-btn {
	background-color: transparent !important;
	border: none !important;
	cursor: pointer !important;
	outline: none !important;
	padding: 5px !important;
	margin: 0 !important;
}

	.close-btn:hover {
		color: white !important;
	}
	
/* Sanftes Ausblenden via CSS */
.sticky-social-bar.hidden {
    display: none;
}