/* /crm und /crm/<name> – ergänzt start.css, nur Klassen mit Präfix cr- */
.cr-seite main{overflow:hidden}
.cr-seite .hp-ab{padding:clamp(64px,8vw,110px) 0}

/* ---------- Hero ---------- */
.cr-hero{position:relative;background:var(--hp-tinte);color:#fff;padding:clamp(120px,13vw,170px) 0 clamp(70px,8vw,110px)}
.cr-raster{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0,transparent 70%);animation:cr-raster 30s linear infinite}
@keyframes cr-raster{to{background-position:56px 56px,56px 56px}}
.cr-hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,80px);align-items:center}
.cr-hero-in>*{min-width:0}
.cr-pill{display:inline-flex;align-items:center;gap:10px;background:rgba(61,220,132,.12);color:#7cf0b0;border:1px solid rgba(61,220,132,.35);border-radius:99px;padding:7px 14px;font:600 13.5px/1 var(--hp-text)}
.cr-pill i{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:cr-ping 1.6s infinite}
@keyframes cr-ping{70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.cr-hero h1{font:700 clamp(38px,5.2vw,74px)/1.02 var(--hp-display);letter-spacing:-.035em;margin:24px 0 0;color:#fff}
.cr-hero h1 em{font-style:normal;color:#3ddc84}
.cr-hero-t>p{font-size:clamp(17px,1.35vw,19.5px);line-height:1.6;color:#c3cbda;margin:26px 0 0;max-width:36em}
.cr-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.cr-chips>a,.cr-chips>span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);border-radius:99px;padding:6px 13px 6px 7px;font-size:13.5px;color:#e3e8f1;text-decoration:none;opacity:0;transform:translateY(8px);animation:cr-chip .6s cubic-bezier(.2,.8,.2,1) forwards;transition:background .2s,border-color .2s}
.cr-chips>a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4)}
.cr-chips>*:nth-child(1){animation-delay:.2s}.cr-chips>*:nth-child(2){animation-delay:.28s}.cr-chips>*:nth-child(3){animation-delay:.36s}.cr-chips>*:nth-child(4){animation-delay:.44s}
.cr-chips>*:nth-child(5){animation-delay:.52s}.cr-chips>*:nth-child(6){animation-delay:.6s}.cr-chips>*:nth-child(7){animation-delay:.68s}.cr-chips>*:nth-child(8){animation-delay:.76s}
@keyframes cr-chip{to{opacity:1;transform:none}}
.cr-mono{--c:#e8412a;flex:none;width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;background:var(--c);color:#fff;font:700 11.5px/1 var(--hp-display);letter-spacing:-.02em}
.cr-mono.gross{width:64px;height:64px;border-radius:18px;font-size:26px;box-shadow:0 12px 30px -10px var(--c)}
.cr-mono.mittel{width:46px;height:46px;border-radius:13px;font-size:19px}
.cr-hero .hp-knoepfe{margin-top:30px}

/* Import-Fenster */
.cr-fenster{position:relative;background:#fff;color:var(--hp-tinte);border-radius:20px;padding:0 0 18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.65);transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transition:transform .6s}
.cr-fenster:hover{transform:none}
.cr-fk{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--hp-linie);font:600 13px/1 var(--hp-text);color:var(--hp-grau)}
.cr-dots{display:flex;gap:6px}.cr-dots i{width:10px;height:10px;border-radius:50%;background:#e5e8ee}.cr-dots i:first-child{background:#ff6b57}.cr-dots i:nth-child(2){background:#ffc542}.cr-dots i:last-child{background:#3ddc84}
.cr-fk b{color:var(--hp-tinte);font-weight:700}
.cr-live{margin-left:auto;background:#e6f4ec;color:var(--hp-gruen);border-radius:6px;padding:4px 8px;font:700 11px/1 var(--hp-display);letter-spacing:.08em}
.cr-zuord{display:flex;flex-wrap:wrap;gap:6px;padding:16px 20px 4px}
.cr-zuord span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hp-linie);background:var(--hp-karton);border-radius:8px;padding:5px 9px;font:600 12px/1 var(--hp-text);color:var(--hp-graphit);transition:.3s}
.cr-zuord span::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid #cfd5df;flex:none;transition:.3s}
.cr-zuord span.ok{background:#e6f4ec;border-color:#bfe3cd;color:var(--hp-gruen)}
.cr-zuord span.ok::before{background:var(--hp-gruen);border-color:var(--hp-gruen);box-shadow:inset 0 0 0 2px #e6f4ec}
.cr-tab{list-style:none;margin:8px 0 0;padding:0 20px}
.cr-tab li{display:grid;grid-template-columns:22px minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--hp-linie);font-size:13.5px;color:#9aa3b2;transition:color .3s}
.cr-tab li:last-child{border-bottom:0}
.cr-tab li span:not(.cr-hk){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-hk{width:20px;height:20px;border-radius:50%;flex:none;border:2px solid #d5dae3;position:relative;transition:.3s}
.cr-tab li.jetzt{color:var(--hp-tinte)}
.cr-tab li.jetzt .cr-hk{border-color:#ffc542;border-top-color:transparent;animation:cr-dreh .6s linear infinite}
@keyframes cr-dreh{to{transform:rotate(360deg)}}
.cr-tab li.ok{color:var(--hp-tinte)}
.cr-tab li.ok .cr-hk{background:var(--hp-gruen);border-color:var(--hp-gruen);animation:cr-hak .35s cubic-bezier(.2,1.6,.4,1)}
.cr-tab li.ok .cr-hk::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
@keyframes cr-hak{from{transform:scale(.4)}}
.cr-fuss{position:relative;display:flex;align-items:center;gap:14px;padding:16px 20px 0;min-height:44px}
.cr-balken{flex:1;height:8px;border-radius:99px;background:#eef1f6;overflow:hidden}
.cr-balken i{display:block;height:100%;width:calc(var(--fort,0) * 100%);background:var(--hp-gruen);border-radius:99px;transition:width .4s}
.cr-stempel{font:800 14px/1 var(--hp-display);letter-spacing:.08em;color:var(--hp-gruen);border:3px solid var(--hp-gruen);border-radius:8px;padding:8px 12px;opacity:0;transform:scale(2.4) rotate(-14deg);white-space:nowrap}
.cr-fenster.fertig .cr-stempel{animation:cr-stp .45s cubic-bezier(.2,1.7,.4,1) forwards}
@keyframes cr-stp{0%{opacity:0;transform:scale(2.4) rotate(-20deg)}60%{opacity:1}100%{opacity:1;transform:scale(1) rotate(-8deg)}}
.cr-hint{margin:12px 20px 0;font-size:12px;color:#9aa3b2}

/* ---------- Kennzahlen ---------- */
.cr-zahlen{background:var(--hp-tinte);color:#fff;padding:0 0 clamp(60px,7vw,90px)}
.cr-zahlen .hp-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.1);border-radius:18px;overflow:hidden;padding:0;max-width:calc(var(--hp-max) - 56px);margin:0 auto}
.cr-zahl{background:var(--hp-tinte2);padding:30px 28px}
.cr-zahl b{display:block;font:700 clamp(28px,3vw,40px)/1 var(--hp-display);letter-spacing:-.02em;color:#fff}
.cr-zahl span{display:block;margin-top:10px;color:#aeb8c9;font-size:15px;line-height:1.45}

/* ---------- Weg (Flow) ---------- */
.cr-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:48px;counter-reset:f}
.cr-flow::before{content:"";position:absolute;left:12.5%;right:12.5%;top:46px;height:2px;background:repeating-linear-gradient(90deg,var(--hp-linie) 0 8px,transparent 8px 16px)}
.cr-flow::after{content:"";position:absolute;left:12.5%;top:41px;width:12px;height:12px;border-radius:50%;background:var(--rot);box-shadow:0 0 0 6px rgba(232,65,42,.15);animation:cr-wander 5s cubic-bezier(.6,0,.4,1) infinite}
@keyframes cr-wander{0%{left:12.5%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(87.5% - 12px);opacity:0}}
.cr-fl{position:relative;text-align:center;padding:0 6px}
.cr-fl-i{position:relative;width:92px;height:92px;margin:0 auto 22px;border-radius:26px;background:#fff;border:1px solid var(--hp-linie);display:grid;place-items:center;color:var(--hp-tinte);box-shadow:0 16px 40px -22px rgba(18,32,59,.5);transition:transform .35s,box-shadow .35s}
.cr-fl:hover .cr-fl-i{transform:translateY(-6px);box-shadow:0 26px 50px -22px rgba(18,32,59,.55)}
.cr-fl-i svg{width:42px;height:42px}
.cr-fl-i em{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:var(--rot);color:#fff;font:700 14px/30px var(--hp-display);font-style:normal}
.cr-fl h3{font:700 19px/1.3 var(--hp-display);margin:0;color:var(--hp-tinte)}
.cr-fl p{margin:8px 0 0;color:var(--hp-graphit);font-size:15px;line-height:1.55}
.cr-draw path,.cr-draw line,.cr-draw polyline,.cr-draw rect,.cr-draw circle{stroke-dasharray:140;stroke-dashoffset:140}
.hp-zeig.da .cr-draw path,.hp-zeig.da .cr-draw line,.hp-zeig.da .cr-draw polyline,.hp-zeig.da .cr-draw rect,.hp-zeig.da .cr-draw circle{animation:cr-zeichnen 1.4s .2s ease forwards}
@keyframes cr-zeichnen{to{stroke-dashoffset:0}}
.js .hp-zeig:not(.da) .cr-draw *{stroke-dashoffset:140}
html:not(.js) .cr-draw *{stroke-dasharray:none;stroke-dashoffset:0}

/* ---------- Systeme ---------- */
.cr-sys{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:44px}
.cr-s{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--hp-linie);border-radius:20px;padding:24px;text-decoration:none;color:var(--hp-tinte);transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
.cr-s::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.cr-s:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px rgba(18,32,59,.5);border-color:transparent}
.cr-s:hover::before{transform:none}
.cr-s h3{font:700 22px/1.2 var(--hp-display);letter-spacing:-.015em;margin:0}
.cr-s .als{font-size:14px;color:var(--hp-grau);margin:-6px 0 0}
.cr-s p{margin:0;color:var(--hp-graphit);font-size:15px;line-height:1.5}
.cr-s .mehr{margin-top:auto;font:600 14.5px/1 var(--hp-text);color:var(--rot);display:inline-flex;align-items:center;gap:6px}
.cr-s .mehr i{transition:transform .25s;font-style:normal}
.cr-s:hover .mehr i{transform:translateX(5px)}
.cr-s .cr-mono{width:52px;height:52px;border-radius:15px;font-size:22px}
.cr-s .sp{display:flex;gap:6px;flex-wrap:wrap}
.cr-s .sp span{background:var(--hp-karton);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;color:var(--hp-graphit)}

/* ---------- Zuordnung (dunkel) ---------- */
.cr-dunkel{background:var(--hp-tinte);color:#fff;position:relative}
.cr-dunkel .hp-h2{color:#fff}
.cr-dunkel .hp-text{color:#c3cbda}
.cr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 0}
.cr-tabs button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#e3e8f1;border-radius:99px;padding:7px 15px 7px 8px;font:600 14px/1 var(--hp-text);cursor:pointer;transition:.2s}
.cr-tabs button:hover{background:rgba(255,255,255,.12)}
.cr-tabs button.an{background:#fff;color:var(--hp-tinte);border-color:#fff}
.cr-map{display:none;margin-top:26px;background:var(--hp-tinte2);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:clamp(18px,3vw,34px)}
.cr-map.an{display:block}
.cr-map-k{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:0 14px;font:600 12.5px/1 var(--hp-text);letter-spacing:.06em;text-transform:uppercase;color:#8d9bb4;margin-bottom:14px}
.cr-map-k span:last-child{text-align:right}
.cr-mr{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:14px;align-items:center;padding:7px 0}
.cr-mr .l,.cr-mr .r{border-radius:10px;padding:11px 14px;font-size:15px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis}
.cr-mr .l{background:rgba(255,255,255,.07);color:#e3e8f1}
.cr-mr .r{background:rgba(61,220,132,.12);border:1px solid rgba(61,220,132,.35);color:#9af2c1;font-weight:600;text-align:right}
.cr-mr .r small{display:block;font-weight:500;font-size:12px;color:#7fcfa2;margin-top:3px}
.cr-pf{position:relative;height:2px;background:rgba(255,255,255,.18);transform-origin:left;transform:scaleX(0)}
.cr-pf::after{content:"";position:absolute;right:-1px;top:-4px;width:9px;height:9px;border-top:2px solid #3ddc84;border-right:2px solid #3ddc84;transform:rotate(45deg);opacity:0}
.cr-map.an .cr-pf{animation:cr-pf .6s calc(var(--n) * 70ms + .1s) ease forwards}
.cr-map.an .cr-pf::after{animation:cr-pf-s .01s calc(var(--n) * 70ms + .65s) forwards}
.cr-map.an .cr-pf{background:linear-gradient(90deg,rgba(255,255,255,.18),#3ddc84)}
@keyframes cr-pf{to{transform:scaleX(1)}}
@keyframes cr-pf-s{to{opacity:1}}
.cr-map-f{margin:18px 0 0;font-size:14px;color:#9aa8c0;line-height:1.55}

/* ---------- Formate ---------- */
.cr-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:44px}
.cr-f{background:#fff;border:1px solid var(--hp-linie);border-radius:18px;padding:22px;transition:transform .3s,box-shadow .3s}
.cr-f:hover{transform:translateY(-5px);box-shadow:0 24px 44px -26px rgba(18,32,59,.5)}
.cr-f-i{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--hp-karton);color:var(--hp-tinte);margin-bottom:14px;transition:.3s}
.cr-f:hover .cr-f-i{background:var(--hp-tinte);color:#fff}
.cr-f-i svg{width:24px;height:24px}
.cr-f small{display:inline-block;font:700 11px/1 var(--hp-display);letter-spacing:.08em;text-transform:uppercase;color:var(--rot);margin-bottom:8px}
.cr-f h3{font:700 18px/1.25 var(--hp-display);margin:0;color:var(--hp-tinte)}
.cr-f p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--hp-graphit)}

/* ---------- Einsätze ---------- */
.cr-einsatz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.cr-e{border-top:3px solid var(--hp-tinte);background:#fff;border-radius:0 0 16px 16px;padding:24px;box-shadow:0 1px 0 var(--hp-linie),0 0 0 1px var(--hp-linie);transition:transform .3s,border-color .3s}
.cr-e:hover{transform:translateY(-4px);border-top-color:var(--rot)}
.cr-e svg{width:34px;height:34px;color:var(--rot);margin-bottom:12px}
.cr-e h3{font:700 19px/1.3 var(--hp-display);margin:0;color:var(--hp-tinte)}
.cr-e p{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--hp-graphit)}

/* ---------- Qualität ---------- */
.cr-qual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:center}
.cr-haken{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.cr-haken li{position:relative;padding-left:34px;color:var(--hp-graphit);font-size:16px;line-height:1.5}
.cr-haken li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--hp-gruen)}
.cr-haken li::after{content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cr-siegel{position:relative;aspect-ratio:1;max-width:420px;width:100%;margin:0 auto;display:grid;place-items:center}
.cr-siegel svg{position:absolute;inset:0;width:100%;height:100%}
.cr-siegel .ring{fill:none;stroke:var(--hp-linie);stroke-width:2}
.cr-siegel .lauf{fill:none;stroke:var(--hp-gruen);stroke-width:5;stroke-linecap:round;stroke-dasharray:170 600;transform-origin:200px 200px;animation:cr-lauf 8s linear infinite}
@keyframes cr-lauf{to{transform:rotate(360deg)}}
.cr-siegel div{text-align:center;position:relative}
.cr-siegel b{display:block;font:700 clamp(30px,4vw,52px)/1 var(--hp-display);letter-spacing:-.03em;color:var(--hp-tinte)}
.cr-siegel span{display:block;margin-top:8px;color:var(--hp-grau);font-size:15px}

/* ---------- Detailseite ---------- */
.cr-vorschau{margin:0;padding:6px 20px 0;overflow:hidden}
.cr-vorschau table{width:100%;border-collapse:collapse;font-size:12.5px}
.cr-vorschau th{font:700 11px/1.2 var(--hp-text);text-align:left;color:var(--hp-grau);padding:9px 8px;border-bottom:2px solid var(--hp-linie);white-space:nowrap;letter-spacing:.02em}
.cr-vorschau td{padding:9px 8px;border-bottom:1px solid var(--hp-linie);color:var(--hp-tinte);white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.cr-vorschau tbody tr{opacity:0;transform:translateX(18px);animation:cr-zeile .5s cubic-bezier(.2,.8,.2,1) forwards}
.cr-vorschau tbody tr:nth-child(1){animation-delay:.5s}.cr-vorschau tbody tr:nth-child(2){animation-delay:.9s}.cr-vorschau tbody tr:nth-child(3){animation-delay:1.3s}.cr-vorschau tbody tr:nth-child(4){animation-delay:1.7s}
@keyframes cr-zeile{to{opacity:1;transform:none}}
.cr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cr-blick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.cr-b{background:#fff;border:1px solid var(--hp-linie);border-radius:18px;padding:26px;transition:transform .3s,box-shadow .3s}
.cr-b:hover{transform:translateY(-5px);box-shadow:0 24px 44px -26px rgba(18,32,59,.5)}
.cr-b svg{width:34px;height:34px;color:var(--rot);margin-bottom:14px}
.cr-b h3{font:700 19px/1.3 var(--hp-display);margin:0;color:var(--hp-tinte)}
.cr-b p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--hp-graphit)}
.cr-spalten{width:100%;border-collapse:collapse;margin-top:26px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--hp-linie)}
.cr-spalten th,.cr-spalten td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--hp-linie);font-size:15px;vertical-align:top}
.cr-spalten thead th{background:var(--hp-tinte);color:#fff;font-weight:600}
.cr-spalten tr:last-child td{border-bottom:0}
.cr-spalten td:first-child{font-weight:700;color:var(--hp-tinte);white-space:nowrap}
.cr-andere{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.cr-andere a{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--hp-linie);border-radius:99px;padding:8px 18px 8px 8px;text-decoration:none;color:var(--hp-tinte);font:600 15px/1 var(--hp-text);transition:.25s}
.cr-andere a:hover{transform:translateY(-3px);box-shadow:0 14px 26px -16px rgba(18,32,59,.5);border-color:transparent}
.cr-schritte{list-style:none;margin:44px 0 0;padding:0;display:grid;gap:0;counter-reset:s;position:relative}
.cr-schritte::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:var(--hp-linie)}
.cr-sch{display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:14px 0;position:relative}
.cr-sch .nr{width:48px;height:48px;border-radius:50%;background:var(--hp-tinte);color:#fff;display:grid;place-items:center;font:700 19px/1 var(--hp-display);position:relative;z-index:1;transition:.3s}
.cr-sch:hover .nr{background:var(--rot);transform:scale(1.08)}
.cr-sch h3{font:700 20px/1.3 var(--hp-display);margin:6px 0 0;color:var(--hp-tinte)}
.cr-sch p{margin:6px 0 0;color:var(--hp-graphit);font-size:16px;line-height:1.6;max-width:46em}

/* ---------- Schluss ---------- */
.cr-schluss{background:var(--hp-tinte);color:#fff;border-radius:28px;padding:clamp(36px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;position:relative;overflow:hidden}
.cr-schluss::before{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(232,65,42,.35),transparent 70%)}
.cr-schluss .hp-h2{color:#fff}
.cr-schluss .hp-text{color:#c3cbda;margin-top:16px}
.cr-schluss .hp-knoepfe{margin-top:26px}
.cr-schluss-l{position:relative;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cr-schluss-l a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);border-radius:99px;padding:6px 14px 6px 7px;color:#e3e8f1;text-decoration:none;font-size:14px;transition:.2s}
.cr-schluss-l a:hover{background:#fff;color:var(--hp-tinte)}

/* ---------- Mobil ---------- */
@media (max-width:980px){
  .cr-hero-in,.cr-qual,.cr-schluss{grid-template-columns:minmax(0,1fr)}
  .cr-fenster{transform:none}
  .cr-zahlen .hp-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cr-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .cr-flow::before,.cr-flow::after{display:none}
  .cr-einsatz,.cr-blick{grid-template-columns:minmax(0,1fr)}
  .cr-schluss-l{justify-content:flex-start}
}
@media (max-width:560px){
  .cr-flow{grid-template-columns:minmax(0,1fr)}
  .cr-tab li{grid-template-columns:22px minmax(0,1fr) minmax(0,1fr)}
  .cr-tab li span:nth-child(4){display:none}
  .cr-mr,.cr-map-k{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}
  .cr-mr .l,.cr-mr .r{font-size:13.5px;padding:9px 10px}
}
@media (prefers-reduced-motion:reduce){
  .cr-raster,.cr-flow::after,.cr-siegel .lauf,.cr-pill i{animation:none}
  .cr-chips>*,.cr-vorschau tbody tr{animation:none;opacity:1;transform:none}
  .cr-map.an .cr-pf{animation:none;transform:none}.cr-map.an .cr-pf::after{animation:none;opacity:1}
}
.cr-fenster.auto .cr-stempel{animation:cr-stp .45s 2.3s cubic-bezier(.2,1.7,.4,1) forwards}
.cr-seite .hp-faq{margin-top:0}
.fk-liste li{display:block;padding:0;border-bottom:1px dashed var(--hp-linie)}
.fk-l{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;color:var(--hp-tinte);text-decoration:none;font-size:14.5px}
.fk-l:hover b{color:var(--rot)}
.fk-i{width:34px;height:34px;border-radius:10px;background:var(--hp-karton);display:grid;place-items:center}
.fk-i svg{width:18px;height:18px}
.fk-l em{font:700 12px/1 var(--hp-display);font-style:normal;background:#e6f4ec;color:var(--hp-gruen);border-radius:6px;padding:5px 8px}
.fk-liste li span:not(.fk-i){white-space:normal}