:root {
  --teaser-belgrade-info-height: 4rem;
  --teaser-belgrade-info-spacing: 1rem;
  --teaser-belgrade-image-opacity: 0.4;
  --teaser-belgrade-transition: 0.2s ease;
}

.teaser-belgrade__image {
  margin-bottom: 2px;
}
.teaser-belgrade__image img {
  width: 100%;
  transition: opacity var(--teaser-belgrade-transition);
}
.teaser-belgrade__hover {
  opacity: 0;
  transition: opacity var(--teaser-belgrade-transition);
  z-index: 1;
}
.teaser-belgrade__info {
  height: var(--teaser-belgrade-info-height);
  padding-top: 2px;
  border-bottom: 2px solid currentcolor;
  transition: all var(--teaser-belgrade-transition);
}
.teaser-belgrade__title {
  line-height: 1.2;
  transition: all 0.2s ease;
  padding-right: calc(var(--teaser-belgrade-info-spacing) * 3);
}
.teaser-belgrade__title a {
  color: var(--beo-body-color);
}
.teaser-belgrade:hover .teaser-belgrade__image img {
  opacity: var(--teaser-belgrade-image-opacity);
}
.teaser-belgrade:hover .teaser-belgrade__info {
  padding-inline: var(--teaser-belgrade-info-spacing);
  background-color: var(--beo-primary);
  color: var(--beo-white);
  border-bottom-color: var(--beo-primary);
}
.teaser-belgrade:hover .teaser-belgrade__title {
  padding-right: var(--teaser-belgrade-info-spacing);
  color: var(--beo-white);
}
.teaser-belgrade:hover .teaser-belgrade__title a {
  color: var(--beo-white);
}
.teaser-belgrade:hover .teaser-belgrade__hover {
  opacity: 1;
}

.text-white .teaser-belgrade {
  --beo-primary: #fff;
  --beo-white: var(--beo-dark);
  --beo-body-color: #fff;
}

/*# sourceMappingURL=teaser-belgrade.css.map */