.au-zahnraeder{aspect-ratio:1 / 1;max-width:700px}.au-zahnraeder img{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;-webkit-mask-image:radial-gradient(closest-side,#000 66%,transparent 100%);mask-image:radial-gradient(closest-side,#000 66%,transparent 100%);will-change:transform}@media(min-width:901px){.au-hero .raster{grid-template-columns:1.05fr .95fr}.au-zahnraeder{margin-right:-3vw}}@media(max-width:900px){.au-zahnraeder{max-width:520px;margin:0 auto}}.au-flow{position:relative;background:#f5f8fc}.au-flow .buehne{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(5rem,9vw,7rem) 0}.au-leinwand{position:relative;margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(2.5rem,4vw,3.5rem) clamp(1.2rem,2.5vw,2.5rem);border-radius:28px;background:#fff radial-gradient(rgba(37,99,235,.16) 1.2px,transparent 1.4px) 0 0 / 22px 22px;border:1px solid var(--linie);box-shadow:0 40px 90px -60px #07142b59}.au-knoten-reihe{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,2.4vw,40px)}.au-linie{position:absolute;left:calc(100% / 12);right:calc(100% / 12);top:50%;height:2px;background:#dfe6f1}.au-linie .fuell{position:absolute;left:0;top:0;height:100%;width:calc(100% * var(--f, 0));background:linear-gradient(90deg,#9cc0ff,var(--blau))}.au-paket{position:absolute;top:50%;left:calc(100% / 12 + (100% - 100% / 6) * var(--f, 0));width:22px;height:10px;margin:-5px 0 0 -11px;border-radius:999px;background:var(--blau);box-shadow:0 0 0 6px #2563eb26,0 0 24px 6px #2563eb8c;z-index:2}.au-knoten{position:relative;z-index:1;display:grid;justify-items:center;gap:10px;text-align:center;padding:22px 12px 20px;border-radius:18px;background:#fff;border:1.5px solid var(--linie);box-shadow:0 18px 40px -28px #14326e73;transition:border-color .4s,box-shadow .5s,transform .5s var(--ease)}.au-knoten .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f2f6ff;color:var(--blau);font-size:22px;transition:background .4s,color .4s}.au-knoten .ic img{width:28px;height:28px;object-fit:contain}.au-knoten b{font-weight:600;font-size:clamp(13px,1.05vw,16px);letter-spacing:-.025em;line-height:1.2}.au-knoten .mikro{font-size:10px}.au-knoten.an{border-color:var(--blau);box-shadow:0 24px 50px -24px #2563eb8c;transform:translateY(-4px)}.au-knoten.an .ic{background:var(--blau);color:#fff}.au-knoten.an .ic img{filter:brightness(0) invert(1)}.au-knoten .haken{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:#22c55e;color:#fff;font-size:12px;display:grid;place-items:center;opacity:0;transform:scale(.4);transition:all .4s var(--ease)}.au-knoten.fertig .haken{opacity:1;transform:none}.au-vergleich{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border-radius:22px;overflow:hidden;border:1px solid var(--linie)}.au-vergleich>div{padding:26px 28px}.au-vergleich .vorher{background:#fff}.au-vergleich .nachher{background:#eef4ff}.au-vergleich h3{margin:0 0 12px;font-weight:600;font-size:22px;letter-spacing:-.04em}.au-vergleich .nachher h3,.au-vergleich .nachher p{color:var(--blau)}.au-vergleich ul{list-style:none;padding:0;margin:0;display:flex;gap:18px;flex-wrap:wrap}.au-vergleich li{position:relative;color:var(--grau);font-size:17px}.au-vergleich li:after{content:"";position:absolute;left:-2px;right:-2px;top:55%;height:1.5px;background:#ef4444;transform:scaleX(var(--strich, 0));transform-origin:left}.au-vergleich p{margin:0;font-size:19px;font-weight:500;letter-spacing:-.025em}.au-prinzipien{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.au-prinzip{border-radius:22px;padding:26px 24px;background:#fff;border:1px solid var(--linie)}.au-prinzip .nr{font-family:var(--mono);font-size:12px;color:var(--blau)}.au-prinzip h3{margin:16px 0 0;font-weight:600;font-size:21px;letter-spacing:-.04em;line-height:1.1}.au-prinzip p{margin:10px 0 0;color:var(--grau);font-size:15px;line-height:1.55}.au-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.au-filter button{height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--linie);background:#fff;font:inherit;font-size:14px;letter-spacing:-.02em;cursor:pointer;transition:all .3s}.au-filter button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.au-faelle{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.au-fall{display:flex;flex-direction:column;border-radius:22px;padding:22px;background:#fff;border:1px solid var(--linie);box-shadow:0 24px 50px -44px #07142b66;transition:transform .5s var(--ease),box-shadow .5s,opacity .4s}.au-fall:hover{transform:translateY(-4px);box-shadow:0 34px 60px -40px #07142b73}.au-fall.weg{display:none}.au-fall .note{display:flex;align-items:center;gap:10px}.au-fall .note b{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;background:#eef3ff;color:var(--blau)}.au-fall .note b.c{background:#f3f4f6;color:var(--grau)}.au-fall h3{margin:16px 0 0;font-weight:600;font-size:19px;letter-spacing:-.035em;line-height:1.15}.au-fall p{margin:10px 0 0;color:var(--grau);font-size:14.5px;line-height:1.55}.au-fall .werkzeuge{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.au-fall .werkzeuge span{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:#f4f6fa;color:var(--ink-2)}.au-fall .ehrlich{margin-top:auto;padding-top:14px;border-top:1px solid var(--linie);font-size:13px;color:var(--grau);font-style:italic}.au-fall .werkzeuge+.ehrlich{margin-top:16px}.au-phasen{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--linie)}.au-phase{padding:26px 24px 0 0;position:relative}.au-phase:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--blau);box-shadow:0 0 0 6px #2563eb24}.au-phase h3{margin:10px 0 0;font-weight:600;font-size:22px;letter-spacing:-.045em}.au-phase p{margin:10px 0 0;color:var(--grau);font-size:15px;line-height:1.55;max-width:32ch}@media(max-width:1100px){.au-faelle,.au-prinzipien{grid-template-columns:1fr 1fr}.au-phasen{grid-template-columns:1fr 1fr;gap:28px 0}}@media(max-width:900px){.au-flow .buehne{min-height:0}.au-knoten-reihe{grid-template-columns:1fr 1fr;gap:14px}.au-linie,.au-paket{display:none}.au-knoten{opacity:1}.au-vergleich{grid-template-columns:1fr}}@media(max-width:600px){.au-faelle,.au-prinzipien,.au-phasen{grid-template-columns:1fr}}
