.elementor-313 .elementor-element.elementor-element-24abf61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-313 .elementor-element.elementor-element-02b8e5e > .elementor-widget-container{margin:5rem 0rem 0rem 0rem;}.elementor-313 .elementor-element.elementor-element-02b8e5e .elementor-heading-title{color:#EA542A;}.elementor-313 .elementor-element.elementor-element-cd567f2 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;}.elementor-313 .elementor-element.elementor-element-cd567f2 .elementor-heading-title{color:#4F4D47;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-313 .elementor-element.elementor-element-b2ba533 .elementor-button{background-color:#EA542A;}.elementor-313 .elementor-element.elementor-element-b2ba533 .elementor-button:hover, .elementor-313 .elementor-element.elementor-element-b2ba533 .elementor-button:focus{background-color:#D44220;}.elementor-313 .elementor-element.elementor-element-204a301{--display:flex;}.elementor-313 .elementor-element.elementor-element-301d546 > .elementor-widget-container{margin:20px 0px 0px 0px;}/* Start custom CSS for button, class: .elementor-element-b2ba533 */.elementor-button-wrapper {
    max-width: 800px;
    margin: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-301d546 */.elementor-313 .elementor-element.elementor-element-301d546 .h3 {
        font-family: 'Inter', sans-serif;
        font-weight: 900;
}

/* Basis-Styling für die Tabelle */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 {
    width: 100%;
    border-collapse: collapse; /* Verhindert doppelte Linien */
    font-size: 13px;
    text-align: left;
    border: none; /* Keine äußeren Ränder */
}
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 thead tr {
    color: #4F4D47; /* Weißer Text */
    text-align: left;
}
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 th, .table-spieltag1 td {
    padding: 8px 5px;
    border: none; /* Keine vertikalen Linien */
    border-bottom: 2px solid #fff; /* Nur horizontale Linien */
}

/* Standard-Hintergrundfarbe der Zeilen */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 tbody tr {
    background-color: #f9f9f9;
    transition: background-color 0.3s ease; /* Weicher Übergang für Hover */
}

/* Hover-Effekt für die gesamte Zeile */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 tbody tr:hover {
    background-color: #f2f2f2; /* Sehr dezentes Grau für Hover */
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 td:nth-child(3) {
    background-color: #ea542a;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* Rechtsbündige Ausrichtung der ersten Spalte */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 td:first-child {
    text-align: right; /* Rechtsbündig */
}

/* Hover-Effekt für Spielernamen */
.elementor-313 .elementor-element.elementor-element-301d546 .hover-effect {
    color: #333; /* Standardfarbe des Texts */
    transition: color 0.5s ease, font-weight 0.3s ease;
}
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag1 tbody tr:hover .hover-effect {
    color: #EC2028; /* Farbe wie die Kopfzeile */
    cursor: pointer;
}

/* Hover-Effekt für Logos */
.elementor-313 .elementor-element.elementor-element-301d546 .logo {
    height: 20px !important; /* Höhe des Logos */
    width: auto; /* Automatische Breite für Proportionen */
    display: block;
    margin: 0 auto; /* Zentriert das Logo */
    filter: grayscale(100%); /* Logo farblos */
    transition: filter 0.5s ease;
}
.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 tbody tr:hover .logo {
    filter: grayscale(0%); /* Logo farbig, wenn die Zeile gehighlightet wird */
}

.elementor-313 .elementor-element.elementor-element-301d546 .tabelle-untertitel {
    font-size: 0.8rem;
}

/* Hover-Effekt für pdf */
/*.pdf {
 
    width: auto;  Automatische Breite für Proportionen 
    display: block;
    filter: grayscale(100%); /* Logo farblos
    transition: filter 0.5s ease;
}*/
/*.table-spieltag tbody tr:hover .pdf {
    filter: grayscale(0%);  Logo farbig, wenn die Zeile gehighlightet wird 
}*/

/* Basis-Styling für die Tabelle */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag {
    width: 100%;
    border-collapse: collapse; /* Verhindert doppelte Linien */
    font-size: 13px;
    text-align: left;
    border: none; /* Keine äußeren Ränder */
}
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag thead tr {
    text-align: left;
}
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag th, .table-spieltag td {
    padding: 12px 5px;
    border: none; /* Keine vertikalen Linien */
    border-bottom: 1px solid #ddd; /* Nur horizontale Linien */
}

/* Standard-Hintergrundfarbe der Zeilen */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag tbody tr {
    background-color: #ffffff;
    transition: background-color 0.3s ease; /* Weicher Übergang für Hover */
}

/* Hover-Effekt für die gesamte Zeile */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag tbody tr:hover {
    background-color: #f9f9f9; /* Sehr dezentes Grau für Hover */
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag td:nth-child(3),
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag td:nth-child(4) {
    background-color: #f4f4f4;
    text-align: center;
    font-weight: bold;
}

/* Rechtsbündige Ausrichtung der ersten Spalte */
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag td:first-child {
    text-align: right; /* Rechtsbündig */
}

/* Hover-Effekt für Spielernamen */
.elementor-313 .elementor-element.elementor-element-301d546 .hover-effect {
    color: #333; /* Standardfarbe des Texts */
    transition: color 0.5s ease, font-weight 0.3s ease;
}
.elementor-313 .elementor-element.elementor-element-301d546 .table-spieltag tbody tr:hover .hover-effect {
    color: #EC2028; /* Farbe wie die Kopfzeile */
    cursor: pointer;
}



/* übernommen am 29.06.2025 */
.elementor-313 .elementor-element.elementor-element-301d546 .tabelle-titel {
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid black;
    padding-bottom: 6px;
    color: #4F4D47;
   /* max-width: 600px; */
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    text-align: left;
    border: none;
    table-layout: fixed;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 thead tr {
    color: #4F4D47;
    text-align: left;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 th:nth-child(1), .table-rangliste2 td:nth-child(1) {
    width: 5%;
    white-space: nowrap;
    text-align: center;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 th, .table-rangliste2 td {
    padding: 8px 5px;
    border: none;
    border-bottom: 2px solid #fff;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 th:nth-child(3), .table-rangliste2 td:nth-child(3) {
    width: 40%;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 tbody tr {
    background-color: #f9f9f9;
    transition: background-color 0.3s ease;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 td:first-child {
    text-align: right;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 td:last-child {
    background-color: #ea542a;
    text-align: center;
    font-weight: bold;
    color: white;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 tbody tr:hover {
    background-color: #f2f2f2;
}

.elementor-313 .elementor-element.elementor-element-301d546 .table-rangliste2 tbody tr:first-child {
    font-weight: bold;
    color: #e9542a;
    background-color: rgba(233, 84, 42, 0.1);
}/* End custom CSS */