/* ============================================================
   CraHime Live · Zusatz-Stile für die Unterseite
   Baut auf style.css auf und ergänzt nur das Eigene.
   ============================================================ */

/* --- Zugang zur Partie in der Kopfzeile --- */
.live-cta{display:inline-flex;align-items:center;gap:.55rem}
/* Auf schmalen Schirmen bleibt oben nur Logo und Menüknopf */
@media (max-width:1280px){
  .live-cta{display:none}
}

/* ============================================================
   Hero der Unterseite
   ============================================================ */
.live-hero{
  position:relative;min-height:100svh;overflow:hidden;
  display:grid;grid-template-rows:1fr auto;justify-items:center;align-items:center;
  padding-block:0;
}
.lh-bg{position:absolute;inset:-4%;z-index:-4}
.lh-bg img{
  width:100%;height:100%;object-fit:cover;object-position:50% 42%;
  filter:saturate(.85) contrast(1.05);
  animation:lhDrift 44s ease-in-out infinite alternate;
}
@keyframes lhDrift{
  from{transform:scale(1.06) translate3d(-1%,0,0)}
  to{transform:scale(1.16) translate3d(1.5%,-2%,0)}
}
.lh-shade{position:absolute;inset:0;z-index:-3;background:
  linear-gradient(180deg,rgba(8,10,14,.9) 0%,rgba(8,10,14,.62) 34%,rgba(8,10,14,.78) 66%,var(--ink) 100%),
  radial-gradient(75% 55% at 50% 46%,rgba(8,10,14,.15) 20%,rgba(8,10,14,.82) 100%)}

/* Feines Raster: erinnert an eine Oberfläche, ohne aufdringlich zu sein */
.lh-grid{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.3;
  background-image:
    linear-gradient(rgba(201,162,90,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,162,90,.07) 1px,transparent 1px);
  background-size:clamp(48px,5vw,90px) clamp(48px,5vw,90px);
  mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 78%);
  -webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 78%);
}

#lhGl{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block;pointer-events:none}

.lh-in{position:relative;grid-row:1;align-self:center;text-align:center;
  padding:calc(var(--header-h) + 2.6rem) var(--pad) clamp(1.5rem,3vh,3rem);
  max-width:min(1400px,94vw);margin-inline:auto}
.lh-in::before{content:"";position:absolute;inset:4% -5% 0;z-index:-1;pointer-events:none;
  background:radial-gradient(62% 56% at 50% 54%,rgba(5,7,10,.78),rgba(5,7,10,.42) 60%,transparent 84%);
  filter:blur(20px)}
.lh-title{font-size:clamp(2.7rem,8.4vw,8.4rem);line-height:.98;text-wrap:balance}
.lh-in .hero-kicker{display:inline-flex;align-items:center;gap:.6rem}

.lh-stats{grid-row:2;width:min(var(--wrapmax),100% - 2*var(--pad));
  display:flex;justify-content:space-evenly;gap:clamp(1.4rem,4vw,5rem);
  padding:1.4rem 0 1.6rem;border-top:1px solid rgba(201,162,90,.18)}

@media (max-width:720px){
  .lh-stats{flex-wrap:wrap;gap:1rem 2rem;justify-content:center}
  .lh-in{padding-top:calc(var(--header-h) + 1.6rem)}
}

/* ============================================================
   Platzhalter-Hinweis, solange der Pitch fehlt
   ============================================================ */
.page-live section:not(.live-hero) .wrap > .sec-head{margin-bottom:0}

/* ============================================================
   In drei Schritten dabei
   ============================================================ */
.steps3{list-style:none;margin:clamp(1.8rem,3vw,3rem) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.1rem,2vw,2.2rem);
  counter-reset:s3}
.s3{position:relative;display:flex;flex-direction:column;gap:.6rem;
  border:1px solid transparent;border-radius:var(--r);padding:clamp(1.5rem,2.2vw,2.4rem);
  background-image:linear-gradient(165deg,rgba(24,28,37,.92),rgba(12,15,20,.95)),
    linear-gradient(160deg,rgba(236,216,166,.4),rgba(138,115,70,.12) 50%,rgba(236,216,166,.28));
  background-origin:border-box;background-clip:padding-box,border-box;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.s3:hover{transform:translateY(-8px);box-shadow:0 34px 70px rgba(0,0,0,.55)}
/* Verbindungslinie zwischen den Schritten */
.s3:not(:last-child)::after{content:"";position:absolute;top:2.9rem;right:calc(-1 * clamp(1.1rem,2vw,2.2rem));
  width:clamp(1.1rem,2vw,2.2rem);height:1px;background:linear-gradient(90deg,rgba(201,162,90,.55),rgba(201,162,90,.1))}
.s3-no{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;
  font-family:var(--display);font-weight:700;font-size:1.5rem;color:#0b0d11;
  background:radial-gradient(circle at 32% 28%,var(--gold-3),var(--gold) 72%);
  box-shadow:0 6px 20px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.3)}
