/* Nordwärme SHK – Petrol/Kupfer (Standardwerte aus main.css)
   ===================== Gewerk-Design: SHK =====================
   Wärmeverlauf (Kupfer → Petrol) · Rohrbogen-Ecken · Wellenlinie */
.eyebrow::before{content:"";display:inline-block;width:32px;height:6px;margin-right:12px;border-radius:3px;vertical-align:middle;transform:translateY(-1px);background:linear-gradient(90deg,#B9713E,#1F4E52)}
[data-stil="c"] .eyebrow::before{background:linear-gradient(90deg,#F0A43A,#8FC3C8)}
/* Rohrbogen: eine große Rundung */
[data-stil="a"] .hero__media,[data-stil="a"] .split__media,[data-stil="a"] .page-head__media{border-radius:0 0 0 96px}
[data-stil="c"] .hero__media,[data-stil="c"] .split__media{border-radius:6px 6px 6px 80px}
/* Wellenlinie unter Abschnittsköpfen (Wasser) */
.section-head{position:relative;padding-bottom:26px}
.section-head::after{content:"";position:absolute;left:0;bottom:0;width:140px;height:10px;opacity:.55;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='10' viewBox='0 0 28 10'%3E%3Cpath d='M0 5c3.5 0 3.5-4 7-4s3.5 4 7 4 3.5-4 7-4 3.5 4 7 4' fill='none' stroke='%23B9713E' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 0/28px 10px}
[data-stil="c"] .section-head::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='10' viewBox='0 0 28 10'%3E%3Cpath d='M0 5c3.5 0 3.5-4 7-4s3.5 4 7 4 3.5-4 7-4 3.5 4 7 4' fill='none' stroke='%238FC3C8' stroke-width='2'/%3E%3C/svg%3E")}
/* Bewegung: Wärme fließt, Welle läuft */
@media (prefers-reduced-motion: no-preference){
  .motion .eyebrow::before{background-size:200% 100%;animation:shk-flow 1.2s ease-out both .2s}
  .motion .section-head.is-in::after{animation:shk-wave 2.4s linear 1}
  .motion[data-stil="a"] .hero__media{animation:shk-bend 1.2s cubic-bezier(.2,.7,.2,1) both .2s}
}
@keyframes shk-flow{from{width:0;opacity:0}to{width:32px;opacity:1}}
@keyframes shk-wave{from{background-position:-56px 0}to{background-position:0 0}}
@keyframes shk-bend{from{border-radius:0}to{border-radius:0 0 0 96px}}
