/* Muster v2 (#122): Ebene für die per JavaScript gezeichneten Muster (js/dsz-muster-v2.js).
   Erst wenn das Skript gezeichnet hat (.dsz-mv2), werden die bisherigen Fingerabdruck-Grafiken ausgeblendet. */
.dsz-mv2.dsz-pattern::before,.dsz-mv2.dsz-kopfbereich--hell::before,.dsz-mv2.dsz-kopfbereich--streifen::before,.dsz-mv2.dsz-lkarte::after{display:none!important}
.dsz-mv2-ebene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit}
.dsz-mv2-ebene>svg{position:absolute;inset:0;width:100%;height:100%}
.dsz-mv2-ebene.is-hero>svg{top:-12%;height:124%;transform:translate3d(0,var(--dsz-py,0),0);will-change:transform}

/* Lichtkegel: dieselben Linien heller, nur um den Mauszeiger */
.dsz-mv2-licht{-webkit-mask-image:radial-gradient(circle 260px at var(--dsz-mx,-600px) var(--dsz-my,-600px),#000 0%,rgba(0,0,0,.35) 45%,transparent 100%);
  mask-image:radial-gradient(circle 260px at var(--dsz-mx,-600px) var(--dsz-my,-600px),#000 0%,rgba(0,0,0,.35) 45%,transparent 100%)}

/* Scan im Hero: heller Streifen läuft über das Muster */
.dsz-mv2-scan{-webkit-mask-image:linear-gradient(100deg,transparent 0 44%,#000 50%,transparent 56% 100%);mask-image:linear-gradient(100deg,transparent 0 44%,#000 50%,transparent 56% 100%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:dsz-mv2-scan 7s ease-in-out infinite}
@keyframes dsz-mv2-scan{0%{-webkit-mask-position:100% 0;mask-position:100% 0}60%,100%{-webkit-mask-position:0 0;mask-position:0 0}}

/* Aufbau beim Scrollen */
.dsz-mv2-grund.is-baut path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s cubic-bezier(.3,.6,.2,1)}
.dsz-mv2-grund.is-baut circle{opacity:0;transition:opacity 1s ease}
.dsz-mv2-grund.is-baut.is-da path{stroke-dashoffset:0}
.dsz-mv2-grund.is-baut.is-da circle{opacity:1}

@media (prefers-reduced-motion:reduce){
  .dsz-mv2-scan{display:none}
  .dsz-mv2-grund.is-baut path,.dsz-mv2-grund.is-baut circle{transition:none!important;stroke-dashoffset:0!important;opacity:1!important}
  .dsz-mv2-ebene.is-hero>svg{transform:none}
}