.s3 h3{font-family:var(--display);font-weight:600;color:var(--parchment);
  font-size:clamp(1.25rem,.8vw + 1rem,1.7rem);margin-top:.3rem}
.s3 p{font-size:clamp(.9rem,.26vw + .82rem,1.04rem);color:var(--body);line-height:1.66}
.s3-tag{margin-top:auto;padding-top:1rem}
.idchip{display:inline-flex;align-items:center;gap:.6rem;border:1px dashed rgba(201,162,90,.5);
  border-radius:10px;padding:.5rem .9rem;background:rgba(201,162,90,.07)}
.idchip i{font-style:normal;font-family:var(--caps);font-size:.5rem;letter-spacing:.22em;color:var(--gold-dim)}
.idchip b{font-family:var(--caps);font-size:1.05rem;letter-spacing:.24em;color:var(--gold-2)}
.dots{display:flex;gap:.45rem}
.dots i{width:16px;height:16px;border-radius:50%;background:var(--c);
  box-shadow:0 0 12px var(--c),inset 0 0 0 1px rgba(255,255,255,.2);
  animation:dotPop 3.4s ease-in-out infinite}
.dots i:nth-child(2){animation-delay:.18s}.dots i:nth-child(3){animation-delay:.36s}
.dots i:nth-child(4){animation-delay:.54s}.dots i:nth-child(5){animation-delay:.72s}
.dots i:nth-child(6){animation-delay:.9s}
@keyframes dotPop{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.28)}}
.akte3{display:inline-flex;gap:.4rem}
.akte3 i{width:22px;height:32px;border-radius:3px;border:1px solid rgba(201,162,90,.5);
  background:linear-gradient(160deg,#171b24,#0d1015);animation:akteTilt 5s ease-in-out infinite}
.akte3 i:nth-child(2){animation-delay:.25s}.akte3 i:nth-child(3){animation-delay:.5s}
@keyframes akteTilt{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg) translateY(-3px)}}
.lite .dots i,.lite .akte3 i,body.reduced .dots i,body.reduced .akte3 i{animation:none}

/* ============================================================
   Der Server
   ============================================================ */
