:root{--navy:#092438;--dark:#0d3148;--blue:#346b8b;--sky:#c3e0ef;--red:#b83243;--ink:#173449;--muted:#536e80;--pale:#f1f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ef9a65;outline-offset:3px}.wrap{max-width:1170px;margin:auto;padding:0 28px}.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 6px 30px #051a2950}.nav{display:flex;align-items:center;min-height:82px;gap:20px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{height:57px;width:57px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}.brand strong{display:block;font-size:25px;line-height:1.05;letter-spacing:-1px}.brand strong span{color:#91c5e1}.brand small{display:block;font-size:9px;letter-spacing:1.2px;color:#c5dce9}.navlinks{display:flex;align-items:center;gap:4px;margin-left:auto}.navlinks button{background:transparent;border:0;border-radius:4px;padding:11px 10px;color:#edf7fb;font-size:13px;font-weight:700}.navlinks button:hover,.navlinks button.active{background:#24526e;color:white}.lang{display:flex;border:1px solid #789bb1;border-radius:4px;overflow:hidden;margin-left:8px}.lang button{border:0;background:transparent;color:#e0edf4;padding:7px 9px;font-size:12px}.lang button.active{background:#e9f5fa;color:#0c3148;font-weight:bold}.hamb{display:none;background:transparent;color:white;border:1px solid #648398;padding:7px 11px;border-radius:4px;margin-left:auto}.hero{background:radial-gradient(circle at 87% 47%,#205877 0,transparent 40%),linear-gradient(125deg,#071d2e,#0e3a54);color:#fff;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.1fr .8fr;gap:55px;align-items:center;padding-top:86px;padding-bottom:94px}.kicker{font-size:11px;letter-spacing:1.9px;text-transform:uppercase;font-weight:850;color:#a7d0e6}.kicker:before{content:'';display:inline-block;width:23px;height:3px;background:#d34a57;vertical-align:middle;margin-right:11px}.hero h1{font-size:clamp(39px,5vw,64px);line-height:1.13;letter-spacing:-2.1px;margin:24px 0}.hero h1 span{color:#b5dcf0}.hero p{color:#e1edf4;font-size:18px;max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:4px;background:#bd3949;color:white;border:2px solid #bd3949;font-weight:760;font-size:14px}.btn:hover{background:#a72f3e}.btn.secondary{background:transparent;border-color:#91b6cc;color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-photo{position:relative}.hero-photo img{display:block;width:100%;aspect-ratio:1.13/1;object-fit:cover;object-position:center 30%;border:8px solid #fff;box-shadow:22px 24px 0 #061b2c}.hero-photo small{position:absolute;bottom:-18px;left:-18px;background:#bc3b49;color:white;padding:9px 14px;font-weight:750}.intro{background:#e8f1f6;padding:24px 0}.intro .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.intro span{color:#254d65;font-weight:750;font-size:13px}.section{padding:85px 0}.section h2{font-size:clamp(32px,4vw,47px);line-height:1.2;letter-spacing:-1.3px;margin:17px 0}.lead{color:var(--muted);max-width:820px;font-size:17px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.service{background:#fff;border:1px solid #d4e3eb;border-top:4px solid #668fa7;padding:25px;text-align:left;min-height:230px;transition:transform .2s,border .2s;display:flex;flex-direction:column;align-items:start}.service:hover{transform:translateY(-3px);border-top-color:#bc3b49}.service .count{color:#b43949;font-weight:bold;font-size:12px}.service h3{color:#123c54;font-size:21px;line-height:1.3;margin:17px 0 8px}.service p{color:#577486;margin:0 0 14px;font-size:14px}.service b{color:#a63645;margin-top:auto;font-size:13px}.services .service:nth-child(1),.services .service:nth-child(2){border-top-color:#bb3a49}.pale{background:#f2f7fa}.detail{display:none;background:#dfeef5;border-left:4px solid #bc3b49;padding:22px 25px;margin-top:20px}.detail.open{display:block}.detail h3{margin:0 0 5px}.detail p{margin:0;color:#4d6d80}.notice{background:#e9f2f6;border-left:4px solid #b83b48;padding:17px;margin-top:22px;color:#35556a;font-size:14px}.proof{background:#11364e;color:white}.proof .lead{color:#c8dce8}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.stat{background:#224e66;border-top:3px solid #d04b58;padding:24px}.stat strong{display:block;font-size:27px;line-height:1.2;margin-bottom:11px;color:#fff}.stat p{font-size:13px;color:#e0eef5;margin:0}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:35px}.project{background:white;border:1px solid #d7e4eb;padding:25px}.project small{color:#a43a49;letter-spacing:.6px;font-size:11px;font-weight:850;text-transform:uppercase}.project h3{font-size:21px;margin:10px 0}.project p{font-size:14px;color:#577080;margin:0}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:center}.about img{width:100%;max-width:350px;display:block;border:8px solid #fff;box-shadow:15px 15px 0 #214b65}.about p{color:#d5e6ef}.about h2{color:white}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chips span{background:#2a556e;color:#ecf7fc;padding:5px 11px;font-size:12px}.contact{text-align:center;background:#e7f1f6}.contact .lead{margin-left:auto;margin-right:auto}.footer{padding:27px 0;background:#071b2a;color:#c8dce8;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footnote{font-size:12px;color:#a7c0cd}.page{display:none}.page.active{display:block}.subpage{padding:75px 0;min-height:60vh}.subpage h1{font-size:clamp(36px,5vw,55px);line-height:1.14;letter-spacing:-1px;margin:18px 0}.subpage .cards{margin-top:22px}.download{display:inline-flex;align-items:center;gap:8px;color:#fff;background:#b63747;padding:12px 18px;border-radius:4px;font-weight:750}.legal{border:1px dashed #a6bdca;padding:26px;background:#f0f5f8;color:#516e7e}
@media(max-width:980px){.hamb{display:block}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#0d3148;flex-direction:column;align-items:stretch;padding:12px 25px}.navlinks.open{display:flex}.hero .wrap{gap:24px}.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{padding:0 20px}.nav{min-height:70px}.navlinks{top:70px}.brand img{height:45px;width:45px}.brand strong{font-size:21px}.brand small{font-size:8px}.hero .wrap{grid-template-columns:1fr;padding-top:60px;padding-bottom:74px}.hero-photo{max-width:370px;margin:15px auto 0}.hero-photo img{aspect-ratio:1.3/1}.section{padding:60px 0}.services,.stats,.projects,.about{grid-template-columns:1fr}.service{min-height:auto}.about{gap:30px}.stat strong{font-size:24px}}
.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:770px;margin:32px auto 0;text-align:left}.contact-details>div{padding:18px 20px;background:white;border:1px solid #cfdee7;border-left:3px solid #b63747;min-width:0}.contact-details strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:#547185;margin-bottom:5px}.contact-details a,.contact-details span{color:#153a50;font-weight:650;overflow-wrap:anywhere}.contact-details a:hover{text-decoration:underline}
.service-article{background:#f2f7fa;padding:72px 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:55px}.article-body h1{font-size:clamp(35px,4.4vw,55px);line-height:1.15;letter-spacing:-1.5px;margin:16px 0 24px}.article-body h2{font-size:26px;margin:40px 0 14px}.article-body p{color:#4c697b;font-size:17px;line-height:1.8}.article-body ul{list-style:none;margin:10px 0;padding:0}.article-body li{padding:12px 0 12px 28px;border-bottom:1px solid #d2e1e9;position:relative;color:#385b70}.article-body li:before{content:'\2713 ';position:absolute;left:0;color:#b63747;font-weight:900}.case-study{background:#e1eef4;border-left:4px solid #b63747;padding:23px 26px;margin-top:20px}.case-study strong{color:#173e55}.case-study p{margin:8px 0 0;font-size:15px}.article-aside{position:sticky;top:110px;align-self:start;background:#10354d;color:white;padding:25px}.article-aside h3{font-size:21px;margin:12px 0}.article-aside p{font-size:14px;color:#d0e2ec}.article-aside a{display:block;margin-top:18px;text-align:center}.article-back{display:inline-flex;margin-bottom:18px;color:#316782;font-size:13px;font-weight:bold}.article-back:hover{text-decoration:underline}@media(max-width:800px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}}@media(max-width:650px){.contact-details{grid-template-columns:1fr}.service-article{padding:50px 0}}
.inquiry{max-width:760px;margin:34px auto 0;background:white;text-align:left;padding:28px;border:1px solid #cddfe8;border-top:4px solid #b63747}.inquiry h3{margin:0 0 6px;font-size:24px}.inquiry p{color:#587487;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.field label{font-size:13px;font-weight:750;color:#23475d}.field input,.field select,.field textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid #91abba;border-radius:4px;color:#13384d;background:#fff}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #387b9e;outline-offset:1px}.inquiry button[disabled]{background:#728b9a;border-color:#728b9a;cursor:not-allowed;opacity:1}.legal-page{max-width:790px}.legal-page h2{font-size:25px;margin-top:33px}.legal-page p{font-size:16px;line-height:1.8}.legal-page a{text-decoration:underline;color:#205f7e}.legal-warning{background:#fff2dc;border-left:4px solid #bd6b19;padding:18px;color:#644a28;margin:25px 0}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.inquiry{padding:21px}}
.profile-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:35px}
.profile-download-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #cadfe9;border-top:4px solid #4b829d;padding:25px;min-width:0}
.profile-download-card:first-child{grid-column:1/-1;border-top-color:#b63747}
.profile-type{font-size:11px;color:#68879a;font-weight:850;letter-spacing:1.15px}
.profile-download-card h3{font-size:21px;line-height:1.3;color:#103a51;margin:9px 0 7px}
.profile-download-card p{font-size:14px;line-height:1.55;color:#577287;margin:0}
.profile-link{background:#b63747;color:white;border-radius:4px;white-space:nowrap;padding:10px 15px;font-weight:800;font-size:14px}
.profile-link:hover{background:#942939}
.profile-more{margin-top:13px}.profile-more button{background:none;border:0;color:#acd8ed;text-decoration:underline;text-underline-offset:4px;padding:0;font-weight:700}
.profile-more button:hover{color:#fff}
@media(max-width:650px){.profile-downloads{grid-template-columns:1fr}.profile-download-card:first-child{grid-column:auto}.profile-download-card{padding:20px}}

/* Three balanced headline lines on desktop, with responsive sizing on phones. */
.hero h1.hero-headline{font-size:clamp(26px,3.7vw,48px);line-height:1.18;letter-spacing:-1.5px}
.hero-headline-line{display:block;white-space:nowrap}
.hero h1 .hero-headline-line.hero-headline-accent{color:#b5dcf0}
@media(max-width:650px){.hero h1.hero-headline{font-size:clamp(20px,5.4vw,34px);letter-spacing:-.8px}}

/* Hero heading: white outer lines and blue database emphasis. */
.hero h1.hero-headline .hero-headline-line{color:#fff;}
.hero h1.hero-headline .hero-headline-line.hero-headline-accent{color:#b5dcf0;}

/* Kontaktformular: Honeypot und Versandstatus */
.spamtrap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:1.4em;font-weight:600;color:#28536a}.inquiry button:disabled{cursor:not-allowed}

/* Office-Dev: gut erkennbare Rueckmeldung nach Formularversand */
.form-status.is-success,.form-status.is-error{display:block;padding:16px 20px;margin:18px 0 20px;border-radius:7px;border:1px solid;font-weight:700;line-height:1.6;font-size:1.05rem}
.form-status.is-success{color:#155b39;background:#ecf7ef;border-color:#a4d2b2}
.form-status.is-error{color:#8b2533;background:#fff1f2;border-color:#e9b2b9}
.form-status.is-success::before{content:'\2713 ';display:inline-block;margin-right:12px;font-size:1.2em}
.form-status.is-error::before{content:'!';display:inline-block;margin-right:12px;font-size:1.2em}

/* Mobile refinement - keep original typography and color palette. */
@media(max-width:650px){
  .hero .wrap{padding-top:38px}
  .hero .kicker{font-size:10px;letter-spacing:1.25px;line-height:1.6}
  .hero .kicker:before{margin-right:7px}
  .hero .actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .hero .actions .btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;text-align:center}
  .navlinks.open{padding:8px 20px 12px;gap:0}
  .navlinks button{padding:10px 12px;min-height:44px}
  .subpage.contact{padding-top:50px}
  .subpage.contact .notice{margin-top:16px}
}

/* SEO: links use identical visual styles to the former buttons. */
.navlinks a{display:inline-block;background:transparent;border:0;border-radius:4px;padding:11px 10px;color:#edf7fb;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.navlinks a:hover,.navlinks a.active{background:#24526e;color:#fff}
a.service{text-decoration:none;color:inherit;cursor:pointer}
.profile-more a{background:none;border:0;color:#acd8ed;text-decoration:underline;text-underline-offset:4px;padding:0;font-weight:700}
.profile-more a:hover{color:#fff}
@media(max-width:980px){.navlinks a{display:block;padding:11px 10px}}
/* Keep both DE and EN buttons fully visible on narrow phones. */
@media(max-width:650px){.lang,.hamb{flex-shrink:0}.brand{min-width:0}.brand>div{min-width:0}.nav{gap:7px}.lang{margin-left:0}}

/* SEO content enhancement: industry experience. Scoped rules preserve existing responsive layout. */
.industry-section { scroll-margin-top: 90px; }
.industry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; row-gap:15px; margin-top:28px; }
.industry-item { display:flex; align-items:flex-start; gap:14px; padding:17px 18px; background:#fff; border:1px solid #dde8ee; border-radius:12px; min-width:0; }
.industry-icon { display:flex; align-items:center; justify-content:center; flex:0 0 43px; width:43px; height:43px; background:#eaf2f7; color:#174e70; border-radius:10px; }
.industry-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.industry-item h3 { font-size:1.05rem; line-height:1.3; margin:1px 0 5px; color:#173b52; }
.industry-item p { font-size:.94rem; line-height:1.5; margin:0; color:#445b6a; }
.industry-hint { margin:12px 0 14px; font-size:.95rem; line-height:1.6; }
.industry-hint a { font-weight:700; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:760px){ .industry-grid{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:20px;} .industry-item{padding:14px;gap:12px;} .industry-icon{flex-basis:39px;width:39px;height:39px;} }

/* Dedicated industry page: readable company names, adaptive grid */
.industry-section h1{color:#173b52;font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:12px 0 16px}
.industry-section .industry-grid{align-items:stretch}
.industry-section .industry-item{height:100%}
.industry-companies{margin-top:10px!important;border-top:1px solid #e8eff3;padding-top:9px;font-size:.92rem!important;line-height:1.55!important}
.industry-companies strong{color:#1b4158}
.industry-disclaimer{font-size:.9rem;color:#587082;max-width:850px;line-height:1.6}
.industry-item{overflow-wrap:anywhere}
@media(max-width:760px){.industry-section h1{font-size:2rem}.industry-section .industry-item{padding:16px}.industry-companies{font-size:.9rem!important}}

/* About / Industry navigation: desktop dropdown and accessible mobile submenu */
.nav-group{position:relative;display:flex;align-items:center;border-radius:4px}
.nav-group.active{background:#24526e}
.nav-group-main{padding-right:5px!important}
.nav-group .nav-subtoggle{font:inherit;color:#edf7fb;background:transparent;border:0;border-radius:4px;padding:10px 7px;min-width:28px;min-height:38px;cursor:pointer;line-height:1}
.nav-group .nav-subtoggle:hover,.nav-group .nav-subtoggle:focus-visible{background:#24526e;outline-offset:2px}
.nav-submenu{display:none;position:absolute;z-index:200;top:100%;left:0;min-width:198px;background:#113b55;border:1px solid #54778b;border-radius:4px;box-shadow:0 9px 18px #071d2e44;padding:5px}
.nav-submenu a{display:block!important;color:#edf7fb!important;font-size:13px;padding:11px 12px!important;white-space:nowrap;text-align:left}
.nav-submenu a:hover,.nav-submenu a[aria-current="page"]{background:#24526e}
@media(min-width:981px){.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu,.nav-group.expanded .nav-submenu{display:block}}
@media(max-width:980px){
 .navlinks{max-height:calc(100dvh - 82px);overflow-y:auto}
 .nav-group{display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
 .nav-group-main{flex:1;display:block!important;padding:11px 10px!important}
 .nav-group .nav-subtoggle{min-width:48px;min-height:44px;border-left:1px solid #41627a}
 .nav-submenu{position:static;width:100%;min-width:0;box-shadow:none;border:0;border-left:3px solid #88aec4;border-radius:0;background:#173e58;margin:0 0 6px 13px;padding:2px 5px}
 .nav-group.expanded .nav-submenu{display:block}
 .nav-submenu a{white-space:normal}
}
@media(max-width:650px){.navlinks{max-height:calc(100dvh - 70px)}}

/* Supplementary SEO expertise on service detail pages */
.service-expertise { margin: 1.5rem 0; }
.service-expertise h2 { margin-bottom: 0.65rem; }
.service-expertise li { overflow-wrap: break-word; }

/* Download links below homepage portrait */
.hero-photo.flyer-enabled small{bottom:70px}
.flyer-downloads{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:37px;position:relative;z-index:1}
.flyer-downloads a{display:inline-flex;align-items:center;justify-content:center;background:#f7fbfd;color:#0b3146;border:1px solid #c8dfe8;border-radius:4px;padding:9px 11px;font-size:12px;font-weight:750;text-align:center;line-height:1.35}
.flyer-downloads a:hover,.flyer-downloads a:focus-visible{background:#dbeef5;color:#082739}
@media(max-width:650px){.hero-photo.flyer-enabled small{bottom:96px}.flyer-downloads a{flex:1 1 150px}}