.swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.swiper-wrapper {
    display: flex;
    box-sizing: content-box;
    transition-property: transform;
    align-items: stretch;
}

.swiper-slide {
    flex-shrink: 0;
    height: auto;
    position: relative;
    transition-property: transform;
    display: flex;
}

.swiper-slide > * {
    width: 100%;
}

/* Über-mich v2 portrait slider (about-editorial) */
#about .about-editorial__media,
[data-pg-name='about-editorial'] .about-editorial__media {
    position: relative;
    z-index: 10;
}

#about .about-editorial__accent,
[data-pg-name='about-editorial'] .about-editorial__accent {
    z-index: 20;
}

#about .about-editorial__copy,
[data-pg-name='about-editorial'] .about-editorial__copy {
    position: relative;
    z-index: 0;
}

#about .slider-component,
[data-pg-name='about-editorial'] .slider-component {
    width: 100%;
    max-width: 100%;
    min-height: min(80vw, 28rem);
}

#about .slider-component[data-pg-slider-mode='single'] .swiper,
#about .slider-component .swiper,
[data-pg-name='about-editorial'] .slider-component .swiper {
    height: 100%;
    min-height: 0;
    width: 100%;
    touch-action: pan-y pinch-zoom;
}

#about .slider-component .swiper-wrapper,
[data-pg-name='about-editorial'] .slider-component .swiper-wrapper {
    height: 100%;
    min-height: inherit;
}

#about .slider-component .swiper-wrapper > .swiper-slide,
#about .slider-component .swiper-wrapper > .wp-block-immosmartpro-uber-mich-slide.swiper-slide,
[data-pg-name='about-editorial'] .slider-component .swiper-wrapper > .swiper-slide,
[data-pg-name='about-editorial'] .slider-component .swiper-wrapper > .wp-block-immosmartpro-uber-mich-slide.swiper-slide {
    flex: 0 0 100%;
    width: 100% !important;
    height: 100%;
    min-height: inherit;
    max-width: 100%;
}

#about .slider-component .swiper-slide img,
[data-pg-name='about-editorial'] .slider-component .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    object-fit: cover;
    object-position: center;
}

#about .slider-component .swiper-custom-nav,
[data-pg-name='about-editorial'] .slider-component .swiper-custom-nav {
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

/* Swiper injects full-width pagination styles — keep prev · dots · next grouped (Pinegrow). */
#about .slider-component .swiper-custom-nav .swiper-nav-btn,
[data-pg-name='about-editorial'] .slider-component .swiper-custom-nav .swiper-nav-btn {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0;
    flex: 0 0 auto;
    transform: none;
}

#about .slider-component .swiper-custom-pagination,
[data-pg-name='about-editorial'] .slider-component .swiper-custom-pagination,
#about .slider-component .swiper-custom-pagination.swiper-pagination,
[data-pg-name='about-editorial'] .slider-component .swiper-custom-pagination.swiper-pagination {
    position: static;
    width: auto;
    flex: 0 0 auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
}

#about .slider-component .swiper,
[data-pg-name='about-editorial'] .slider-component .swiper {
    overflow: hidden;
}

#about .slider-component .swiper-wrapper > .swiper-slide,
[data-pg-name='about-editorial'] .slider-component .swiper-wrapper > .swiper-slide {
    overflow: hidden;
}

@media (max-width: 1023px) {
    #about .slider-component,
    [data-pg-name='about-editorial'] .slider-component {
        min-height: min(85vw, 32rem);
    }

    #about .slider-component .swiper-wrapper > .swiper-slide,
    [data-pg-name='about-editorial'] .slider-component .swiper-wrapper > .swiper-slide {
        min-height: min(85vw, 32rem);
    }
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: auto;
}

/* Portrait slider pagination — valid CSS classes only (Swiper uses matches() on bulletClass). */
.slider-component[data-pg-slider-mode='single'] .pfi-portrait-bullet,
#about .slider-component .pfi-portrait-bullet,
[data-pg-name='about-editorial'] .slider-component .pfi-portrait-bullet {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 9999px;
    background-color: rgb(255 255 255 / 0.45);
    opacity: 1;
    transition: transform 0.2s ease;
}

.slider-component[data-pg-slider-mode='single'] .swiper-pagination-bullet-active.pfi-portrait-bullet,
#about .slider-component .swiper-pagination-bullet-active.pfi-portrait-bullet,
[data-pg-name='about-editorial'] .slider-component .swiper-pagination-bullet-active.pfi-portrait-bullet {
    background-color: #fff;
    transform: scale(1.1);
}