/* ============ REGION: ruhiges Zwischenspiel, Kulissenschrift mit dem Master-Baustein im o ============ */
#region{overflow:hidden;isolation:isolate}
#region .rg-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
#region .rg-grid{position:absolute;left:50%;top:0;bottom:0;width:min(1400px,120%);transform:translateX(-50%)}

/* Karte: Sachsen-Anhalt als Punktraster hinter der Kulissenschrift, der Standort als Lime-Punkt mit Puls.
   Die Karte richtet sich nach dem Standort (63,74 % der Breite, 65,43 % der Höhe, die Breite ist 0,775 × Höhe):
   Am Desktop steht er rechts neben dem Einleitungstext, schmaler unter ihm. Der Abstand unten wächst so weit mit,
   dass die Karte immer ganz in der Sektion bleibt, mindestens 16 px über ihrer Unterkante. */
#region{--rg-h:clamp(420px,40vw,540px);--rg-pad:max(120px,calc(var(--rg-h) * .3457 - 29px))}
#region.rg--karte{padding-bottom:var(--rg-pad)}
/* --wgb-pl: linker Abstand des Seitenrahmens ab 1280 px (core.css); um seine Hälfte über 24 px rückt der Text nach rechts */
#region .rg-map{position:absolute;height:var(--rg-h);aspect-ratio:465/600;left:calc(50% + (var(--wgb-pl,24px) - 24px) / 2 + 350px - var(--rg-h) * .494);bottom:calc(var(--rg-pad) + 45px - var(--rg-h) * .3457)}
#region .rg-land{display:block;width:100%;height:100%;overflow:visible}
#region .rg-land__fl{fill:rgba(20,20,20,.02);stroke:rgba(20,20,20,.13);stroke-width:1.2;stroke-linejoin:round}
#region #rg-punkte circle{fill:rgba(20,20,20,.12)}
#region .rg-pin{position:absolute;left:var(--x);top:var(--y);width:0;height:0}
#region .rg-pin__dot,#region .rg-pin__puls{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%}
#region .rg-pin__dot{background:var(--lime);box-shadow:0 0 0 2px var(--ink),0 4px 14px rgba(20,23,12,.25)}
#region .rg-pin__puls::before,#region .rg-pin__puls::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(194,242,28,.6);animation:rg-puls 2.8s ease-out infinite}
#region .rg-pin__puls::after{animation-delay:1.4s}
#region .rg-pin__tag{position:absolute;left:12px;top:10px}
#region.is-off .rg-pin__puls::before,#region.is-off .rg-pin__puls::after{animation-play-state:paused}
@keyframes rg-puls{from{transform:scale(1);opacity:.8}to{transform:scale(3.6);opacity:0}}

#region .rg-head{margin:0 auto;align-items:center;text-align:center;max-width:none}
#region .rg-title{margin:0;display:flex;flex-direction:column;align-items:center;gap:.02em;font-size:clamp(48px,8.6vw,124px)}

/* Kulissenschrift: die Zeile trägt v3-ghost, die Farbe liegt auf den Textstücken */
#region .rg-line{display:block;font-size:1em;background:none;white-space:nowrap;padding:.04em .06em .08em;--q:var(--p,1)}
#region .rg-line--2{--q:clamp(0,calc(var(--p,1) * 1.35 - .35),1)}
#region .rg-t{
  background-image:linear-gradient(180deg,#141414 20%,#4A4F45 95%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
@supports (color:color-mix(in oklab,red 50%,blue)){
  #region .rg-t{
    background-image:linear-gradient(180deg,
      color-mix(in oklab,#E6E7E1,#141414 calc(var(--q) * 100%)) 20%,
      color-mix(in oklab,#D4D6CE,#4A4F45 calc(var(--q) * 100%)) 95%);
  }
}

/* Das o bleibt als Text im Dokument, sichtbar ist der Master-Baustein */
#region .rg-o{position:relative;display:inline-block;width:.6em;height:.56em;margin:0 -.015em 0 .005em;vertical-align:baseline}
#region .rg-o__ch{position:absolute;inset:0;overflow:hidden;color:transparent;-webkit-text-fill-color:transparent;background:none;line-height:.56em;text-align:center}
#region .rg-o::before{content:"";position:absolute;left:50%;top:55%;width:1.1em;height:.85em;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(194,242,28,.45),rgba(194,242,28,.12) 55%,rgba(194,242,28,0));
  filter:blur(.08em);opacity:calc(.25 + var(--q,1) * .75);pointer-events:none}
#region .rg-shadow{position:absolute;left:46%;bottom:-.03em;width:.56em;height:.08em;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(20,23,12,.22),rgba(20,23,12,0));filter:blur(.012em)}
#region .rg-brick{position:absolute;left:-.035em;bottom:-.005em;display:block;width:.67em;height:.558em;overflow:visible;animation:rg-float 4.8s ease-in-out infinite alternate}
#region.is-off .rg-brick{animation-play-state:paused}
@keyframes rg-float{from{transform:translateY(0)}to{transform:translateY(-.035em)}}

#region .rg-lead{margin:0 auto;max-width:620px;text-align:center}
#region .rg-lead a{color:var(--ink);font-weight:500;text-decoration:none;background-image:linear-gradient(var(--lime),var(--lime));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat}
#region .rg-lead a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}

@media (max-width:1023px){
  #region{--rg-h:clamp(320px,92vw,420px)}
  #region.rg--karte{padding-bottom:calc(var(--rg-h) * .3457 + 40px)}
  #region .rg-map{left:calc(50% - 10px - var(--rg-h) * .494);bottom:16px}
}
@media (max-width:720px){
  #region .rg-title{font-size:11.4vw}
}
@media (prefers-reduced-motion:reduce){
  #region .rg-brick{animation:none}
  #region .rg-line{--q:1}
  #region .rg-pin__puls::before,#region .rg-pin__puls::after{animation:none;opacity:0}
}