.release {
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important;
  grid-template-rows: min-content 1fr auto !important;
  column-gap: var(--wp--preset--spacing--large-responsive) !important;
  align-content: stretch;
}

.release__cover,
:where(.editor-styles-wrapper) .release__cover {
  grid-column: 1 / 3 !important; /* Spalte 1 bis 3 (= 2 Spalten) */
  grid-row: 1 / 4 !important; /* Zeile 1 bis 4 (= alle 3 Zeilen) */
}

.release__title,
:where(.editor-styles-wrapper) .release__title {
  grid-column: 3 / 6 !important; /* Spalte 3 bis 6 (= 3 Spalten) */
  grid-row: 1 !important;
  align-self: start;
}

.release__meta,
:where(.editor-styles-wrapper) .release__meta {
  grid-column: 3 / 6 !important;
  grid-row: 2 !important;
  align-self: start;
}

.release__actions,
:where(.editor-styles-wrapper) .release__actions {
  grid-column: 3 / 6 !important;
  grid-row: 3 !important;
  align-self: start;
}

@media (max-width: 640px) {
  .release__cover,
  :where(.editor-styles-wrapper) .release__cover {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
  }

  .release__title,
  :where(.editor-styles-wrapper) .release__title {
    grid-column: 3 / 6 !important;
    grid-row: 1 !important;
    justify-self: end;
  }

  .release__meta,
  :where(.editor-styles-wrapper) .release__meta {
    grid-column: 1 / 6 !important;
    grid-row: 2 !important;
  }

  .release__actions,
  :where(.editor-styles-wrapper) .release__actions {
    grid-column: 1 / 6 !important;
    grid-row: 3 !important;
    margin-top: 1rem;
  }
}
