/* BCS Prompt Pack Suite — v2.9.4 — VS-Caption sauber zentriert + Übergangs-Abstand zum Hauptblock */
.bcs-pps-page {
    /* v2.9.14: CI-Tokens harmonisiert — gold #C9A962, meissen-blau #0F3460, cream #FAF8F5 */
    --bcs-pps-accent:    #0F3460;
    --bcs-pps-dark:      #1A4570;
    --bcs-pps-gold:      #C9A962;
    --bcs-pps-gold-soft: rgba(201,169,98,.12);
    --bcs-pps-gold-bord: rgba(201,169,98,.28);
    --bcs-pps-coral:     #D6453D;
    --bcs-pps-cream:     #FAF8F5;
    --bcs-pps-cream2:    #EFEDE8;
    --bcs-pps-text:      #1A1A1A;
    --bcs-pps-text-soft: #4A4A5A;
    --bcs-pps-line:      #E4DFD6;

    --r-md:   20px;
    --r-lg:   28px;
    --r-xl:   36px;
    --r-pill: 999px;

    --shadow-gold: 0 2px 8px rgba(201,169,98,.18);
    --shadow-card: 0 2px 14px rgba(0,0,0,.04);
    --shadow-img:  0 16px 44px rgba(0,0,0,.10);

    /* v2.9.15: Einheitlicher Seiten-Rand fuer alle Sektionen — wird per @media skaliert. */
    --bcs-pps-edge: 32px;

    background: var(--bcs-pps-cream);
    color: var(--bcs-pps-text);
    font-family: 'Open Sans', -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 80px var(--bcs-pps-edge);
    /* v2.9.15: Horizontalen Overflow hart abschneiden — verhindert das "Wackeln" / Swipen
       auf Mobile, das durch breakaway-Elemente entsteht. */
    overflow-x: clip;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.bcs-pps-page * { box-sizing: border-box; }
.bcs-pps-page__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; max-width: 1280px; margin: 0 auto; align-items: start; }

/* === INTRO-HEADER (Hero) === */
.bcs-pps-hero {
    max-width: 860px;
    margin: 0 auto 64px;
    padding: 0 var(--bcs-pps-edge);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.bcs-pps-hero__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 18px;
    border-radius: var(--r-pill);
    border: 1px solid rgba(15,52,96,.22);
    background: rgba(15,52,96,.06);
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--bcs-pps-accent);
}
.bcs-pps-hero__image {
    margin: 4px 0 8px;
    width: 100%;
    max-width: 100%;
}
.bcs-pps-hero__image img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}
.bcs-pps-hero__title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: clamp(40px, 6vw, 80px);
    line-height: .97;
    letter-spacing: -.022em;
    color: var(--bcs-pps-accent);
    margin: 0;
}
.bcs-pps-hero__title em {
    display: block;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: .82em;
    letter-spacing: .005em;
    line-height: 1.2;
    color: var(--bcs-pps-gold);
    margin-top: 4px;
}
.bcs-pps-hero__desc {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 19px;
    line-height: 1.5;
    color: var(--bcs-pps-text-soft);
    margin: 0;
    max-width: 640px;
}
.bcs-pps-hero__trust {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 24px;
}
.bcs-pps-hero__trust li {
    font-size: 13px;
    color: var(--bcs-pps-text-soft);
    display: flex;
    align-items: center;
    gap: 7px;
}
.bcs-pps-hero__trust-icon {
    font-size: 15px;
    line-height: 1;
    flex-shrink: 0;
}
.bcs-pps-hero__trust li::before { display: none; }
.bcs-pps-hero__divider {
    width: 64px;
    height: 1px;
    border: 0;
    background: var(--bcs-pps-gold);
    opacity: .55;
    margin: 8px auto 0;
    align-self: center;
    display: block;
}

/* === Übergänge: Pre-Sektionen → Hauptblock === */
.bcs-pps-vs + .bcs-pps-page__inner,
.bcs-pps-problem + .bcs-pps-page__inner,
.bcs-pps-gal + .bcs-pps-page__inner {
    margin-top: 88px;
}

/* === LEFT === */
.bcs-pps-page__left { display: flex; flex-direction: column; gap: 24px; }

.bcs-pps-cover {
    background: none;
    padding: 0;
    min-height: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    position: relative;
    display: block;
}
.bcs-pps-cover::before { display: none; }
.bcs-pps-cover img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--r-lg);
    box-shadow: 0 16px 44px rgba(0,0,0,.12);
}

/* Testimonial — halbtransparent, sanft */
.bcs-pps-test {
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--bcs-pps-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-card);
    padding: 24px;
    display: flex;
    gap: 18px;
    align-items: flex-start;
}
.bcs-pps-test__avatar {
    width: 56px; height: 56px; flex-shrink: 0;
    overflow: hidden; border-radius: 50%;
    background: var(--bcs-pps-line);
}
.bcs-pps-test__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bcs-pps-test__body { flex: 1; }
.bcs-pps-test__demo {
    display: inline-block; background: var(--bcs-pps-coral); color: #fff;
    font-size: 10px; font-weight: 700; letter-spacing: .14em;
    padding: 4px 10px; border-radius: var(--r-pill); margin-bottom: 10px;
}
.bcs-pps-test__quote {
    font-family: 'EB Garamond', serif; font-style: italic;
    font-size: 16px; line-height: 1.55;
    color: var(--bcs-pps-text); margin: 0 0 10px;
}
.bcs-pps-test__meta { font-size: 13px; display: flex; flex-wrap: wrap; gap: 10px; align-items: baseline; }
.bcs-pps-test__stars { color: var(--bcs-pps-gold); letter-spacing: 1px; }
.bcs-pps-test__name { font-family: 'Rajdhani', sans-serif; font-weight: 700; color: var(--bcs-pps-accent); }
.bcs-pps-test__role { color: #6b6b6b; }

/* AI-Tool-Pills — Premium-Stil mit Goldpunkt + Glaseffekt */
.bcs-pps-pills-wrap { padding-top: 8px; }
.bcs-pps-pills-intro {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700; font-size: 11.5px; letter-spacing: .22em;
    text-transform: uppercase; color: var(--bcs-pps-accent);
    margin: 0 0 14px;
}
.bcs-pps-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.bcs-pps-pill {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 9px 18px;
    border-radius: var(--r-pill);
    box-shadow: 0 0 0 1px var(--bcs-pps-gold-bord), inset 0 0 0 1px rgba(255,255,255,.6), var(--shadow-gold);
    background: linear-gradient(135deg, rgba(201,169,98,.10) 0%, rgba(201,169,98,.04) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600; font-size: 12.5px;
    letter-spacing: .06em;
    color: var(--bcs-pps-accent);
    transition: transform .25s ease, box-shadow .25s ease;
}
.bcs-pps-pill::before {
    content: '';
    display: inline-block;
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--bcs-pps-gold);
    flex-shrink: 0;
    box-shadow: 0 0 5px rgba(201,169,98,.5);
}
.bcs-pps-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 0 1px var(--bcs-pps-gold), inset 0 0 0 1px rgba(255,255,255,.8), 0 4px 16px rgba(201,169,98,.35);
}

