/* ===============================================================================
   page-produktion.css – "Unsere Produktion" Seite
   =============================================================================== */

/* ── Fix: --display explizit setzen (kein Elementor-JS) ────────────────────── */
.elementor-produktion .e-con-boxed {
    --display: flex;
}

.elementor-produktion .e-con-boxed>.e-con-inner {
    display: flex;
    flex-direction: column;
}

/* ── Intro-Sektion ──────────────────────────────────────────────────────────── */
.prod-page-intro {
    --display: flex;
    --flex-direction: column;
    --padding-top: 80px;
    --padding-bottom: 40px;
}

.prod-page-intro-inner {
    width: 100%;
    text-align: center;
}

.prod-page-label {
    font-family: var(--e-global-typography-e5f7065-font-family, "Syne"), sans-serif;
    font-size: var(--e-global-typography-e5f7065-font-size, 0.85rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--e-global-color-d79e5ec, #00cea8);
    margin: 0 0 0.5rem;
}

.prod-page-intro-inner .elementor-heading-title,
.prod-page-intro-inner h2 {
    color: var(--e-global-color-primary, #fff);
    margin-bottom: 1rem;
}

.prod-page-text {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.75;
    max-width: 660px;
    margin: 0 auto;
}

/* ── Galerie-Sektion ────────────────────────────────────────────────────────── */
.prod-page-gallery {
    --display: flex;
    --flex-direction: column;
    --padding-top: 20px;
    --padding-bottom: 80px;
}

.prod-page-gallery>.e-con-inner {
    width: 100%;
}