/* Allgemeines Styling für custom-table */
.custom-table {
    width: 100%;
    margin-bottom: 20px;
    background-color: #add8e6; /* Hellblauer Hintergrund */
    border: 3px solid #1e73be; /* Neuer 3px blauer Rahmen */
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 16px; /* Rundungen für die gesamte Tabelle */
    overflow: hidden; /* Damit die Rundungen sichtbar sind */
}

/* Kopfzeile der Tabelle */
.custom-table thead th {
    background-color: #3badf9 !important; /* Neue Farbe für die Kopfzeile */
    color: #ffffff !important;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #ddd !important;
    border-radius: 0; /* Entfernt Rundungen von th */
}

.custom-table thead th:first-child {
    border-top-left-radius: 14px !important; /* Abrundung der oberen linken Ecke */
}

.custom-table thead th:last-child {
    border-top-right-radius: 14px !important; /* Abrundung der oberen rechten Ecke */
}

/* Körper der Tabelle */
.custom-table tbody td {
    padding: 10px;
    border: 1px solid #ddd;
}

/* Abwechselnde Zeilenfarben */
.custom-table tbody tr:nth-child(even) td {
    background-color: #f0f8ff; 
}

.custom-table tbody tr:nth-child(odd) td {
    background-color: #ffffff; 
}

.custom-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 14px !important; /* Abrundung der unteren linken Ecke */
}

.custom-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 14px !important; /* Abrundung der unteren rechten Ecke */
}

/* Hover-Effekt für Zeilen */
.custom-table tbody tr:hover td {
    background-color: #f1f1f1; 
}

/* Link-Styling innerhalb der Tabelle */
.custom-table tbody td a {
    color: #007bff;
    text-decoration: none;
}

.custom-table tbody td a:hover {
    text-decoration: underline;
}

.back-to-top {
    display: none;
    position: fixed;
    width: 50px;
    padding: 3px;
    top: 60px;
    right: 20px;
    text-decoration: none;
    z-index: 1000;
}

.back-to-top img {
    width: 60px;
    height: 60px;
}

/* Responsives Design für mobile Geräte */
@media only screen and (max-width: 600px) {
	
  .wp-block-button__link {
        zoom: 60%;
    }

    .custom-table {
        zoom: 80%;
    }

    .custom-table tbody tr {
		width:100%;
		zoom:90%;
    }

    .custom-table tbody td {
		width:100%;
		zoom:90%;
    }

    .custom-table tbody td::before {
		width:100%;
		zoom:90%;
    }
	
	.back-to-top {
    top: calc(100% / 3 * 2.4);
    right: 8px;

}
	
}