/* === RIGHT === */
.bcs-pps-page__right { display: flex; flex-direction: column; gap: 18px; }

/* LABEL-PILL — identisch zu Warum BCS */
.bcs-pps-label {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    border-radius: var(--r-pill);
    box-shadow: 0 0 0 1px var(--bcs-pps-gold-bord), inset 0 0 0 1px rgba(255,255,255,.6), var(--shadow-gold);
    background: linear-gradient(135deg, rgba(201,169,98,.10) 0%, rgba(201,169,98,.04) 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700; font-size: 11.5px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--bcs-pps-accent);
    margin-bottom: 6px;
}
.bcs-pps-label::before { display: none; }

/* H1 — ZWEISCHRIFT wie .bcs-swbc__h2 */
.bcs-pps-h1 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: clamp(34px, 4.2vw, 58px);
    line-height: 1.0;
    letter-spacing: -.022em;
    color: var(--bcs-pps-accent);
    margin: 0 0 4px;
}
.bcs-pps-h1 em {
    display: block;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: .82em;
    letter-spacing: .008em;
    line-height: 1.15;
    color: var(--bcs-pps-gold);
    margin-top: 6px;
}

.bcs-pps-rating { display: flex; gap: 10px; align-items: baseline; font-size: 14px; }
.bcs-pps-rating__stars { color: var(--bcs-pps-gold); letter-spacing: 2px; font-size: 16px; }
.bcs-pps-rating__text { color: var(--bcs-pps-text); }

.bcs-pps-price { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-family: 'Rajdhani', sans-serif; }
.bcs-pps-price__old { text-decoration: line-through; color: #999; font-size: 22px; }
.bcs-pps-price__new {
    font-size: 44px; font-weight: 700; color: var(--bcs-pps-accent);
    letter-spacing: -.02em;
}
.bcs-pps-price__save {
    background: #2D7A5C; color: #fff;
    padding: 7px 14px; border-radius: var(--r-pill);
    font-family: 'Rajdhani', sans-serif;
    font-size: 12px; font-weight: 700; letter-spacing: .08em;
}

.bcs-pps-desc { font-size: 16px; line-height: 1.7; margin: 0; color: var(--bcs-pps-text-soft); }
/* HIGHLIGHT-LEAD — wie .bcs-swbc__lead mit Goldborder */
.bcs-pps-desc--em {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 19px;
    line-height: 1.5;
    color: var(--bcs-pps-accent);
    font-weight: 500;
    padding-left: 16px;
    border-left: 2px solid var(--bcs-pps-gold);
}

.bcs-pps-cta {
    display: inline-flex; width: 100%;
    align-items: center; justify-content: center;
    background: var(--bcs-pps-gold);
    color: var(--bcs-pps-cream);
    text-align: center;
    padding: 0 var(--bcs-pps-edge);
    min-height: 60px;
    border-radius: var(--r-pill);
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    transition: transform .22s ease, background .2s ease, box-shadow .22s ease;
    margin-top: 10px;
    box-shadow: 0 4px 20px rgba(201,169,98,.32);
}
.bcs-pps-cta:hover {
    background: #B89554;
    color: var(--bcs-pps-cream);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(201,169,98,.45);
}

/* Included List — halbtransparent, sanft */
.bcs-pps-incl {
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--bcs-pps-line);
    border-radius: var(--r-lg);
    padding: 28px 30px;
    margin-top: 14px;
    box-shadow: var(--shadow-card);
}
.bcs-pps-incl__title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700; font-size: 11.5px;
    color: var(--bcs-pps-accent); margin: 0 0 18px;
    letter-spacing: .22em; text-transform: uppercase;
}
.bcs-pps-incl__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 18px; }
.bcs-pps-incl__list li { display: flex; align-items: center; gap: 14px; font-size: 15px; color: var(--bcs-pps-text); }

/* Bullet-Kreis — sanft gold-getönt, ohne Outline-Ring */
.bcs-pps-check {
    flex-shrink: 0;
    width: 24px; height: 24px;
    border-radius: 50%;
    background: rgba(201,169,98,.14);
    border: 1px solid rgba(201,169,98,.32);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: var(--bcs-pps-gold);
    line-height: 1;
}

