/* ══════════════════════════════════════════════════════════════════════
   TALAVY Social Suite — Relaunch der Startseite (12.10.2026)
   Ergänzung zu styles.css → suite.css. Reihenfolge: styles → suite → relaunch.
   Leitbild: warme Professionalität (echte Menschen) + Lebendigkeit in Farbe.
   🔑 Kontrastregel aus dem Brand Book: Orange, Lilac und Neongelb tragen NIE
      weiße Schrift — auf diesen Flächen steht immer Antrazit.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Schriften laut Zizibe-Typosystem (14.10.2026) ──────────────────────
   Überschriften: Blonkra (Webfont-Lizenz gekauft 14.10.2026, selbst gehostet; ein Schnitt —
   deshalb font-weight 100 900, sonst fettet der Browser künstlich nach). Fließtext: Inter. Akzent: Source Serif 4 Semibold Italic. Inter und
   Source Serif 4 stehen unter der SIL Open Font License und liegen selbst gehostet in /fonts. */
@font-face{font-family:'Blonkra';src:local('Blonkra'),url('fonts/blonkra.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-var-latx.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/inter-var-lat.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:600;font-display:swap;src:url('fonts/sourceserif4-i600-latx.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:600;font-display:swap;src:url('fonts/sourceserif4-i600-lat.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--f-kopf:'Blonkra','Barlow Condensed',sans-serif;--f-text:'Inter',system-ui,sans-serif;--f-akzent:'Source Serif 4',Georgia,serif}
body.r-seite{font-family:var(--f-text)}
.r-seite .s-h1,.r-seite .s-h2,.r-seite .s-h3,.r-seite h3,.r-seite .s-plan-name,.r-seite .s-plan-price,.r-seite .r-stats b,.r-seite .r-pain-zahl{font-family:var(--f-kopf)}
.r-seite .s-promise,.r-seite .r-persona-q,.r-seite .r-zitat,.r-seite .r-final-slogan,.r-seite .r-kim p,.r-seite .r-ehrlich span{font-family:var(--f-akzent);font-style:italic;font-weight:600}
.r-seite .s-btn,.r-seite .s-btn-ghost,.r-seite .s-kicker,.r-seite .s-eyebrow,.r-seite .nav-links a{font-family:var(--f-text)}

/* ── Hero mit Person + Farbformen ────────────────────────────────────── */
.r-hero .s-hero-inner{padding:150px 24px 120px;grid-template-columns:1.05fr 1fr;gap:70px}
.r-hero-bild{position:relative;max-width:440px;margin-left:auto}
.r-hero-bild::before{content:'';position:absolute;inset:-5% -9% 9% 12%;border-radius:46% 54% 42% 58%/52% 44% 56% 48%;
  background:var(--lilac);opacity:.6;z-index:0}
.r-hero-bild::after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;
  background:var(--yellow);left:-30px;top:-26px;z-index:0}
.r-hero-foto{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;
  border-radius:28px;box-shadow:0 26px 60px rgba(96,0,55,.20)}
/* Sticker-Icons aus dem TALAVY-Iconset (seit 13.10.2026) */
.r-icon{position:absolute;z-index:3;height:auto;filter:drop-shadow(0 8px 14px rgba(26,26,26,.16))}
.r-icon-hero{width:92px;right:-34px;top:12%;transform:rotate(8deg)}
.r-sticker.s2{display:flex;gap:10px;align-items:center}
.r-sticker.s2 img{width:34px;height:auto;flex:none}
.r-logo img{display:block;height:52px;width:auto}
.r-logo-fuss img{display:block;height:38px;width:auto}
.r-sticker{position:absolute;z-index:2;background:#fff;border-radius:14px;padding:12px 16px;
  box-shadow:0 14px 34px rgba(26,26,26,.14);font-size:.84rem;line-height:1.35;color:var(--ink);max-width:220px}
.r-sticker b{display:block;font-family:var(--f-kopf);font-size:1.25rem;font-weight:800}
.r-sticker.s1{left:-28px;bottom:22%;transform:rotate(-3deg)}
.r-sticker.s2{right:-10px;bottom:4%;transform:rotate(2.5deg);background:var(--yellow)}
.r-sticker .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--s-green);margin-right:6px}
@media (max-width:900px){
  .r-hero .s-hero-inner{grid-template-columns:1fr;gap:50px;padding:120px 20px 80px}
  .r-hero-bild{margin:0 auto;max-width:420px}
  .r-sticker.s1{left:0}.r-sticker.s2{right:0}
}

/* ── Vertrauensleiste ────────────────────────────────────────────────── */
.r-trust{background:var(--ink);color:#fff;padding:22px 24px}
.r-trust-inner{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;
  font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.r-trust-inner span::before{content:'✓';color:var(--yellow);margin-right:8px}

/* ── Für wen: Persona-Karten ─────────────────────────────────────────── */
.r-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.r-persona{border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--s-line);
  box-shadow:var(--s-shadow);display:flex;flex-direction:column}
.r-persona-kopf{padding:34px 30px 30px;color:var(--ink);position:relative;overflow:hidden}
.r-persona-icon{position:absolute;right:16px;top:12px;width:72px;height:auto;transform:rotate(6deg);
  filter:drop-shadow(0 6px 10px rgba(26,26,26,.22))}
.r-persona-q{padding-right:64px}
.r-persona-q{padding-right:20px}
.r-persona.p1 .r-persona-kopf{background:var(--lilac)}
.r-persona.p2 .r-persona-kopf{background:var(--yellow)}
.r-persona.p3 .r-persona-kopf{background:var(--orange)}
.r-persona-tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  background:rgba(255,255,255,.7);border-radius:20px;padding:6px 12px;margin-bottom:18px}
.r-persona-q{font-family:'Times New Roman','Georgia',serif;font-style:italic;font-size:1.3rem;line-height:1.4;margin:0;position:relative;z-index:1}
.r-persona-body{padding:28px 30px 32px;display:flex;flex-direction:column;flex:1}
.r-persona-body h3{font-family:var(--f-kopf);font-weight:800;font-size:1.4rem;line-height:1.15;margin:0 0 12px}
.r-persona-body p{font-size:.95rem;line-height:1.7;color:var(--s-soft);margin:0 0 16px}
.r-persona-body ul{list-style:none;padding:0;margin:0 0 22px}
.r-persona-body li{position:relative;padding-left:24px;font-size:.93rem;line-height:1.6;margin-bottom:8px}
.r-persona-body li::before{content:'✓';position:absolute;left:0;color:var(--magenta);font-weight:800}
.r-persona-fuss{margin-top:auto;padding-top:18px;border-top:1px solid var(--s-line);font-size:.86rem;color:var(--s-soft)}
.r-persona-fuss a{color:var(--magenta);font-weight:700}
@media (max-width:1000px){ .r-personas{grid-template-columns:1fr;max-width:620px;margin:0 auto} }

