.cb-phero{background:var(--color-surface-hero);overflow:hidden;position:relative}
.cb-phero__bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:right center;pointer-events:none}
.cb-phero__shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(20,18,21,.97) 0%,rgba(20,18,21,.88) 34%,rgba(20,18,21,.5) 64%,rgba(20,18,21,.24) 100%),linear-gradient(180deg,rgba(20,18,21,.35) 0%,transparent 30%,transparent 62%,rgba(16,20,24,.72) 100%)}
.cb-phero .section-glow{z-index:2}
.cb-phero__beams{position:absolute;inset:-10% -20% auto;height:130%;pointer-events:none;z-index:3;mix-blend-mode:screen}
.cb-phero__beam{position:absolute;top:0;bottom:0;width:64%;transform-origin:50% 0}
.cb-phero__beam--l{left:-14%;background:radial-gradient(ellipse 30% 52% at 62% 4%,rgba(255,238,228,.14),rgba(255,170,120,.07) 42%,transparent 74%);transform:rotate(14deg)}
.cb-phero__beam--r{right:-14%;background:radial-gradient(ellipse 30% 52% at 38% 4%,rgba(255,238,228,.14),rgba(255,170,120,.07) 42%,transparent 74%);transform:rotate(-14deg)}
.cb-phero__inner{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding-block:var(--space-md)}
.cb-phero--bild{display:flex;align-items:center;min-height:clamp(360px,44vh,560px)}
.cb-phero--bild .cb-phero__inner{width:100%}
.cb-phero__crown{width:2.2em;height:auto;flex:none;fill:var(--color-accent)}
.cb-phero__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:var(--lh-heading);letter-spacing:var(--ls-tight);color:var(--color-text);margin:0;max-width:22ch}
.cb-phero__lead{margin:0;max-width:56ch}
.cb-phero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--space-sm)}
@media (max-width:767px){.cb-phero__cta{width:100%}.cb-phero__cta > *{flex:1 1 100%;justify-content:center}.cb-phero__bg{background-position:72% center}.cb-phero__shade{background:linear-gradient(180deg,rgba(20,18,21,.9) 0%,rgba(20,18,21,.72) 55%,rgba(16,20,24,.85) 100%)}.cb-phero--bild{min-height:clamp(320px,40vh,460px)}}
.cb-phero__tel{display:inline-flex;align-items:center;gap:10px}
.cb-phero__tel svg{width:17px;height:17px;flex:none;fill:var(--color-accent)}