/* Äußerer Container */
.stats-table {
    position: relative;
    overflow: hidden; /* Verhindert, dass Elemente außerhalb sichtbar sind */
    justify-content: center; /* Zentriert die Tabellen horizontal */
    padding: 20px; /* Optional: Innenabstand */
    border: 1px solid #6EC1E4; /* Optional: Rahmen */
    border-radius: 5px; /* Optional: Abgerundete Ecken */
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
    height: 100px; /* Sichtbare Höhe des äußeren Containers */
}

/* Innerer Container für scrollbaren Inhalt */
.stats-content {
    position: relative;
    /*overflow: hidden; /* Begrenze den Inhalt innerhalb dieses Containers */
    height: 100%; /* Der innere Container bleibt innerhalb des äußeren Containers */
}

/* Jede einzelne Sektion */
.stats-section {
    flex: 1; /* Gleiche Breite für beide Tabellen */
    max-width: 100%; /* Maximal 50% der Breite für jede Tabelle */
}

/* Überschriften */
.stats-table h3 {
    font-size: 22px;
    font-weight: bold;
    color: #6EC1E4;
    margin: 0 0 0 0;
    text-align: left; /* Zentriert die Überschrift */
}

/* Tabellen */
.stats-section table {
    background-color: transparent;
    border-collapse: collapse;
    width: 100%; /* Tabelle füllt den Bereich der Sektion aus */
}

/* Gesamte Tabelle */
.stats-section table td {
    background-color: transparent; /* Transparente Zellen */
    text-align: left;
    border: 1px solid rgba(221, 221, 221, 0.1); /* Halbtransparenter Rahmen */
    font-size: 20px;
	font-weight: bold;
	padding: 0 10px 0 10px
}

/* Linke Spalte */
.stats-section td:first-child {
    text-align: left; /* Linksbündig für den Text */
    color: #fff;
    border: none; /* Unsichtbarer Rand */
}

/* Rechte Spalte */
.stats-section td:last-child {
    text-align: right; /* Rechtsbündig für die Zahlen */
    color: #fff;
    border: none; /* Unsichtbarer Rand */
}

/* Separator */
.stats-section hr {
    border: none;
    border-top: 1px solid #6EC1E4;
    max-width: 30%;
    margin: left; /*0px auto; /* Zentriert den Separator */
    margin-bottom: 10px; /* Abstand oberhalb der Tabelle */
}

/* Animation für den scrollbaren Inhalt */
.stats-content {
    position: relative;
    transform: translateY(0); /* Startposition für das Scrollen */
    transition: transform 0.1s linear; /* Glatter Übergang */
}