/* EYE4NEWS-tabletweergave: compact menu en iPad-passende pagina-indeling. */
.tablet-menu-toggle,
.eye4news-ios-install { display: none; }

@media (max-width: 1180px),
       (min-width: 1181px) and (max-width: 1400px) and (any-pointer: coarse) {
  body > header .top { position: relative; }
  .tablet-menu-toggle {
    display: inline-flex !important;
    min-height: 44px;
    align-items: center;
    gap: 9px;
    margin-left: auto;
    padding: 10px 14px;
    border: 1px solid #6d819a;
    border-radius: 5px;
    background: #061d3b;
    color: #fff;
    font: 800 15px/1 Arial,sans-serif;
    cursor: pointer;
  }
  .tablet-menu-toggle span { font-size: 22px; line-height: .8; }
  body > header nav#eye4news-tablet-menu {
    display: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    padding: 8px 18px 18px;
    flex-direction: column;
    align-items: stretch;
    gap: 0 !important;
    overflow: visible !important;
    border-top: 1px solid #304766;
    background: #061d3b;
    white-space: normal;
  }
  body > header nav#eye4news-tablet-menu.is-open { display: flex !important; }
  body > header nav#eye4news-tablet-menu a {
    display: block;
    width: 100%;
    padding: 14px 8px;
    border-bottom: 1px solid #304766;
    color: #fff;
  }
  body > header nav#eye4news-tablet-menu a:last-child { border-bottom: 0; }
}


