/* Master-Styles für Ortschaftsseiten (Langenhagen, künftige Standorte) */
/* Aktuell keine exklusiven Styles – alle Komponenten werden über global.css abgedeckt. */

.hero-title .hero-question { font-size: clamp(2.9rem, 10vw, 3.5rem); }

/* City Reach – Two-Column Layout (Langenhagen & künftige Ortsseiten) */
.city-reach-section .city-reach-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 50px;
    align-items: stretch;
}
.city-reach-image-container {
    height: 100%;
}
.city-reach-image-container picture {
    display: block;
    height: 100%;
}
.city-reach-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 15px;
    box-shadow: var(--shadow-lg);
}

.arrive-section {
    padding: var(--section-padding) 0;
}

.arrive-section .pricing-intro {
    margin: 0 auto 0px;
}

@media (max-width: 768px) {
    .city-reach-section .city-reach-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        align-items: stretch;
    }
    .city-reach-image-container,
    .city-reach-image-container picture {
        height: auto;
    }
    .city-reach-image-container img {
        height: 250px;
    }
}

/* CTA-Button unter der Services-Section */
.services-section .hero-buttons {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}