/* Leistungen: Grafiken (statisch) */
.e-av{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#EEF1F5;color:#5A616D;font-size:9px;font-weight:600}
.e-pl{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;font-size:10.5px;font-weight:500;white-space:nowrap;background:#F2F4F7;color:#5A616D}
.e-pl.g{background:#E8F6EE;color:#17734A}.e-pl.b{background:#EAF0FF;color:#1E4FD8}.e-pl.y{background:#FFF4E0;color:#93580A}
.e-bt{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:8px;font-size:11.5px;font-weight:600;box-shadow:inset 0 0 0 1px #E2E5EA;color:#14161B;background:#fff}.e-bt.p{background:#2F6BFF;color:#fff;box-shadow:none}
.e-ln{display:block;height:6px;border-radius:3px;background:#EEF0F3}
/* 1 Posteingang */
.e-w1{position:absolute;left:28px;top:30px;width:860px;height:600px;transform:scale(.5);transform-origin:0 0;display:grid;grid-template-columns:176px minmax(0,1fr);border-radius:18px;background:#fff;overflow:hidden;font-size:13px;color:#14161B;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 70px 120px -40px rgba(6,18,70,.85);-webkit-mask-image:linear-gradient(90deg,#000 52%,transparent 90%);mask-image:linear-gradient(90deg,#000 52%,transparent 90%)}
.e-sb{padding:18px 12px;background:#F7F8FA;border-right:1px solid #ECEEF1}
.e-lg{display:flex;align-items:center;gap:8px;padding:0 8px 18px;font-size:15px;font-weight:700;letter-spacing:-.04em}.e-lg span{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:14px;height:14px}.e-lg i{background:#14161B;border-radius:30%}.e-lg i:last-child{background:#2F6BFF}
.e-sh{margin:18px 8px 6px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#A0A6B0}
.e-ni{display:flex;align-items:center;gap:10px;height:32px;padding:0 8px;border-radius:8px;font-size:12.5px;color:#3D4350}.e-ni i{width:13px;height:13px;border-radius:4px;box-shadow:inset 0 0 0 1.5px #B8BEC8}.e-ni em{margin-left:auto;font-style:normal;font-size:11px;color:#8A909A}
.e-ni.on{background:#fff;color:#14161B;font-weight:600;box-shadow:0 1px 2px rgba(11,14,20,.06),0 0 0 1px #ECEEF1}.e-ni.on i{box-shadow:inset 0 0 0 1.5px #2F6BFF}.e-ni.on em{color:#2F6BFF;font-weight:600}
.e-mn{padding:22px 26px}
.e-hd{display:flex;align-items:flex-end;gap:8px}.e-hd div{margin-right:auto}.e-hd b{display:block;font-size:21px;font-weight:600;letter-spacing:-.03em}.e-hd small{display:block;margin-top:4px;font-size:12px;color:#8A909A}
.e-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.e-kp div{padding:12px 14px;border-radius:10px;box-shadow:inset 0 0 0 1px #ECEEF1}.e-kp small{display:block;font-size:11px;color:#8A909A}.e-kp b{display:block;margin-top:6px;font-size:22px;font-weight:600;letter-spacing:-.03em}
.e-tb{margin-top:18px}
.e-tr{display:grid;grid-template-columns:1.25fr 1.2fr .7fr 1fr .9fr;gap:12px;align-items:center;height:40px;border-top:1px solid #F0F2F5;font-size:12px;color:#5A616D}.e-tr>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-tr.h{height:30px;border:0;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#A0A6B0}
.e-tr .nm{display:flex;align-items:center;gap:9px;color:#14161B;font-weight:500}.e-tr .an{color:#14161B}
/* 2 Laptop */
.e-lap{position:absolute;left:30px;top:26px;width:430px}
.e-lid{padding:7px;border-radius:14px 14px 4px 4px;background:linear-gradient(#2B2E34,#16181C);box-shadow:inset 0 0 0 1px #42464E,0 50px 80px -30px rgba(6,18,70,.9)}
.e-scr{position:relative;height:269px;border-radius:6px;overflow:hidden;background:#ECEEF2}
.e-w2{position:absolute;left:0;top:0;width:760px;height:494px;transform:scale(.545);transform-origin:0 0;font-size:13px;color:#14161B}
.e-base{position:relative;height:12px;margin:0 -24px;border-radius:2px 2px 14px 14px;background:linear-gradient(#F2F4F7,#B4BAC4);box-shadow:0 22px 30px -14px rgba(6,18,70,.8)}.e-base::before{content:"";position:absolute;left:50%;top:0;width:70px;height:5px;margin-left:-35px;border-radius:0 0 6px 6px;background:#A3AAB5}
.e-w2 .e-top{display:flex;align-items:center;gap:10px;height:50px;padding:0 20px;background:#fff;border-bottom:1px solid #E6E9EE}.e-top b{font-size:14px;font-weight:600}.e-top .e-bt:first-of-type{margin-left:auto}
.e-pg{width:600px;margin:20px auto 0;padding:34px 44px;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(11,14,20,.08),0 18px 40px -20px rgba(11,14,20,.3)}
.e-ph{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEEF1}.e-ph b{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;letter-spacing:-.02em}.e-ph b i{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#1F6B47;color:#fff;font-style:normal;font-size:11px}.e-ph small{font-size:10px;color:#8A909A}
.e-pa{display:flex;justify-content:space-between;margin-top:18px;font-size:11px;line-height:1.55;color:#3D4350}.e-pa u{display:block;margin-bottom:4px;font-size:8.5px;color:#A0A6B0;text-decoration:none}
.e-pm{display:grid;grid-template-columns:auto auto;gap:2px 16px;align-content:start;font-size:10.5px}.e-pm span:nth-child(odd){color:#8A909A}.e-pm span:nth-child(even){text-align:right;font-weight:500;color:#14161B}
.e-pt{margin-top:20px;font-size:21px;font-weight:600;letter-spacing:-.025em}
.e-pr{display:grid;grid-template-columns:26px minmax(0,1fr) 62px 56px 74px;gap:10px;padding:8px 0;border-top:1px solid #F0F2F5;font-size:11px;color:#3D4350}.e-pr span:nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}.e-pr span:first-child{color:#A0A6B0;font-variant-numeric:tabular-nums}
.e-pr.h{margin-top:14px;padding:0 0 7px;border:0;font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#A0A6B0}
.e-sm{display:grid;grid-template-columns:auto 90px;gap:5px 18px;justify-content:end;margin-top:6px;padding-top:10px;border-top:1px solid #ECEEF1;font-size:11px;color:#5A616D}.e-sm span:nth-child(even){text-align:right;font-variant-numeric:tabular-nums;color:#14161B}.e-sm .t{padding-top:5px;font-size:13px;font-weight:700;color:#14161B}
/* 3 Belegeingang */
.e-gh{position:absolute;left:50%;top:46px;width:200px;height:60px;margin-left:-100px;border-radius:12px;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.e-w3{position:absolute;left:50%;top:62px;width:460px;margin-left:-230px;transform:scale(.5);transform-origin:50% 0;padding:24px;border-radius:22px;background:#fff;font-size:13px;color:#14161B;box-shadow:0 0 0 2px rgba(255,255,255,.35),0 70px 110px -40px rgba(6,18,70,.85)}
.e-w3h{display:flex;align-items:center;justify-content:space-between}.e-w3h b{font-size:19px;font-weight:600;letter-spacing:-.03em}
.e-w3h+small{display:block;margin-top:4px;font-size:12px;color:#8A909A}
.e-w3b{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:20px}
.e-doc{height:206px;padding:16px 14px;border-radius:8px;background:#FAFBFC;box-shadow:inset 0 0 0 1px #ECEEF1}.e-doc b{display:block;font-size:10px;font-weight:700}.e-doc .e-ln{height:4px;margin-top:7px}.e-doc .e-ln.d{background:#DDE1E7}
.e-ff div{display:flex;justify-content:space-between;align-items:center;height:41px;border-bottom:1px solid #F0F2F5}.e-ff small{font-size:11.5px;color:#8A909A}.e-ff span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.e-ff i{width:14px;height:14px;border-radius:50%;background:#E8F6EE;box-shadow:inset 0 0 0 4px #E8F6EE,inset 0 0 0 7px #2EA36B}
.e-w3f{display:flex;align-items:center;gap:8px;margin-top:18px}.e-w3f small{margin-right:auto;font-size:11.5px;color:#8A909A}
/* 4 Ablauf */
.e-w4{position:absolute;left:30px;right:30px;top:34px;padding:15px 16px 8px;border-radius:12px;background:#fff;font-size:7.3px;color:#14161B;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 40px 62px -22px rgba(6,18,70,.85)}
.e-w4 .e-pl{height:11px;padding:0 4.5px;border-radius:3.5px;font-size:5.9px}
.e-w4h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.e-w4h small{display:block;font-size:6.5px;color:#8A909A}.e-w4h b{display:block;margin-top:2px;font-size:12px;font-weight:600;letter-spacing:-.03em}
.e-pb{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:11px}.e-pb i{height:3px;border-radius:2px;background:#E9ECF0}.e-pb i.on{background:#2F6BFF}
.e-pc{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:6.2px;color:#8A909A;white-space:nowrap}
.e-sr{display:grid;grid-template-columns:17px minmax(0,1.3fr) minmax(0,1.2fr) 42px 46px;gap:7px;align-items:center;height:27px;border-top:1px solid #F0F2F5;font-size:6.7px;color:#5A616D}.e-sr:first-of-type{margin-top:9px}
.e-sr>span:first-child{font-size:6.2px;color:#A0A6B0;font-variant-numeric:tabular-nums}.e-sr b{font-weight:600;color:#14161B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e-sr>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-sr.dn b{color:#5A616D;font-weight:500}
@container pg (max-width:1100px){.bx{grid-template-columns:1fr 1fr;height:auto}.bx-v{flex:none;height:330px}.bx-1 .bx-v{height:340px}}
@container pg (max-width:640px){.e-lap{transform:scale(.86);transform-origin:0 0}.bx{grid-template-columns:1fr}.bx-v{height:300px}.bx-1 .bx-v{height:320px}}
