/* ==========================================================================
   wt-turnier.css  -  Turnierreisen overview, on top of wt-hotel-v2.css + wt-page.css
   Only the featured trip layout (one large card, two horizontal cards).
   ========================================================================== */
#content .tr-bento{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;margin-top:32px}
#content a.tr-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dde8ee;border-radius:4px;overflow:hidden;box-shadow:0 20px 40px -26px rgba(0,60,90,.35);text-decoration:none;color:inherit;transition:box-shadow .18s ease,transform .18s ease}
#content a.tr-card:hover{transform:translateY(-3px);box-shadow:0 26px 44px -26px rgba(0,60,90,.5)}
#content a.tr-card:focus-visible{outline:2px solid #00a0e1;outline-offset:3px}
#content .tr-card--big{grid-row:1 / span 2}
#content .tr-card img{display:block;width:100%;height:auto;object-fit:cover}
#content .tr-card--big img{aspect-ratio:4/3;flex:none}
#content a.tr-card.tr-card--row{display:grid;grid-template-columns:42% minmax(0,1fr)}
#content .tr-card--row img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
#content .tr-card__body{padding:22px 24px 24px;display:flex;flex-direction:column;justify-content:center}
#content .tr-card--big .tr-card__body{flex:1;justify-content:flex-start}
#content .tr-card__body .ps-h3{margin-bottom:6px}
#content .tr-card__body p{font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
#content .tr-card--big .tr-card__body .ps-h3{font-size:26px}
@media(max-width:900px){
  #content .tr-bento{grid-template-columns:minmax(0,1fr)}
  #content .tr-card--big{grid-row:auto}
}
@media(max-width:600px){
  #content a.tr-card.tr-card--row{display:flex;flex-direction:column}
  #content .tr-card--row img{width:100%;height:auto;aspect-ratio:3/2}
  #content .tr-card__body{padding:20px 20px 22px}
}
@media(prefers-reduced-motion:reduce){#content a.tr-card{transition:none}#content a.tr-card:hover{transform:none}}
