/* ═══ REV — geteiltes Seiten-Framework nach DESIGN-revolut.md ═══ */
.rp{--bg:#0f0b0a;--deep:#1b1813;--elev:#232323;--card:#28282b;--ink:#ffffff;--ink2:rgba(255,255,255,0.72);--ink3:rgba(255,255,255,0.5);--line:rgba(255,255,255,0.12);--edge:transparent;--acc:#b2d5e5;--btn:#ffffff;--btn-ink:#000000;background:var(--bg);color:var(--ink);}
html[data-theme="light"] .rp{--bg:#ffffff;--deep:#f4f4f4;--elev:#ffffff;--card:#ffffff;--ink:#191c1f;--ink2:#505a63;--ink3:#8d969e;--line:#e2e2e7;--edge:#e2e2e7;--btn:#191c1f;--btn-ink:#ffffff;}
.rp,.rp *{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box;font-optical-sizing:auto;}
.rp ::selection{background:rgba(178,213,229,0.35);}
.rp-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.rp-kicker{display:inline-flex;align-items:center;background:var(--elev);border:1px solid var(--edge);color:var(--ink);font-size:13px;font-weight:500;line-height:1.4;padding:5px 14px;border-radius:9999px;margin:0 0 22px;}
html[data-theme="light"] .rp-kicker{background:#f4f4f4;border-color:transparent;}
.rp-h2{font-size:clamp(34px,4.2vw,54px);font-weight:500;letter-spacing:-0.01em;line-height:1.1;margin:0 0 18px;color:var(--ink);text-wrap:balance;}
.rp-p{font-size:18px;line-height:1.56;letter-spacing:-0.005em;color:var(--ink2);margin:0 0 26px;max-width:48ch;}
.rp-link{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;letter-spacing:0.015em;color:var(--ink);text-decoration:none;}
.rp-link::after{content:'→';transition:transform .2s;}
.rp-link:hover::after{transform:translateX(4px);}
html[data-theme="light"] .rp-link{color:#4d90ad;font-weight:600;}
.rp-btn,.rp-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;min-height:48px;border-radius:9999px;font-size:16px;font-weight:600;letter-spacing:0.015em;line-height:1.5;text-decoration:none;cursor:pointer;border:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .18s;}
.rp-btn{background:var(--btn);color:var(--btn-ink);}
.rp-btn:hover,.rp-btn-ghost:hover{transform:scale(1.05);}
.rp-btn:active{background:#c9c9cd;}
.rp-btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);}
.rv.in{opacity:1;transform:none;}

/* HERO */
.rp-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;padding:170px clamp(20px,4vw,48px) 90px;background:var(--bg);overflow:hidden;}
html[data-theme="light"] .rp-hero{background:var(--bg);}
.rp-hero h1{font-size:clamp(42px,7.4vw,104px);font-weight:500;letter-spacing:-0.02em;line-height:1.0;margin:0;color:var(--ink);max-width:1060px;text-wrap:balance;}
.rp-hero .rp-hero-sub{font-size:18px;line-height:1.56;color:var(--ink2);max-width:560px;margin:0;}
.rp-hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.rp-hero-note{font-size:13px;color:var(--ink3);margin:0;}
.rp-line{display:block;overflow:hidden;padding-bottom:0.07em;margin-bottom:-0.07em;}
.rp-line em{display:inline-block;font-style:normal;transform:translateY(115%);animation:rpup 1.05s cubic-bezier(.16,1,.3,1) .1s forwards;}
.rp-line:nth-child(2) em{animation-delay:.2s;}
@keyframes rpup{to{transform:none}}
.rp-hero-sub,.rp-hero-cta,.rp-hero-note,.rp-hero-media{opacity:0;animation:rpfade .9s cubic-bezier(.16,1,.3,1) forwards;}
.rp-hero-sub{animation-delay:.45s}.rp-hero-cta{animation-delay:.58s}.rp-hero-note{animation-delay:.7s}.rp-hero-media{animation-delay:.75s}
@keyframes rpfade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Hero-Medien: Phone / Browser / breite Bühne */
.rp-hero-media{margin-top:30px;display:flex;justify-content:center;width:100%;}
.rp-phone{position:relative;width:min(300px,70vw);aspect-ratio:320/650;background:var(--deep);border-radius:44px;border:1px solid var(--line);padding:12px;overflow:hidden;}
.rp-phone image-slot{width:100%;height:100%;border-radius:34px;overflow:hidden;display:block;}
.rp-phone-notch{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:24px;border-radius:9999px;background:#000;z-index:2;pointer-events:none;}
.rp-shot{width:min(920px,100%);aspect-ratio:16/9;background:var(--deep);border-radius:28px;border:1px solid var(--line);overflow:hidden;padding:10px;}
.rp-shot image-slot{width:100%;height:100%;border-radius:20px;overflow:hidden;display:block;}

/* Produkt-Band */
.rp-band{padding:clamp(72px,9vw,120px) 0;}
.rp-band.alt{background:var(--deep);}
.rp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center;}
.rp-split.flip .rp-copy{order:2;}
.rp-split.flip .rp-visual{order:1;}
@media (max-width:900px){.rp-split{grid-template-columns:1fr;gap:44px;}.rp-split.flip .rp-copy{order:1;}.rp-split.flip .rp-visual{order:2;}}
.rp-visual{display:flex;justify-content:center;}
.rp-stage{width:100%;max-width:480px;aspect-ratio:5/4;background:var(--deep);border-radius:28px;overflow:hidden;display:flex;}
.rp-band.alt .rp-stage{background:var(--bg);}
.rp-stage image-slot{width:100%;height:100%;border-radius:28px;overflow:hidden;display:block;}
.rp-stage video{width:100%;height:100%;border-radius:28px;object-fit:cover;display:block;}

/* Karten-Grid */
.rp-cards{padding:clamp(72px,9vw,120px) 0;}
.rp-cards.alt{background:var(--deep);}
.rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:44px;}
.rp-grid.g4{grid-template-columns:repeat(4,1fr);}
.rp-grid.g2{grid-template-columns:repeat(2,1fr);}
@media (max-width:980px){.rp-grid,.rp-grid.g4{grid-template-columns:1fr 1fr;}}
@media (max-width:620px){.rp-grid,.rp-grid.g4,.rp-grid.g2{grid-template-columns:1fr;}}
.rp-card{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--edge);border-radius:20px;padding:32px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1);min-height:180px;}
a.rp-card:hover{transform:translateY(-4px);}
.rp-card-n{font-size:13px;font-weight:500;color:var(--ink3);font-variant-numeric:tabular-nums;}
.rp-card-t{font-size:20px;font-weight:500;color:var(--ink);line-height:1.35;}
.rp-card-d{font-size:15px;line-height:1.5;color:var(--ink2);margin:0;}
.rp-card-m{margin-top:auto;font-size:13px;color:var(--ink3);padding-top:10px;}
.rp-card-a{margin-top:auto;width:36px;height:36px;border-radius:9999px;background:var(--btn);color:var(--btn-ink);display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
a.rp-card:hover .rp-card-a{transform:translateX(4px);}
.rp-card-a svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

/* Fakten-Strip */
.rp-facts{padding:clamp(72px,9vw,120px) 0;background:var(--deep);}
.rp-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 44px;margin-top:44px;}
@media (max-width:900px){.rp-facts-grid{grid-template-columns:1fr 1fr;gap:32px 24px;}}
.rp-fact{position:relative;padding-top:22px;}
.rp-fact::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .2s;}
.rp-fact.in::before{transform:scaleX(1);}
.rp-fact-n{font-size:clamp(30px,3.2vw,46px);font-weight:500;letter-spacing:-0.01em;color:var(--ink);line-height:1.1;}
.rp-fact-l{font-size:14px;line-height:1.43;color:var(--ink2);margin-top:8px;}

/* Prinzipien-Liste */
.rp-rows{margin-top:44px;display:flex;flex-direction:column;}
.rp-row{display:grid;grid-template-columns:minmax(200px,320px) 1fr;gap:24px;padding:26px 0;position:relative;align-items:baseline;}
@media (max-width:700px){.rp-row{grid-template-columns:1fr;gap:6px;}}
.rp-row::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .15s;}
.rp-row.in::before{transform:scaleX(1);}
.rp-row-t{font-size:clamp(19px,1.8vw,24px);font-weight:500;color:var(--ink);line-height:1.33;}
.rp-row-d{font-size:16px;line-height:1.5;letter-spacing:0.015em;color:var(--ink2);margin:0;max-width:62ch;}

