/*Root: frei gestalteter Container; die Abstände bringt die Station selbst mit*/
.lncu-lernstrasse-station-block {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

/*Außerhalb einer Lernstraße: im Builder nur der Placeholder (nur dort vorhanden), im Frontend gar nichts*/
.lncu-lernstrasse-station-block > .lncu-lernstrasse-platzhalter {
    display: none;
}

.lncu-lernstrasse-station-block:not(.lncu-lernstrasse-kinder > *) > :not(.lncu-lernstrasse-platzhalter) {
    display: none !important;
}

.lncu-lernstrasse-station-block:not(.lncu-lernstrasse-kinder > *) > .lncu-lernstrasse-platzhalter {
    display: block;
}

.lncu-lernstrasse-station-block:not(.lncu-lernstrasse-kinder > *):not(:has(> .lncu-lernstrasse-platzhalter)) {
    display: none !important;
}

/*Inhalt*/
.lncu-lernstrasse-station-inhalt {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-width: 0;
}

/*Auslöser Klick: Der Zeiger zeigt, dass das Element anklickbar ist, bis der Klick gezählt hat*/
.lncu-lernstrasse-station-block [data-lncu-lernstrasse-klick]:not([data-lncu-lernstrasse-erledigt]) {
    cursor: pointer;
}

/*Grundgröße der Icons; :where hält die Spezifität bei einer Klasse, damit eigene Regeln (z. B. Aufgaben-Symbol) vorgehen*/
.lncu-lernstrasse-station-block :where(.lncu-lernstrasse-icon) {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}