body {
    /*background-image: url('../../race/img/bg-gbt-2025-lq.jpg');*/
    /*background-image: url('../../race/bg-body-lq.jpg');*/
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.4) 50%), url('/assets/img/bg_laser.jpg');
    /*background-color: #000;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow-y: scroll;
    padding-left: 15px;
    padding-right: 15px;
}

h4 {
    text-align: center;
}

#wrapper, .container {
    z-index: 10;
}
.container {
    padding: 0;
}

table.games, table.bilanz-einzel { 
    border: 0; 
}

table.bilanz-team {
    margin-top: 15px;
}

td { 
    padding: 2px 20px 2px 0; 
}
.container { 
    max-width: 1300px; 
}
button.load-stats { 
    margin: auto; display: block; padding: 6px 30px; 
}
span.winsA { 
    margin-left: 15px; 
}
span.winsB { 
    
}
tr.teamB { 
    color: orange; 
}
p.jugend { 
    margin: 0.5rem 0 0 0; 
}
.container a { 
    color: var(--bs-body-color); 
}
.container a:hover { 
    color: red; 
}
label.teamA, label.teamB { 
    padding-left: 5px; 
    font-weight: bold; 
}
label.teamA { 
    /*color: white;*/ 
}
label.teamB { 
    color: orange; 
}
.bilanzen .wrapper,
select, button {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

.bilanzen {
    padding-bottom: 20px;
}

@media (max-width: 580px) {
   .result .desktop { 
        display: none;  
   }
   .bilanz-team, .bilanz-einzel { 
        font-size: 90%; 
    }
}

@media (max-width: 768px) {
    #h2h .col-md-6 {
        padding-top: 1rem;
        border: none;
    }
    table.bilanz-team td.date {
        min-width: 100px;
        white-space: nowrap;
    }
}


/* neue Einzel-Bilanz */

.h2h-section {
    padding-top: 5px;
 }

/* Details & Summary Styling */
.bilanz-item {
    border: 1px solid #e0e0e0;
    margin-bottom: 12px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.bilanz-item[open] {
    border-color: #ddd;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.bilanz-header {
    padding: 15px 20px;
    cursor: pointer;
    background-color: #3a3a3a;
    display: flex;
    align-items: center;
    list-style: none; /* Entfernt Standard-Pfeil in Chrome/Firefox */
}

.bilanz-header::-webkit-details-marker {
    display: none; /* Entfernt Standard-Pfeil in Safari */
}

.bilanz-header:hover {
    background: var(--bs-body-bg);
}

.players {
    font-size: 1.1em;
    font-weight: 500;
    min-width: 300px;
}

.players .vs {
    color: #95a5a6;
    margin: 0 10px;
    font-size: 0.9em;
}

.score {
    background: var(--bs-body-color);
    color: var(--bs-body-bg);
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: bold;
    font-variant-numeric: tabular-nums;
    margin-left: 10px;
}

.team.score {
    margin-left: 25px;
}

.toggle-icon {
    margin-left: auto;
    color: orange;
    transition: transform 0.3s ease;
    font-size: 0.8em;
    transform: rotate(270deg);
}

.bilanz-item[open] .toggle-icon {
    transform: rotate(360deg);
}

/* Tabellen Styling */
.bilanz-content {
    padding: 0 20px 20px 20px;
    background: #fff;
}

.games-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
    font-size: 0.95em;
}

.games-table th {
    text-align: left;
    background: #f8f9fa;
    color: #7f8c8d;
    font-weight: 600;
    padding: 10px;
    border-bottom: 2px solid #eee;
}

.games-table td {
    padding: 6px 10px;
    border-bottom: 1px solid #555;
}

@media (max-width: 768px) {
.players {
    min-width: 170px;    
}

/*
* Head-to-Head (old)
*/
/*
.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffe69c;
  --bs-alert-link-color: #664d03;
}

.alert-warning a,
.alert-secondary a {
  color: black;
}
.alert-warning a:hover,
.alert-secondary a:hover {
  color: red;
}

.alert-secondary {
  --bs-alert-color: #2b2f32;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #c4c8cb;
  --bs-alert-link-color: #2b2f32;
}

@media (max-width: 768px) {
    #h2h .col-md-6 {
      padding-top: 1rem;
      border-top: 2px solid white;
    }
}
@media (max-width: 768px) {
    #h2h .col-md-6.men {
      margin-top: 1rem;
    }
}
*/