/* RH Media v36 – Feinschliff nach Live-Test */

/* Startseite: eigene Systeme als eigener ruhiger Abschnitt */
.rh-system-note{display:none!important}
.rh-system-section{margin:clamp(26px,4vw,52px) auto 0!important;padding:clamp(22px,3vw,34px)!important;border-radius:28px!important;border:1px solid rgba(205,169,93,.20)!important;background:radial-gradient(circle at 8% 0%,rgba(205,169,93,.16),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;box-shadow:0 24px 70px rgba(0,0,0,.18)!important;max-width:1120px!important;position:relative!important;overflow:hidden!important}
.rh-system-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(205,169,93,.12),transparent 55%)!important;opacity:.5!important}
.rh-system-section > *{position:relative;z-index:1}.rh-system-section .sec-label{margin-bottom:12px!important}.rh-system-section h2{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;font-size:clamp(28px,3.6vw,44px)!important;letter-spacing:-.045em!important;color:var(--tx)!important}.rh-system-section p{max-width:820px!important;color:var(--tx2)!important;font-size:clamp(16px,1.6vw,19px)!important;line-height:1.72!important;margin:0!important}.rh-system-section .rh-mini-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:22px!important}.rh-system-section .rh-mini-points span{border:1px solid rgba(205,169,93,.16)!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;padding:14px 15px!important;color:var(--tx2)!important;font-weight:750!important;font-size:14px!important}
[data-theme="light"] .rh-system-section,body.light .rh-system-section{background:linear-gradient(180deg,#fff,#faf4e9)!important;box-shadow:0 24px 60px rgba(70,52,16,.10)!important;border-color:rgba(164,128,51,.22)!important}
[data-theme="light"] .rh-system-section .rh-mini-points span,body.light .rh-system-section .rh-mini-points span{background:#fff!important;color:#384153!important;border-color:rgba(164,128,51,.18)!important}

/* Leistungen: CTA komplett ohne Foto und ohne schräges Muster */
.cta-band,.cta-band *{position:relative!important;z-index:1!important}.cta-band{background:linear-gradient(180deg,#161b25,#10141c)!important;border:1px solid rgba(205,169,93,.20)!important;box-shadow:0 22px 60px rgba(0,0,0,.24)!important}.cta-band::before,.cta-band::after{display:none!important;content:none!important;background:none!important}.section:has(.cta-band){background:linear-gradient(180deg,var(--bg),var(--bg2))!important}.section:has(.cta-band)::before,.section:has(.cta-band)::after{display:none!important;content:none!important;background:none!important}.cta-band h2{display:flex!important;align-items:center!important;gap:8px!important;justify-content:center!important}
[data-theme="light"] .cta-band,body.light .cta-band{background:linear-gradient(180deg,#fff,#faf4e9)!important;color:#172033!important;border-color:rgba(164,128,51,.22)!important;box-shadow:0 22px 55px rgba(70,52,16,.10)!important}
[data-theme="light"] .section:has(.cta-band),body.light .section:has(.cta-band){background:linear-gradient(180deg,#f7f4ed,#f3eadc)!important}

/* Preise: Gesamtbalken im Hellmodus wirklich hell – auch bei body.light aus älteren Styles */
html[data-theme="light"] .rh-calc-result,
body[data-theme="light"] .rh-calc-result,
[data-theme="light"] .rh-calc-result,
body.light .rh-calc-result{
  background:linear-gradient(180deg,#fff,#f8f1e3)!important;color:#172033!important;border-color:rgba(164,128,51,.22)!important;border-top:1px solid rgba(164,128,51,.22)!important;box-shadow:none!important;
}
html[data-theme="light"] .rh-calc-result span,html[data-theme="light"] .rh-calc-result small,html[data-theme="light"] .rh-calc-result strong,
body[data-theme="light"] .rh-calc-result span,body[data-theme="light"] .rh-calc-result small,body[data-theme="light"] .rh-calc-result strong,
[data-theme="light"] .rh-calc-result span,[data-theme="light"] .rh-calc-result small,[data-theme="light"] .rh-calc-result strong,
body.light .rh-calc-result span,body.light .rh-calc-result small,body.light .rh-calc-result strong{color:#172033!important;-webkit-text-fill-color:#172033!important}
html[data-theme="light"] .rh-calc-result .btn,body[data-theme="light"] .rh-calc-result .btn,[data-theme="light"] .rh-calc-result .btn,body.light .rh-calc-result .btn{box-shadow:none!important}

/* Referenzen: Video-Karten und Projekt-Buttons */
.ref-video-placeholder{min-height:230px;width:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(205,169,93,.23),transparent 34%),linear-gradient(135deg,#111827,#05070b)!important;color:#f4efe6!important;position:relative;overflow:hidden}.ref-video-placeholder::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 45%)!important}.ref-video-placeholder span{position:relative;display:grid;place-items:center;width:68px;height:68px;border-radius:999px;background:rgba(205,169,93,.18);border:1px solid rgba(205,169,93,.35);font-size:28px;padding-left:4px}.ref-card{cursor:pointer}.ref-web-btn,.ref-project-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--acc2)!important;font-weight:850;text-decoration:none}.ref-web-btn:hover,.ref-project-btn:hover{text-decoration:underline}.ref-modal-actions .btn{margin-right:10px}
[data-theme="light"] .ref-video-placeholder,body.light .ref-video-placeholder{background:radial-gradient(circle at 50% 40%,rgba(164,128,51,.20),transparent 34%),linear-gradient(135deg,#f8f1e3,#efe3cf)!important;color:#172033!important}

@media(max-width:780px){.rh-system-section .rh-mini-points{grid-template-columns:1fr!important}.rh-system-section{border-radius:22px!important}.cta-band h2{justify-content:flex-start!important}}

/* v37 Referenzen-Fix */
.ref-video-thumb{width:100%;height:100%;display:block}
.ref-video-placeholder small{display:block;margin-top:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.78}
.ref-modal-media .ref-video-placeholder{min-height:min(62vh,520px)}


/* v39: Video-Referenzen zeigen in der kleinen Ansicht ein Bild-Platzhalter, Video erst im Popup */
.ref-video-thumb{position:relative;display:block;min-height:220px;height:100%;overflow:hidden;background:rgba(0,0,0,.08);}
.ref-video-thumb img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;filter:saturate(.92) brightness(.82);}
.ref-video-thumb .ref-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:999px;display:grid;place-items:center;background:rgba(9,13,24,.72);border:1px solid rgba(212,175,55,.55);color:#d4af37;font-size:24px;box-shadow:0 16px 45px rgba(0,0,0,.35);padding-left:4px;}
.ref-video-thumb small{position:absolute;left:16px;bottom:14px;padding:7px 11px;border-radius:999px;background:rgba(9,13,24,.72);color:#fff;font-weight:700;letter-spacing:.02em;}
html[data-theme=light] .ref-video-thumb small{background:rgba(255,255,255,.86);color:#10131b;}
html[data-theme=light] .ref-video-thumb .ref-play-badge{background:rgba(255,255,255,.88);color:#9a7420;}