/**
 * Typoindex Background Slideshow – bg-slideshow.css
 * Version: 1.4.1
 */

/* Wrapper */
.bgs-wrap {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

/* Slides */
.bgs-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity var(--bgs-transition, 1000ms) ease-in-out;
    will-change: opacity;
}

.bgs-slide.bgs-active {
    opacity: 1;
}

/* Enfold Color Section – position:relative erzwingen */
.avia_transform:has(.bgs-wrap),
.avia-section:has(.bgs-wrap),
.avia_transform#bg-slideshow,
.avia-section#bg-slideshow,
.avia_transform[id^="bg-slideshow-"],
.avia-section[id^="bg-slideshow-"] {
    position: relative !important;
}

/* Content-Layer über dem Slider */
.avia_transform:has(.bgs-wrap) .container,
.avia-section:has(.bgs-wrap) .container,
.avia_transform#bg-slideshow .container,
.avia-section#bg-slideshow .container,
.avia_transform[id^="bg-slideshow-"] .container,
.avia-section[id^="bg-slideshow-"] .container {
    position: relative;
    z-index: 1;
}

/* -------------------------------------------------------
   Ken Burns – 4 Varianten
   Alle Varianten starten und enden mit mindestens scale(1.05)
   damit nie weisse Ränder entstehen
------------------------------------------------------- */
@keyframes bgs-kb-1 {
    0%   { transform: scale(1.05) translate(0, 0); }
    100% { transform: scale(1.12) translate(-1.5%, -1%); }
}
@keyframes bgs-kb-2 {
    0%   { transform: scale(1.05) translate(0, 0); }
    100% { transform: scale(1.12) translate(1.5%, 1%); }
}
@keyframes bgs-kb-3 {
    0%   { transform: scale(1.12) translate(-1%, -1%); }
    100% { transform: scale(1.05) translate(1%, 1%); }
}
@keyframes bgs-kb-4 {
    0%   { transform: scale(1.12) translate(1%, 1%); }
    100% { transform: scale(1.05) translate(-1%, -1%); }
}

.bgs-slide.bgs-kb-1,
.bgs-slide.bgs-kb-2,
.bgs-slide.bgs-kb-3,
.bgs-slide.bgs-kb-4 {
    animation-timing-function: linear;
    animation-fill-mode: both;
    transform-origin: center center;
}

.bgs-slide.bgs-kb-1 { animation-name: bgs-kb-1; }
.bgs-slide.bgs-kb-2 { animation-name: bgs-kb-2; }
.bgs-slide.bgs-kb-3 { animation-name: bgs-kb-3; }
.bgs-slide.bgs-kb-4 { animation-name: bgs-kb-4; }