.diemke-pauses {
  --dp-purple: #742c91;
  --dp-aubergine: #2a1633;
  --dp-orange: #f28a24;
  --dp-offwhite: #f6f2ec;
  color: var(--dp-aubergine);
  font-family: Manrope, sans-serif;
}

.diemke-pauses__year + .diemke-pauses__year {
  margin-top: clamp(3.5rem, 7vw, 6.5rem);
}

.diemke-pauses__year > h2 {
  margin: 0 0 clamp(1.25rem, 2.5vw, 2rem);
  color: var(--dp-purple);
  font-size: clamp(2.25rem, 5vw, 4.75rem);
  font-weight: 750;
  letter-spacing: -.055em;
  line-height: .95;
}

.diemke-pauses__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.875rem, 2vw, 1.5rem);
}

.diemke-pause-card {
  position: relative;
  min-width: 0;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  overflow: hidden;
  border: 1px solid rgba(42, 22, 51, .11);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 1.125rem 3.5rem rgba(42, 22, 51, .07);
}

.diemke-pause-card__mark {
  position: absolute;
  inset: 0 auto 0 0;
  width: .35rem;
  background: linear-gradient(180deg, var(--dp-purple), var(--dp-orange));
}

.diemke-pause-card h3 {
  margin: 0;
  color: var(--dp-aubergine);
  font-size: clamp(1.25rem, 2.25vw, 1.75rem);
  font-weight: 720;
  letter-spacing: -.025em;
  line-height: 1.12;
}

.diemke-pause-card__date {
  margin: .65rem 0 0;
  color: var(--dp-purple);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 650;
  letter-spacing: .01em;
}

.diemke-pause-card__note {
  margin: .85rem 0 0;
  color: #5e5662;
  font-size: .975rem;
  line-height: 1.55;
}

.diemke-pauses-empty {
  margin: 0;
  padding: 1.5rem;
  border-radius: 1rem;
  background: var(--dp-offwhite);
  color: var(--dp-aubergine);
  font-family: Manrope, sans-serif;
}

@media (max-width: 767px) {
  .diemke-pauses__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .diemke-pause-card {
    border-radius: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .diemke-pauses *,
  .diemke-pauses *::before,
  .diemke-pauses *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

