/**
 * Styles fuer den oeffentlichen Bereich (Landingpage, Rechtsseiten,
 * Buchungsstrecke) – ergaenzend zu Bootstrap 5.
 */

.public-page .navbar-brand img {
    max-height: 40px;
}

/* Hero-Section */
.landing-hero {
    background: linear-gradient(135deg, #f8f9fa 0%, #e7f1ff 100%);
    padding: 5rem 0;
}

.landing-hero h1 {
    font-weight: 700;
}

/* Abschnitte */
.landing-section {
    padding: 4rem 0;
}

.landing-section-alt {
    background: #f8f9fa;
}

.landing-section h2 {
    font-weight: 700;
    margin-bottom: 2.5rem;
}

/* Feature-Karten */
.landing-feature-icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: #e7f1ff;
    color: #0d6efd;
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

/* Pricing */
.pricing-card {
    transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.pricing-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
}

.pricing-card .pricing-price {
    font-size: 2.4rem;
    font-weight: 700;
}

.pricing-card.pricing-highlight {
    border: 2px solid #0d6efd;
}

/* Schritte ("So funktioniert der Start") */
.landing-step-number {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
}

/* CTA */
.landing-cta {
    background: #0d6efd;
    color: #fff;
    padding: 4rem 0;
}

/* Rechtsseiten */
.legal-content {
    max-width: 860px;
}

.legal-content h2 {
    margin-bottom: 1.5rem;
}

.legal-content h3 {
    margin-top: 2rem;
    font-size: 1.15rem;
}