/* Image carousel only on the three service pages. */
.image-carousel{position:relative}
.image-carousel .carousel-viewport{height:490px;background:var(--soft);overflow:hidden}
.image-carousel .carousel-slide{width:100%;height:100%;max-height:none;object-fit:cover}
.image-carousel .carousel-slide:not(.is-active){display:none}
.image-carousel .carousel-slide[src$="/aufstockung-kfw-creative-lab-berlin.webp"]{object-position:center 5%}
.image-carousel .carousel-slide[src$="/aufstockung-leibniz-niebuhr-berlin.webp"]{object-position:center 8%}
.image-carousel .carousel-controls{display:none;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;color:var(--stone);font-size:14px}
.image-carousel.is-ready .carousel-controls{display:flex}
.image-carousel .carousel-actions{display:flex;gap:8px}
.image-carousel button{min-width:44px;min-height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:24px;line-height:1;cursor:pointer}
.image-carousel button:hover{background:var(--soft)}
.image-carousel .carousel-pause{font-size:13px;padding:0 10px}
.image-carousel button:focus-visible{outline:3px solid #af986c;outline-offset:3px}
@media(max-width:700px){.image-carousel .carousel-viewport{height:300px}.image-carousel .carousel-controls{padding:10px 22px}}

/* Nur Überblenden (Transparenz) */
.image-carousel .carousel-viewport{position:relative}
.image-carousel .carousel-slide{position:absolute;inset:0;display:block!important;opacity:0;transition:opacity .6s ease;animation:none!important;transform:none!important}
.image-carousel .carousel-slide.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.image-carousel .carousel-slide{transition:none}}