/** * LYOR Hotel - Glasmorphismus Effects * Modern Glass Effects für Elementor Sections & Container *//* ============================================ Base Glass Effect ============================================ */.lyor-glass-effect{	backdrop-filter: blur(12px) saturate(180%);	-webkit-backdrop-filter: blur(12px) saturate(180%);	border-radius: 12px;	transition: all 0.3s ease;}
/* Optional Glass Border */.lyor-glass-effect.lyor-glass-border{	border: 1px solid rgba(255, 255, 255, 0.18);}
/* ============================================ Glass Style Variationen ============================================ *//* Light Glass (White) - Default */.lyor-glass-light.lyor-glass-effect{	background: rgba(255, 255, 255, 0.75) !important;	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);}
.lyor-glass-light.lyor-glass-border{	border-color: rgba(255, 255, 255, 0.18);}
/* Dark Glass (Black) */.lyor-glass-dark.lyor-glass-effect{	background: rgba(0, 0, 0, 0.6) !important;	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);	color: #ffffff !important;}
.lyor-glass-dark.lyor-glass-border{	border-color: rgba(255, 255, 255, 0.1);}
.lyor-glass-dark.lyor-glass-effect h1,.lyor-glass-dark.lyor-glass-effect h2,.lyor-glass-dark.lyor-glass-effect h3,.lyor-glass-dark.lyor-glass-effect h4,.lyor-glass-dark.lyor-glass-effect h5,.lyor-glass-dark.lyor-glass-effect h6,.lyor-glass-dark.lyor-glass-effect p,.lyor-glass-dark.lyor-glass-effect .elementor-heading-title{	color: #ffffff !important;}
/* Frosted Glass */.lyor-glass-frosted.lyor-glass-effect{	background: rgba(255, 255, 255, 0.4) !important;	backdrop-filter: blur(20px) saturate(150%);	-webkit-backdrop-filter: blur(20px) saturate(150%);	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);}
.lyor-glass-frosted.lyor-glass-border{	border-color: rgba(255, 255, 255, 0.3);}
/* Tinted Glass (Primary Color) */.lyor-glass-tinted.lyor-glass-effect{	background: rgba(184, 163, 152, 0.5) !important;/* Primary Color mit Transparenz */	backdrop-filter: blur(10px) saturate(160%);	-webkit-backdrop-filter: blur(10px) saturate(160%);	box-shadow: 0 8px 32px 0 rgba(184, 163, 152, 0.25);	color: #ffffff !important;}
.lyor-glass-tinted.lyor-glass-border{	border-color: rgba(255, 255, 255, 0.25);}
.lyor-glass-tinted.lyor-glass-effect h1,.lyor-glass-tinted.lyor-glass-effect h2,.lyor-glass-tinted.lyor-glass-effect h3,.lyor-glass-tinted.lyor-glass-effect h4,.lyor-glass-tinted.lyor-glass-effect h5,.lyor-glass-tinted.lyor-glass-effect h6,.lyor-glass-tinted.lyor-glass-effect .elementor-heading-title{	color: #ffffff !important;}
/* Ultra Light Glass */.lyor-glass-ultra-light.lyor-glass-effect{	background: rgba(255, 255, 255, 0.25) !important;	backdrop-filter: blur(8px) saturate(120%);	-webkit-backdrop-filter: blur(8px) saturate(120%);	box-shadow: 0 4px 24px 0 rgba(31, 38, 135, 0.1);}
.lyor-glass-ultra-light.lyor-glass-border{	border-color: rgba(255, 255, 255, 0.15);}
/* Premium Gold Glass */.lyor-glass-premium.lyor-glass-effect{	background: linear-gradient(		135deg,		rgba(218, 165, 32, 0.3) 0%,		rgba(184, 163, 152, 0.4) 50%,		rgba(218, 165, 32, 0.3) 100%	) !important;	backdrop-filter: blur(15px) saturate(200%);	-webkit-backdrop-filter: blur(15px) saturate(200%);	box-shadow: 0 8px 32px 0 rgba(218, 165, 32, 0.3);	color: #ffffff !important;}
.lyor-glass-premium.lyor-glass-border{	border: 1px solid rgba(255, 215, 0, 0.3);}
.lyor-glass-premium.lyor-glass-effect h1,.lyor-glass-premium.lyor-glass-effect h2,.lyor-glass-premium.lyor-glass-effect h3,.lyor-glass-premium.lyor-glass-effect h4,.lyor-glass-premium.lyor-glass-effect h5,.lyor-glass-premium.lyor-glass-effect h6,.lyor-glass-premium.lyor-glass-effect .elementor-heading-title{	color: #ffffff !important;}
/* Custom Color Glass */.lyor-glass-custom.lyor-glass-effect{	/* Background wird via Elementor Selector gesetzt */	backdrop-filter: blur(12px) saturate(180%);	-webkit-backdrop-filter: blur(12px) saturate(180%);	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);}
.lyor-glass-custom.lyor-glass-border{	border: 1px solid rgba(255, 255, 255, 0.18);}
/* ============================================ Hover Effects ============================================ */.lyor-glass-effect:hover{	backdrop-filter: blur(16px) saturate(200%);	-webkit-backdrop-filter: blur(16px) saturate(200%);	transform: translateY(-2px);}
.lyor-glass-light.lyor-glass-effect:hover{	box-shadow: 0 12px 40px 0 rgba(31, 38, 135, 0.2);}
.lyor-glass-dark.lyor-glass-effect:hover{	box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.5);}
.lyor-glass-premium.lyor-glass-effect:hover{	box-shadow: 0 12px 40px 0 rgba(218, 165, 32, 0.4);}
/* ============================================ Responsive Anpassungen ============================================ */@media screen and (max-width: 768px){	.lyor-glass-effect{		/* Reduziere Blur auf Mobile für Performance */		backdrop-filter: blur(8px) saturate(150%);		-webkit-backdrop-filter: blur(8px) saturate(150%);	}
}
/* ============================================ Accessibility ============================================ */@media (prefers-reduced-motion: reduce){	.lyor-glass-effect{		backdrop-filter: none;		-webkit-backdrop-filter: none;	}
		.lyor-glass-effect:hover{		transform: none;	}
}
/* Fallback für Browser ohne Backdrop-Filter Support */@supports not (backdrop-filter: blur(1px)){	.lyor-glass-light.lyor-glass-effect{		background: rgba(255, 255, 255, 0.9) !important;	}
		.lyor-glass-dark.lyor-glass-effect{		background: rgba(0, 0, 0, 0.85) !important;	}
		.lyor-glass-frosted.lyor-glass-effect{		background: rgba(255, 255, 255, 0.7) !important;	}
		.lyor-glass-tinted.lyor-glass-effect{		background: rgba(184, 163, 152, 0.8) !important;	}
		.lyor-glass-ultra-light.lyor-glass-effect{		background: rgba(255, 255, 255, 0.5) !important;	}
}