:root{--navy:#06345f;--navy2:#002846;--orange:#ff6900;--gray:#667585;--soft:#f3f7fa;--line:#dce5ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#082f55;background:#fff}a{color:inherit;text-decoration:none}.header{height:86px;display:flex;align-items:center;gap:28px;padding:10px 5%;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #001c3614}.brand{margin-right:auto}.brand img{width:290px;max-height:62px;object-fit:contain;object-position:left center}.header nav{display:flex;gap:25px;font-size:14px}.header nav a:hover{color:var(--orange)}.btn{display:inline-block;background:var(--orange);color:white;padding:15px 22px;border-radius:7px;font-weight:700}.top{font-size:14px}.hero{min-height:580px;display:grid;grid-template-columns:46% 54%;background:linear-gradient(120deg,var(--navy2),#0a426f);color:white}.hero-copy{padding:65px 8% 45px 10%;z-index:2}.eyebrow{font-size:12px;letter-spacing:.7px;font-weight:700;border-left:34px solid var(--orange);padding-left:12px;margin-bottom:18px}.hero h1{font-size:58px;line-height:.98;margin:0 0 18px}.hero h2{font-size:21px;line-height:1.25;margin:0 0 14px}.hero p{font-size:17px;line-height:1.45;max-width:650px}.trust{display:flex;gap:28px;margin-top:38px}.hero-art{position:relative;overflow:hidden;background:linear-gradient(135deg,#d9e6ef,#6c8498);display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06345f66,transparent 35%)}.bus{width:72%;height:45%;border-radius:34px 34px 16px 16px;background:linear-gradient(#eaf1f5 0 28%,#143d5c 29% 49%,#e9eef1 50%);border:6px solid #dbe3e8;box-shadow:0 20px 50px #001b2d66;display:flex;align-items:flex-end;justify-content:center;padding:30px;font-size:26px;color:#73808a;font-weight:bold;letter-spacing:8px}.hero-note{position:absolute;right:8%;bottom:40px;background:#032a49d9;padding:14px 18px;border-bottom:4px solid var(--orange);font-weight:700}.section{padding:48px 7%}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.section h2,.process h2{font-size:34px;margin:5px 0 20px}.orange{color:var(--navy);border-left-color:var(--orange)}.section-head>p{line-height:1.5}.cards,.industry{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article,.industry article{border:1px solid var(--line);border-radius:7px;padding:22px;background:white}.cards b{font-size:36px;color:var(--orange)}h3{margin:10px 0 8px}.cards p,.industry p{color:#35516b;line-height:1.45}.soft{background:var(--soft)}.industry article{padding:0;overflow:hidden}.industry h3,.industry p{padding:0 18px}.industry p{padding-bottom:18px}.pic{height:135px;display:flex;align-items:center;justify-content:center;font-size:60px;background:linear-gradient(135deg,#c9d9e4,#7591a5);color:white}.civic{background:linear-gradient(135deg,#e4ded2,#9b8c74)}.factory{background:linear-gradient(135deg,#b9c7d0,#445c6b)}.parts{background:linear-gradient(135deg,#b9c5cf,#273f52)}.process{padding:48px 7%;background:linear-gradient(110deg,#07345d,#002946);color:white;display:grid;grid-template-columns:1.05fr 1fr;gap:70px}.process p{line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:center}.steps strong{display:flex;width:58px;height:58px;border-radius:50%;background:#0d568f;align-items:center;justify-content:center;font-size:22px}.values{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 7%;background:#f7fafc}.values strong{border-left:3px solid var(--orange);padding-left:18px;font-size:19px}footer{background:#002b4d;color:white;padding:42px 7% 25px;display:grid;grid-template-columns:1.4fr .7fr 1fr 1.25fr;gap:45px;position:relative}footer img{width:260px;filter:brightness(0) invert(1)}footer a{display:block;margin:7px 0}.legal{grid-column:1/-1;border-top:1px solid #ffffff33;padding-top:18px;color:#c3d0da;font-size:13px}.legal a{display:inline}@media(max-width:900px){.header{height:auto;flex-wrap:wrap}.brand img{width:220px}.header nav{display:none}.top{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero h1{font-size:45px}.hero-art{min-height:330px}.section-head,.process{grid-template-columns:1fr}.cards,.industry{grid-template-columns:1fr 1fr}.values{flex-wrap:wrap}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.header{padding:8px 4%}.brand img{width:190px}.top{font-size:11px;padding:10px}.hero h1{font-size:39px}.hero h2{font-size:18px}.trust{flex-wrap:wrap}.cards,.industry,.steps,footer{grid-template-columns:1fr}.section,.process{padding:38px 6%}.section h2,.process h2{font-size:29px}.values{align-items:flex-start;flex-direction:column}.hero-art{min-height:260px}.bus{height:50%;font-size:18px}.hero-note{font-size:12px}}


/* Responsive Anpassung 17.09.2026: Texte und Layout ohne schmale Ablaufspalten. */
html {scroll-padding-top:clamp(80px,8vw,150px)}
.hero {grid-template-columns:minmax(0,52%) minmax(0,48%)}
.hero-copy,.hero-art,.process > div,.steps > div {min-width:0}
.hero-copy {padding:clamp(32px,4vw,65px) clamp(22px,3vw,65px) 45px clamp(22px,5vw,90px)}
.hero h1 {font-size:clamp(35px,3.5vw,72px);line-height:1.05;overflow-wrap:normal}
.hero h2 {font-size:clamp(19px,1.65vw,27px)}
.hero p {font-size:clamp(16px,1.15vw,19px)}
.process {grid-template-columns:minmax(0,0.9fr) minmax(0,1.5fr);gap:clamp(24px,3vw,65px)}
.steps {grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,34px);align-items:start}
.steps h3 {overflow-wrap:break-word;hyphens:auto;font-size:clamp(17px,1.25vw,23px)}
.steps p {font-size:clamp(15px,1.05vw,18px);overflow-wrap:break-word}
.process h2 {font-size:clamp(29px,2.5vw,42px)}
.header .brand {flex:0 1 auto !important}
.header .brand img {width:clamp(260px,30vw,700px) !important}
@media(max-width:1750px){
 .process {grid-template-columns:minmax(0,1fr);gap:28px}
 .steps {grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,45px)}
 .process > div:first-child p {max-width:850px}
}
@media(max-width:1150px){
 .hero {grid-template-columns:minmax(0,1fr)}
 .hero-copy {padding:clamp(30px,5vw,65px) 6%}
 .hero h1 {font-size:clamp(37px,6vw,70px)}
 .hero-art {min-height:clamp(260px,40vw,460px)}
}
@media(max-width:900px){
 .header .brand img {width:clamp(180px,37vw,300px) !important}
 .steps {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .steps h3 {font-size:17px}
 .steps p {font-size:15px}
}
@media(max-width:650px){
 .hero h1 {font-size:clamp(32px,8vw,48px)}
 .hero .hero-eyebrow {font-size:clamp(12px,3vw,16px) !important}
 .steps {grid-template-columns:minmax(0,1fr);gap:26px}
 .steps > div {display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:14px;align-items:start}
 .steps strong {grid-row:span 2;width:48px;height:48px;font-size:19px}
 .steps h3 {margin:0 0 5px;font-size:19px}
 .steps p {margin:0;font-size:16px}
 .process {gap:26px}
 .hero .trust {flex-wrap:wrap !important}
}
@media(max-width:400px){
 .header .brand img {width:175px !important}
 .hero h1 {font-size:clamp(29px,8vw,34px)}
 .hero .hero-eyebrow {letter-spacing:.3px !important}
}

/* Schriftanpassung: Navigation 17 px (im HTML-Header geregelt), Fließtext +1 px.
   Abschnitts- und Kartenüberschriften sowie Abschnittslabels bleiben unverändert. */
.cards p, .industry p, .section-head p, .prose-panel p,
.process > div:first-child > p, footer p {font-size:17px;}
.steps p {font-size:clamp(16px,1.05vw,19px);}
@media(max-width:900px){.steps p{font-size:16px;}}
@media(max-width:650px){.steps p{font-size:17px;}}





/* Kopfzeile: Desktop-Navigation, darunter ein tatsächlich bedienbares Klappmenü. */
.header {display:flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:clamp(12px,1.2vw,24px) !important;height:auto !important;min-height:150px !important;padding:10px 4% !important;position:sticky !important;top:0 !important;z-index:100 !important}
.header .brand {flex:1 1 auto !important;min-width:0 !important;margin:0 !important}
.header .brand img {display:block !important;width:min(100%,740px) !important;max-height:145px !important;height:auto !important;object-fit:contain !important;object-position:left center !important}
.header #main-nav {display:flex !important;align-items:center !important;flex:0 0 auto !important;gap:clamp(8px,1vw,22px) !important;font-size:19px !important;white-space:nowrap !important;margin:0 !important;position:static !important;visibility:visible !important;opacity:1 !important}
.header .top {flex:0 0 auto !important;white-space:nowrap !important;margin:0 !important}
.header .menu-toggle {display:none !important;appearance:none;border:1px solid #dce5ec;border-radius:7px;background:#fff;color:#082f55;font:700 17px Arial,Helvetica,sans-serif;padding:13px 16px;cursor:pointer}
.header .menu-toggle:focus-visible,.header #main-nav a:focus-visible {outline:3px solid #ff6900;outline-offset:3px}
@media(max-width:1450px){
 .header {min-height:110px !important;flex-wrap:wrap !important;row-gap:0 !important}
 .header .brand {flex:1 1 0 !important}
 .header .brand img {width:min(100%,480px) !important;max-height:110px !important}
 .header .menu-toggle {display:inline-flex !important;align-items:center;gap:9px;flex:0 0 auto;order:2}
 .header .top {order:3;font-size:clamp(12px,1.1vw,15px) !important;padding:13px 16px !important}
 .header #main-nav {display:none !important;order:4;flex:0 0 100% !important;width:100% !important;position:static !important;white-space:normal !important;flex-wrap:wrap !important;gap:0 !important;padding:12px 0 6px !important;border-top:1px solid #dce5ec;margin-top:10px !important;font-size:17px !important}
 .header #main-nav.is-open {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important}
 .header #main-nav a {display:block;padding:13px 10px}
}
@media(max-width:650px){
 .header {padding:10px 4% !important;min-height:80px !important;gap:8px !important}
 .header .brand img {width:min(100%,270px) !important;max-height:80px !important}
 .header .menu-toggle {font-size:14px;padding:10px 11px}
 .header .top {font-size:11px !important;padding:10px !important}
 .header #main-nav.is-open {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:420px){
 .header .brand {flex:1 1 100% !important}
 .header .brand img {width:min(100%,240px) !important}
 .header .menu-toggle {order:2}
 .header .top {order:3;margin-left:auto !important}
 .header #main-nav {order:4}
}

/* 17.09: Kopfzeile ohne horizontales Überlaufen; Menü rechtzeitig einschalten. */
html, body {max-width:100%;overflow-x:clip}
.header {width:100%;max-width:100%;box-sizing:border-box}
.header .brand {min-width:0 !important}
@media (max-width:1800px) {
 .header {min-height:105px !important;flex-wrap:wrap !important;column-gap:12px !important;row-gap:8px !important}
 .header .brand {flex:1 1 0 !important;order:1 !important;min-width:0 !important}
 .header .brand img {width:min(100%,480px) !important;max-height:105px !important}
 .header .menu-toggle {display:inline-flex !important;align-items:center !important;gap:8px !important;order:2 !important;flex:0 0 auto !important}
 .header .top {order:3 !important;flex:0 0 auto !important;font-size:clamp(12px,1vw,15px) !important;padding:13px 16px !important}
 .header #main-nav {display:none !important;order:4 !important;flex:0 0 100% !important;width:100% !important;position:static !important;white-space:normal !important;flex-wrap:wrap !important;gap:0 !important;padding:12px 0 6px !important;border-top:1px solid #dce5ec;margin:0 !important;font-size:17px !important}
 .header #main-nav.is-open {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important}
 .header #main-nav a {display:block !important;padding:13px 10px !important}
}
@media (max-width:650px) {
 .header .brand img {width:min(100%,270px) !important;max-height:80px !important}
 .header #main-nav.is-open {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:420px) {
 .header .brand {flex:1 1 100% !important}
 .header .brand img {width:min(100%,240px) !important}
 .header .top {margin-left:auto !important}
}