/* Standard-Styles für PC */
.musikwuensche-table {
    width: 100%;
    border-collapse: collapse;
}

.musikwuensche-table th, .musikwuensche-table td {
    border: 1px solid #000;
    padding: 5px;
}

.id-column {
    display: table-cell;
}

/* Styles für mobile Geräte */
@media (max-width: 768px) {
    .id-column {
        display: none;
    }

    .musikwuensche-table th, .musikwuensche-table td {
        font-size: 14px;
        padding: 3px;
    }

    .musikwuensche-table th {
        background-color: #f2f2f2;
    }
}
.mw-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
    text-align: left;
    border: 1px solid #ddd;
}

th {
    background-color: #f4f4f4;
}

/* Container für das gesamte Formular */
.mw-musikwuensche-form {
    width: 100%;
    max-width: 500px;
    margin: left;
}

/* Container für das Textfeld und den Submit-Button */
.mw-musikwuensche-input-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 5px; /* Abstand zum Checkbox-Bereich */
}

/* Stil für das Textfeld */
.mw-musikwuensche-input {
    flex: 1;
    padding: 5px;
    margin-right: 10px;
}

/* Stil für den Absenden-Button */
.mw-musikwuensche-submit {
    padding: 5px 10px;
}

/* Stil für den Datenschutzerklärung-Container */
.mw-datenschutzerklaerung-wrapper {
    margin-top: 5px;
}

/* Stil für die Fehlermeldungen */
.mw-musikwuensche-error {
    color: red;
    font-weight: bold;
    margin-top: 10px;
}

/* Stil für die Erfolgsmeldungen */
.mw-musikwuensche-success {
    color: green;
    font-weight: bold;
    margin-top: 10px;
}