/* Biohacking-Seite (Neubau 12.10.2026, „B v3 Liquid Glass").
   Dunkle Dschungel-Basis wie Startseite/Admin, Glas wie hims/hers + Apple.
   Alles unter #bhs gekapselt — das Layout (Header, Footer, Modals) bleibt unberuehrt. */

#bhs {
    --bone: #f4f1ea; --deep: #0b0e0c; --gold: #c9b08c; --gold2: #a88d68;
    --tx2: #cfc9bd; --tx3: #8f8a80; --lime: #b9d39a; --amber: #e8b27a;
    background: var(--deep); color: var(--bone);
    font-family: Jost, system-ui, -apple-system, sans-serif;
    min-height: 100vh; padding-bottom: 150px; overflow-x: clip;
}
#bhs *, #bhs *::before, #bhs *::after { box-sizing: border-box; }
#bhs img { display: block; max-width: 100%; }
#bhs, #bhs h1, #bhs h2, #bhs h3, #bhs h4, #bhs p { text-align: left; }
#bhs [id^="bhs-"] { scroll-margin-top: 104px; }
#bhs h1, #bhs h2, #bhs h3 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 500; margin: 0; color: var(--bone); }
#bhs p { margin: 0; }
#bhs a { color: var(--gold); }
#bhs [hidden] { display: none !important; }

.bhs-lg {
    position: relative;
    background: linear-gradient(160deg, rgba(255,255,255,.15), rgba(255,255,255,.05) 45%, rgba(255,255,255,.08));
    -webkit-backdrop-filter: blur(26px) saturate(170%); backdrop-filter: blur(26px) saturate(170%);
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 12px 34px rgba(0,0,0,.35);
}
.bhs-lg::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: radial-gradient(120% 60% at 10% 0%, rgba(255,255,255,.16), rgba(255,255,255,0) 55%); }

