:root { --forest:#003c33; --lime:#d9f99d; --ink:#1d2421; --navy:#003c33; --petrol:#003c33; --mint:#f2f7ed; --line:#d6dfd8; --muted:#53615a; }
.js [data-reveal] { transform:translateY(20px); transition:opacity .55s ease-out,transform .55s ease-out; transition-delay:var(--reveal-delay,0ms); }
.js [data-reveal].visible { transform:none; }
.js [data-word-reveal] .word-reveal__word { transform:translateY(.28em); transition-duration:.55s; transition-timing-function:ease-out; }
.js [data-word-reveal].visible .word-reveal__word,.js .visible [data-word-reveal] .word-reveal__word { transform:none; }
.section-space { padding-block:76px; }
.roadmap-story { position:relative; }
.roadmap-sticky { position:sticky; top:98px; height:min(62svh,620px); display:flex; justify-content:center; align-items:center; pointer-events:none; }
.roadmap-phone { position:relative; width:min(25vw,255px,30.375svh); aspect-ratio:9/16; height:auto; overflow:hidden; border:9px solid #e6eee8; border-radius:38px; background:#142d27; box-shadow:0 30px 60px #001f1a75; transform:translateY(calc(var(--roadmap-ratio) * 24px - 12px)); }
.roadmap-phone__camera { position:absolute; z-index:3; top:10px; left:50%; width:32%; height:18px; border-radius:18px; background:#142d27; transform:translateX(-50%); }
.roadmap-phone img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 32%; opacity:0; transition:opacity .45s ease-out; }
.roadmap-phone img.is-active { opacity:1; }
.roadmap-line { position:absolute; left:calc(50% + min(16vw,162px)); width:3px; height:min(55svh,430px); background:#ffffff55; }
.roadmap-line span { display:block; width:100%; height:100%; background:var(--lime); transform:scaleY(var(--roadmap-ratio)); transform-origin:top; }
.roadmap-story__steps { position:relative; z-index:1; margin-top:calc(-1 * min(62svh,620px) + 98px); pointer-events:none; }
.roadmap-story__step { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,310px) minmax(0,1fr); min-height:clamp(240px,30svh,320px); align-items:center; }
.roadmap-story__step>div { max-width:350px; opacity:.56; transform:translateY(18px); transition:opacity .55s ease-out,transform .55s ease-out; }
.roadmap-story__step.is-active>div { opacity:1; transform:none; }
.roadmap-story__step:nth-child(odd)>div { grid-column:1; }
.roadmap-story__step:nth-child(even)>div { grid-column:3; padding-left:36px; }
.roadmap-story__step span { color:var(--lime); font-size:14px; font-weight:700; }
.roadmap-story__step h3 { margin-top:15px; font-size:clamp(24px,3vw,40px); line-height:1.15; }
.roadmap-story__step img { display:none; }
.roadmap-result { border-top:1px solid #ffffff55; margin-top:20px; }
.process-cycle__canvas { width:min(740px,100%); aspect-ratio:1; }
.process-cycle__ring { inset:32%; border-color:#ffffff8c; }
.process-cycle__ring::after { inset:12px; }
.process-cycle__core { inset:39%; background:var(--lime); color:var(--forest); }
.process-cycle__steps li { width:160px; min-height:68px; padding:10px 12px; border-color:#ffffff99; background:var(--forest); opacity:.55; }
.process-cycle__steps li:nth-child(1) { top:6%; left:50%; --cycle-delay:0ms; }
.process-cycle__steps li:nth-child(2) { top:21%; left:80%; --cycle-delay:170ms; }
.process-cycle__steps li:nth-child(3) { top:49%; left:88%; --cycle-delay:340ms; }
.process-cycle__steps li:nth-child(4) { top:81%; left:76%; --cycle-delay:510ms; }
.process-cycle__steps li:nth-child(5) { top:94%; left:50%; --cycle-delay:680ms; }
.process-cycle__steps li:nth-child(6) { top:81%; left:24%; --cycle-delay:850ms; }
.process-cycle__steps li:nth-child(7) { top:49%; left:12%; --cycle-delay:1020ms; }
.process-cycle__steps strong { color:var(--lime); font-size:14px; }
.process-cycle__steps small { color:#e1ece5; font-size:12px; }
.cycle-section.is-active .process-cycle__steps li { animation:cycle-light .65s ease-out var(--cycle-delay) both; }
@keyframes cycle-light { from { opacity:.48; border-color:#ffffff55; box-shadow:none; } to { opacity:1; border-color:var(--lime); box-shadow:0 0 24px #d9f99d33; } }
.button,.section-cta .button { background:var(--forest); border-color:var(--forest); color:#fff; }
.button:hover,.section-cta .button:hover { background:#075747; border-color:#075747; color:#fff; }
.trust .button,.trust .button:hover { background:var(--forest); border-color:var(--forest); color:#fff; }
.dark-section .button,.roadmap-section .button,.cycle-section .button,.stats-section .button,.contact .button,.site-footer .button { background:var(--lime); border-color:var(--lime); color:var(--forest); }
.dark-section .button:hover,.roadmap-section .button:hover,.cycle-section .button:hover,.stats-section .button:hover,.contact .button:hover,.site-footer .button:hover { background:#c7eb89; border-color:#c7eb89; color:var(--forest); }
.dark-section .accent-text,.roadmap-section .accent-text,.cycle-section .accent-text,.stats-section .accent-text { color:var(--lime); }
.site-footer,.roadmap-section,.stats-section,.cycle-section,.work,.dark-section,.contact { background:var(--forest); }
.trust { padding-bottom:22px; }
.about { padding-top:56px; }
.pricing-card--focus { background:var(--lime); border-color:var(--forest); }
.pricing-card--focus::before { background:var(--forest); }
.pricing-card--focus .pricing-link { background:var(--forest); border-color:var(--forest); color:#fff; }
.pricing-card--website { border:1px solid var(--line); }
.pricing-card--website .pricing-price { align-self:start; align-items:flex-start; padding:0; border:0; text-align:left; }
.pricing-card--website ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; columns:auto; }
.pricing-card--website li { break-inside:avoid; }
.pricing-card--website li::before { content:'✓'; color:var(--forest); font-weight:700; }
.pricing-card--website .pricing-link { background:var(--forest); color:#fff; border-color:var(--forest); }
.experience-section h2 { margin-bottom:20px; }
.experience-layout { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr); gap:36px; align-items:stretch; }
.experience-band { min-width:0; }
.experience-photo { width:100%; height:100%; max-height:400px; object-fit:cover; object-position:center 28%; }
.case-leads { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.85fr); gap:12px; border-bottom:1px solid var(--line); }
.case-leads .case-metric { display:block; min-width:0; margin-top:20px; padding:0 0 16px; border:0; }
.case-leads .case-metric strong { display:flex; align-items:baseline; font-size:clamp(32px,3vw,48px); white-space:nowrap; }
.case-leads .case-metric--inquiries strong { font-size:clamp(36px,3.3vw,52px); }
.case-leads .case-metric p { margin-top:5px; }
.case-extra { grid-template-columns:1fr; margin-top:10px; }
.case-extra li { border:0; padding-top:0; }
.case-extra strong { font-size:38px; }
.format-card img { display:block; object-position:center; }
.stats-section .section-head { align-items:end; }
.stats-intro { width:min(350px,100%); }
.stats-intro p { color:#e1ece5; font-size:15px; line-height:1.6; }
.stat-card--primary { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); align-items:center; gap:24px; }
.stat-card--primary .stat-card__copy { min-width:0; }
.stat-growth { display:block; width:100%; height:auto; overflow:visible; }
.stat-growth__grid { stroke:#d9f99d30; stroke-width:1; stroke-dasharray:3 7; }
.stat-growth__area { fill:#d9f99d18; }
.stat-growth__line { stroke:var(--lime); stroke-width:5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:530; stroke-dashoffset:530; transition:stroke-dashoffset 1.7s ease .25s; }
.stat-growth__point { fill:var(--lime); opacity:0; transition:opacity .25s ease 1.7s; }
.stats-section.is-visible .stat-growth__line { stroke-dashoffset:0; }
.stats-section.is-visible .stat-growth__point { opacity:1; }
@media (max-width:900px) { .stat-card--primary { grid-template-columns:1fr; } .stat-growth { max-width:520px; margin-inline:auto; } }
@media (prefers-reduced-motion:reduce) { .stat-growth__line { stroke-dashoffset:0; transition:none; } .stat-growth__point { opacity:1; transition:none; } }
.stat-progress { height:5px; background:var(--lime); }
.proof-track { scrollbar-width:none; scroll-snap-type:none; }
.proof-track::-webkit-scrollbar { display:none; }
.proof-item figcaption strong { font-size:38px; }
.proof-item figcaption>span { font-size:12px; font-weight:700; }
.proof-post-link { display:inline-flex; align-items:center; gap:4px; width:fit-content; margin-top:8px; padding:6px 8px; border-radius:999px; background:var(--forest); color:#fff; font-size:11px; font-weight:800; line-height:1; }
.proof-post-link:hover { background:#00251f; text-decoration:none; transform:translateY(-1px); }
.proof-post-link svg { width:12px; height:12px; stroke-width:2.5; }
.profiles-section { background:#f6f7f3; border-top:1px solid var(--line); }
.profiles-section .section-head { align-items:end; }
.profile-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.profile-card { min-width:0; border:1px solid var(--line); border-radius:6px; overflow:hidden; background:#fff; }
.profile-card img { display:block; width:100%; aspect-ratio:4/3; height:auto; object-fit:contain; background:#e8ece4; }
.profile-card>div { padding:16px; }
.profile-card span { display:block; min-height:28px; color:var(--forest); font-size:11px; font-weight:800; line-height:1.3; text-transform:uppercase; }
.profile-card h3 { margin-top:8px; font-size:18px; }
.profile-card p { margin-top:7px; color:var(--muted); font-size:13px; line-height:1.45; }
.profile-card--own { border-color:#003c3340; box-shadow:inset 0 0 0 2px #d9f99d; }
.profile-card { display:block; color:inherit; text-decoration:none; transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.profile-card:hover { border-color:var(--forest); transform:translateY(-3px); box-shadow:0 12px 24px #003c3318; }
.profile-card:focus-visible { outline:3px solid var(--forest); outline-offset:3px; }
.profile-card .profile-card__action { display:flex; align-items:center; gap:6px; min-height:0; margin-top:15px; font-size:11px; }
.profile-card__action svg { width:14px; height:14px; }
.profiles-source { margin-top:18px; color:var(--muted); font-size:12px; }
.trust-footer .button { background:var(--forest); border-color:var(--forest); color:#fff; box-shadow:0 12px 26px #003c3322; }
.trust-footer .button:hover { background:#075747; border-color:#075747; color:#fff; }
.footer-social { display:inline-flex; align-items:center; gap:7px; }
.footer-social svg { width:15px; height:15px; flex:0 0 15px; }
@media (max-width:1000px) {
  .profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .profile-grid { grid-template-columns:1fr; }
  .profile-card { display:block; }
  .profile-card img { height:auto; }
}
.contact-options,.footer-icons,.booking-icons { display:none; }
.whatsapp-float { position:fixed; z-index:60; right:22px; bottom:20px; display:block; width:46px; height:46px; border-radius:50%; box-shadow:0 8px 22px #003c3345; transition:opacity .4s ease-out,transform .4s ease-out; }
.whatsapp-float img { display:block; width:100%; height:100%; }
.whatsapp-float:hover { transform:translateY(-3px); }
.whatsapp-ready:not(.whatsapp-visible) .whatsapp-float { opacity:0; transform:translateY(12px); pointer-events:none; }
.whatsapp-float:focus-visible { outline:3px solid var(--forest); outline-offset:3px; }
@media (max-width:1000px) {
  .experience-layout { grid-template-columns:minmax(0,1fr) 220px; gap:20px; }
  .case-leads { grid-template-columns:1fr; gap:0; }
}
@media (max-width:720px) {
  .section-space { padding-block:56px; }
  .roadmap-sticky { display:none; }
  .roadmap-story__steps { margin:0; padding-left:28px; }
  .roadmap-story__steps::before,.roadmap-story__steps::after { position:absolute; top:0; bottom:0; left:10px; width:2px; content:''; background:#ffffff55; }
  .roadmap-story__steps::after { background:var(--lime); transform:scaleY(var(--roadmap-ratio)); transform-origin:top; }
  .roadmap-story__step { position:relative; display:block; min-height:0; margin-bottom:36px; padding:0 0 0 16px; }
  .roadmap-story__step::before { position:absolute; top:3px; left:-24px; width:11px; height:11px; border:2px solid var(--lime); border-radius:50%; background:var(--forest); content:''; }
  .roadmap-story__step:nth-child(even)>div { padding-left:0; }
  .roadmap-story__step>div { max-width:none; opacity:1; transform:none; }
  .roadmap-story__step span { font-size:12px; }
  .roadmap-story__step h3 { margin:8px 0 16px; font-size:24px; }
  .roadmap-story__step img { display:block; width:100%; height:220px; border-radius:4px; object-fit:cover; object-position:center 32%; }
  .roadmap-story__step:last-child img { object-fit:cover; }
  .process-cycle__canvas { width:100%; aspect-ratio:auto; }
  .process-cycle__steps { position:relative; grid-template-columns:1fr; gap:0; padding-left:28px; }
  .process-cycle__steps::before { position:absolute; top:15px; bottom:18px; left:8px; width:2px; background:#ffffff66; content:''; }
  .process-cycle__steps li { position:relative; top:auto; left:auto; width:auto; min-height:72px; padding:14px 8px; border:0; border-bottom:1px solid #ffffff44; border-radius:0; background:transparent; transform:none; }
  .process-cycle__steps li:nth-child(n) { top:auto; left:auto; }
  .process-cycle__steps li::before { position:absolute; top:24px; left:-25px; width:10px; height:10px; border:2px solid var(--lime); border-radius:50%; background:var(--forest); content:''; }
  .trust { padding:42px 0 18px; }
  .about { padding-top:42px; }
  .experience-layout { grid-template-columns:1fr; }
  .experience-photo { height:280px; object-position:center 32%; }
  .pricing-card--website ul { grid-template-columns:1fr; }
  .pricing-card--website .pricing-price { border:0; padding:0; }
  .case-leads { grid-template-columns:1fr; }
  .case-leads .case-metric strong { font-size:clamp(32px,8vw,52px); }
  .case-leads .case-metric--inquiries strong { font-size:clamp(40px,9vw,56px); }
  .stats-intro { margin-top:16px; }
  .whatsapp-float { right:14px; bottom:14px; width:42px; height:42px; }
}
@media (max-width:370px) {
  .case-leads { grid-template-columns:1fr; }
  .case-leads .case-metric { margin-top:12px; }
}
@media (prefers-reduced-motion:reduce) { .roadmap-phone,.profile-card { transform:none; transition:none; } }
@media (prefers-reduced-motion:reduce) { .roadmap-phone img,.roadmap-story__step>div { transition:none; } }
@media (prefers-reduced-motion:reduce) { .cycle-section .process-cycle__steps li { opacity:1; animation:none; } }
@media (prefers-reduced-motion:reduce) { .proof-item[aria-hidden="true"] { display:none; } }
@media (prefers-reduced-motion:reduce) { .js [data-reveal],.js [data-word-reveal] .word-reveal__word { opacity:1; transform:none; transition:none; } }

/* ===== Kreislauf (Claude, 22.09.): Titel mittig, laufende Animation ===== */
.cycle-section .section-head { justify-content:center; text-align:center; }
.cycle-section .section-head > div { margin-inline:auto; }
.process-cycle__ring::before {
  content:''; position:absolute; inset:-5px; border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 78%, #d9f99d00 78%, var(--lime) 99%, transparent 100%);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
          mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
  opacity:0;
}
.cycle-section.is-active .process-cycle__ring::before { opacity:1; transition:opacity .6s ease-out; animation:cycle-orbit 6.3s linear infinite; }
.cycle-section.is-active .process-cycle__core { animation:cycle-core 6.3s ease-in-out infinite; }
.cycle-section.is-active .process-cycle__steps li { animation:cycle-step 6.3s ease-in-out infinite; }
.cycle-section.is-active .process-cycle__steps li:nth-child(1) { animation-delay:0s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(2) { animation-delay:.9s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(3) { animation-delay:1.8s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(4) { animation-delay:2.7s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(5) { animation-delay:3.6s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(6) { animation-delay:4.5s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(7) { animation-delay:5.4s; }
@keyframes cycle-orbit { from { transform:rotate(-20deg); } to { transform:rotate(340deg); } }
@keyframes cycle-step {
  0%, 22%, 100% { opacity:.5; border-color:#ffffff55; box-shadow:none; }
  6%, 13% { opacity:1; border-color:var(--lime); box-shadow:0 0 26px #d9f99d40; }
}
@keyframes cycle-core { 0%,100% { transform:scale(1); } 50% { transform:scale(1.04); } }
@media (max-width:720px) {
  .cycle-section.is-active .process-cycle__steps li { animation:cycle-step-mobile 6.3s ease-in-out infinite; }
  @keyframes cycle-step-mobile { 0%, 22%, 100% { opacity:.6; } 6%, 13% { opacity:1; } }
}
@media (prefers-reduced-motion:reduce) {
  .cycle-section.is-active .process-cycle__ring::before,
  .cycle-section.is-active .process-cycle__core,
  .cycle-section.is-active .process-cycle__steps li { animation:none; }
}

/* ===== Paket-Labels einheitlich lesbar (Claude, 22.09.) ===== */
.pricing-card .pricing-card__top > span,
.pricing-card--website .pricing-card__top > span,
.pricing-card--focus .pricing-card__top > span {
  display:inline-block; padding:6px 11px; border-radius:100px;
  background:#e7f1ea; color:var(--forest); font-size:11px; font-weight:700; letter-spacing:.04em;
}
.pricing-card--focus .pricing-card__top > span,
.pricing-card--website .pricing-card__top > span { background:var(--lime); color:var(--forest); }

/* ===== Keine doppelten Farben nebeneinander (Claude, 22.09.) ===== */
.ticker { background:var(--lime) !important; color:var(--forest) !important; border-color:var(--forest) !important; }
.ticker b { color:var(--forest); }
.site-footer { background:#00251f !important; border-top:1px solid #ffffff1a; }

/* „Aus der Praxis“ ohne Foto (Claude, 22.09.): Zahlen nehmen die ganze Breite, wirkt ruhiger als ein schlechter Bildzuschnitt. */
.experience-layout { display:block; }
.experience-band { width:100%; }
.experience-row { display:grid; grid-template-columns:minmax(150px,240px) 1fr; gap:24px; align-items:baseline; }
@media (max-width:720px) { .experience-row { grid-template-columns:1fr; gap:4px; } }
.experience-section { background:var(--forest); color:#fff; border-block:0; }
.experience-section .section-head { align-items:flex-start; margin-bottom:34px; }
.experience-section .section-head>p { color:#e7efe8; max-width:360px; }
.experience-section .eyebrow { color:var(--lime); }
.experience-layout { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(250px,.42fr); gap:34px; align-items:stretch; }
.experience-copy { min-width:0; }
.experience-band { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; border:0; }
.experience-row { display:block; min-height:184px; padding:22px; border:1px solid #ffffff26; border-radius:6px; background:#ffffff0d; }
.experience-row strong { display:block; color:#fff; font:700 68px/1 var(--display); letter-spacing:0; }
.experience-row p { margin-top:14px; color:#dfe7de; font-size:15px; line-height:1.45; }
.experience-chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.experience-chips span { display:inline-flex; align-items:center; min-height:34px; padding:8px 12px; border:1px solid #d9f99d66; border-radius:999px; background:#d9f99d14; color:#f5ffe8; font-size:13px; font-weight:700; }
.experience-photo-slot { min-height:360px; }
@media (max-width:1000px) {
  .experience-layout { grid-template-columns:1fr; }
  .experience-photo-slot { display:none; }
}
@media (max-width:720px) {
  .experience-section .section-head { margin-bottom:24px; }
  .experience-band { grid-template-columns:1fr; gap:10px; }
  .experience-row { min-height:0; padding:18px; }
  .experience-row strong { font-size:46px; }
  .experience-row p { margin-top:8px; font-size:14px; }
  .experience-chips span { font-size:12px; min-height:31px; }
}

/* Kreis so groß wie die Stationen, damit er geschlossen wirkt (Claude, 22.09.) */
.process-cycle__ring { inset:6% 12% !important; border:2px solid #ffffff2e !important; }
.process-cycle__ring::after { display:none; }
.process-cycle__steps li { z-index:2; }
.process-cycle__core { box-shadow:0 0 0 14px #0b3d33; }
@media (max-width:720px) { .process-cycle__ring { display:none; } }

/* Nach der neuen Reihenfolge: helle Flächen abwechseln (Claude, 22.09.) */
#formate { background:#f2f7ed; }
#faq { background:#fff; }

/* ===== Kreislauf v3 (Claude, 22.09. spät): echter Kreis, Stationen gleichmäßig verteilt, Punkt läuft auf der Linie ===== */
.process-cycle__canvas { position:relative; width:min(720px,100%); aspect-ratio:1; margin-inline:auto; }
.process-cycle__ring { position:absolute; inset:22% !important; border:2px solid #ffffff2e !important; border-radius:50%; }
.process-cycle__ring::before { display:none; }
.process-cycle__ring::after {
  content:''; position:absolute; inset:-9px; border-radius:50%;
  background:radial-gradient(circle 9px at 50% 0, var(--lime) 97%, transparent 100%);
  display:block;
}
.cycle-section.is-active .process-cycle__ring::after { animation:cycle-orbit 8.4s linear infinite; }
@keyframes cycle-orbit { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.process-cycle__steps { position:absolute; inset:0; display:block; }
.process-cycle__steps li {
  position:absolute; top:50%; left:50%; width:150px; min-height:0; margin:0; padding:9px 11px;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-41cqw) rotate(calc(-1 * var(--a)));
  text-align:center;
}
.process-cycle__steps li:nth-child(1) { --a:0deg; }
.process-cycle__steps li:nth-child(2) { --a:51.43deg; }
.process-cycle__steps li:nth-child(3) { --a:102.86deg; }
.process-cycle__steps li:nth-child(4) { --a:154.29deg; }
.process-cycle__steps li:nth-child(5) { --a:205.71deg; }
.process-cycle__steps li:nth-child(6) { --a:257.14deg; }
.process-cycle__steps li:nth-child(7) { --a:308.57deg; }
.process-cycle__canvas { container-type:inline-size; }
.cycle-section.is-active .process-cycle__steps li { animation:cycle-step 8.4s ease-in-out infinite; }
.cycle-section.is-active .process-cycle__steps li:nth-child(1) { animation-delay:0s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(2) { animation-delay:1.2s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(3) { animation-delay:2.4s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(4) { animation-delay:3.6s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(5) { animation-delay:4.8s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(6) { animation-delay:6s; }
.cycle-section.is-active .process-cycle__steps li:nth-child(7) { animation-delay:7.2s; }
@media (max-width:860px) {
  .process-cycle__canvas { aspect-ratio:auto; container-type:normal; }
  .process-cycle__ring { display:none; }
  .process-cycle__steps { position:relative; inset:auto; }
  .process-cycle__steps li { position:relative; top:auto; left:auto; width:auto; transform:none; text-align:left; }
}
/* Stationen exakt auf dem Kreis (Radius 41 % der Canvasbreite), ohne Container-Einheiten */
.process-cycle__steps li { transform:translate(-50%,-50%) !important; }
.process-cycle__steps li:nth-child(1) { left:50%; top:9%; }
.process-cycle__steps li:nth-child(2) { left:82.05%; top:24.44%; }
.process-cycle__steps li:nth-child(3) { left:89.97%; top:59.12%; }
.process-cycle__steps li:nth-child(4) { left:67.79%; top:86.94%; }
.process-cycle__steps li:nth-child(5) { left:32.21%; top:86.94%; }
.process-cycle__steps li:nth-child(6) { left:10.03%; top:59.12%; }
.process-cycle__steps li:nth-child(7) { left:17.95%; top:24.44%; }
@media (max-width:860px) {
  .process-cycle__steps li { transform:none !important; left:auto; top:auto; }
  .process-cycle__steps li:nth-child(n) { left:auto; top:auto; }
}

/* WhatsApp-Button kleiner und ruhiger (Claude, 22.09. spät) */
.whatsapp-float { width:40px !important; height:40px !important; right:18px !important; bottom:18px !important; box-shadow:0 6px 16px #00251f33 !important; opacity:.92; }
.whatsapp-float:hover { opacity:1; transform:translateY(-2px); }
@media (max-width:720px) { .whatsapp-float { width:38px !important; height:38px !important; right:12px !important; bottom:12px !important; } }

/* Beleg-Screenshot im Fallbeispiel (Claude, 22.09.) */
.case-evidence { margin-top:18px; }
.case-evidence img { width:100%; height:auto; border:1px solid var(--line); border-radius:8px; background:#fff; }
.case-evidence figcaption { margin-top:8px; color:var(--muted); font-size:13px; line-height:1.5; }
/* Kinderdisco-Beitrag: Bildausschnitt tiefer setzen (Paul, 22.09.) */
.proof-track img[src*="forum-17m"] { object-position:center 70%; }

/* Handles im Einstieg nach oben, damit sie die eingebrannte Aufrufzahl unten links nicht verdecken (Paul, 22.09.) */
.proof-handle { bottom:auto !important; top:7px !important; left:7px !important; right:auto !important; width:auto; border-radius:100px !important; padding:3px 8px !important; background:#17171cc9 !important; font-size:9px !important; letter-spacing:.02em; }

/* Section colors follow the shorter page order. */
#zahlen { background:#00251f !important; }
#ergebnisse { background:#f2f7ed !important; }
#profile { background:#f2f7ed !important; }
#paul { background:#fff !important; }
#zahlen::before { content:''; display:block; height:1px; background:#ffffff1f; margin-bottom:-1px; }

.stats-section .section-head { align-items:center; }
.stats-intro { width:min(420px,100%); }
.results .case-grid { grid-template-columns:minmax(0,1fr); gap:48px; }
.case-study { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:clamp(24px,4vw,56px); }
.case-study + .case-study { padding-top:48px; border-top:1px solid var(--line); }
.case-study__media,.case-study__body { min-width:0; }
.case-study__media .case-visual { height:auto; aspect-ratio:4/3; margin:0; }
.case-study__media .case-evidence { margin-top:18px; }
.case-study__body .case-copy { max-width:none; }
.case-leads { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; }
.case-leads .case-metric--large { grid-column:1/-1; }
.case-leads .case-metric--large strong { font-size:clamp(54px,5vw,72px); }
.case-leads .case-metric--inquiries strong,.case-leads .case-metric--visits strong { font-size:clamp(36px,3.8vw,52px); }
@media (max-width:900px) {
  .case-study { grid-template-columns:minmax(0,1fr); gap:24px; }
  .case-study__media .case-visual { aspect-ratio:5/3; }
  .case-leads { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .case-study__media .case-visual { aspect-ratio:4/3; }
  .case-leads .case-metric--large strong { font-size:clamp(46px,13vw,64px); }
  .case-leads .case-metric--inquiries strong,.case-leads .case-metric--visits strong { font-size:clamp(31px,9vw,42px); }
}