/* ===============================
   Spiel-Übersicht – Komplett-CSS (kompakt)
   =============================== */

/* ---- Design-Variablen ---- */
:root {
  --wrap-max: 90%;
  --gap-xl: 32px;
  --gap-lg: 24px;
  --gap-md: 16px;
  --gap-sm: 10px;
  --pad-lg: 16px;
  --pad-md: 12px;
  --pad-sm: 10px;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --shadow: 0 2px 10px rgba(0,0,0,.06);

  --bg-page: #fff;
  --bg-soft: #f7f7f7;
  --text: #111;
  --text-dim: #666;
  --brand: #2d9156; /* Badge-Farbe */
}

/* ---- Tabellen Highlight (TablePress) ---- */
tr.highlight-team-muri,
tr.highlight-team-muri td { background-color: #ffdf91 !important; }

/* ---- Grundlayout ---- */
.inhalt-wrapper{
  display:flex;
  gap:var(--gap-xl);
  align-items:flex-start;
  justify-content:center;
  width:var(--wrap-max);
  margin:0 auto;
  padding:var(--gap-xl) 0;
  box-sizing:border-box;
}
.linke-spalte,.rechte-spalte{flex:0 0 50%;max-width:50%;min-width:0;}

/* Beitrag & Spielinfo links */
.neuester-beitrag{margin:0;padding:var(--pad-lg);background:var(--bg-page);}
.spielinfo-box{padding:var(--pad-lg);margin-top:var(--gap-lg);background:var(--bg-soft);}
.spielinfo-box img{max-width:160px;display:block;margin-bottom:var(--gap-sm);}

/* Rechte Spalte: einheitliche Box-Optik */
.rechte-spalte > *{
  background:var(--bg-page);
  margin-bottom:var(--gap-lg);
  padding:var(--pad-lg);
  box-sizing:border-box;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}

/* ---- Spielerkarussell (kompakt) ---- */
.player-marquee{width:100%;overflow:hidden;position:relative;background:var(--bg-page);padding:var(--pad-sm) 0;border-radius:var(--radius-lg);}
.player-marquee-track{display:flex;width:200%;animation:scroll-left 15s linear infinite;}
.player-marquee-content{display:flex;gap:var(--gap-sm);}
.player-card-full{flex:0 0 auto;width:240px;max-width:100%;background:var(--bg-page);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.08);font-family:sans-serif;display:flex;flex-direction:column;margin:0.4rem auto;}
.player-image img{width:100%;height:auto;display:block;object-fit:cover;}
.player-info{background:#d6b56b;color:#fff;display:flex;align-items:center;padding:0.6rem;min-height:58px;}
.player-number{font-size:1.1rem;font-weight:800;margin-right:0.6rem;flex-shrink:0;}
.player-text{flex:1;text-align:left;}
.player-name{font-size:.9rem;font-weight:800;text-transform:uppercase;line-height:1.05;}
.player-position{font-size:.78rem;opacity:.95;margin-top:2px;}
.player-sponsor{background:#f3f3f3;padding:.45rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;}
.player-sponsor .sponsor-label{font-size:.78rem;color:#333;font-weight:600;line-height:1.2;margin:0;}
.player-sponsor img{height:28px;max-width:64px;object-fit:contain;}
@keyframes scroll-left{0%{transform:translateX(0%);}100%{transform:translateX(-50%);}}

/* ---- Events-Liste (ECT) – sehr kompakt ---- */
.rechte-spalte #ect-events-list-content .ect-list-wrapper{background:transparent!important;padding:0!important;margin:0!important;}

.rechte-spalte .ect-list-post{
  display:flex!important;
  align-items:center!important;              /* mittig zur Badge-Höhe */
  gap:var(--gap-sm)!important;
  background:var(--bg-page)!important;
  border:none!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow)!important;
  padding:var(--pad-md)!important;           /* kleiner */
  margin:0 0 var(--gap-sm) 0!important;      /* dichter */
  min-height:auto!important;
}

/* Linke Seite (Datum-Badge) */
.rechte-spalte .ect-list-post-left{flex:0 0 auto!important;display:flex!important;align-items:center!important;}
.rechte-spalte .ect-list-img{
  width:60px!important;                      /* schmaler */
  height:78px!important;                     /* niedriger -> Karte wird flacher */
  background:none!important;background-image:none!important;
  border-radius:var(--radius-md)!important;
  overflow:hidden!important;position:relative!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important;
}
.rechte-spalte .ect-list-img>a{display:block!important;width:100%!important;height:100%!important;text-decoration:none!important;}
.rechte-spalte .ect-list-date{
  position:static!important;display:flex!important;width:100%!important;height:100%!important;
  align-items:center!important;justify-content:center!important;background:var(--brand)!important;color:#fff!important;
}
.rechte-spalte .ect-date-area{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;line-height:1!important;}
.rechte-spalte .ect-date-area .ev-day{font-size:22px!important;font-weight:900!important;}
.rechte-spalte .ect-date-area .ev-mo{font-size:11px!important;font-weight:800!important;text-transform:capitalize!important;}
.rechte-spalte .ect-date-area .ev-yr{font-size:11px!important;opacity:.95!important;}

/* Rechte Seite (Text) */
.rechte-spalte .ect-list-post-right{flex:1 1 auto!important;display:flex!important;align-items:center!important;padding:0!important;}
.rechte-spalte .ect-list-post-right-table{width:100%!important;}
.rechte-spalte .ect-list-description{width:100%!important;}
.rechte-spalte .ect-list-title{font-size:16px!important;line-height:1.2!important;margin:0 0 2px 0!important;}
.rechte-spalte .ect-list-title a{color:var(--text)!important;text-decoration:none!important;}
.rechte-spalte .ect-event-content{margin:0!important;}
.rechte-spalte .ect-event-content p{margin:0!important;color:var(--text-dim)!important;line-height:1.25!important;font-size:13px!important;}

/* Optional: Teaser auf 2 Zeilen begrenzen (Kommentar entfernen, wenn gewünscht) */
/*
.rechte-spalte .ect-event-content p{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
*/

/* "Find out more" ausblenden */
.rechte-spalte .ect-events-read-more{display:none!important;}

/* TablePress minimal dichter */
.rechte-spalte .tablepress{border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;}
.rechte-spalte .tablepress th,.rechte-spalte .tablepress td{padding:8px 10px;line-height:1.3;}

/* ---- Responsive ---- */
@media screen and (max-width:1024px){
  .inhalt-wrapper{flex-direction:column;gap:var(--gap-lg);padding:var(--gap-lg);width:100%;}
  .linke-spalte,.rechte-spalte{flex:100%;max-width:100%;}
}
@media (max-width:600px){
  .rechte-spalte .ect-list-post{gap:8px!important;padding:var(--pad-sm)!important;}
  .rechte-spalte .ect-list-img{width:54px!important;height:70px!important;}
  .rechte-spalte .ect-list-title{font-size:15px!important;margin-bottom:2px!important;}
  .player-card-full{width:220px;}
}

/* Spielinfo  */
.spielinfo-box {
  width: 100%;                        /* volle Spaltenbreite */
  max-width: 100%;
  background: var(--bg-page);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  margin: 0;                           /* bündig nach oben */
  text-align: left;                    /* Text linksbündig */
  line-height: 1.6;                    /* größerer Zeilenabstand */
  box-sizing: border-box;
}

.spielinfo-box h2 {
 font-family: var(--theme-font-family);
  font-weight: 700;
  font-size: 20px;                  /* kleiner als die 35px vom Theme */
  line-height: 1.3;                 /* etwas dichter */
  letter-spacing: var(--theme-letter-spacing);
  text-transform: var(--theme-text-transform);
  text-decoration: var(--theme-text-decoration);
  color: var(--theme-headings-color);

  margin: 0 0 var(--gap-sm) 0;      /* sauberer Abstand nach unten */
  padding: 0;                       /* keine Extra-Paddingbars */
  border: none;
}

.spielinfo-box img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  padding: 0.6rem;
  box-sizing: border-box;
}

.spielinfo-box p {
  margin: 0.4rem 0;
  font-size: 0.95rem;
  color: var(--text-dim);
}

.spielinfo-box strong {
  color: var(--text);
}

.spielinfo-box a {
  color: var(--brand);
  text-decoration: none;
  font-weight: 600;
}

.spielinfo-box a:hover {
  text-decoration: underline;
}

/* Desktop normal lassen */
#tablepress-1 { table-layout: fixed; width: 100%; }

/* TablePress – Basis-Fixes */
#tablepress-1_wrapper,
#tablepress-1 {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

#tablepress-1 {
  table-layout: auto !important;   /* flexibles Layout */
  border-collapse: collapse;
}