.bhs-chip { border-radius: 99px; padding: 7px 12px; font-size: 12px; font-weight: 500; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; color: var(--bone); }
.bhs-k { font-size: 10.5px; letter-spacing: .24em; color: var(--gold); font-weight: 500; text-transform: uppercase; }
.bhs-dot { width: 8px; height: 8px; border-radius: 50%; background: #7ee08a; flex: 0 0 8px; animation: bhsPuls 1.8s infinite; }
.bhs-dot-amber { background: var(--amber); }
@keyframes bhsPuls { 0% { box-shadow: 0 0 0 0 rgba(126,224,138,.55); } 70% { box-shadow: 0 0 0 9px rgba(126,224,138,0); } 100% { box-shadow: 0 0 0 0 rgba(126,224,138,0); } }
@media (prefers-reduced-motion: reduce) { .bhs-dot { animation: none; } }

/* ---------- Hero ---------- */
.bhs-hero { position: relative; }
.bhs-hero-ph { position: relative; height: min(118vw, 560px); }
.bhs-hero-ph img { width: 100%; height: 100%; object-fit: cover; object-position: center 62%; }
.bhs-hero-ph::after { content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(11,14,12,.55) 0%, rgba(11,14,12,0) 22%, rgba(11,14,12,0) 86%, var(--deep) 100%); }
.bhs-live { position: absolute; left: 16px; top: 96px; z-index: 2; }
.bhs-hero-in { position: relative; z-index: 2; padding: 6px 18px 0; max-width: 620px; }
.bhs-hero h1 { font-size: clamp(40px, 11vw, 64px); line-height: .98; margin: 8px 0 12px; letter-spacing: -.01em; }
.bhs-hero h1 em { color: var(--gold); font-style: italic; }
.bhs-lead { font-size: 15px; line-height: 1.5; color: var(--tx2); }
.bhs-ctas { display: flex; gap: 8px; margin-top: 18px; }
.bhs-btn { flex: 1; border-radius: 99px; padding: 15px 14px; text-align: center; font: 600 14px Jost, sans-serif; cursor: pointer; border: 0; text-decoration: none; color: var(--bone); }
.bhs-btn-g { background: linear-gradient(135deg, #ead7b8, var(--gold) 55%, var(--gold2)); color: #18140f; box-shadow: 0 8px 24px rgba(201,176,140,.35); }
#bhs a.bhs-btn-o { color: var(--bone); }
.bhs-trust { display: flex; gap: 6px; overflow-x: auto; padding: 16px 0 2px; scrollbar-width: none; }
.bhs-trust::-webkit-scrollbar { display: none; }
.bhs-trust .bhs-chip { color: var(--tx2); font-size: 11.5px; }

/* ---------- Sections ---------- */
.bhs-wrap { max-width: 620px; margin: 0 auto; }
.bhs-sec { padding: 0 14px; }
.bhs-st { padding: 36px 4px 14px; }
.bhs-st h2 { font-size: 34px; line-height: 1.02; margin-top: 6px; }
.bhs-st p:not(.bhs-k) { font-size: 13.5px; color: var(--tx3); margin-top: 6px; line-height: 1.45; }

/* Bestseller-Karte */
.bhs-pc { border-radius: 34px; overflow: hidden; position: relative; background: #cfd5c3; }
.bhs-pc-im { height: min(120vw, 520px); }
.bhs-pc-im img { width: 100%; height: 100%; object-fit: cover; }
.bhs-pc-b1, .bhs-pc-b2 { position: absolute; top: 14px; color: #1d211c; background: rgba(255,255,255,.55); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.7); }
.bhs-pc-b1 { left: 14px; } .bhs-pc-b2 { right: 14px; }
.bhs-pc-ov { position: absolute; left: 10px; right: 10px; bottom: 10px; border-radius: 28px; padding: 16px; color: #14170f;
    background: rgba(255,255,255,.55); -webkit-backdrop-filter: blur(24px) saturate(170%); backdrop-filter: blur(24px) saturate(170%);
    border: 1px solid rgba(255,255,255,.75); box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
.bhs-pc-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bhs-pc-row b { display: block; font-size: 17px; font-weight: 600; }
.bhs-pc-row small { font-size: 12px; color: #454b3f; }
.bhs-pc-pr { font: 600 30px "Cormorant Garamond", serif; }
.bhs-pc-ov p { margin-top: 10px; font-size: 13px; line-height: 1.5; color: #2f342a; }

.bhs-add { margin-top: 12px; width: 100%; border: 0; border-radius: 99px; padding: 14px; font: 600 14px Jost, sans-serif; cursor: pointer; background: #14170f; color: #fff; transition: background .2s, transform .15s; }
.bhs-add:active { transform: scale(.98); }
.bhs-add[aria-pressed="true"] { background: #4c5a40; }
.bhs-add-amber { background: linear-gradient(135deg, #f0c999, var(--amber)); color: #20160c; }
.bhs-add-amber[aria-pressed="true"] { background: #4c5a40; color: #fff; }

.bhs-proof { display: flex; align-items: center; gap: 8px; margin: 12px 6px 0; font-size: 12.5px; color: var(--tx2); }
.bhs-av { display: flex; }
.bhs-av i { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--deep); margin-left: -6px; background: linear-gradient(135deg, #c9b08c, #6b7d5c); }
.bhs-av i:first-child { margin-left: 0; }
.bhs-av i:nth-child(2) { background: linear-gradient(135deg, #d9c7b5, #8c6f5a); }
.bhs-av i:nth-child(3) { background: linear-gradient(135deg, #a6b896, #3e4a36); }

/* Signature-Zusatz */
.bhs-sig { border-radius: 34px; overflow: hidden; position: relative; border: 1px solid rgba(232,178,122,.35);
    background: radial-gradient(120% 80% at 50% 0%, rgba(232,178,122,.18), rgba(11,14,12,0) 60%), #121512; }
.bhs-sig-im { height: min(86vw, 380px); position: relative; }
.bhs-sig-im img { width: 100%; height: 100%; object-fit: cover; }
.bhs-sig-im::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, #121512); }
.bhs-sig-bd { padding: 0 18px 20px; margin-top: -30px; position: relative; z-index: 2; }
.bhs-sig-k { font-size: 10px; letter-spacing: .26em; color: var(--amber); }
.bhs-sig h3 { font-size: 30px; line-height: 1.02; margin: 6px 0 8px; }
.bhs-sig-bd > p:not(.bhs-sig-k):not(.bhs-sig-fein) { font-size: 13.5px; line-height: 1.5; color: var(--tx2); }
.bhs-sig-preis { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 14px; border-radius: 20px; background: rgba(232,178,122,.08); border: 1px solid rgba(232,178,122,.2); font-size: 12px; color: var(--tx2); line-height: 1.4; }
.bhs-sig-plus { font: 600 30px "Cormorant Garamond", serif; color: var(--amber); }
.bhs-sig-fein { font-size: 11px; color: var(--tx3); text-align: center; margin-top: 8px; }

/* Weitere Behandlungen */
.bhs-addons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bhs-ao { border-radius: 28px; overflow: hidden; }
.bhs-ao-im { height: 190px; position: relative; }
.bhs-ao-im img { width: 100%; height: 100%; object-fit: cover; }
.bhs-ao-im .bhs-chip { position: absolute; top: 10px; left: 10px; color: #1d211c; background: rgba(255,255,255,.55); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); font-size: 10.5px; padding: 5px 9px; }
.bhs-ao-bd { padding: 12px 12px 14px; }
.bhs-ao-bd b { font-size: 14.5px; font-weight: 600; display: block; line-height: 1.2; }
.bhs-ao-bd small { font-size: 11.5px; color: var(--tx3); display: block; margin-top: 3px; min-height: 30px; }
.bhs-ao-ft { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.bhs-ao-p { font: 600 23px "Cormorant Garamond", serif; }
.bhs-ao-p s { font-size: 14px; color: var(--tx3); margin-left: 4px; }
.bhs-ao-p em { font: 600 10px Jost, sans-serif; font-style: normal; color: var(--lime); display: block; letter-spacing: .06em; }
.bhs-plus { width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer; font-size: 20px; background: var(--bone); color: #14170f; transition: background .2s, transform .15s; }
.bhs-plus[aria-pressed="true"] { background: var(--lime); }
.bhs-plus:active { transform: scale(.94); }
.bhs-full { margin-top: 10px; width: 100%; border-radius: 24px; padding: 14px 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; text-align: left; cursor: pointer; color: var(--bone); font-family: inherit; }
.bhs-full b { display: block; font-size: 14px; font-weight: 600; }
.bhs-full small { display: block; font-size: 11.5px; color: var(--tx3); margin-top: 2px; }
.bhs-full-p { font: 600 24px "Cormorant Garamond", serif; color: var(--gold); text-align: right; white-space: nowrap; }
.bhs-full-p small { font: 500 10.5px Jost, sans-serif; color: var(--tx3); }

/* Warenkorb */
.bhs-bag { border-radius: 30px; padding: 18px; }
.bhs-bag-leer { font-size: 13.5px; color: var(--tx3); }
.bhs-ln { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; font-size: 14px; color: var(--tx2); border-bottom: 1px solid rgba(255,255,255,.07); }
.bhs-ln span:last-child { color: var(--bone); }
.bhs-ln-kv span:last-child { color: var(--lime); }
.bhs-ln-sg span:first-child { color: #efd2b0; }
.bhs-ln-sg span:last-child { color: var(--amber); }
.bhs-tot { display: flex; justify-content: space-between; align-items: baseline; padding-top: 12px; }
.bhs-tot small { font-size: 12px; color: var(--tx3); }
.bhs-tot b { font: 600 34px "Cormorant Garamond", serif; }

/* Termin */
.bhs-urg { border-radius: 22px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; font-size: 13px; margin-bottom: 4px; }
.bhs-urg b { color: var(--gold); font-variant-numeric: tabular-nums; }
.bhs-days { display: flex; gap: 8px; overflow-x: auto; padding: 10px 2px 2px; scrollbar-width: none; }
.bhs-days::-webkit-scrollbar { display: none; }
.bhs-laden { font-size: 13px; color: var(--tx3); }
.bhs-day { flex: 0 0 64px; border-radius: 20px; text-align: center; padding: 10px 0; font: 500 11px Jost, sans-serif; color: var(--tx3); cursor: pointer; }
.bhs-day b { display: block; font-size: 20px; color: var(--bone); font-weight: 500; }
.bhs-day i { display: block; font-style: normal; font-size: 10px; margin-top: 2px; color: var(--amber); }
.bhs-day i.leer { color: var(--tx3); }
.bhs-day[aria-selected="true"] { background: var(--bone); color: #555; }
.bhs-day[aria-selected="true"] b { color: #14170f; }
.bhs-day[disabled] { opacity: .4; cursor: default; }
.bhs-times { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 10px; }
.bhs-tm { border-radius: 20px; padding: 12px 14px; cursor: pointer; font: 400 12px Jost, sans-serif; color: var(--tx3); text-align: left; }
.bhs-tm b { display: block; font-size: 18px; color: var(--bone); font-weight: 500; }
.bhs-tm .bhs-letzter { color: var(--amber); font-weight: 600; }
.bhs-tm[aria-pressed="true"] { background: var(--bone); color: #555; }
.bhs-tm[aria-pressed="true"] b { color: #14170f; }
.bhs-keine { grid-column: 1 / -1; font-size: 13px; color: var(--tx3); padding: 8px 4px; }

/* Vorteile */
.bhs-ben { border-radius: 26px; overflow: hidden; margin-bottom: 10px; }
.bhs-ben summary { list-style: none; cursor: pointer; display: flex; gap: 12px; align-items: center; padding: 12px 14px 12px 12px; }
.bhs-ben summary::-webkit-details-marker { display: none; }
.bhs-ben summary img { width: 54px; height: 54px; border-radius: 16px; object-fit: cover; flex: 0 0 54px; }
.bhs-ben summary > span { flex: 1; }
.bhs-ben summary b { display: block; font-size: 15px; font-weight: 600; }
.bhs-ben summary small { font-size: 11.5px; color: var(--tx3); }
.bhs-ben summary::after { content: "+"; font-size: 22px; color: var(--gold); width: 20px; text-align: center; }
.bhs-ben[open] summary::after { content: "–"; }
.bhs-ben-bd { padding: 2px 16px 16px; }
.bhs-ben h4 { font: 500 10px Jost, sans-serif; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); margin: 14px 0 6px; }
.bhs-ben p { font-size: 13.5px; line-height: 1.55; color: var(--tx2); }
.bhs-ben ul { list-style: none; margin: 0; padding: 0; }
.bhs-ben li { font-size: 13.5px; line-height: 1.5; color: var(--tx2); padding: 7px 0 7px 22px; position: relative; border-top: 1px solid rgba(255,255,255,.06); }
.bhs-ben li:first-child { border: 0; }
.bhs-ben li::before { content: "✓"; position: absolute; left: 2px; color: var(--lime); font-weight: 600; }
.bhs-ben li b { color: var(--bone); font-weight: 500; }
.bhs-fit { display: flex; gap: 6px; flex-wrap: wrap; }
.bhs-fit span { font-size: 11.5px; border-radius: 99px; padding: 5px 10px; background: rgba(255,255,255,.07); color: var(--tx2); }
.bhs-ben a { display: inline-block; margin-top: 12px; font-size: 12.5px; text-decoration: none; }

.bhs-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.bhs-steps li { border-radius: 22px; padding: 14px 16px; display: flex; gap: 14px; align-items: center; font-size: 14px; color: var(--tx2); }
.bhs-steps em { font: 600 26px "Cormorant Garamond", serif; font-style: normal; color: var(--gold); width: 18px; }
.bhs-q { border-radius: 20px; padding: 14px 16px; margin-bottom: 8px; font-size: 14px; }
.bhs-q summary { cursor: pointer; list-style: none; font-weight: 500; display: flex; justify-content: space-between; gap: 10px; }
.bhs-q summary::-webkit-details-marker { display: none; }
.bhs-q summary::after { content: "+"; color: var(--gold); }
.bhs-q[open] summary::after { content: "–"; }
.bhs-q p { margin-top: 8px; color: var(--tx2); font-size: 13.5px; line-height: 1.5; }
.bhs-fine { font-size: 11px; color: var(--tx3); padding: 22px 18px 0; line-height: 1.55; }

/* ---------- Dock ---------- */
.bhs-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; padding: 10px 12px calc(14px + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, rgba(11,14,12,0), rgba(11,14,12,.9) 40%); pointer-events: none; }
.bhs-dock { transition: transform .35s cubic-bezier(.2,.9,.2,1), opacity .25s; }
.bhs-dock.ist-versteckt { transform: translateY(110%); opacity: 0; }
.bhs-dock.ist-versteckt .bhs-dk { pointer-events: none; }
.bhs-dk { pointer-events: auto; max-width: 560px; margin: 0 auto; border-radius: 32px; padding: 12px; }
.bhs-dk-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; padding: 0 6px 10px; }
.bhs-dk-top small { font-size: 11.5px; color: var(--tx3); display: block; }
.bhs-dk-top b { font: 600 28px "Cormorant Garamond", serif; }
.bhs-dk-hint { font-size: 11.5px; color: var(--gold); text-align: right; line-height: 1.3; }
.bhs-slide { width: 100%; height: 58px; border: 0; border-radius: 99px; background: linear-gradient(135deg, #ead7b8, var(--gold) 55%, var(--gold2)); position: relative; display: flex; align-items: center; justify-content: center;
    font: 600 14.5px Jost, sans-serif; color: #18140f; cursor: pointer; overflow: hidden; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.bhs-slide-text { position: relative; z-index: 1; transition: opacity .2s; }
/* Ausserhalb von „buchen" ist es ein normaler Knopf: kein Knopf-Kreis, keine Pfeile, keine Spur. */
.bhs-knob, .bhs-chev, .bhs-fill { display: none; }
.bhs-slide.ist-bereit { cursor: grab; touch-action: none; justify-content: flex-start; padding-left: 70px; }
.bhs-slide.ist-bereit:active { cursor: grabbing; }
.bhs-slide.ist-bereit .bhs-knob { display: grid; position: absolute; left: 5px; top: 5px; width: 48px; height: 48px; border-radius: 50%; background: #14170f; color: var(--bone); place-items: center; font-size: 18px; z-index: 2; box-shadow: 0 4px 14px rgba(0,0,0,.3); will-change: transform; }
.bhs-slide.ist-bereit .bhs-chev { display: block; position: absolute; right: 20px; opacity: .55; letter-spacing: -2px; animation: bhsChev 1.6s ease-in-out infinite; }
.bhs-slide.ist-bereit .bhs-fill { display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 58px; border-radius: 99px; background: rgba(20,23,15,.14); z-index: 0; }
.bhs-slide.ist-bereit .bhs-knob { animation: bhsSchub 2.4s ease-in-out infinite; }
.bhs-slide.ist-stups .bhs-knob { animation: bhsStups .7s cubic-bezier(.2,.9,.2,1); }
.bhs-slide.ist-zieht .bhs-knob, .bhs-slide.ist-zieht .bhs-chev { animation: none; }
.bhs-slide.ist-fertig { background: #4c5a40; color: #fff; }
.bhs-slide.ist-fertig .bhs-knob { background: var(--bone); color: #4c5a40; animation: none; }
@keyframes bhsSchub { 0%, 70%, 100% { transform: translateX(0); } 80% { transform: translateX(12px); } 90% { transform: translateX(0); } }
@keyframes bhsStups { 0% { transform: translateX(0); } 35% { transform: translateX(46px); } 100% { transform: translateX(0); } }
@keyframes bhsChev { 0%, 100% { opacity: .35; transform: translateX(0); } 50% { opacity: .75; transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) { .bhs-slide.ist-bereit .bhs-knob, .bhs-slide.ist-bereit .bhs-chev { animation: none; } }

/* ---------- Buchungsblatt ---------- */
.bhs-sheet { position: fixed; inset: 0; z-index: 1000; display: none; }
.bhs-sheet.ist-offen { display: block; }
.bhs-sheet-bg { position: absolute; inset: 0; background: rgba(0,0,0,.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.bhs-sheet-in { position: absolute; left: 0; right: 0; bottom: 0; max-height: 92vh; overflow-y: auto; max-width: 560px; margin: 0 auto;
    border-radius: 32px 32px 0 0; padding: 22px 18px calc(24px + env(safe-area-inset-bottom));
    background: rgba(24,27,24,.92); -webkit-backdrop-filter: blur(30px) saturate(160%); backdrop-filter: blur(30px) saturate(160%);
    border: 1px solid rgba(255,255,255,.12); animation: bhsHoch .35s cubic-bezier(.2,.9,.2,1); }
@keyframes bhsHoch { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.bhs-sheet h3 { font-size: 30px; margin-bottom: 12px; }
.bhs-x { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.1); color: var(--bone); font-size: 22px; cursor: pointer; }
.bhs-sum { border-radius: 22px; padding: 4px 14px 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.bhs-sum .bhs-ln:last-of-type { border-bottom: 0; }
.bhs-sum-zeit { font-size: 13px; color: var(--gold); padding-top: 10px; }
.bhs-form { display: grid; gap: 10px; margin-top: 16px; }
.bhs-form-k { font-size: 10.5px; letter-spacing: .22em; color: var(--gold); text-transform: uppercase; }
.bhs-form label { display: grid; gap: 6px; font-size: 12.5px; color: var(--tx2); }
.bhs-form input { width: 100%; border-radius: 16px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); color: var(--bone); padding: 13px 14px; font: 400 16px Jost, sans-serif; }
.bhs-form input:focus { outline: 2px solid var(--gold); outline-offset: 1px; }
.bhs-form input.ist-falsch { border-color: #e2836b; }
.bhs-form small { font-size: 11px; color: var(--tx3); }
.bhs-err { font-size: 13px; color: #f0a48f; }
.bhs-zahl { font-size: 11.5px; color: var(--tx3); line-height: 1.5; margin: 14px 0 12px; }
#bhsPaypal { min-height: 50px; }

/* ---------- ab Tablet ---------- */
@media (min-width: 900px) {
    #bhs { padding-bottom: 170px; }
    .bhs-hero { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 48px; max-width: 1180px; margin: 0 auto; padding: 120px 32px 20px; }
    .bhs-hero-ph { height: 640px; border-radius: 40px; overflow: hidden; }
    .bhs-hero-ph::after { background: linear-gradient(180deg, rgba(11,14,12,.25), rgba(11,14,12,0) 30%); }
    .bhs-live { top: 20px; }
    .bhs-hero-in { padding: 0; }
    .bhs-wrap { max-width: 1180px; padding: 0 32px; display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; align-items: start; }
    .bhs-sec { padding: 0; }
    #bhs-vorteile, .bhs-fine { grid-column: 1 / -1; }
    .bhs-pc-im { height: 560px; }
}