/* NAK-UT Layout V2 – nur Startseite, alle bestehenden Video- und Admin-Funktionen bleiben unveraendert. */
/* Stream bleibt ueber die volle Breite. Die Kacheln darunter sind ein einziges 3-Spalten-Raster. */
.layout.layout--single-player { display:block; }
.overview-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
  margin-top:16px;
}
/* Gottesdienste nimmt 2/3 ein, Termine 1/3. Unten drei gleich breite Angebote. */
.overview-grid > .schedule-card {grid-column:span 2;}
.overview-grid > .termine-card {grid-column:span 1;}
.overview-grid > .link-card {margin:0;width:100%;min-width:0;}

/* Flache Gottesdienst-Kachel wie in der bestaetigten Designvorschau V2. */
.overview-grid .schedule-card {
  height:auto;
  min-height:118px;
  padding:15px 19px 12px;
  border-radius:14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.22fr);
  grid-template-areas:"heading services" "note note";
  align-items:center;
  column-gap:18px;
  row-gap:3px;
}
.overview-grid .schedule-heading {grid-area:heading;display:flex;gap:11px;align-items:center;min-width:0;}
.overview-grid .schedule-icon {width:39px;height:39px;flex:0 0 39px;margin:0;border-radius:11px;}
.overview-grid .card-eyebrow {font-size:10px;letter-spacing:1.12px;margin:0 0 3px;line-height:1.2;}
.overview-grid .schedule-title {font-size:22px;line-height:1.15;margin:0;}
.overview-grid .schedule-services {
  grid-area:services;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  align-items:center;
}
.overview-grid .schedule-services .service-day {
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  border:0;
  border-left:1px solid #deebf3;
  padding:3px 0 3px 12px;
}
.overview-grid .schedule-services .service-day > span {font-size:13px;line-height:1.2;}
.overview-grid .schedule-services .service-day strong {font-size:16px;white-space:nowrap;line-height:1.2;}
.overview-grid .schedule-services .service-day .clock {font-size:11px;}
.overview-grid .schedule-note {
  grid-area:note;
  margin:5px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#607d92;
  font-size:11.5px;
  line-height:1.4;
}
.overview-grid .schedule-note a {text-underline-offset:2px;}
.overview-grid .termine-card {min-height:118px;}
.overview-grid .link-card {min-height:90px;padding:18px 20px;gap:13px;border-radius:14px;}
.overview-grid .link-title {font-size:15px;}
.overview-grid .link-desc {font-size:12px;}
.overview-grid .link-icon {width:52px;height:52px;flex:0 0 52px;}
.overview-grid .link-icon img {display:block;width:100%;height:100%;object-fit:contain;border-radius:10px;}
.overview-grid .iptv-icon {padding:0;overflow:hidden;background:transparent;}
.overview-grid .login-icon svg {width:29px;height:29px;color:#387fb9;stroke:currentColor;}
.overview-grid .link-card .link-arrow {font-size:22px;}

@media (max-width:1050px) {
  .overview-grid .link-card {padding:15px 12px;gap:10px;}
  .overview-grid .link-title {font-size:13px;}
  .overview-grid .link-desc {font-size:11px;}
}
@media (max-width:920px) {
  .overview-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
  .overview-grid > .schedule-card {grid-column:span 2;}
  .overview-grid > .termine-card {grid-column:span 1;}
  .overview-grid > .link-card:last-child {grid-column:span 2;}
}
@media (max-width:650px) {
  .overview-grid {grid-template-columns:minmax(0,1fr);gap:12px;margin-top:13px;}
  .overview-grid > .schedule-card,
  .overview-grid > .termine-card,
  .overview-grid > .link-card:last-child {grid-column:auto;}
  .overview-grid .schedule-card {
    grid-template-columns:1fr;
    grid-template-areas:"heading" "services" "note";
    gap:11px;
    padding:18px;
    min-height:0;
  }
  .overview-grid .schedule-services {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .overview-grid .schedule-services .service-day {padding-left:12px;}
  .overview-grid .termine-card,.overview-grid .link-card {min-height:78px;padding:15px 16px;}
  .overview-grid .link-title {font-size:15px;}
  .overview-grid .link-desc {font-size:12px;}
  .overview-grid .schedule-note {margin-top:0;}
}
@media (max-width:350px) {
  .overview-grid .schedule-services .service-day strong {font-size:14px;}
  .overview-grid .schedule-services .service-day {padding-left:9px;}
}