@import "tailwindcss";
:root{--navy:#061d37;--ink:#0b2141;--green:#4a9d0b;--orange:#f57a13;--blue:#2365ba;--line:#dde3e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{height:92px;display:flex;align-items:center;border-bottom:1px solid #e7eaed;background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:25px;font-weight:800;line-height:.9}.brand small{display:block;font-size:12px;letter-spacing:.35px;margin-top:6px}.brand-mark{width:44px;height:44px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark i,.brand-mark b{content:"";position:absolute;width:15px;height:15px;border:5px solid var(--ink)}.brand-mark:before{left:1px;bottom:1px;border-right:0;border-top:0;border-radius:0 0 0 5px}.brand-mark:after{right:1px;top:1px;border-left:0;border-bottom:0;border-color:var(--green);border-radius:0 5px 0 0}.brand-mark i{left:1px;top:1px;border-right:0;border-bottom:0;border-color:var(--green);border-radius:5px 0 0 0}.brand-mark b{right:1px;bottom:1px;border-left:0;border-top:0;border-radius:0 0 5px 0}nav{display:flex;gap:42px;font-size:14px;font-weight:700;text-transform:uppercase}nav a:hover,.card-footer a:hover{color:var(--green)}.button{background:linear-gradient(135deg,#55a80c,#3d8707);color:#fff;border:0;border-radius:7px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:700}.button-small{font-size:14px;padding:14px 19px;white-space:nowrap}.button-large{font-size:20px;line-height:1.3;padding:18px 25px}.button i{font-size:25px;font-style:normal}
.hero{background:radial-gradient(circle at 72% 30%,#173d3a,#071421 37%,#04182e 72%);color:#fff;min-height:610px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:42% 58%;min-height:610px;align-items:center}.hero-copy{padding:65px 0;position:relative;z-index:2}.hero h1{font-size:56px;line-height:1.08;margin:0 0 24px;letter-spacing:-1.8px}h1 em,h2 em{color:var(--green);font-style:normal}.hero-copy>p{font-size:20px;line-height:1.5;max-width:450px;margin:0 0 38px}.quick{display:flex;gap:14px;align-items:center;margin-bottom:32px}.clock-icon{color:#77bb13;border:3px solid #77bb13;border-radius:50%;width:53px;height:53px;display:grid;place-items:center;font-size:39px;line-height:.5}.quick b{display:block;font-size:22px;text-transform:uppercase}.quick small{display:block;font-size:16px;line-height:1.6;margin-top:5px}.hero-visual{position:relative;height:570px;min-width:0}.sheet{position:absolute;right:-10px;top:33px;width:650px;height:410px;background:#f7f8f7;color:#263343;border:13px solid #232d31;border-radius:22px;padding:12px 20px;transform:perspective(900px) rotateY(-5deg) rotateX(1deg);box-shadow:0 28px 45px #0008;overflow:hidden}.sheet-bar{height:25px;margin:-12px -20px 10px;background:#177d65}.sheet-toolbar{height:40px;background:#eef0ee;border-bottom:1px solid #ccc;margin-bottom:9px}.sheet-head,.sheet-row{display:grid;grid-template-columns:1.1fr 1fr 1.3fr 1.1fr .8fr 1fr 1fr;font-size:10px;gap:5px;padding:7px 3px;border-bottom:1px solid #dfe3df}.sheet-head{font-weight:bold;background:#f0f2f0}.sheet-row strong.ok{color:#3a9a1d}.sheet-row strong.warn{color:#ed7410}.equipment-panel{position:absolute;left:26px;top:245px;width:570px;min-height:318px;display:grid;grid-template-columns:138px 1fr;background:#fbfbfa;color:#14283e;border:2px solid #88919e;border-radius:14px;overflow:hidden;box-shadow:0 20px 36px #0006;transform:rotate(2deg)}.panel-nav{background:#071a2d;color:#eef4f7;padding:18px 13px;display:flex;flex-direction:column;gap:18px;font-size:13px}.panel-nav b{font-size:16px}.panel-nav span.active{background:#4c9c11;border-radius:4px;padding:9px;margin:-4px}.panel-main{padding:18px}.panel-main h3{margin:0 0 15px;font-size:25px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{background:#fff;border-radius:7px;box-shadow:0 1px 8px #0a25400f;padding:11px}.metric strong{display:block;font-size:24px}.metric span{font-size:10px;color:#334353}.metric.blue strong{color:#1763c4}.metric.green strong{color:#258b20}.metric.orange strong{color:#f37812}.metric.red strong{color:#db211e}.mini-title{font-size:12px;font-weight:bold;margin:19px 0 6px}.mini-table{display:grid;grid-template-columns:1.3fr 1fr .7fr;font-size:10px}.mini-table>*{padding:8px 4px;border-top:1px solid #e1e4e7}.status{font-style:normal;display:flex;align-items:center;gap:6px;white-space:nowrap}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.status.green{color:#29951b}.status.orange{color:#ed7a10}.status.red{color:#df2925}.hero-badge{position:absolute;right:-10px;bottom:8px;width:136px;height:136px;padding-top:32px;border-radius:50%;background:#071f3b;color:#fff;display:grid;place-items:center;text-align:center;font-size:18px;font-weight:bold;line-height:1.35;border:2px solid #1f3650;box-shadow:0 8px 16px #0005}.hero-badge i{width:34px;height:3px;background:var(--green);margin-top:-10px}
.solutions{padding:38px 0 30px}.solutions>h2,.process>h2{text-align:center;font-size:29px;margin:0 0 24px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.solution-card{min-height:465px;border:1px solid var(--line);border-radius:11px;padding:25px;position:relative;display:flex;flex-direction:column;overflow:hidden}.card-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#fff;background:#3c9011;float:left;margin:0 14px 8px 0}.excel .card-icon{background:#2261b7}.automate .card-icon{background:var(--orange)}.solution-card h3{font-size:21px;line-height:1.35;margin:5px 0 22px}.solution-card h3:after{content:"";display:block;width:28px;height:3px;background:var(--green);margin-top:13px}.excel h3:after{background:#2365ba}.automate h3:after{background:var(--orange)}.solution-card>p{clear:both;font-size:15px;line-height:1.5;margin:0 0 15px}.tiny-table,.liquidity{margin:auto 0 16px;background:#fff;border:1px solid #ebedf0;box-shadow:0 4px 12px #09233d12;font-size:10px;overflow:hidden}.tiny-table b,.liquidity>b{display:block;padding:8px;font-size:12px}.tiny-table span{display:grid;grid-template-columns:1.4fr 1.3fr auto;padding:7px 8px;border-top:1px solid #eee}.tiny-table i{font-style:normal}.dot{width:9px;height:9px;border-radius:50%;background:currentColor;display:inline-block}.dot.green{color:#2e991d}.dot.orange{color:#f17d15}.dot.red{color:#e22a27}.liquidity>b{background:#08203b;color:#fff}.liquidity>div{display:flex;gap:3px;padding:6px}.liquidity>div span{background:#f4f5f7;padding:5px;font-size:8px;flex:1;text-align:center;border-radius:3px}.liquidity strong{font-size:9px;padding:6px;display:block}.liquidity strong i{color:#2463c0;font-style:normal}.liquidity p{display:flex;gap:5px;margin:4px 8px;font-size:9px}.liquidity p span{width:42px}.liquidity p i{height:6px;background:#2264c6;border-radius:4px}.automation-line{display:flex;align-items:center;justify-content:center;gap:9px;margin:auto 0 24px;text-align:center}.automation-line span{font-size:42px;color:#7d858d}.automation-line span:nth-of-type(2){color:var(--orange)}.automation-line span:nth-of-type(3){color:#2d8e14;border:2px solid currentColor;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:30px}.automation-line small{display:block;color:var(--ink);font-size:10px;line-height:1.25;margin-top:10px;font-weight:bold}.automation-line>i{font-size:27px;color:#202a35;font-style:normal}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:bold}.overview .card-footer>a{color:#3c9011}.excel .card-footer>a{color:#2365ba}.automate .card-footer>a{color:var(--orange)}.card-footer .button-small{font-size:11px;padding:12px 13px}.benefit-strip{margin:0 auto 40px;width:min(1180px,calc(100% - 44px));background:linear-gradient(100deg,#061d37,#091725);border-radius:10px;color:#fff}.benefit-strip .shell{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 44px}.benefit-strip .shell>div{display:flex;align-items:center;gap:18px;border-right:1px solid #87909a;padding:0 35px}.benefit-strip .shell>div:first-child{padding-left:0}.benefit-strip .shell>div:last-child{border:0}.benefit-strip span{color:#78ba16;font-size:41px}.benefit-strip p{font-size:14px;line-height:1.5;margin:0}.benefit-strip b{font-size:18px}.process{padding:0 0 42px}.process>p{text-align:center;margin-top:-16px;font-size:15px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:34px}.steps article{position:relative}.steps article:not(:last-child):after{content:"→";position:absolute;right:-26px;top:10px;color:#1b4a7d;font-size:28px}.step-number{display:inline-grid;place-items:center;background:#eef4e9;color:#4d9b18;width:40px;height:40px;border-radius:50%;font-size:22px;font-weight:bold}.steps i{font-size:35px;font-style:normal;margin-left:12px}.steps h3{font-size:16px;margin:13px 0 7px}.steps p{font-size:14px;line-height:1.55;margin:0}.contact{background:linear-gradient(100deg,#061e39,#091726);color:#fff;margin:0 auto 30px;width:min(1180px,calc(100% - 44px));border-radius:9px}.contact .shell{display:flex;align-items:center;gap:25px;padding:26px 50px}.contact>div>span{font-size:46px;color:#75b816}.contact p{font-size:23px;line-height:1.5;margin:0 auto 0 0}.contact em{color:#6eb21a;font-style:normal}.contact .button-large{font-size:18px;white-space:nowrap}
.examples-hero{padding:52px 0 27px;text-align:center}.examples-hero>p,.case-intro>p{text-transform:uppercase;color:#3d9610;font-weight:bold;letter-spacing:.5px;font-size:13px}.examples-hero h1{font-size:40px;line-height:1.25;margin:12px 0}.examples-hero>span{font-size:16px}.anchor-bar{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(100deg,#06203c,#0b1a2b);border-radius:7px;color:#fff;margin-top:33px}.anchor-bar a{padding:15px;border-right:1px solid #87909a}.anchor-bar a:last-child{border:0}.anchor-bar b{color:#6fb719;margin-right:13px}.case-section{padding:30px 0 14px}.case-section:target{scroll-margin-top:20px}.case-intro{max-width:475px}.case-intro h2{font-size:30px;line-height:1.2;margin:10px 0}.case-intro>span{font-size:16px;line-height:1.5;display:block}.case-layout{display:grid;grid-template-columns:1fr 210px;gap:22px;margin-top:20px}.case-app,.need-card,.outcome-card{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 5px 15px #071f380d}.case-app{padding:18px}.case-app h3{margin:0 0 13px;font-size:19px}.case-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.case-metrics span{border:1px solid #e4e8eb;border-radius:6px;padding:11px;font-size:10px;text-align:center}.case-metrics b{display:block;font-size:29px;color:#1767cc;margin-bottom:5px}.case-metrics span:nth-child(2) b{color:#24901f}.case-metrics span:nth-child(3) b{color:#ef7b12}.case-metrics span:nth-child(4) b{color:#de2722}.case-table{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.3fr;margin-top:15px;font-size:12px}.case-table>*{padding:10px 7px;border-top:1px solid #e6e9ec}.case-table>b{font-size:11px;background:#fafbfc}.need-card{padding:18px}.need-card h3{font-size:17px;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.need-card p{font-size:12px;line-height:1.35;margin:14px 0}.need-card p .dot{margin-right:6px}.need-card small{display:block;color:#6b7886;margin:6px 0 0 16px}.need-card button,.billing-app button{width:100%;background:linear-gradient(135deg,#5bad0d,#3d8909);color:#fff;border:0;border-radius:6px;padding:12px;font-weight:bold;margin-top:12px}.three-actions{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;margin:20px 0 0;padding:14px;align-items:center}.three-actions span{display:grid;grid-template-columns:45px 1fr;column-gap:10px;align-items:center;font-size:33px;color:#3c9011}.three-actions b{font-size:14px;color:var(--ink)}.three-actions small{grid-column:2;font-size:11px;line-height:1.4;color:#455467}.three-actions>i{text-align:center;font-size:23px;font-style:normal}.case-blue{background:#f2f7fd;padding:30px max(22px,calc((100vw - 1180px)/2)) 20px;margin-top:24px}.case-inner{width:min(1180px,100%);margin:auto}.shift-grid{display:grid;grid-template-columns:1fr repeat(7,1fr);font-size:10px;border:1px solid #dee5eb}.shift-grid>*{min-height:33px;padding:7px 4px;border-right:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb;text-align:center}.shift-grid strong{text-align:left}.shift-grid span.early{background:#dff0d9}.shift-grid span.late{background:#d9e8f9}.shift-grid span.off{color:#8a96a0}.preference-row{display:flex;gap:20px;align-items:center;margin-top:16px;font-size:11px}.application-list{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border:1px solid #e0e6ed;background:#fff;border-radius:8px;padding:13px;margin-top:17px;font-size:12px}.application-list span{padding:8px 10px;border:1px solid #e2e7ec;border-radius:5px;color:#183e76}.case-warm{background:#fff9f3;padding:30px max(22px,calc((100vw - 1180px)/2)) 20px;margin-top:24px}.case-warm .case-intro>p{color:var(--orange)}.billing-table{grid-template-columns:.8fr 1fr 1fr .8fr}.outcome-card{display:grid;place-items:center;text-align:center;color:var(--orange);font-size:45px;padding:20px}.outcome-card p{font-size:15px;line-height:1.45;color:var(--ink);font-weight:bold}.warm{border-color:#f5d9bc}.warm span{color:var(--orange)}.warm span:first-child,.warm span:last-child{color:#429816}.examples-contact{margin-top:30px}
@media(max-width:900px){nav{gap:16px;font-size:12px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0 30px}.hero-visual{height:440px}.sheet{width:560px;right:-60px}.equipment-panel{left:5px;top:220px;width:530px}.solution-card{padding:18px}.case-layout{grid-template-columns:1fr}.need-card,.outcome-card{display:none}.benefit-strip .shell>div{padding:0 16px}.case-blue,.case-warm{padding-left:22px;padding-right:22px}}@media(max-width:680px){.site-header{height:72px}.brand{font-size:17px}.brand small{font-size:8px}.brand-mark{transform:scale(.73);transform-origin:left center;width:31px}nav{display:none}.button-small{font-size:11px;padding:11px}.shell{width:min(100% - 30px,1180px)}.hero h1{font-size:40px}.hero-copy>p{font-size:17px}.hero-visual{height:360px}.sheet{transform:scale(.67) perspective(900px) rotateY(-5deg);transform-origin:top right;right:-105px;top:0}.equipment-panel{transform:scale(.66) rotate(2deg);transform-origin:top left;top:160px;left:-5px}.hero-badge{transform:scale(.75);right:-25px;bottom:0}.solution-grid,.steps{grid-template-columns:1fr}.solution-card{min-height:400px}.benefit-strip .shell{grid-template-columns:1fr;padding:18px 24px;gap:15px}.benefit-strip .shell>div{border:0;padding:0}.steps article:not(:last-child):after{display:none}.contact .shell{padding:23px;flex-wrap:wrap}.contact p{font-size:18px}.contact .button-large{font-size:16px;width:100%}.examples-hero h1{font-size:29px}.anchor-bar{font-size:11px}.case-intro h2{font-size:25px}.case-metrics{grid-template-columns:repeat(2,1fr)}.case-table{font-size:10px}.case-table>*{padding:8px 3px}.three-actions{grid-template-columns:1fr;padding:12px;gap:8px}.three-actions>i{display:none}.three-actions span{grid-template-columns:35px 1fr;font-size:28px}.shift-grid{font-size:8px}.preference-row{flex-wrap:wrap;gap:8px}.application-list{font-size:10px}.examples-contact .shell{justify-content:center;text-align:center}.examples-contact .shell p{margin:auto}.examples-contact .shell>span{display:none}}
.static-mockup{padding:26px 0 10px}.static-mockup img{display:block;width:100%;border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 30px #061d3715}
.card-footer .button{color:#fff!important}.overview .card-footer>a:not(.button){color:#3c9011}.excel .card-footer>a:not(.button){color:#2365ba}.automate .card-footer>a:not(.button){color:var(--orange)}
/* Die Automatisierungsfolge bleibt inhaltlich unverändert, wird aber wie eine
   kompakte Anwendungsvorschau in drei gleich großen, sauber ausgerichteten
   Schritten dargestellt. */
.automate .automation-line{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);gap:4px;min-height:128px;margin:auto 0 17px;align-items:start}
.automate .automation-line span{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:auto;min-width:0;font-size:35px;line-height:42px}
.automate .automation-line span:nth-of-type(3){width:auto;height:auto;justify-self:stretch;border:0;border-radius:0;color:inherit;font-size:0;line-height:inherit}
.automate .automation-line span:nth-of-type(3):before{content:"✓";display:grid;place-items:center;width:48px;height:48px;margin:0 auto;border:2px solid #2d8e14;border-radius:50%;color:#2d8e14;font-size:27px;font-weight:400;line-height:1}
.automate .automation-line small{min-height:32px;margin-top:9px;font-size:9px;line-height:1.25;text-align:center}
.automate .automation-line>i{align-self:start;margin-top:9px;font-size:19px;line-height:42px}
@media(max-width:680px){.automate .automation-line{min-height:120px;margin-top:12px}.automate .automation-line span{font-size:32px}.automate .automation-line>i{font-size:17px}}