/* Cosmo Planet Toolkit – Sternenhimmel: echte Stern-Grafiken funkeln in dunklen Flächen (.cp-sterne) */
.cptk-sternfeld{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.cptk-sternfeld img{position:absolute;display:block;max-width:none!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(var(--d,0deg));will-change:transform,opacity;
  animation:cptk-funkeln var(--t,4s) ease-in-out var(--v,0s) infinite}
.cptk-sternfeld.cptk-ruhe img{animation-play-state:paused}
@keyframes cptk-funkeln{
  0%,100%{opacity:.22;transform:translate(-50%,-50%) scale(.5) rotate(var(--d,0deg))}
  38%{opacity:var(--o,.85);transform:translate(-50%,-50%) scale(1) rotate(calc(var(--d,0deg) + 18deg))}
  50%{opacity:calc(var(--o,.85) * .75);transform:translate(-50%,-50%) scale(.82) rotate(calc(var(--d,0deg) + 26deg))}
  62%{opacity:var(--o,.85);transform:translate(-50%,-50%) scale(.95) rotate(calc(var(--d,0deg) + 34deg))}
}
/* Sternschnuppe (nur Startseiten-Hero) */
.cptk-sternfeld .cptk-sternschnuppe{animation:none;opacity:0;transform-origin:85% 50%}
/* Die einfachen CSS-Kreuze und -Striche des Designs werden durch die echten Sterne ersetzt;
   der feine Punkte-Himmel bleibt als ferner Hintergrund, aber ruhig */
.cptk-sterne-aktiv .cp-funkel,.cptk-sterne-aktiv .cp-komet{display:none!important}
.cptk-sterne-aktiv .cp-sterne::after{animation:none!important;opacity:.4!important}
/* Bewegung reduzieren: Sterne leuchten ruhig, keine Sternschnuppen */
@media (prefers-reduced-motion:reduce){
  .cptk-sternfeld img{animation:none!important;opacity:calc(var(--o,.85) * .55);transform:translate(-50%,-50%) scale(.7) rotate(var(--d,0deg))}
  .cptk-sternfeld .cptk-sternschnuppe{display:none!important}
}
@media print{.cptk-sternfeld{display:none!important}}