.srv-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(1.8rem,3.4vw,4rem);align-items:center;margin-top:clamp(1.6rem,2.6vw,2.6rem)}
.srv-copy p{font-size:clamp(.92rem,.28vw + .84rem,1.08rem);color:var(--body);line-height:1.72;margin-bottom:1rem}
.srv-list{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.6rem}
.srv-list li{position:relative;padding-left:1.5rem;font-size:clamp(.86rem,.24vw + .8rem,1rem);color:var(--muted);line-height:1.62}
.srv-list li::before{content:"◆";position:absolute;left:0;top:.3em;font-size:.5em;color:var(--gold)}
.srv-list em{font-style:italic;color:var(--gold-2)}
.srv-vis{margin:0;border:1px solid var(--line);border-radius:var(--r);padding:clamp(1rem,1.8vw,1.8rem);
  background:radial-gradient(110% 130% at 50% 0%,#151a26,#090b0f 76%);box-shadow:inset 0 0 90px rgba(0,0,0,.6)}
.srv-vis svg{width:100%;height:auto;display:block}
.srv-vis figcaption{margin-top:.9rem;text-align:center;font-family:var(--caps);
  font-size:clamp(.46rem,.18vw + .42rem,.56rem);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}

/* ============================================================
   Videokonferenz
   ============================================================ */
.vk-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:clamp(1.8rem,3.4vw,4rem);align-items:center;margin-top:clamp(1.6rem,2.6vw,2.6rem)}
.vk-shot{position:relative;margin:0}
.vk-shot img{display:block;width:100%;height:auto;border-radius:14px;
  border:1px solid rgba(201,162,90,.28);box-shadow:0 34px 74px rgba(0,0,0,.6)}
.vk-ring{position:absolute;inset:-6px;border-radius:20px;pointer-events:none;
  border:2px solid rgba(63,93,42,.85);opacity:0;animation:vkSpeak 6s ease-in-out infinite}
@keyframes vkSpeak{
  0%,58%{opacity:0;box-shadow:0 0 0 0 rgba(63,93,42,0)}
  64%{opacity:1;box-shadow:0 0 26px 0 rgba(95,140,60,.45)}
  86%{opacity:.5;box-shadow:0 0 40px 0 rgba(95,140,60,0)}
  100%{opacity:0}
}
.lite .vk-ring,body.reduced .vk-ring{display:none}
.vk-shot figcaption,.eb-shot figcaption,.runde-shot figcaption{margin-top:.8rem;text-align:center;
  font-family:var(--caps);font-size:clamp(.46rem,.18vw + .42rem,.56rem);
  letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.vk-copy p{font-size:clamp(.92rem,.28vw + .84rem,1.08rem);color:var(--body);line-height:1.72;margin-bottom:1rem}
.vk-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.3rem 0 1.1rem}
.fact{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:999px;
  padding:.42rem .9rem;font-family:var(--caps);font-size:clamp(.46rem,.18vw + .42rem,.56rem);
  letter-spacing:.18em;text-transform:uppercase;color:var(--body);
  transition:border-color .3s,color .3s,transform .3s}
.fact i{font-style:normal;font-size:.5em;color:var(--gold)}
.fact:hover{border-color:rgba(201,162,90,.5);color:var(--gold-2);transform:translateY(-2px)}
.vk-note{font-size:.9rem;color:var(--muted);font-style:italic}

/* ============================================================
   Ermittlungsblatt
   ============================================================ */
.eb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(1.6rem,3vw,3.4rem);align-items:start;margin-top:clamp(1.6rem,2.6vw,2.6rem)}
.eb-demo{border:1px solid transparent;border-radius:var(--r);padding:clamp(1.3rem,2vw,2.2rem);
  background-image:linear-gradient(165deg,rgba(24,28,37,.94),rgba(12,15,20,.96)),
    linear-gradient(160deg,rgba(236,216,166,.45),rgba(138,115,70,.14) 50%,rgba(236,216,166,.3));
  background-origin:border-box;background-clip:padding-box,border-box}
.eb-head p{font-size:clamp(.84rem,.24vw + .78rem,.96rem);color:var(--muted);line-height:1.6;margin-top:.4rem}
.eb-head b{font-style:normal;display:inline-block;width:1.35em;height:1.35em;line-height:1.35em;
  text-align:center;border-radius:4px;font-size:.9em;margin:0 .1em}
