/* Landing Page: eigenständiges Styling auf Bootstrap-Basis */

.landing .hero {
    padding: 6rem 0 4rem;
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}

.landing .feature-card {
    border: 1px solid #e9ecef;
    border-radius: .75rem;
    padding: 1.5rem;
    background: #fff;
    transition: box-shadow .15s ease-in-out;
}

.landing .feature-card:hover {
    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .08);
}

.landing .feature-card p {
    color: #6c757d;
    font-size: .925rem;
    margin-bottom: 0;
}

.landing .feature-icon {
    font-size: 1.75rem;
    margin-bottom: .75rem;
}

.landing .step-number {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    margin: 0 auto;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
}

.landing footer a {
    color: #6c757d;
    text-decoration: none;
}

.landing footer a:hover {
    color: #0d6efd;
}