/* --- Hauptcontainer wie Radio-Felix --- */
.wm-wrapper {
    background-color: #f5f0e6;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 10px;
    text-align: center;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
}

.wm-wrapper h1 {
    text-align: center;
    margin: 20px 0;
}

/* --- Grundlayout --- */
body {
    font-family: Arial, sans-serif;
    background: #f4f4f4;
    margin: 0;
    padding: 0;
}

h1 {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* --- Tabellenlayout --- */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
    background: white;
    table-layout: fixed;
}

.standings-table {
    width: 100%;
    display: table;
}

/* Tabellenkopf */
th {
    background: #333;
    color: white;
    border: 1px solid #ccc;
    padding: 8px 12px;
    font-size: 22px;
}

/* Tabellenzellen */
td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
}

/* Teamnamen-Spalte */
td:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 26px;
}

/* Punkte-Spalte größer */
td:last-child {
    font-size: 26px;
}

/* Zebra-Streifen */
.standings-table tr:nth-child(even) {
    background: #f0f0f0;
}

/* Live-Spiel Hervorhebung */
tr.live {
    background-color: #ffe082 !important;
}

/* --- LIVE-TICKER BOX --- */
.live-box {
    padding: 20px;
    background: #ffe082;
    border-radius: 12px;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
}

.live-title {
    font-size: 34px;
    font-weight: bold;
}

.live-teams {
    font-size: 40px;
    margin-top: 10px;
}

.live-score {
    font-size: 46px;
    margin-top: 10px;
    font-weight: bold;
}

/* --- ENDSTAND BOX --- */
.end-box {
    padding: 20px;
    background: #c8ffc8;
    border-radius: 12px;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
}

.end-title {
    font-size: 34px;
    font-weight: bold;
}

.end-teams {
    font-size: 40px;
    margin-top: 10px;
}

.end-score {
    font-size: 46px;
    margin-top: 10px;
    font-weight: bold;
}

/* --- NÄCHSTES SPIEL BOX --- */
.next-box {
    padding: 20px;
    background: #d0e8ff;
    border-radius: 12px;
    text-align: center;
    margin-top: 20px;
    box-shadow: 0 0 12px rgba(0,0,0,0.15);
}

.next-title {
    font-size: 30px;
    font-weight: bold;
}

.next-teams {
    font-size: 40px;
    margin-top: 10px;
}

.next-count {
    font-size: 26px;
    margin-top: 10px;
    color: #333;
}

/* --- MOBILE OPTIMIERUNG --- */
@media (max-width: 900px) {
    th, td {
        font-size: 18px;
    }

    td:first-child,
    td:last-child {
        font-size: 20px;
    }

    .live-title,
    .end-title,
    .next-title {
        font-size: 26px;
    }

    .live-teams,
    .end-teams,
    .next-teams {
        font-size: 30px;
    }

    .live-score,
    .end-score {
        font-size: 34px;
    }
}

.live-score-small {
    font-size: 26px;
    font-weight: 900;
    margin-top: 25px;
}