/*
 * WohnKompass – reduzierte Darstellung der nächsten Schritte
 */

/*
 * Der zusätzliche Erklärungskasten wird nicht benötigt.
 */
.wk-task-intro-v58 {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/*
 * Keine besondere farbliche Fläche für den ersten Schritt.
 * Die Priorisierung ergibt sich bereits aus Nummer und Bezeichnung.
 */
.wk-task-first-v58 {
    border-left: 0 !important;
    padding-left: inherit !important;
    background: transparent !important;
}

/*
 * Alle Reihenfolgen-Badges erhalten dieselbe ruhige Gestaltung.
 */
.wk-task-first-v58 .wk-task-order-v58,
.wk-task-order-v58 {
    border: 1px solid #d8e2de !important;
    background: #edf3f0 !important;
    color: #42665d !important;
}

/*
 * Einheitliche Abstände für alle Schritte.
 */
.wk-tasks-list-v58 {
    margin-top: 10px !important;
}

.wk-task-item-v58 {
    padding: 20px 4px !important;
    background: transparent !important;
}

.wk-task-item-v58:first-of-type {
    padding-top: 12px !important;
}

/*
 * Checkbox, Reihenfolge und Inhalt sauber ausrichten.
 */
.wk-task-item-v58 {
    box-sizing: border-box !important;
}

.wk-task-item-v58 h3,
.wk-task-item-v58 h4,
.wk-task-item-v58 strong {
    color: #172a31 !important;
}

/*
 * Keine unnötige Mindesthöhe der gesamten Kachel.
 */
.wk-tasks-card-v58 {
    min-height: 0 !important;
    height: auto !important;
}

/*
 * Klare Trennung ausschließlich durch dezente Linien.
 */
.wk-task-item-v58 {
    border-bottom: 1px solid #dce3e0 !important;
}

.wk-task-item-v58:last-child {
    border-bottom: 0 !important;
}

@media (max-width: 700px) {
    .wk-task-item-v58 {
        padding: 16px 2px !important;
    }
}