/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/* (intentionally left blank) */

#sofort .save-the-date.popup-save-the-date {
	/* Semi-circle aligned to bottom of hero caption/slider */
	position: absolute;
	left: 50%;
	/* Keep only a small part outside the hero edge */
	bottom: clamp(-42px, -4.2vw, -26px);
	transform: translateX(-50%);
	width: min(62vw, 320px);
	max-width: 320px;
	min-width: 180px;
	aspect-ratio: 2 / 1;
	height: auto;
	background-color: rgba(197, 154, 58, 0.6);
	background-image: linear-gradient(
		to bottom,
		rgba(212, 176, 89, 0.6),
		rgba(184, 135, 38, 0.6)
	);
	border-radius: 999px 999px 0 0;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: clamp(14px, 2.2vw, 24px);
	z-index: 9999; /* über der gesamten Slideshow, sofort sichtbar */
}

.save-the-date.popup-save-the-date::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	border-radius: inherit;
	/* dezentes goldenes Leuchten mit leichter Animation */
	box-shadow: 0 0 40px 8px rgba(197, 154, 58, 0.8);
	z-index: 0;
	animation: sofortkontakt-glow 3s ease-in-out infinite;
}

#sofort .sofortkontakt-label {
	font-family: "Great Vibes", cursive;
	font-style: normal;
	font-size: clamp(20px, 2.3vw, 34px);
	line-height: 1.2;
	letter-spacing: 0.03em;
	/* feinere schwarze Außenlinie für bessere Lesbarkeit */
	text-shadow:
		-0.5px -0.5px 0 rgba(0, 0, 0, 0.8),
		0.5px -0.5px 0 rgba(0, 0, 0, 0.8),
		-0.5px 0.5px 0 rgba(0, 0, 0, 0.8),
		0.5px 0.5px 0 rgba(0, 0, 0, 0.8);
}

#sofort .sofortkontakt-phone {
	margin-top: clamp(4px, 1vw, 10px);
	font-family: "Great Vibes", cursive;
	font-size: clamp(14px, 1.7vw, 26px);
	letter-spacing: 0.04em;
	text-shadow:
		-0.5px -0.5px 0 rgba(0, 0, 0, 0.8),
		0.5px -0.5px 0 rgba(0, 0, 0, 0.8),
		-0.5px 0.5px 0 rgba(0, 0, 0, 0.8),
		0.5px 0.5px 0 rgba(0, 0, 0, 0.8);
}

/* Make the hero section the positioning context for Sofortkontakt */
#sofort {
	position: relative;
	overflow: hidden; /* clip badge part outside hero */
	margin-bottom: 0;
}

@keyframes sofortkontakt-glow {
	0% {
		box-shadow: 0 0 32px 6px rgba(197, 154, 58, 0.65);
	}
	50% {
		box-shadow: 0 0 48px 10px rgba(212, 176, 89, 0.95);
	}
	100% {
		box-shadow: 0 0 32px 6px rgba(197, 154, 58, 0.65);
	}
}

@media (max-width: 768px) {
	#sofort .save-the-date.popup-save-the-date {
		width: min(74vw, 240px);
		min-width: 170px;
		padding-top: clamp(24px, 7vw, 34px);
		bottom: clamp(-30px, -5vw, -20px);
	}

	#sofort .sofortkontakt-label {
		font-size: clamp(18px, 7vw, 26px);
		line-height: 1.1;
	}

	#sofort .sofortkontakt-phone {
		margin-top: clamp(8px, 2.4vw, 12px);
		font-size: clamp(12px, 4.6vw, 17px);
		letter-spacing: 0.02em;
	}

	#sofort {
		margin-bottom: 0;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	#sofort .save-the-date.popup-save-the-date {
		width: min(52vw, 300px);
		bottom: clamp(-38px, -4.3vw, -24px);
		padding-top: clamp(14px, 2.2vw, 22px);
	}

	#sofort {
		margin-bottom: 0;
	}
}

/* Mobile: hearts above Kontakt/Impressum larger and closer */
@media (max-width: 768px) {
	#kontakt .avia-image-container.av-7fdil-d65740cd6ef34981f43dd22c58be796f img.avia_image,
	#impressum .avia-image-container.av-3fq9wt-96c36591822fd1a46addde6fd46b7705 img.avia_image {
		width: min(92vw, 980px);
		max-width: none;
		height: auto;
		margin-bottom: -28px;
	}

	/* hearts above section titles on mobile (robust fallback without pseudo-elements) */
	#service #titel .av-special-heading-tag,
	#mich #titel .av-special-heading-tag {
		display: inline-block;
		padding-top: clamp(34px, 10vw, 52px);
		background-image: url("/wp-content/uploads/2025/01/herzenklein.png");
		background-repeat: no-repeat;
		background-position: top center;
		background-size: clamp(78px, 24vw, 120px) auto;
	}
}