/* Note */
.bcs-pps-note {
    background: var(--bcs-pps-cream2);
    border-radius: var(--r-lg);
    padding: 24px 28px;
    margin-top: 14px;
}
.bcs-pps-note__title {
    display: block; font-family: 'Rajdhani', sans-serif;
    font-weight: 700; font-size: 14px;
    color: var(--bcs-pps-accent); margin-bottom: 10px;
    letter-spacing: .04em;
}
.bcs-pps-note__text { font-size: 14px; line-height: 1.65; color: var(--bcs-pps-text-soft); }
.bcs-pps-note__text p { margin: 0 0 10px; }
.bcs-pps-note__text p:last-child { margin: 0; }

/* === Gemeinsame Sektion-Typografie (Erfahrungen, Warum, FAQ) === */
.bcs-pps-sec-title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: clamp(28px, 3.2vw, 46px);
    line-height: 1.0;
    letter-spacing: -.018em;
    color: var(--bcs-pps-accent);
    margin: 12px 0 0;
}
.bcs-pps-sec-title em {
    display: block;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: .82em;
    letter-spacing: .008em;
    line-height: 1.2;
    color: var(--bcs-pps-gold);
    margin-top: 4px;
}

/* === Häufige Erfahrungen === */
.bcs-pps-exp {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
}
.bcs-pps-exp__head { margin-bottom: 40px; }
.bcs-pps-exp__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.bcs-pps-exp__card {
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--bcs-pps-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-card);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
}
.bcs-pps-exp__card::before {
    content: '\201C';
    font-family: 'EB Garamond', serif;
    font-size: 56px;
    line-height: 1;
    color: var(--bcs-pps-gold);
    opacity: .4;
    position: absolute;
    top: 14px; left: 22px;
}
.bcs-pps-exp__quote {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 16px;
    line-height: 1.6;
    color: var(--bcs-pps-text);
    margin: 22px 0 0;
    flex: 1;
}
.bcs-pps-exp__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 14px;
    border-top: 1px solid var(--bcs-pps-line);
}
.bcs-pps-exp__name {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: var(--bcs-pps-accent);
}
.bcs-pps-exp__role { font-size: 12.5px; color: #6b6b6b; }

/* === Warum BCS Media === */
.bcs-pps-warum {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.bcs-pps-warum--img-left { direction: rtl; }
.bcs-pps-warum--img-left > * { direction: ltr; }
.bcs-pps-warum__text { display: flex; flex-direction: column; gap: 0; }
.bcs-pps-warum__body {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.72;
    color: var(--bcs-pps-text-soft);
}
.bcs-pps-warum__body p { margin: 0 0 14px; }
.bcs-pps-warum__body p:last-child { margin: 0; }
/* v2.9.25: Marco-Portrait jetzt rund (Kreismaske) — Desktop + Mobile */
.bcs-pps-warum__img {
    border-radius: 50%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    box-shadow: var(--shadow-img);
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}
.bcs-pps-warum__img img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* === FAQ === */
.bcs-pps-faq {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge) 80px;
}
.bcs-pps-faq__head { margin-bottom: 40px; }
.bcs-pps-faq__title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 2.8vw, 36px);
    letter-spacing: -.018em;
    color: var(--bcs-pps-accent);
    margin: 12px 0 0;
    line-height: 1.0;
}
.bcs-pps-faq__list { display: flex; flex-direction: column; gap: 10px; }
.bcs-pps-faq__item {
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--bcs-pps-line);
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-card);
    overflow: hidden;
    transition: box-shadow .22s ease;
}
.bcs-pps-faq__item[open] {
    box-shadow: 0 4px 20px rgba(15,52,96,.08);
}
.bcs-pps-faq__q {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .01em;
    color: var(--bcs-pps-accent);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}
.bcs-pps-faq__q::-webkit-details-marker { display: none; }
.bcs-pps-faq__icon {
    flex-shrink: 0;
    width: 22px; height: 22px;
    border-radius: 50%;
    background: rgba(201,169,98,.14);
    border: 1px solid rgba(201,169,98,.32);
    display: inline-flex; align-items: center; justify-content: center;
    position: relative;
    transition: background .2s ease, transform .25s ease;
}
.bcs-pps-faq__icon::before,
.bcs-pps-faq__icon::after {
    content: '';
    position: absolute;
    background: var(--bcs-pps-gold);
    border-radius: 2px;
    transition: transform .25s ease, opacity .2s ease;
}
.bcs-pps-faq__icon::before { width: 10px; height: 2px; }
.bcs-pps-faq__icon::after  { width: 2px; height: 10px; }
.bcs-pps-faq__item[open] .bcs-pps-faq__icon::after { transform: scaleY(0); opacity: 0; }
.bcs-pps-faq__item[open] .bcs-pps-faq__icon {
    background: rgba(201,169,98,.22);
    transform: rotate(0deg);
}
.bcs-pps-faq__a {
    padding: 0 24px 20px;
    border-top: 1px solid var(--bcs-pps-line);
}
.bcs-pps-faq__a p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--bcs-pps-text-soft);
    margin: 16px 0 0;
}

/* === GALERIE — Editorial Image Strip (1:1 wie BCS Image Strip) === */
.bcs-pps-gal {
    max-width: 1480px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
}
.bcs-pps-gal__head { margin-bottom: 40px; max-width: 1280px; }

.bcs-pps-strip {
    --strip-gap: 12px;
    --strip-amp: 90px;
    --strip-cols: 7;
    --strip-cols-mobile: 3;
    --strip-aspect: 4 / 5;
    width: 100%;
    box-sizing: border-box;
}
.bcs-pps-strip-cols {
    display: flex;
    flex-direction: row;
    gap: var(--strip-gap);
    align-items: flex-start;
    width: 100%;
}
.bcs-pps-strip-col {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--strip-gap);
    padding-top: calc(var(--strip-amp) * var(--col-factor, 0));
}
.bcs-pps-strip-item {
    margin: 0;
    aspect-ratio: var(--strip-aspect, 4 / 5);
    overflow: hidden;
    position: relative;
    background: var(--bcs-pps-cream2);
}
.bcs-pps-strip-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.bcs-pps-strip-caption {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .04em;
    color: var(--bcs-pps-cream);
    text-transform: lowercase;
    text-shadow: 0 1px 8px rgba(0,0,0,.35);
    pointer-events: none;
    white-space: nowrap;
}

