.ui-datatable.kundenuebersicht {
    th {
        vertical-align: top;
    }

    td {
        text-align: left !important;
    }

    .disabled {
        background-color: #EEEEEE;
    }
}

.hero-container {
    padding: 20px 0 30px 0;
}

.hero-image-wrapper img {
    width: 100%;
    max-width: 600px;
}

.step-card {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 30px 25px;
    height: 100%;
    transition: box-shadow 0.2s ease-in-out;
}

.step-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.step-icon-container {
    margin-bottom: 20px;
    color: #802e3b;
}

.step-icon-container i {
    font-size: 2.5rem;
}
.step-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-size: 1.5rem;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 5%;
}

.mx-30 {
    max-width: 30%;
}

@media (max-width: 768px) {
    .step-arrow { display: none; }
}