.casino-sorting-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Linksorientierte Ausrichtung */
    padding: 10px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: -1px 1px 8px rgb(0 0 0 / 27%);
    font-family: Arial, sans-serif;
    width: auto;
    /* Volle Breite */
}

/* Überschrift linksbündig ausrichten */
.sorting-question {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0px;
    text-align: left;
    /* Linksorientierung */
    color: #333333;
    width: 100%;
    /* Überschrift auf volle Breite */
}

/* Horizontale Anordnung der Optionen, links ausgerichtet */
.important-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    /* Links ausgerichtet */
    gap: 5px;
    width: 100%;
    padding: 0;
}

/* Option-Karten-Stil */
.option-card {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #f7f7f7;
    border: none;
    border-radius: 50px;
    padding: 0;
    font-size: 0.9em;
    transition: background-color 0.2s ease, color 0.2s ease;
    min-width: 140px;
    color: #555555;
}

/* Symbol und Text in einer Zeile */
.option-content {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 8px;
    /* Padding nur im inneren Container */
}

/* Symbole und Text linksbündig */
.option-content .icon,
.option-content .option-title {
    text-align: left;
    /* Linksorientierung */
}

.option-card .icon {
    font-size: 1.1em;
}

.option-card .option-title {
    font-weight: 600;
    font-size: 0.85em;
}

/* Hover-Effekt für die Buttons */
.option-card:hover {
    background-color: #eaeaea;
    color: #333333;
}

/* Markierung des aktiven Buttons */
.option-card input[type="radio"]:checked+.option-content {
    background-color: #0a9818;
    color: #ffffff;
    border-radius: 50px;
}

/* Standard-Radio-Button ausblenden */
.option-card input[type="radio"] {
    display: none;
}

/* Anpassungen für kleine Bildschirme */
@media (max-width: 768px) {
    .option-card {
        font-size: 0.8em;
    }

    .option-card .icon {
        font-size: 1em;
    }

    .sorting-question {
        font-size: 1em;
    }
}