@charset "UTF-8";
/* CSS Document */

	
.slider-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 1.2em 2em;
  border-radius: 10px;
  font-size: clamp(1.2em, 1.3em, 1.3em);   /* Menügröße fix auf Desktop */
  
 
  text-align: center;
  font-weight: 200;
	max-width: 45vw;
	max-width: 45vw;
	width: 100%;
  box-shadow: 0 4px 22px rgba(0,0,0,0.3);  /* optional: leichter Schatten */
}
	
.headline-line {
  display: block;
  font-family: 'Montserrat', Arial, sans-serif;
  letter-spacing: 0.13em;
  font-size: clamp(1.2em, 4vw, 1.3em); /* Wie Menü auf Desktop, dynamisch auf kleineren Geräten */
  line-height: 1.16em;  /* Wenig Abstand, wirkt modern-minimalistisch */
}
.headline-name {
display: block;
  font-family: serif;
  letter-spacing: 0.13em;
  font-size: clamp(0.5em, 5vw, 0.5 em); /* Wie Menü auf Desktop, dynamisch auf kleineren Geräten */
  line-height: 1.16em;  /* Wenig Abstand, wirkt modern-minimalistisch */	
	}
	
	
.headline-slogan {
	font-family: 'playball', cursive;
    font-size: clamp(0.5em, 5vw, 0.5 em); /* Wie Menü auf Desktop, dynamisch auf kleineren Geräten */
  line-height: 1.16em;  /* Wenig Abstand, wirkt modern-minimalistisch */	
	letter-spacing: 0.2em;
	}	
	
.splide__slide {
  position: relative; /* for Text Overlay */
}
	
.black-fade-overlay {
  position: fixed; /* oder absolute: relative zum .splide-Container */
  z-index: 999;
  pointer-events: none;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: #000;
  opacity: 0;
  transition: opacity 2s cubic-bezier(.77,0,.18,1); /* adjust timing to taste */
}