:root{--navy:#0d3568;--blue:#245b96;--white:#fff;--light:#f3f6f9;--text:#263238;--muted:#627181;--line:#dbe4ed;--green:#20794d;--shadow:0 16px 45px rgba(13,53,104,.12);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65;background:#fff}body.menu-open,body.lightbox-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:9999;top:10px;left:10px;padding:10px 16px;background:#fff;color:var(--navy);transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(219,228,237,.8);backdrop-filter:blur(12px)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy)}.brand img{width:46px;height:46px}.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem;line-height:1.2}.brand small{font-size:.72rem;color:var(--muted);letter-spacing:.04em}.main-nav{display:flex;gap:25px;align-items:center}.main-nav a{text-decoration:none;font-weight:700;font-size:.88rem;color:#435160;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--blue);transition:.2s}.main-nav a:hover:after,.main-nav a:focus-visible:after{right:0}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px}.hero{padding:100px 0 90px;background:linear-gradient(135deg,#f8fbfe 0%,#edf3f9 55%,#fff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:800;font-size:.75rem;margin:0 0 15px}.eyebrow span{display:block;color:var(--muted);font-weight:600;font-size:.68rem;margin-top:2px}.hero h1{font-size:clamp(2.55rem,5vw,4.7rem);line-height:1.03;color:var(--navy);letter-spacing:-.045em;margin:0 0 26px}.lead{font-size:1.1rem;color:#4f5f6e;max-width:650px}.status-pill{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:9px 14px;background:#e8f4ed;border:1px solid #c7e3d2;color:#17653e;border-radius:999px;font-weight:700;font-size:.88rem}.status-pill span{width:9px;height:9px;border-radius:50%;background:#2b965d;box-shadow:0 0 0 4px rgba(43,150,93,.14)}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:10px;text-decoration:none;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(13,53,104,.2)}.primary:hover{background:var(--blue)}.secondary{border:1px solid #b8c7d6;background:#fff;color:var(--navy)}.window-frame{background:#fff;border:1px solid #cbd7e3;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(13,53,104,.22);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.window-bar{height:39px;background:#eff3f7;display:flex;align-items:center;gap:7px;padding:0 14px;color:#6a7886;font-size:.7rem}.window-bar i{width:9px;height:9px;border-radius:50%;background:#bcc8d2}.window-bar span{margin-left:6px}.section{padding:100px 0}.section-tint{background:var(--light)}.split{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.section h2{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.12;letter-spacing:-.035em;color:var(--navy);margin:0}.prose{font-size:1.08rem;color:#506070}.prose p{margin-top:0;margin-bottom:20px}.maker{border-left:3px solid var(--blue);padding:8px 0 8px 20px;color:var(--navy)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-head>p{max-width:480px;margin:0;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.module-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.module-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(13,53,104,.16)}.module-card>img{aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line)}.card-body{padding:27px}.card-body h3{font-size:1.5rem;color:var(--navy);margin:14px 0 8px}.card-body p{margin:0;color:var(--muted)}.card-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}.badge{display:inline-flex;padding:4px 9px;border-radius:99px;font-weight:800;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.active{background:#e4f4eb;color:var(--green)}.planned{margin-top:70px}.planned>h3{font-size:1.55rem;color:var(--navy);margin-bottom:24px}.planned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.planned-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 14px}.planned-grid h4{margin:0;color:var(--navy)}.icon{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;background:#edf3f9;color:var(--blue);border-radius:10px;font-size:1.3rem}.planned-badge{justify-self:start;background:#eef1f4;color:#647383}.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.timeline li{position:relative;padding-top:28px;border-top:3px solid #cbd6e0}.timeline li:before{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#cbd6e0;top:-8px;left:0;box-shadow:0 0 0 5px #fff}.timeline li.done{border-color:var(--blue)}.timeline li.done:before{background:var(--blue)}.timeline li.current{border-color:#d38a19}.timeline li.current:before{background:#d38a19}.timeline h3{font-size:1rem;color:var(--navy);margin:0 0 5px}.timeline span{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.section-dark{background:var(--navy);color:#fff}.section-dark h2{color:#fff}.light{color:#9fc6ee}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-grid article{padding:27px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:16px}.benefit-grid article>span{color:#88b8e7;font-weight:800;font-size:.78rem}.benefit-grid h3{font-size:1.25rem;margin:25px 0 8px}.benefit-grid p{color:#ccdae7;margin:0;font-size:.93rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{border:1px solid var(--line);background:#fff;border-radius:15px;padding:0;overflow:hidden;text-align:left;cursor:zoom-in;box-shadow:0 8px 25px rgba(13,53,104,.08);transition:transform .2s}.gallery-item:hover{transform:translateY(-4px)}.gallery-item img{aspect-ratio:16/10;object-fit:cover}.gallery-item span{display:block;padding:14px 17px;font-weight:800;color:var(--navy)}.status-section{padding-top:20px}.notice{background:#eaf2fa;border:1px solid #c8dced;border-radius:var(--radius);padding:40px;display:flex;gap:25px;align-items:flex-start}.notice-icon{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-family:Georgia,serif;font-size:1.35rem}.notice h2{font-size:1.8rem}.notice p:last-child{color:#506070;margin-bottom:0}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:48px;padding-bottom:48px}.contact-card p:last-child{color:var(--muted);margin-bottom:0}.site-footer{padding:48px 0;background:#092a53;color:#dce7f1}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center}.footer-grid strong,.footer-grid span{display:block}.footer-grid span,.footer-grid p{color:#aebfd0;font-size:.86rem;margin:3px 0}.footer-grid nav{display:flex;gap:22px}.footer-grid a{text-decoration:none}.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(2,14,29,.92);display:none;align-items:center;justify-content:center;padding:60px 25px 25px}.lightbox.open{display:flex}.lightbox figure{margin:0;max-width:1100px;width:100%}.lightbox img{max-height:78vh;width:100%;object-fit:contain}.lightbox figcaption{text-align:center;color:#fff;margin-top:12px}.lightbox-close{position:absolute;right:20px;top:15px;color:#fff;background:transparent;border:0;font-size:2.7rem;cursor:pointer}.legal-main{padding:70px 0 100px}.legal-main article{max-width:800px}.legal-main h1{font-size:clamp(2.4rem,5vw,4rem);color:var(--navy);margin:0 0 32px}.legal-main h2{font-size:1.3rem;margin-top:34px}.placeholder{padding:16px 20px;background:#fff3cd;border-left:4px solid #d39b16}.back-link{display:inline-block;margin-bottom:30px;color:var(--blue);font-weight:700}button:focus-visible,a:focus-visible{outline:3px solid #e7a82a;outline-offset:4px}
@media(max-width:960px){.main-nav{position:fixed;inset:78px 0 auto;background:#fff;padding:20px;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:10px}.menu-toggle{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero{padding-top:70px}.hero-grid{gap:50px}.split{gap:30px}.planned-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.container{width:min(100% - 28px,1160px)}.section{padding:72px 0}.hero{padding:60px 0}.hero h1{font-size:2.65rem}.section-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:32px}.module-grid,.planned-grid,.timeline,.benefit-grid,.gallery{grid-template-columns:1fr}.timeline{gap:28px}.module-card:hover,.gallery-item:hover{transform:none}.notice{padding:25px;gap:16px}.notice-icon{width:38px;height:38px}.contact-card{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:25px}.brand small{display:none}.window-frame{transform:none}.hero-actions .button{flex:1}.lightbox{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
body{overflow-wrap:break-word}
h1,h2,h3,h4{overflow-wrap:anywhere}
@media(max-width:680px){.hero-actions{flex-direction:column}.hero-actions .button{width:100%;flex:none}}

/* Gestaltung nach dem Erscheinungsbild der LogistikProMo-Desktopsoftware */
:root{--navy:#063665;--blue:#1f64a7;--silver:#b9c3cd;--light:#f2f5f8;--text:#1e3042;--line:#cbd6e1;--shadow:0 18px 48px rgba(0,42,82,.14)}
body{background:#f8fafc}
.site-header{background:linear-gradient(90deg,rgba(3,49,92,.98),rgba(5,60,110,.98));border-bottom:1px solid rgba(255,255,255,.16);box-shadow:0 5px 18px rgba(0,35,70,.16)}
.brand,.main-nav a{color:#fff}.brand small{color:#c6d7e8}.brand img{border:1px solid rgba(255,255,255,.25);border-radius:11px;box-shadow:0 5px 15px rgba(0,0,0,.18)}
.main-nav a:after{background:#fff}.menu-toggle span{background:#fff}
.hero{position:relative;background:linear-gradient(115deg,#eaf0f6 0%,#fff 53%,#edf3f8 100%);padding-top:94px}
.hero:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(#063665,#1f64a7)}
.hero-copy{position:relative}.hero-copy:before{content:"LPM";display:inline-grid;place-items:center;width:62px;height:62px;margin-bottom:24px;border-radius:15px;background:linear-gradient(145deg,#0b4a82,#032d55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 12px 25px rgba(0,42,82,.2);color:#fff;font-size:1.28rem;font-weight:900;font-style:italic;letter-spacing:-.08em;text-shadow:1px 1px 0 #8794a1}
.hero h1{color:#08396a;font-size:clamp(2.55rem,4.15vw,4.05rem);overflow-wrap:normal}.status-pill{background:#eaf5ed;border-color:#bcdcc7;box-shadow:inset 0 1px 0 #fff}
.primary{background:linear-gradient(180deg,#2369aa,#0c4a84);border:1px solid #063665;box-shadow:0 9px 20px rgba(5,59,109,.23)}
.secondary{border-color:#9db2c7;box-shadow:inset 0 1px 0 #fff}
.window-frame{border-color:#9dabb9;border-radius:9px;box-shadow:0 30px 65px rgba(0,42,82,.25);background:#e9eef3}
.window-bar{height:48px;background:linear-gradient(90deg,#073967,#0a467c);color:#dbe8f5;padding-inline:15px;border-bottom:1px solid #062b51}
.window-bar i{display:none}.window-bar .app-mark{display:inline-grid;place-items:center;width:31px;height:31px;margin:0 4px 0 0;border-radius:7px;background:#fff;color:#073967;font-size:.67rem;font-weight:900;font-style:italic}.window-bar b{margin-left:auto;font-size:.68rem;font-weight:500;color:#aac3da}
.section{background:#fff}.section-tint{background:linear-gradient(180deg,#edf2f6,#f7f9fb)}
.section-label{color:#1763a4}.section h2,.card-body h3,.planned-grid h4,.timeline h3,.gallery-item span{color:#073967}
.module-card,.planned-grid article,.gallery-item{border-color:#bfcbd7;border-radius:10px;box-shadow:0 8px 24px rgba(0,42,82,.09)}
.module-card>img,.gallery-item img{background:#edf2f6}
.planned-grid article{border-left:4px solid #1763a4}
.icon{background:linear-gradient(145deg,#e4edf5,#f7f9fb);border:1px solid #c7d3df;color:#07508f}
.timeline li.done{border-color:#1763a4}.timeline li.done:before{background:#1763a4}
.section-dark{background:linear-gradient(120deg,#032e58,#07477e);position:relative}
.section-dark:after{content:"LPM";position:absolute;right:4%;bottom:-35px;color:rgba(255,255,255,.035);font-size:16rem;line-height:1;font-weight:900;font-style:italic;pointer-events:none}
.benefit-grid{position:relative;z-index:1}.benefit-grid article{border-radius:10px;background:rgba(255,255,255,.075)}
.notice{border-radius:10px;border-left:6px solid #1763a4;background:linear-gradient(90deg,#e8f1f9,#f5f8fb)}
.contact-card{background:linear-gradient(100deg,#f2f6fa,#fff);border:1px solid #cbd6e1;border-left:6px solid #1763a4;border-radius:10px;padding-inline:38px}
.site-footer{background:linear-gradient(90deg,#032d55,#063d70);border-top:3px solid #6e8295}
.legal-main{background:linear-gradient(135deg,#eef3f7,#fff)}
@media(max-width:960px){.main-nav{background:#073967;border-color:#245b86}.main-nav a{color:#fff}}
@media(max-width:680px){.hero:before{width:5px}.hero-copy:before{width:54px;height:54px}.hero h1{font-size:2.4rem;overflow-wrap:anywhere}.window-bar b{display:none}.contact-card{padding-inline:24px}}