figure.teaser.teaser--kt-news,
.kt-teaser-modal__canvas figure.teaser.teaser--kt-news {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 0;
}

.slider-teaser.slider-teaser--neu .swiper-slide > a {
  display: block;
  width: 100%;
}

figure.teaser.teaser--kt-news .kt-news-teaser__media,
.kt-teaser-modal__canvas .kt-news-teaser__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

/* Container queries only on frontend – backend editor uses fixed px in MODAL_TEASER_STYLES */
figure.teaser.teaser--kt-news:not(.kt-news-teaser--editor) .kt-news-teaser__media {
  container-type: inline-size;
  container-name: kt-news-teaser-frontend;
}

figure.teaser.teaser--kt-news .kt-news-teaser__media picture,
figure.teaser.teaser--kt-news .kt-news-teaser__media img,
.kt-teaser-modal__canvas .kt-news-teaser__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

figure.teaser.teaser--kt-news .kt-news-teaser__overlay,
.kt-teaser-modal__canvas .kt-news-teaser__overlay {
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  max-width: 100%;
  pointer-events: none;
}

.kt-teaser-modal__canvas .kt-news-teaser__overlay {
  cursor: grab;
  touch-action: none;
  pointer-events: auto;
}

.kt-teaser-modal__canvas .kt-news-teaser__overlay.is-dragging {
  cursor: grabbing;
  opacity: 0.95;
  z-index: 3;
}

figure.teaser.teaser--kt-news .kt-news-teaser__label,
.kt-teaser-modal__canvas .kt-news-teaser__label {
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-sizing: border-box;
  padding: 0.35rem 0.65rem;
  line-height: 1.45;
  font-family: 'ubuntu_condensedregular', sans-serif;
  text-transform: uppercase;
  word-break: break-word;
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--bg-green,
.kt-teaser-modal__canvas .kt-news-teaser__label--bg-green {
  background: #6ab023;
  color: #fff;
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--bg-black,
.kt-teaser-modal__canvas .kt-news-teaser__label--bg-black {
  background: #000;
  color: #fff;
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--bg-white-black,
.kt-teaser-modal__canvas .kt-news-teaser__label--bg-white-black {
  background: #fff;
  color: #000;
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--bg-white-green,
.kt-teaser-modal__canvas .kt-news-teaser__label--bg-white-green {
  background: #fff;
  color: #6ab023;
}

/*
 * Font sizes: backend preview = fixed desktop (380px)
 * Frontend = scales with image width via clamp(), caps at desktop/backend values
 */
.kt-teaser-modal__canvas .kt-news-teaser__label--fs-minus3 {
  font-size: 12px;
}

.kt-teaser-modal__canvas .kt-news-teaser__label--fs-minus2 {
  font-size: 13.6px;
}

.kt-teaser-modal__canvas .kt-news-teaser__label--fs-minus1 {
  font-size: 15.2px;
}

.kt-teaser-modal__canvas .kt-news-teaser__label--fs-normal {
  font-size: 17.6px;
}

.kt-teaser-modal__canvas .kt-news-teaser__label--fs-plus1 {
  font-size: 20.8px;
}

.kt-teaser-modal__canvas .kt-news-teaser__label--fs-plus2 {
  font-size: 23.2px;
}

.kt-teaser-modal__canvas .kt-news-teaser__label--fs-plus3 {
  font-size: 25.6px;
}

.kt-teaser-modal__canvas .kt-news-teaser__label--fs-plus4 {
  font-size: 28px;
}

/* Desktop reference width = 380px; min width = 230px (< 375px viewport) */
figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-minus3 {
  font-size: clamp(7.3px, 3.158cqw, 12px);
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-minus2 {
  font-size: clamp(8.2px, 3.579cqw, 13.6px);
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-minus1 {
  font-size: clamp(9.2px, 4cqw, 15.2px);
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-normal {
  font-size: clamp(10.7px, 4.632cqw, 17.6px);
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-plus1 {
  font-size: clamp(12.6px, 5.474cqw, 20.8px);
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-plus2 {
  font-size: clamp(14px, 6.105cqw, 23.2px);
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-plus3 {
  font-size: clamp(15.5px, 6.737cqw, 25.6px);
}

figure.teaser.teaser--kt-news .kt-news-teaser__label--fs-plus4 {
  font-size: clamp(16.9px, 7.368cqw, 28px);
}

/* Slide widths for slider-teaser--neu (image width per viewport breakpoint) */
.slider-teaser.slider-teaser--neu .swiper-slide {
  width: 230px !important;
}

@media (min-width: 375px) {
  .slider-teaser.slider-teaser--neu .swiper-slide {
    width: 290px !important;
  }
}

@media (min-width: 440px) {
  .slider-teaser.slider-teaser--neu .swiper-slide {
    width: 340px !important;
  }
}

@media (min-width: 768px) {
  .slider-teaser.slider-teaser--neu .swiper-slide {
    width: 295px !important;
  }
}

@media (min-width: 992px) {
  .slider-teaser.slider-teaser--neu .swiper-slide {
    width: 325px !important;
  }
}

@media (min-width: 1140px) {
  .slider-teaser.slider-teaser--neu .swiper-slide {
    width: 380px !important;
  }
}

.kt-teaser-modal__canvas {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
}