.eb-head b.x{color:#e0a3ac;border:1px solid rgba(168,52,72,.6)}
.eb-head b.c{color:#9fd6a8;border:1px solid rgba(95,160,110,.6)}
.eb-head b.q{color:var(--gold-2);border:1px solid rgba(201,162,90,.6)}
.eb-rows{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;gap:.15rem}
.eb-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.9rem;
  padding:.6rem .3rem;border-bottom:1px dotted rgba(201,162,90,.16)}
.eb-row.grp{border:0;padding:.9rem .3rem .3rem;font-family:var(--caps);
  font-size:clamp(.5rem,.2vw + .46rem,.6rem);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.eb-name{display:flex;align-items:center;gap:.6rem;min-width:0;
  font-size:clamp(.88rem,.26vw + .8rem,1.02rem);color:var(--parchment)}
.eb-name .tok{width:11px;height:11px;border-radius:50%;flex:none;background:var(--c);
  box-shadow:0 0 9px var(--c);opacity:.9}
.eb-name em{font-style:normal;color:var(--muted);font-size:.86em}
.eb-box{width:36px;height:36px;flex:none;border-radius:8px;border:1px solid rgba(201,162,90,.28);
  background:rgba(10,12,16,.7);color:transparent;font-size:1.05rem;line-height:1;
  display:grid;place-items:center;transition:.28s}
.eb-box:hover{border-color:rgba(201,162,90,.6);transform:translateY(-2px)}
.eb-box[data-state="x"]{color:#e0a3ac;border-color:rgba(168,52,72,.65);background:rgba(168,52,72,.12)}
.eb-box[data-state="c"]{color:#9fd6a8;border-color:rgba(95,160,110,.6);background:rgba(95,160,110,.12)}
.eb-box[data-state="q"]{color:var(--gold-2);border-color:rgba(201,162,90,.7);background:rgba(201,162,90,.14)}
.eb-hint{margin-top:1.1rem;font-family:var(--caps);font-size:clamp(.46rem,.18vw + .42rem,.56rem);
  letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.eb-card{border:1px solid var(--line);border-left:3px solid var(--gold-dim);border-radius:12px;
  padding:clamp(1.2rem,1.6vw,1.7rem);background:rgba(20,24,32,.6)}
.eb-card b{display:block;font-family:var(--display);color:var(--parchment);
  font-size:clamp(1.15rem,.6vw + 1rem,1.5rem);margin-bottom:.45rem}
.eb-card p{font-size:clamp(.88rem,.26vw + .8rem,1.02rem);color:var(--body);line-height:1.68}
.eb-marks{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}
.mark{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--line);border-radius:999px;
  padding:.42rem .9rem;font-family:var(--caps);font-size:clamp(.46rem,.18vw + .42rem,.56rem);
  letter-spacing:.18em;text-transform:uppercase;color:var(--body)}
.mark i{font-style:normal;color:var(--gold-2);font-size:1.1em;letter-spacing:0}
.eb-shot{margin:1.4rem 0 0}
.eb-shot img{display:block;width:100%;height:auto;border-radius:12px;
  border:1px solid rgba(201,162,90,.24);box-shadow:0 26px 58px rgba(0,0,0,.55)}

/* ============================================================
   Eine Runde online
   ============================================================ */
.runde-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(1.8rem,3.4vw,4rem);align-items:center;margin-top:clamp(1.6rem,2.6vw,2.6rem)}
.runde-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.r{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;
  border:1px solid var(--line);border-radius:12px;padding:clamp(1rem,1.3vw,1.5rem);
  background:linear-gradient(165deg,var(--ink-3),var(--ink-2));transition:transform .4s,border-color .4s}
.r:hover{transform:translateX(7px);border-color:var(--line-strong)}
.r-n{font-family:var(--caps);font-size:clamp(.56rem,.22vw + .5rem,.68rem);letter-spacing:.18em;
  color:var(--gold);border:1px solid rgba(201,162,90,.4);border-radius:999px;padding:.3rem .6rem;flex:none}
.r b{display:block;font-family:var(--display);font-weight:600;color:var(--parchment);
  font-size:clamp(1.05rem,.5vw + .95rem,1.4rem);margin-bottom:.25rem}
.r p{font-size:clamp(.86rem,.24vw + .8rem,1rem);color:var(--muted);line-height:1.62}
.runde-shot{margin:0}
.runde-shot img{display:block;width:100%;height:auto;border-radius:14px;
  border:1px solid rgba(201,162,90,.26);box-shadow:0 34px 74px rgba(0,0,0,.6)}

/* ============================================================
   Funktionsliste mit Reitern
   ============================================================ */
.fn-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:clamp(1.5rem,2.4vw,2.4rem) 0 1.6rem}
.fn-tab{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:999px;
  padding:.55rem 1.1rem;font-family:var(--caps);font-size:clamp(.5rem,.2vw + .46rem,.62rem);
  letter-spacing:.2em;text-transform:uppercase;color:var(--body);transition:.32s}
.fn-tab span{font-family:var(--display);font-size:.9rem;color:var(--gold-dim);letter-spacing:0}
.fn-tab:hover{border-color:rgba(201,162,90,.5);color:var(--gold-2)}
.fn-tab[aria-selected="true"]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.fn-tab[aria-selected="true"] span{color:rgba(11,13,17,.6)}
.fn-panel{display:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));
  gap:clamp(.9rem,1.4vw,1.5rem)}
.fn-panel.on{display:grid}
.fn{border:1px solid var(--line);border-radius:14px;padding:clamp(1.15rem,1.5vw,1.7rem);
  background:linear-gradient(165deg,var(--ink-3),var(--ink-2));
  transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .45s,box-shadow .45s}
.fn:hover{transform:translateY(-6px);border-color:rgba(201,162,90,.45);box-shadow:0 26px 54px rgba(0,0,0,.5)}
.fn b{display:block;font-family:var(--display);font-weight:600;color:var(--parchment);
  font-size:clamp(1.05rem,.45vw + .95rem,1.32rem);margin-bottom:.4rem;line-height:1.2}
.fn p{font-size:clamp(.85rem,.24vw + .79rem,.98rem);color:var(--muted);line-height:1.62}
.fn.secret{border-color:rgba(168,52,72,.4);background:linear-gradient(165deg,rgba(38,22,27,.7),var(--ink-2))}
.fn.secret b{color:#e7b3bd}

/* ============================================================
   Was anders ist · Voraussetzungen · Fragen · Abschluss
   ============================================================ */
.anders-grid,.need-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:clamp(1rem,1.6vw,1.8rem);margin-top:clamp(1.6rem,2.6vw,2.6rem)}
.ad{border:1px solid var(--line);border-radius:14px;padding:clamp(1.3rem,1.7vw,2rem);
  background:linear-gradient(165deg,var(--ink-3),var(--ink-2));transition:transform .45s,border-color .45s}
