/** * LYOR Hotel - Additional Effects * Einfache visuelle Effekte ähnlich dem Glass Effect *//* ============================================ 1. SHADOW STYLES ============================================ *//* Soft Shadow */.lyor-shadow-soft{	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);	transition: box-shadow 0.3s ease;}
.lyor-shadow-soft:hover{	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);}
/* Medium Shadow */.lyor-shadow-medium{	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);	transition: box-shadow 0.3s ease;}
.lyor-shadow-medium:hover{	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);}
/* Hard Shadow */.lyor-shadow-hard{	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);	transition: box-shadow 0.3s ease;}
.lyor-shadow-hard:hover{	box-shadow: 0 25px 70px rgba(0, 0, 0, 0.3);}
/* Inner Shadow */.lyor-shadow-inner{	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.15);	transition: box-shadow 0.3s ease;}
.lyor-shadow-inner:hover{	box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.2);}
/* Glow Shadow */.lyor-shadow-glow{	box-shadow: 0 0 40px rgba(184, 163, 152, 0.4), 0 0 80px rgba(184, 163, 152, 0.2);	transition: box-shadow 0.3s ease;}
.lyor-shadow-glow:hover{	box-shadow: 0 0 50px rgba(184, 163, 152, 0.5), 0 0 100px rgba(184, 163, 152, 0.3);}
/* ============================================ 2. BORDER GLOW ============================================ */.lyor-border-glow-yes{	border: 1px solid rgba(184, 163, 152, 0.5);	box-shadow: 0 0 20px rgba(184, 163, 152, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.1);	border-radius: 8px;	transition: all 0.3s ease;}
.lyor-border-glow-yes:hover{	box-shadow: 0 0 30px rgba(184, 163, 152, 0.5), inset 0 0 30px rgba(255, 255, 255, 0.15);	border-color: rgba(184, 163, 152, 0.8);}
/* ============================================ 3. GRADIENT OVERLAYS ============================================ *//* Dark Bottom */.lyor-gradient-dark-bottom{	position: relative;}
.lyor-gradient-dark-bottom::before{	content: '';	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);	pointer-events: none;	border-radius: inherit;	z-index: 1;}
.lyor-gradient-dark-bottom > *{	position: relative;	z-index: 2;}
/* Dark Top */.lyor-gradient-dark-top{	position: relative;}
.lyor-gradient-dark-top::before{	content: '';	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);	pointer-events: none;	border-radius: inherit;	z-index: 1;}
.lyor-gradient-dark-top > *{	position: relative;	z-index: 2;}
/* Light Center */.lyor-gradient-light-center{	position: relative;}
.lyor-gradient-light-center::before{	content: '';	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);	pointer-events: none;	border-radius: inherit;	z-index: 1;}
.lyor-gradient-light-center > *{	position: relative;	z-index: 2;}
/* Primary Diagonal */.lyor-gradient-primary-diagonal{	position: relative;}
.lyor-gradient-primary-diagonal::before{	content: '';	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: linear-gradient(135deg, rgba(184, 163, 152, 0.6) 0%, transparent 100%);	pointer-events: none;	border-radius: inherit;	z-index: 1;}
.lyor-gradient-primary-diagonal > *{	position: relative;	z-index: 2;}
/* Radial */.lyor-gradient-radial{	position: relative;}
.lyor-gradient-radial::before{	content: '';	position: absolute;	top: 0;	left: 0;	right: 0;	bottom: 0;	background: radial-gradient(circle, transparent 0%, rgba(0, 0, 0, 0.5) 100%);	pointer-events: none;	border-radius: inherit;	z-index: 1;}
.lyor-gradient-radial > *{	position: relative;	z-index: 2;}
/* ============================================ 4. BACKDROP EFFECTS ============================================ *//* Blur Light */.lyor-backdrop-blur-light{	backdrop-filter: blur(10px) brightness(1.1);	-webkit-backdrop-filter: blur(10px) brightness(1.1);	background: rgba(255, 255, 255, 0.6) !important;	border-radius: 12px;	transition: all 0.3s ease;}
.lyor-backdrop-blur-light:hover{	backdrop-filter: blur(15px) brightness(1.15);	-webkit-backdrop-filter: blur(15px) brightness(1.15);}
/* Blur Dark */.lyor-backdrop-blur-dark{	backdrop-filter: blur(10px) brightness(0.8);	-webkit-backdrop-filter: blur(10px) brightness(0.8);	background: rgba(0, 0, 0, 0.5) !important;	border-radius: 12px;	transition: all 0.3s ease;	color: #ffffff !important;}
.lyor-backdrop-blur-dark:hover{	backdrop-filter: blur(15px) brightness(0.75);	-webkit-backdrop-filter: blur(15px) brightness(0.75);}
.lyor-backdrop-blur-dark h1,.lyor-backdrop-blur-dark h2,.lyor-backdrop-blur-dark h3,.lyor-backdrop-blur-dark h4,.lyor-backdrop-blur-dark h5,.lyor-backdrop-blur-dark h6,.lyor-backdrop-blur-dark p,.lyor-backdrop-blur-dark .elementor-heading-title{	color: #ffffff !important;}
/* Grayscale Blur */.lyor-backdrop-grayscale{	backdrop-filter: blur(8px) grayscale(100%);	-webkit-backdrop-filter: blur(8px) grayscale(100%);	background: rgba(128, 128, 128, 0.4) !important;	border-radius: 12px;	transition: all 0.3s ease;}
.lyor-backdrop-grayscale:hover{	backdrop-filter: blur(12px) grayscale(100%);	-webkit-backdrop-filter: blur(12px) grayscale(100%);}
/* Saturate Blur */.lyor-backdrop-saturate{	backdrop-filter: blur(8px) saturate(200%);	-webkit-backdrop-filter: blur(8px) saturate(200%);	background: rgba(255, 255, 255, 0.5) !important;	border-radius: 12px;	transition: all 0.3s ease;}
.lyor-backdrop-saturate:hover{	backdrop-filter: blur(12px) saturate(250%);	-webkit-backdrop-filter: blur(12px) saturate(250%);}
/* Sepia Blur */.lyor-backdrop-sepia{	backdrop-filter: blur(10px) sepia(80%);	-webkit-backdrop-filter: blur(10px) sepia(80%);	background: rgba(184, 163, 152, 0.4) !important;	border-radius: 12px;	transition: all 0.3s ease;}
.lyor-backdrop-sepia:hover{	backdrop-filter: blur(15px) sepia(90%);	-webkit-backdrop-filter: blur(15px) sepia(90%);}
/* ============================================ RESPONSIVE ============================================ */@media screen and (max-width: 768px){	/* Reduziere Blur auf Mobile */	.lyor-backdrop-blur-light,	.lyor-backdrop-blur-dark,	.lyor-backdrop-grayscale,	.lyor-backdrop-saturate,	.lyor-backdrop-sepia{		backdrop-filter: blur(6px);		-webkit-backdrop-filter: blur(6px);	}
		/* Reduziere Schatten auf Mobile */	.lyor-shadow-soft,	.lyor-shadow-medium,	.lyor-shadow-hard{		box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);	}
}
/* ============================================ ACCESSIBILITY ============================================ */@media (prefers-reduced-motion: reduce){	.lyor-shadow-soft,	.lyor-shadow-medium,	.lyor-shadow-hard,	.lyor-shadow-inner,	.lyor-shadow-glow,	.lyor-border-glow-yes,	.lyor-backdrop-blur-light,	.lyor-backdrop-blur-dark,	.lyor-backdrop-grayscale,	.lyor-backdrop-saturate,	.lyor-backdrop-sepia{		transition: none;	}
}
/* Fallback für Browser ohne Backdrop-Filter */@supports not (backdrop-filter: blur(1px)){	.lyor-backdrop-blur-light{		background: rgba(255, 255, 255, 0.85) !important;	}
		.lyor-backdrop-blur-dark{		background: rgba(0, 0, 0, 0.75) !important;	}
		.lyor-backdrop-grayscale{		background: rgba(128, 128, 128, 0.7) !important;	}
		.lyor-backdrop-saturate{		background: rgba(255, 255, 255, 0.7) !important;	}
		.lyor-backdrop-sepia{		background: rgba(184, 163, 152, 0.6) !important;	}
}