/* v2.9.21: Mobile-Strip — Spalten-Wrapper transparent (display:contents),
   alle Bilder fliessen als direkte Kinder in ein sauberes N-Spalten-Grid.
   Loest das "letzte Spalten stehen alleine"-Problem von vorher. */
@media (max-width: 768px) {
    .bcs-pps-gal { padding: 0 12px; }
    .bcs-pps-strip-cols {
        display: grid;
        grid-template-columns: repeat(var(--strip-cols-mobile, 2), 1fr);
        gap: var(--strip-gap);
    }
    .bcs-pps-strip-col {
        display: contents;
        padding-top: 0 !important;
    }
}

/* === PROBLEM (Warum normale KI-Bilder scheitern) === */
.bcs-pps-problem {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
}
.bcs-pps-problem__head { margin-bottom: 40px; }
.bcs-pps-problem__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.bcs-pps-problem__card {
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(10px);
    border: 1px solid var(--bcs-pps-line);
    border-radius: var(--r-lg);
    padding: 28px;
    box-shadow: var(--shadow-card);
}
.bcs-pps-problem__icon {
    display: inline-flex;
    width: 48px; height: 48px;
    align-items: center; justify-content: center;
    border-radius: 50%;
    background: rgba(214,69,61,.10);
    border: 1px solid rgba(214,69,61,.24);
    font-size: 22px;
    margin-bottom: 16px;
}
.bcs-pps-problem__title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--bcs-pps-accent);
    margin: 0 0 10px;
    letter-spacing: -.005em;
}
.bcs-pps-problem__text {
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--bcs-pps-text-soft);
    margin: 0;
}

/* === VORHER / NACHHER === */
.bcs-pps-vs {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
}
.bcs-pps-vs__head { margin-bottom: 40px; }
.bcs-pps-vs__list { display: flex; flex-direction: column; gap: 32px; }
.bcs-pps-vs__pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    position: relative;
}
.bcs-pps-vs__side {
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    aspect-ratio: var(--vs-aspect, 2 / 3);
    background: var(--bcs-pps-cream2);
    position: relative;
    box-shadow: var(--shadow-card);
}
.bcs-pps-vs__side img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bcs-pps-vs__side--bad  { filter: grayscale(.35) brightness(.95); opacity: .85; }
.bcs-pps-vs__tag {
    position: absolute;
    top: 14px; left: 14px;
    padding: 6px 12px;
    border-radius: var(--r-pill);
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    z-index: 2;
}
.bcs-pps-vs__tag--bad  { background: rgba(214,69,61,.92); color: #fff; }
.bcs-pps-vs__tag--good { background: rgba(201,169,98,.95); color: #1A1A1A; }
.bcs-pps-vs__caption {
    grid-column: 1 / -1;
    width: 100%;
    text-align: center;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 16px;
    color: var(--bcs-pps-text-soft);
    margin: 14px 0 0;
    padding: 0;
}

/* === BEISPIELPROMPT === */
.bcs-pps-prompt {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
}
.bcs-pps-prompt__head { margin-bottom: 32px; max-width: 720px; }
.bcs-pps-prompt__intro {
    margin-top: 18px;
    font-size: 15.5px;
    line-height: 1.7;
    color: var(--bcs-pps-text-soft);
}
.bcs-pps-prompt__body {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 28px;
    align-items: stretch;
}
/* v2.9.10: gestapelte Variante — Bild oben (Full-Width), Code darunter */
.bcs-pps-prompt__body--stacked {
    display: flex;
    flex-direction: column;
    gap: 28px;
}
.bcs-pps-prompt__result--full {
    aspect-ratio: 16 / 9;
    width: 100%;
}
.bcs-pps-prompt__codewrap {
    position: relative;
}
.bcs-pps-prompt__copy {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(250, 248, 245, 0.10);
    color: #FAF8F5;
    border: 1px solid rgba(250, 248, 245, 0.28);
    border-radius: 999px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: background .15s ease, transform .15s ease, border-color .15s ease;
}
.bcs-pps-prompt__copy:hover,
.bcs-pps-prompt__copy:focus-visible {
    background: rgba(250, 248, 245, 0.20);
    border-color: rgba(250, 248, 245, 0.55);
    transform: translateY(-1px);
}
.bcs-pps-prompt__copy.is-copied {
    background: var(--bcs-pps-gold);
    color: #1A1A1A;
    border-color: var(--bcs-pps-gold);
}
.bcs-pps-prompt__copy-icon {
    font-size: 14px;
    line-height: 1;
}

/* v2.9.30: Shooting-CTA — heller Cream-Hintergrund, Titel in Meissen-Blau (wie alle
   anderen Section-Headings), Gold-Outline-Pille als CTA (analog AI-Tool-Pills). */
.bcs-pps-outro {
    margin-top: 96px;
    padding: 88px 24px;
    background: var(--bcs-pps-cream);
    width: 100%;
}
.bcs-pps-outro__inner {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
}
.bcs-pps-outro__logo img {
    width: 84px;
    height: 84px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 4px 14px rgba(0,0,0,0.12));
}
.bcs-pps-outro__title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: clamp(30px, 3.8vw, 46px);
    line-height: 1.08;
    letter-spacing: -.012em;
    color: var(--bcs-pps-accent);
    margin: 0;
}
.bcs-pps-outro__title em {
    display: block;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: .68em;
    color: var(--bcs-pps-gold);
    opacity: 1;
    margin-top: 10px;
    letter-spacing: .005em;
    line-height: 1.25;
}
.bcs-pps-outro__text {
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.55;
    max-width: 620px;
    margin: 2px 0 16px;
    color: var(--bcs-pps-text-soft);
    opacity: 1;
}
.bcs-pps-outro__cta {
    /* v2.9.30: Gold-Outline-Pille mit transparent-goldenem Inneren (wie AI-Tool-Pills),
       Meissen-Blau-Text, KEIN Telefon-Icon. Label oben, Telefonnummer darunter. */
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 18px 38px;
    background: rgba(201,169,98,.14);
    color: var(--bcs-pps-accent);
    border-radius: 999px;
    box-shadow: 0 0 0 1.5px var(--bcs-pps-gold), inset 0 0 0 1px rgba(255,255,255,.6), 0 4px 18px rgba(201,169,98,.18);
    font-family: 'Rajdhani', sans-serif;
    text-decoration: none;
    line-height: 1.15;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.bcs-pps-outro__cta::before { content: none; }
.bcs-pps-outro__cta:hover,
.bcs-pps-outro__cta:focus-visible {
    background: rgba(201,169,98,.22);
    transform: translateY(-1px);
    box-shadow: 0 0 0 1.5px var(--bcs-pps-gold), inset 0 0 0 1px rgba(255,255,255,.8), 0 8px 28px rgba(201,169,98,.32);
}
.bcs-pps-outro__cta-label {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--bcs-pps-accent);
}
.bcs-pps-outro__cta-tel {
    font-weight: 700;
    font-size: 22px;
    letter-spacing: .01em;
    color: var(--bcs-pps-accent);
}
@media (max-width: 768px) {
    .bcs-pps-outro { padding: 64px 16px; margin-top: 64px; }
    .bcs-pps-outro__text { font-size: 17px; }
}
.bcs-pps-prompt__code {
    margin: 0;
    background: #1A1A1A;
    color: #E8E5DD;
    padding: 28px 30px;
    border-radius: var(--r-lg);
    font-family: 'Menlo', 'Consolas', monospace;
    font-size: 13.5px;
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
    box-shadow: 0 12px 36px rgba(26,26,46,.18);
    position: relative;
    overflow: hidden;
}
.bcs-pps-prompt__code::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--bcs-pps-gold) 0%, transparent 100%);
}
.bcs-pps-prompt__code code {
    font-family: inherit;
    background: none;
    padding: 0;
    color: inherit;
}
.bcs-pps-prompt__result {
    margin: 0;
    border-radius: var(--r-lg);
    overflow: hidden;
    aspect-ratio: 4 / 5;
    background: var(--bcs-pps-cream2);
    position: relative;
    box-shadow: var(--shadow-img);
}
.bcs-pps-prompt__result img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bcs-pps-prompt__result figcaption {
    position: absolute;
    left: 14px; bottom: 14px; right: 14px;
    background: rgba(26,26,46,.78);
    color: #fff;
    padding: 6px 12px;
    border-radius: var(--r-pill);
    font-size: 12px;
    backdrop-filter: blur(6px);
    text-align: center;
}