.ad:hover{transform:translateY(-6px);border-color:var(--line-strong)}
.ad-i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:.9rem;
  border:1px solid rgba(201,162,90,.4);color:var(--gold-2);font-size:1.1rem}
.ad b{display:block;font-family:var(--display);font-weight:600;color:var(--parchment);
  font-size:clamp(1.08rem,.5vw + .96rem,1.4rem);line-height:1.24;margin-bottom:.45rem}
.ad p{font-size:clamp(.86rem,.24vw + .8rem,1rem);color:var(--muted);line-height:1.64}
.need{border:1px solid var(--line);border-left:3px solid var(--gold-dim);border-radius:12px;
  padding:clamp(1.2rem,1.5vw,1.8rem);background:rgba(20,24,32,.55)}
.need.dim{border-left-color:var(--bordeaux)}
.need b{display:block;font-family:var(--display);font-weight:600;color:var(--parchment);
  font-size:clamp(1.05rem,.45vw + .95rem,1.3rem);margin-bottom:.35rem}
.need p{font-size:clamp(.86rem,.24vw + .8rem,1rem);color:var(--muted);line-height:1.62}

.faq{margin-top:clamp(1.6rem,2.6vw,2.6rem);display:grid;gap:.6rem;max-width:940px;margin-inline:auto}
.qa{border:1px solid var(--line);border-radius:12px;background:var(--ink-2);overflow:hidden;
  transition:border-color .4s,background .4s}
.qa.on{border-color:rgba(201,162,90,.45);background:linear-gradient(120deg,rgba(201,162,90,.08),var(--ink-2) 60%)}
.qa-q{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;width:100%;text-align:left;
  padding:clamp(1rem,1.3vw,1.4rem) clamp(1.1rem,1.5vw,1.7rem);
  font-family:var(--display);font-weight:600;color:var(--parchment);
  font-size:clamp(1rem,.45vw + .92rem,1.3rem);transition:color .3s}
.qa-q:hover{color:var(--gold-2)}
.qa-q i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(201,162,90,.4);color:var(--gold-2);font-size:1rem;flex:none;transition:transform .4s}
.qa.on .qa-q i{transform:rotate(45deg);background:var(--gold);color:var(--ink);border-color:var(--gold)}
.qa-a{max-height:0;overflow:hidden;transition:max-height .55s cubic-bezier(.2,.8,.2,1)}
.qa-a p{padding:0 clamp(1.1rem,1.5vw,1.7rem) clamp(1.1rem,1.4vw,1.5rem);
  font-size:clamp(.88rem,.26vw + .82rem,1.02rem);color:var(--body);line-height:1.7}

.finale{position:relative;overflow:hidden;text-align:center}
.fin-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 20%,rgba(201,162,90,.18),transparent 65%)}
.fin-in{position:relative}
.fin-title{font-size:clamp(2.4rem,5.6vw,6rem)}
.fin-cta{padding:1.15rem 2.6rem;font-size:clamp(.7rem,.3vw + .62rem,.9rem)}
.lh-sub{margin-top:1rem;text-align:center;font-family:var(--caps);font-size:clamp(.5rem,.2vw + .46rem,.62rem);
  letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.hero-ctas .fin-cta{position:relative;overflow:hidden}
.hero-ctas .fin-cta::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);
  transform:translateX(-120%);animation:ctaSweep 5.5s ease-in-out infinite}
@keyframes ctaSweep{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.lite .hero-ctas .fin-cta::after,body.reduced .hero-ctas .fin-cta::after{display:none}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:1000px){
  .steps3{grid-template-columns:1fr}
  .s3:not(:last-child)::after{top:auto;bottom:calc(-1 * clamp(1.1rem,2vw,2.2rem));left:2.6rem;right:auto;
    width:1px;height:clamp(1.1rem,2vw,2.2rem);background:linear-gradient(180deg,rgba(201,162,90,.55),rgba(201,162,90,.1))}
  .srv-grid,.vk-grid,.eb-grid,.runde-grid{grid-template-columns:1fr}
  .vk-shot{max-width:420px;margin-inline:auto}
  .runde-shot{order:-1}
}