/* ── Funktionen als Reiter ───────────────────────────────────────────── */
.r-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}
.r-tab{font-family:'Barlow',sans-serif;font-weight:700;font-size:.9rem;padding:11px 20px;border-radius:30px;
  border:1.5px solid var(--s-line-strong);background:#fff;color:var(--ink);cursor:pointer;transition:.15s}
.r-tab:hover{border-color:var(--ink)}
.r-tab[aria-selected="true"]{background:var(--magenta);border-color:var(--magenta);color:#fff}
.r-tab:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.r-panel{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;
  background:#fff;border:1px solid var(--s-line);border-radius:24px;padding:clamp(28px,4vw,52px);box-shadow:var(--s-shadow)}
.r-panel[hidden]{display:none}
.r-panel h3{font-family:var(--f-kopf);font-weight:800;font-size:1.9rem;line-height:1.1;margin:0 0 16px}
.r-panel p{font-size:1rem;line-height:1.8;color:var(--s-soft);margin:0 0 18px}
.r-panel ul{list-style:none;padding:0;margin:0}
.r-panel li{position:relative;padding-left:26px;margin-bottom:9px;line-height:1.6}
.r-panel li::before{content:'';position:absolute;left:2px;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.r-panel-bild{border-radius:16px;overflow:hidden;background:var(--eggshell);box-shadow:0 18px 40px rgba(26,26,26,.12)}
.r-panel-bild img{display:block;width:100%;height:auto}
.r-panel-farbe{border-radius:16px;padding:34px;min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.r-panel-farbe.f-lila{background:var(--lilac)}
.r-panel-farbe.f-gelb{background:var(--yellow)}
.r-panel-farbe.f-egg{background:var(--eggshell)}
.r-panel-farbe .zeile{background:rgba(255,255,255,.82);border-radius:12px;padding:14px 16px;font-size:.92rem;line-height:1.45}
.r-panel-farbe .zeile b{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--magenta);margin-bottom:4px}
@media (max-width:860px){ .r-panel{grid-template-columns:1fr;gap:30px} }

/* ── Agenten-Leiste (kompakt) ────────────────────────────────────────── */
.r-agenten{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:56px}
.r-agent{width:96px;text-align:center}
.r-agent img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:top;display:block;margin:0 auto 8px;
  border:3px solid #fff;box-shadow:0 6px 16px rgba(26,26,26,.12)}
.r-agent b{display:block;font-family:var(--f-kopf);font-size:1rem}
.r-agent span{font-size:.72rem;color:var(--s-mute);line-height:1.3;display:block}
.r-agenten-cap{text-align:center;font-size:.8rem;color:var(--s-mute);margin-top:18px}

/* ── Community & Events ──────────────────────────────────────────────── */
.r-events{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.r-event{background:#fff;border-radius:20px;padding:26px 24px 28px;border:1px solid var(--s-line);
  display:flex;flex-direction:column;box-shadow:var(--s-shadow)}
.r-event-datum{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--f-kopf);font-weight:800;
  font-size:1.9rem;line-height:1;color:var(--magenta);margin-bottom:14px}
.r-event-datum small{font-family:'Barlow',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--s-soft)}
.r-event-art{display:inline-block;align-self:flex-start;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  border-radius:20px;padding:5px 11px;margin-bottom:14px;color:var(--ink)}
.r-event-art.a1{background:var(--lilac)}.r-event-art.a2{background:var(--yellow)}.r-event-art.a3{background:var(--orange)}
.r-event h3{font-family:var(--f-kopf);font-weight:800;font-size:1.3rem;line-height:1.15;margin:0 0 10px}
.r-event p{font-size:.9rem;line-height:1.65;color:var(--s-soft);margin:0 0 18px}
.r-event a{margin-top:auto;font-weight:700;font-size:.86rem;color:var(--magenta)}
.r-event.bald{background:transparent;border-style:dashed;box-shadow:none}
@media (max-width:1000px){ .r-events{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .r-events{grid-template-columns:1fr} }

.r-summit{margin-top:40px;border-radius:26px;background:var(--magenta);color:#fff;padding:clamp(30px,5vw,56px);
  display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.r-summit::before{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:var(--orange);opacity:.9;right:-60px;top:-75px}
.r-summit::after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;background:var(--yellow);right:140px;bottom:-50px}
.r-summit > *{position:relative;z-index:1}
.r-summit .s-kicker{color:var(--yellow)}
.r-summit h3{font-family:var(--f-kopf);font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1.02;margin:0 0 14px;color:#fff}
.r-summit p{color:rgba(255,255,255,.82);line-height:1.75;margin:0}
.r-summit .s-input{background:#fff}
.r-summit .s-check{color:rgba(255,255,255,.85)}
.r-summit .s-check a{color:#fff}
.r-summit .s-msg.ok{color:#fff}
@media (max-width:860px){ .r-summit{grid-template-columns:1fr} }

/* ── Wer dahinter steckt ─────────────────────────────────────────────── */
.r-ueber{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.r-ueber-bild{position:relative;max-width:440px;isolation:isolate}
.r-ueber-bild > img:first-child{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;display:block;border-radius:24px;
  box-shadow:0 22px 50px rgba(96,0,55,.18)}
.r-ueber-bild::before{content:'';position:absolute;inset:8% -8% -6% 10%;border-radius:24px;background:var(--lilac);opacity:.55;z-index:-1}
.r-icon-ueber{width:84px;right:-26px;bottom:-22px;transform:rotate(-8deg)}
.r-ueber .s-promise{max-width:none}
@media (max-width:860px){ .r-ueber{grid-template-columns:1fr;gap:34px} }

/* ── Schluss: Suiteheart werden ──────────────────────────────────────── */
.r-herz{color:var(--yellow)}
.r-summit .s-msg{color:var(--yellow)}

/* ── Fotoband mit Claim ──────────────────────────────────────────────── */
.r-band{position:relative;height:clamp(340px,48vw,620px);overflow:hidden;background:var(--eggshell)}
.r-band > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.r-band-text{position:absolute;left:clamp(16px,6vw,90px);bottom:clamp(20px,5vw,64px);background:var(--yellow);color:var(--ink);
  border-radius:20px;padding:22px 28px 24px;transform:rotate(-2deg);box-shadow:0 18px 40px rgba(26,26,26,.18);max-width:min(440px,calc(100% - 32px))}
.r-band-text img{width:52px;height:auto;display:block;margin-bottom:8px}
.r-band-text p{font-family:var(--f-kopf);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.05;margin:0}

/* ── Sticker in Summit und Schluss ───────────────────────────────────── */
.r-icon-summit{width:70px;height:auto;display:block;margin-bottom:14px;transform:rotate(-6deg)}
.r-icon-final{width:80px;height:auto;display:block;margin:0 auto 16px;transform:rotate(-6deg)}
@media (max-width:900px){ .r-icon-hero{right:-6px;width:74px} .r-icon-ueber{right:-6px} .r-ueber-bild{margin:0 auto} }
/* Die Lilac-Fläche hinter dem Über-Foto ragt bewusst über den Bildrand —
   auf schmalen Schirmen darf sie die Seite aber nicht seitlich verbreitern. */
#s-ueber{overflow-x:clip}
.r-gruenderinnen{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.r-gruenderinnen > div{background:var(--cloud);border:1px solid var(--s-line);border-left:4px solid var(--orange);border-radius:12px;padding:12px 16px;flex:1 1 220px}
.r-gruenderinnen b{display:block;font-family:var(--f-kopf);font-size:1.2rem;font-weight:800}
.r-gruenderinnen span{display:block;font-size:.84rem;line-height:1.45;color:var(--s-soft);margin-top:2px}
/* Handy: Sticker unter das Foto, sonst verdeckt er Person und Hund */
@media (max-width:700px){
  .r-band{height:auto;background:var(--cloud);padding-bottom:24px}
  .r-band > img{position:static;display:block;height:auto;aspect-ratio:2/1}
  .r-band-text{position:relative;left:auto;bottom:auto;margin:-26px 16px 0;max-width:none}
}

/* ══════════════ Umbau 14.10.2026: emotionale Reise für ICP 1 ══════════════ */

/* Wechselnde Überschrift (Hootsuite-Muster). Alle Fassungen liegen übereinander im selben
   Rasterfeld — die Höhe richtet sich nach der längsten, nichts springt. */
.r-h1{display:grid}
.r-frame{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
.r-frame.is-on{opacity:1;transform:none}
.r-frame .r-l1{display:block}
.r-frame .o{color:var(--orange)}
.r-schwarz{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.r-frame{transition:none}}
.r-unterzeile{font-size:1.18rem;line-height:1.5;margin:22px 0 0;color:var(--magenta)}
.r-unterzeile b{color:var(--ink)}

/* Schwebende Beitrags-Mockups */
.r-mock{position:absolute;z-index:4;background:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(26,26,26,.18);
  font-size:.8rem;line-height:1.4;color:var(--ink)}
.r-mock-post{width:210px;left:-84px;top:16%;padding:10px 10px 12px;transform:rotate(-4deg)}
.r-mock-kopf{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:.74rem}
.r-mock-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--lilac))}
.r-mock-kanal{margin-left:auto;color:var(--s-mute);font-size:.66rem}
.r-mock-post img{display:block;width:100%;height:auto;border-radius:10px}
.r-mock-post p{margin:8px 2px 8px;font-size:.76rem}
.r-mock-status{display:inline-block;font-size:.66rem;font-weight:700;background:#E7F4EC;color:var(--s-green);border-radius:20px;padding:4px 9px}
.r-mock-plan{right:-46px;top:-4%;width:200px;padding:14px 16px;transform:rotate(3deg)}
.r-mock-plan b{display:block;font-size:.84rem;margin-bottom:8px}
.r-mock-balken{display:block;height:8px;border-radius:8px;background:var(--eggshell);overflow:hidden;margin-bottom:7px}
.r-mock-balken i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--magenta))}
.r-mock-plan small{color:var(--s-soft)}
.r-mock-voice{right:-30px;bottom:8%;display:flex;gap:10px;align-items:center;padding:12px 16px;background:var(--yellow);transform:rotate(-2deg)}
.r-mock-voice b{display:block;font-size:.9rem}
.r-mock-voice img{width:30px;height:auto}
.r-mock-chat{left:-30px;bottom:14%;max-width:250px;padding:14px 16px;border-bottom-left-radius:4px}
.r-mock-chat b{display:block;color:var(--magenta);font-size:.72rem;letter-spacing:.1em;margin-bottom:4px}
.r-mock-knopf{right:-24px;top:12%;background:var(--orange);color:var(--ink);font-weight:700;padding:13px 18px;font-size:.88rem;transform:rotate(3deg)}
.r-schweben{animation:r-schweben 6s ease-in-out infinite}
.r-schweben.s2{animation-duration:7s;animation-delay:-2s}
.r-schweben.s3{animation-duration:8s;animation-delay:-4s}
@keyframes r-schweben{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media (prefers-reduced-motion:reduce){.r-schweben{animation:none}}
@media (max-width:900px){
  .r-mock-post{left:-6px;width:150px;top:auto;bottom:30%}
  .r-mock-post p,.r-mock-status{display:none}
  .r-mock-plan{right:-4px;width:170px}
  .r-mock-voice{right:-4px}
  .r-mock-chat{left:0}.r-mock-knopf{right:0}
}

/* Pain */
.r-pains{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.r-pain{background:#fff;border-radius:20px;padding:28px 24px;border:1px solid var(--s-line);box-shadow:var(--s-shadow)}
.r-pain img{width:54px;height:auto;display:block;margin-bottom:14px}
.r-pain-zahl{font-size:2.6rem;font-weight:800;line-height:1;color:var(--orange);margin-bottom:6px}
.r-pain h3{font-size:1.25rem;font-weight:800;line-height:1.15;margin:0 0 10px}
.r-pain p{font-size:.93rem;line-height:1.65;color:var(--s-soft);margin:0}
.r-ehrlich{text-align:center;margin:64px auto 0;font-size:1.15rem;color:var(--s-soft);max-width:760px}
.r-ehrlich span{display:block;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.2;color:var(--magenta);margin-top:8px}
@media (max-width:1000px){ .r-pains{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .r-pains{grid-template-columns:1fr} }

/* Game Changer: Foto + Text */
.r-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
.r-split-bild{position:relative;max-width:440px}
.r-foto-rund{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:0 26px 60px rgba(96,0,55,.18)}
.r-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.r-stats div{background:var(--cloud);border-radius:16px;padding:18px 16px;border:1px solid var(--s-line)}
.r-stats b{display:block;font-size:2.2rem;font-weight:800;line-height:1;color:var(--magenta);margin-bottom:6px}
.r-stats span{font-size:.86rem;line-height:1.45;color:var(--s-soft)}
.r-fussnote{font-size:.78rem;color:var(--s-mute);margin-top:14px}
.r-fussnote a{color:var(--magenta);text-decoration:underline}
@media (max-width:900px){ .r-split{grid-template-columns:1fr;gap:44px} .r-split-bild{margin:0 auto} .r-stats{grid-template-columns:1fr} }

/* So funktioniert's */
.r-schritte{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:none}
.r-schritte li{background:#fff;border-radius:20px;padding:28px 24px;position:relative}
.r-schritt-n{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.1em;border-radius:20px;padding:5px 12px;margin-bottom:14px;color:var(--ink)}
.r-schritte li:nth-child(1) .r-schritt-n{background:var(--lilac)}
.r-schritte li:nth-child(2) .r-schritt-n{background:var(--yellow)}
.r-schritte li:nth-child(3) .r-schritt-n{background:var(--orange)}
.r-schritte li:nth-child(4) .r-schritt-n{background:var(--magenta);color:#fff}
.r-schritte h3{font-size:1.4rem;font-weight:800;margin:0 0 10px}
.r-schritte p{font-size:.93rem;line-height:1.65;color:var(--s-soft);margin:0}
@media (max-width:1000px){ .r-schritte{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .r-schritte{grid-template-columns:1fr} }

/* Agenten-Team */
.r-kim{display:flex;gap:24px;align-items:center;max-width:780px;margin:0 auto 56px;background:var(--cloud);border-radius:24px;padding:22px 28px;border:1px solid var(--s-line)}
.r-kim img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:top;flex:none;border:3px solid var(--lilac)}
.r-kim p{margin:0;font-size:1.08rem;line-height:1.55;color:var(--magenta)}
.r-agenten-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.r-agenten-grid article{text-align:left}
.r-agenten-grid .ki-bild{border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:var(--eggshell)}
.r-agenten-grid img{display:block;width:100%;height:100%;object-fit:cover}
.r-agenten-grid h3{font-size:1.2rem;font-weight:800;margin:12px 0 2px}
.r-agenten-grid span{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:6px}
.r-agenten-grid p{font-size:.86rem;line-height:1.5;color:var(--s-soft);margin:0}
@media (max-width:1000px){ .r-agenten-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:620px){ .r-agenten-grid{grid-template-columns:repeat(2,1fr);gap:16px} .r-kim{flex-direction:column;text-align:center} }

/* Funktionsübersicht */
.r-funktionen{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.r-fgruppe{background:#fff;border-radius:20px;padding:26px 24px;border:1px solid var(--s-line);border-top:6px solid var(--lilac)}
.r-fgruppe.f2{border-top-color:var(--yellow)}.r-fgruppe.f3{border-top-color:var(--orange)}.r-fgruppe.f4{border-top-color:var(--magenta)}
.r-fgruppe h3{font-size:1.4rem;font-weight:800;margin:0 0 14px}
.r-fgruppe ul{list-style:none;padding:0;margin:0}
.r-fgruppe li{position:relative;padding-left:22px;font-size:.92rem;line-height:1.5;margin-bottom:10px}
.r-fgruppe li::before{content:'✓';position:absolute;left:0;color:var(--magenta);font-weight:800}
@media (max-width:1000px){ .r-funktionen{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .r-funktionen{grid-template-columns:1fr} }

/* Rabe */
.r-rabe{width:110px;height:auto;display:block;margin-bottom:18px;transform:rotate(-6deg)}

/* Gründerinnen: Querformat-Teamfoto */
#s-ueber .r-ueber{grid-template-columns:1.05fr 1fr;align-items:start}
#s-ueber .r-ueber-bild{max-width:none;position:sticky;top:110px}
#s-ueber .r-ueber-bild > img:first-child{aspect-ratio:auto;height:auto}
.r-zitat{margin:26px 0 0;padding:18px 22px;border-left:4px solid var(--orange);background:var(--cloud);border-radius:0 14px 14px 0;
  font-size:1.12rem;line-height:1.55;color:var(--magenta)}
.r-zitat cite{display:block;margin-top:8px;font-family:var(--f-text);font-style:normal;font-weight:600;font-size:.82rem;color:var(--s-soft)}
@media (max-width:860px){ #s-ueber .r-ueber{grid-template-columns:1fr} #s-ueber .r-ueber-bild{position:relative;top:auto} }

/* Zwei Personas statt drei */
.r-personas-2{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}
@media (max-width:860px){ .r-personas-2{grid-template-columns:1fr} }

/* Blog */
.r-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.r-blog-karte{display:block;background:var(--cloud);border:1px solid var(--s-line);border-radius:20px;padding:26px 24px;color:var(--ink);text-decoration:none;transition:.16s}
.r-blog-karte:hover{transform:translateY(-3px);box-shadow:var(--s-shadow-lg)}
.r-blog-karte span{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--lilac);border-radius:20px;padding:5px 11px;margin-bottom:12px}
.r-blog-karte h3{font-size:1.25rem;font-weight:800;line-height:1.2;margin:0 0 8px}
.r-blog-karte p{font-size:.9rem;line-height:1.6;color:var(--s-soft);margin:0}
@media (max-width:900px){ .r-blog{grid-template-columns:1fr} }

/* Abschluss mit Foto */
.r-final .r-final-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;text-align:left}
.r-final-bild img{display:block;width:100%;max-width:380px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:26px;box-shadow:0 26px 60px rgba(0,0,0,.3)}
.r-final .r-icon-final{margin:0 0 14px}
.r-final-slogan{font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.3;color:var(--yellow);margin:0 0 22px}
@media (max-width:860px){ .r-final .r-final-inner{grid-template-columns:1fr;gap:36px} .r-final-bild img{margin:0 auto} }
.r-final .r-final-inner > div:last-child,.r-final .r-final-inner .s-h2,.r-final .r-final-inner .s-sub{text-align:left;margin-left:0}
.r-final .r-final-inner .s-actions{justify-content:flex-start}

/* ══════════════ 14.10. abends: Kundenlogos, Kundenstimmen, KIM & HUGO ══════════════ */
/* Kundenlogos direkt unter dem Hero — einheitlich grau, damit kein Logo lauter ist als das andere */
.r-logos{background:#fff;padding:34px 24px 38px;border-bottom:1px solid var(--s-line)}
.r-logos-titel{text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--s-mute);margin:0 0 22px}
.r-logos-reihe{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 56px}
.r-logos-reihe img{height:64px;width:auto;max-width:170px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:opacity .2s}
.r-logos-reihe img:hover{opacity:.9}
@media (max-width:620px){ .r-logos-reihe{gap:20px 30px} .r-logos-reihe img{height:46px;max-width:120px} }

/* Kundenstimmen */
.r-stimmen{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.r-stimme{margin:0;background:#fff;border-radius:24px;padding:30px;display:grid;grid-template-columns:120px 1fr;gap:8px 24px;box-shadow:var(--s-shadow)}
.r-stimme > img{width:120px;height:120px;border-radius:50%;object-fit:cover;grid-row:span 2;border:4px solid var(--lilac)}
.r-stimme blockquote{margin:0}
.r-stimme-kern{font-family:var(--f-akzent);font-style:italic;font-weight:600;font-size:1.35rem;line-height:1.3;color:var(--magenta);margin:0 0 12px}
.r-stimme blockquote p:not(.r-stimme-kern){font-size:.93rem;line-height:1.7;color:var(--s-soft);margin:0}
.r-stimme figcaption{grid-column:2;font-size:.86rem;color:var(--s-soft);margin-top:10px}
.r-stimme figcaption b{display:block;color:var(--ink);font-size:1rem}
.r-stimme figcaption small{display:block;font-size:.72rem;color:var(--s-mute);margin-top:4px}
@media (max-width:960px){ .r-stimmen{grid-template-columns:1fr} }
@media (max-width:560px){ .r-stimme{grid-template-columns:1fr;text-align:center} .r-stimme > img{margin:0 auto;grid-row:auto} .r-stimme figcaption{grid-column:1} }

/* Foto-Credit unter Bildern */
.r-credit{font-size:.74rem;color:var(--s-mute);margin:14px 0 0}

/* KIM & HUGO als Einstieg ins Agenten-Team */
.r-duo{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:56px}
.r-duo-karte{margin:0;background:var(--cloud);border-radius:24px;overflow:hidden;border:1px solid var(--s-line)}
.r-duo-karte .ki-bild img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.r-duo-karte blockquote{margin:0;padding:20px 24px 24px;font-family:var(--f-akzent);font-style:italic;font-weight:600;font-size:1.05rem;line-height:1.5;color:var(--magenta)}
@media (max-width:860px){ .r-duo{grid-template-columns:1fr} }
.r-agenten-cap{display:flex;align-items:center;justify-content:center;gap:10px}
.r-agenten-cap img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top}

/* Funktionen mit Handy-Foto daneben */
.r-funktionen-kopf{display:grid;grid-template-columns:.62fr 1.38fr;gap:40px;align-items:start}
.r-funktionen-kopf .r-split-bild{position:sticky;top:110px}
.r-funktionen-kopf .r-funktionen{grid-template-columns:repeat(2,1fr)}
.r-funktionen-kopf .r-mock-chat{left:-24px;bottom:10%}
@media (max-width:900px){ .r-funktionen-kopf{grid-template-columns:1fr} .r-funktionen-kopf .r-split-bild{position:relative;top:auto;max-width:360px;margin:0 auto} }
@media (max-width:560px){ .r-funktionen-kopf .r-funktionen{grid-template-columns:1fr} }

/* ══════════════ 14.10. spät: Logos über dem Balken, Plattformen + Vertrauen in EINEM Balken ══════════════ */
.r-logos{padding:44px 24px 48px;border-bottom:0}
.r-logos-reihe{gap:30px 64px;max-width:1100px}
.r-logos-reihe img{height:92px;max-width:220px;opacity:.7}
/* Hochzeitsfeen: helle Schrift auf gefülltem Kreis — mehr Kontrast, sonst unlesbar */
.r-logos-reihe img.r-logo-feen{height:104px;filter:grayscale(1) contrast(1.6) brightness(.85);opacity:.85}
@media (max-width:620px){ .r-logos-reihe{gap:22px 34px} .r-logos-reihe img{height:62px;max-width:140px} .r-logos-reihe img.r-logo-feen{height:72px} }

.r-balken{background:var(--ink);color:#fff;padding:40px 24px 42px}
.r-balken-plattformen{max-width:1160px;margin:0 auto;text-align:center}
.r-balken-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lilac);margin-bottom:16px}
.r-balken-plattformen ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px}
.r-balken-plattformen li{font-family:var(--f-kopf);font-weight:700;font-size:1.3rem;letter-spacing:.02em;color:#fff}
.r-balken-trenner{width:min(560px,70%);height:1px;background:rgba(255,255,255,.18);margin:30px auto}
.r-balken-vertrauen{list-style:none;padding:0;margin:0 auto;max-width:1160px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;
  font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.86)}
.r-balken-vertrauen li::before{content:'✓';color:var(--yellow);margin-right:8px}
.r-balken-vertrauen li:first-child{color:var(--yellow)}
@media (max-width:620px){ .r-balken-plattformen li{font-size:1.1rem} .r-balken-plattformen ul{gap:8px 20px} }
/* „.s section{padding:0}“ aus suite.css ist spezifischer als .r-logos — deshalb mit section davor */
.s section.r-logos{padding:44px 24px 52px}
.r-logos-reihe img.r-logo-feen{height:100px;filter:grayscale(1);opacity:.7}

/* Blonkra auch für Überschriften-Bausteine aus suite.css, die auf dieser Seite vorkommen */
.r-seite h4,.r-seite .s-plan-name,.r-seite .s-ultimate-name,.r-seite .s-wz-h,.r-seite .s-result-big,.r-seite .s-rcell-n,.r-seite .s-memory-row b{font-family:var(--f-kopf)}
/* Beitrags-Mockup tiefer, damit das Gesicht im Hero-Foto frei bleibt (14.10.) */
.r-hero .r-mock-post{top:46%}
@media (max-width:900px){ .r-hero .r-mock-post{top:auto;bottom:12%} }
/* Wofür die Zeit besser ist — vier Sticker unter „Hey, und ganz ehrlich“ (14.10.) */
.r-besser{list-style:none;padding:0;margin:28px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 16px;max-width:900px}
.r-besser li{font-weight:600;font-size:.98rem;color:var(--ink);border-radius:30px;padding:12px 22px;box-shadow:0 8px 20px rgba(26,26,26,.08)}
.r-besser li:nth-child(1){background:var(--lilac);transform:rotate(-2deg)}
.r-besser li:nth-child(2){background:var(--yellow);transform:rotate(1.5deg)}
.r-besser li:nth-child(3){background:var(--orange);transform:rotate(-1deg)}
.r-besser li:nth-child(4){background:#fff;border:1.5px solid var(--magenta);transform:rotate(2deg)}
.r-besser{max-width:1160px;gap:12px}
.r-besser li{font-size:.94rem;padding:11px 20px;white-space:nowrap}
@media (max-width:620px){ .r-besser li{white-space:normal} }

/* ══════════════ 14.10.: Feinschliff ══════════════ */
/* Fließender Übergang Hero → Logos: Hero endet weiß wie die Logo-Fläche, der Lilac-Schein
   liegt nicht mehr an der Unterkante (dort wurde er von overflow:hidden hart abgeschnitten). */
.r-hero{background:linear-gradient(180deg,#fff 0%,var(--cloud) 55%,#fff 100%)}
.r-hero::after{bottom:auto;top:38%;left:-220px}
.s section.r-logos{padding-top:12px}

/* Pflanzengrün aus den Fotos (gemessen #6B8A0C, aufgehellt für Kontrast mit Antrazit ≥ 6:1) */
.r-besser li:nth-child(4){background:#84A42A;border:0}

/* Zierüberschriften: Barlow fett statt Serifen-Kursive (Ninas Vorgabe 14.10.) */
.r-seite .s-promise,.r-seite .r-persona-q,.r-seite .r-zitat,.r-seite .r-final-slogan,.r-seite .r-kim p,.r-seite .r-ehrlich span,
.r-seite .r-stimme-kern,.r-seite .r-duo-karte blockquote{font-family:'Barlow',sans-serif;font-style:normal;font-weight:700}
/* Vertrauens-Zeile als eigene weiße Leiste unter dem schwarzen Balken (14.10.) */
.r-vertrauen-weiss{background:#fff;padding:22px 24px;border-bottom:1px solid var(--s-line)}
.r-vertrauen-weiss .r-balken-vertrauen{color:var(--ink)}
.r-vertrauen-weiss .r-balken-vertrauen li::before{color:var(--orange)}
.r-vertrauen-weiss .r-balken-vertrauen li:first-child{color:var(--magenta)}
/* „Hey, und ganz ehrlich“ mittig zwischen Kacheln und Abschnittsende: gleicher Abstand wie das Sektions-Padding */
.r-ehrlich{margin-top:clamp(104px,10vw,168px)}
@media (max-width:620px){ .r-ehrlich{margin-top:72px} }

/* ══════════════ 14.10.: Team-Vorstellung — Teamfoto, KIM groß, 10 Kreise (5 + 5) ══════════════ */
.r-teamfoto{max-width:1000px;margin:0 auto 48px;border-radius:26px;overflow:hidden;box-shadow:0 22px 50px rgba(26,26,26,.12)}
.r-teamfoto img{display:block;width:100%;height:auto}
.r-team-kim{display:flex;gap:28px;align-items:center;max-width:820px;margin:0 auto 52px;background:var(--cloud);border:1px solid var(--s-line);border-radius:26px;padding:24px 30px}
.r-team-kim > img{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:50% 15%;flex:none;border:4px solid var(--lilac)}
.r-team-kim b{display:block;font-family:var(--f-kopf);font-size:1.6rem;line-height:1}
.r-team-kim span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:6px 0 10px}
.r-team-kim p{margin:0;font-size:.98rem;line-height:1.6;color:var(--magenta);font-weight:600}
.r-team-kreise{list-style:none;padding:0;margin:0 auto;max-width:900px;display:grid;grid-template-columns:repeat(5,1fr);gap:30px 18px}
.r-team-kreise li{text-align:center}
.r-team-kreise img{width:104px;height:104px;border-radius:50%;object-fit:cover;object-position:50% 15%;display:block;margin:0 auto 10px;border:3px solid #fff;box-shadow:0 8px 20px rgba(26,26,26,.14)}
.r-team-kreise b{display:block;font-family:var(--f-kopf);font-size:1.1rem}
.r-team-kreise span{display:block;font-size:.76rem;color:var(--s-soft);line-height:1.35;margin-top:2px}
@media (max-width:760px){
  .r-team-kim{flex-direction:column;text-align:center;padding:22px}
  .r-team-kreise{grid-template-columns:repeat(2,1fr)}
  .r-team-kreise img{width:92px;height:92px}
}
/* So funktioniert's auf Weiß: Kärtchen brauchen eigene Fläche */
#s-ablauf .r-schritte li{background:var(--cloud);border:1px solid var(--s-line)}

/* ══════════════ 14.10.: Agenten-Bild nahtlos, mehr Abo-Buttons ══════════════ */
/* Teamfoto kleiner, ohne Rahmen/Schatten; Ränder laufen weich ins Weiß aus, der hellgraue
   Bildhintergrund verschwindet über multiply im weißen Abschnitt. */
.r-teamfoto{max-width:720px;border-radius:0;box-shadow:none;overflow:visible}
.r-teamfoto img{mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 45%,#000 62%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 70% at 50% 45%,#000 62%,transparent 100%)}
.r-teamfoto .ki-label{right:16%;bottom:12%}

.r-cta-zeile{margin-top:32px}
.s-center-flex{justify-content:center}
.r-sticky{display:none}
@media (max-width:760px){
  .r-sticky{display:flex;align-items:center;justify-content:center;gap:.4em;position:fixed;left:16px;right:16px;bottom:16px;z-index:60;
    background:var(--orange);color:var(--ink);font-weight:700;font-size:.95rem;padding:15px 18px;border-radius:12px;text-decoration:none;
    box-shadow:0 12px 30px rgba(26,26,26,.25);transform:translateY(140%);transition:transform .25s ease}
  .r-sticky.an{transform:none}
}
.r-teamfoto img{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 78%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 14%,#000 78%,transparent 100%);
  mask-composite:intersect;filter:brightness(1.05)}

/* ══════════════ Unterseiten im neuen Stil (14.10.) ══════════════ */
.r-seite h1,.r-seite h2,.r-seite .s-h1,.r-seite .s-h2{font-family:var(--f-kopf);text-transform:none;letter-spacing:.005em}
.r-seite h3,.r-seite h4{font-family:var(--f-kopf)}
.r-seite .nav .logo img{height:52px;width:auto;display:block}
/* Handy: breite Tabellen wischbar statt Seite verbreitern; lange Wörter in Blonkra trennen */
.r-seite h1,.r-seite h2,.r-seite h3,.r-seite h4{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media (max-width:760px){
  .r-unterseite main table,.r-unterseite table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .r-unterseite{overflow-x:clip}
}

/* ══════════════ 14.10.: Agenten-Team im Hero-Stil ══════════════ */
.r-team-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center;margin-bottom:72px}
.r-team-hero .r-team-kim{display:block;max-width:none;margin:28px 0 0;padding:20px 22px;border-left:4px solid var(--lilac);border-radius:0 18px 18px 0}
.r-team-bild{position:relative;padding:28px 34px 34px 0}
.r-team-bild::before{content:'';position:absolute;inset:0 -4% 6% 10%;border-radius:46% 54% 42% 58%/52% 44% 56% 48%;background:var(--lilac);opacity:.55;z-index:0}
.r-team-bild::after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;background:var(--yellow);right:-18px;bottom:-6px;z-index:0}
.r-team-haupt{position:relative;z-index:1;border-radius:26px;overflow:hidden;box-shadow:0 26px 60px rgba(96,0,55,.20)}
.r-team-haupt img{display:block;width:100%;height:auto}
.r-team-detail{position:absolute;z-index:4;left:-46px;top:-6px;width:150px;background:#fff;border-radius:18px;padding:8px 8px 10px;box-shadow:0 18px 40px rgba(26,26,26,.2);transform:rotate(-4deg)}
.r-team-detail img{display:block;width:100%;height:150px;object-fit:cover;object-position:50% 12%;border-radius:12px}
.r-team-detail b{display:block;font-family:var(--f-kopf);font-size:1.05rem;margin:6px 2px 0}
.r-team-detail small{display:block;font-size:.72rem;color:var(--s-soft);margin:0 2px}
.r-mock-team{right:-10px;top:8%;padding:12px 16px;transform:rotate(3deg);font-size:.82rem}
.r-mock-team b{margin-right:6px;color:var(--magenta)}
.r-mock-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--s-green);margin-right:6px}
.r-mock-team2{left:4%;bottom:0;display:flex;gap:10px;align-items:center;padding:12px 16px;background:var(--yellow);transform:rotate(-2deg)}
.r-mock-team2 b{display:block;font-size:.9rem}
.r-icon-team{width:92px;right:-36px;bottom:24%;transform:rotate(8deg)}
@media (max-width:960px){
  .r-team-hero{grid-template-columns:1fr;gap:48px}
  .r-team-bild{padding:24px 10px 30px}
  .r-team-detail{left:0;width:110px}.r-team-detail img{height:110px}
  .r-mock-team{right:0}.r-icon-team{right:-4px;width:70px}
}
#s-agenten{overflow-x:clip}
.r-team-hero .s-h2{hyphens:manual;-webkit-hyphens:manual;font-size:clamp(1.8rem,3vw,2.35rem)}
@media (max-width:760px){ .r-team-hero .r-team-kim{text-align:left} }

/* ══════════════ 14.10.: Community mit Foto im Hero-Stil ══════════════ */
.r-community{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;margin-bottom:72px}
.r-community-bild{position:relative;max-width:400px;margin-left:auto}
.r-community-bild::before{content:'';position:absolute;inset:-5% -10% 8% 14%;border-radius:46% 54% 42% 58%/52% 44% 56% 48%;background:var(--yellow);opacity:.75;z-index:0}
.r-community-bild > img:first-child{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:28px;box-shadow:0 26px 60px rgba(96,0,55,.2)}
.r-mock-termin{left:-56px;top:14%;display:flex;gap:12px;align-items:center;padding:12px 16px;transform:rotate(-4deg)}
.r-mock-termin b{font-family:var(--f-kopf);font-size:1.6rem;color:var(--magenta);line-height:1}
.r-mock-termin span{font-weight:700;font-size:.88rem}
.r-mock-termin small{display:block;font-weight:500;font-size:.72rem;color:var(--s-soft)}
.r-mock-herz{right:-26px;bottom:12%;padding:11px 16px;background:var(--lilac);font-size:.86rem;transform:rotate(3deg)}
.r-icon-community{width:80px;right:-30px;top:-22px;transform:rotate(10deg)}
#s-events{overflow-x:clip}
@media (max-width:900px){
  .r-community{grid-template-columns:1fr;gap:48px}
  .r-community-bild{margin:0 auto;max-width:340px}
  .r-mock-termin{left:-6px}.r-mock-herz{right:-4px}.r-icon-community{right:-4px}
}
.r-event h3{hyphens:manual;-webkit-hyphens:manual}

/* ══════════════ 14.10. abends: Feinschliff Team, Personas, Schlussfoto ══════════════ */
/* KIM-Sticker liegt auf der Oberkante des Fotos statt auf einem Gesicht */
.r-mock-kimplan{left:-30px;top:-8px;padding:12px 16px;font-size:.82rem;transform:rotate(-3deg)}
.r-mock-kimplan b{color:var(--magenta);margin-right:4px}
/* Persona-Karten: Farbköpfe gleich hoch, Inhalte darunter auf gleicher Linie (Subgrid) */
@media (min-width:861px){
  .r-personas-2{grid-template-rows:auto 1fr}
  .r-personas-2 .r-persona{display:grid;grid-template-rows:subgrid;grid-row:span 2}
}
/* Schlussfoto: Kopf frei (Ausschnitt von oben), schwebend, mit Stickern */
.r-final-bild{position:relative;max-width:380px}
.r-final-foto img{object-position:50% 8%}
.r-icon-final1{width:84px;right:-34px;top:-26px;transform:rotate(10deg)}
.r-icon-final2{width:78px;left:-30px;bottom:12%;transform:rotate(-8deg)}
@media (max-width:860px){ .r-final-bild{margin:0 auto} .r-icon-final1{right:-6px} .r-icon-final2{left:-6px} }
.r-final{overflow-x:clip}
/* Schlussfoto: nur das Foto füllt die Breite, die Sticker behalten ihre Größe */
.r-final-bild img.r-icon{max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}
.r-final-bild img.r-icon-final1{width:84px}.r-final-bild img.r-icon-final2{width:78px}
.r-final-foto img{display:block;width:100%;max-width:380px;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:26px;box-shadow:0 26px 60px rgba(0,0,0,.3)}
/* Agenten-Kreise: Gesichter ⅓ größer (104 → 138 px), ein Satz je Agent, KI-Hinweis ⅓ kleiner */
.r-team-kreise{max-width:1060px;gap:38px 22px}
.r-team-kreise img{width:138px;height:138px}
.r-team-kreise p{font-size:.8rem;line-height:1.45;color:var(--s-soft);margin:8px auto 0;max-width:20ch}
#s-agenten .r-agenten-cap{font-size:.55rem}
@media (max-width:760px){ .r-team-kreise img{width:116px;height:116px} }

/* ══════════════ 14.10.: Agenten kurz, KIM-Kreis, neue Icons, Blog-Kopf ══════════════ */
.r-team-kreise p{max-width:18ch}
.r-team-hero .r-team-kim{position:relative;padding-right:120px}
.r-kim-kreis{position:absolute;right:-24px;top:-38px;width:118px;height:118px;border-radius:50%;object-fit:cover;object-position:50% 12%;
  border:4px solid #fff;box-shadow:0 12px 28px rgba(26,26,26,.22)}
@media (max-width:760px){ .r-team-hero .r-team-kim{padding-right:22px;padding-top:70px} .r-kim-kreis{right:auto;left:16px;top:-40px;width:96px;height:96px} }
.r-icon-feuer{width:78px;left:-28px;top:-22px;transform:rotate(-10deg)}
.r-icon-inline{display:block;width:68px;height:auto;margin:0 auto 14px;transform:rotate(-6deg)}
/* Blog-Kopf: Text links, zwei schwebende Fotos rechts */
.s section.r-blog-kopf{padding:132px 24px 40px}
.r-blog-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.r-blog-hero h1{margin-top:6px}
.r-blog-bilder{position:relative;max-width:420px;margin-left:auto;padding:0 60px 40px 0}
.r-blog-bilder::before{content:'';position:absolute;inset:6% -4% 2% 10%;border-radius:46% 54% 42% 58%/52% 44% 56% 48%;background:var(--lilac);opacity:.55;z-index:0}
.r-blog-foto1{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:26px;box-shadow:0 22px 50px rgba(96,0,55,.2)}
.r-blog-foto2{position:absolute;z-index:3;right:-10px;bottom:-10px;width:44%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 10%;border-radius:20px;border:5px solid #fff;box-shadow:0 18px 40px rgba(26,26,26,.22);transform:rotate(4deg)}
.r-icon-blog1{width:78px;left:-30px;top:-20px;transform:rotate(-8deg)}
.r-icon-blog2{width:66px;left:-20px;bottom:18%;transform:rotate(8deg)}
.r-blog-kopf{overflow-x:clip}
@media (max-width:900px){ .r-blog-hero{grid-template-columns:1fr;gap:40px} .r-blog-bilder{margin:0 auto;max-width:340px;padding-right:40px} .r-icon-blog1{left:-6px} .r-icon-blog2{left:-6px} }
.r-seite h1,.r-seite h2,.r-seite .s-h1,.r-seite .s-h2{hyphens:manual;-webkit-hyphens:manual}

/* ══════════════ 14.10. nach Live: Handy-Feinschliff Agenten-Team ══════════════ */
/* KIM-Kreis: feste Größe (sonst gewinnt die ältere Regel .r-team-kim > img mit 150 px) */
.r-team-kim > img.r-kim-kreis{width:118px;height:118px}
@media (max-width:760px){
  /* Kreis rechts oben an der Karte, der Name KIM bleibt links frei lesbar */
  .r-team-hero .r-team-kim{margin-top:64px;padding-top:22px;padding-right:22px}
  .r-team-kim > img.r-kim-kreis{width:92px;height:92px;left:auto;right:14px;top:-46px}
  /* schwebende Zeilen über dem Teamfoto etwas höher */
  .r-mock-kimplan{top:-38px;left:0}
  .r-mock-team{top:-2%}
}
/* KIM-Kreis etwas größer (Nina 14.10.) */
.r-team-kim > img.r-kim-kreis{width:136px;height:136px;top:-48px}
@media (max-width:760px){ .r-team-hero .r-team-kim{margin-top:84px} .r-team-kim > img.r-kim-kreis{width:116px;height:116px;top:-62px} }
@media (min-width:761px){ .r-team-hero .r-team-kim{padding-right:140px} }
/* Sechs Kundenlogos in einer Reihe (Manuel Paul dazu, 14.10.) */
@media (min-width:1001px){ .r-logos-reihe{gap:30px 46px;max-width:1180px;flex-wrap:nowrap} .r-logos-reihe img{max-width:185px} }
/* Vorlage: nur noch die Druckansicht (CSV eingestellt 14.10.) — eine Karte mittig */
.s-dl:has(> .s-dl-card:only-child){grid-template-columns:minmax(0,420px);justify-content:center}
/* Event-Anmeldung: ein Fenster für alle Termine, Mehrfachauswahl (15.10.) */
.r-anmeldung{border:0;border-radius:24px;padding:0;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:var(--ink);box-shadow:0 24px 70px rgba(26,26,26,.28)}
.r-anmeldung::backdrop{background:rgba(26,26,26,.55)}
.r-anmeldung form{position:relative;padding:clamp(24px,4vw,40px)}
.r-anmeldung h3{font-family:var(--f-kopf);font-weight:800;font-size:1.6rem;line-height:1.15;margin:6px 0 8px;padding-right:40px;hyphens:manual;-webkit-hyphens:manual}
.r-anmeldung-sub{font-size:.92rem;line-height:1.6;color:var(--s-soft);margin:0}
.r-anmeldung-zu{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--cloud);color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}
.r-anmeldung-zu:focus-visible,.r-ev-wahl:focus-within{outline:3px solid var(--orange);outline-offset:2px}
.r-anmeldung-events{border:0;padding:0;margin:18px 0 4px;min-width:0}
.r-anmeldung-events legend{padding:0;margin-bottom:8px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--magenta)}
.r-ev-wahl{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin-bottom:8px;border:1.5px solid var(--s-line-strong);border-radius:12px;cursor:pointer;transition:.15s}
.r-ev-wahl:has(input:checked){border-color:var(--magenta);background:#FBF3F7}
.r-ev-wahl input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--magenta)}
.r-ev-wahl b{display:block;font-size:.95rem;line-height:1.3}
.r-ev-wahl small{display:block;margin-top:2px;font-size:.8rem;color:var(--s-soft)}
.r-feld{display:block;margin-top:12px;font-size:.84rem;font-weight:600;color:var(--ink)}
.r-feld span{font-weight:400;color:var(--s-soft)}
.r-feld .s-input{display:block;width:100%;min-width:0;margin-top:6px;box-sizing:border-box}
.r-feld textarea.s-input{resize:vertical;min-height:84px}
.r-anmeldung-hinweis{font-size:.78rem;line-height:1.5;color:var(--s-soft);margin:14px 0 0}
.r-anmeldung-hinweis a{color:var(--magenta);text-decoration:underline}
.r-anmeldung .s-btn{width:100%;justify-content:center;margin-top:16px}
.r-anmeldung-ok p{font-size:.95rem;line-height:1.6;color:var(--s-soft)}
/* Markenregel: Orange nie mit weißer Schrift (15.10.) — Buttons, Menü-CTA und Rechner-Schrittpunkt dunkel */
.s-btn,.s-btn:hover,.nav-links a.cta,.nav-links a.cta:hover,.s-wz-dot.aktiv b{color:var(--ink)}