.dep-event-plakat {
  --dep-sky: transparent;
  --dep-box: #e30613;
  --dep-box-pad-y: 6px;
  --dep-box-pad-x: 14px;
  --dep-stagger: 0px;
  --dep-min-height: 0px;
  --dep-one-left: 5%;
  --dep-one-right: 9%;
  --dep-one-top: 31%;
  --dep-one-bottom: 39%;
  --dep-one-rotate: 5deg;
  --dep-two-left: 12%;
  --dep-two-right: 7%;
  --dep-two-top: 60%;
  --dep-two-bottom: 13%;
  --dep-two-rotate: 5deg;
  --dep-date-left: 5%;
  --dep-date-right: 9%;
  --dep-date-top: 87%;
  --dep-date-bottom: 0%;
  --dep-date-rotate: 0deg;

  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 330px;
  max-width: 100%;
  aspect-ratio: 330 / 236;
  min-height: var(--dep-min-height);
  background: var(--dep-sky);
  box-sizing: border-box;
  vertical-align: top;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.dep-event-plakat *,
.dep-event-plakat *::before,
.dep-event-plakat *::after {
  box-sizing: border-box;
}

.dep-event-plakat__sky {
  display: none;
}

.dep-event-plakat__flag {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: url("../img/flagge.png") no-repeat 0 0 / 100% 100%;
}

.dep-event-plakat__media {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.dep-event-plakat__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: 0 0;
}

.dep-event-plakat--has-image .dep-event-plakat__flag {
  display: none;
}

/* Overlay in Originalgröße – Zeilen sitzen in den roten Balken der Grafik. */
.dep-event-plakat__copy {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.dep-event-plakat__row {
  position: absolute;
  display: flex;
  align-items: center;
  width: auto;
  max-width: 100%;
}

.dep-event-plakat__row--one {
  left: var(--dep-one-left);
  right: var(--dep-one-right);
  top: var(--dep-one-top);
  bottom: var(--dep-one-bottom);
  transform: rotate(var(--dep-one-rotate));
  transform-origin: center center;
}

.dep-event-plakat__row--two {
  left: calc(var(--dep-two-left) + var(--dep-stagger));
  right: var(--dep-two-right);
  top: var(--dep-two-top);
  bottom: var(--dep-two-bottom);
  transform: rotate(var(--dep-two-rotate));
  transform-origin: center center;
}

.dep-event-plakat__row--date {
  left: var(--dep-date-left);
  right: var(--dep-date-right);
  top: var(--dep-date-top);
  bottom: var(--dep-date-bottom);
  transform: rotate(var(--dep-date-rotate));
  transform-origin: center center;
}

.dep-event-plakat__line-one,
.dep-event-plakat__line-two {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0 var(--dep-box-pad-x);
  color: #fff;
}

.dep-event-plakat__date {
  display: block;
  width: 100%;
  max-width: 100%;
  color: #fff;
}

.dep-event-plakat__line-one,
.dep-event-plakat__line-two,
.dep-event-plakat__date,
.dep-event-plakat__line-one *,
.dep-event-plakat__line-two *,
.dep-event-plakat__date * {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.dep-event-plakat__line-one > *:first-child,
.dep-event-plakat__line-two > *:first-child,
.dep-event-plakat__date > *:first-child {
  margin-top: 0;
}

.dep-event-plakat__line-one > *:last-child,
.dep-event-plakat__line-two > *:last-child,
.dep-event-plakat__date > *:last-child {
  margin-bottom: 0;
}

.dep-event-plakat__row--empty .dep-event-plakat__line-one,
.dep-event-plakat__row--empty .dep-event-plakat__line-two {
  min-width: 8rem;
  min-height: 1.4em;
  opacity: 0.55;
}