@font-face {
    font-family: eFootball;
    src: url(eFootballStencil-Regular.ttf);
}


body {
    font-family: 'Open Sans', sans-serif;
    background-color: rgb(68, 63, 67);
    padding-left: 50px;
    padding-right: 50px;

}



/* Styling für Tabelle1 */

.flex {
    margin-top: 20px;
}

.rounded {
    width: 80%;
    margin: 0 auto;
    font-size: 25px;
    border-collapse: collapse;
    background-color: #DBD7CB;
    /* Hintergrundfarbe der Tabelle */
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    /* Schatten */
    border-radius: 20px;
    /* Umrandung der Tabelle */
}

.text-center,
.px-6 {
    padding: 25px 25px;
    text-align: left;
    
}
.px-6 {
    color: white;
    box-shadow: 0 3px 6px #00000030;
    background-color: #222A2A;
}
.px-6 th:nth-child(1),
.text-center th:nth-child(1) {
    min-width: 2px;
    max-width: 2px;
}
.px-6:first-child {
    border-radius: 20px 0 0 0;
}
.px-6:last-child {
    border-radius: 0 20px 0 0;
}
.font-semibold:nth-child(even),
.bg-purple-50:nth-child(even),
.bg-purple-100:nth-child(even) {
    background-color: #8B8B7F;
}

/* Styling Logo oben links */
.sivasli {
    width: 50%;
    margin-left: 20px;
}

/* Styling Überschrift */
.text-titel {
    text-align: center;
}

.text-h1 {
    font-family: eFootball, sans-serif;

}

.headline {
    font-family: efootball, sans-serif;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
}

.headline-a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.socials {
    color: black;
    text-decoration: none;
    margin-left: 16px;
    font-weight: bold;
}

.spielplan {
    color: black;
    text-decoration: underline;
    font-weight: bold;
    font-size: 20px;
}



a:hover {
    text-decoration: underline;
}

/* Styling für die Buttons */
.buttonDivision1,
.buttonDivision2 {
    padding: 10px 25px;
    font-size: 15px;
    color: black;
    background-color: royalblue;
    margin-top: 40px;
    border: none;
    cursor: pointer;
}

.buttonDivision1.active,
.buttonDivision2.active {
    background-color: #FFC1C1;
}

.buttonDivision1 {
    margin-right: 25px;
}

/* Styling des Button Containers */
.button-container {
    border-bottom: 1px solid white;
    padding: 1em 0;
    max-width: 90px;
}

.TabellenText {
    text-align: center;
    font-size: 50px;
}

/* Styling für das Trophy Bild */
.trophy {
    width: 30px;
    height: 30px;
    margin-top: 10px;

}
.footer {
    text-align: center;
    margin-top: 150px;
}