1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
/* Hero-Teaser-Slideshow */
.teaser-slideshow{position:relative;}
.teaser-slideshow > .block-content{display:block;min-width:0;}
.teaser-slideshow .teaser-viewport{position:relative;min-width:0;width:100%;}
.teaser-slideshow > .block-content:not(.alignwide){width:100%;}
.teaser-slideshow header.block-header{box-sizing:border-box;max-width:var(--us-wide-width,1340px);}
.teaser-slideshow .ts-track{display:grid;grid-template-columns:minmax(0,1fr);}
.teaser-slideshow .ts-track.uslist{display:block;max-width:var(--us-wide-width,1340px);margin-inline:auto;box-sizing:border-box;}
.teaser-slideshow .ts-slide{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;width:100%;}
.teaser-slideshow .teaser-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--us-block-gap);min-width:0;width:100%;max-width:var(--us-wide-with,var(--us-wide-width));margin-inline:auto;box-sizing:border-box;}
.teaser-slideshow .ts-media{position:relative;min-width:0;}
.teaser-slideshow .ts-media picture{display:block;width:100%;height:100%;}
.teaser-slideshow .ts-media img{display:block;width:100%;height:100%;object-fit:cover;}
.teaser-slideshow .ts-body{min-width:0;}

/* Mausneigung nur auf dem Bild, unabhängig von der Slide-Animation. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.teaser-slideshow.is-ready .ts-media{transform:perspective(1600px) scale(var(--ts-tilt-scale,1)) rotateX(var(--ts-tilt-x,0deg)) rotateY(var(--ts-tilt-y,0deg));transform-origin:center;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.teaser-slideshow.is-ready .ts-media.is-tilting{transition-duration:.18s;will-change:transform;}
}

/* Ohne JavaScript stehen alle Slides untereinander. */
.teaser-slideshow:not(.is-ready) .ts-track{row-gap:var(--us-block-gap);}
/* Editor-Vorschau (PHP-HTML ohne JS): nur der erste Slide, sonst wirkt es wie mehrere Blöcke. */
.teaser-slideshow[data-accessstate]:not(.is-ready) .ts-slide:not(:first-child){display:none;}
.teaser-slideshow.is-ready .teaser-viewport{overflow:hidden;padding-bottom:calc(var(--us-block-gap) + var(--us-gap));}
.teaser-slideshow.is-ready .ts-slide{grid-area:1/1;visibility:hidden;opacity:0;transform:translateX(100%);pointer-events:none;transition:transform .6s ease,opacity .6s ease,visibility 0s .6s;}
.teaser-slideshow.is-ready .ts-slide.is-before{transform:translateX(-100%);}
.teaser-slideshow.is-ready .ts-slide.is-active{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto;z-index:1;transition-delay:0s;}
.teaser-slideshow.is-ready .teaser-viewport[data-transition="fade"] .ts-slide{transform:none;}

/* Gestaffelte Inhaltsanimation */
.teaser-slideshow.is-ready .ts-slide .teaser > *{transform:translateY(80px);opacity:0;transition:transform .6s ease,opacity .6s ease;}
.teaser-slideshow.is-ready .ts-slide.is-active .teaser > *{transform:translateY(0);opacity:1;}
.teaser-slideshow.is-ready .ts-slide.is-active .teaser hgroup{transition-delay:0s;}
.teaser-slideshow.is-ready .ts-slide.is-active .teaser .teaser-text{transition-delay:.15s;}
.teaser-slideshow.is-ready .ts-slide.is-active .teaser .teaser-list{transition-delay:.225s;}
.teaser-slideshow.is-ready .ts-slide.is-active .teaser .btn-holder{transition-delay:.3s;}
.teaser-slideshow .teaser-viewport > .slider-controls,
.teaser-slideshow .teaser-viewport > .slideshow-dots{z-index:2;}
.teaser-slideshow .teaser-viewport > .slideshow-dots{bottom:calc((var(--us-block-gap) + var(--us-gap)) / 2);transform:translate(-50%,-50%);}