/* Colgroup-Widths vom Plugin killen */
#tablepress-1 col { width: auto !important; }

/* Zellen umbrechen statt die Box zu sprengen */
#tablepress-1 th,
#tablepress-1 td {
  white-space: normal !important;
  word-break: break-word;
}

/* Caption (Bearbeiten-Link) unauffällig oder ausblenden */
#tablepress-1_wrapper caption {
  caption-side: bottom;
  text-align: left;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 12px;
  color: var(--text-dim);
}

/* Highlight-Zeile */
#tablepress-1 tr.highlight-team-muri,
#tablepress-1 tr.highlight-team-muri td {
  background-color: #ffdf91 !important;
}

/* Optional: horizontales Scrollen als Fallback */
#tablepress-1_wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Mobile-Optimierung */
@media (max-width: 700px){
  /* Spalten ausblenden: Spiele, S, U, N, T+, T-, T(+/-) */
  #tablepress-1 th:nth-child(3),
  #tablepress-1 td:nth-child(3),
  #tablepress-1 th:nth-child(5),
  #tablepress-1 td:nth-child(5),
  #tablepress-1 th:nth-child(6),
  #tablepress-1 td:nth-child(6),
  #tablepress-1 th:nth-child(7),
  #tablepress-1 td:nth-child(7),
  #tablepress-1 th:nth-child(8),
  #tablepress-1 td:nth-child(8),
  #tablepress-1 th:nth-child(9),
  #tablepress-1 td:nth-child(9),
  #tablepress-1 th:nth-child(10),
  #tablepress-1 td:nth-child(10){
    display: none !important;
  }

  /* Typo & Spacing kompakter */
  #tablepress-1 th, 
  #tablepress-1 td{
    padding: 8px 10px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  /* Team-Spalte darf umbrechen */
  #tablepress-1 td:nth-child(2), 
  #tablepress-1 th:nth-child(2){
    white-space: normal !important;
    word-break: break-word !important;
  }

  /* Sticky Header */
  #tablepress-1 thead th{
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bg-page);
  }
}

