/* Jubiläums-Hero wie im veröffentlichten Rückblick. Nur auf der Startseite geladen. */
.vsbp-jubilaeum-start p, .vsbp-jubilaeum-start figure { margin: 0; }
.vsbp-jubilaeum-start figure img { display: block; width: 100%; height: auto; }
.vsbp-jubilaeum-start .r-hero__link { margin-top: 1.5rem; }
.r-hero { background: var(--blue-deep); }
.r-hero__inner { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.4fr); gap: 3.5rem; align-items: center; padding-block: 4rem; }
.r-hero__copy { padding-bottom: 2rem; }
.r-hero__copy .eyebrow { padding-left: 1rem; border-left: 4px solid var(--orange); color: #dfe6f5; text-transform: none; }
.r-hero h1 { color: #fff; margin: 1.6rem 0; font-size: clamp(3rem,4.5vw,4rem); line-height: 1.02; }
.r-hero__thanks { color: #fff; font-size: 1.35rem; line-height: 1.35; font-weight: 600; }
.r-hero__date { margin-top: 2.25rem !important; padding-top: 1rem; border-top: 2px solid var(--orange); color: #fff; width: fit-content; min-width: 15rem; font-size: .95rem; font-weight: 650; }
.r-hero__date span { display: block; margin-top: .25rem; color: #cbd4e5; font-weight: 450; }
.r-hero__media p { padding-top: .85rem; color: #cbd4e5; font-size: .8rem; }
@media (max-width: 1100px) {
  .r-hero__inner { gap: 2rem; }
}
@media (max-width: 991px) {
  .r-hero__inner { grid-template-columns: 1fr; padding-block: 2.75rem; gap: 2.25rem; }
  .r-hero__copy { padding: 0; }
  .r-hero h1 { font-size: 3.5rem; }
  .r-hero__date { margin-top: 1.5rem !important; }
  .r-hero__media p { font-size: .8rem; }
}
@media (max-width: 768px) {
  .r-hero h1 { font-size: 3rem; }
}
@media (max-width: 540px) {
  .r-hero__inner { padding-block: 2.25rem 1.5rem; gap: 1.75rem; }
  .r-hero h1 { margin-block: 1.4rem; font-size: 2.9rem; }
  .r-hero__thanks { font-size: 1.15rem; }
  .r-hero__date { font-size: .85rem; min-width: 0; padding-top: .75rem; }
  .r-hero__copy .eyebrow { font-size: .72rem; }
}