/* HAMMERBETRIEB.DE – Kundenreise (AIDA, illustrierte Schlangenlinie) · nur Startseite */
.cj-section{padding-top:58px;padding-bottom:26px}
.cj-section + section.section-space,.cj-section + section{padding-top:42px}

.cj-head{max-width:900px}
.cj-head h2{margin:10px 0 0}
.cj-lead{max-width:720px;margin:18px 0 0;font-family:'Hammer Manrope','Manrope',system-ui,Arial,sans-serif;font-size:17px;line-height:1.62;color:#4f4a45}

.cj{
  --cj-red:#c8102e;
  --cj-line:#ded8d2;
  --cj-ink:#262321;
  --cj-muted:#77716b;
  --c:#c8102e;
  margin-top:28px;
}
.cj *,.cj *::before,.cj *::after{box-sizing:border-box}

.cj-scroll{position:relative}
.cj-stage{position:relative}
.cj-svg{display:block;width:100%;height:auto;overflow:visible}
.cj-svg-m{display:none}

/* Phasen */
.cj-band-bg{fill:var(--c);opacity:.05}
.cj-band-line{fill:none;stroke:var(--cj-line);stroke-width:1.5;stroke-dasharray:5 7;opacity:.9}
.cj-badge{fill:#fff;stroke:var(--cj-line);stroke-width:2}
.cj-badge-t{font-family:'Hammer Anton','Anton',Impact,sans-serif;font-weight:400;font-size:16px;letter-spacing:.02em;fill:var(--cj-muted)}
.cj-ph-t{font-family:'Hammer Anton','Anton',Impact,sans-serif;font-weight:400;font-size:26px;letter-spacing:.02em;text-transform:uppercase;fill:var(--cj-ink)}
.cj-ph-s{font-family:'Hammer Manrope','Manrope',system-ui,Arial,sans-serif;font-weight:600;font-size:15px;fill:var(--cj-muted)}
.cj-band.is-on .cj-badge{fill:var(--c);stroke:var(--c)}
.cj-band.is-on .cj-badge-t{fill:#fff}
.cj-band.is-on .cj-ph-t{fill:var(--c)}
.cj-band.is-on .cj-ph-s{fill:var(--cj-ink)}
.cj-band.is-active .cj-band-bg{opacity:.13}
.cj-band.is-active .cj-ph-s{fill:var(--cj-ink);font-weight:800}

/* Weg */
.cj-base{fill:none;stroke:var(--cj-line);stroke-width:3;stroke-linecap:round}
.cj-line{fill:none;stroke:var(--c);stroke-width:4.5;stroke-linecap:round}

/* Medaillons */
.cj-med{fill:#fff;stroke:var(--cj-line);stroke-width:2.2;filter:drop-shadow(0 4px 10px rgba(38,35,33,.13))}
.cj-halo{fill:none;stroke:var(--c);stroke-width:1.6;opacity:0}
.cj-ic{fill:none;stroke:var(--cj-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cj-ic .cj-f{fill:var(--cj-muted);stroke:none}
.cj-ic .cj-fill-red{fill:var(--cj-line);stroke:none}
.cj-ic .cj-check{stroke:#fff;stroke-width:2.6;fill:none}
.cj-lb{font-family:'Hammer Manrope','Manrope',system-ui,Arial,sans-serif;font-weight:600;font-size:14.5px;letter-spacing:.01em;fill:var(--cj-muted)}
.cj-final .cj-lb{font-weight:800}

.cj-node.is-on .cj-med{stroke:var(--c)}
.cj-node.is-on .cj-ic{stroke:var(--c)}
.cj-node.is-on .cj-ic .cj-f{fill:var(--c)}
.cj-node.is-on .cj-ic .cj-fill-red{fill:var(--c)}
.cj-node.is-on .cj-lb{fill:var(--cj-ink)}
.cj-node.is-active .cj-halo{opacity:.6}
.cj-node.is-active .cj-med{stroke-width:3.2}
.cj-node.is-active .cj-lb{fill:var(--cj-ink);font-weight:800}
.cj-traveler{color:var(--c);opacity:0;filter:drop-shadow(0 2px 2px rgba(38,35,33,.2));transition:opacity .12s}
.cj-traveler-shield{fill:#fff;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.cj-traveler-figure{fill:#fff;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

.cj-final.is-on .cj-med{fill:#fff;stroke-width:3.4}
.cj-final.is-on .cj-lb{fill:var(--cj-red)}
.cj-final-note{font-family:'Hammer Manrope','Manrope',system-ui,Arial,sans-serif;font-weight:700;font-size:14.5px;fill:var(--cj-red);opacity:0;transition:opacity .3s}
.cj.is-arrived .cj-final-note{opacity:1}

/* Statisch (ohne JS / reduzierte Bewegung): vollständiger Weg */
.cj:not(.cj-js) .cj-med,.cj.is-static .cj-med{stroke:var(--c)}
.cj:not(.cj-js) .cj-ic,.cj.is-static .cj-ic{stroke:var(--c)}
.cj:not(.cj-js) .cj-ic .cj-f,.cj.is-static .cj-ic .cj-f{fill:var(--c)}
.cj:not(.cj-js) .cj-ic .cj-fill-red,.cj.is-static .cj-ic .cj-fill-red{fill:var(--c)}
.cj:not(.cj-js) .cj-lb,.cj.is-static .cj-lb{fill:var(--cj-ink)}
.cj:not(.cj-js) .cj-badge,.cj.is-static .cj-badge{fill:var(--c);stroke:var(--c)}
.cj:not(.cj-js) .cj-badge-t,.cj.is-static .cj-badge-t{fill:#fff}
.cj:not(.cj-js) .cj-ph-t,.cj.is-static .cj-ph-t{fill:var(--c)}
.cj:not(.cj-js) .cj-band-bg,.cj.is-static .cj-band-bg{opacity:.09}
.cj:not(.cj-js) .cj-final-note,.cj.is-static .cj-final-note{opacity:1}
.cj:not(.cj-js) .cj-final .cj-halo,.cj.is-static .cj-final .cj-halo{opacity:.5}

.cj-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cj-note{margin:18px 0 0;font-family:'Hammer Manrope','Manrope',system-ui,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--cj-muted)}

/* Geldzeichen-Sprüheffekt (einmalig, lokal) */
.cj-burst{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.cj-burst b{
  position:absolute;display:block;
  font-family:'Hammer Manrope','Manrope',system-ui,Arial,sans-serif;
  font-weight:800;line-height:1;opacity:0;pointer-events:none;
  text-shadow:0 1px 2px rgba(38,35,33,.16);
  will-change:transform,opacity;
  animation:cj-money 1.15s cubic-bezier(.2,.72,.3,1) forwards;
}
@keyframes cj-money{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(0)}
  12%{opacity:1}
  72%{opacity:1}
  100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--rot))}
}


/* JS-Modus: Fortschritt kommt aus der Scrollposition */
.cj-js .cj-node .cj-med,.cj-js .cj-node .cj-ic,.cj-js .cj-node .cj-lb{transition:stroke .25s,fill .25s,stroke-width .25s}
.cj-js .cj-node .cj-halo,.cj-js .cj-band .cj-band-bg{transition:opacity .3s}
.cj-js .cj-band .cj-badge,.cj-js .cj-band .cj-ph-t,.cj-js .cj-band .cj-ph-s{transition:fill .25s,stroke .25s}
.cj-js.cj-sticky .cj-stage{position:sticky;top:96px}



@media(max-width:1000px){
  .cj-svg-d{display:none}
  .cj-svg-m{display:block}
  .cj-lead{font-size:16px}
  .cj-ph-t{font-size:19px}
  .cj-ph-s{font-size:14px}
  .cj-badge-t{font-size:14px}
  .cj-lb{font-size:14px}
  .cj-base{stroke-width:2.5}
  .cj-line{stroke-width:4}
  .cj-js.cj-sticky .cj-stage{position:static}
  .cj-section{padding-top:44px;padding-bottom:20px}
}
@media(min-width:1001px) and (max-width:1180px){
  .cj-ph-t{font-size:23px}
  .cj-ph-s{font-size:14px}
  .cj-lb{font-size:14px}
}



/* Klartext-Story v25: konsolidiertes, kollisionsfreies Szenenlayout. */
#kundenreise{
  --kt-ink:#262321;--kt-red:#c8102e;--kt-line:#dfdad4;--kt-muted:#69645e;
  --kt-paper:#f8f6f2;--kt-blue:#245f91;--kt-bottom-reserve:0px;
  padding-top:58px;padding-bottom:26px;font-family:'Hammer Manrope',Manrope,system-ui,Arial,sans-serif
}
#kundenreise *,#kundenreise *::before,#kundenreise *::after{box-sizing:border-box}
#kundenreise+section.section-space,#kundenreise+section{padding-top:42px}
#kundenreise h2,#kundenreise h3,#kundenreise .kt-warning strong{font-family:'Hammer Anton',Anton,Impact,sans-serif;font-weight:400;font-style:normal;letter-spacing:0;text-transform:uppercase}
#kundenreise .kt-head{max-width:970px}
#kundenreise .kt-head h2{margin:10px 0 8px;font-size:clamp(52px,7vw,92px);line-height:.9}
#kundenreise .kt-headline-deck{margin:0 0 20px;color:var(--kt-ink);font:400 clamp(24px,3vw,38px)/1 'Hammer Anton',Anton,Impact,sans-serif}
#kundenreise .kt-lead{max-width:830px;margin:0;font-size:17px;line-height:1.62;color:#57514b}
#kundenreise .kt-lead strong{color:var(--kt-ink)}
#kundenreise .kt-head-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 16px;flex-wrap:wrap}
#kundenreise .kt-tabs{display:flex;background:#ebe7e1;padding:5px;border-radius:12px;gap:4px}
#kundenreise .kt-tabs button{border:0;border-radius:8px;padding:11px 20px;background:transparent;font:800 14px/1.3 'Hammer Manrope',Manrope,sans-serif;min-height:48px;color:var(--kt-muted);cursor:pointer}
#kundenreise .kt-tabs button[aria-pressed=true]{background:var(--kt-red);color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.07)}
#kundenreise .kt-tabs button:focus-visible,#kundenreise .kt-btn:focus-visible,#kundenreise .kt-full:focus-visible,#kundenreise .preview-start button:focus-visible{outline:3px solid var(--kt-red);outline-offset:3px}
#kundenreise .kt-demo-note{font-size:12px;color:var(--kt-muted);margin:0}
#kundenreise .kt-scroll-track{position:relative;overflow-anchor:none}
#kundenreise .kt-story{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) 3px auto;border:1px solid var(--kt-line);border-radius:16px;overflow:hidden;background:#fffdfa;box-shadow:0 18px 55px rgba(56,40,27,.035)}
#kundenreise.kt-js:not([data-kt-fullview=true]) .kt-story{position:sticky;top:var(--kt-sticky-top,64px);height:calc(100svh - var(--kt-sticky-top,64px) - var(--kt-bottom-reserve,0px) - 12px);max-height:760px}
#kundenreise .kt-bar{min-width:0;background:#fffdfa;border-bottom:1px solid var(--kt-line)}
#kundenreise .kt-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#kundenreise .kt-chapters>span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:11px 14px;border-right:1px solid var(--kt-line);color:var(--kt-muted);background:#f5f1ec}
#kundenreise .kt-chapters>span:last-child{border-right:0}
#kundenreise .kt-chapters b{font:400 24px/1 'Hammer Anton',Anton,Impact,sans-serif}
#kundenreise .kt-chapters em{min-width:0;font:800 12px/1.25 'Hammer Manrope',Manrope,sans-serif;font-style:normal;letter-spacing:0}
#kundenreise .kt-chapters>span.is-active{background:var(--kt-red);color:#fff}
#kundenreise .kt-scene-tag,#kundenreise .kt-chapter-kicker{display:none!important}
#kundenreise .kt-stage{position:relative;min-height:0;overflow:hidden;isolation:isolate;container-type:size}
#kundenreise .kt-illusion,#kundenreise .kt-bridge,#kundenreise .kt-real{display:none;position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden}
#kundenreise.kt-js .kt-story[data-kt-scene=short] .kt-illusion{display:block}
#kundenreise.kt-js .kt-story[data-kt-scene=bridge] .kt-bridge{display:grid}
#kundenreise.kt-js .kt-story[data-kt-scene=real] .kt-real{display:grid}
#kundenreise .kt-promise{height:100%;min-height:0;padding:12px 24px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;justify-items:center}
#kundenreise .kt-warning{text-align:center;line-height:1.15;margin-top:18px}
#kundenreise .kt-warning strong{display:block;font-size:clamp(30px,3vw,42px);line-height:1.05;color:var(--kt-ink)}
#kundenreise .kt-warning span:not(.kt-chapter-kicker){display:block;margin-top:4px;font-size:16px;line-height:1.35;color:var(--kt-muted)}
#kundenreise .kt-sequence-label{font-size:14px;line-height:1.3;font-weight:800;color:var(--kt-muted)}
#kundenreise .kt-shortway{align-self:stretch;display:grid;grid-template-columns:minmax(0,300px) clamp(26px,2.6vw,44px) minmax(0,320px) clamp(26px,2.6vw,44px) minmax(0,320px);align-items:center;justify-content:center;gap:0 10px;width:100%;max-width:1180px;min-height:0}
#kundenreise .kt-shortway>.kt-card{position:relative;display:flex;width:100%;height:min(100%,310px);min-height:0;padding:38px 12px 12px;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;border:1px solid var(--kt-line);border-radius:12px;background:var(--kt-paper);opacity:1;filter:grayscale(1)}
#kundenreise .kt-shortway>.kt-card::before{content:'SCHRITT';position:absolute;top:9px;left:10px;padding:5px 8px;border-radius:4px;background:#e3ded8;color:var(--kt-muted);font:800 13px/1 'Hammer Manrope',Manrope,sans-serif}
#kundenreise .kt-shortway>.kt-card[data-sequence-step='0']::before{content:'SCHRITT 1'}
#kundenreise .kt-shortway>.kt-card[data-sequence-step='1']::before{content:'SCHRITT 2'}
#kundenreise .kt-shortway>.kt-card[data-sequence-step='2']::before{content:'SCHRITT 3'}
#kundenreise .kt-shortway[data-current-step='0']>.kt-card[data-sequence-step='0'],#kundenreise .kt-shortway[data-current-step='1']>.kt-card[data-sequence-step='0'],#kundenreise .kt-shortway[data-current-step='1']>.kt-card[data-sequence-step='1'],#kundenreise .kt-shortway[data-current-step='2']>.kt-card{filter:none}
#kundenreise .kt-shortway[data-current-step='0']>.kt-card[data-sequence-step='0'],#kundenreise .kt-shortway[data-current-step='1']>.kt-card[data-sequence-step='1'],#kundenreise .kt-shortway[data-current-step='2']>.kt-card[data-sequence-step='2']{border-color:var(--kt-red);box-shadow:0 8px 22px rgba(200,16,46,.12)}
#kundenreise .kt-shortway[data-current-step='0']>.kt-card[data-sequence-step='0']::before,#kundenreise .kt-shortway[data-current-step='1']>.kt-card[data-sequence-step='1']::before,#kundenreise .kt-shortway[data-current-step='2']>.kt-card[data-sequence-step='2']::before{background:var(--kt-red);color:#fff}
#kundenreise .kt-connector{display:grid;place-items:center}
#kundenreise .kt-connector svg{width:clamp(24px,2.4vw,40px);fill:none;stroke:var(--kt-line);stroke-width:2}
#kundenreise .kt-connector.is-on svg{stroke:var(--kt-red)}
#kundenreise .kt-card strong{font:400 22px/1.15 'Hammer Anton',Anton,Impact,sans-serif;color:var(--kt-ink)}
#kundenreise .kt-card>small{font-size:14px;line-height:1.35;color:var(--kt-muted)}
#kundenreise .kt-icon{width:56px;height:56px;fill:none;stroke:var(--kt-red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#kundenreise .kt-step-art{display:block;width:min(170px,82%);max-height:170px;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:8px;border:1px solid #d9d2ca;mix-blend-mode:multiply}
#kundenreise .kt-shortway>.kt-card:has(.kt-step-art)>.kt-icon{display:none}
#kundenreise .kt-phone{--kt-red:var(--kt-blue);box-sizing:border-box;width:min(154px,100%);height:auto;aspect-ratio:9/16;padding:6px;border:2px solid #393633;border-radius:22px;background:#393633;box-shadow:0 9px 20px rgba(38,35,33,.18);overflow:hidden;position:relative}
#kundenreise .kt-phone-speaker{position:absolute;z-index:2;top:3px;left:50%;width:38px;height:5px;border-radius:0 0 5px 5px;background:#393633;transform:translateX(-50%)}
#kundenreise .kt-phone-screen{height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:15px;background:#fff;color:var(--kt-ink);text-align:left}
#kundenreise .kt-social-head{height:35px;flex:none;padding:6px 5px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:5px;align-items:center;overflow:hidden}
#kundenreise .kt-social-head>*{min-width:0}
#kundenreise .kt-social-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--kt-blue);color:#fff;font-size:9px;font-weight:800}
#kundenreise .kt-social-head>div{min-width:0}#kundenreise .kt-social-head b{display:block;min-width:0;font-size:8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#kundenreise .kt-social-head small,#kundenreise .kt-phone .kt-social-head small{display:block;min-width:0;font-size:6px!important;line-height:1.15;color:var(--kt-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#kundenreise .kt-social-head i{font-style:normal;font-size:7px;line-height:1;letter-spacing:0;justify-self:end;white-space:nowrap}
#kundenreise .kt-ad-copy{margin:0;padding:5px 6px;font-size:10px;line-height:1.25;font-weight:800}
#kundenreise .kt-phone img{display:block;width:100%;height:0;min-height:0;flex:1;object-fit:contain;object-position:center;background:#fff}
#kundenreise .kt-ad-action{flex:none;padding:6px;background:#f1eee9;text-align:center}
#kundenreise .kt-ad-action span{display:block;margin-bottom:3px;font-size:6px;color:var(--kt-muted);text-transform:uppercase}
#kundenreise .kt-ad-action b{display:block;padding:5px 3px;border:1px solid var(--kt-blue);border-radius:4px;color:var(--kt-blue);font-size:8px;line-height:1}
#kundenreise .kt-money-in{position:absolute;z-index:3;left:calc(50% - 125px);top:38%;width:92px;height:58px;pointer-events:none}
#kundenreise .kt-money-in i{position:absolute;display:grid;place-items:center;font-weight:800;font-size:13px;color:#7d725f;opacity:0;will-change:transform,opacity}
#kundenreise .kt-money-in .kt-coin{width:24px;height:24px;border:2px solid currentColor;border-radius:50%}
#kundenreise .kt-money-in .kt-note{width:30px;height:20px;border:2px solid currentColor;border-radius:3px;background:var(--kt-paper)}
#kundenreise .kt-money-in i:nth-child(1){left:0;top:3px}#kundenreise .kt-money-in i:nth-child(2){left:12px;top:30px}#kundenreise .kt-money-in i:nth-child(3){left:2px;top:18px}#kundenreise .kt-money-in i:nth-child(4){left:18px;top:7px}
#kundenreise .kt-application,#kundenreise .kt-message-card,#kundenreise .kt-order-card,#kundenreise .kt-hire-card{display:none!important}
#kundenreise .kt-caption{display:none}
#kundenreise .kt-loss{position:absolute;inset:0;display:none;grid-template-columns:minmax(280px,470px) minmax(300px,470px);grid-template-rows:auto minmax(0,1fr);align-items:center;justify-content:center;gap:12px 28px;padding:14px 30px;overflow:hidden}
#kundenreise .kt-illusion[data-kt-short-phase=loss] .kt-promise{display:none}
#kundenreise .kt-illusion[data-kt-short-phase=loss] .kt-loss{display:grid}
#kundenreise .kt-loss-head{grid-column:1/-1;text-align:center;margin-top:18px}
#kundenreise .kt-loss-head h3{margin:0;font:400 clamp(34px,3.5vw,50px)/.98 'Hammer Anton',Anton,Impact,sans-serif;color:var(--kt-ink)}
#kundenreise .kt-loss-head h3 span{color:var(--kt-red)}
#kundenreise .kt-loss-visual{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
#kundenreise .kt-loss-svg{display:block;width:100%;height:100%;max-height:330px;object-fit:contain;overflow:hidden;border-radius:8px}
#kundenreise .kt-loss-house-art{filter:saturate(.78) contrast(1.03)}
#kundenreise .kt-throw-path{display:none}#kundenreise .kt-loss-cash{transform:translate(42px,8px)}
#kundenreise .kt-loss-item{will-change:transform,opacity;transform-box:fill-box;transform-origin:center}
#kundenreise .kt-banknote .kt-note-shadow{fill:#aaa39a;opacity:.34}#kundenreise .kt-banknote .kt-note-paper{stroke:#433e39;stroke-width:2}#kundenreise .kt-banknote .kt-note-inset{fill:none;stroke:rgba(38,35,33,.62);stroke-width:1.5}#kundenreise .kt-banknote .kt-note-value{fill:#262321;font:800 27px/1 'Hammer Manrope',Manrope,sans-serif;text-anchor:middle;letter-spacing:0}#kundenreise .kt-note-50 .kt-note-paper{fill:#d98b3f}#kundenreise .kt-note-100 .kt-note-paper{fill:#62a874}#kundenreise .kt-note-200 .kt-note-paper{fill:#d8b847}#kundenreise .kt-note-500 .kt-note-paper{fill:#8d6fa8}
#kundenreise .kt-loss-copy{min-width:0}#kundenreise .kt-loss-copy h3{display:none}#kundenreise .kt-loss-copy strong{display:block;font-size:18px;line-height:1.4;color:var(--kt-ink)}#kundenreise .kt-loss-copy p{max-width:470px;margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--kt-ink);font-weight:700}
#kundenreise .kt-bridge{padding:24px;place-content:center;justify-items:center;gap:15px;background:var(--kt-ink);color:var(--kt-paper);text-align:center}
#kundenreise .kt-bridge h3{margin:0;max-width:860px;font-size:clamp(40px,5vw,66px);line-height:1.02;color:var(--kt-paper)}
#kundenreise .kt-bridge h3 .red{color:var(--kt-red)}
#kundenreise .kt-bridge p{max-width:760px;margin:0;font-size:17px;line-height:1.5;color:#e8e1d9}
#kundenreise .kt-bridge-mode{display:none!important}
#kundenreise .kt-bridge-question{display:block;max-width:760px;color:var(--kt-red);font:400 25px/1.12 'Hammer Anton',Anton,Impact,sans-serif}
#kundenreise .kt-real{padding:10px 20px 8px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:5px;align-content:stretch}
#kundenreise .kt-real>.eyebrow{display:none}
#kundenreise .kt-real h3{margin:0;text-align:center;font-size:clamp(32px,3.2vw,46px);line-height:1.05;color:var(--kt-ink)}
#kundenreise .kt-real-intro{margin:0 auto;max-width:900px;text-align:center;font-size:16px;line-height:1.4;color:var(--kt-muted)}
#kundenreise .kt-phase-hud{margin:0;text-align:center;font-size:17px;line-height:1.3;font-weight:700;color:#426784;text-transform:uppercase}
#kundenreise .kt-phase-hud span{display:block;margin-top:2px;font-size:17px;line-height:1.35;font-weight:600;color:#57514b;text-transform:none}
#kundenreise .kt-window{grid-row:4;min-height:0;overflow:hidden;scrollbar-width:none;overscroll-behavior:auto;touch-action:pan-y}
#kundenreise .kt-window::-webkit-scrollbar{display:none}#kundenreise .cj{height:100%;margin:0}
#kundenreise.kt-js:not([data-kt-fullview=true]) .kt-window>.cj>.cj-svg-d{display:block!important;flex:0 0 auto!important;width:calc(2440 / 400 * var(--kt-journey-height,320px))!important;min-width:calc(2440 / 400 * var(--kt-journey-height,320px))!important;max-width:none!important;height:var(--kt-journey-height,320px)!important;min-height:var(--kt-journey-height,320px)!important}
#kundenreise .cj-svg-m{display:none!important}#kundenreise .cj-svg-d{display:block!important;max-width:none!important}
#kundenreise .cj-lb,#kundenreise .cj-final-note{font-size:var(--kt-cj-label-size,17px)!important;letter-spacing:0}
#kundenreise .kt-full{grid-row:5;justify-self:center;display:inline-flex;align-items:center;min-height:44px;margin:0;padding:9px 14px;border:1px solid #d1cbc3;border-radius:7px;background:#fff;color:var(--kt-ink);font:800 14px/1.3 'Hammer Manrope',Manrope,sans-serif;cursor:pointer}
#kundenreise .kt-timeline{height:3px;background:#e9e1d7}#kundenreise .kt-timeline i{display:block;height:100%;width:0;background:var(--kt-red)}
#kundenreise .kt-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--kt-line);background:#f5f1ec}
#kundenreise .kt-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#kundenreise .kt-controls{display:flex;gap:8px}
#kundenreise .kt-btn{min-height:44px;padding:9px 14px;border:1px solid #d1cbc3;border-radius:7px;background:#fff;color:var(--kt-ink);font:800 14px/1.3 'Hammer Manrope',Manrope,sans-serif;cursor:pointer}
#kundenreise .kt-btn.kt-primary{background:var(--kt-red);border-color:var(--kt-red);color:#fff}
#kundenreise .kt-principle{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;padding:38px 0 24px}#kundenreise .kt-principle h3{font-size:clamp(29px,3vw,40px)}#kundenreise .kt-principle p{margin:0;color:#57514b}#kundenreise .kt-principle p+p{margin-top:12px}#kundenreise .kt-principle strong{color:var(--kt-ink)}#kundenreise .kt-truth{margin:0;padding-top:18px;border-top:1px solid var(--kt-line);font-size:12px;color:var(--kt-muted)}
#kundenreise .preview-start{display:none;margin:20px 0}#kundenreise .preview-start button{min-height:44px;padding:12px 18px;border:0;border-radius:8px;background:var(--kt-red);color:#fff;font:800 16px 'Hammer Manrope',sans-serif;cursor:pointer}#kundenreise .preview-start p{font-size:14px;max-width:650px;line-height:1.5}
#kundenreise.kt-reduced .preview-start{display:block}#kundenreise.kt-reduced .kt-scroll-track,#kundenreise:not(.kt-js) .kt-scroll-track,#kundenreise[data-kt-fullview=true] .kt-scroll-track{height:auto!important}#kundenreise.kt-reduced .kt-story{position:relative!important;top:auto!important;max-height:none!important}
#kundenreise:not(.kt-js) .kt-illusion,#kundenreise:not(.kt-js) .kt-bridge,#kundenreise:not(.kt-js) .kt-controls,#kundenreise:not(.kt-js) .kt-tabs,#kundenreise:not(.kt-js) .kt-full,#kundenreise:not(.kt-js) .kt-timeline{display:none!important}#kundenreise:not(.kt-js) .kt-real{display:grid;position:relative;min-height:560px}#kundenreise[data-kt-fullview=true] .kt-real{display:grid;position:relative;min-height:620px}#kundenreise[data-kt-fullview=true] .kt-window,#kundenreise:not(.kt-js) .kt-window{height:auto!important;overflow:visible}#kundenreise[data-kt-fullview=true] .cj-svg-d,#kundenreise:not(.kt-js) .cj-svg-d{width:100%!important;height:auto!important}
@media(max-width:1000px){
  #kundenreise{padding-top:44px;padding-bottom:20px}#kundenreise .kt-lead{font-size:16px}
  #kundenreise .kt-chapters{grid-template-columns:auto auto minmax(0,1fr)}
  #kundenreise .kt-chapters>span{display:flex;justify-content:center;min-width:44px;padding:9px 8px;border-right:1px solid var(--kt-line)}
  #kundenreise .kt-chapters>span:not(.is-active) em{display:none}
  #kundenreise .kt-chapters>span.is-active{display:grid;grid-template-columns:auto minmax(0,1fr);justify-content:start;text-align:left}
  #kundenreise .kt-chapters b{font-size:20px}#kundenreise .kt-chapters em{font-size:13px;line-height:1.2}
  #kundenreise .kt-promise{padding:9px 14px 8px;gap:5px}
  #kundenreise .kt-warning{margin-top:14px}#kundenreise .kt-warning strong{font-size:25px}#kundenreise .kt-warning span:not(.kt-chapter-kicker){font-size:15px}
  #kundenreise .kt-sequence-label{font-size:13px}
  #kundenreise .kt-shortway{display:flex;align-items:center;justify-content:center;max-width:none}
  #kundenreise .kt-shortway>.kt-connector{display:none}
  #kundenreise .kt-shortway>.kt-card{display:none;width:100%;height:100%;padding:30px 8px 4px;border:0;background:transparent;box-shadow:none!important;filter:none}
  #kundenreise .kt-shortway[data-current-step='0']>.kt-card[data-sequence-step='0'],#kundenreise .kt-shortway[data-current-step='1']>.kt-card[data-sequence-step='1'],#kundenreise .kt-shortway[data-current-step='2']>.kt-card[data-sequence-step='2']{display:flex}
  #kundenreise .kt-shortway>.kt-card::before{display:none}
  #kundenreise .kt-shortway>.kt-card{padding:6px 8px 4px}
  #kundenreise .kt-phone{height:min(100%,335px);width:auto;max-width:190px}
  #kundenreise .kt-step-art{width:min(250px,78cqw);height:min(250px,78cqw);max-height:100%;object-fit:contain}
  #kundenreise .kt-card strong{font-size:24px}#kundenreise .kt-card>small{font-size:15px}
  #kundenreise .kt-loss{grid-template-columns:1fr;grid-template-rows:auto minmax(120px,1fr) auto;gap:5px;padding:8px 14px}
  #kundenreise .kt-loss-head{grid-column:1;margin-top:14px}#kundenreise .kt-loss-head h3{font-size:31px}
  #kundenreise .kt-loss-visual{max-height:210px}#kundenreise .kt-loss-copy{text-align:center}#kundenreise .kt-loss-copy strong{font-size:16px;line-height:1.32}#kundenreise .kt-loss-copy p{margin:6px auto 0;font-size:15px;line-height:1.35}
  #kundenreise .kt-bridge{padding:16px;gap:11px}#kundenreise .kt-bridge h3{font-size:34px}#kundenreise .kt-bridge p{font-size:15px;line-height:1.45}#kundenreise .kt-bridge-question{font-size:20px;line-height:1.12}
  #kundenreise .kt-real{padding:7px 12px 6px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:4px}#kundenreise .kt-real h3{font-size:25px}#kundenreise .kt-real-intro{font-size:15px;line-height:1.32}
  #kundenreise .kt-phase-hud{font-size:16px}#kundenreise .kt-phase-hud span{font-size:16px}
  #kundenreise .kt-full{width:100%;justify-content:center}
  #kundenreise .kt-foot{padding:7px 10px}#kundenreise .kt-controls{width:100%;justify-content:center}#kundenreise .kt-btn{flex:1;max-width:180px;padding:8px 10px;font-size:14px}
  #kundenreise .kt-principle{grid-template-columns:1fr;gap:16px;padding-top:28px}#kundenreise .kt-principle h3{font-size:30px}
}
@media(max-width:600px){#kundenreise .kt-head h2{font-size:52px}#kundenreise .kt-headline-deck{font-size:25px}#kundenreise .kt-head-bottom{margin-top:20px}#kundenreise .kt-tabs{width:100%}#kundenreise .kt-tabs button{flex:1;padding:10px 7px}#kundenreise .kt-demo-note{display:none}}
@media(max-height:720px) and (max-width:600px){
  #kundenreise .kt-warning strong{font-size:23px}#kundenreise .kt-warning span:not(.kt-chapter-kicker){font-size:15px}
  #kundenreise .kt-phone{height:min(100%,275px)}#kundenreise .kt-step-art{width:min(210px,68cqw);height:min(210px,68cqw)}
  #kundenreise .kt-loss-head h3{font-size:29px}#kundenreise .kt-loss-visual{max-height:165px}#kundenreise .kt-loss-copy strong{font-size:15px}#kundenreise .kt-loss-copy p{font-size:15px;line-height:1.28}
  #kundenreise .kt-bridge{gap:8px}#kundenreise .kt-bridge h3{font-size:30px}#kundenreise .kt-bridge p{font-size:15px;line-height:1.35}#kundenreise .kt-bridge-question{font-size:19px}
  #kundenreise .kt-real h3{font-size:23px}#kundenreise .kt-real-intro{font-size:15px;line-height:1.25}
}
@media(prefers-reduced-motion:reduce){#kundenreise .cj-burst{display:none}}
@media print{#kundenreise .kt-illusion,#kundenreise .kt-bridge,#kundenreise .kt-controls,#kundenreise .kt-tabs,#kundenreise .kt-full,#kundenreise .kt-timeline{display:none!important}#kundenreise .kt-real{display:grid!important;position:relative;min-height:560px}#kundenreise .kt-story{box-shadow:none}}
