@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#0d223b;--deep:#09192b;--blue:#163d68;--red:#e31d37;--ink:#162338;--muted:#637184;--paper:#f5f7f9;--line:#e2e8ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{max-width:1240px;margin:auto;padding:0 32px}.topline{background:#091b30;color:#c0cfdf;font-size:11px;letter-spacing:.05em}.topline-inner{display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px}.topline a{color:white}.header{position:sticky;top:0;z-index:20;background:white;border-bottom:1px solid #e9edf2}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;flex-direction:column;line-height:1;color:#102b4c}.brand strong{font:italic 800 29px Manrope,Arial;letter-spacing:-.085em}.brand-mark{color:var(--red);margin-left:3px}.brand small{font-size:11px;font-weight:700;letter-spacing:.01em;text-align:right}.header nav{display:flex;gap:31px;font-size:13px;font-weight:700}.header nav a:hover,.footer a:hover{color:var(--red)}.header-cta{background:var(--navy);color:white;padding:15px 20px;font-weight:700;font-size:12px}.header-cta span{margin-left:16px;color:#f77}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 35%,#224b75 0%,#102b4b 40%,#091b31 88%);color:white}.hero-glow{position:absolute;width:700px;height:700px;border:1px solid #ffffff0e;border-radius:50%;right:5%;top:-200px;box-shadow:0 0 0 90px #ffffff04,0 0 0 180px #ffffff04}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:25px;position:relative}.hero-copy{padding:78px 0 85px;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#bd2441;margin-bottom:24px}.eyebrow.light{color:#bcd0e5}.dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:10px}.hero h1,h2{font-family:Manrope,Arial;letter-spacing:-.065em}.hero h1{font-size:clamp(48px,5.2vw,77px);line-height:1.13;margin:0 0 24px;font-weight:800}.hero h1 em,.pos-copy h2 em,.contact-copy h2 em{font-style:normal;color:#ff5067}.hero-sub{font-size:17px;line-height:1.8;color:#d5e1ec;max-width:560px}.hero-actions{display:flex;gap:30px;align-items:center;margin:33px 0 64px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;font-size:13px;font-weight:800;border:0;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--red);color:white}.button.primary:hover{background:#c8112b}.button.dark{background:var(--navy);color:white}.text-link{font-size:13px;font-weight:700;color:white}.text-link span{margin-left:12px;color:#ff6074}.hero-proof{display:flex;gap:32px;flex-wrap:wrap}.hero-proof>div{border-left:1px solid #66809a;padding-left:17px}.hero-proof strong{display:block;font-size:13px}.hero-proof span{font-size:11px;color:#b5c5d5;display:block;margin-top:7px}.hero-visual{height:100%;min-height:570px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual-orbit{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#3b618744,transparent 69%);border:1px solid #ffffff18}.software-box{width:min(100%,385px);max-height:500px;object-fit:contain;position:relative;filter:drop-shadow(24px 32px 28px #0007);transform:rotate(-3deg)}.hero-product-label{position:absolute;top:80px;left:5px;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#d5e0ec}.floating-note{position:absolute;right:0;bottom:80px;background:#fff;color:var(--navy);padding:22px 26px;box-shadow:0 25px 50px #0003}.smallline{font-size:9px;color:var(--red);letter-spacing:.12em;font-weight:800}.floating-note strong{display:block;font:800 20px/1.4 Manrope;margin-top:9px}.hero-bottom{border-top:1px solid #ffffff26;background:#06182b}.hero-bottom .wrap{display:flex;align-items:center;gap:19px;min-height:54px;font-size:11px;font-weight:800;letter-spacing:.15em}.hero-bottom span{color:#e43851}.hero-bottom .hero-bottom-end{margin-left:auto;color:#a2b9cd;font-size:10px}.intro-section,.service-section,.faq-section{padding:112px 0}.section-top{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end;margin-bottom:48px}.section-top h2,.pos-copy h2,.faq-grid h2{font-size:clamp(32px,3.5vw,49px);line-height:1.2;margin:0;font-weight:800}.section-top h2 span{color:#8090a1}.section-top p,.pos-copy>p,.faq-grid>div>p{font-size:15px;line-height:1.85;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{min-height:250px;padding:29px;background:var(--paper);position:relative;border:1px solid #edf0f3;transition:transform .2s}.feature-card:hover{transform:translateY(-4px)}.feature-icon{font-size:34px;color:#174b7b}.feature-num{position:absolute;right:23px;top:25px;color:#a9b5c2;font-size:11px;font-weight:800}.feature-card h3{font:800 16px Manrope;margin:40px 0 10px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.75}.pos-section{padding:105px 0;background:#edf2f6}.pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.pos-image-stage{height:450px;background:linear-gradient(135deg,#dbe6ef,#f7fafc);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.pos-image-stage:before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #b9cad9}.pos-overline{position:absolute;top:25px;left:28px;font-size:9px;letter-spacing:.13em;color:#54718e;font-weight:800}.pos-image-stage img{position:relative;width:105%;max-height:390px;object-fit:contain;filter:drop-shadow(0 20px 18px #14314b30)}.pos-caption{font-size:10px;letter-spacing:.13em;font-weight:800;color:#60788d;margin-top:19px}.pos-caption span{color:var(--red);margin:0 12px}.pos-copy h2{margin-bottom:24px}.pos-copy h2 em{color:var(--red)}.check-list{margin:28px 0 35px;display:grid;gap:16px;font-size:13px;font-weight:700}.check-list span{display:inline-grid;place-items:center;background:#dce8f1;color:#194f7a;border-radius:50%;width:25px;height:25px;margin-right:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid>div{padding:40px 36px 40px 0}.service-grid>div+div{padding-left:36px;border-left:1px solid var(--line)}.service-step{font-size:10px;letter-spacing:.16em;color:var(--red);font-weight:800}.service-grid h3{font:800 19px Manrope;margin:25px 0 12px}.service-grid p{font-size:13px;line-height:1.8;color:var(--muted)}.region{padding:28px 0 0;font-size:13px;line-height:1.8;color:#617082}.region b{color:var(--ink)}.quote-band{background:var(--red);color:white}.quote-band .wrap{min-height:145px;display:flex;justify-content:space-between;align-items:center;gap:20px}.quote-band span{font-size:10px;letter-spacing:.15em;font-weight:800}.quote-band strong{font:800 clamp(17px,2.1vw,26px) Manrope;letter-spacing:-.04em}.quote-band a{font-size:12px;font-weight:800;border-bottom:1px solid white;padding-bottom:8px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-weight:800;font-size:15px;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-size:23px;color:var(--red)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px;line-height:1.8;max-width:590px}.contact-section{background:#0b2038;color:white;padding:110px 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:110px}.contact-copy h2{font:800 clamp(39px,4vw,56px)/1.17 Manrope;letter-spacing:-.06em;margin:0 0 24px}.contact-copy>p{color:#c4d2df;line-height:1.85;max-width:400px}.contact-detail{border-top:1px solid #ffffff25;margin-top:35px;padding-top:21px}.contact-detail span{display:block;color:#92a9c0;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:12px}.contact-detail a{font:700 21px Manrope}.contact-sign{font-size:10px;letter-spacing:.17em;margin-top:58px;color:#a7bdd0}.form-card{background:white;color:var(--ink);padding:42px 44px;box-shadow:0 25px 55px #0002}.form-kicker{color:var(--red);font-size:10px;letter-spacing:.15em;font-weight:800}.form-card h3{font:800 28px Manrope;letter-spacing:-.05em;margin:12px 0}.form-card>p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card label{display:block;font-size:11px;font-weight:800;margin-bottom:16px}.form-card input:not([type=checkbox]),.form-card select,.form-card textarea{display:block;width:100%;margin-top:9px;border:1px solid #dce3ea;background:#f8fafb;padding:14px 13px;outline:0;font-size:12px;color:var(--ink)}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#32618c}.form-card textarea{height:100px;resize:vertical}.form-card .privacy{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5}.privacy input{margin-top:2px}.privacy a{text-decoration:underline}.trap{position:absolute;left:-9999px;opacity:0}.form-submit{width:100%;margin-top:5px}.status{padding:12px;margin-bottom:18px;font-size:12px}.status.success{background:#e3f4e8;color:#145c2d}.status.error{background:#fbe6e9;color:#8c1c2b}.footer{background:#061629;color:#d8e3ed}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-top:65px;padding-bottom:65px}.footer-brand{color:white}.footer-main p{font-size:13px;color:#92a8bd;line-height:1.8}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:14px;font-size:12px}.footer-main>div>strong{color:white;margin-bottom:10px}.footer-main>div>span{color:#9db1c4}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:30px;border-top:1px solid #ffffff1c;color:#9cb1c5;font-size:11px}.footer-bottom span:last-child{display:flex;gap:24px}@media(max-width:1000px){.header nav{gap:14px}.hero-grid{grid-template-columns:1fr .7fr}.hero-proof{gap:15px}.pos-grid{gap:40px}.contact-grid{gap:45px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.topline-inner span:first-child{display:none}.topline-inner{justify-content:center}.header-inner{height:72px}.brand strong{font-size:25px}.header nav{display:none}.header-cta{font-size:11px;padding:12px}.hero-grid{display:flex;flex-direction:column;gap:0}.hero-copy{padding:62px 0 10px}.hero h1{font-size:49px}.hero-sub{font-size:15px}.hero-actions{margin-bottom:35px;gap:20px}.hero-proof{gap:12px}.hero-proof>div{padding-left:10px}.hero-proof strong{font-size:11px}.hero-visual{min-height:380px;width:100%}.hero-visual-orbit{width:300px;height:300px}.software-box{width:265px;max-height:330px}.hero-product-label{top:15px}.floating-note{right:0;bottom:22px;padding:13px}.floating-note strong{font-size:13px}.hero-bottom .wrap{font-size:9px;gap:9px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.hero-bottom-end{display:none}.intro-section,.service-section,.faq-section{padding:75px 0}.section-top,.pos-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.section-top{margin-bottom:30px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:20px;min-height:220px}.feature-card h3{font-size:14px}.feature-card p{font-size:12px}.pos-section{padding:70px 0}.pos-image-stage{height:310px}.pos-image-stage img{max-height:260px}.pos-copy{padding-top:15px}.service-grid{grid-template-columns:1fr}.service-grid>div,.service-grid>div+div{border-left:0;border-bottom:1px solid var(--line);padding:26px 0}.quote-band .wrap{padding-top:25px;padding-bottom:25px;display:grid}.contact-section{padding:70px 0}.form-card{padding:28px 20px}.form-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr 1fr;gap:35px;padding-top:45px;padding-bottom:45px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}}
/* Feinabstimmung: mehr Luft zwischen den Buchstaben der Überschriften */
.hero h1, h2, .feature-card h3, .service-grid h3, .form-card h3 {letter-spacing: .012em;}
.hero h1 {line-height:1.19;}
.section-top h2,.pos-copy h2,.faq-grid h2,.contact-copy h2 {line-height:1.29;}
.software-box {transform:none; width:min(100%,410px); max-height:530px;}

