/* ===== Farbwelten – leuchtende Bereichsübergänge + VOKA-Buttons (28.09.2026) ===== */
/* --- 1. Leuchtende Bereichsübergänge (fein) ---
   Sichtbare Linie 1,5 px. Schein nur wenige Pixel, folgt der Linienform (drop-shadow statt Kasten-Schatten).
   Gold läuft als weich auslaufender Streifen voraus, Rot folgt; einmal ca. 0,8 s, danach ruhige Kante. */
#mittagstisch::before,#butzeria::before,#ukii::before,#events::before,#franchise::before{content:none!important}
#manifest .story{border-top:0!important}
.fw-kante-wrap{position:relative}
.fw-kante{position:absolute;left:0;right:0;top:-7px;height:16px;z-index:5;pointer-events:none;overflow:hidden;
  --kr:var(--fw-kante,#9B2C3E)}
.fw-kante i{position:absolute;top:7px;height:1.5px;display:block;will-change:transform,opacity}
.fw-kante .ruhe{left:0;right:0;background:var(--kr);opacity:0}
.fw-kante .g{left:0;width:34%;transform:translateX(-110%);opacity:0;
  background:linear-gradient(90deg,rgba(255,206,70,0) 0,rgba(255,206,70,.55) 45%,#FFD24A 80%,#FFF3C4 93%,rgba(255,243,196,0) 100%);
  filter:drop-shadow(0 0 1.5px rgba(255,205,60,.95)) drop-shadow(0 0 4px rgba(255,190,40,.55))}
.fw-kante .r{left:0;width:100%;transform:translateX(-102%);opacity:0;
  background:linear-gradient(90deg,rgba(255,42,61,0) 0,#FF2A3D 6%,#FF3B4B 92%,rgba(255,59,75,0) 100%);
  filter:drop-shadow(0 0 1.5px rgba(255,42,61,.9)) drop-shadow(0 0 4px rgba(255,42,61,.45))}
.fw-kante.an .g{animation:fwkGold .8s cubic-bezier(.3,.6,.3,1) forwards}
.fw-kante.an .r{animation:fwkRot .8s cubic-bezier(.35,.55,.3,1) forwards}
.fw-kante.an .ruhe{animation:fwkRuhe .8s linear forwards}
@keyframes fwkGold{0%{transform:translateX(-110%);opacity:1}70%{transform:translateX(300%);opacity:1}100%{transform:translateX(300%);opacity:0}}
@keyframes fwkRot{0%{transform:translateX(-102%);opacity:0}8%{transform:translateX(-102%);opacity:1}82%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}
@keyframes fwkRuhe{0%,74%{opacity:0}100%{opacity:1}}
.fw-kante.fertig .g,.fw-kante.fertig .r{opacity:0;animation:none}
.fw-kante.fertig .ruhe{opacity:1}
@media (prefers-reduced-motion:reduce){
  .fw-kante .g,.fw-kante .r{display:none}
  .fw-kante .ruhe,.fw-kante.an .ruhe{animation:none;opacity:1}
}

/* --- 2. VOKA-Buttons: unter dem Textbereich, linksbündig zur Inhaltskante, kompakter Abstand --- */
#voka .cols .byline{margin-bottom:0}
#voka .vk-btns{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:24px;margin-top:20px;text-align:left}
#voka .vk-btns .imgbtn.fr-img{flex:0 0 auto;width:clamp(260px,19.04vw,280px);max-width:100%;margin:0}
#voka .vk-btns .imgbtn img{width:100%;height:auto;object-fit:contain}
@media (max-width:700px){
  #voka .vk-btns{flex-direction:column;align-items:flex-start;gap:24px;margin-top:12px}
  #voka .vk-btns .imgbtn.fr-img{width:min(260px,100%)}
}