/* Mobile Styles (max-width: 767px) */
@media screen and (max-width: 767px) {
    .hero {
        min-height: 400px;
        text-align: center;
    }

    /* Hero Slider düzenlemeleri */
    .hero-content {
        padding: 2rem 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .hero-slide .container,
    .hero-slide .row,
    .hero-slide .col-lg-6 {
        height: 100%;
    }

    .hero-slide .row {
        align-items: center;
        justify-content: center;
    }

    .hero-content h1 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .hero-content .lead {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    .hero-content .btn {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
    }

    .hero-slide {
        height: 450px;
    }

    .hero-slider {
        height: 450px;
    }

    .navbar-brand {
        font-size: 1.2rem;
    }

    .btn {
        padding: 0.6rem 1.5rem;
    }

    /* Topbar düzenlemeleri */
    .topbar .contact-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .topbar .social-links {
        display: none;
    }

    .topbar .contact-info a {
        margin: 0 !important;
    }

    footer {
        margin-top: 2rem;
        text-align: center;
    }

    footer .col-md-4 {
        margin-bottom: 2rem;
    }

    footer h5 {
        margin-bottom: 0.8rem;
    }

    /* Auto Wäsche Sayfası Mobil Düzenlemeler */
    .banner-image {
        height: 400px;
    }

    .banner-content {
        padding: 4rem 0;
    }

    .banner-content h1 {
        font-size: 2rem;
    }

    .banner-content p {
        font-size: 1rem;
    }

    .banner-content .btn {
        width: 100%;
        margin-top: 1rem;
    }

    .service-details {
        padding: 2rem 0;
    }

    .service-features-list li {
        font-size: 1rem;
    }

    .process-card {
        padding: 1.5rem;
        margin-bottom: 1rem;
    }

    .process-icon {
        width: 60px;
        height: 60px;
    }

    .process-icon i {
        font-size: 1.5rem;
    }

    .process-card h3 {
        font-size: 1.2rem;
    }

    .process-card p {
        font-size: 0.9rem;
    }

    .additional-service {
        padding: 1.5rem;
        margin-bottom: 1rem;
    }

    .additional-service h3 {
        font-size: 1.2rem;
    }

    .additional-service p {
        font-size: 0.9rem;
    }

    .cta {
        padding: 2rem 0;
    }

    .cta h2 {
        font-size: 1.8rem;
    }

    .cta .lead {
        font-size: 1rem;
    }

    .cta .btn {
        width: 100%;
        margin-bottom: 1rem;
    }

    .cta .d-flex {
        flex-direction: column;
    }

    .nav-link {
        padding: 0.3rem 0.6rem !important;
    }

    /* Banner Bölümü - Mobil */
    .bannerBild {
        height: 300px;
    }

    .bannerInhalt {
        padding: 50px 0;
    }

    .bannerInhalt h1 {
        font-size: 2rem;
    }

    .bannerInhalt p {
        font-size: 1rem;
    }

    /* Araç Tipi Butonları - Mobil */
    .fahrzeugTypTaste {
        width: 100%;
        margin: 0.5rem 0;
        padding: 1rem;
        min-width: auto;
    }

    .fahrzeugTypTaste i {
        font-size: 1.5rem;
    }

    .fahrzeugTypTaste h3 {
        font-size: 1rem;
    }

    /* Paket Kartları - Mobil */
    .paketKarte {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .paketKarte.empfohlen::before {
        font-size: 0.7rem;
        padding: 3px 30px;
        top: 15px;
        right: -30px;
    }

    .paketSymbol {
        width: 80px;
        height: 80px;
        margin-bottom: 1rem;
    }

    .paketSymbol i,
    .paketSymbol i::before {
        font-size: 2.2rem !important;
        display: block;
        line-height: 1;
    }

    .paketName {
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
    }

    .paketPreis {
        font-size: 2rem;
        margin: 0.5rem 0;
    }

    .paketPreis .wahrung {
        font-size: 1.2rem;
    }

    .paketFunktionen li {
        padding: 0.6rem 0;
        font-size: 0.9rem;
    }

    .paketFunktionen li i {
        width: 20px;
        height: 20px;
        font-size: 0.9rem;
    }

    .terminTaste {
        padding: 0.8rem 1.5rem;
        font-size: 0.9rem;
        margin-top: 1.5rem;
    }

    .zeitschatzung {
        font-size: 0.8rem;
        margin-top: 0.8rem;
    }

    /* Grid Düzeni - Mobil */
    .col-md-4 {
        width: 100%;
        padding: 0 10px;
    }

    .row {
        margin: 0 -10px;
    }
}

/* 404 Error Page Mobile Styles */
.error404-code {
    font-size: 80px;
}

.error404-message {
    font-size: 18px;
}

.error404-button {
    padding: 10px 25px;
}