/* === FÜR WEN / FÜR WEN NICHT === */
.bcs-pps-aud {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
}
.bcs-pps-aud__head { margin-bottom: 40px; }
.bcs-pps-aud__cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.bcs-pps-aud__col {
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(10px);
    border: 1px solid var(--bcs-pps-line);
    border-radius: var(--r-lg);
    padding: 32px;
    box-shadow: var(--shadow-card);
}
.bcs-pps-aud__col h3 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 0 0 20px;
    letter-spacing: -.005em;
}
.bcs-pps-aud__col--for h3 { color: #2D7A5C; }
.bcs-pps-aud__col--not h3 { color: var(--bcs-pps-text-soft); }
.bcs-pps-aud__col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.bcs-pps-aud__col li {
    display: flex; align-items: flex-start; gap: 12px;
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--bcs-pps-text);
}
.bcs-pps-aud__icon {
    flex-shrink: 0;
    width: 22px; height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    margin-top: 1px;
    line-height: 1;
}
.bcs-pps-aud__icon--yes { background: rgba(45,122,92,.12); border: 1px solid rgba(45,122,92,.30); color: #2D7A5C; }
.bcs-pps-aud__icon--no  { background: rgba(120,120,130,.10); border: 1px solid rgba(120,120,130,.25); color: #6b6b6b; font-size: 14px; }

/* === BUNDLE === */
.bcs-pps-bundle {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge);
}
.bcs-pps-bundle__inner {
    background: rgba(255,255,255,.72);
    backdrop-filter: blur(12px);
    border: 1px solid var(--bcs-pps-gold-bord);
    border-radius: var(--r-xl);
    padding: 48px;
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 48px;
    align-items: center;
    box-shadow: 0 16px 48px rgba(0,0,0,.06);
    position: relative;
    overflow: hidden;
}
.bcs-pps-bundle__inner::before {
    content: '';
    position: absolute;
    top: -40px; right: -40px;
    width: 220px; height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,169,98,.20) 0%, rgba(201,169,98,0) 70%);
    pointer-events: none;
}
.bcs-pps-bundle__img {
    border-radius: var(--r-lg);
    overflow: hidden;
    aspect-ratio: 4 / 5;
    background: var(--bcs-pps-cream2);
    box-shadow: var(--shadow-img);
}
.bcs-pps-bundle__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bcs-pps-bundle__text { display: flex; flex-direction: column; gap: 0; }
.bcs-pps-bundle__desc {
    margin: 18px 0 22px;
    font-size: 15.5px;
    line-height: 1.7;
    color: var(--bcs-pps-text-soft);
}
.bcs-pps-bundle__list {
    list-style: none; padding: 0; margin: 0 0 24px;
    display: flex; flex-direction: column; gap: 12px;
}
.bcs-pps-bundle__list li {
    display: flex; align-items: center; gap: 12px;
    font-size: 14.5px;
    color: var(--bcs-pps-text);
}
.bcs-pps-bundle__price {
    display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
    margin-bottom: 18px;
    font-family: 'Rajdhani', sans-serif;
}
.bcs-pps-bundle__price-old {
    text-decoration: line-through;
    color: #999;
    font-size: 22px;
}
.bcs-pps-bundle__price-new {
    font-size: 38px;
    font-weight: 700;
    color: var(--bcs-pps-accent);
    letter-spacing: -.02em;
}
.bcs-pps-bundle__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    text-decoration: none;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 500;
    font-size: 21px;
    color: var(--bcs-pps-cream);
    background: var(--bcs-pps-gold);
    border-radius: var(--r-pill);
    padding: 0 36px;
    min-height: 56px;
    box-shadow: 0 4px 20px rgba(201,169,98,.32);
    transition: transform .22s ease, background .2s ease, box-shadow .22s ease;
}
.bcs-pps-bundle__btn:hover {
    background: #B89554;
    color: var(--bcs-pps-cream);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(201,169,98,.45);
}

