/*
 * SVRG Startseiten-Slider (Ersatz fuer LayerSlider "Homeslider-01", 10/2026)
 * Aufbau im Editor: Gruppe "svrg-slider" > Gruppen "svrg-slide" > Gruppen "svrg-tile" (Bild + Text).
 * Masse bezogen auf das Originalformat 1280 x 720: 8 px weisser Rand und Steg, Text Arial 700 48 px.
 */
.svrg-slider {
	container-type: inline-size;
	position: relative;
	overflow: hidden;
	margin: 0;
	background: #fff;
}

/* Astra gibt Gruppen-Bloecken Innenabstand – hier nicht */
.entry-content .wp-block-group.svrg-slider {
	padding: 0;
}

.svrg-slider .svrg-slide {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 347fr 349fr;
	gap: calc(8 / 1280 * 100cqw);
	padding: calc(8 / 1280 * 100cqw);
	aspect-ratio: 16 / 9;
	box-sizing: border-box;
	background: #fff;
	margin: 0;
}

.svrg-slider .svrg-slide--zweigeteilt {
	grid-template-columns: 1fr;
}

.svrg-slider .svrg-tile {
	position: relative;
	overflow: hidden;
	min-height: 0;
	margin: 0;
}

.svrg-slider .svrg-tile > * {
	margin: 0;
}

.svrg-slider .svrg-tile .wp-block-image,
.svrg-slider .svrg-tile .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.svrg-slider .svrg-label {
	position: absolute;
	z-index: 2;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: calc(48 / 1280 * 100cqw);
	line-height: normal;
	white-space: nowrap;
}

.svrg-slider .svrg-label a,
.svrg-slider .svrg-label a:hover,
.svrg-slider .svrg-label a:focus {
	color: #fff;
	text-decoration: none;
}

.svrg-slider .svrg-label--dunkel a,
.svrg-slider .svrg-label--dunkel a:hover,
.svrg-slider .svrg-label--dunkel a:focus {
	color: #000;
}

/* Vor dem Start von Swiper nur die erste Folie zeigen */
.svrg-slider:not(.swiper-initialized) .svrg-slide:not(:first-child) {
	display: none;
}

/* Swiper: Folienwechsel wie LayerSlider (von rechts hereinschieben, weich) */
.svrg-slider .swiper-wrapper {
	transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

/* Texte blenden je Folie ueber 1 s ein und vor dem Wechsel wieder aus */
.svrg-slider.swiper-initialized .svrg-label {
	opacity: 0;
	transition: opacity 1s cubic-bezier(0.86, 0, 0.07, 1);
}

.svrg-slider.swiper-initialized .svrg-slide.is-shown .svrg-label {
	opacity: 1;
}

/* Pfeile nur bei Mausberuehrung (wie LayerSlider "hoverPrevNext") */
.svrg-slider .svrg-nav {
	position: absolute;
	top: 50%;
	z-index: 5;
	width: 40px;
	height: 60px;
	margin-top: -30px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s;
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.6));
}

.svrg-slider .svrg-nav svg {
	width: 100%;
	height: 100%;
}

.svrg-slider .svrg-nav--prev {
	left: 10px;
}

.svrg-slider .svrg-nav--next {
	right: 10px;
}

.svrg-slider:hover .svrg-nav,
.svrg-slider .svrg-nav:focus-visible {
	opacity: 1;
}

/* Kreis-Timer oben rechts (wie LayerSlider "circletimer") */
.svrg-slider .svrg-timer {
	position: absolute;
	top: 16px;
	right: 24px;
	z-index: 5;
	width: 24px;
	height: 24px;
	pointer-events: none;
}

.svrg-slider .svrg-timer circle {
	fill: none;
	stroke-width: 4;
}

.svrg-slider .svrg-timer .svrg-timer__bg {
	stroke: rgba(0, 0, 0, 0.35);
}

.svrg-slider .svrg-timer .svrg-timer__bar {
	stroke: rgba(255, 255, 255, 0.85);
	stroke-dasharray: 62.83;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
}

@media (prefers-reduced-motion: reduce) {
	.svrg-slider .swiper-wrapper,
	.svrg-slider.swiper-initialized .svrg-label {
		transition-duration: 0s !important;
	}
}

/* Textpositionen je Feld (Prozent vom Feld, aus den LayerSlider-Ebenen umgerechnet) */
.svrg-tile--01-segeln .svrg-label { left: 71.18%; top: 8.93%; }
.svrg-tile--01-badminton .svrg-label { left: 54.14%; top: 81.27%; }
.svrg-tile--01-tai-chi .svrg-label { left: 4.30%; top: 39.83%; }
.svrg-tile--01-rudern .svrg-label { left: 4.94%; top: 15.19%; }
.svrg-tile--02-basketball .svrg-label { left: 12.74%; top: 19.88%; }
.svrg-tile--02-leichtathletik .svrg-label { left: 2.39%; top: 76.66%; }
.svrg-tile--02-yoga .svrg-label { left: 9.24%; top: 47.85%; }
.svrg-tile--02-schach .svrg-label { left: 34.55%; top: 12.89%; }
.svrg-tile--03-fit-fun .svrg-label { left: 3.98%; top: 12.68%; }
.svrg-tile--03-golf .svrg-label { left: 17.99%; top: 39.48%; }
.svrg-tile--03-tischtennis .svrg-label { left: 48.57%; top: 78.80%; }
.svrg-tile--03-karate .svrg-label { left: 66.24%; top: 41.26%; }
.svrg-tile--04-rueckenschule .svrg-label { left: 68.75%; top: 15.85%; }
.svrg-tile--04-triathlon .svrg-label { left: 57.52%; top: 29.80%; }