/* ==========================================================================
   wt-highlights.css  -  Highlights overview, on top of wt-hotel-v2.css + wt-page.css
   Featured layout (one large card, four smaller) and desktop/mobile link pairs.
   ========================================================================== */
#content .hl-bento{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:32px}
#content a.ps-card.hl-big{grid-row:1 / span 2}
#content a.ps-card.hl-big .ps-card__img{aspect-ratio:4/3;flex:none}
#content a.ps-card.hl-big .ps-card__body{flex:1}
#content a.ps-card.hl-big .ps-h3{font-size:26px}
#content .hl-bento .ps-card__body p{font-size:15px}
/* wide card below the bento (a sixth highlight would leave empty cells) */
#content a.ps-card.hl-wide{grid-column:1 / -1;flex-direction:row}
#content a.ps-card.hl-wide .ps-card__img{width:44%;flex:none;height:auto;aspect-ratio:auto;object-fit:cover}
#content a.ps-card.hl-wide .ps-card__body{flex:1;align-self:center;padding:28px 32px}

/* date + link pairs: one link per viewport */
#content .hl-m{display:none !important}
#content .hl-link{font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#007cae;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;white-space:nowrap}
#content .hl-link:hover{color:#333}
#content .ps-table td.hl-date{font-family:'Oswald',sans-serif;font-weight:600;font-size:17px;letter-spacing:.3px;color:#333;white-space:nowrap}
#content .ps-table td.hl-go{text-align:right}

/* closing with two buttons */
#content .hl-note{margin-top:16px;font-size:15px;color:#666}

@media(max-width:900px){
  #content .hl-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  #content a.ps-card.hl-big{grid-row:auto;grid-column:1 / -1}
}
@media(max-width:767px){
  #content .hl-d{display:none !important}
  #content .hl-m{display:inline-block !important}
  #content a.ps-btn.hl-m{display:inline-flex !important}
}
@media(max-width:600px){
  #content .hl-bento{grid-template-columns:minmax(0,1fr)}
  #content a.ps-card.hl-wide{flex-direction:column}
  #content a.ps-card.hl-wide .ps-card__img{width:100%;aspect-ratio:3/2}
  #content a.ps-card.hl-wide .ps-card__body{padding:22px 24px 24px}
}
@media(max-width:600px){
  #content .ps-table.hl-termine{min-width:0}
  #content .ps-table.hl-termine thead{display:none}
  #content .ps-table.hl-termine tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 16px;border-bottom:1px solid #e2e2e2}
  #content .ps-table.hl-termine tbody tr:last-child{border-bottom:0}
  #content .ps-table.hl-termine th[scope=row]{grid-column:1 / -1;border:0;padding:0}
  #content .ps-table.hl-termine td{border:0;padding:0}
  #content .ps-table.hl-termine td.hl-go{text-align:right;align-self:center}
}