/* === Label-Variante auf dunklem Hintergrund === */
.bcs-pps-label--dark {
    background: rgba(201,169,98,.18);
    box-shadow: 0 0 0 1px rgba(201,169,98,.45), inset 0 0 0 1px rgba(255,255,255,.12);
    color: var(--bcs-pps-gold);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.bcs-pps-label--dark::before { display: none; }

/* === Abschlussblock === */
.bcs-pps-close {
    max-width: 1280px;
    margin: 72px auto 0;
    padding: 0 var(--bcs-pps-edge) 80px;
}
.bcs-pps-close__inner {
    background: var(--bcs-pps-accent);
    background-image:
        radial-gradient(130% 80% at 50% 0%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 60%),
        linear-gradient(160deg, var(--bcs-pps-accent) 0%, var(--bcs-pps-dark) 100%);
    border-radius: var(--r-xl);
    padding: 72px 56px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(15,52,96,.22);
}
.bcs-pps-close__inner::after {
    content: '';
    position: absolute;
    bottom: -60px; right: -60px;
    width: 280px; height: 280px;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    pointer-events: none;
}
.bcs-pps-close__title {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: clamp(32px, 4vw, 56px);
    line-height: 1.0;
    letter-spacing: -.022em;
    color: #fff;
    margin: 0;
    max-width: 740px;
}
.bcs-pps-close__title em {
    display: block;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: .82em;
    letter-spacing: .008em;
    line-height: 1.2;
    color: var(--bcs-pps-gold);
    margin-top: 6px;
}
.bcs-pps-close__desc {
    font-size: 16px;
    line-height: 1.65;
    color: rgba(255,255,255,.72);
    max-width: 560px;
    margin: 0;
}
.bcs-pps-close__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 0;
    text-transform: none;
    color: var(--bcs-pps-cream);
    background: var(--bcs-pps-gold);
    border-radius: var(--r-pill);
    padding: 0 40px;
    min-height: 60px;
    margin-top: 8px;
    box-shadow: 0 4px 20px rgba(201,169,98,.40);
    transition: transform .22s ease, background .2s ease, box-shadow .22s ease;
}
.bcs-pps-close__btn:hover {
    background: #B89554;
    color: var(--bcs-pps-cream);
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(201,169,98,.55);
}
.bcs-pps-close__inner .bcs-pps-label,
.bcs-pps-close__inner .bcs-pps-label--dark { align-self: auto; }
.bcs-pps-close__sub {
    font-size: 13px;
    color: rgba(255,255,255,.45);
    margin: 0;
    letter-spacing: .04em;
}

/* === Responsive === */
@media (max-width: 1024px) {
    .bcs-pps-hero { margin-bottom: 48px; }
    .bcs-pps-page { padding: 56px 24px; }
    .bcs-pps-page__inner { gap: 36px; }
    .bcs-pps-cover { padding: 36px; min-height: 440px; border-radius: var(--r-lg); }
    .bcs-pps-exp__grid { grid-template-columns: repeat(2, 1fr); }
    .bcs-pps-warum { gap: 40px; }
    .bcs-pps-exp, .bcs-pps-warum, .bcs-pps-faq, .bcs-pps-close,
    .bcs-pps-gal, .bcs-pps-problem, .bcs-pps-vs, .bcs-pps-prompt, .bcs-pps-aud, .bcs-pps-bundle { padding-left: 24px; padding-right: 24px; }
    .bcs-pps-close__inner { padding: 56px 40px; }
    .bcs-pps-problem__grid { grid-template-columns: repeat(2, 1fr); }
    .bcs-pps-bundle__inner { padding: 36px; gap: 36px; }
    .bcs-pps-prompt__body { grid-template-columns: 1fr; }
    .bcs-pps-prompt__result { aspect-ratio: 16 / 11; }
}
/* v2.9.15: Konsolidierter Mobile-Block — Edge-Token, kein Overflow,
   alle Container width:100% + box-sizing:border-box, CTAs/Buttons zentriert. */
