/* moinki.de/online/ — Ergänzungen zu start.css für den Online-Workshop (Mo 05.10.2026) */

/* „live online“ in der Headline: kleines Sanddorn-Signal statt Ortsangabe */
.h1-live{white-space:nowrap}

/* Live-Leiste ersetzt die Partnerlogos der Rügen-Seite */
.live-leiste{gap:10px 14px;padding:10px 16px 10px 10px;align-items:center;flex-wrap:nowrap}
.live-leiste span{white-space:normal;font-size:14px;line-height:1.35}
.live-leiste .live-marke{flex:none;display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 9px;border-radius:999px;background:var(--tinte);color:#fff;font:700 12px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.live-marke i{width:8px;height:8px;border-radius:50%;background:var(--sanddorn);box-shadow:0 0 0 0 rgba(236,106,30,.6);animation:live-puls 1.8s infinite}
@keyframes live-puls{0%{box-shadow:0 0 0 0 rgba(236,106,30,.6)}70%{box-shadow:0 0 0 8px rgba(236,106,30,0)}100%{box-shadow:0 0 0 0 rgba(236,106,30,0)}}
.partner-klein.live-leiste{margin-top:22px}

/* „September“ ist länger als „Oktober“ */
.t-datum{min-width:100px}

/* Formular geschlossen (voll/vorbei) */
.formular-zu h3{font-size:clamp(22px,2.2vw,28px)}

/* Live-Raum-Vorschau */
.raum-blick{background:var(--tinte);color:#FFF6EE;overflow:hidden}
.raum-blick .innen{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.raum-blick h2{color:#fff;font-size:clamp(32px,3.6vw,48px);font-weight:900;letter-spacing:-.02em}
.raum-blick .lead{color:rgba(255,246,238,.8);margin-top:16px}
.raum-blick ul{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.raum-blick li{position:relative;padding-left:30px;color:rgba(255,246,238,.86);font-size:17px;line-height:1.45}
.raum-blick li b{color:#fff}
.raum-blick li::before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:var(--honig);box-shadow:0 0 14px 2px rgba(255,195,90,.55)}
.raum-bild{position:relative;margin:0}
.raum-bild img{width:100%;height:auto;border-radius:16px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,246,238,.12)}
.raum-bild figcaption{margin-top:14px;font:400 19px/1.3 var(--hand);color:var(--honig);transform:rotate(-1.5deg)}

@media (max-width:860px){
  .live-leiste span{font-size:13px}
  .raum-blick .innen{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){ .live-marke i{animation:none} }