/* Echtes Projektfoto: neutrale Kühlbeleuchtung und weich überblendete Ringe. */
.photo-climate{color:#ed9b49}
.photo-climate .hc-energy{color:inherit}
.photo-climate[data-mode=cool],.photo-climate[data-mode=cool] .hc-energy{color:#459cc9}
.photo-climate,.photo-climate .hc-energy{transition:color 2.2s ease-in-out}
.photo-cool-room{opacity:0;transition:opacity 2.2s ease-in-out}
.photo-climate[data-mode=cool] .photo-cool-room{opacity:1}
.photo-climate .hc-winter-view{transition:opacity 2.2s ease-in-out}
/* Jede Bewegungsrichtung behält ihre Farbe, auch während der Fotoüberblendung. */
.photo-rings{transition:opacity .35s ease-in-out}
.photo-rings-heat{color:#ed9b49;opacity:1}
.photo-rings-cool{color:#459cc9;opacity:0}
.photo-climate[data-mode=cool] .photo-rings-heat{opacity:0}
.photo-climate[data-mode=cool] .photo-rings-cool{opacity:1}
.photo-climate .hc-wave{transform-origin:684px 660px}
.photo-climate .hc-wave ellipse{fill:none;stroke:currentColor;stroke-width:3.2}
.photo-climate.is-enhanced[data-mode] .hc-wave{animation:photo-ring-move 7.2s linear infinite,photo-ring-fade 7.2s ease-in-out infinite}
.photo-climate.is-enhanced[data-mode] .photo-rings-cool .hc-wave{animation-direction:reverse,normal}
.photo-climate.is-enhanced[data-mode] .hc-wave-two{animation-delay:-2.4s}
.photo-climate.is-enhanced[data-mode] .hc-wave-three{animation-delay:-4.8s}
.photo-climate.is-enhanced[data-running=false] .hc-wave{animation-play-state:paused}
@keyframes photo-ring-move{from{transform:translateY(0) scale(.85,1)}to{transform:translateY(650px) scale(1.18,1.7)}}
@keyframes photo-ring-fade{0%,100%{opacity:0}28%,62%{opacity:.62}}
.home-hero .photo-climate{height:560px;min-width:0}
.home-hero .photo-climate .hc-label{font-size:11px;left:16px;top:16px}
.home-hero .photo-climate .hc-pause{right:16px;top:16px}
.home-hero .photo-climate .hc-caption{flex-wrap:wrap;gap:8px;justify-content:center}
.home-hero .photo-climate .hc-description{flex:1 1 145px;text-align:center}
.home-hero .photo-climate .hc-description p{font-size:12px}
@media(max-width:1050px){.home-hero .photo-climate{height:500px}}
@media(max-width:820px){.home-hero .photo-climate{height:460px}.home-hero .photo-climate .hc-label{font-size:10px}}
@media(max-width:600px){.home-hero .photo-climate{height:auto;aspect-ratio:3/4;max-height:640px}}
@media(prefers-reduced-motion:reduce){.photo-climate,.photo-climate .hc-energy,.photo-cool-room,.photo-climate .hc-winter-view,.photo-rings{transition:none}.photo-climate.is-enhanced[data-mode] .hc-wave{animation:none!important;opacity:0}}

/* Ohne fertige Styles/Initialisierung niemals gefüllte SVG-Ellipsen zeigen. */
.photo-climate:not(.is-enhanced) .photo-rings{visibility:hidden}