/* BCS Media · Intro Header — v1.4.0
   CI v2026.12 · bcs-media.de
   NEU v1.4.0: Body-Width und Overline-Width per Slider einstellbar */

.bcs-ih {
    padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 64px) clamp(40px, 6vw, 80px);
    background-color: #FBF9F7;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

/* Eliott Baer */
.bcs-ih__baer {
    width: 72px;
    height: 72px;
    display: block;
    margin: 0 auto 36px;
    object-fit: contain;
}

/* Overline — EB Garamond italic */
.bcs-ih__overline {
    display: block;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: clamp(17px, 1.9vw, 22px);
    color: #C9A962;
    line-height: 1.6;
    margin: 0 auto 32px;
    max-width: 64ch;
}

/* Headline — Rajdhani Bold */
.bcs-ih__h1 {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(40px, 7.5vw, 96px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.01em !important;
    color: #0047AB !important;
    text-transform: uppercase !important;
    margin: 0 0 32px !important;
    text-wrap: balance;
}

/* Goldlinien */
.bcs-ih__divider {
    display: inline-block;
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #C9A962, transparent);
    border: 0 !important;
    padding: 0;
    margin: 24px auto 24px;
    vertical-align: top;
}

/* Fließtext — v1.4.0: Default 90ch (war 72ch), per Slider 40-130ch einstellbar */
.bcs-ih__body {
    font-family: 'Open Sans', sans-serif;
    font-size: clamp(15px, 1.4vw, 17px);
    line-height: 1.75;
    color: rgba(10, 31, 60, .72);
    max-width: 90ch;
    margin: 0 auto 48px;
}

/* Kein unterer Abstand wenn kein CTA folgt */
.bcs-ih__body--last {
    margin-bottom: 0;
}

/* CTA-Gruppe */
.bcs-ih__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
    align-items: center;
}

/* Roter Button */
.bcs-ih__btn-rot {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    padding: 18px 38px !important;
    background-color: #D9531E !important;
    border: 1px solid #D9531E !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 18px rgba(217, 83, 30, .28) !important;
    cursor: pointer;
    transition: all .25s ease !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

.bcs-ih__btn-rot:hover {
    background-color: #B23E13 !important;
    border-color: #B23E13 !important;
    box-shadow: 0 10px 28px rgba(217, 83, 30, .38) !important;
    transform: translateY(-1px);
    color: #fff !important;
}

.bcs-ih__btn-preis {
    opacity: .82;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
}

/* Ghost Link */
.bcs-ih__btn-link {
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: #0A1F3C !important;
    border-bottom: 1px solid rgba(10, 31, 60, .52) !important;
    padding-bottom: 4px !important;
    transition: color .2s, border-color .2s !important;
    text-decoration: none !important;
}

.bcs-ih__btn-link:hover {
    color: #D9531E !important;
    border-color: #D9531E !important;
}

/* Responsive */
@media (max-width: 680px) {
    .bcs-ih__cta { flex-direction: column; }
    .bcs-ih__btn-rot,
    .bcs-ih__btn-link {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }
}