/* astrics — bewusst ohne CSS-Framework und externe Schriftanbieter. */
:root{--ink:#303331;--muted:#646b6e;--blue:#afd0ed;--blue-dark:#35698c;--paper:#fff;--soft:#f4f6f6;--line:#dce1e1;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}img{max-width:100%;height:auto;display:block}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue-dark);outline-offset:6px}button,a,summary{touch-action:manipulation}.wrap{width:min(var(--max),calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:14px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0 0 26px}.muted{color:var(--muted)}.small{font-size:14px;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(34px,3.45vw,50px);line-height:1.13;letter-spacing:-1.9px;margin-bottom:28px}h3{font-size:25px;line-height:1.25;letter-spacing:-.6px}.skip{position:fixed;top:10px;left:20px;transform:translateY(-160%);z-index:100;background:white;padding:12px}.skip:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);z-index:20;border-bottom:1px solid #edf0f0}.header-inner{height:102px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{width:168px;height:56px;object-fit:contain}.site-header nav{display:flex;gap:32px;align-items:center;font-size:14px}.site-header nav>a{text-decoration:none;padding:12px 0;white-space:nowrap}.site-header nav>a:hover{color:var(--blue-dark)}.languages{display:flex;gap:9px;font-size:14px;margin-left:6px}.languages a{text-decoration:none;color:#737978;padding:9px 0}.languages [aria-current]{font-weight:700;color:var(--ink)}.languages>span{opacity:.4;padding:9px 0}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:45px;padding-top:55px;padding-bottom:78px;align-items:center}.hero-copy{padding-bottom:22px}.hero .eyebrow{font-size:14px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px}h1{font-size:clamp(52px,5.4vw,78px);line-height:1.035;letter-spacing:-3.9px;margin-bottom:28px}h1 em{font-style:normal;color:var(--blue-dark)}.hero-intro{font-size:17px;line-height:1.65;max-width:390px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;min-height:54px;padding:13px 22px;font-size:14px;text-decoration:none;transition:background .2s}.button:hover{background:var(--blue-dark)}.button span{font-size:22px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.text-link:hover{color:var(--blue-dark)}.hero-discover{display:flex;width:max-content;margin-top:21px;font-size:14px;border:0;gap:20px}.hero-visual{position:relative;height:550px;margin-bottom:17px}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:49% 50%;filter:saturate(.78)}.hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0e282a55,transparent 30%,#182d3630);z-index:1;pointer-events:none}.photo-coordinate{position:absolute;top:23px;left:24px;right:24px;color:white;z-index:2;letter-spacing:1px;font-size:14px;display:flex;justify-content:space-between}.photo-coordinate span{font-size:14px}.location-card{position:absolute;bottom:-18px;left:-32px;right:48px;min-height:138px;z-index:3;background:var(--blue);padding:25px 30px;display:flex;gap:21px;align-items:center}.location-card p{font-size:27px;line-height:1.18;letter-spacing:-.8px;margin:0}.brand-cross{color:#548eb8;font-size:55px;line-height:1}.location-arrow{font-size:31px;margin-left:auto;align-self:flex-start}.photo-caption{position:absolute;top:calc(100% + 31px);right:0;font-size:14px;color:var(--muted);max-width:100%;margin:0;text-align:right}.facts{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);padding:28px 0 30px;border-bottom:1px solid var(--line);gap:50px}.facts>div{display:flex;align-items:center;gap:20px}.facts>div+div{border-left:1px solid var(--line);padding-left:38px}.facts strong{font-weight:500;font-size:24px;letter-spacing:-.8px;white-space:nowrap}.facts span{font-size:14px;line-height:1.4;max-width:130px;color:var(--muted)}
.section{padding-block:110px}.section-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;margin-bottom:48px;align-items:end}.section-intro h2{margin-bottom:0}.section-intro>p{margin-bottom:3px;max-width:440px;color:var(--muted);font-size:15px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service{display:flex;flex-direction:column;border-top:1px solid var(--ink);padding-top:22px}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.number{font-size:14px;letter-spacing:1px;color:var(--muted)}.service-symbol{font-size:27px;line-height:1;color:var(--blue-dark)}.service h3{margin-bottom:20px}.service>p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:20px}.service .service-detail{font-size:14px;line-height:1.7;color:var(--ink);margin-top:auto;padding-top:8px}.tags{display:flex;flex-wrap:wrap;list-style:none;gap:7px;padding:0;margin:0}.tags li{font-size:14px;border:1px solid var(--line);padding:4px 9px;border-radius:2px}.technology{padding-top:40px;margin-top:40px;border-top:1px solid var(--line);display:flex;gap:30px;align-items:baseline}.technology strong{font-size:14px;font-weight:500;min-width:270px}.technology p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}
.ai-section{background:#293432;color:#f5f7f5;padding:90px 0 60px}.ai-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:35px 110px}.ai-section .eyebrow{color:var(--blue)}.ai-section h2{font-size:clamp(34px,3.1vw,46px)}.ai-lead{font-size:19px;line-height:1.5;max-width:410px;color:#d2e6f5;margin-bottom:20px}.ai-text{font-size:14px;line-height:1.8;color:#c1cbc7;max-width:450px;margin-bottom:27px}.ai-section .text-link{color:#e0edf7}.ai-right{display:flex;align-items:center;justify-content:center}.flow{width:100%;max-width:390px;margin:0;padding:22px 30px 18px;border:1px solid #6c817a;border-radius:4px;background:#303e3a}.flow figcaption{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:1.3px;margin-bottom:15px;color:#b8ccc1}.flow-row{display:flex;gap:12px;align-items:center;font-size:14px;padding:8px 0 17px}.flow-row>span:last-child{margin-left:auto}.flow-data{font-size:23px;color:var(--blue)}.flow-model{display:flex;gap:15px;padding:16px;background:var(--blue);color:#253b47;align-items:center;font-size:14px}.flow-model>span{font-size:25px}.flow-arrow{line-height:1;text-align:center;font-size:17px;padding:7px;color:#a9bdb3}.flow-review{border:1px solid #83988f;display:flex;align-items:center;gap:15px;padding:13px 16px;font-size:14px}.flow-review>span{border-radius:50%;width:22px;height:22px;text-align:center;color:#d2e6d8;background:#4c6359;line-height:22px}.flow-result{display:flex;justify-content:space-between;font-size:14px;padding:10px 0 6px}.flow>p{font-size:14px;color:#b2c2ba;line-height:1.6;border-top:1px solid #53665d;padding-top:12px;margin:12px 0 0}.ai-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #59675f;padding-top:28px;margin-top:20px}.ai-principles .number{color:#a9c2b8}.ai-principles h3{font-size:17px;letter-spacing:-.3px;margin:13px 0 10px}.ai-principles p{font-size:14px;color:#c1cbc7;line-height:1.8;margin-bottom:0}
.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.logo-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);height:125px;display:flex;align-items:center;justify-content:center;padding:22px 16px;background:white}.logo-grid img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s}.logo-grid img:hover{filter:none;opacity:1}.more-references{border-bottom:1px solid var(--line);margin-top:15px}.more-references summary{display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;font-size:14px;padding:15px 0;list-style:none}.more-references summary::-webkit-details-marker{display:none}.more-references summary>span{font-size:25px;line-height:1}.more-references[open] summary>span{transform:rotate(45deg)}.references>.small{font-size:14px;margin-top:15px}
.about-section{background:var(--soft);padding-block:85px}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:110px;align-items:center}.about-visual{position:relative}.about-photo{background:#fff;aspect-ratio:1/1;overflow:hidden;max-width:410px}.about-photo>img{width:100%;height:100%;object-fit:cover}.about-stamp{position:absolute;right:-20px;bottom:80px;background:var(--blue);padding:20px 24px;font-size:18px;line-height:1.25;letter-spacing:.5px;transform:rotate(-6deg)}.about-visual>p{font-size:14px;color:var(--muted);margin:16px 0 0}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.85}.engagement{display:flex;gap:20px;padding-top:22px;margin-top:24px;border-top:1px solid #d2dada}.engagement>span{font-size:28px;color:var(--blue-dark);line-height:1}.engagement h3{font-size:16px;letter-spacing:-.2px;margin-bottom:8px}.engagement p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:0}
.history{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.history-copy>p:not(.eyebrow){max-width:420px;font-size:14px;color:var(--muted);line-height:1.85}.history-copy>.small{font-size:14px!important;margin-top:25px}.history-line{font-size:14px;letter-spacing:1px;display:block;margin-top:35px}.history-line>span{color:#95b8d3}.comparison{aspect-ratio:1.07;position:relative;overflow:hidden;background:#ddd}.comparison>img,.comparison-old img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.comparison-old{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;bottom:15px;background:#fff;padding:5px 10px;font-size:14px;z-index:3}.compare-label.old{left:15px}.compare-label.new{right:15px}.compare-handle{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.compare-handle>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:40px;height:40px;background:white;color:var(--ink);text-align:center;font-size:23px;line-height:40px;box-shadow:0 2px 12px #0003}.range-label{display:block;font-size:14px;margin-top:16px;color:var(--muted)}.time-slider{display:block;width:100%;accent-color:var(--blue-dark);margin:8px 0;min-height:28px;cursor:ew-resize}.history-credit{font-size:14px;margin-top:10px}
.contact-section{background:var(--blue);padding-block:85px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.contact-section h2{font-size:clamp(52px,6vw,86px);line-height:1.04;letter-spacing:-3.5px;margin-bottom:25px}.contact-grid>div>p:not(.eyebrow){max-width:350px;font-size:15px;line-height:1.8}.contact-details{padding-top:6px}.contact-details>div{margin-bottom:25px}.contact-details>div>span{font-size:14px;display:block;margin-bottom:7px}.contact-email{font-size:clamp(22px,2.6vw,37px);display:flex;justify-content:space-between;letter-spacing:-1px;text-decoration:none;border-bottom:1px solid #30333166;padding-bottom:9px}.contact-email:hover,.contact-phone:hover{color:#254e6d}.contact-phone{font-size:23px;letter-spacing:-.5px;text-decoration:none}.contact-address{margin-top:35px!important;border-top:1px solid #30333144;padding-top:23px}.contact-address address{font-style:normal;font-size:14px;line-height:1.8;margin-bottom:15px}.contact-address .text-link{font-size:14px}.footer-brand{padding-block:42px 30px;display:flex;align-items:center;gap:30px}.footer-brand img{width:130px;height:auto}.footer-brand p{font-size:14px;margin:0;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;gap:30px;font-size:14px;color:var(--muted)}.footer-bottom>div{display:flex;gap:24px;flex-wrap:wrap}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.legal-content{max-width:780px;min-height:60vh;padding-block:70px 100px}.legal-content h1{font-size:clamp(36px,4vw,55px);letter-spacing:-2px;overflow-wrap:anywhere}.legal-content h2{font-size:25px;letter-spacing:-.5px;margin-top:35px}.legal-content p{font-size:15px}.draft-note{background:#edf4fa;border-left:3px solid var(--blue-dark);padding:20px;font-size:14px!important}
@media(min-width:1500px){.hero{padding-top:65px;padding-bottom:85px}.hero-visual{height:600px}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.hero{gap:35px}h1{font-size:60px;letter-spacing:-3px}.hero-visual{height:525px}.location-card{left:-20px;right:20px;padding:22px}.location-card p{font-size:24px}.facts{gap:20px}.facts>div{gap:13px}.facts>div+div{padding-left:25px}.facts strong{font-size:21px}.section-intro,.ai-grid,.about-grid,.history,.contact-grid{column-gap:55px}.logo-grid{grid-template-columns:repeat(3,1fr)}.site-header nav{gap:22px}.technology{display:block}.technology p{margin-top:8px}}
@media(max-width:900px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 48px)}.header-inner{height:82px}.brand img{width:144px;height:48px}.site-header nav{gap:18px;font-size:14px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:40px;padding-bottom:65px}.hero .eyebrow{font-size:14px;letter-spacing:.8px}h1{font-size:49px;letter-spacing:-2.6px}.hero-intro{font-size:15px}.hero-visual{height:480px}.location-card{right:10px;left:-10px;min-height:115px;padding:18px;gap:12px}.location-card p{font-size:22px}.brand-cross{font-size:40px}.location-arrow{font-size:24px}.photo-coordinate{left:15px;right:15px;font-size:14px}.photo-coordinate span{display:none}.photo-caption{font-size:14px}.facts strong{font-size:21px}.facts>div{display:block}.facts span{display:block;margin-top:5px}.section{padding-block:75px}.section-intro{gap:35px;margin-bottom:35px}.services{gap:23px}.service h3{font-size:22px}.service>p{font-size:14px}.ai-grid,.about-grid,.history,.contact-grid{gap:35px}.ai-section{padding-block:65px 45px}.ai-principles{gap:25px}.flow{padding:20px}.about-section{padding-block:65px}.about-stamp{right:-5px;font-size:16px;bottom:55px}.contact-section{padding-block:65px}.footer-bottom{flex-direction:column;gap:16px}}
@media(max-width:900px){.js .menu-toggle{display:flex;border:0;background:none;align-items:center;gap:14px;font-size:14px;padding:12px 0;cursor:pointer}.menu-lines{display:block;width:21px;height:12px;border-top:1px solid;border-bottom:1px solid}.js .site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:white;padding:20px 24px 28px;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #0000000a}.js .site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.js .site-header nav>a{padding:13px 0;font-size:17px}.js .site-header .languages{margin:10px 0 0;font-size:14px;gap:15px}.js [aria-expanded=true] .menu-lines{transform:rotate(-45deg);border-bottom:0}.js [aria-expanded=true] .menu-lines:after{content:'';display:block;transform:translateY(-1px) rotate(90deg);border-top:1px solid}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header-inner{height:76px}.brand img{width:132px;height:44px}.js .site-header nav{top:76px}.hero{grid-template-columns:1fr;padding-top:34px;gap:20px;padding-bottom:61px}.hero-copy{padding:0}.hero .eyebrow{font-size:14px;letter-spacing:1px;margin-bottom:22px}h1{font-size:clamp(43px,10.5vw,65px);letter-spacing:-2.6px;line-height:1.055;margin-bottom:22px}.hero-intro{font-size:15px;max-width:360px;margin-bottom:25px}.button{font-size:14px;gap:35px;min-height:51px}.hero-discover{margin:15px 0 8px}.hero-visual{height:370px;margin-top:10px;margin-left:18px;margin-bottom:15px}.photo-coordinate{top:17px}.photo-coordinate span{display:block;font-size:14px}.location-card{left:-18px;right:25px;bottom:-16px;min-height:108px;gap:18px;padding:18px 22px}.location-card p{font-size:23px}.brand-cross{font-size:45px}.photo-caption{top:calc(100% + 27px);font-size:14px}.facts{gap:14px;padding-block:22px}.facts>div+div{padding-left:14px}.facts strong{font-size:17px;letter-spacing:-.5px}.facts span{font-size:14px;max-width:90px;line-height:1.55}.section{padding-block:65px}.eyebrow{font-size:14px;letter-spacing:1.35px;margin-bottom:22px}h2{font-size:34px;letter-spacing:-1.3px;line-height:1.15;margin-bottom:25px}.section-intro{display:block;margin-bottom:30px}.section-intro>p{font-size:14px;margin:22px 0 0;line-height:1.8}.services{display:block}.service{padding-top:17px;margin-top:28px}.service-top{margin-bottom:20px}.service h3{font-size:26px;margin-bottom:14px}.service>p{font-size:14px;max-width:100%;margin-bottom:14px}.service .service-detail{margin-top:0;padding-top:0}.tags{gap:7px}.tags li{font-size:14px}.technology{margin-top:30px;padding-top:24px}.technology strong{font-size:14px}.technology p{font-size:14px}.ai-section{padding-block:60px 45px}.ai-grid{grid-template-columns:1fr;gap:35px}.ai-section h2{font-size:34px}.ai-lead{font-size:18px}.ai-text{font-size:14px}.ai-right{justify-content:flex-start}.flow{max-width:none;padding:23px}.flow-model{font-size:14px}.ai-principles{grid-template-columns:1fr;gap:23px;margin-top:0;padding-top:25px}.ai-principles>div{display:grid;grid-template-columns:25px 1fr;column-gap:10px}.ai-principles .number{grid-row:1/3;padding-top:2px}.ai-principles h3{margin:0 0 7px;font-size:18px}.ai-principles p{font-size:14px}.logo-grid{grid-template-columns:repeat(3,1fr)}.logo-grid>div{height:94px;padding:15px 10px}.about-section{padding-block:55px}.about-grid{grid-template-columns:1fr;gap:36px}.about-visual{max-width:380px;width:100%;order:2}.about-photo{aspect-ratio:1.25}.about-stamp{bottom:55px;right:0;font-size:17px}.about-copy>p:not(.eyebrow){font-size:14px}.history{grid-template-columns:1fr;gap:30px}.history-line{margin-top:25px}.comparison{aspect-ratio:1.05}.history-copy>.small{margin-top:18px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-section h2{font-size:65px;letter-spacing:-2.8px}.contact-section{padding-block:60px 35px}.contact-grid>div>p:not(.eyebrow){font-size:14px;margin-bottom:0}.contact-details{padding-top:0}.contact-email{font-size:32px}.contact-phone{font-size:24px}.contact-address{margin-top:25px!important}.footer-brand{align-items:flex-start;flex-direction:column;gap:12px;padding-block:30px 25px}.footer-brand img{width:115px}.footer-brand p{font-size:14px}.footer-bottom{font-size:14px;padding:21px 0 28px;gap:14px}.footer-bottom>div{gap:18px}.legal-content{padding-block:45px 65px}.legal-content h1{font-size:36px}.legal-content h2{font-size:24px}}
@media(max-width:900px){html:not(.js) .header-inner{height:auto;min-height:82px;flex-wrap:wrap;padding-block:12px;gap:6px}html:not(.js) .site-header nav{flex-wrap:wrap;gap:6px 20px;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header{position:static}.menu-toggle,.hero-discover,.languages,.time-slider,.range-label{display:none!important}.wrap{width:100%}.hero{padding-top:20px}.hero-visual{height:350px}.section,.ai-section,.about-section,.contact-section{padding-block:30px}.ai-section{background:#eee;color:#222}.ai-section p{color:#222}.more-references{display:none}.footer-bottom>div{display:none}a{text-decoration:none}}
