/**
 * ST Startseite block_5 (Meistgelesene) & block_8 (Empfehlung).
 * Horizontal: Nummer | Titel | Lesezeichen, 3 Spalten, Trennlinien.
 */

#block-saarland-today-views-block-st-startseite-block-5,
#block-saarland-today-views-block-st-startseite-block-8 {
  box-sizing: border-box;
  width: 100%;
  margin-block: 0;
  padding-inline: var(--st-space-fluid);
  padding-block: 0;
  border: 1px solid var(--st-border);
  background: var(--st-bg-card, var(--card-bg, var(--bg)));
}

.view-st-startseite.view-display-id-block_5.st-startseite-posts-grid,
.view-st-startseite.view-display-id-block_8.st-startseite-posts-grid,
.view-id-st_startseite.view-display-id-block_5.st-startseite-posts-grid,
.view-id-st_startseite.view-display-id-block_8.st-startseite-posts-grid {
  width: 100%;
  box-sizing: border-box;
  color: var(--st-text, #fff);
}

h2.st-posts-grid__heading {
  margin: 0 0 var(--st-space-20);
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.3;
  color: var(--st-text, #fff);
}

.view-st-startseite.view-display-id-block_5 .view-content > .item-list,
.view-st-startseite.view-display-id-block_8 .view-content > .item-list,
.view-id-st_startseite.view-display-id-block_5 .view-content > .item-list,
.view-id-st_startseite.view-display-id-block_8 .view-content > .item-list {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.view-st-startseite.view-display-id-block_5 .view-content ul.item-list,
.view-st-startseite.view-display-id-block_8 .view-content ul.item-list,
.view-id-st_startseite.view-display-id-block_5 .view-content ul.item-list,
.view-id-st_startseite.view-display-id-block_8 .view-content ul.item-list,
.view-st-startseite.view-display-id-block_5 .st-posts-grid__list,
.view-st-startseite.view-display-id-block_8 .st-posts-grid__list,
.view-id-st_startseite.view-display-id-block_5 .st-posts-grid__list,
.view-id-st_startseite.view-display-id-block_8 .st-posts-grid__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: stretch;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 0;
}

.view-st-startseite.view-display-id-block_5 .view-content ul.item-list > li,
.view-st-startseite.view-display-id-block_8 .view-content ul.item-list > li,
.view-id-st_startseite.view-display-id-block_5 .view-content ul.item-list > li,
.view-id-st_startseite.view-display-id-block_8 .view-content ul.item-list > li {
  margin: 0;
  padding: 0 var(--st-space-fluid);
  min-width: 0;
  border-right: 1px solid color-mix(in srgb, var(--st-text, #fff) 18%, transparent);
}

.view-st-startseite.view-display-id-block_5 .view-content ul.item-list > li:first-child,
.view-st-startseite.view-display-id-block_8 .view-content ul.item-list > li:first-child,
.view-id-st_startseite.view-display-id-block_5 .view-content ul.item-list > li:first-child,
.view-id-st_startseite.view-display-id-block_8 .view-content ul.item-list > li:first-child {
  padding-left: 0;
}

.view-st-startseite.view-display-id-block_5 .view-content ul.item-list > li:last-child,
.view-st-startseite.view-display-id-block_8 .view-content ul.item-list > li:last-child,
.view-id-st_startseite.view-display-id-block_5 .view-content ul.item-list > li:last-child,
.view-id-st_startseite.view-display-id-block_8 .view-content ul.item-list > li:last-child {
  padding-right: 0;
  border-right: 0;
}

.view-st-startseite.view-display-id-block_5 .views-field,
.view-st-startseite.view-display-id-block_8 .views-field,
.view-st-startseite.view-display-id-block_5 .field-content,
.view-st-startseite.view-display-id-block_8 .field-content,
.view-id-st_startseite.view-display-id-block_5 .views-field,
.view-id-st_startseite.view-display-id-block_8 .views-field,
.view-id-st_startseite.view-display-id-block_5 .field-content,
.view-id-st_startseite.view-display-id-block_8 .field-content {
  display: block;
  width: 100%;
  min-width: 0;
}

.st-startseite-posts-grid .post-block {
  margin: 0;
  height: 100%;
}

.st-startseite-posts-grid .post-content {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--st-space-10);
  align-items: center;
  min-height: 4.5rem;
  padding: 0;
}

.st-startseite-posts-grid .post-block .number {
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: clamp(2rem, 2.8vw, 2.75rem);
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: color-mix(in srgb, var(--st-text, #fff) 42%, transparent);
}

.st-startseite-posts-grid .post-block .post-title {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.st-startseite-posts-grid .post-block .post-title a {
  display: block;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: clamp(0.8125rem, 0.35vw + 0.75rem, 0.9375rem);
  font-weight: 700;
  line-height: 1.35;
  color: var(--st-text, #fff);
  text-decoration: none;
}

.st-startseite-posts-grid .post-block .post-title a:hover {
  color: var(--st-link-hover, var(--st-accent));
}

@media (max-width: 1024px) {
  .view-st-startseite.view-display-id-block_5 .view-content ul.item-list,
  .view-st-startseite.view-display-id-block_8 .view-content ul.item-list,
  .view-id-st_startseite.view-display-id-block_5 .view-content ul.item-list,
  .view-id-st_startseite.view-display-id-block_8 .view-content ul.item-list,
  .view-st-startseite.view-display-id-block_5 .st-posts-grid__list,
  .view-st-startseite.view-display-id-block_8 .st-posts-grid__list,
  .view-id-st_startseite.view-display-id-block_5 .st-posts-grid__list,
  .view-id-st_startseite.view-display-id-block_8 .st-posts-grid__list {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--st-space-20);
  }

  .view-st-startseite.view-display-id-block_5 .view-content ul.item-list > li,
  .view-st-startseite.view-display-id-block_8 .view-content ul.item-list > li,
  .view-id-st_startseite.view-display-id-block_5 .view-content ul.item-list > li,
  .view-id-st_startseite.view-display-id-block_8 .view-content ul.item-list > li {
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--st-text, #fff) 18%, transparent);
    padding-bottom: var(--st-space-20);
  }

  .view-st-startseite.view-display-id-block_5 .view-content ul.item-list > li:last-child,
  .view-st-startseite.view-display-id-block_8 .view-content ul.item-list > li:last-child,
  .view-id-st_startseite.view-display-id-block_5 .view-content ul.item-list > li:last-child,
  .view-id-st_startseite.view-display-id-block_8 .view-content ul.item-list > li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}