/* --- DESIGN-VERFEINERUNG FÜR TIPPSPIEL --- */
.auswahl {
    padding:5px 10px;
}

option {text-align:left;}
.text {font-weight:500;font-size:16px;}

/* 1. Einheitlicher Stil für primäre Buttons (z.B. "Tipps absenden") */
.btn-primary {
    background-color: #0e44c1;
    border-color: #0e44c1;
    font-weight: 600;
    transition: background-color 0.2s, border-color 0.2s; /* Sanfter Übergang */
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    /* Verwendung des dunkleren Blau auf Hover */
    background-color: #134d99 !important; 
    border-color: #134d99 !important;
}

/* 2. Spezifische Klasse für den Login-Button (Club-Farbe) */
.btn-club-primary {
    background-color: #0e44c1;
    color: #ffffff;
    border-color: #0e44c1;
    font-weight: 600;
    transition: background-color 0.2s, border-color 0.2s;
}
.btn-club-primary:hover, .btn-club-primary:focus, .btn-club-primary:active {
    background-color: #134d99 !important;
    border-color: #134d99 !important;
    color: #ffffff;
}

/* 3. Tabellen-Verfeinerung (für den späteren Content) */
.zcontent_main_table .tabelle thead th {
    background-color: #f1f1f1; 
    border-bottom: 2px solid #ddd;
    font-weight: 700;
    color: #333;
}
.zcontent_main_table .tabelle tbody tr:hover {
    background-color: #f8f9fa;
    cursor: default;
}
.zcontent_main_table .tabelle tbody td {
    border-right: 1px solid #eee;
}
.zcontent_main_table .tabelle tbody td:last-child {
    border-right: none;
}


/* --- ANPASSUNGEN FÜR DYNAMISCHEN TIPPSPIEL-CONTENT (Formular-Tabelle) --- */

/* 1. Allgemeine Tabellen-Modernisierung im Content-Bereich */
form#ftipp table {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    border-radius: 4px;
    overflow: hidden; 
}

/* 2. Tabellen-Kopfzeile (Paarungen/Ergebnisse) - ZENTRIERT & 16PX */
form#ftipp .titel {
    background-color: #f1f1f1 !important; 
    color: #333 !important;
    font-size: 16px !important; /* NEU: 16px */
    font-weight: 700 !important;
    padding: 8px 5px !important;
    /*border-bottom: 2px solid #ddd;*/
    height: 35px;
    vertical-align: middle;
    text-align: center !important; /* NEU: Zentriert */
}

/* 3. Datenzellen (Datum, Teamnamen, vs.) */
form#ftipp .text {
    padding: 10px 5px !important;
    border-bottom: 1px solid #eee; /* Dezente Trennlinie */
    vertical-align: middle;
    /* Basis-Alignment für alle Textzellen */
    text-align: left !important;
}

/* Spezifische Ausrichtung der Teamnamen und der "vs."-Spalte */

/* Spalte 2: Heimteam-Name (rechtsbündig) */
form#ftipp table tr td.text:nth-child(2) {
    text-align: right !important; 
    padding-right: 5px !important; /* Etwas enger an "vs." */
}

/* Spalte 3: "vs." (zentriert) */
form#ftipp table tr td.text:nth-child(3) {
    text-align: center !important;
    width: 20px; /* Macht die Spalte schmaler */
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Spalte 4: Gastteam-Name (linksbündig) */
form#ftipp table tr td.text:nth-child(4) {
    text-align: left !important;
    padding-left: 5px !important; /* Etwas enger an "vs." */
}

/* Spalte 5: Ergebnis-Dropdowns (zentriert) */
form#ftipp table tr td.text:nth-child(5) {
    text-align: center !important;
}


/* 4. Dropdown-Felder (`select.auswahl`) */
form#ftipp select.auswahl {
    width: 50px !important; 
    height: 30px; 
    text-align: center;
    padding: 0.25rem 0.25rem 0.25rem 0.25rem !important; 
    margin: 0;
    
    border: 1px solid #ced4da;
    border-radius: 0.25rem; 
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 12px 12px;
}

/* Korrektur des abgeschnittenen Login-Buttons */
form#ftipp input[type="button"].titel {
    /* Setzt eine Standardhöhe und Padding, die dem Button-Design entspricht */
    height: auto !important;
    line-height: 1.2 !important; 
    padding: 8px 15px !important; /* Vertikales Padding erhöhen, horizontales Padding */
    box-sizing: border-box; /* Stellt sicher, dass Padding zur Gesamtgröße gehört */
}

/* --- FOOTER LINK-ANPASSUNGEN --- */

/* Standardfarbe der Footer-Links auf Club-Blau setzen */
.footer a {
    color: #ffffff !important; /* Club-Blau */
    text-decoration: none;
}

/* Hover-Farbe der Footer-Links auf das dunklere Club-Blau setzen */
.footer a:hover {
    color: #0e44c1 !important; /* Dunkleres Blau beim Hover */
    text-decoration: underline;
}