/* Header-Anpassung */
#tablepress-1 thead th:nth-child(1) {
  font-size: 0;              /* Titel unsichtbar machen */
  padding: 0 !important;
}

#tablepress-1 thead th:nth-child(4)::after {
  content: "P";              /* statt "Punkte" */
  font-size: 14px;           /* gleiche Größe wie normal */
  font-weight: 700;
  display: block;
}

#tablepress-1 thead th:nth-child(4) span.dt-column-title {
  display: none;             /* Original-Text "Punkte" ausblenden */
}


.ct-header-trigger.ct-toggle {
  display: none !important;
}

/* Events – Cards in einer sauberen Liste */
.events-cards { margin: 0 0 var(--gap-lg) 0; }
.events-cards > h2 { margin: 0 0 var(--gap-sm) 0; }

.event-card{
  background: var(--bg-page);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: var(--pad-lg);
  margin: 0 0 var(--gap-sm) 0;
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: var(--gap-md);
  align-items: center;
}

.event-date{
  width: 64px; height: 78px;
  border-radius: var(--radius-md);
  background: var(--brand);
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
  line-height: 1;
  flex-direction: column;
  gap: 2px;
}
.event-date .day  { font-size: 22px; font-weight: 900; }
.event-date .month{ font-size: 11px; font-weight: 800; text-transform: capitalize; }

.event-title{
  margin: 0 0 2px 0;
  font-size: 16px;           /* kleiner Titel */
  line-height: 1.2;
  color: var(--text);
}
.event-meta{
  margin: 0;
  font-size: 13px;
  line-height: 1.25;
  color: var(--text-dim);
}
.event-meta .sep{ margin: 0 .35em; opacity: .7; }

/* Responsive Feinschliff */
@media (max-width: 600px){
  .event-card{ padding: var(--pad-md); }
  .event-title{ font-size: 15px; }
}