/* Rahmen + Abstände wie Team-Single */
.hndb-post .hndb-title {
  margin: 0 0 6px;
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
}

.hndb-post .hndb-meta {
  color: #6b7280;
  font-size: .95rem;
}

.hndb-post .hndb-section-title {
  font-size: 1.15rem;
  margin: 0 0 10px;
}

/* Re-Use der Card/Grids/Thumbs aus deinem Bestand */
.hndb-wrap { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.hndb-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  padding: 16px;
}

.hndb-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 1000px) {
  .hndb-grid {
    grid-template-columns: 1fr 1fr; /* links Media, rechts Text */
    align-items: start;
  }
}

/* Media wie in Team: abgerundet/cover */
.hndb-thumb {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 7px 20px rgba(0,0,0,.06);
  aspect-ratio: 2/1; /* Video/Bild consistent */
}

/* Gutenberg-Großblöcke sauber untereinander */
.hndb-post-content .wp-block-image.alignfull,
.hndb-post-content .wp-block-gallery,
.hndb-post-content .wp-block-embed,
.hndb-post-content .wp-block-video,
.hndb-post-content .wp-block-cover,
.hndb-post-content .wp-block-columns {
  margin-top: 1rem;
}

/* Für <video> sorgen wir per CSS dafür, dass object's focus gesetzt wirkt */
.hndb-thumb:is(video) {
  width: 100%;
  height: auto;            /* Browser passt an; object-fit via inline-style */
  border-radius: 14px;
}

/* Optional: ein Wrapper, wenn du eine feste Höhe/Ratio möchtest */
.hndb-media-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
}

/* Beispiel: 2:1 Ratio (nur verwenden, wenn du wirklich feste Höhe willst) */
.hndb-media-wrap--2x1 {
  aspect-ratio: 2 / 1;     /* moderne Browser */
}
.hndb-media-wrap--2x1 > .hndb-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* genaue Fokus-Position kommt aus inline-style */
}