/* FAQ */
.rp-faqs{padding:clamp(72px,9vw,120px) 0;}
.rp-faq-list{margin-top:44px;max-width:760px;}
.rp-faq{border-top:1px solid var(--line);}
.rp-faq:last-child{border-bottom:1px solid var(--line);}
.rp-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;font-size:17px;font-weight:500;color:var(--ink);}
.rp-faq summary::-webkit-details-marker{display:none;}
.rp-faq summary::after{content:'+';font-size:22px;font-weight:400;color:var(--ink3);transition:transform .25s;flex-shrink:0;}
.rp-faq[open] summary::after{transform:rotate(45deg);}
.rp-faq-a{padding:0 0 24px;font-size:15.5px;line-height:1.6;color:var(--ink2);max-width:60ch;}

/* Marquee */
.rp-marq{background:var(--bg);padding:34px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.rp-marq-track{display:flex;align-items:center;gap:34px;width:max-content;animation:rpmarq 34s linear infinite;}
.rp-marq-track span{font-size:15px;font-weight:500;color:var(--ink3);white-space:nowrap;}
.rp-marq-track i{width:5px;height:5px;border-radius:50%;background:var(--line);flex-shrink:0;}
@keyframes rpmarq{to{transform:translateX(-50%)}}
.rp-marq:hover .rp-marq-track{animation-play-state:paused;}

/* CTA */
.rp-cta{padding:clamp(24px,3vw,48px);}
.rp-cta-box{max-width:1200px;margin:0 auto;background:#b2d5e5;border-radius:28px;padding:clamp(60px,8vw,110px) clamp(28px,5vw,80px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;}
.rp-cta-box h2{font-size:clamp(34px,4.8vw,76px);font-weight:500;letter-spacing:-0.01em;line-height:1.0;margin:0;color:#fff;text-wrap:balance;}
.rp-cta-box p{font-size:18px;line-height:1.56;color:rgba(255,255,255,0.9);margin:0;max-width:48ch;}
.rp-cta-box .rp-btn{background:#fff;color:#191c1f;}
.rp-cta-box.rv{transform:translateY(28px) scale(.97);}
.rp-cta-box.rv.in{transform:none;}

/* Stagger */
.rp-grid .rv:nth-child(2),.rp-facts-grid .rv:nth-child(2){transition-delay:.08s;}
.rp-grid .rv:nth-child(3),.rp-facts-grid .rv:nth-child(3){transition-delay:.16s;}
.rp-grid .rv:nth-child(4),.rp-facts-grid .rv:nth-child(4){transition-delay:.24s;}
.rp-grid .rv:nth-child(5){transition-delay:.1s;}
.rp-grid .rv:nth-child(6){transition-delay:.18s;}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none;}
  .rp-line em,.rp-hero-sub,.rp-hero-cta,.rp-hero-note,.rp-hero-media{animation:none;transform:none;opacity:1;}
  .rp-fact::before,.rp-row::before{transform:scaleX(1);transition:none;}
  .rp-marq-track{animation:none;}
}


/* Duo-Kacheln */
.rp-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px;}
@media (max-width:860px){.rp-duo{grid-template-columns:1fr;}}
.rp-tile{background:var(--deep);border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:10px;}
.rp-cards.alt .rp-tile,.rp-band.alt .rp-tile{background:var(--bg);}
.rp-tile h3{font-size:clamp(20px,1.9vw,24px);font-weight:500;color:var(--ink);margin:0;line-height:1.3;}
.rp-tile p{font-size:15.5px;line-height:1.5;color:var(--ink2);margin:0;max-width:44ch;}
.rp-tile-media{margin-top:16px;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--elev);}
html[data-theme="light"] .rp-tile-media{background:#e9e8e3;}
.rp-tile-media image-slot{width:100%;height:100%;display:block;}


/* ═══ Carbon-Schwarz zurück (Unterseiten: Hero + Fakten) + Candy-Blau ═══ */
.rp-hero{background:#0f0b0a;}
.rp-hero h1{color:#fff;}
.rp-hero .rp-hero-sub{color:rgba(255,255,255,0.72);}
.rp-hero-note{color:rgba(255,255,255,0.5);}
.rp-hero .rp-btn{background:#fff;color:#0f0b0a;}
.rp-hero .rp-btn-ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.85);}
.rp-phone{background:#1b1813;border-color:rgba(255,255,255,0.14);}
.rp-hero .rp-shot{background:#1b1813;border-color:rgba(255,255,255,0.14);}
.rp-facts{background:#0f0b0a;}
.rp-facts .rp-kicker{background:#232323;border-color:transparent;color:#fff;}
.rp-facts .rp-h2{color:#fff;}
.rp-facts .rp-fact::before{background:rgba(255,255,255,0.16);}
.rp-facts .rp-fact-n{color:#fff;}
.rp-facts .rp-fact-l{color:rgba(255,255,255,0.66);}
.rp-cta-box{background:#b2d5e5 url('cta-watercolor.webp?v=20260730v5') center/cover no-repeat;}
.rp-cta-box h2{color:#0f0b0a;}
.rp-cta-box p{color:rgba(15,11,10,0.78);}
.rp-cta-box .rp-btn{background:#0f0b0a;color:#fff;}


/* ═══ Dunkle Alt-Sektionen (Carbon) auf Unterseiten ═══ */
.rp-band.alt,.rp-cards.alt{background:#1b1813;}
.rp-band.alt .rp-kicker,.rp-cards.alt .rp-kicker{background:#28282b;border-color:transparent;color:#fff;}
.rp-band.alt .rp-h2,.rp-cards.alt .rp-h2{color:#fff;}
.rp-band.alt .rp-p,.rp-cards.alt .rp-p{color:rgba(255,255,255,0.72);}
.rp-band.alt .rp-link{color:#b2d5e5;}
.rp-band.alt .rp-stage{background:#232323;}
.rp-cards.alt .rp-card{background:#28282b;}
.rp-cards.alt .rp-card-t{color:#fff;}
.rp-cards.alt .rp-card-d{color:rgba(255,255,255,0.7);}
.rp-cards.alt .rp-card-n{color:#b2d5e5;}
.rp-cards.alt .rp-card-m{color:rgba(255,255,255,0.45);}
.rp-cards.alt .rp-card-a{background:#fff;color:#0f0b0a;}
.rp-cards.alt .rp-row-t{color:#fff;}
.rp-cards.alt .rp-row-d{color:rgba(255,255,255,0.72);}
.rp-cards.alt .rp-row::before{background:rgba(255,255,255,0.16);}
.rp-cards.alt .rp-tile{background:#232323;}
.rp-cards.alt .rp-tile h3{color:#fff;}
.rp-cards.alt .rp-tile p{color:rgba(255,255,255,0.7);}
.rp-cards.alt .rp-tile .rp-link{color:#b2d5e5;}
.rp-cards.alt .rp-tile-media{background:#28282b;}
.rp-cards.alt form{background:#232323 !important;border-color:transparent !important;}
.rp-cards.alt form label{color:rgba(255,255,255,0.75) !important;}
.rp-cards.alt form input,.rp-cards.alt form textarea{background:#28282b !important;border-color:rgba(255,255,255,0.14) !important;color:#fff !important;}
.rp-cards.alt form .rp-btn{background:#fff;color:#0f0b0a;}


/* ═══ V5 — Große Banner + Candy Blue ═══ */
.rp-kicker{background:#eaf3f8;border-color:transparent;color:#33566b;}
.rp-band.alt .rp-kicker,.rp-cards.alt .rp-kicker{background:#28282b;color:#b2d5e5;}
.rp-facts .rp-kicker{background:#232323;color:#b2d5e5;}
.rp-card-n{color:#4d90ad;}
.rp-hero-note{color:#b2d5e5;}
/* Candy-Banner: großes pastellblaues Vollflächen-Band */
.rp-candy{padding:clamp(24px,3vw,48px);}
.rp-candy-in{max-width:1200px;margin:0 auto;background:#b2d5e5;border-radius:32px;padding:clamp(48px,6vw,88px) clamp(28px,5vw,72px);display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;}
@media (max-width:900px){.rp-candy-in{grid-template-columns:1fr;}}
.rp-candy-in h2{font-size:clamp(30px,3.8vw,52px);font-weight:500;letter-spacing:-0.015em;line-height:1.08;color:#0f0b0a;margin:0 0 16px;text-wrap:balance;}
.rp-candy-in p{font-size:17px;line-height:1.6;color:rgba(15,11,10,0.75);margin:0 0 26px;max-width:46ch;}
.rp-candy-in .rp-btn{background:#0f0b0a;color:#fff;}
.rp-candy-media{border-radius:20px;overflow:hidden;background:rgba(255,255,255,0.55);aspect-ratio:4/3;}
.rp-candy-media image-slot{width:100%;height:100%;display:block;}
/* Mega-Banner: dunkles Vollbreiten-Band mit riesiger Typo + Medienfläche */
.rp-mega{position:relative;background:#0f0b0a;padding:clamp(80px,10vw,140px) 0 0;overflow:hidden;text-align:center;}
.rp-mega h2{font-size:clamp(40px,6vw,88px);font-weight:500;letter-spacing:-0.02em;line-height:1.0;color:#fff;margin:0 auto 18px;max-width:16ch;padding:0 20px;text-wrap:balance;}
.rp-mega h2 em{font-style:normal;color:#b2d5e5;}
.rp-mega .rp-mega-sub{font-size:17px;line-height:1.6;color:rgba(255,255,255,0.68);max-width:56ch;margin:0 auto 34px;padding:0 20px;}
.rp-mega-media{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.rp-mega-media-in{border-radius:28px 28px 0 0;overflow:hidden;background:#1b1813;aspect-ratio:16/8;}
.rp-mega-media-in image-slot{width:100%;height:100%;display:block;}
.rp-mega-media-in video{width:100%;height:100%;object-fit:cover;display:block;}
.rp-band.alt .rp-h2 em,.rp-cards.alt .rp-h2 em{font-style:normal;color:#b2d5e5;}
.rp-h2 em{font-style:normal;color:#4d90ad;}
.rp-faq summary:hover{color:#4d90ad;}


/* ═══ Glas-Effekte ═══ */
.rp-hero .rp-btn-ghost{background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}

/* Fix: Carbon-Hero auch im Light-Theme erzwingen (Light-Regel oben hat höhere Spezifität) */
html[data-theme="light"] .rp-hero{background:#0f0b0a;}
.rp-shot,.rp-phone{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.rp-candy-media{background:rgba(255,255,255,0.45);border:1px solid rgba(255,255,255,0.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.rp-kicker{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}

/* ═══════════════════════════════════════════════════════════════════
   Eigene Animationen für die Einblick-Kacheln (Voice-Anruf + Workflow)
   Reines CSS, kein Video — läuft in Endlosschleife, 12s Zyklus.
═══════════════════════════════════════════════════════════════════ */
.rp-tile-media.cg-anim{position:relative;background:linear-gradient(160deg,#1b1b1f 0%,#121216 100%);display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden;}
.rp-tile-media.cg-anim::before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(178,213,229,0.16),transparent 70%);filter:blur(50px);top:-30%;right:-15%;pointer-events:none;}

/* ── Kachel 1: Anruf ───────────────────────────────────────────── */
.cg-call{position:relative;width:100%;max-width:340px;display:flex;flex-direction:column;gap:13px;}
.cg-call-top{display:flex;align-items:center;gap:11px;}
.cg-call-av{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(140deg,#6a5cf0,#2d1670);position:relative;}
.cg-call-av::after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(106,92,240,0.55);animation:cgRing 2s ease-out infinite;}
@keyframes cgRing{0%{transform:scale(0.85);opacity:1;}100%{transform:scale(1.45);opacity:0;}}
.cg-call-meta{display:flex;flex-direction:column;gap:2px;line-height:1.25;}
.cg-call-meta b{font-size:13.5px;font-weight:600;color:#fff;}
.cg-call-meta i{font-size:11.5px;font-style:normal;color:rgba(255,255,255,0.5);}
.cg-call-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;color:#b2d5e5;}
.cg-call-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#b2d5e5;box-shadow:0 0 10px rgba(178,213,229,0.9);animation:cgBlink 1.4s ease-in-out infinite;}
@keyframes cgBlink{0%,100%{opacity:1;}50%{opacity:0.25;}}

.cg-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;}
.cg-wave span{width:4px;flex:none;background:linear-gradient(180deg,#b2d5e5,#6a5cf0);border-radius:99px;height:20%;animation:cgWave 1.1s ease-in-out infinite;}
.cg-wave span:nth-child(1){animation-delay:-1.0s}.cg-wave span:nth-child(2){animation-delay:-0.9s}
.cg-wave span:nth-child(3){animation-delay:-0.8s}.cg-wave span:nth-child(4){animation-delay:-0.7s}
.cg-wave span:nth-child(5){animation-delay:-0.6s}.cg-wave span:nth-child(6){animation-delay:-0.5s}
.cg-wave span:nth-child(7){animation-delay:-0.4s}.cg-wave span:nth-child(8){animation-delay:-0.3s}
.cg-wave span:nth-child(9){animation-delay:-0.2s}.cg-wave span:nth-child(10){animation-delay:-0.1s}
.cg-wave span:nth-child(11){animation-delay:0s}.cg-wave span:nth-child(12){animation-delay:-0.55s}
@keyframes cgWave{0%,100%{height:18%;}50%{height:92%;}}

.cg-lines{display:flex;flex-direction:column;gap:7px;min-height:104px;}
.cg-l{margin:0;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,0.86);background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:8px 11px;opacity:0;transform:translateY(6px);}
.cg-l b{display:block;font-size:10px;letter-spacing:0.09em;text-transform:uppercase;color:rgba(255,255,255,0.42);font-weight:600;margin-bottom:3px;}
.cg-l-a{animation:cgLine 12s ease-in-out infinite;animation-delay:0.4s;}
.cg-l-b{align-self:flex-end;max-width:88%;background:rgba(178,213,229,0.12);border-color:rgba(178,213,229,0.24);animation:cgLine 12s ease-in-out infinite;animation-delay:2.4s;}
.cg-l-c{animation:cgLine 12s ease-in-out infinite;animation-delay:4.4s;}
@keyframes cgLine{0%{opacity:0;transform:translateY(6px);}5%{opacity:1;transform:none;}72%{opacity:1;transform:none;}80%,100%{opacity:0;transform:translateY(-4px);}}

.cg-done{align-self:flex-start;font-size:12px;font-weight:600;color:#0f0b0a;background:#b2d5e5;border-radius:99px;padding:8px 15px;opacity:0;transform:translateY(8px) scale(0.94);animation:cgDone 12s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:6.4s;}
.cg-done::before{content:'✓';margin-right:7px;font-weight:800;}
@keyframes cgDone{0%{opacity:0;transform:translateY(8px) scale(0.94);}6%{opacity:1;transform:none;}62%{opacity:1;transform:none;}70%,100%{opacity:0;transform:translateY(-6px) scale(0.98);}}

/* ── Kachel 2: Workflow ────────────────────────────────────────── */
.cg-flow{position:relative;width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;}
.cg-flow-track{position:absolute;left:8px;top:14px;bottom:52px;width:2px;background:linear-gradient(180deg,rgba(255,255,255,0.16),rgba(255,255,255,0.05));border-radius:2px;}
.cg-flow-dot{position:absolute;left:50%;top:0;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#b2d5e5;box-shadow:0 0 14px rgba(178,213,229,0.95);animation:cgDot 12s cubic-bezier(.65,0,.35,1) infinite;}
@keyframes cgDot{0%{top:0;opacity:0;}4%{opacity:1;}42%{top:50%;}80%{top:100%;opacity:1;}90%,100%{top:100%;opacity:0;}}

.cg-flow-steps{list-style:none;margin:0;padding:0 0 0 28px;display:flex;flex-direction:column;gap:11px;}
.cg-flow-steps li{position:relative;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:11px 13px 11px 9px;border-radius:14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);transition:none;opacity:0.45;animation:cgStep 12s ease-in-out infinite;}
.cg-flow-steps .cg-s1{animation-delay:0.3s;}
.cg-flow-steps .cg-s2{animation-delay:3.3s;}
.cg-flow-steps .cg-s3{animation-delay:6.3s;}
@keyframes cgStep{0%,2%{opacity:0.4;background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);}
  8%,68%{opacity:1;background:rgba(178,213,229,0.11);border-color:rgba(178,213,229,0.34);}
  80%,100%{opacity:0.4;background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);}}
.cg-s-ico{grid-row:1 / span 2;justify-self:center;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#b2d5e5;background:rgba(178,213,229,0.13);border:1px solid rgba(178,213,229,0.26);}
.cg-s-t{font-size:13.5px;font-weight:600;color:#fff;line-height:1.25;}
.cg-s-m{font-size:11.5px;color:rgba(255,255,255,0.52);line-height:1.3;margin-top:2px;}

.cg-flow-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-left:28px;}
.cg-flow-badge{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#b2d5e5;}
.cg-flow-count{font-size:12px;color:rgba(255,255,255,0.55);}
.cg-flow-count b{color:#fff;font-weight:600;animation:cgCount 12s steps(1) infinite;}
@keyframes cgCount{0%,68%{opacity:0.55;}70%,100%{opacity:1;}}

@media (max-width:600px){.rp-tile-media.cg-anim{padding:16px;}.cg-lines{min-height:96px;}}

@media (prefers-reduced-motion:reduce){
  .cg-call-av::after,.cg-call-live::before,.cg-wave span,.cg-flow-dot,.cg-flow-count b{animation:none;}
  .cg-l,.cg-done{opacity:1;transform:none;animation:none;}
  .cg-flow-steps li{opacity:1;animation:none;background:rgba(178,213,229,0.11);border-color:rgba(178,213,229,0.34);}
  .cg-wave span{height:55%;}
}

/* ═══════════════════════════════════════════════════════════════════
   Voice-Agenten-Seite: Anruf-UI im Phone-Frame + Kalender-Animation
═══════════════════════════════════════════════════════════════════ */
.va-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:linear-gradient(200deg,#6a5cf0 0%,#5050dc 45%,#2d1670 100%);display:flex;flex-direction:column;align-items:center;padding:54px 18px 26px;color:#fff;font-size:14px;}
.va-time{position:absolute;top:16px;left:26px;font-size:13px;font-weight:600;letter-spacing:0.02em;}
.va-callstate{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);border-radius:99px;padding:6px 13px;}
.va-live-dot{width:7px;height:7px;border-radius:50%;background:#7ef7a0;box-shadow:0 0 10px rgba(126,247,160,0.9);animation:vaBlink 1.4s ease-in-out infinite;}
@keyframes vaBlink{0%,100%{opacity:1;}50%{opacity:0.3;}}
.va-avatar{width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:center;margin-top:26px;position:relative;}
.va-avatar svg{width:30px;height:30px;}
.va-avatar::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.4);animation:vaRing 2s ease-out infinite;}
@keyframes vaRing{0%{transform:scale(0.88);opacity:1;}100%{transform:scale(1.4);opacity:0;}}
.va-caller{font-size:17px;font-weight:600;margin-top:14px;letter-spacing:-0.01em;}
.va-sub{font-size:12.5px;color:rgba(255,255,255,0.65);margin-top:3px;}
.va-wave{display:flex;align-items:center;gap:5px;height:30px;margin-top:16px;}
.va-wave span{width:4px;background:linear-gradient(180deg,#fff,rgba(255,255,255,0.5));border-radius:99px;height:22%;animation:vaWave 1.1s ease-in-out infinite;}
.va-wave span:nth-child(1){animation-delay:-0.9s}.va-wave span:nth-child(2){animation-delay:-0.8s}
.va-wave span:nth-child(3){animation-delay:-0.7s}.va-wave span:nth-child(4){animation-delay:-0.6s}
.va-wave span:nth-child(5){animation-delay:-0.5s}.va-wave span:nth-child(6){animation-delay:-0.4s}
.va-wave span:nth-child(7){animation-delay:-0.3s}.va-wave span:nth-child(8){animation-delay:-0.2s}
.va-wave span:nth-child(9){animation-delay:-0.1s}
@keyframes vaWave{0%,100%{height:20%;}50%{height:95%;}}
.va-chip{align-self:flex-start;max-width:92%;font-size:12.5px;line-height:1.4;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);border-radius:13px;padding:8px 12px;margin-top:12px;opacity:0;transform:translateY(6px);}
.va-chip.agent{align-self:flex-end;background:rgba(255,255,255,0.92);color:#2d1670;border-color:transparent;font-weight:500;}
.va-chip-1{animation:vaChip 10s ease-in-out infinite;animation-delay:0.6s;}
.va-chip-2{animation:vaChip 10s ease-in-out infinite;animation-delay:2.6s;}
@keyframes vaChip{0%{opacity:0;transform:translateY(6px);}6%{opacity:1;transform:none;}70%{opacity:1;transform:none;}78%,100%{opacity:0;transform:translateY(-4px);}}
.va-booked{margin-top:auto;font-size:12.5px;font-weight:600;color:#2d1670;background:#b2d5e5;border-radius:99px;padding:8px 16px;opacity:0;transform:translateY(8px) scale(0.95);animation:vaBooked 10s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:4.8s;}
@keyframes vaBooked{0%{opacity:0;transform:translateY(8px) scale(0.95);}6%{opacity:1;transform:none;}62%{opacity:1;transform:none;}70%,100%{opacity:0;transform:translateY(-6px) scale(0.98);}}

/* Kalender-Animation */
.rp-stage.va-calwrap{display:flex;align-items:center;justify-content:center;padding:26px;background:linear-gradient(160deg,#1b1b1f 0%,#121216 100%);}
.va-cal{width:100%;max-width:340px;display:flex;flex-direction:column;gap:13px;color:#fff;}
.va-cal-head{display:flex;align-items:center;justify-content:space-between;}
.va-cal-month{font-size:15px;font-weight:600;letter-spacing:-0.01em;}
.va-cal-badge{font-size:10.5px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:#b2d5e5;background:rgba(178,213,229,0.12);border:1px solid rgba(178,213,229,0.28);border-radius:99px;padding:5px 11px;}
.va-cal-rows{display:flex;flex-direction:column;gap:9px;}
.va-slot-row{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:10px;}
.va-slot-t{font-size:12px;color:rgba(255,255,255,0.5);font-variant-numeric:tabular-nums;}
.va-slot-bar{position:relative;border-radius:11px;padding:11px 13px;font-size:12.5px;overflow:hidden;}
.va-slot-bar.busy{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.4);}
.va-slot-bar.free2{background:rgba(255,255,255,0.04);border:1px dashed rgba(255,255,255,0.2);color:rgba(255,255,255,0.5);}
.va-slot-bar.free{background:rgba(178,213,229,0.08);border:1px dashed rgba(178,213,229,0.4);color:#b2d5e5;min-height:41px;}
.va-slot-bar.free i{font-style:normal;animation:vaFreeLabel 9s steps(1) infinite;}
@keyframes vaFreeLabel{0%,38%{opacity:1;}40%,100%{opacity:0;}}
.va-booking{position:absolute;inset:0;display:flex;align-items:center;padding:0 13px;font-size:12.5px;font-weight:600;color:#0f0b0a;background:linear-gradient(135deg,#b2d5e5,#8fc4dc);border-radius:10px;opacity:0;transform:scaleX(0.2);transform-origin:left;animation:vaBooking 9s cubic-bezier(.16,1,.3,1) infinite;}
@keyframes vaBooking{0%,38%{opacity:0;transform:scaleX(0.2);}46%{opacity:1;transform:scaleX(1);}88%{opacity:1;transform:scaleX(1);}94%,100%{opacity:0;transform:scaleX(0.2);}}
.va-sms{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:13px;padding:11px 13px;opacity:0;transform:translateY(8px);animation:vaSms 9s ease-in-out infinite;animation-delay:0s;}
.va-sms-ico{width:32px;height:32px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#b2d5e5;background:rgba(178,213,229,0.13);border:1px solid rgba(178,213,229,0.26);}
.va-sms b{display:block;font-size:12.5px;font-weight:600;color:#fff;}
.va-sms i{display:block;font-style:normal;font-size:11.5px;color:rgba(255,255,255,0.5);margin-top:2px;}
@keyframes vaSms{0%,52%{opacity:0;transform:translateY(8px);}60%{opacity:1;transform:none;}88%{opacity:1;transform:none;}94%,100%{opacity:0;}}

@media (prefers-reduced-motion:reduce){
  .va-live-dot,.va-avatar::after,.va-wave span{animation:none;}
  .va-chip,.va-booked,.va-sms{opacity:1;transform:none;animation:none;}
  .va-booking{opacity:1;transform:none;animation:none;}
  .va-slot-bar.free i{animation:none;opacity:0;}
  .va-wave span{height:55%;}
}

/* Wissensbasis-Figur (Hochformat) nicht beschneiden, sondern einpassen */
#va-know{background:#f4f4f6;}
#va-know::part(image){width:100% !important;height:100% !important;left:0 !important;top:0 !important;transform:none !important;object-fit:contain !important;}

/* ═══ Automation-Seite: Stage-Grund + Hub + Monitor ═══ */
.rp-stage.au-stage{display:flex;align-items:center;justify-content:center;padding:26px;background:linear-gradient(160deg,#1b1b1f 0%,#121216 100%);}
.au-hubwrap{position:relative;}
.au-hub{position:relative;width:100%;max-width:360px;aspect-ratio:1;}
.au-lines{position:absolute;inset:0;width:100%;height:100%;}
.au-lines line{stroke:rgba(178,213,229,0.25);stroke-width:1.5;stroke-dasharray:6 7;animation:auDash 1.6s linear infinite;}
@keyframes auDash{to{stroke-dashoffset:-13;}}
.au-hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;font-size:13.5px;font-weight:600;line-height:1.3;color:#0f0b0a;background:linear-gradient(135deg,#b2d5e5,#8fc4dc);border-radius:18px;padding:16px 20px;box-shadow:0 12px 34px rgba(178,213,229,0.25);animation:auCore 3.2s ease-in-out infinite;}
@keyframes auCore{0%,100%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-50%,-50%) scale(1.045);}}
.au-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:16px;color:#fff;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:14px;padding:10px 14px;min-width:74px;}
.au-node i{font-style:normal;font-size:11px;color:rgba(255,255,255,0.6);}
.au-node.n1{left:50%;top:0;transform:translateX(-50%);}
.au-node.n2{right:0;top:24%;}
.au-node.n3{right:8%;bottom:6%;}
.au-node.n4{left:8%;bottom:6%;}
.au-node.n5{left:0;top:24%;}
.au-node{animation:auNode 3.2s ease-in-out infinite;}
.au-node.n2{animation-delay:-0.6s}.au-node.n3{animation-delay:-1.2s}.au-node.n4{animation-delay:-1.8s}.au-node.n5{animation-delay:-2.4s}
@keyframes auNode{0%,100%{border-color:rgba(255,255,255,0.12);}50%{border-color:rgba(178,213,229,0.55);}}

.au-mon{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px;color:#fff;}
.au-mon-head{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:600;}
.au-mon-live{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:#7ef7a0;}
.au-mon-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#7ef7a0;box-shadow:0 0 10px rgba(126,247,160,0.8);animation:vaBlink 1.4s ease-in-out infinite;}
.au-mon-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:12px;padding:11px 13px;}
.au-mon-dot{width:9px;height:9px;border-radius:50%;background:#7ef7a0;box-shadow:0 0 9px rgba(126,247,160,0.7);}
.au-mon-row.warn .au-mon-dot{background:#f2c14e;box-shadow:0 0 9px rgba(242,193,78,0.7);animation:vaBlink 1.2s ease-in-out infinite;}
.au-mon-t{font-size:13px;font-weight:500;}
.au-mon-s{font-size:11.5px;color:rgba(255,255,255,0.5);}
.au-mon-row.warn .au-mon-s{color:#f2c14e;}
.au-mon-row.r1{animation:auRow 8s ease-in-out infinite;}
.au-mon-row.r2{animation:auRow 8s ease-in-out infinite;animation-delay:-2s;}
.au-mon-row.r4{animation:auRow 8s ease-in-out infinite;animation-delay:-5s;}
@keyframes auRow{0%,88%,100%{background:rgba(255,255,255,0.05);}92%{background:rgba(126,247,160,0.09);}}
.au-mon-report{display:flex;flex-direction:column;gap:2px;font-size:12.5px;font-weight:600;background:rgba(178,213,229,0.09);border:1px solid rgba(178,213,229,0.3);border-radius:12px;padding:11px 13px;color:#b2d5e5;}
.au-mon-report i{font-style:normal;font-size:11px;font-weight:400;color:rgba(255,255,255,0.5);}

/* ═══ Anruf-Simulator (voice-agenten.html) ═══ */
.rp-candy-media.va-simwrap{aspect-ratio:auto;background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.va-sim{display:flex;flex-direction:column;background:#16161a;border-radius:20px;padding:16px;min-height:380px;box-shadow:0 24px 60px rgba(0,0,0,0.25);}
.va-sim-head{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.08);}
.va-sim-dot{width:9px;height:9px;border-radius:50%;background:#7ef7a0;box-shadow:0 0 9px rgba(126,247,160,0.8);animation:vaBlink 1.4s ease-in-out infinite;}
.va-sim-title{font-size:13.5px;font-weight:600;color:#fff;}
.va-sim-timer{margin-left:auto;font-size:12px;color:rgba(255,255,255,0.5);font-variant-numeric:tabular-nums;}
.va-sim-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:14px 2px;max-height:250px;}
.va-sim-b{margin:0;font-size:13px;line-height:1.45;border-radius:13px;padding:8px 12px;max-width:88%;animation:tbkFadeless 0.35s ease both;}
@keyframes tbkFadeless{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
.va-sim-b b{display:block;font-size:9.5px;letter-spacing:0.09em;text-transform:uppercase;font-weight:600;margin-bottom:3px;opacity:0.55;}
.va-sim-b.agent{align-self:flex-start;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.9);}
.va-sim-b.me{align-self:flex-end;background:#b2d5e5;color:#0f0b0a;}
.va-sim-choices{display:flex;flex-direction:column;gap:8px;padding-top:10px;}
.va-sim-choice,.va-sim-start,.va-sim-restart{font:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;border-radius:12px;padding:11px 14px;transition:background .2s,border-color .2s,transform .2s;}
.va-sim-choice{background:rgba(178,213,229,0.08);border:1px solid rgba(178,213,229,0.3);color:#b2d5e5;}
.va-sim-choice:hover{background:rgba(178,213,229,0.16);transform:translateY(-1px);}
.va-sim-start{background:#b2d5e5;border:none;color:#0f0b0a;font-weight:600;text-align:center;}
.va-sim-start:hover{transform:translateY(-1px);}
.va-sim-restart{background:transparent;border:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,0.75);text-align:center;}
.va-sim-restart:hover{border-color:rgba(255,255,255,0.4);}
.va-sim-done{font-size:12.5px;font-weight:600;color:#0f0b0a;background:#b2d5e5;border-radius:99px;padding:9px 15px;text-align:center;}

@media (prefers-reduced-motion:reduce){
  .au-lines line,.au-hub-core,.au-node,.au-mon-row,.au-mon-live::before,.au-mon-row.warn .au-mon-dot,.va-sim-dot{animation:none;}
}

/* ═══ Chatbot-Seite: Phone-Chat im Look des echten Widgets ═══ */
.cb-screen{width:100%;height:100%;border-radius:34px;overflow:hidden;background:#0f1518;display:flex;flex-direction:column;font-size:13px;color:#fff;}
.cb-scr-head{display:flex;align-items:center;gap:10px;padding:52px 16px 12px;border-bottom:1px solid rgba(255,255,255,0.07);}
.cb-scr-av{width:36px;height:36px;border-radius:10px;background:#16252a;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cb-scr-av img{width:20px;height:auto;display:block;}
.cb-scr-t b{display:block;font-size:14px;color:#fff;letter-spacing:-0.01em;}
.cb-scr-t i{display:flex;align-items:center;gap:6px;font-style:normal;font-size:11px;color:rgba(255,255,255,0.55);margin-top:2px;}
.cb-scr-dot{width:7px;height:7px;border-radius:50%;background:#3ecf6e;box-shadow:0 0 8px rgba(62,207,110,0.6);animation:vaBlink 1.6s ease-in-out infinite;}
.cb-scr-x{margin-left:auto;font-size:13px;color:rgba(255,255,255,0.45);}
.cb-scr-code{font-size:11px;color:#5fd6ea;background:rgba(47,198,224,0.08);border-bottom:1px solid rgba(47,198,224,0.15);padding:8px 16px;}
.cb-scr-code b{letter-spacing:0.12em;color:#5fd6ea;}
.cb-scr-log{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px;overflow:hidden;}
.cb-m{margin:0;max-width:86%;font-size:12.5px;line-height:1.45;border-radius:14px;padding:9px 12px;opacity:0;transform:translateY(6px);}
.cb-m.me{align-self:flex-end;background:#fff;color:#101619;border-radius:14px 14px 4px 14px;}
.cb-m.bot{align-self:flex-start;background:#1a2226;color:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.07);border-radius:14px 14px 14px 4px;}
.cb-m.bot u{color:#5fd6ea;text-decoration-color:rgba(95,214,234,0.5);}
.cb-m.m1{animation:cbMsg 11s ease-in-out infinite;animation-delay:0.4s;}
.cb-m.m2{animation:cbMsg 11s ease-in-out infinite;animation-delay:1.6s;}
.cb-m.m3{animation:cbMsg 11s ease-in-out infinite;animation-delay:3.6s;}
.cb-m.m4{animation:cbMsg 11s ease-in-out infinite;animation-delay:4.8s;}
@keyframes cbMsg{0%{opacity:0;transform:translateY(6px);}5%{opacity:1;transform:none;}78%{opacity:1;transform:none;}86%,100%{opacity:0;transform:translateY(-4px);}}
.cb-m.typing{display:inline-flex;gap:4px;align-items:center;background:#1a2226;border:1px solid rgba(255,255,255,0.07);animation:cbTyping 11s ease-in-out infinite;animation-delay:6.4s;}
.cb-m.typing span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.4);animation:cbDotP 1.2s ease-in-out infinite;}
.cb-m.typing span:nth-child(2){animation-delay:0.15s}.cb-m.typing span:nth-child(3){animation-delay:0.3s}
@keyframes cbTyping{0%{opacity:0;}5%{opacity:1;}62%{opacity:1;}70%,100%{opacity:0;}}
@keyframes cbDotP{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.cb-scr-chips{display:flex;gap:8px;padding:0 14px 10px;}
.cb-scr-chips span{font-size:11.5px;color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:99px;padding:7px 12px;}
.cb-scr-input{display:flex;align-items:center;gap:10px;margin:0 14px 8px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:99px;padding:9px 9px 9px 16px;}
.cb-scr-input i{flex:1;font-style:normal;font-size:12.5px;color:rgba(255,255,255,0.4);}
.cb-scr-send{width:28px;height:28px;border-radius:50%;background:#2fc6e0;color:#06272e;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;}
.cb-scr-foot{text-align:center;font-size:9px;letter-spacing:0.18em;color:rgba(255,255,255,0.3);padding:0 0 14px;}

.cb-know{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px;color:#fff;text-align:center;align-items:center;}
.cb-src{width:100%;font-size:13px;font-weight:500;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:11px 13px;animation:auNode 3.6s ease-in-out infinite;}
.cb-src.s2{animation-delay:-1.2s}.cb-src.s3{animation-delay:-2.4s}
.cb-arrow{font-size:18px;color:#b2d5e5;animation:cbArrow 1.6s ease-in-out infinite;}
@keyframes cbArrow{0%,100%{transform:translateY(0);opacity:0.6;}50%{transform:translateY(4px);opacity:1;}}
.cb-answer{width:100%;background:rgba(178,213,229,0.1);border:1px solid rgba(178,213,229,0.35);border-radius:14px;padding:13px 15px;text-align:left;}
.cb-answer b{display:block;font-size:13px;color:#b2d5e5;margin-bottom:4px;}
.cb-answer i{font-style:normal;font-size:12.5px;color:rgba(255,255,255,0.75);line-height:1.5;}
.cb-answer u{color:#b2d5e5;}
.cb-honest{font-size:11.5px;color:rgba(255,255,255,0.45);}

.cb-snip{width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;}
.cb-code{background:#0d0d10;border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:12px 14px;position:relative;}
.cb-code-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;}
.cb-code-dot.r{background:#ff5f57}.cb-code-dot.y{background:#febc2e}.cb-code-dot.g{background:#28c840}
.cb-code pre{margin:8px 0 0;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11.5px;line-height:1.6;color:#9ecbdd;white-space:pre;overflow:hidden;}
.cb-site{position:relative;background:#fff;border-radius:14px;padding:16px;min-height:120px;display:flex;flex-direction:column;gap:8px;}
.cb-site-line{height:9px;border-radius:99px;background:#e6e4e0;}
.cb-site-line.w60{width:60%}.cb-site-line.w80{width:80%}.cb-site-line.w45{width:45%}
.cb-widget{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;background:#b2d5e5;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 8px 22px rgba(20,45,75,0.25);animation:cbWidget 6s cubic-bezier(.34,1.56,.64,1) infinite;}
@keyframes cbWidget{0%,8%{transform:scale(0);}16%,88%{transform:scale(1);}96%,100%{transform:scale(0);}}
.cb-widget-pop{position:absolute;right:62px;bottom:18px;font-size:11.5px;font-weight:500;color:#191c1f;background:#f4f4f4;border:1px solid #e2e2e7;border-radius:12px 12px 4px 12px;padding:7px 11px;opacity:0;transform:translateY(6px);animation:cbPop 6s ease-in-out infinite;}
@keyframes cbPop{0%,22%{opacity:0;transform:translateY(6px);}30%,80%{opacity:1;transform:none;}88%,100%{opacity:0;}}

.cb-live{width:100%;height:100%;min-height:320px;background:linear-gradient(160deg,#1b1b1f 0%,#121216 100%);border-radius:24px;padding:clamp(20px,4vw,40px);display:flex;flex-direction:column;gap:18px;color:#fff;}
.cb-live-badge{align-self:center;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#b2d5e5;background:rgba(178,213,229,0.1);border:1px solid rgba(178,213,229,0.3);border-radius:99px;padding:7px 15px;}
.cb-live-dot{width:7px;height:7px;border-radius:50%;background:#7ef7a0;box-shadow:0 0 10px rgba(126,247,160,0.8);animation:vaBlink 1.4s ease-in-out infinite;}
.cb-live-rows{display:flex;flex-direction:column;gap:10px;max-width:640px;width:100%;margin:0 auto;}
.cb-live-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);border-radius:13px;padding:12px 16px;opacity:0;transform:translateY(8px);}
.cb-live-row .q{font-size:13.5px;color:rgba(255,255,255,0.85);}
.cb-live-row .a{font-size:11.5px;font-weight:600;color:#7ef7a0;white-space:nowrap;opacity:0;animation:cbAns 12s steps(1) infinite;}
.cb-live-row.lr1{animation:cbRow 12s ease-in-out infinite;}
.cb-live-row.lr2{animation:cbRow 12s ease-in-out infinite;animation-delay:1.4s;}
.cb-live-row.lr3{animation:cbRow 12s ease-in-out infinite;animation-delay:2.8s;}
.cb-live-row.lr4{animation:cbRow 12s ease-in-out infinite;animation-delay:4.2s;}
.cb-live-row.lr1 .a{animation-delay:1.2s;}
.cb-live-row.lr2 .a{animation-delay:2.6s;}
.cb-live-row.lr3 .a{animation-delay:4.0s;}
.cb-live-row.lr4 .a{animation-delay:5.4s;}
@keyframes cbRow{0%{opacity:0;transform:translateY(8px);}6%{opacity:1;transform:none;}82%{opacity:1;transform:none;}90%,100%{opacity:0;transform:translateY(-5px);}}
@keyframes cbAns{0%,8%{opacity:0;}10%,80%{opacity:1;}90%,100%{opacity:0;}}
.cb-live-foot{align-self:center;font-size:13.5px;color:rgba(255,255,255,0.6);}
.cb-live-foot b{color:#fff;font-weight:600;}

@media (prefers-reduced-motion:reduce){
  .cb-scr-on,.cb-m,.cb-m.typing,.cb-m.typing span,.cb-src,.cb-arrow,.cb-widget,.cb-widget-pop,.cb-live-dot,.cb-live-row,.cb-live-row .a{animation:none;opacity:1;transform:none;}
}

/* ═══ Terminbuchung: Phone-Buchung, Widget- und Erinnerungs-Animation ═══ */
.tb-screen{width:100%;height:100%;border-radius:34px;overflow:hidden;background:#f6f6f8;display:flex;flex-direction:column;padding:56px 16px 20px;gap:13px;}
.tb-scr-head b{display:block;font-size:16px;color:#191c1f;letter-spacing:-0.01em;}
.tb-scr-head i{display:block;font-style:normal;font-size:11.5px;color:#8d969e;margin-top:2px;}
.tb-scr-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center;font-size:11px;line-height:1.35;color:#5a636b;}
.tb-scr-days span{background:#fff;border:1px solid #e4e4e9;border-radius:11px;padding:7px 0;}
.tb-scr-days span.on{background:#191c1f;color:#fff;border-color:#191c1f;}
.tb-scr-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.tb-slot-c{font-size:12px;text-align:center;background:#fff;border:1px solid #e4e4e9;border-radius:10px;padding:9px 0;color:#191c1f;font-variant-numeric:tabular-nums;}
.tb-slot-c.dis{opacity:0.35;text-decoration:line-through;}
.tb-slot-c.sel{background:#b2d5e5;border-color:#b2d5e5;font-weight:600;animation:tbSel 8s ease-in-out infinite;}
@keyframes tbSel{0%,10%{background:#fff;border-color:#e4e4e9;font-weight:400;}18%,100%{background:#b2d5e5;border-color:#b2d5e5;font-weight:600;}}
.tb-scr-cta{margin-top:auto;text-align:center;font-size:13.5px;font-weight:600;color:#fff;background:#191c1f;border-radius:99px;padding:12px 0;animation:tbCta 8s ease-in-out infinite;}
@keyframes tbCta{0%,24%{opacity:0.45;}30%,54%{opacity:1;}60%,100%{opacity:0.45;}}
.tb-scr-done{text-align:center;font-size:12.5px;font-weight:600;color:#0f0b0a;background:#b2d5e5;border-radius:99px;padding:9px 0;opacity:0;transform:translateY(6px) scale(0.96);animation:tbDone 8s cubic-bezier(.34,1.56,.64,1) infinite;}
@keyframes tbDone{0%,58%{opacity:0;transform:translateY(6px) scale(0.96);}66%,90%{opacity:1;transform:none;}96%,100%{opacity:0;}}

.tb-anim{width:100%;max-width:340px;display:flex;flex-direction:column;gap:11px;color:#fff;}
.tb-anim-head{display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:600;}
.tb-anim-badge{font-size:10.5px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:#b2d5e5;background:rgba(178,213,229,0.12);border:1px solid rgba(178,213,229,0.28);border-radius:99px;padding:5px 11px;}
.tb-anim-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;}
.tb-anim-t{font-size:12.5px;color:rgba(255,255,255,0.55);font-variant-numeric:tabular-nums;}
.tb-anim-fill{position:relative;font-size:12.5px;font-weight:600;color:#0f0b0a;background:linear-gradient(135deg,#b2d5e5,#8fc4dc);border-radius:11px;padding:11px 13px;opacity:0;transform:scaleX(0.25);transform-origin:left;}
.tb-anim-fill.f1{animation:vaBooking 9s cubic-bezier(.16,1,.3,1) infinite;}
.tb-anim-fill.f2{animation:vaBooking 9s cubic-bezier(.16,1,.3,1) infinite;animation-delay:1.4s;}
.tb-anim-fill.f3{animation:vaBooking 9s cubic-bezier(.16,1,.3,1) infinite;animation-delay:2.8s;}
.tb-anim-foot{font-size:11.5px;color:rgba(255,255,255,0.45);}

.tb-rem{width:100%;max-width:340px;display:flex;flex-direction:column;gap:11px;color:#fff;}
.tb-sms{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:13px;padding:11px 13px;opacity:0;transform:translateY(8px);}
.tb-sms.s1{animation:cbRow 10s ease-in-out infinite;}
.tb-sms.s2{animation:cbRow 10s ease-in-out infinite;animation-delay:1.6s;}
.tb-sms.s3{animation:cbRow 10s ease-in-out infinite;animation-delay:3.2s;}
.tb-sms-ico{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#b2d5e5;background:rgba(178,213,229,0.13);border:1px solid rgba(178,213,229,0.26);}
.tb-sms b{display:block;font-size:13px;font-weight:600;}
.tb-sms i{display:block;font-style:normal;font-size:11.5px;color:rgba(255,255,255,0.55);margin-top:2px;}
.tb-sms-time{font-size:10.5px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,0.4);}
.tb-rem-stat{font-size:13px;color:rgba(255,255,255,0.6);background:rgba(126,247,160,0.07);border:1px solid rgba(126,247,160,0.25);border-radius:12px;padding:11px 13px;}
.tb-rem-stat b{color:#7ef7a0;}

@media (prefers-reduced-motion:reduce){
  .tb-slot-c.sel,.tb-scr-cta,.tb-scr-done,.tb-anim-fill,.tb-sms{animation:none;opacity:1;transform:none;}
}

/* ═══ Webdesign: Performance/SEO-Animation ═══ */
.wd-perf{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;color:#fff;align-items:center;}
.wd-gauge{position:relative;width:120px;height:120px;}
.wd-gauge svg{width:100%;height:100%;transform:rotate(-90deg);}
.wd-gauge circle{fill:none;stroke-width:9;}
.wd-gauge .bgc{stroke:rgba(255,255,255,0.1);}
.wd-gauge .fgc{stroke:#7ef7a0;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;animation:wdGauge 7s cubic-bezier(.16,1,.3,1) infinite;}
@keyframes wdGauge{0%,6%{stroke-dashoffset:326.7;}30%,86%{stroke-dashoffset:6.5;}96%,100%{stroke-dashoffset:326.7;}}
.wd-gauge-n{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;letter-spacing:-0.02em;}
.wd-gauge-l{position:absolute;left:0;right:0;bottom:-22px;text-align:center;font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.5);}
.wd-checks{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:16px;}
.wd-check{font-size:13px;font-weight:500;color:#7ef7a0;background:rgba(126,247,160,0.07);border:1px solid rgba(126,247,160,0.22);border-radius:11px;padding:10px 13px;opacity:0;transform:translateY(6px);}
.wd-check.c1{animation:cbRow 7s ease-in-out infinite;animation-delay:0.8s;}
.wd-check.c2{animation:cbRow 7s ease-in-out infinite;animation-delay:1.5s;}
.wd-check.c3{animation:cbRow 7s ease-in-out infinite;animation-delay:2.2s;}
.wd-serp{width:100%;background:#fff;border-radius:13px;padding:13px 15px;line-height:1.4;}
.wd-serp-url{display:block;font-size:11px;color:#5f6368;}
.wd-serp b{display:block;font-size:14.5px;color:#1a0dab;font-weight:500;margin-top:3px;}
.wd-serp i{display:block;font-style:normal;font-size:12px;color:#4d5156;margin-top:3px;}
@media (prefers-reduced-motion:reduce){
  .wd-gauge .fgc{animation:none;stroke-dashoffset:6.5;}
  .wd-check{animation:none;opacity:1;transform:none;}
}
.rp-stage.wd-perfwrap{aspect-ratio:auto;min-height:420px;padding:30px 26px;}
/* Webdesign-Showcase: Referenz-Screenshot komplett zeigen (kein Beschnitt) */
.rp-mega-media-in:has(#wd-mega){aspect-ratio:2000/1108;}

/* ═══ Webseiten-Check (webdesign.html) ═══ */
.rp-candy-media.wd-checkwrap{aspect-ratio:auto;background:transparent;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.wd-checkapp{display:flex;flex-direction:column;gap:12px;background:#16161a;border-radius:20px;padding:16px;min-height:360px;box-shadow:0 24px 60px rgba(0,0,0,0.25);}
.wd-ca-head{display:flex;align-items:center;gap:6px;}
.wd-ca-dot{width:10px;height:10px;border-radius:50%;}
.wd-ca-dot.r{background:#ff5f57}.wd-ca-dot.y{background:#febc2e}.wd-ca-dot.g{background:#28c840}
.wd-ca-title{margin-left:8px;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:12px;color:rgba(255,255,255,0.5);}
.wd-ca-form{display:flex;gap:8px;}
.wd-ca-form input{flex:1;min-width:0;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:11px;padding:11px 14px;font:inherit;font-size:13.5px;color:#fff;outline:none;}
.wd-ca-form input:focus{border-color:rgba(178,213,229,0.6);}
.wd-ca-form input::placeholder{color:rgba(255,255,255,0.35);}
.wd-ca-btn{font:inherit;font-size:13px;font-weight:600;background:#b2d5e5;color:#0f0b0a;border:none;border-radius:11px;padding:11px 16px;cursor:pointer;white-space:nowrap;transition:transform .2s;}
.wd-ca-btn:hover{transform:translateY(-1px);}
.wd-ca-btn:disabled{opacity:0.6;cursor:wait;transform:none;}
.wd-ca-log{flex:1;overflow-y:auto;font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:12px;line-height:1.7;color:rgba(255,255,255,0.75);min-height:90px;}
.wd-ca-line{margin:0;}
.wd-ca-line.ok{color:#7ef7a0;}
.wd-ca-line.err{color:#f2c14e;}
.wd-ca-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.wd-ca-score{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:10px 6px;text-align:center;}
.wd-ca-score b{display:block;font-size:22px;font-weight:600;color:#fff;}
.wd-ca-score b.good{color:#7ef7a0;}
.wd-ca-score b.mid{color:#f2c14e;}
.wd-ca-score b.bad{color:#ff7b6f;}
.wd-ca-score i{display:block;font-style:normal;font-size:10px;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,0.45);margin-top:3px;}
.wd-ca-cta{display:block;text-align:center;font-size:13.5px;font-weight:600;color:#0f0b0a;background:#b2d5e5;border-radius:99px;padding:12px 16px;text-decoration:none;transition:transform .2s;}
.wd-ca-cta:hover{transform:translateY(-1px);}

/* ═══ Tools-Seite: Komponenten-Demo + Baustein-Animation ═══ */
.to-demo{width:100%;height:100%;display:flex;flex-direction:column;gap:14px;padding:22px;background:transparent;}
.to-site{flex:1;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;position:relative;}
.to-site-bar{display:flex;align-items:center;gap:5px;background:#f1efeb;padding:9px 12px;}
.to-site-bar span{width:9px;height:9px;border-radius:50%;background:#d7d4ce;}
.to-site-bar i{margin-left:8px;font-style:normal;font-size:11px;color:#8d969e;}
.to-site-body{flex:1;position:relative;padding:16px;display:flex;flex-direction:column;gap:9px;}
.to-skel{height:10px;border-radius:99px;background:#e9e6e1;}
.to-skel.w55{width:55%}.to-skel.w75{width:75%}.to-skel.w40{width:40%}
.to-faq{border:1px solid #e4e1db;border-radius:11px;overflow:hidden;margin-top:4px;}
.to-faq-q{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#191c1f;padding:9px 12px;background:#faf9f7;}
.to-faq-a{font-size:11.5px;color:#5a636b;padding:0 12px;max-height:0;overflow:hidden;animation:toFaq 7s ease-in-out infinite;}
@keyframes toFaq{0%,18%{max-height:0;padding-top:0;padding-bottom:0;}28%,72%{max-height:48px;padding-top:4px;padding-bottom:10px;}82%,100%{max-height:0;padding-top:0;padding-bottom:0;}}
.to-cookie{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#191c1f;background:#fff;border:1px solid #e4e1db;border-radius:11px;padding:8px 12px;box-shadow:0 10px 26px rgba(0,0,0,0.12);opacity:0;transform:translateY(10px);animation:toCookie 7s ease-in-out infinite;}
@keyframes toCookie{0%,6%{opacity:0;transform:translateY(10px);}14%,60%{opacity:1;transform:none;}68%,100%{opacity:0;transform:translateY(10px);}}
.to-cookie-btn{font-weight:600;background:#191c1f;color:#fff;border-radius:99px;padding:4px 10px;}
.to-dark{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;background:#191c1f;display:flex;align-items:center;justify-content:center;font-size:13px;animation:toDark 7s ease-in-out infinite;}
@keyframes toDark{0%,44%{background:#191c1f;}50%,92%{background:#b2d5e5;}98%,100%{background:#191c1f;}}
.to-tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;}
.to-tags span{font-size:11px;font-weight:600;color:#fff;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.22);border-radius:99px;padding:6px 12px;animation:auNode 3.4s ease-in-out infinite;}
.to-tags .t2{animation-delay:-0.85s}.to-tags .t3{animation-delay:-1.7s}.to-tags .t4{animation-delay:-2.55s}

.to-build{width:100%;height:100%;min-height:320px;background:linear-gradient(160deg,#1b1b1f 0%,#121216 100%);border-radius:24px;padding:clamp(20px,4vw,36px);display:flex;flex-direction:column;gap:10px;max-width:720px;margin:0 auto;}
.to-block{background:rgba(178,213,229,0.1);border:1px dashed rgba(178,213,229,0.4);border-radius:12px;padding:13px 16px;font-size:13px;font-weight:600;color:#b2d5e5;text-align:center;opacity:0;transform:translateY(-14px);}
.to-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.to-block.b1{animation:toDrop 9s cubic-bezier(.34,1.56,.64,1) infinite;}
.to-block.b2{animation:toDrop 9s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:0.7s;padding:22px 16px;}
.to-block.b3{animation:toDrop 9s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:1.4s;}
.to-block.b4{animation:toDrop 9s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:1.8s;}
.to-block.b5{animation:toDrop 9s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:2.2s;}
.to-block.b6{animation:toDrop 9s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:2.9s;}
@keyframes toDrop{0%{opacity:0;transform:translateY(-14px);}5%{opacity:1;transform:none;}82%{opacity:1;transform:none;}90%,100%{opacity:0;transform:translateY(6px);}}
.to-build-done{margin-top:auto;align-self:center;font-size:12.5px;font-weight:600;color:#0f0b0a;background:#b2d5e5;border-radius:99px;padding:9px 16px;opacity:0;animation:tbDone 9s cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:3.4s;}

@media (prefers-reduced-motion:reduce){
  .to-faq-a{animation:none;max-height:48px;padding:4px 12px 10px;}
  .to-cookie,.to-block,.to-build-done,.to-tags span,.to-dark{animation:none;opacity:1;transform:none;}
}

/* ═══ Baustein-Anfrage-Workflow (tools.html) ═══ */
.to-req{display:flex;flex-direction:column;gap:11px;background:#16161a;border-radius:20px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,0.25);}
.to-req-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.to-req-head b{font-size:15px;color:#fff;font-weight:600;}
.to-req-head span{font-size:11px;color:#7ef7a0;}
.to-req-step{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:rgba(255,255,255,0.5);}
.to-req-step i{font-style:normal;width:20px;height:20px;border-radius:50%;background:rgba(178,213,229,0.15);border:1px solid rgba(178,213,229,0.35);color:#b2d5e5;display:flex;align-items:center;justify-content:center;font-size:11px;}
.to-req-chips{display:flex;flex-wrap:wrap;gap:7px;}
.to-req-chips label{cursor:pointer;}
.to-req-chips input{position:absolute;opacity:0;pointer-events:none;}
.to-req-chips span{display:inline-block;font-size:12.5px;font-weight:500;color:#b2d5e5;background:rgba(178,213,229,0.08);border:1px solid rgba(178,213,229,0.3);border-radius:99px;padding:8px 14px;transition:background .2s,color .2s;}
.to-req-chips input:checked + span{background:#b2d5e5;color:#0f0b0a;font-weight:600;}
.to-req-chips input:focus-visible + span{outline:2px solid #b2d5e5;outline-offset:2px;}
.to-req-mail,.to-req-msg{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:11px;padding:11px 14px;font:inherit;font-size:13.5px;color:#fff;outline:none;resize:vertical;}
.to-req-mail:focus,.to-req-msg:focus{border-color:rgba(178,213,229,0.6);}
.to-req-mail::placeholder,.to-req-msg::placeholder{color:rgba(255,255,255,0.35);}
.to-req-btn{font:inherit;font-size:13.5px;font-weight:600;background:#b2d5e5;color:#0f0b0a;border:none;border-radius:99px;padding:12px 16px;cursor:pointer;transition:transform .2s;}
.to-req-btn:hover{transform:translateY(-1px);}