.eye4news-ios-install {
  position: fixed;
  z-index: 10001;
  right: 18px;
  bottom: 18px;
  left: 18px;
  max-width: 620px;
  margin: 0 auto;
  padding: 18px 48px 18px 18px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  color: #061d3b;
  box-shadow: 0 14px 45px rgba(6,29,59,.3);
  font-family: Arial,sans-serif;
}
.eye4news-ios-install.is-visible { display: grid; gap: 8px; }
.eye4news-ios-install[hidden] { display: none !important; }
.eye4news-ios-install strong { font-size: 20px; }
.eye4news-ios-install span { color: #52637a; font-size: 15px; line-height: 1.4; }
.eye4news-ios-install .ios-install-help {
  justify-self: start;
  margin-top: 4px;
  padding: 11px 14px;
  border: 0;
  border-radius: 5px;
  background: #e20b07;
  color: #fff;
  font-weight: 900;
}
.eye4news-ios-install .ios-install-close {
  position: absolute;
  z-index: 3;
  top: 6px;
  right: 6px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #64748b;
  font-size: 25px;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}

@media (min-width: 701px) and (max-width: 1180px),
       (min-width: 1181px) and (max-width: 1400px) and (any-pointer: coarse) {
  body > header .top,
  body > header nav,
  body > .live,
  .home-grid,
  .home-grid.homepage-example-grid,
  #meer-nieuws > .title,
  #meer-nieuws > .cards,
  .region-band > .section-heading,
  .region-band > .region-layout,
  .sport-inner,
  .inbeeld-inner,
  .recommended-inner,
  .advertisement-inner,
  .footer-grid,
  .footer-bottom {
    width: calc(100% - 36px) !important;
    max-width: none !important;
  }

  body > header .top { height: 78px !important; }
  body > header .top b { font-size: 30px !important; }
  body > header .top p { display: none !important; }
  body > header nav {
    height: auto !important;
    min-height: 54px;
    gap: 18px !important;
    overflow-x: auto;
    white-space: nowrap;
  }

  .home-grid,
  .home-grid.homepage-example-grid {
    display: block !important;
    padding: 20px 0 45px !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid,
  .story-mosaic,
  .home-grid.story-count-3 .story-mosaic,
  .home-grid.story-count-4 .story-mosaic,
  .home-grid.story-count-5 .story-mosaic,
  .home-grid.story-count-6 > .homepage-editorial-grid {
    display: grid !important;
    height: auto !important;
    max-height: none !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    gap: 18px !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .mosaic-lead,
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .middle-story:nth-child(n),
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .latest-news,
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .traffic-widget {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  .homepage-editorial-grid > .mosaic-lead,
  .story-mosaic .mosaic-lead { height: 470px !important; }
  .homepage-editorial-grid > .middle-story,
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(n) {
    height: auto !important;
    min-height: 360px !important;
  }
  .homepage-editorial-grid > .middle-story img,
  .homepage-editorial-grid > .middle-story .middle-placeholder {
    position: static !important;
    width: 100% !important;
    height: 225px !important;
    flex-basis: 225px !important;
  }
  .homepage-editorial-grid > .middle-story > div {
    position: static !important;
    padding: 14px 16px !important;
    text-shadow: none !important;
  }
  .homepage-editorial-grid > .middle-story h2 {
    color: #061d3b !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    -webkit-line-clamp: 4 !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .latest-news {
    height: auto !important;
    max-height: none !important;
    padding: 22px 0 !important;
    border-left: 0 !important;
  }
  .homepage-editorial-grid > .latest-news h2 { font-size: 36px !important; }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .traffic-widget {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }

  .selected-news-layout,
  .selected-news-side,
  .selected-news-bottom,
  .homepage-utility-row,
  .region-layout,
  .region-feature,
  .sport-grid,
  .inbeeld-grid,
  .inbeeld-top-grid,
  .inbeeld-feature-layout,
  .inbeeld-feature-layout.support-count-1,
  .inbeeld-feature-side,
  .recommended-grid,
  .cards,
  .category-top-grid,
  .category-cards,
  .newsletter-band,
  .contact-page,
  .footer-grid {
    grid-template-columns: 1fr !important;
  }
  .selected-news-hero,
  .inbeeld-feature { grid-column: auto !important; grid-row: auto !important; }
  .category-latest { grid-column: auto !important; }
  .section-heading,
  .sport-heading,
  .inbeeld-heading { align-items: flex-start !important; flex-direction: column !important; }
  .footer-grid > div:first-child { grid-column: auto !important; }

  body > main.article-detail-shell,
  body > main.article-shell {
    width: calc(100% - 36px) !important;
    max-width: none !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  body > main.article-detail-shell > .article-intro,
  body > main.article-detail-shell > .article-main-column { grid-column: 1 !important; }
  body > main.article-detail-shell .article-body,
  body > main.article-detail-shell .article-body p { max-width: none !important; }
  body > main.article-detail-shell > .news-article-sidebar {
    position: static !important;
    grid-column: 1 !important;
  }

  .eye4news-push-optin {
    left: 18px !important;
    right: 18px !important;
    justify-content: center;
  }
}

/* Compacte iPad-kaarten: paginabrede kleuren, maar geen uitgerekte inhoud. */
@media (min-width: 701px) and (max-width: 1180px),
       (min-width: 1181px) and (max-width: 1400px) and (any-pointer: coarse) {
  body > header .top,
  body > .live,
  .home-grid,
  .home-grid.homepage-example-grid,
  #meer-nieuws > .title,
  #meer-nieuws > .cards,
  .region-band > .section-heading,
  .region-band > .region-layout,
  .sport-inner,
  .inbeeld-inner,
  .recommended-inner,
  .advertisement-inner,
  .footer-grid,
  .footer-bottom,
  .selected-news-grid,
  .homepage-today-heading,
  .category-page {
    width: min(980px,calc(100% - 48px)) !important;
    max-width: 980px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .home-grid.homepage-example-grid > .homepage-editorial-grid,
  .home-grid.story-count-6 > .homepage-editorial-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .mosaic-lead,
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .latest-news,
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .traffic-widget {
    grid-column: 1 / -1 !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .middle-story:nth-child(n),
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(n) {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .homepage-editorial-grid > .middle-story,
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(n) {
    min-height: 0 !important;
    height: auto !important;
  }
  .homepage-editorial-grid > .middle-story img,
  .homepage-editorial-grid > .middle-story .middle-placeholder,
  .cards img,
  .category-cards img,
  .recommended-grid img,
  .selected-news-card img,
  .inbeeld-card img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 2;
    object-fit: cover !important;
  }
  .homepage-editorial-grid > .middle-story img,
  .homepage-editorial-grid > .middle-story .middle-placeholder {
    flex-basis: auto !important;
  }

  .cards,
  .category-cards,
  .recommended-grid,
  .selected-news-side,
  .selected-news-bottom,
  .inbeeld-top-grid,
  .inbeeld-side-grid,
  .inbeeld-feature-side,
  .sport-grid,
  .sport-grid.sport-count-2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  body > main.article-detail-shell,
  body > main.article-shell {
    width: min(860px,calc(100% - 48px)) !important;
    max-width: 860px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Artikel links, alle deel-/serviceblokken in de rechterzijbalk. */
  body > main.article-detail-shell {
    width: min(1040px,calc(100% - 32px)) !important;
    max-width: 1040px !important;
    grid-template-columns: minmax(0,1fr) 210px !important;
    gap: 20px !important;
  }
  body > main.article-detail-shell > .article-intro {
    grid-column: 1 / -1 !important;
  }
  body > main.article-detail-shell > article.article-page,
  body > main.article-detail-shell > .article-main-column {
    grid-column: 1 !important;
    min-width: 0 !important;
  }
  body > main.article-detail-shell > .news-article-sidebar {
    position: sticky !important;
    top: 18px !important;
    grid-column: 2 !important;
    min-width: 0 !important;
  }
}

/* iPad staand en liggend: behoud de redactionele krantenindeling van de desktop-homepage. */
@media (min-width: 701px) and (max-width: 1180px),
       (min-width: 1181px) and (max-width: 1400px) and (any-pointer: coarse) {
  .home-grid.homepage-example-grid {
    display: block !important;
    width: min(980px,calc(100% - 24px)) !important;
    max-width: 980px !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid {
    display: grid !important;
    grid-template-columns: repeat(12,minmax(0,1fr)) !important;
    grid-template-rows: minmax(480px,65vw) minmax(270px,38vw) auto !important;
    gap: 12px !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .mosaic-lead {
    grid-column: 1 / 7 !important;
    grid-row: 1 !important;
    height: 100% !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .middle-story:nth-child(2) {
    grid-column: 7 / 10 !important;
    grid-row: 1 !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .latest-news {
    grid-column: 10 / 13 !important;
    grid-row: 1 !important;
    height: 100% !important;
    padding: 0 0 0 12px !important;
    border-left: 1px solid #dce3ea !important;
  }
  .home-grid.homepage-example-grid > .homepage-editorial-grid > .traffic-widget {
    grid-column: 1 / 13 !important;
    grid-row: 3 !important;
  }

  .home-grid.story-count-3 > .homepage-editorial-grid > .middle-story:nth-child(3) {
    grid-column: 1 / 13 !important;
    grid-row: 2 !important;
  }
  .home-grid.story-count-4 > .homepage-editorial-grid > .mosaic-lead {
    grid-column: 1 / 10 !important;
  }
  .home-grid.story-count-4 > .homepage-editorial-grid > .latest-news {
    grid-column: 10 / 13 !important;
  }
  .home-grid.story-count-4 > .homepage-editorial-grid > .middle-story:nth-child(2) {
    grid-column: 1 / 5 !important;
    grid-row: 2 !important;
  }
  .home-grid.story-count-4 > .homepage-editorial-grid > .middle-story:nth-child(3) {
    grid-column: 5 / 9 !important;
    grid-row: 2 !important;
  }
  .home-grid.story-count-4 > .homepage-editorial-grid > .middle-story:nth-child(4) {
    grid-column: 9 / 13 !important;
    grid-row: 2 !important;
  }
  .home-grid.story-count-5 > .homepage-editorial-grid > .middle-story:nth-child(3) {
    grid-column: 1 / 5 !important;
    grid-row: 2 !important;
  }
  .home-grid.story-count-5 > .homepage-editorial-grid > .middle-story:nth-child(4) {
    grid-column: 5 / 9 !important;
    grid-row: 2 !important;
  }
  .home-grid.story-count-5 > .homepage-editorial-grid > .middle-story:nth-child(5) {
    grid-column: 9 / 13 !important;
    grid-row: 2 !important;
  }

  .home-grid.story-count-6 > .homepage-editorial-grid {
    grid-template-rows: minmax(230px,32vw) minmax(230px,32vw) minmax(270px,38vw) auto !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .mosaic-lead {
    grid-column: 1 / 7 !important;
    grid-row: 1 / 3 !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(2) {
    grid-column: 7 / 10 !important;
    grid-row: 1 !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(3) {
    grid-column: 7 / 10 !important;
    grid-row: 2 !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .latest-news {
    grid-column: 10 / 13 !important;
    grid-row: 1 / 3 !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(4) {
    grid-column: 1 / 5 !important;
    grid-row: 3 !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(5) {
    grid-column: 5 / 9 !important;
    grid-row: 3 !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .middle-story:nth-child(6) {
    grid-column: 9 / 13 !important;
    grid-row: 3 !important;
  }
  .home-grid.story-count-6 > .homepage-editorial-grid > .traffic-widget {
    grid-row: 4 !important;
  }

  .homepage-editorial-grid > .middle-story {
    height: 100% !important;
    min-height: 0 !important;
  }
  .homepage-editorial-grid > .middle-story img,
  .homepage-editorial-grid > .middle-story .middle-placeholder {
    height: 64% !important;
    min-height: 0 !important;
    flex-basis: 64% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
  }
  .homepage-editorial-grid > .middle-story > div {
    padding: 10px 12px !important;
  }
  .homepage-editorial-grid > .middle-story h2 {
    font-size: clamp(13px,1.8vw,18px) !important;
    line-height: 1.1 !important;
  }
  .homepage-editorial-grid > .mosaic-lead .lead h1 {
    font-size: clamp(28px,4.5vw,44px) !important;
  }
  .homepage-editorial-grid > .latest-news h2 {
    padding: 10px 0 12px !important;
    font-size: clamp(25px,4vw,36px) !important;
  }
  .homepage-editorial-grid > .latest-news > a:not(.all-news) {
    grid-template-columns: 44px minmax(0,1fr) !important;
    gap: 5px !important;
    padding: 6px 0 !important;
  }
  .homepage-editorial-grid > .latest-news > a:not(.all-news) > time,
  .homepage-editorial-grid > .latest-news > a:not(.all-news) > strong {
    font-size: clamp(11px,1.55vw,14px) !important;
  }
  .homepage-editorial-grid > .latest-news > .all-news {
    margin-top: 8px !important;
    padding: 12px 6px !important;
    font-size: 12px !important;
  }
}

/* Definitieve iPad-homepage: laptopopbouw, na alle algemene tabletregels. */
@media (min-width: 701px) and (max-width: 1180px),
       (min-width: 1181px) and (max-width: 1400px) and (any-pointer: coarse) {
  body:has(.home-grid.homepage-example-grid) .home-grid,
  body:has(.home-grid.homepage-example-grid) .home-grid.homepage-example-grid,
  body:has(.home-grid.homepage-example-grid) .homepage-today-heading,
  body:has(.home-grid.homepage-example-grid) .selected-news-grid,
  body:has(.home-grid.homepage-example-grid) #meer-nieuws > .title,
  body:has(.home-grid.homepage-example-grid) #meer-nieuws > .cards,
  body:has(.home-grid.homepage-example-grid) .region-band > .section-heading,
  body:has(.home-grid.homepage-example-grid) .region-band > .region-layout,
  body:has(.home-grid.homepage-example-grid) .sport-inner,
  body:has(.home-grid.homepage-example-grid) .inbeeld-inner,
  body:has(.home-grid.homepage-example-grid) .recommended-inner,
  body:has(.home-grid.homepage-example-grid) .advertisement-inner,
  body:has(.home-grid.homepage-example-grid) .footer-grid,
  body:has(.home-grid.homepage-example-grid) .footer-bottom {
    width: min(1180px,calc(100% - 24px)) !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  body:has(.home-grid.homepage-example-grid) .selected-news-layout {
    grid-template-columns: minmax(145px,.8fr) minmax(0,2fr) minmax(145px,.8fr) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .selected-news-side {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .selected-news-hero {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: clamp(400px,55vw,570px) !important;
  }
  body:has(.home-grid.homepage-example-grid) .selected-news-bottom {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .selected-news-card h3 {
    font-size: clamp(13px,1.75vw,20px) !important;
  }
  body:has(.home-grid.homepage-example-grid) .selected-news-hero h2 {
    font-size: clamp(25px,4vw,42px) !important;
  }

  body:has(.home-grid.homepage-example-grid) .homepage-utility-row {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .region-layout {
    grid-template-columns: minmax(0,1.15fr) minmax(240px,.95fr) !important;
    gap: 14px !important;
  }
  body:has(.home-grid.homepage-example-grid) .region-layout.single {
    grid-template-columns: 1fr !important;
  }
  body:has(.home-grid.homepage-example-grid) .region-feature {
    grid-template-columns: minmax(0,55%) minmax(0,1fr) !important;
  }
  body:has(.home-grid.homepage-example-grid) .region-feature > div {
    padding: clamp(14px,2vw,26px) !important;
  }
  body:has(.home-grid.homepage-example-grid) .region-feature h3 {
    font-size: clamp(18px,2.5vw,30px) !important;
  }

  body:has(.home-grid.homepage-example-grid) .sport-grid {
    grid-template-columns: minmax(0,1.7fr) minmax(0,.9fr) minmax(0,.9fr) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .sport-grid.sport-count-1 {
    grid-template-columns: 1fr !important;
  }
  body:has(.home-grid.homepage-example-grid) .sport-grid.sport-count-2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  body:has(.home-grid.homepage-example-grid) .inbeeld-grid {
    grid-template-columns: minmax(0,2fr) minmax(220px,1fr) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-grid.single {
    grid-template-columns: 1fr !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-top-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-top-grid.count-1 {
    grid-template-columns: 1fr !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-top-grid.count-2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-top-grid.count-3 {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-feature-layout {
    grid-template-columns: minmax(145px,.8fr) minmax(0,2fr) minmax(145px,.8fr) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-feature-layout.support-count-0 {
    grid-template-columns: 1fr !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-feature-layout.support-count-1 {
    grid-template-columns: minmax(145px,.8fr) minmax(0,2fr) !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-feature {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-height: clamp(400px,55vw,570px) !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-feature-layout.support-count-0 .inbeeld-feature {
    grid-column: 1 !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-feature-side {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .inbeeld-card-copy h3,
  body:has(.home-grid.homepage-example-grid) .inbeeld-side h3 {
    font-size: clamp(13px,1.7vw,19px) !important;
  }

  body:has(.home-grid.homepage-example-grid) #meer-nieuws > .cards {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 14px !important;
  }
  body:has(.home-grid.homepage-example-grid) .recommended-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 12px !important;
  }
  body:has(.home-grid.homepage-example-grid) .recommended-grid > a {
    min-height: clamp(250px,32vw,360px) !important;
  }
  body:has(.home-grid.homepage-example-grid) .recommended-grid h3 {
    font-size: clamp(14px,1.8vw,19px) !important;
  }
  body:has(.home-grid.homepage-example-grid) .newsletter-band {
    grid-template-columns: 1fr auto !important;
    gap: 24px !important;
  }
  body:has(.home-grid.homepage-example-grid) .footer-grid {
    grid-template-columns: 1.7fr .8fr .8fr 1.2fr !important;
    gap: 24px !important;
  }
  body:has(.home-grid.homepage-example-grid) .section-heading,
  body:has(.home-grid.homepage-example-grid) .sport-heading,
  body:has(.home-grid.homepage-example-grid) .inbeeld-heading {
    align-items: flex-end !important;
    flex-direction: row !important;
  }
}