/* sharpixel.de/automation: pro Ablauf eine Buehne (Animation in Schleife), eine Nutzen-Zeile, ein Testkasten. Farben wie styles.css. */
.au{--a:#4F7CFF;--a2:#9D5CFF;--ok:#3DD68C;--warn:#FFB547;--txt:#F3F5F9;--sub:#AEB7C9;--dim:#8A93A6;--line:rgba(255,255,255,.08)}
.au-wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.au p{margin:0}
.au h1,.au h2{margin:0;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
.au h1{font-size:clamp(38px,5.4vw,72px);line-height:1.02;max-width:900px}
.au h2{font-size:clamp(28px,3.6vw,46px);line-height:1.08;max-width:820px}
.au-lead{font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:var(--sub);max-width:60ch;text-wrap:pretty}
.au-kicker{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:#AFC4FF}
.au-kicker i{width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--a),var(--a2));box-shadow:0 0 10px rgba(79,124,255,.8)}
.au-small{font-size:13.5px;color:var(--dim);line-height:1.55;text-wrap:pretty}
.au-note{font-size:13.5px;color:var(--dim);max-width:60ch;text-wrap:pretty;margin-top:10px}

/* Einstieg */
.au-hero{position:relative;isolation:isolate;margin-top:-74px;padding-top:74px}
.au-hero-glow{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 0%,rgba(79,124,255,.34) 0%,rgba(79,124,255,.1) 40%,rgba(5,7,13,0) 75%);pointer-events:none;z-index:-1}
.au-hero-in{padding-top:clamp(72px,10vw,120px);padding-bottom:clamp(40px,6vw,72px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.au-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-top:14px;text-align:left}
.au-jump a{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;color:var(--txt);text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s;min-width:0}
.au-jump a:hover{transform:translateY(-3px);border-color:rgba(79,124,255,.5);background:linear-gradient(180deg,rgba(79,124,255,.12),rgba(255,255,255,.02))}
.au-jump .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(79,124,255,.16);color:#AFC4FF}
.au-jump strong{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.au-jump .gain{font-size:13.5px;font-weight:500;color:#9FF0C8;padding-top:10px;border-top:1px solid var(--line)}
@media (max-width:980px){.au-jump{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.au-jump{grid-template-columns:minmax(0,1fr)}}

/* Abschnitt */
.au-demo{padding-block:clamp(52px,7vw,92px);border-top:1px solid var(--line)}
.au-head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(22px,3vw,30px)}

/* Buehne */
.au-stage,.au-vs,.au-test{max-width:980px;margin-inline:auto}
.au-stage{position:relative;border-radius:26px 26px 0 0;overflow:hidden;padding:clamp(22px,3.5vw,44px) clamp(16px,3vw,40px) 0;display:flex;flex-direction:column;align-items:center;gap:26px;min-height:420px;background:radial-gradient(70% 60% at 50% 0%,rgba(79,124,255,.16),rgba(0,0,0,0) 70%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.scene{width:100%;max-width:640px;display:flex;flex-direction:column;gap:14px;min-height:300px;position:relative}
.scene [data-ph]{opacity:0;transform:translateY(14px) scale(.985);transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * .18s)}
.au-stage.ph1 [data-ph="1"],.au-stage.ph2 [data-ph="1"],.au-stage.ph2 [data-ph="2"],.au-stage.ph3 [data-ph="1"],.au-stage.ph3 [data-ph="2"],.au-stage.ph3 [data-ph="3"]{opacity:1;transform:none}
.scene [data-only]{transition:opacity .35s}
.au-stage:not(.ph1) [data-only="1"]{opacity:0}
/* Karten auf der Buehne */
.scene .card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:rgba(12,17,32,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}
.scene .av{width:46px;height:46px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:14px;font-weight:700;letter-spacing:.02em;background:linear-gradient(135deg,#4F7CFF,#9D5CFF);color:#fff;box-shadow:0 6px 18px rgba(79,124,255,.45)}
.scene .person{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.scene .person b{font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em}
.scene .person span{font-size:14px;color:var(--sub);line-height:1.4;text-wrap:pretty}
.scene .card.call{position:relative}
.scene .ringer{position:absolute;right:16px;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#5BE0A0,#2FB878);color:#05070D;box-shadow:0 8px 22px rgba(61,214,140,.45)}
.scene .ringer svg{animation:shake 1.1s ease-in-out infinite;transform-origin:50% 60%}
.scene .ringer::before,.scene .ringer::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(61,214,140,.7);animation:ring 1.5s ease-out infinite}
.scene .ringer::after{animation-delay:.75s}
@keyframes ring{from{transform:scale(.7);opacity:1}to{transform:scale(2.1);opacity:0}}
@keyframes shake{0%,100%{transform:rotate(0)}15%{transform:rotate(-16deg)}30%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}
.au-stage:not(.ph1) .scene .ringer::before,.au-stage:not(.ph1) .scene .ringer::after,.au-stage:not(.ph1) .scene .ringer svg{animation:none}
.scene .ki{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 10px;border-radius:9px;font-size:13px;font-weight:600;color:#9FF0C8;background:rgba(61,214,140,.12);border:1px solid rgba(61,214,140,.4)}
.scene .tick{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(180deg,#5BE0A0,#2FB878);color:#05070D;box-shadow:0 8px 20px rgba(61,214,140,.4)}
.scene .card.done{border-color:rgba(61,214,140,.4)}
/* Sprachwellen */
.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:56px;padding:0 6px}
.wave i{display:block;width:6px;height:var(--h,20px);border-radius:3px;background:var(--c,#4F7CFF);animation:wv .7s ease-in-out infinite alternate;animation-delay:var(--d,0s);transform-origin:center}
@keyframes wv{from{transform:scaleY(.35)}to{transform:scaleY(1.15)}}
.au-stage:not(.ph2) .wave i{animation-play-state:paused;transform:scaleY(.2)}
/* Sprechblasen */
.scene .bub{max-width:78%;padding:11px 15px;border-radius:16px;font-size:15px;line-height:1.4}
.scene .bub.ai{align-self:flex-start;background:linear-gradient(135deg,#4F7CFF,#7A5CFF);color:#fff;border-bottom-left-radius:6px;box-shadow:0 10px 30px rgba(79,124,255,.35)}
.scene .bub.me{align-self:flex-end;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:var(--txt);border-bottom-right-radius:6px}
/* Chips: Haken-Kachel, Label, Wert */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.fact{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:11px;align-items:center;padding:11px 13px;border-radius:14px;background:rgba(12,17,32,.92);border:1px solid rgba(255,255,255,.12);min-width:0;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.fact::before{content:"";grid-area:1/1/3/2;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4F7CFF,#9D5CFF);box-shadow:0 6px 16px rgba(79,124,255,.4)}
.fact::after{content:"";grid-area:1/1/3/2;width:34px;height:34px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/18px no-repeat}
.fact.ok::before{background:linear-gradient(135deg,#5BE0A0,#2FB878);box-shadow:0 6px 16px rgba(61,214,140,.4)}
.fact.warn::before{background:linear-gradient(135deg,#FFB547,#FF8A3D);box-shadow:0 6px 16px rgba(255,181,71,.4)}
.fact i{grid-column:2;display:block;font-style:normal;font-size:11.5px;letter-spacing:.02em;color:var(--dim);line-height:1.2}
.fact b{grid-column:2;display:block;font-size:15px;font-weight:600;color:#fff;line-height:1.25;overflow-wrap:break-word;min-width:0}
/* Dokument */
.scene .paper{position:relative;overflow:hidden;border-radius:14px;background:#F6F7FA;color:#1d2230;padding:16px 18px;font-size:13.5px;line-height:1.5;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.scene .paper .ph{display:flex;justify-content:space-between;gap:10px;padding-right:110px;border-bottom:2px solid #4F7CFF;padding-bottom:8px;margin-bottom:8px}
.scene .paper .ph b{color:#1d2230;font-size:15px}
.scene .paper .ph span{color:#6b7280}
.scene .paper .pl{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.scene .paper .pl b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.scene .paper .pt{border-top:1px solid #1d2230;margin-top:6px;padding-top:7px;font-weight:700}
.scene .paper .pt b{font-weight:700}
.scene .paper .stamp{position:absolute;right:14px;top:10px;padding:6px 12px;border-radius:9px;background:#2FB878;color:#04342C;font-weight:700;font-size:13px;box-shadow:0 8px 20px rgba(47,184,120,.4)}
.au-stage.ph3 .scene .paper .stamp{transform:rotate(-6deg)}
.scene .paper.inv .ph{border-color:#C4562A}
.scene .paper.inv .ph b{color:#C4562A}
.scene .scan{position:absolute;left:0;right:0;height:46px;top:-50px;background:linear-gradient(180deg,rgba(79,124,255,0),rgba(79,124,255,.5),rgba(79,124,255,0));pointer-events:none;opacity:0}
.au-stage.ph2 .scene .scan{opacity:1;animation:scan 2.2s ease-in-out infinite}
@keyframes scan{from{top:-50px}to{top:100%}}
/* Meldung aufs Handy */
.push{display:flex;gap:11px;align-items:flex-start;border-radius:16px;background:rgba(20,24,38,.96);border:1px solid rgba(255,255,255,.12);padding:12px 14px;box-shadow:0 16px 44px rgba(0,0,0,.5)}
.push .app{width:34px;height:34px;border-radius:10px;flex:0 0 auto;display:grid;place-items:center;background:linear-gradient(180deg,#6F94FF,#4F7CFF);color:#fff}
.push .pm{font-size:13.5px;color:var(--sub);line-height:1.4;min-width:0}
.push .pm b{color:var(--txt);display:block;font-size:14.5px}
.push .pm time{float:right;font-size:12px;color:var(--dim);margin-left:8px}
.scene .push{max-width:440px;width:100%;align-self:center}
/* Stationen */
.au-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-top:1px solid var(--line);margin-top:auto}
.au-stations span{position:relative;padding:16px 8px 18px;text-align:center;font-size:14px;font-weight:500;color:var(--dim);transition:color .3s}
.au-stations span::before{content:"";position:absolute;left:50%;top:-1px;width:0;height:2px;background:linear-gradient(90deg,var(--a),var(--a2));transform:translateX(-50%);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.au-stations span.on{color:#fff}
.au-stations span.on::before{width:100%}
@media (max-width:560px){.au-stations span{font-size:12.5px;padding:12px 4px 14px}.scene .bub{max-width:92%}.au-stage{min-height:0}.scene{min-height:0}}


/* Testkasten */
.au-test{border-radius:22px;padding:clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:12px;margin-top:16px}
.au-test-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:2px}
.au-test-p{font-size:15px;color:var(--sub);text-wrap:pretty;max-width:60ch}
.au-try{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:9px;font-size:14px;font-weight:600;background:rgba(61,214,140,.14);border:1px solid rgba(61,214,140,.4);color:#BDF5D9}
.au-try::before{content:"";width:8px;height:8px;border-radius:50%;background:#3DD68C;box-shadow:0 0 10px #3DD68C}
.au-try.sim{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:var(--sub)}
.au-try.sim::before{background:#8A93A6;box-shadow:none}
.au-live{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:8px;font-size:12.5px;font-weight:600;background:rgba(61,214,140,.12);border:1px solid rgba(61,214,140,.35);color:#9FF0C8}
.au-live.sim{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:var(--dim)}
.au-live.busy::before{content:"";width:7px;height:7px;border-radius:50%;background:#3DD68C;box-shadow:0 0 8px #3DD68C;animation:dot 1s ease-in-out infinite}
@keyframes dot{50%{opacity:.25;transform:translateY(-2px)}}
.au-ex{display:flex;flex-wrap:wrap;gap:8px}
.au-ex button{height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#C9D2E3;font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.au-ex button:hover,.au-ex button.is-on{border-color:rgba(79,124,255,.7);color:#fff;background:rgba(79,124,255,.14)}
.au-field{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(5,7,13,.55);color:var(--txt);font:inherit;font-size:15px;line-height:1.5;padding:11px 13px;resize:vertical;min-width:0;color-scheme:dark}
.au-field::placeholder{color:#6B7488}
.au-field:focus{outline:0;border-color:rgba(79,124,255,.8);box-shadow:0 0 0 3px rgba(79,124,255,.2)}
textarea.au-field{min-height:84px}
.au-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:420px){.au-two{grid-template-columns:1fr}}
.au-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:12px;border:0;background:linear-gradient(180deg,rgb(111,148,255) 0%,#4F7CFF 100%);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 32px rgba(79,124,255,.35);transition:transform .2s,filter .2s;align-self:flex-start;white-space:nowrap}
.au-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.au-btn[disabled]{opacity:.55;cursor:default;transform:none}
.au-btn.go{background:linear-gradient(180deg,#5BE0A0,#2FB878);color:#05070D;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 32px rgba(61,214,140,.35)}
.au-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.au-pick button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:var(--txt);font:inherit;cursor:pointer;transition:border-color .25s,background .25s,transform .25s;min-width:0}
.au-pick button:hover{background:rgba(255,255,255,.06);transform:translateY(-1px)}
.au-pick button[aria-checked="true"]{border-color:rgba(79,124,255,.7);background:linear-gradient(180deg,rgba(79,124,255,.16),rgba(79,124,255,.06))}
.au-pick .av{width:40px;height:40px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:13px;font-weight:700;background:linear-gradient(135deg,rgba(79,124,255,.4),rgba(157,92,255,.4));border:1px solid rgba(255,255,255,.12);color:#fff}
.au-pick .tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.au-pick strong{font-size:15px;font-weight:600}
.au-pick .tx span{font-size:13px;color:var(--sub)}
.au-out:empty{display:none}
/* Ergebniskarte */
.rc{border-radius:18px;padding:18px 20px;border:1px solid rgba(61,214,140,.45);background:linear-gradient(180deg,rgba(61,214,140,.14),rgba(61,214,140,.04));animation:rcIn .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes rcIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rc .big{font-size:clamp(19px,1.9vw,25px);font-weight:600;letter-spacing:-.02em;color:#fff;line-height:1.25;text-wrap:pretty}
.rc .big em{font-style:normal;color:#9FF0C8}
.rc .act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rc .act a,.rc .act button{display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--txt);font:inherit;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s}
.rc .act a:hover,.rc .act button:hover{background:rgba(255,255,255,.1)}
.rc .act .main{border-color:transparent;background:linear-gradient(180deg,rgb(111,148,255),#4F7CFF);color:#fff}
.rc .det{display:none;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);grid-template-columns:1fr 1fr;gap:16px}
.rc.open .det{display:grid}
.rc .det .full{grid-column:1/-1}
@media (max-width:720px){.rc .det{grid-template-columns:1fr}}
.rc .det h4{margin:0 0 6px;font-size:13px;font-weight:600;color:var(--dim)}
.chk{display:flex;flex-direction:column;gap:6px}
.chk>div{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45;min-width:0}
.chk .ico{flex:0 0 auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(61,214,140,.16);color:#3DD68C;margin-top:1px}
.chk .k{color:var(--dim)}
.chk b{color:var(--txt);font-weight:500;overflow-wrap:break-word}
.mail{white-space:pre-wrap;font-size:14px;line-height:1.55;color:var(--sub);padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.mail b{display:block;color:var(--txt);font-weight:600;margin-bottom:6px;white-space:normal}
.rc.work{border-color:rgba(79,124,255,.4);background:rgba(79,124,255,.07)}
.rc.work .row{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--dim);padding:4px 0}
.rc.work .row::before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.15);flex:0 0 auto}
.rc.work .row.run{color:var(--txt)}
.rc.work .row.run::before{background:#4F7CFF;box-shadow:0 0 10px rgba(79,124,255,.9);animation:dot 1s ease-in-out infinite}
.rc.work .row.done{color:var(--sub)}
.rc.work .row.done::before{background:var(--ok)}
.rc.hint{border-color:rgba(255,181,71,.4);background:rgba(255,181,71,.07);font-size:14px;color:#FFE3B8}

/* Rechner */
.au-calc{border-radius:24px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);overflow:hidden}
.au-sliders{display:flex;flex-direction:column;gap:22px;padding:clamp(18px,2.4vw,28px);border-right:1px solid var(--line)}
.au-slider{display:flex;flex-direction:column;gap:10px;cursor:pointer}
.au-slider .l{display:flex;justify-content:space-between;gap:14px;font-size:14.5px;color:var(--sub);align-items:baseline}
.au-slider .l span:first-child{text-wrap:pretty}
.au-slider output{color:var(--txt);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.au-slider input{--v:50%;width:100%;height:22px;margin:0;appearance:none;-webkit-appearance:none;background:none;cursor:pointer}
.au-slider input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--a) var(--v),rgba(255,255,255,.12) var(--v))}
.au-slider input::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.12)}
.au-slider input::-moz-range-progress{height:6px;border-radius:3px;background:var(--a)}
.au-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:#fff;border:2px solid var(--a);box-shadow:0 2px 10px rgba(79,124,255,.6);transition:transform .15s}
.au-slider input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--a);box-shadow:0 2px 10px rgba(79,124,255,.6)}
.au-slider input:hover::-webkit-slider-thumb{transform:scale(1.12)}
.au-result{display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2.4vw,28px);justify-content:center;background:radial-gradient(70% 60% at 100% 0%,rgba(79,124,255,.16),rgba(0,0,0,0) 70%)}
.au-big{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.au-big strong{font-size:clamp(26px,2.6vw,34px);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.au-big span{font-size:14px;color:var(--sub);text-align:right}
.au-result .au-btn{margin-top:8px;align-self:stretch}
@media (max-width:860px){.au-calc{grid-template-columns:minmax(0,1fr)}.au-sliders{border-right:0;border-bottom:1px solid var(--line)}}

/* Abschluss */
.au-end .au-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.au-end .au-btn{align-self:center}

@media (prefers-reduced-motion:reduce){.scene [data-ph]{transition:none}.wave i,.scene .ringer::before,.scene .ringer::after,.scene .ringer svg,.scene .scan{animation:none}.au-vs i::after{transition:none}.rc{animation:none}}
/* Handy: Fakten lesbar, Anrufkarte umbrechen */
@media (max-width:560px){
  .facts{grid-template-columns:1fr 1fr;gap:8px}
  .fact{grid-template-columns:28px minmax(0,1fr);column-gap:9px;padding:9px 10px}
  .fact::before,.fact::after{width:28px;height:28px}
  .fact::after{-webkit-mask-size:15px;mask-size:15px}
  .fact b{font-size:13.5px;hyphens:auto;overflow-wrap:normal}
  .scene .card.call{flex-wrap:wrap}
  .scene .card.call .ki{margin-left:auto}
  .au-stage.ph1 .scene .card.call .ki{display:none}
  .scene .ringer{width:36px;height:36px;margin-top:-18px;right:12px}
  .scene .person b{font-size:16px}
}

/* Vergleich: Rot = von Hand, Gruen = mit KI, haengt unter der Buehne */
.au-vs{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;padding:16px clamp(16px,3vw,40px);border:1px solid var(--line);border-top:0;border-radius:0 0 26px 26px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
.au-vs .lane{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:4px 12px;align-items:center;font-size:14px}
.au-vs .lane>span{color:var(--dim)}
.au-vs .lane b{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}
.au-vs .lane.bad b{color:#FF9A9A}
.au-vs .lane.good b{color:#9FF0C8}
.au-vs .lane i{display:block;height:12px;border-radius:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}
.au-vs .lane i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px}
.au-vs .lane.bad i::after{background:linear-gradient(90deg,#FF6A6A,#E24B4A);box-shadow:0 0 12px rgba(255,106,106,.5);transition:width 2.8s linear}
.au-vs .lane.good i::after{background:linear-gradient(90deg,#3DD68C,#2FB878);box-shadow:0 0 12px rgba(61,214,140,.6);transition:width .5s ease-out}
.au-vs.run .lane.bad i::after{width:100%}
.au-vs.run .lane.good i::after{width:7%}
@media (max-width:640px){.au-vs{grid-template-columns:1fr;gap:10px}}
/* Positionen und Hinweis in der Ergebniskarte */
.pos{display:flex;flex-direction:column;gap:4px}
.pos div{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.pos div span{color:var(--sub);min-width:0}
.pos div b{color:var(--txt);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.pos div.sum{border-bottom:0;padding-top:9px}
.pos div.sum span,.pos div.sum b{color:#fff;font-weight:600}
.rc .warnline{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(255,181,71,.1);border:1px solid rgba(255,181,71,.35);color:#FFE3B8;font-size:14px;line-height:1.5}
.rc .facts{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.rc .fact b{font-size:14px;font-weight:500}
@media (max-width:640px){.rc .facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rc .fact{background:rgba(5,7,13,.5)}

/* Telefon-Test: Text links, Anrufkarte rechts */
.au-call{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center}
.au-call-l{display:flex;flex-direction:column;gap:12px}
.au-call-r{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 30px;border-radius:18px;background:radial-gradient(80% 80% at 50% 0%,rgba(61,214,140,.16),rgba(61,214,140,.04));border:1px solid rgba(61,214,140,.35);min-width:300px}
.au-call-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#5BE0A0,#2FB878);color:#05070D;box-shadow:0 10px 24px rgba(61,214,140,.4)}
.au-num{font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.01em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.au-call .au-btn{align-self:stretch}
@media (max-width:720px){.au-call{grid-template-columns:minmax(0,1fr)}.au-call-r{min-width:0}}