/* Navigation: outside sitzt in der Header-Zeile (Section als Bezug), overlay blendet beim Hover ein */
.teaser-slideshow:has(.slider-controls.outside) header.block-header{padding-right:120px;}
.teaser-slideshow .overlay .slider-prev{left:-100px;}
.teaser-slideshow .overlay .slider-next{right:-100px;}
.teaser-slideshow:hover .overlay .slider-prev{left:16px;transition:var(--us-transition);transition-delay:.15s;}
.teaser-slideshow:hover .overlay .slider-next{right:16px;transition:var(--us-transition);transition-delay:.15s;}
.teaser-slideshow:focus-within .overlay .slider-prev{left:16px;transition:var(--us-transition);transition-delay:.05s;}
.teaser-slideshow:focus-within .overlay .slider-next{right:16px;transition:var(--us-transition);transition-delay:.05s;}
.teaser-slideshow .slider-prev:focus-visible,
.teaser-slideshow .slider-next:focus-visible,
.teaser-slideshow .dot:focus-visible{outline:2px solid var(--us-primary-color,#fff);outline-offset:2px;}

/* Overlay-Fade */
.teaser-slideshow:has(.overlay) .teaser-viewport:has(.slider-prev.show)::before{position:absolute;top:0;left:-100px;bottom:0;width:var(--us-block-gap);height:100%;content:'';z-index:10;pointer-events:none;transition:var(--us-transition);background:linear-gradient(90deg,var(--slider-fade-color,var(--us-bg-color,#fff)) 0%,var(--slider-fade-color,var(--us-bg-color,#fff)) 5%,color-mix(in srgb,var(--slider-fade-color,var(--us-bg-color,#fff)) 0%,transparent 100%) 100%);}
.teaser-slideshow:has(.overlay) .teaser-viewport:has(.slider-next.show)::after{position:absolute;top:0;right:-100px;bottom:0;width:var(--us-block-gap);height:100%;content:'';z-index:10;pointer-events:none;transition:var(--us-transition);background:linear-gradient(90deg,color-mix(in srgb,var(--slider-fade-color,var(--us-bg-color,#fff)) 0%,transparent 100%) 0%,var(--slider-fade-color,var(--us-bg-color,#fff)) 95%,var(--slider-fade-color,var(--us-bg-color,#fff)) 100%);}
.teaser-slideshow:has(.overlay):hover .teaser-viewport:has(.slider-prev.show)::before{left:0;}
.teaser-slideshow:has(.overlay):hover .teaser-viewport:has(.slider-next.show)::after{right:0;}
.teaser-slideshow:has(.overlay):focus-within .teaser-viewport:has(.slider-prev.show)::before{left:0;}
.teaser-slideshow:has(.overlay):focus-within .teaser-viewport:has(.slider-next.show)::after{right:0;}

@media(max-width:767.98px){
.teaser-slideshow .teaser-item{grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--us-gap);}
}
@media(max-width:1404px){
.teaser-slideshow .ts-slide,
.teaser-slideshow .ts-track.uslist{padding-left:var(--us-gap);padding-right:var(--us-gap);}
.teaser-slideshow header.block-header{padding-left:var(--us-gap);padding-right:var(--us-gap);}
}
@media(prefers-reduced-motion:reduce){
.teaser-slideshow.is-ready .ts-slide,
.teaser-slideshow.is-ready .ts-slide .teaser > *{transition:none;transform:none;}
}
.teaser-slideshow .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* Dunkle Punkte auf hellem Hintergrund */
.block.bluedots .slideshow-dots button.dot{border-color:var(--us-primary-color);background:transparent;box-shadow:none;}
.block.bluedots .slideshow-dots button.dot.active{background:var(--us-primary-color);}
.block.bluedots .slideshow-dots:after{display:none;}
body.dark .block.bluedots .slideshow-dots button.dot{border-color:#fff;background:transparent;}
body.dark .block.bluedots .slideshow-dots button.dot.active{background:#fff;}


.teaser-viewport > button{display:none!important;position: absolute;
top: 33%;
left: 25%;
transform: translate(46px,50%);
z-index: 999;}