@media (max-width: 1024px) {
    .bcs-pps-page { --bcs-pps-edge: 20px; padding: 56px var(--bcs-pps-edge); }
}
@media (max-width: 768px) {
    .bcs-pps-page { --bcs-pps-edge: 16px; padding: 36px var(--bcs-pps-edge); }
    .bcs-pps-hero { margin-bottom: 36px; gap: 14px; }
    .bcs-pps-hero__desc { font-size: 17px; }
    .bcs-pps-hero__trust { gap: 4px 16px; }
    /* v2.9.22: Mobile interleaved layout — __left/__right werden transparent (display:contents),
       alle Kinder werden direkte Flex-Kinder von __inner und per order eingesortiert.
       Reihenfolge: Label → Titel → Rating → Preis → Cover-Bild → Testimonial → Beschreibung
       → CTA → Includes → Note → AI-Tool-Pills.
       v2.9.28: Centering JETZT auf __inner — wegen display:contents auf __right haben die
       alten text-align/align-items-Regeln nicht mehr gegriffen. */
    .bcs-pps-page__inner {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px;
        align-items: center !important;
        text-align: center !important;
    }
    .bcs-pps-page__inner > * { text-align: center !important; align-self: center !important; }
    .bcs-pps-page__inner > .bcs-pps-cover,
    .bcs-pps-page__inner > .bcs-pps-test,
    .bcs-pps-page__inner > .bcs-pps-incl,
    .bcs-pps-page__inner > .bcs-pps-note,
    .bcs-pps-page__inner > .bcs-pps-pills-wrap { width: 100%; }
    .bcs-pps-page__inner .bcs-pps-h1,
    .bcs-pps-page__inner .bcs-pps-desc,
    .bcs-pps-page__inner .bcs-pps-rating,
    .bcs-pps-page__inner .bcs-pps-rating__text { text-align: center !important; }
    .bcs-pps-page__inner .bcs-pps-h1 em { display: block; }
    .bcs-pps-page .bcs-pps-label { align-self: center !important; }
    .bcs-pps-page__left,
    .bcs-pps-page__right { display: contents; }
    .bcs-pps-page__right > .bcs-pps-label   { order: 1; }
    .bcs-pps-page__right > .bcs-pps-h1      { order: 2; }
    .bcs-pps-page__right > .bcs-pps-rating  { order: 3; }
    .bcs-pps-page__right > .bcs-pps-price   { order: 4; }
    .bcs-pps-page__left  > .bcs-pps-cover   { order: 5; }
    .bcs-pps-page__left  > .bcs-pps-test    { order: 6; }
    .bcs-pps-page__right > .bcs-pps-desc    { order: 7; }
    .bcs-pps-page__right > .bcs-pps-cta     { order: 8; }
    .bcs-pps-page__right > .bcs-pps-incl    { order: 9; }
    .bcs-pps-page__right > .bcs-pps-note    { order: 10; }
    .bcs-pps-page__left  > .bcs-pps-pills-wrap { order: 11; }
    /* v2.9.28: Cover-Padding raus — verursachte ~48px Whitespace zwischen Bild und Testimonial */
    .bcs-pps-cover { min-height: 0; padding: 0; border-radius: var(--r-md); }
    .bcs-pps-test { flex-direction: column; }
    .bcs-pps-cta { padding: 0 24px; min-height: 54px; font-size: 15px; }
    .bcs-pps-incl, .bcs-pps-note { padding: 22px; border-radius: var(--r-md); }
    .bcs-pps-exp__grid { grid-template-columns: 1fr; }
    .bcs-pps-exp__card { padding: 22px; }
    .bcs-pps-warum { grid-template-columns: 1fr; direction: ltr; gap: 28px; }
    .bcs-pps-warum--img-left { direction: ltr; }
    /* v2.9.17: Auf Mobile zuerst Bild (Marco), dann Text */
    .bcs-pps-warum__img  { order: 1; }
    .bcs-pps-warum__text { order: 2; align-items: center; text-align: center; }
    /* v2.9.28: ALLE Label-Pills auf Mobile zentriert (Default ist align-self:flex-start). */
    .bcs-pps-page .bcs-pps-label { align-self: center; }
    .bcs-pps-warum__img { max-width: 280px; }
    .bcs-pps-faq__q { padding: 16px 18px; font-size: 14.5px; }
    .bcs-pps-faq__a { padding: 0 18px 16px; }
    .bcs-pps-close__inner { padding: 40px 24px; border-radius: var(--r-lg); gap: 16px; }
    .bcs-pps-close__btn { min-height: 54px; padding: 0 28px; font-size: 18px; width: 100%; max-width: 360px; }
    .bcs-pps-gal__grid, .bcs-pps-problem__grid, .bcs-pps-aud__cols { grid-template-columns: 1fr !important; }
    .bcs-pps-vs__pair { grid-template-columns: 1fr; gap: 12px; }
    /* v2.9.18: VS-Tags auf Mobile nach unten links statt oben links */
    .bcs-pps-vs__tag { top: auto; bottom: 14px; }
    .bcs-pps-prompt__body { grid-template-columns: 1fr; gap: 18px; }
    .bcs-pps-prompt__code { padding: 18px; font-size: 12.5px; word-break: break-word; overflow-wrap: anywhere; }
    /* v2.9.16: Copy-Button auf Mobile aus dem Code rausziehen — er hat sonst den
       Anfang des Prompts verdeckt. Jetzt absolut oberhalb der Code-Box. */
    .bcs-pps-prompt__codewrap { padding-top: 48px; }
    .bcs-pps-prompt__copy { top: 0; right: 0; background: var(--bcs-pps-accent); border-color: var(--bcs-pps-accent); color: #FAF8F5; }
    /* v2.9.16: Prompt-Block geht auf Mobile bis an den Bildschirmrand — Inline-Padding
       (Elementor injiziert 56px 48px wenn Background gesetzt) wird hier hart aufgehoben.
       Head bekommt kompakten Innenrand, Bild und Code gehen voll bis zur Card-Kante. */
    .bcs-pps-prompt {
        margin-left: calc(-1 * var(--bcs-pps-edge));
        margin-right: calc(-1 * var(--bcs-pps-edge));
        /* v2.9.20: Width muss die Edge-Breite explizit dazurechnen, sonst clipt
           max-width:100% (aus dem Sektions-Sammel-Selector) den rechten Rand. */
        width: calc(100% + 2 * var(--bcs-pps-edge)) !important;
        max-width: none !important;
        padding: 32px 0 !important;
        border-radius: 0 !important;
    }
    .bcs-pps-prompt__head { padding: 0 var(--bcs-pps-edge); margin-bottom: 24px; }
    /* v2.9.28: Abstand zwischen Result-Bild und Copy-Button-Box wiederherstellen */
    .bcs-pps-prompt__body--stacked { gap: 24px; }
    .bcs-pps-prompt__result--full { border-radius: 0; }
    .bcs-pps-prompt__result { border-radius: 0; }
    .bcs-pps-prompt__code { border-radius: 0; }
    .bcs-pps-bundle__inner { grid-template-columns: 1fr; padding: 24px; gap: 24px; border-radius: var(--r-lg); text-align: center; align-items: center; }
    .bcs-pps-bundle__text { align-items: center; }
    .bcs-pps-bundle__price { justify-content: center; }
    .bcs-pps-bundle__list { align-items: flex-start; max-width: 320px; margin-left: auto; margin-right: auto; text-align: left; }
    .bcs-pps-bundle__img { aspect-ratio: 16 / 10; }
    .bcs-pps-bundle__btn { width: 100%; max-width: 360px; align-self: center; padding: 0 24px; min-height: 52px; font-size: 18px; }
    .bcs-pps-aud__col { padding: 24px; }
    /* Sektions-Wrapper: kein eigenes Padding, max-width:100% — Rand kommt nur von .bcs-pps-page */
    .bcs-pps-hero,
    .bcs-pps-page__inner,
    .bcs-pps-exp,
    .bcs-pps-warum,
    .bcs-pps-faq,
    .bcs-pps-close,
    .bcs-pps-gal,
    .bcs-pps-problem,
    .bcs-pps-vs,
    .bcs-pps-prompt,
    .bcs-pps-aud,
    .bcs-pps-bundle { padding-left: 0; padding-right: 0; max-width: 100%; margin-top: 48px; }
    .bcs-pps-hero { margin-top: 0; }
    /* Galerie: 2 Spalten Mobile statt 3 — Bilder ein Drittel groesser */
    .bcs-pps-strip { --strip-cols-mobile: 2; }
    /* Headline-Centering fuer alle Section-Heads auf Mobile */
    .bcs-pps-exp__head,
    .bcs-pps-warum__text,
    .bcs-pps-faq__head,
    .bcs-pps-gal__head,
    .bcs-pps-problem__head,
    .bcs-pps-vs__head,
    .bcs-pps-prompt__head,
    .bcs-pps-aud__head,
    .bcs-pps-bundle__text { text-align: center; }
    .bcs-pps-page__right .bcs-pps-label { align-self: center; }
    /* v2.9.19: Komplette rechte Spalte auf Mobile mittig — Titel/Rating/Preis/Text */
    .bcs-pps-page__right { align-items: center; text-align: center; }
    .bcs-pps-page__right .bcs-pps-rating { justify-content: center; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
    /* v2.9.26: Sterne über der Rating-Text-Zeile (Mobile) */
    .bcs-pps-page__right .bcs-pps-rating__stars { font-size: 18px; }
    /* v2.9.27: Preis-Block als CSS-Grid — alter Preis + neuer Preis nebeneinander
       in Zeile 1, kompakte SPAREN-Pille zentriert in Zeile 2 darunter. */
    .bcs-pps-page__right .bcs-pps-price {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto;
        justify-content: center;
        align-items: center;
        column-gap: 14px;
        row-gap: 10px;
        flex-wrap: initial;
    }
    .bcs-pps-page__right .bcs-pps-price__old  { grid-row: 1; grid-column: 1; justify-self: end; }
    .bcs-pps-page__right .bcs-pps-price__new  { grid-row: 1; grid-column: 2; justify-self: start; }
    .bcs-pps-page__right .bcs-pps-price__save {
        grid-row: 2;
        grid-column: 1 / -1;
        justify-self: center;
        flex-basis: auto;
        margin: 0;
        padding: 6px 18px;
        width: auto;
    }
    .bcs-pps-page__right .bcs-pps-desc { text-align: center; }
    .bcs-pps-page__right .bcs-pps-incl,
    .bcs-pps-page__right .bcs-pps-note { text-align: left; width: 100%; }
    /* Italic-Blockquote: border-left auf Mobile zu Top-Border umstellen */
    .bcs-pps-page__right blockquote,
    .bcs-pps-page__right .bcs-pps-quote {
        border-left: 0;
        border-top: 2px solid var(--bcs-pps-gold);
        padding-left: 0;
        padding-top: 14px;
        text-align: center;
    }
}
@media (max-width: 480px) {
    .bcs-pps-page { --bcs-pps-edge: 12px; }
    .bcs-pps-strip { --strip-cols-mobile: 2; --strip-gap: 8px; }
    .bcs-pps-bundle__inner { padding: 20px; }
    .bcs-pps-prompt__code { padding: 14px; font-size: 12px; }
}

/* v2.9.23: Galerie-Lightbox */
.bcs-pps-lb {
    /* v2.9.31: Cream-Hintergrund (wie der Rest der Seite) statt dunkles Meissen-Blau */
    position: fixed;
    inset: 0;
    background: rgba(250, 248, 245, .96);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    transition: opacity .2s ease;
    cursor: zoom-out;
    padding: 24px;
}
.bcs-pps-lb.is-open { opacity: 1; }
.bcs-pps-lb img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 24px 80px rgba(0,0,0,.5);
    border-radius: 4px;
    transform: scale(.96);
    transition: transform .2s ease;
}
.bcs-pps-lb.is-open img { transform: scale(1); }
.bcs-pps-lb__close {
    /* v2.9.31: Close-Icon dunkel auf Cream — passend zum hellen Backdrop */
    position: absolute;
    top: 16px;
    right: 16px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(15,52,96,.08);
    color: var(--bcs-pps-accent);
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
}
.bcs-pps-lb__close:hover { background: rgba(15,52,96,.16); }