/* Lebendige-Stadt-CTA 20261017 — DESKTOP homepage, im Hero unten links.
   Rueckbau: Block "LEBENDIGE-STADT-CTA" in index.html + diese CSS-Zeile entfernen. */
.v2-hero{position:relative}
.ls-cta{position:absolute;left:20px;bottom:18px;z-index:6;display:flex;align-items:stretch;gap:0;width:min(400px,44%);min-height:104px;
  border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;isolation:isolate;
  background:rgba(13,20,32,.80);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2);
  border:1px solid rgba(242,196,90,.65);box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 0 1px rgba(255,236,190,.12) inset;
  font-family:inherit;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;animation:lsIn .7s ease-out .2s both}
@keyframes lsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ls-cta:hover{transform:translateY(-2px);border-color:#f2c45a;box-shadow:0 16px 36px rgba(0,0,0,.42),0 0 22px rgba(242,196,90,.25)}
.ls-cta:focus-visible{outline:3px solid #f2c45a;outline-offset:2px}
.ls-cta__thumb{position:relative;flex:0 0 132px;overflow:hidden;background:#1d2a22}
.ls-cta__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:40% 45%;animation:lsKen 16s ease-in-out infinite alternate}
@keyframes lsKen{from{transform:scale(1.05)}to{transform:scale(1.22) translate(-3%,-2%)}}
.ls-cta__thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(13,20,32,.75))}
.ls-cta__dots{position:absolute;inset:0;z-index:1;pointer-events:none}
.ls-cta__dots i{position:absolute;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#ffd27a;box-shadow:0 0 8px 2px rgba(255,190,90,.75);animation:lsDot 6s linear infinite}
.ls-cta__dots i:nth-child(1){left:20%;top:62%}.ls-cta__dots i:nth-child(2){left:48%;top:40%;animation-delay:-2s}.ls-cta__dots i:nth-child(3){left:70%;top:70%;animation-delay:-4s}
@keyframes lsDot{0%{transform:translate(0,0);opacity:0}10%{opacity:1}50%{transform:translate(14px,-6px)}90%{opacity:1}100%{transform:translate(26px,4px);opacity:0}}
.ls-cta__live{position:absolute;left:7px;top:7px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 6px;border-radius:999px;
  background:#d7263d;color:#fff;font-size:10px;font-weight:800;line-height:1.3;letter-spacing:.08em;font-style:normal;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.ls-cta__live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:lsPulse 1.4s ease-in-out infinite}
@keyframes lsPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.ls-cta__body{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 14px 10px 12px;min-width:0}
.ls-cta__kicker{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f2c45a}
.ls-cta__title{font-size:19px;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.ls-cta__sub{font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.85)}
.ls-cta__go{margin-top:4px;font-size:12.5px;font-weight:800;color:#ffd98a}
.ls-cta:hover .ls-cta__go span{display:inline-block;transform:translateX(3px);transition:transform .25s}
@media (prefers-reduced-motion:reduce){.ls-cta,.ls-cta__thumb img,.ls-cta__dots i,.ls-cta__live::before{animation:none!important}}
@media (max-width:1100px){.ls-cta{width:min(360px,60%)}.ls-cta__thumb{flex-basis:108px}.ls-cta__title{font-size:17px}}
.v2-hero .ls-cta,.v2-hero .ls-cta *{text-align:left;text-shadow:none}
.v2-hero .ls-cta .ls-cta__title{color:#fff!important;font-size:20px;margin:0}
.v2-hero .ls-cta .ls-cta__kicker{color:#f2c45a!important}.v2-hero .ls-cta .ls-cta__sub{color:rgba(255,255,255,.88)!important}.v2-hero .ls-cta .ls-cta__go{color:#ffd98a!important}
/* Kompakt 20261021: Hero-Karte ca. 40% kleiner (Beschreibung ausgeblendet, kleineres Vorschaubild), gleiche Position. Rueckbau: Block entfernen */
.v2-hero #lsCta.ls-cta{width:290px;min-height:72px;border-radius:12px}
.v2-hero #lsCta .ls-cta__thumb{flex-basis:86px}
.v2-hero #lsCta .ls-cta__live{left:5px;top:5px;font-size:8.5px;padding:1px 5px 1px 4px}
.v2-hero #lsCta .ls-cta__live::before{width:5px;height:5px}
.v2-hero #lsCta .ls-cta__body{padding:7px 12px 7px 10px;gap:1px}
.v2-hero #lsCta .ls-cta__kicker{font-size:9.5px}
.v2-hero #lsCta .ls-cta__title{font-size:16px}
.v2-hero #lsCta .ls-cta__sub{display:none}
.v2-hero #lsCta .ls-cta__go{margin-top:2px;font-size:11.5px}