/* Integriertes Hero-Motiv mit aktiven, barrierefrei benannten Schaltflächen */
.hero-banner{background:#072447;overflow:hidden}.hero-banner-inner{position:relative;width:100%;max-width:1600px;margin:auto}.hero-banner-inner>img{display:block;width:100%;height:auto}.banner-hit{position:absolute;display:block;z-index:3;border-radius:12px;cursor:pointer}.banner-hit:focus-visible{outline:4px solid white;outline-offset:3px;background:#ffffff18}.banner-contact{left:4.45%;top:79.3%;width:35.4%;height:8.7%}.banner-more{left:40.6%;top:79.3%;width:18.5%;height:8.7%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.hero-banner-inner{min-width:0}.banner-hit{border-radius:5px}}

/* Full-bleed banner and original NEESSEN logos */
.hero-banner-inner{max-width:none;width:100%}.hero-banner-inner>img{width:100%;height:auto;display:block}.neessen-logo{display:block;width:165px;max-height:62px;object-fit:contain}.header .neessen-logo{filter:brightness(0) saturate(100%) invert(15%) sepia(49%) saturate(1228%) hue-rotate(174deg) brightness(83%) contrast(98%)}.footer .neessen-logo{filter:none}.banner-contact{left:7.9%;top:87.3%;width:25.8%;height:8%}.banner-more{left:35%;top:87.3%;width:13.4%;height:8%}@media(max-width:700px){.neessen-logo{width:118px}.banner-contact{left:7.9%;top:87.3%;width:25.8%;height:8%}.banner-more{left:35%;top:87.3%;width:13.4%;height:8%}}

/* 2026-10: Bildmenü abgeschnitten, einheitliche obere Markenleiste */
.header{position:relative;top:auto;background:#f3f8fd;border-bottom:3px solid #0c3d6d}
.header-inner{min-height:108px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:14px;padding-bottom:14px}
.header .neessen-logo{width:230px;max-height:85px;filter:brightness(0) saturate(100%) invert(15%) sepia(49%) saturate(1228%) hue-rotate(174deg) brightness(83%) contrast(98%)}
.header-tagline{font-size:15px;line-height:1.45;font-weight:700;color:#12385f;max-width:260px}
.header-contact{display:flex;flex-direction:column;gap:8px;align-items:flex-end;color:#12385f;font-size:13px;font-weight:700}
.header-contact span{font-size:10px;letter-spacing:.13em}
.hero-banner-inner{width:100%;max-width:none}
.banner-contact{left:7.9%;top:79.4%;width:25.8%;height:11%}
.banner-more{left:35%;top:79.4%;width:13.4%;height:11%}
@media(max-width:780px){.header-inner{gap:12px;flex-wrap:wrap}.header .neessen-logo{width:170px}.header-tagline{font-size:12px}.header-contact{font-size:11px}.header-contact span{font-size:8px}.banner-contact{left:7.9%;top:79.4%;width:25.8%;height:11%}.banner-more{left:35%;top:79.4%;width:13.4%;height:11%}}
@media(max-width:480px){.header-tagline{display:none}.header-contact{align-items:flex-end;font-size:10px}.header-contact span{display:none}.header .neessen-logo{width:130px}}

/* Footer: Copyright, Impressum und Datenschutz in einer Zeile */
.footer-bottom{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;column-gap:20px;white-space:nowrap;font-size:clamp(9px,0.9vw,11px)}
.footer-bottom>span{flex:0 0 auto}
.footer-bottom>span:last-child{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:18px}
@media(max-width:700px){.footer-bottom{flex-wrap:nowrap;gap:8px;font-size:clamp(8px,2.05vw,10px);padding-left:12px;padding-right:12px}.footer-bottom>span:last-child{gap:9px}}

/* Footer-Korrektur: Copyright darf nie umbrechen. */
.footer-bottom > span:first-child { white-space: nowrap !important; flex: 0 0 auto; display: inline-block; }
.footer-bottom > span:last-child { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 700px) { .footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; } .footer-bottom > span:first-child { font-size: clamp(9px, 2.6vw, 11px); } }