/* Hero-Szenen der Booster (ausser Treueprogramm). Geraete aus sc-booster.css, Takt je 12 s */

/* ---------------------------------------------------------------- Empfehlungsprogramm */
.em-szene{align-items:center}
.em-szene .bo-handy{width:25%}
.em-k{display:flex;justify-content:space-between;align-items:baseline}
.em-k b{font-family:Georgia,serif;font-size:5.4cqw}
.em-k span{font-size:3.2cqw;color:#8A7E76}
.em-einladen{padding:5cqw;border-radius:5cqw;background:linear-gradient(145deg,#C8762C,#8A4416);color:#fff}
.em-einladen b{display:block;font-size:6cqw;line-height:1.15;margin-bottom:2cqw}
.em-einladen p{font-size:3.6cqw;opacity:.9}
.em-link{margin-top:4cqw;padding:2.4cqw 3cqw;border-radius:3cqw;background:rgba(0,0,0,.22);font-family:ui-monospace,Consolas,monospace;font-size:3.2cqw;white-space:nowrap;overflow:hidden}
.em-teilen{align-self:stretch;padding:3cqw;border-radius:999px;background:#2A2420;color:#fff;font-weight:800;font-size:4cqw;text-align:center!important;animation:em-teilen 12s infinite}
@keyframes em-teilen{0%,8%,13%,100%{transform:none}10.5%{transform:scale(.92)}}
.em-stand{display:flex;justify-content:space-between;padding:3.4cqw 4cqw;border-radius:4cqw;background:#fff;font-size:3.6cqw}
.em-stand b{font-size:4.4cqw}
.em-stand .bo-x b:last-child{color:var(--m)}
.em-stand .bo-x b:first-child{animation:em-a 12s infinite}.em-stand .bo-x b:last-child{animation:em-b 12s infinite}
@keyframes em-a{0%,64%{opacity:1}67%,96%{opacity:0}100%{opacity:1}}
@keyframes em-b{0%,64%{opacity:0;transform:translateY(40%)}67%,96%{opacity:1;transform:none}100%{opacity:0}}
.em-toast{position:absolute;left:5cqw;right:5cqw;top:14cqw;padding:3.4cqw 4cqw;border-radius:4cqw;background:rgba(30,30,30,.92);color:#fff;font-size:3.6cqw;line-height:1.35;opacity:0;animation:em-toast 12s infinite}
@keyframes em-toast{0%,64%{opacity:0;transform:translateY(-30%)}67%,90%{opacity:1;transform:none}94%,100%{opacity:0}}
.em-flug{position:relative;flex:none;width:clamp(60px,9%,110px);height:2px;background:repeating-linear-gradient(90deg,#555 0 6px,transparent 6px 12px)}
.em-flug i{position:absolute;top:50%;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);opacity:0;animation:em-flug 12s infinite}
@keyframes em-flug{0%,12%{left:0;opacity:0}14%{opacity:1}26%{left:100%;opacity:1}28%,100%{left:100%;opacity:0}}
.em-chat{background:#EDE9E4}
.em-chatkopf{display:flex;align-items:center;gap:2.4cqw;padding-bottom:3cqw;border-bottom:1px solid #DDD6CE;font-weight:800}
.em-chatkopf i{display:grid;place-items:center;width:8cqw;aspect-ratio:1;border-radius:50%;background:#34405E;color:#fff;font-style:normal;font-size:3.6cqw}
.em-blase{align-self:flex-start;max-width:86%;padding:3cqw 3.4cqw;border-radius:1cqw 4cqw 4cqw 4cqw;background:#fff;font-size:3.6cqw;line-height:1.4;opacity:0;animation:em-blase 12s infinite}
@keyframes em-blase{0%,27%{opacity:0;transform:translateY(20%)}30%,96%{opacity:1;transform:none}100%{opacity:0}}
.em-vorschau{display:block;margin-top:2.4cqw;border-radius:2.4cqw;overflow:hidden;background:#F6F1EA}
.em-vorschau img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}
.em-vorschau b{display:block;padding:2cqw 2.6cqw 0;font-size:3.6cqw}
.em-vorschau small{display:block;padding:0 2.6cqw 2.4cqw;font-size:3cqw;color:#8A7E76}
.em-sheet{position:absolute;left:0;right:0;bottom:0;padding:6cqw 6cqw 9cqw;border-radius:6cqw 6cqw 0 0;background:#fff;box-shadow:0 -4cqw 10cqw rgba(0,0,0,.15);display:flex;flex-direction:column;gap:3cqw;transform:translateY(105%);animation:em-sheet 12s infinite}
@keyframes em-sheet{0%,40%{transform:translateY(105%)}45%,94%{transform:none}99%,100%{transform:translateY(105%)}}
.em-sheet b{font-size:5.4cqw}
.em-sheet .feld{padding:3cqw;border-radius:2.4cqw;background:#F3F0EC;font-size:3.6cqw;color:#2A2420;white-space:nowrap;overflow:hidden}
.em-sheet .feld u{display:inline-block;text-decoration:none;overflow:hidden;vertical-align:bottom;width:0;animation:em-tipp 12s steps(14) infinite}
@keyframes em-tipp{0%,46%{width:0}56%,100%{width:100%}}
.em-sheet .knopf{padding:3cqw;border-radius:999px;background:var(--m);color:#fff;text-align:center!important;font-weight:800;font-size:4cqw;animation:em-knopf 12s infinite}
@keyframes em-knopf{0%,57%,60%,100%{transform:none}58.5%{transform:scale(.92)}}
.em-sheet .ok{position:absolute;inset:0;display:grid;place-items:center;padding:6cqw;background:#fff;font-size:5cqw;font-weight:800;color:#1E6B3E;text-align:center!important;opacity:0;animation:em-ok 12s infinite}
@keyframes em-ok{0%,60%{opacity:0}63%,94%{opacity:1}100%{opacity:0}}

/* ---------------------------------------------------------------- Community */
.co-szene .bo-bseite{display:grid;grid-template-columns:1.05fr 1fr;gap:3cqw;padding:3cqw 3.4cqw}
.co-kopf{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}
.co-kopf b{font-family:Georgia,serif;font-size:2.6cqw}
.co-zahl{font-size:1.4cqw;color:#7A6E66}
.co-zahl .bo-x{font-size:2.6cqw;font-weight:800;color:#2A2420;margin-right:.6cqw;vertical-align:-.3cqw}
.co-zahl .bo-x i{font-style:normal}
.co-zahl .bo-x i:first-child{animation:em-a 12s infinite;animation-name:co-a}.co-zahl .bo-x i:last-child{animation:co-b 12s infinite}
@keyframes co-a{0%,52%{opacity:1}55%,96%{opacity:0}100%{opacity:1}}
@keyframes co-b{0%,52%{opacity:0;transform:translateY(40%)}55%,96%{opacity:1;transform:none}100%{opacity:0}}
.co-spalte{display:flex;flex-direction:column;gap:1.2cqw}
.co-titel{font-size:1.2cqw;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8A7E76}
.co-neu{display:flex;align-items:center;gap:1.2cqw;padding:1.2cqw 1.4cqw;border-radius:1.2cqw;background:#fff;opacity:0;animation:co-neu 12s infinite}
.co-neu:nth-of-type(2){animation-delay:1.3s}.co-neu:nth-of-type(3){animation-delay:2.6s}.co-neu:nth-of-type(4){animation-delay:3.9s}.co-neu:nth-of-type(5){animation-delay:5.2s}
@keyframes co-neu{0%,6%{opacity:0;transform:translateX(-12%)}10%,82%{opacity:1;transform:none}88%,100%{opacity:0}}
.co-neu i{display:grid;place-items:center;flex:none;width:3.2cqw;aspect-ratio:1;border-radius:50%;color:#fff;font-style:normal;font-size:1.3cqw;font-weight:800}
.co-neu b{flex:1;font-size:1.45cqw}
.co-neu em{font-style:normal;font-size:1.1cqw;font-weight:700;padding:.4cqw 1cqw;border-radius:999px;background:#F3EDE6;color:#8A4416;white-space:nowrap}
.co-stufe{display:grid;grid-template-columns:9cqw 1fr 3cqw;align-items:center;gap:1cqw;font-size:1.35cqw}
.co-stufe b{height:1cqw;border-radius:1cqw;background:#E4DCD2;overflow:hidden}
.co-stufe b i{display:block;height:100%;width:var(--w);background:var(--m);border-radius:1cqw}
.co-stufe em{font-style:normal;font-weight:800;text-align:right!important}
.co-post{position:relative;margin-top:.8cqw;border-radius:1.4cqw;overflow:hidden;background:#fff}
.co-post img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;filter:blur(1cqw) brightness(.8);animation:co-blur 12s infinite}
@keyframes co-blur{0%,62%{filter:blur(1cqw) brightness(.8)}68%,94%{filter:none}100%{filter:blur(1cqw) brightness(.8)}}
.co-post p{padding:1.2cqw 1.4cqw;font-size:1.45cqw;font-weight:800}
.co-schloss{position:absolute;top:1.4cqw;left:1.4cqw;padding:.5cqw 1.2cqw;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:1.15cqw;font-weight:700}
.co-schloss .bo-x i{font-style:normal}
.co-schloss .bo-x i:first-child{animation:co-c 12s infinite}.co-schloss .bo-x i:last-child{animation:co-d 12s infinite}
@keyframes co-c{0%,62%{opacity:1}66%,94%{opacity:0}100%{opacity:1}}
@keyframes co-d{0%,62%{opacity:0}66%,94%{opacity:1}100%{opacity:0}}
@media (max-width:860px){.co-szene .bo-bseite{grid-template-columns:1fr;aspect-ratio:auto;font-size:3cqw}.co-szene .co-rechts{display:none}
  .co-kopf b{font-size:5cqw}.co-zahl{font-size:3cqw}.co-zahl .bo-x{font-size:5cqw}.co-titel{font-size:2.6cqw}
  .co-neu{gap:2.4cqw;padding:2.4cqw;border-radius:2.4cqw}.co-neu i{width:7cqw;font-size:3cqw}.co-neu b{font-size:3.4cqw}.co-neu em{font-size:2.6cqw;padding:.8cqw 2cqw}}

/* ---------------------------------------------------------------- KI-Sichtbarkeit */
.ki-szene{align-items:center}
.ki-chat{flex:1;min-width:0;max-width:620px;padding:22px;border-radius:16px;background:#171717;box-shadow:0 0 0 1px #333,0 60px 120px -50px rgba(0,0,0,.95),0 40px 90px -40px rgba(224,36,107,.35);display:flex;flex-direction:column;gap:14px;font-size:14px;color:#D4D4D4}
.ki-chat p{margin:0;color:inherit}
.ki-wer{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8A8A8A}
.ki-wer i{width:22px;height:22px;border-radius:50%;background:conic-gradient(from 90deg,#8A3FFC,#E0246B,#F9A23A,#8A3FFC)}
.ki-frage{align-self:flex-end;max-width:80%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#2E2E2E;color:#F2F2F2!important;opacity:0;animation:ki-rein 12s infinite}
@keyframes ki-rein{0%,3%{opacity:0;transform:translateY(10px)}6%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.ki-antw{display:flex;flex-direction:column;gap:10px}
.ki-intro{opacity:0;animation:ki-z 12s infinite;animation-delay:1.2s}
.ki-treffer{padding:10px 12px;border-radius:10px;background:#202020;opacity:0;animation:ki-z 12s infinite}
.ki-treffer b{color:#fff}
.ki-treffer:nth-child(2){animation-delay:1.8s}.ki-treffer:nth-child(3){animation-delay:2.4s}.ki-treffer:nth-child(4){animation-delay:3s}
@keyframes ki-z{0%,4%{opacity:0;transform:translateY(8px)}8%,85%{opacity:1;transform:none}89%,100%{opacity:0}}
.ki-treffer.du{animation:ki-z 12s infinite,ki-du 12s infinite;animation-delay:1.8s,0s}
@keyframes ki-du{0%,40%{box-shadow:none}44%,92%{box-shadow:inset 0 0 0 2px var(--accent)}}
.ki-quelle{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 10px 3px 3px;border-radius:999px;background:#0E0E0E;box-shadow:inset 0 0 0 1px #3A3A3A;font-size:12px;color:#A3A3A3;opacity:0;animation:ki-q 12s infinite}
.ki-quelle i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#0F7A70;color:#fff;font-style:normal;font-size:10px;font-weight:800}
@keyframes ki-q{0%,44%{opacity:0;transform:scale(.8)}48%,92%{opacity:1;transform:none}96%,100%{opacity:0}}
.ki-score .gross{display:flex;align-items:baseline;gap:6px;margin:6px 0 10px;font-size:14px;color:#A3A3A3}
.ki-score .gross .bo-x{font-size:40px;font-weight:800;color:#fff;line-height:1}
.ki-score .gross .bo-x i{font-style:normal}
.ki-score .gross .bo-x i:first-child{animation:ki-a 12s infinite}.ki-score .gross .bo-x i:last-child{animation:ki-b 12s infinite}
@keyframes ki-a{0%,56%{opacity:1}60%,96%{opacity:0}100%{opacity:1}}
@keyframes ki-b{0%,56%{opacity:0;transform:translateY(30%)}60%,96%{opacity:1;transform:none}100%{opacity:0}}
.ki-balken{height:10px;border-radius:5px;background:#2A2A2A;overflow:hidden}
.ki-balken i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--accent),#FF7AA8);animation:ki-w 12s infinite}
@keyframes ki-w{0%,56%{width:30%}62%,96%{width:70%}100%{width:30%}}
.ki-score ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px;font-size:12.5px}
.ki-score li{display:flex;justify-content:space-between;gap:8px}
.ki-score li b{color:#C7F59B}.ki-score li b.nein{color:#777}

/* ---------------------------------------------------------------- Fotowettbewerb */
.fw-szene .bo-bseite{padding:2.6cqw 3.4cqw;display:flex;flex-direction:column;gap:1.8cqw}
.fw-kopf{display:flex;justify-content:space-between;align-items:flex-end}
.fw-kopf b{display:block;font-size:2.8cqw;letter-spacing:-.01em}
.fw-kopf span{font-size:1.4cqw;color:#7A6E66}
.fw-kopf em{font-style:normal;padding:.7cqw 1.6cqw;border-radius:999px;background:var(--m);color:#fff;font-size:1.3cqw;font-weight:800}
.fw-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4cqw}
.fw-foto{position:relative;border-radius:1.2cqw;overflow:hidden;background:#ddd}
.fw-foto img{display:block;width:100%;aspect-ratio:4/3.4;object-fit:cover}
.fw-herz{position:absolute;left:1cqw;bottom:1cqw;display:flex;align-items:center;gap:.6cqw;padding:.4cqw 1cqw;border-radius:999px;background:rgba(255,255,255,.92);font-size:1.25cqw;font-weight:800}
.fw-herz::before{content:"♥";color:#E0246B}
.fw-herz .bo-x i{font-style:normal}
.fw-herz .bo-x i:first-child{animation:fw-a 12s infinite}.fw-herz .bo-x i:last-child{animation:fw-b 12s infinite}
.fw-foto:nth-child(2) .bo-x i{animation-delay:.8s}.fw-foto:nth-child(3) .bo-x i{animation-delay:1.6s}.fw-foto:nth-child(4) .bo-x i{animation-delay:2.4s}
.fw-foto:nth-child(5) .bo-x i{animation-delay:1.2s}.fw-foto:nth-child(6) .bo-x i{animation-delay:2s}.fw-foto:nth-child(7) .bo-x i{animation-delay:.4s}.fw-foto:nth-child(8) .bo-x i{animation-delay:2.8s}
@keyframes fw-a{0%,20%{opacity:1}24%,96%{opacity:0}100%{opacity:1}}
@keyframes fw-b{0%,20%{opacity:0;transform:scale(.6)}24%{opacity:1;transform:scale(1.25)}28%,96%{opacity:1;transform:none}100%{opacity:0}}
.fw-sieg{position:absolute;top:1cqw;right:1cqw;padding:.5cqw 1.2cqw;border-radius:999px;background:#F5B83D;color:#2A2420;font-size:1.25cqw;font-weight:800;opacity:0;animation:fw-sieg 12s infinite}
@keyframes fw-sieg{0%,60%{opacity:0;transform:scale(.6) rotate(-8deg)}64%{opacity:1;transform:scale(1.15) rotate(3deg)}68%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
.fw-foto.sieger{animation:fw-rand 12s infinite}
@keyframes fw-rand{0%,60%{box-shadow:none}64%,94%{box-shadow:0 0 0 .4cqw #F5B83D}}
.fw-panel .zeile{display:flex;justify-content:space-between;margin-bottom:8px}
.fw-panel .zeile b{color:#fff}
.fw-panel .gross{display:block;margin:4px 0 12px;font-size:36px;font-weight:800;color:#fff;line-height:1}
.fw-panel .gross i{font-style:normal}
.fw-panel .gross i:first-child{animation:fw-a 12s infinite}.fw-panel .gross i:last-child{animation:fw-b 12s infinite}
.fw-szene{align-items:center}
@media (max-width:860px){.fw-szene .bo-bseite{aspect-ratio:auto;font-size:3cqw}.fw-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4cqw}.fw-foto:nth-child(n+5){display:none}
  .fw-kopf b{font-size:5cqw}.fw-kopf span{font-size:2.8cqw}.fw-kopf em{font-size:2.6cqw;padding:1.2cqw 2.6cqw}.fw-herz{font-size:2.8cqw;padding:.8cqw 2cqw}.fw-sieg{font-size:2.8cqw;padding:1cqw 2.4cqw}}

/* ---------------------------------------------------------------- Team-Paket */
.tp-szene{align-items:center}
.tp-panel{width:clamp(280px,46%,460px)}
.tp-drop{padding:14px;border-radius:12px;background:#262626}
.tp-drop b{display:block;color:#fff;font-size:15px;margin-bottom:6px}
.tp-drop p{font-size:13px;line-height:1.5}
.tp-team{display:flex;gap:8px;margin:16px 0 12px}
.tp-team span{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;font-size:12px;font-weight:800}
.tp-team span::after{content:"✓";position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#2E9E5E;color:#fff;font-size:10px;box-shadow:0 0 0 2px #1C1C1C;opacity:0;transform:scale(.4);animation:tp-ok 12s infinite}
.tp-team span:nth-child(2)::after{animation-delay:.9s}.tp-team span:nth-child(3)::after{animation-delay:1.8s}.tp-team span:nth-child(4)::after{animation-delay:2.7s}.tp-team span:nth-child(5)::after{animation-delay:3.6s}.tp-team span:nth-child(6)::after{animation-delay:4.5s}
@keyframes tp-ok{0%,18%{opacity:0;transform:scale(.4)}21%,88%{opacity:1;transform:none}92%,100%{opacity:0}}
.tp-reich{display:flex;align-items:baseline;gap:8px;color:#A3A3A3}
.tp-reich .bo-x{font-size:34px;font-weight:800;color:#fff;line-height:1}
.tp-reich .bo-x i{font-style:normal;opacity:0}
.tp-reich .bo-x i:nth-child(1){animation:tp-z1 12s infinite}.tp-reich .bo-x i:nth-child(2){animation:tp-z2 12s infinite}.tp-reich .bo-x i:nth-child(3){animation:tp-z3 12s infinite}
@keyframes tp-z1{0%,24%{opacity:1}27%,100%{opacity:0}}
@keyframes tp-z2{0%,24%{opacity:0}27%,48%{opacity:1}51%,100%{opacity:0}}
@keyframes tp-z3{0%,48%{opacity:0}51%,94%{opacity:1}98%,100%{opacity:0}}
.tp-meldung{padding:3cqw 3.4cqw;border-radius:4cqw;background:#fff;font-size:3.4cqw;box-shadow:0 2cqw 6cqw -2cqw rgba(0,0,0,.2)}
.tp-meldung b{display:block;font-size:3.8cqw}
.tp-post{border-radius:4cqw;background:#fff;overflow:hidden}
.tp-post .wer{display:flex;align-items:center;gap:2cqw;padding:3cqw 3.4cqw 0;font-size:3.2cqw}
.tp-post .wer i{display:grid;place-items:center;width:8cqw;aspect-ratio:1;border-radius:50%;background:#9C2F4F;color:#fff;font-style:normal;font-weight:800;font-size:3.2cqw}
.tp-post .wer b{display:block;font-size:3.6cqw}
.tp-post p{padding:2.4cqw 3.4cqw;font-size:3.4cqw;line-height:1.4}
.tp-post img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.tp-teilen{padding:3cqw;border-radius:999px;background:#0A66C2;color:#fff;text-align:center!important;font-weight:800;font-size:3.8cqw;animation:tp-teilen 12s infinite}
@keyframes tp-teilen{0%,14%,19%,100%{transform:none}16.5%{transform:scale(.92)}}
.tp-geteilt{position:absolute;left:5cqw;right:5cqw;bottom:6cqw;padding:3cqw;border-radius:3cqw;background:#E7F4EC;color:#1E6B3E;text-align:center!important;font-weight:800;font-size:3.6cqw;opacity:0;animation:tp-geteilt 12s infinite}
@keyframes tp-geteilt{0%,18%{opacity:0;transform:translateY(30%)}21%,90%{opacity:1;transform:none}94%,100%{opacity:0}}

/* ---------------------------------------------------------------- Bewertungsmanagement */
.bw2-szene{align-items:center}
.bw2-frage{margin-top:6cqw!important;font-size:6cqw!important;font-weight:800;line-height:1.2;text-align:center!important}
.bw2-sterne{display:flex;justify-content:center;gap:1.6cqw;font-size:9cqw;line-height:1}
.bw2-sterne i{font-style:normal;color:#D8D0C6;animation:bw2-s1 12s infinite}
.bw2-sterne i:nth-child(2){animation-name:bw2-s2}.bw2-sterne i:nth-child(3){animation-name:bw2-s3}.bw2-sterne i:nth-child(4){animation-name:bw2-s4}.bw2-sterne i:nth-child(5){animation-name:bw2-s5}
@keyframes bw2-s1{0%,5%{color:#D8D0C6}7%,94%{color:#F5B83D}}
@keyframes bw2-s2{0%,8%{color:#D8D0C6}10%,94%{color:#F5B83D}}
@keyframes bw2-s3{0%,11%{color:#D8D0C6}13%,94%{color:#F5B83D}}
@keyframes bw2-s4{0%,14%{color:#D8D0C6}16%,94%{color:#F5B83D}}
@keyframes bw2-s5{0%,17%{color:#D8D0C6}19%,94%{color:#F5B83D}}
.bw2-danke{text-align:center!important;font-size:3.8cqw;color:#7A6E66!important;opacity:0;animation:bw2-rein 12s infinite}
@keyframes bw2-rein{0%,20%{opacity:0;transform:translateY(20%)}23%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
.bw2-portale{display:flex;flex-direction:column;gap:2.4cqw;opacity:0;animation:bw2-rein 12s infinite}
.bw2-portale span{display:flex;justify-content:space-between;align-items:center;padding:3cqw 4cqw;border-radius:3cqw;background:#fff;font-weight:800;font-size:3.8cqw}
.bw2-portale span::after{content:"→";color:var(--m)}
.bw2-portale span:first-child{animation:bw2-tipp 12s infinite}
@keyframes bw2-tipp{0%,28%,33%,100%{transform:none;background:#fff}30.5%{transform:scale(.94);background:#F3E6DA}}
.bw2-panel .schnitt{display:flex;align-items:baseline;gap:8px;margin-bottom:14px;color:#A3A3A3}
.bw2-panel .schnitt .bo-x{font-size:38px;font-weight:800;color:#fff;line-height:1}
.bw2-panel .schnitt .bo-x i{font-style:normal}
.bw2-panel .schnitt .bo-x i:first-child{animation:ki-a 12s infinite;animation-name:bw2-a}.bw2-panel .schnitt .bo-x i:last-child{animation:bw2-b 12s infinite}
@keyframes bw2-a{0%,38%{opacity:1}42%,96%{opacity:0}100%{opacity:1}}
@keyframes bw2-b{0%,38%{opacity:0;transform:translateY(30%)}42%,96%{opacity:1;transform:none}100%{opacity:0}}
.bw2-panel .stern{color:#F5B83D;letter-spacing:1px}
.bw2-neu{padding:12px;border-radius:10px;background:#262626;opacity:0;animation:bw2-neu 12s infinite}
@keyframes bw2-neu{0%,36%{opacity:0;transform:translateY(12px)}40%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
.bw2-neu b{display:block;color:#fff;margin:4px 0}
.bw2-vor{margin-top:10px;display:grid;gap:6px}
.bw2-vor span{padding:8px 10px;border-radius:8px;font-size:12.5px;line-height:1.4;box-shadow:inset 0 0 0 1px #3A3A3A;opacity:0;animation:bw2-vor 12s infinite}
.bw2-vor span:nth-child(2){animation-delay:.4s}
@keyframes bw2-vor{0%,46%{opacity:0}50%,94%{opacity:1}98%,100%{opacity:0}}
.bw2-vor span:first-child{animation:bw2-vor 12s infinite,bw2-wahl 12s infinite}
@keyframes bw2-wahl{0%,60%{box-shadow:inset 0 0 0 1px #3A3A3A;background:transparent}64%,94%{box-shadow:inset 0 0 0 2px var(--accent);background:rgba(224,36,107,.12)}}
.bw2-gepostet{margin-top:10px;font-size:12.5px;font-weight:800;color:#7BD69C;opacity:0;animation:bw2-p 12s infinite}
@keyframes bw2-p{0%,68%{opacity:0}72%,94%{opacity:1}98%,100%{opacity:0}}

/* ---------------------------------------------------------------- Eventmanagement */
.ev-szene{align-items:flex-end}
.ev-szene .bo-tscreen{gap:1.5cqw;padding:4.4cqw 5.4cqw}
.ev-display{padding:0;gap:0}
.ev-display > img{display:block;width:100%;aspect-ratio:4/3.2;object-fit:cover}
.ev-inhalt{display:flex;flex-direction:column;gap:3cqw;padding:5cqw 6cqw}
.ev-inhalt .tag{font-size:3.2cqw;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--m)}
.ev-inhalt b{font-size:6cqw;line-height:1.15}
.ev-inhalt .wann{font-size:3.6cqw;color:#7A6E66}
.ev-plaetze{display:flex;align-items:center;gap:2cqw;font-size:3.8cqw;font-weight:800}
.ev-plaetze::before{content:"";width:2.6cqw;aspect-ratio:1;border-radius:50%;background:#2E9E5E;animation:ev-punkt 12s infinite}
@keyframes ev-punkt{0%,44%{background:#2E9E5E}46%,94%{background:#D2452D}}
.ev-plaetze .bo-x i{font-style:normal;opacity:0}
.ev-plaetze .bo-x i:nth-child(1){animation:ev-p1 12s infinite}.ev-plaetze .bo-x i:nth-child(2){animation:ev-p2 12s infinite}.ev-plaetze .bo-x i:nth-child(3){animation:ev-p3 12s infinite}
@keyframes ev-p1{0%,22%{opacity:1}24%,100%{opacity:0}}
@keyframes ev-p2{0%,22%{opacity:0}24%,44%{opacity:1}46%,100%{opacity:0}}
@keyframes ev-p3{0%,44%{opacity:0}46%,96%{opacity:1}100%{opacity:0}}
.ev-knopf{padding:3cqw;border-radius:999px;background:var(--m);color:#fff;text-align:center!important;font-weight:800;font-size:4cqw;animation:ev-knopf 12s infinite}
@keyframes ev-knopf{0%,19%,24%,40%,45%,100%{transform:none}21.5%,42.5%{transform:scale(.92)}46%,94%{background:#2A2420}}
.ev-push{position:absolute;left:4cqw;right:4cqw;top:13cqw;display:flex;gap:2.4cqw;padding:3cqw;border-radius:4cqw;background:rgba(245,242,238,.96);box-shadow:0 2cqw 8cqw rgba(0,0,0,.25);font-size:3.2cqw;line-height:1.35;opacity:0;animation:ev-push 12s infinite}
.ev-push i{display:grid;place-items:center;flex:none;width:8cqw;aspect-ratio:1;border-radius:2cqw;background:var(--m);color:#fff;font-style:normal;font-weight:800;font-size:3.6cqw}
.ev-push b{display:block;font-size:3.5cqw}
@keyframes ev-push{0%,56%{opacity:0;transform:translateY(-40%)}60%,78%{opacity:1;transform:none}82%,100%{opacity:0;transform:translateY(-40%)}}
.ev-liste-t{display:flex;justify-content:space-between;align-items:baseline}
.ev-liste-t b{font-size:4cqw}
.ev-liste-t span{font-size:2.6cqw;color:#7A6E66}
.ev-gast{display:flex;align-items:center;gap:2cqw;padding:1.3cqw 2.4cqw;border-radius:1.8cqw;background:#fff;font-size:2.8cqw}
.ev-gast i{display:grid;place-items:center;width:5.4cqw;aspect-ratio:1;border-radius:50%;color:#fff;font-style:normal;font-weight:800;font-size:2.4cqw}
.ev-gast b{flex:1}
.ev-gast em{font-style:normal;font-size:2.4cqw;font-weight:800;padding:.6cqw 1.6cqw;border-radius:999px;background:#F0EBE5;color:#8A7E76;animation:ev-ein 12s infinite}
.ev-gast:nth-of-type(3) em{animation-delay:.8s}.ev-gast:nth-of-type(4) em{animation-delay:1.6s}.ev-gast:nth-of-type(5) em{animation-delay:2.4s}
@keyframes ev-ein{0%,66%{background:#F0EBE5;color:#8A7E76}69%,95%{background:#E7F4EC;color:#1E6B3E}}
.ev-gast.wl em{background:#FBEFE2;color:#B8661E;animation:ev-wl 12s infinite}
@keyframes ev-wl{0%,50%{opacity:0}53%,95%{opacity:1}}

/* ---------------------------------------------------------------- Lead-Magnet */
.lm-szene{display:block;padding:0 0 clamp(90px,10vw,130px) clamp(40px,7vw,90px)}
.lm-szene .bo-bseite{display:grid;grid-template-columns:1.2fr 1fr;gap:4cqw;padding:4cqw 5cqw;aspect-ratio:16/9}
.lm-text .tag{font-size:1.2cqw;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--m)}
.lm-text b{display:block;margin:1cqw 0 1.6cqw;font-family:Georgia,serif;font-size:3.2cqw;line-height:1.1}
.lm-text p{font-size:1.45cqw;line-height:1.55;color:#5E5A55!important}
.lm-text img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:1.2cqw;margin-top:2cqw}
.lm-gate{position:relative;align-self:center;padding:2.6cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 1cqw 4cqw rgba(60,40,20,.14);display:flex;flex-direction:column;gap:1.4cqw}
.lm-gate .t{font-size:2cqw;font-weight:800}
.lm-gate .s{font-size:1.3cqw;color:#7A6E66!important}
.lm-zeilen{display:flex;flex-direction:column;gap:.9cqw;padding:1.4cqw;border-radius:1cqw;background:#F6F1EA;filter:blur(.5cqw);animation:lm-klar 12s infinite}
.lm-zeilen span{font-size:1.3cqw}
.lm-zeilen span::before{content:"✓ ";color:#2E9E5E;font-weight:800}
@keyframes lm-klar{0%,33%{filter:blur(.5cqw)}38%,94%{filter:none}98%,100%{filter:blur(.5cqw)}}
.lm-feld{display:flex;gap:1cqw;animation:lm-weg 12s infinite}
.lm-feld span{flex:1;padding:1.2cqw 1.4cqw;border-radius:.9cqw;background:#F3F0EC;font-family:ui-monospace,Consolas,monospace;font-size:1.5cqw;font-weight:700;box-shadow:inset 0 0 0 1px #E2DBD2}
.lm-feld u{display:inline-block;width:0;overflow:hidden;vertical-align:bottom;text-decoration:none;animation:lm-tipp 12s steps(6) infinite}
@keyframes lm-tipp{0%,8%{width:0}24%,100%{width:6ch}}
.lm-feld b{padding:1.2cqw 2cqw;border-radius:.9cqw;background:var(--m);color:#fff;font-size:1.4cqw;animation:lm-druck 12s infinite}
@keyframes lm-druck{0%,27%,31%,100%{transform:none}29%{transform:scale(.9)}}
@keyframes lm-weg{0%,33%{opacity:1;max-height:6cqw}38%,94%{opacity:0;max-height:0}98%,100%{opacity:1;max-height:6cqw}}
.lm-dl{padding:1.2cqw;border-radius:.9cqw;background:#2A2420;color:#fff;text-align:center!important;font-size:1.4cqw;font-weight:800;opacity:0;animation:lm-dl 12s infinite}
@keyframes lm-dl{0%,36%{opacity:0;transform:translateY(30%)}40%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
.lm-panel{position:absolute;left:0;bottom:0}
.lm-panel .gross{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;color:#A3A3A3}
.lm-panel .gross .bo-x{font-size:34px;font-weight:800;color:#fff;line-height:1}
.lm-panel .gross .bo-x i{font-style:normal}
.lm-panel .gross .bo-x i:first-child{animation:lm-a 12s infinite}.lm-panel .gross .bo-x i:last-child{animation:lm-b 12s infinite}
@keyframes lm-a{0%,38%{opacity:1}42%,96%{opacity:0}100%{opacity:1}}
@keyframes lm-b{0%,38%{opacity:0;transform:translateY(30%)}42%,96%{opacity:1;transform:none}100%{opacity:0}}
.lm-row{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#262626;font-size:12.5px;margin-top:6px}
.lm-row b{color:#fff}
.lm-row.neu{opacity:0;animation:lm-neu 12s infinite}
@keyframes lm-neu{0%,38%{opacity:0;transform:translateY(-8px)}42%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@media (max-width:860px){
  .lm-szene{padding:0;display:flex;flex-direction:column;align-items:center;gap:14px}
  .lm-szene .bo-browser{width:100%}
  .lm-szene .bo-bseite{grid-template-columns:1fr;aspect-ratio:auto;padding:5cqw}
  .lm-text{display:none}
  .lm-gate{padding:5cqw;gap:3cqw;border-radius:3cqw}.lm-gate .t{font-size:5cqw}.lm-gate .s,.lm-zeilen span{font-size:3.4cqw}
  .lm-zeilen{padding:3cqw;gap:2cqw;border-radius:2cqw}.lm-feld{gap:2cqw}.lm-feld span{font-size:3.8cqw;padding:2.6cqw}.lm-feld b{font-size:3.6cqw;padding:2.6cqw 4cqw}.lm-dl{font-size:3.6cqw;padding:3cqw}
  @keyframes lm-weg{0%,33%{opacity:1;max-height:16cqw}38%,94%{opacity:0;max-height:0}98%,100%{opacity:1;max-height:16cqw}}
  .lm-panel{position:relative}
}
@media (prefers-reduced-motion:reduce){
  .em-szene *,.co-szene *,.ki-szene *,.fw-szene *,.tp-szene *,.bw2-szene *,.ev-szene *,.lm-szene *{animation:none!important}
}
@media (max-width:860px){.em-szene .bo-handy{width:min(270px,78%)}}

/* ---------------------------------------------------------------- Content Repurposing: Stichworte rein, sechs Fassungen raus. Takt 14 s */
.cr-szene{align-items:stretch;width:min(100%,1120px)}
.cr-drop{display:flex;flex-direction:column;gap:6px;align-self:center}
.cr-l{font-size:11px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8A8A8A!important;margin-top:8px!important}
.cr-feld{padding:10px 12px;border-radius:10px;background:#0E0E0E;box-shadow:inset 0 0 0 1px #333;font-size:13.5px;line-height:1.45;color:#F2F2F2!important;min-height:68px}
.cr-feld u{text-decoration:none;display:inline;background:linear-gradient(#0E0E0E,#0E0E0E) no-repeat right/100% 100%;animation:cr-tipp 14s steps(30) infinite}
@keyframes cr-tipp{0%,2%{background-size:100% 100%}16%,100%{background-size:0 100%}}
.cr-gruppen{display:flex;gap:6px;flex-wrap:wrap}
.cr-gruppen span{padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:700;color:#A3A3A3;box-shadow:inset 0 0 0 1px #3A3A3A;animation:cr-g 14s infinite}
.cr-gruppen span:nth-child(2){animation-delay:.5s}.cr-gruppen span:nth-child(3){animation-delay:1s}
@keyframes cr-g{0%,17%{background:transparent;color:#A3A3A3}19%,96%{background:#F2F2F2;color:#111;box-shadow:none}}
.cr-los{margin-top:12px!important;padding:10px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:800;font-size:14px;text-align:center!important;animation:cr-los 14s infinite}
@keyframes cr-los{0%,24%,28%,100%{transform:none}26%{transform:scale(.93)}}
.cr-raster{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cr-karte{position:relative;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:#fff;color:#16171A;font-size:12.5px;line-height:1.45;box-shadow:0 24px 50px -24px rgba(0,0,0,.9);opacity:0;transform:translateY(14px) scale(.96);animation:cr-karte 14s infinite;animation-delay:calc(var(--i) * .55s)}
@keyframes cr-karte{0%,29%{opacity:0;transform:translateY(14px) scale(.96)}33%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
.cr-karte p{margin:0;color:#3A3D42}
.cr-karte img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.cr-kanal{align-self:flex-start;padding:3px 9px;border-radius:999px;background:#F1EEEA;font-size:11px;font-weight:800;color:#B0185A}
.cr-wer{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#6B6F76!important}
.cr-wer i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0F7A70;color:#fff;font-style:normal;font-weight:800}
.cr-wer b{display:block;color:#16171A;font-size:12.5px}
.cr-dach{font-size:10.5px!important;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8A8E94!important}
.cr-titel{font-size:14px;font-weight:800;line-height:1.25;color:#16171A!important}
.cr-folie{position:relative;aspect-ratio:16/9;border-radius:8px;padding:10px 12px;background:linear-gradient(135deg,#0F7A70,#0A4A44);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.cr-folie b{font-size:17px;line-height:1.05;text-transform:uppercase}
.cr-folie span{font-size:11px;opacity:.85}
.cr-folie i{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:4px;background:repeating-conic-gradient(#fff 0 25%,#0A4A44 0 50%) 0 0/8px 8px;box-shadow:0 0 0 3px #fff}
.cr-wa{align-self:flex-start;padding:9px 11px;border-radius:4px 12px 12px 12px;background:#DCF8C6;color:#16171A!important}
.cr-wa u{color:#0A66C2;text-decoration:none;word-break:break-all}
.cr-karte ul{margin:0;padding-left:16px;color:#3A3D42;display:grid;gap:3px}
.cr-frei{margin-top:auto;align-self:flex-start;padding:3px 9px;border-radius:999px;background:#E7F4EC;color:#1E6B3E;font-size:11px;font-weight:800;opacity:0;animation:cr-frei 14s infinite;animation-delay:calc(var(--i) * .4s)}
@keyframes cr-frei{0%,62%{opacity:0;transform:scale(.7)}66%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
@media (max-width:1000px){.cr-raster{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-karte:nth-child(n+5){display:none}}
@media (max-width:860px){.cr-szene{flex-direction:column;align-items:center}.cr-drop{width:min(340px,100%)}.cr-raster{width:100%}}
@media (prefers-reduced-motion:reduce){.cr-szene *{animation:none!important}.cr-karte,.cr-frei{opacity:1;transform:none}.cr-feld u{background:none}}
.cr-karte li{color:#3A3D42}