/* ═══════════════════════════════════════════
   RESPONSIVE — Breakpoint Overrides
   Mobile: 0-767 | Tablet: 768-1023 | Desktop: 1024+
   ═══════════════════════════════════════════ */

/* ── Large Desktop (< 1630) ────────────── */

@media (max-width: 1629px) {
    .l7-hero__content { max-width: 630px; }
}

/* ── Mid Desktop (< 1200) ─────────────── */

@media (max-width: 1199px) {
    .l7-hero__content { max-width: 525px; }
}

/* ── Tablet (768-1023) ──────────────────── */

@media (max-width: 1023px) {

    .l7-nav__menu,
    .l7-nav__cta { display: none; }
    .l7-nav__burger { display: flex; }

    .l7-nav { height: var(--l7-nav-h-mobile); }
    body { padding-top: calc(var(--l7-section-px-top, 10px) + var(--l7-nav-h-mobile)); }
    body.has-topbar { padding-top: calc(var(--l7-section-px-top, 10px) + var(--l7-nav-h-mobile) + var(--l7-topbar-h, 36px)); }

    .l7-team__grid { grid-template-columns: repeat(3, 1fr); }

    .l7-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--l7-gap-md); }

    .l7-pas__pains { grid-template-columns: 1fr; }
    .l7-pas__facts { grid-template-columns: 1fr 1fr; }
    .l7-pas__solve-grid { grid-template-columns: 1fr; }

    .l7-hero__content { max-width: 60%; }
}

/* ── Mobile (0-767) ─────────────────────── */

@media (max-width: 767px) {

    /* Services */
    .l7-services__grid {
        grid-template-columns: 1fr;
        gap: var(--l7-gap-lg);
    }

    /* Statement */
    .l7-statement {
        min-height: auto;
    }

    /* Cases */
    .l7-cases__item {
        grid-template-columns: 1fr;
        gap: var(--l7-gap-md);
    }

    /* Team */
    .l7-team__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--l7-gap-md);
    }

    /* About */
    .l7-about__grid {
        grid-template-columns: 1fr;
        gap: var(--l7-gap-lg);
    }

    /* CTA Banner */
    .l7-cta-banner__inner {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .l7-cta-banner__photo-placeholder {
        margin: 0 auto;
    }

    /* Footer */
    .l7-footer__grid {
        grid-template-columns: 1fr;
        gap: var(--l7-gap-lg);
    }

    /* Hero BG: Bildausschnitt mobil */
    .l7-hero__frame-img {
        object-position: 62% center;
    }

    /* Hero: Content mobil nach unten schieben */
    .l7-hero .l7-container {
        padding-top: calc(var(--l7-section-px-top, 10px) + var(--l7-nav-h-mobile, 56px) + 5px + var(--l7-gap-lg) + 40px);
    }
    .has-topbar .l7-hero .l7-container {
        padding-top: calc(var(--l7-section-px-top, 10px) + var(--l7-topbar-h, 36px) + var(--l7-nav-h-mobile, 56px) + 5px + var(--l7-gap-lg) + 40px);
    }

    /* Hero: mobil volle Breite — keine künstlichen 70-85% Constraints */
    .l7-hero__content {
        max-width: 100%;
    }

    .l7-hero__title,
    .l7-hero__text {
        max-width: 100%;
    }

    .l7-hero__actions .l7-btn {
        width: auto;
    }

    /* Hero Trust Bar: kompakt inline, wrapt sauber */
    .l7-hero__trust-bar-inner {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.4rem 0.75rem;
        text-align: left;
        justify-content: flex-start;
        font-size: 0.8em;
    }
    /* Divider verstecken auf kleinen Mobile-Screens — Items wrappen sauber */
    .l7-hero__trust-divider {
        display: none;
    }
    .l7-hero__trust-badge {
        white-space: normal;
    }

    /* Hero Tags: kompakter spacing für Mobile */
    .l7-hero__tags {
        margin-top: var(--l7-gap-md);
    }
    .l7-hero__tags-list {
        gap: 0.4rem 0.5rem;
    }

    .l7-hero__trust-bar {
        bottom: calc(var(--l7-section-px) + 1rem);
    }

    /* Stats Bar */
    .l7-stats-bar__number {
        font-size: var(--l7-h3);
    }

    /* Sticky CTA: Mobile = full-width bar */
    .l7-sticky-cta {
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
        justify-content: center;
        transform: translateY(100%);
    }
    .l7-sticky-cta.is-visible {
        transform: translateY(0);
    }
    .l7-sticky-cta.is-hidden {
        transform: translateY(100%);
    }
}