/* ===================================================================
 * paricon stories CSS — loaded on Success Stories page (#1024) only
 * Migrated from Kit #9 custom CSS field — Batch 7
 * =================================================================== */

/* A18: Success Stories cards — visual polish */
[data-id="4cdd4a0"] > .e-con-inner > .e-con,
[data-id="aecf6f5"] > .e-con-inner > .e-con {
    transition: all 0.4s ease;
    border: 1px solid rgba(255,255,255,0.08);
    overflow: hidden;
}
[data-id="4cdd4a0"] > .e-con-inner > .e-con:hover,
[data-id="aecf6f5"] > .e-con-inner > .e-con:hover {
    border-color: rgba(2, 203, 255, 0.35);
    box-shadow: 0 8px 32px rgba(2, 203, 255, 0.12);
    transform: translateY(-4px);
}
[data-id="4cdd4a0"] .elementor-widget-text-editor p strong,
[data-id="aecf6f5"] .elementor-widget-text-editor p strong {
    font-size: 1.3em;
    display: block;
    margin-bottom: 8px;
}
[data-id="4cdd4a0"] .elementor-widget-text-editor,
[data-id="aecf6f5"] .elementor-widget-text-editor {
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
}

/* ===================================================================
 * Success Stories overview intro – KPI credibility strip (2026-05-26)
 * Replaces the standalone "69+" counter with a 4-column partner-style
 * strip showing 250+ Projekte, 120+ Kunden, 29+ Jahre, 6 Frameworks.
 * Scope: body.page-id-1024 (DE) + body.page-id-2814 (EN).
 * =================================================================== */
body.page-id-1024 .prc-stories-kpi-strip,
body.page-id-2814 .prc-stories-kpi-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    padding: 36px 0;
    margin: 24px auto 0;
    max-width: 1140px;
    border-top: 1px solid rgba(2, 203, 255, 0.28);
    border-bottom: 1px solid rgba(2, 203, 255, 0.28);
}
body.page-id-1024 .prc-stories-kpi,
body.page-id-2814 .prc-stories-kpi {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 0 12px;
    min-width: 0;
}
body.page-id-1024 .prc-stories-kpi__num,
body.page-id-2814 .prc-stories-kpi__num {
    font-family: "Barlow", sans-serif;
    font-size: 48px;
    line-height: 1;
    font-weight: 700;
    color: #02CBFF;
    letter-spacing: 0.5px;
}
body.page-id-1024 .prc-stories-kpi__lbl,
body.page-id-2814 .prc-stories-kpi__lbl {
    font-family: "Barlow", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    letter-spacing: 0.2px;
}
@media (max-width: 1024px) {
    body.page-id-1024 .prc-stories-kpi-strip,
    body.page-id-2814 .prc-stories-kpi-strip {
        gap: 20px;
        padding: 28px 16px;
    }
    body.page-id-1024 .prc-stories-kpi__num,
    body.page-id-2814 .prc-stories-kpi__num {
        font-size: 40px;
    }
}
@media (max-width: 640px) {
    body.page-id-1024 .prc-stories-kpi-strip,
    body.page-id-2814 .prc-stories-kpi-strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 16px;
        padding: 24px 16px;
    }
    body.page-id-1024 .prc-stories-kpi__num,
    body.page-id-2814 .prc-stories-kpi__num {
        font-size: 34px;
    }
    body.page-id-1024 .prc-stories-kpi__lbl,
    body.page-id-2814 .prc-stories-kpi__lbl {
        font-size: 13px;
    }
}

/* ===================================================================
 * S-13 (2026-06-18): Success Stories OVERVIEW tiles (page 1024 only).
 * Add breathing room between each tile's "SUCCESS STORIES" tag
 * (icon-box title) and the customer logo/content beneath it (was too
 * tight). Targeted by exact tile data-id for all 8 tile tags (incl.
 * ccefaca = the R+V tile). Detail pages carry no page-id-1024 class.
 * =================================================================== */
body.page-id-1024 .elementor-element-ccefaca,
body.page-id-1024 .elementor-element-b10c02a,
body.page-id-1024 .elementor-element-7293433,
body.page-id-1024 .elementor-element-0a30d87,
body.page-id-1024 .elementor-element-548e172,
body.page-id-1024 .elementor-element-7dec183,
body.page-id-1024 .elementor-element-9805143,
body.page-id-1024 .elementor-element-70961f7 {
    margin-bottom: 36px; /* SUCC-5 (JJ 19.6.): was 20px, still too tight */
}
@media (max-width: 1024px) {
    body.page-id-1024 .elementor-element-ccefaca,
body.page-id-1024 .elementor-element-b10c02a,
    body.page-id-1024 .elementor-element-7293433,
    body.page-id-1024 .elementor-element-0a30d87,
    body.page-id-1024 .elementor-element-548e172,
    body.page-id-1024 .elementor-element-7dec183,
    body.page-id-1024 .elementor-element-9805143,
    body.page-id-1024 .elementor-element-70961f7 {
        margin-bottom: 24px; /* SUCC-5 (JJ 19.6.): was 14px */
    }
}