/* Responsive Design */
@media (max-width: 768px) {
    section {
        padding: 60px 20px;
    }

    .hero {
        min-height: auto;
        padding: 60px 20px;
    }

    .features-grid,
    .gallery-grid,
    .quotes-grid {
        grid-template-columns: 1fr;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .lightbox-nav {
        padding: 0 10px;
    }

    .lightbox-prev,
    .lightbox-next {
        padding: 15px 20px;
        font-size: 30px;
    }

    .lightbox-close {
        top: 15px;
        right: 20px;
        font-size: 30px;
    }

    /* Mobile: Zeige Link statt iframe */
    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }
}

@media (max-width: 480px) {
    .btn {
        padding: 14px 30px;
        font-size: 1rem;
    }

    .hero-logo {
        max-width: 200px;
    }

    .app-preview-intro {
        font-size: 1rem;
    }
}