@font-face{font-family:DM;src:url('fonts/DMSans.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f4f7f9;color:#122137;font:15px/1.7 DM,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.05em}h1,h2{font-weight:600}h1{font-size:clamp(57px,7.2vw,110px)}h2{font-size:clamp(39px,5.3vw,77px)}h3{font-size:24px;font-weight:500}a:focus-visible,button:focus-visible{outline:3px solid #36d5d4;outline-offset:5px}.site-header{height:84px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:#0b1424;color:#edf6fc;position:sticky;top:0;z-index:20;border-bottom:1px solid #203147}.brand,.footer-brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:14px;font-weight:500}.brand small,.footer-brand small{display:block;font-size:10px;color:#8ea3b9;margin-top:2px;font-weight:400}.mark{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #2f5268;border-radius:9px;background:#152c3d;color:#fff;font-size:20px;font-weight:600;letter-spacing:-2px}.mark>span{color:#43d4d6}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.site-header nav a{text-decoration:none;color:#cbd8e4}.site-header nav a:hover{color:#43d4d6}.nav-cta{display:flex;gap:19px;align-items:center;border:1px solid #38556a;padding:11px 15px;border-radius:5px;color:#edf6fc!important}.nav-cta b{font-size:18px;font-weight:400}.menu-toggle{display:none}.eyebrow{font-size:11px;color:#58718a;letter-spacing:.02em}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3ed6cf;margin-right:7px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:15px 19px;background:#11253a;color:#fff;text-decoration:none;border-radius:5px;font-size:12px;min-height:50px}.button:hover{background:#1e4052;transform:translateY(-2px)}.button span{font-size:21px}.button.light{background:#43d4d6;color:#0b1424}.button.light:hover{background:#7fe9e5}.text-link{font-size:12px;text-underline-offset:6px}.section{padding:130px clamp(22px,8vw,128px);max-width:1600px;margin:auto}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:clamp(65px,10vw,150px) clamp(22px,8vw,128px);background:#0b1424;color:#f4f7f9;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;inset:auto -7vw -27vw auto;width:58vw;height:58vw;border:1px solid #213952;border-radius:50%;box-shadow:0 0 0 70px #0f1d30,0 0 0 71px #213952;opacity:.8}.hero-copy{position:relative;z-index:1}.hero h1{margin:28px 0 28px;max-width:9ch}.hero h1 em{font-style:normal;color:#43d4d6}.hero-lead{font-size:17px;line-height:1.8;color:#b5c7d7;max-width:34ch}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:32px}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:60px;color:#90a7ba;font-size:10px}.hero-proof>span{font-size:28px;color:#43d4d6;letter-spacing:-2px;margin-left:20px}.hero-proof>span:first-child{margin-left:0}.hero-proof p{padding-right:18px;border-right:1px solid #2b4154;line-height:1.5}.hero-proof p:last-child{border:0}.hero-proof strong{font-weight:400;color:#d5e1eb}.hero-visual{height:min(650px,65vw);min-height:480px;border:1px solid #264056;background:#101e30;position:relative;z-index:1;overflow:hidden;padding:19px 20px;color:#91a7b9}.visual-top,.visual-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.visual-top b{font-weight:400;color:#57ddd4}.visual-bottom{position:absolute;bottom:19px;left:20px;right:20px;color:#66839a}.system-diagram{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0}.node{width:30%;max-width:172px;aspect-ratio:1.08;border:1px solid #3b6077;background:#15283b;padding:18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 0 0 1px #1a3449}.node small{font-size:8px;color:#43d4d6;letter-spacing:.1em}.node strong{font-size:19px;line-height:1.2;color:#e6f2f7;font-weight:400;letter-spacing:-.05em}.node-b{border-color:#43d4d6;background:#183542;transform:translateY(-35px)}.connector{height:1px;width:9%;background:#35657c;position:relative}.connector:after{content:'›';position:absolute;right:-3px;top:-12px;color:#43d4d6;font-size:20px}.signal{position:absolute;color:#6d8ba3;border:1px solid #2b4a60;padding:4px 7px;font-size:9px}.s1{top:37%;left:22%}.s2{top:58%;left:46%}.s3{top:66%;right:20%}.hero-orbit{position:absolute;border:1px solid #275165;width:340px;height:340px;border-radius:50%;left:calc(50% - 170px);top:calc(50% - 170px);opacity:.45}.statement{display:grid;grid-template-columns:.65fr 1.45fr .85fr;gap:50px;align-items:start;padding:90px clamp(22px,12vw,190px);border-bottom:1px solid #d9e2ea;background:#f4f7f9}.statement h2{font-size:clamp(40px,5.1vw,74px);max-width:12ch}.statement>p:last-child{font-size:15px;color:#5d7187;max-width:32ch;margin-top:7px}.services{display:grid;grid-template-columns:.8fr 1.4fr;gap:12%;align-items:start}.section-intro h2{margin:22px 0 24px}.section-intro>p:last-child{color:#61758b;font-size:14px;max-width:34ch}.service-list{border-top:1px solid #cfdbe5}.service-list article{display:grid;grid-template-columns:40px 1fr 30px;gap:22px;align-items:start;padding:26px 0;border-bottom:1px solid #cfdbe5}.service-list article>span{font-size:10px;color:#7a8ea2;margin-top:5px}.service-list article>div>p{font-size:13px;color:#65798e;max-width:53ch;margin:11px 0}.service-list article>b{font-size:22px;font-weight:400;color:#4bc9ca}.service-list ul{display:flex;gap:9px;list-style:none;padding:0;margin:16px 0 0;flex-wrap:wrap}.service-list li{font-size:10px;color:#547084;border:1px solid #d6e0e8;padding:3px 8px;border-radius:3px}.process{background:#0f1d2e;color:#edf6fc;max-width:none;display:grid;grid-template-columns:.85fr 1.45fr;gap:11%}.process .eyebrow{color:#96adbf}.process h2{font-size:clamp(40px,5vw,70px)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-steps article{border-top:1px solid #385269;padding-top:18px}.process-steps span{color:#43d4d6;font-size:11px}.process-steps h3{font-size:20px;margin:58px 0 15px}.process-steps p{color:#9fb2c3;font-size:12px;line-height:1.8}.projects{background:#e9f0f4;max-width:none}.projects .section-intro{margin-bottom:46px}.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}.project-card{background:#f5f8fa;border:1px solid #d3dfe7;min-width:0}.project-top{display:flex;justify-content:space-between;padding:16px 18px;font-size:9px;color:#668097;letter-spacing:.03em}.project-visual{height:250px;margin:0 14px;position:relative;overflow:hidden}.account{background:#14273a;display:flex;align-items:center;justify-content:center}.account-window{width:72%;height:67%;border:1px solid #416479;background:#1b3547;padding:17px;position:relative}.account-window>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#43d4d6;margin-right:4px}.chart{display:flex;align-items:end;gap:6px;height:65%;padding:20px 0 15px;border-bottom:1px solid #416479}.chart i{width:15%;background:#43d4d6;opacity:.8}.chart i:nth-child(1){height:35%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:43%}.chart i:nth-child(4){height:72%}.chart i:nth-child(5){height:61%}.chart i:nth-child(6){height:88%}.account-lines{width:65%;height:4px;background:#4b7186;margin-top:15px;box-shadow:0 11px #315368,0 22px #315368}.code{background:#111e2d;display:flex;align-items:center;justify-content:center}.code pre{font-size:13px;line-height:1.9;color:#c3d5e1}.code pre span{color:#43d4d6}.code pre b{color:#f2c96b;font-weight:400}.code pre em{color:#df8d91;font-style:normal}.code-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:#43d4d6;right:16%;bottom:18%;box-shadow:0 0 0 7px #43d4d622}.grid-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:30px;background:#dbe6ed}.grid-visual div{background:#82a3b5}.grid-visual div:nth-child(2n){background:#43d4d6}.project-copy{padding:20px 19px 26px}.project-copy h3{font-size:21px}.project-copy p{font-size:12px;color:#65798e;margin-top:11px}.project-copy a{display:inline-block;font-size:11px;color:#087c7f;margin-top:18px;text-decoration:none}.project-copy a:hover{text-decoration:underline}.fit{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:end}.fit>div:last-child{max-width:36ch;color:#61758b}.fit .button{margin-top:25px}.contact{max-width:none;background:#0b1424;color:#fff;display:grid;grid-template-columns:1.25fr .75fr;gap:12%;padding-top:110px;padding-bottom:110px}.contact .eyebrow{color:#9ab1c5}.contact h2{font-size:clamp(42px,5.7vw,82px);margin:20px 0 25px}.contact-copy>p:not(.eyebrow){color:#b6c9d8;max-width:45ch;font-size:14px}.contact .button{margin-top:30px}.contact-card{border:1px solid #2c455a;padding:31px;align-self:end}.contact-card>p:first-child{font-size:10px;color:#7f98ab}.contact-card>a{display:inline-block;font-size:17px;color:#43d4d6;margin:13px 0 25px;text-decoration:none;overflow-wrap:anywhere}.contact-meta{font-size:12px;color:#9eb2c4;line-height:1.8}.availability{border-top:1px solid #2d465c;margin-top:24px;padding-top:19px;font-size:10px;color:#b8c9d5}.availability i{display:inline-block;width:6px;height:6px;background:#53d5b0;border-radius:50%;margin-right:6px}footer{background:#0b1424;color:#97afc2;border-top:1px solid #24394d;display:flex;align-items:center;gap:30px;padding:25px clamp(22px,8vw,128px);font-size:10px}.footer-brand{color:#e9f4f7;margin-right:auto}.footer-links{display:flex;gap:22px}.footer-links a{text-decoration:none}.footer-links a:hover{color:#43d4d6}.footer-brand small{color:#71899f}footer>p{font-size:10px}@media(max-width:980px){.hero{gap:4%;padding-top:90px}.hero-visual{min-height:450px}.services,.process{gap:7%}.project-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.project-visual{height:220px}.contact{gap:7%}}@media(max-width:700px){.site-header{height:74px}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:#0b1424;border-bottom:1px solid #294053;flex-direction:column;align-items:stretch;gap:0;padding:17px 22px}.site-header nav.open{display:flex}.site-header nav a{padding:12px 0}.nav-cta{justify-content:space-between;margin-top:8px;padding:12px 15px!important}.menu-toggle{display:flex;align-items:center;gap:9px;background:none;border:1px solid #38556b;color:#e4f0f4;border-radius:5px;padding:9px 12px;font-size:11px}.menu-toggle>span{width:14px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.hero{display:flex;flex-direction:column;padding:70px 22px 72px;min-height:0;gap:43px}.hero h1{font-size:62px}.hero-lead{font-size:15px}.hero-actions{align-items:start;flex-direction:column;gap:13px}.hero-proof{margin-top:38px;gap:7px}.hero-proof>span{font-size:25px;margin-left:7px}.hero-proof p{padding-right:8px;font-size:9px}.hero-visual{height:390px;min-height:0;padding:15px}.node{padding:10px;width:29%;max-width:none}.node strong{font-size:13px}.node small{font-size:6px}.node-b{transform:translateY(-22px)}.visual-bottom{left:15px;right:15px;bottom:15px;font-size:7px}.statement{display:block;padding:69px 22px}.statement h2{font-size:43px;margin:20px 0 25px}.statement>p:last-child{font-size:14px}.section{padding:75px 22px}.services,.process,.fit,.contact{display:block}.services .section-intro{margin-bottom:49px}.service-list article{grid-template-columns:28px 1fr 20px;gap:9px}.service-list article h3{font-size:20px}.service-list article>div>p{font-size:12px}.process-steps{display:block}.process-steps article{margin-top:34px}.process-steps h3{margin:16px 0 9px;font-size:21px}.project-grid{display:block}.project-card{margin-bottom:18px}.project-visual{height:230px}.fit>div:last-child{margin-top:30px}.contact h2{font-size:54px}.contact-card{margin-top:47px}.footer-links{display:none}footer{padding-bottom:85px}.footer-brand{margin:0}footer>p{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Anfragebereich und feinere Typografie */
h1{font-size:clamp(50px,6.2vw,88px);line-height:1.02;letter-spacing:-.06em}
h2{font-size:clamp(36px,4.35vw,64px);line-height:1.06}
body{font-size:16px}
.hero-lead{font-size:18px;line-height:1.7}
.inquiry{display:grid;grid-template-columns:.78fr 1.22fr;gap:11%;background:#dfeaf0;max-width:none}
.inquiry-intro h2{margin:22px 0 24px}.inquiry-intro>p:not(.eyebrow){max-width:36ch;color:#5d7187;font-size:15px}
.inquiry-note{display:flex;gap:14px;border-top:1px solid #bdcfd9;margin-top:35px;padding-top:14px;max-width:34ch}.inquiry-note+.inquiry-note{margin-top:18px}
.inquiry-note>span{font-size:10px;color:#168c8e;margin-top:4px}.inquiry-note p{font-size:12px;color:#5d7187;line-height:1.55}.inquiry-note strong{color:#193247;font-weight:500}
.inquiry-form{background:#f7fafb;border:1px solid #cad9e1;padding:28px;box-shadow:0 12px 30px #18334a0b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}
.inquiry-form label{display:flex;flex-direction:column;gap:7px;color:#4d6478;font-size:11px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid #cbd9e2;background:#fff;color:#122137;border-radius:3px;padding:12px 13px;font:14px/1.4 DM,system-ui,sans-serif;outline:none}.inquiry-form textarea{resize:vertical;min-height:105px}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#26aeb0;box-shadow:0 0 0 3px #43d4d622}.inquiry-form .wide{grid-column:1/-1}.consent{display:flex!important;flex-direction:row!important;align-items:flex-start;margin-top:20px;gap:9px!important;font-size:10px!important;line-height:1.5}.consent input{width:15px;height:15px;margin-top:1px;accent-color:#1ba3a5}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.form-actions{display:flex;align-items:center;gap:18px;margin-top:25px}.form-actions .button{border:0;cursor:pointer}.form-actions p{font-size:10px;line-height:1.5;color:#71869a;max-width:24ch}.form-status{display:none;color:#168c8e;font-size:11px;margin-top:16px}.form-status.visible{display:block}
@media(max-width:700px){h1{font-size:52px}h2{font-size:42px}.hero-lead{font-size:16px}.inquiry{display:block}.inquiry-form{margin-top:45px;padding:20px}.form-grid{grid-template-columns:1fr}.inquiry-form .wide{grid-column:auto}.form-actions{display:block}.form-actions p{margin-top:12px}.contact h2{font-size:48px}}

@media(max-width:700px){.hero h1{font-size:54px}}


/* Typografie v2: ruhigere Headlines, besser lesbare Begleittexte */
body{font-size:16px}
h1{font-size:clamp(48px,5.35vw,78px);line-height:1.04}
h2{font-size:clamp(34px,3.8vw,56px);line-height:1.08}
h3{font-size:22px}
.eyebrow{font-size:12px}
.site-header nav{font-size:13px}
.hero-lead{font-size:17px;line-height:1.75}
.statement>p:last-child,.section-intro>p:last-child{font-size:15px;line-height:1.75}
.service-list article>div>p{font-size:14px;line-height:1.65}
.process-steps p{font-size:14px;line-height:1.75}
.project-copy p{font-size:13px;line-height:1.65}
.inquiry-intro>p:not(.eyebrow){font-size:16px;line-height:1.7}
.inquiry-form label{font-size:12px}
.form-actions p,.consent{font-size:11px!important}
footer,footer>p{font-size:11px}
@media(max-width:700px){
  h1,.hero h1{font-size:50px}
  h2{font-size:39px}
  .hero-lead{font-size:16px}
  .service-list article>div>p,.process-steps p{font-size:13px}
  .contact h2{font-size:45px}
}
/* Display-Schrift für mehr Eigenständigkeit */
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.055em}
h1{font-size:clamp(47px,5.1vw,74px);line-height:1.03}
h2{font-size:clamp(33px,3.65vw,53px);line-height:1.08}
.hero h1 em{font-style:italic;font-weight:500}
@media(max-width:700px){h1,.hero h1{font-size:48px}h2{font-size:37px}.contact h2{font-size:43px}}
 .focus{display:grid;grid-template-columns:.78fr 1.22fr;gap:11%;background:#e9f0f4;max-width:none}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.focus-grid article{border:1px solid #cbd9e2;background:#f6f9fa;padding:28px}.focus-grid article>span{font-size:10px;color:#168c8e;letter-spacing:.08em}.focus-grid h3{margin:48px 0 14px;font-size:24px}.focus-grid p{font-size:14px;line-height:1.7;color:#61758b}.focus-grid a{display:inline-block;margin-top:22px;font-size:12px;color:#087c7f;text-decoration:none}.about{display:grid;grid-template-columns:.3fr 1.7fr;gap:10%;align-items:start}.about-mark{font-size:48px;color:#43d4d6}.about-mark span{color:#17364a}.about h2{margin:20px 0 24px}.about-lead{font-size:18px;line-height:1.75;color:#526b80;max-width:39ch}.about-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:35px}.about-facts span{font-size:12px;color:#60778b}.about-facts b{display:block;color:#16324a;font-size:16px;font-weight:500;margin-bottom:3px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;background:#f4f7f9}.faq-list{border-top:1px solid #cbd8e1}.faq details{border-bottom:1px solid #cbd8e1;padding:20px 0}.faq summary{cursor:pointer;list-style:none;font-size:17px;color:#183148}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;color:#1aa5a6;font-size:21px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{max-width:60ch;color:#64798c;font-size:14px;line-height:1.7;padding:14px 30px 0 0}@media(max-width:700px){.focus,.about,.faq{display:block}.focus-grid{display:block;margin-top:45px}.focus-grid article{margin-bottom:14px}.focus-grid h3{margin-top:34px}.about-mark{margin-bottom:25px}.about-lead{font-size:16px}.faq-list{margin-top:45px}}
/* Lesbarkeit v3: größere Grundschrift und klarere Nebenhierarchie */
body{font-size:17px}
h1{font-size:clamp(51px,5.45vw,80px)}
h2{font-size:clamp(36px,3.95vw,58px)}
h3{font-size:24px}
.eyebrow{font-size:13px}
.site-header nav{font-size:14px}
.hero-lead{font-size:19px;line-height:1.7}
.hero-proof{font-size:12px}.hero-proof p{font-size:11px}
.statement>p:last-child,.section-intro>p:last-child{font-size:17px;line-height:1.75}
.service-list article>div>p{font-size:16px;line-height:1.7}.service-list li{font-size:11px}
.process-steps p{font-size:16px;line-height:1.75}.process-steps h3{font-size:23px}
.project-copy p{font-size:15px;line-height:1.7}.project-copy a{font-size:13px}
.focus-grid p{font-size:16px;line-height:1.75}.focus-grid a{font-size:13px}
.about-lead{font-size:20px}.about-facts span{font-size:13px}.about-facts b{font-size:17px}
.faq summary{font-size:19px}.faq details p{font-size:16px;line-height:1.75}
.inquiry-intro>p:not(.eyebrow){font-size:18px}.inquiry-form label{font-size:13px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-size:15px}.form-actions p,.consent{font-size:12px!important}
.contact-copy>p:not(.eyebrow){font-size:16px}.contact-meta{font-size:13px}
@media(max-width:700px){h1,.hero h1{font-size:52px}h2{font-size:41px}.hero-lead{font-size:17px}.statement>p:last-child,.section-intro>p:last-child,.service-list article>div>p,.process-steps p{font-size:15px}.about-lead{font-size:18px}.faq summary{font-size:18px}.faq details p{font-size:15px}.inquiry-intro>p:not(.eyebrow){font-size:17px}.inquiry-form label{font-size:12px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{font-size:15px}.contact h2{font-size:46px}}
.hero-profile{padding:19px 20px;background:#101e30}.profile-content{position:absolute;inset:0;padding:clamp(70px,8vw,125px) clamp(24px,4vw,62px) 80px;display:flex;flex-direction:column;justify-content:center}.profile-kicker{font-size:10px;letter-spacing:.12em;color:#43d4d6;margin:0 0 22px}.profile-content h2{font-family:DM,system-ui,sans-serif;font-size:clamp(29px,3.2vw,51px);line-height:1.12;letter-spacing:-.055em;color:#edf6fc;margin:0;font-weight:500}.profile-lines{display:grid;gap:12px;border-top:1px solid #315168;margin-top:35px;padding-top:18px}.profile-lines span{font-size:13px;color:#aec0ce}.profile-lines i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43d4d6;margin-right:10px}.hero-profile:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #2a5368;border-radius:50%;right:-100px;bottom:-125px;opacity:.65}.hero-profile .visual-bottom{z-index:1}@media(max-width:700px){.profile-content{padding:70px 24px 65px}.profile-content h2{font-size:32px}.profile-lines{margin-top:25px}.profile-lines span{font-size:11px}}
.hero-proof{gap:16px;margin-top:62px}.hero-proof>span{font-size:40px;letter-spacing:-2px;margin-left:25px}.hero-proof p{font-size:14px;line-height:1.45;padding-right:24px}.hero-proof strong{font-size:13px}.inquiry-note{gap:18px;margin-top:38px;padding-top:17px}.inquiry-note>span{font-size:14px;font-weight:500;margin-top:2px}.inquiry-note p{font-size:15px;line-height:1.6}.inquiry-note strong{font-size:16px}@media(max-width:700px){.hero-proof{gap:10px;margin-top:42px}.hero-proof>span{font-size:32px;margin-left:10px}.hero-proof p{font-size:12px;padding-right:10px}.hero-proof strong{font-size:11px}.inquiry-note{gap:15px;margin-top:30px;padding-top:14px}.inquiry-note>span{font-size:13px}.inquiry-note p{font-size:14px}.inquiry-note strong{font-size:15px}}
.focus-price{display:flex;align-items:baseline;gap:10px;border-top:1px solid #d2dfe6;margin-top:24px;padding-top:16px}.focus-price strong{font-family:Georgia,'Times New Roman',serif;font-size:24px;font-weight:500;color:#17324a;letter-spacing:-.04em}.focus-price span{font-size:11px;line-height:1.45;color:#6a7d8e;max-width:21ch}@media(max-width:700px){.focus-price{margin-top:20px}.focus-price strong{font-size:22px}.focus-price span{font-size:12px}}

.form-status.fehler{color:#b12f40}
.consent a{color:inherit;text-underline-offset:3px}

/* Alle Abschnitte über die volle Breite – Inhalt nur durch den Seitenrand begrenzt */
.section{max-width:none}
@media(min-width:701px){.statement{padding-left:clamp(22px,8vw,128px);padding-right:clamp(22px,8vw,128px)}}

/* Über mich: Porträt, Werdegang und gemeinsame Kennzahlenzeile */
.about {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.45fr);
  gap: 56px clamp(40px, 6vw, 112px);
  align-items: center;
  color: #0b1424;
}
.about-portrait {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #0b1424;
  border: 1px solid #2f5268;
}
.about-monogram {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46%;
  aspect-ratio: 1;
  border: 1px solid #2f5268;
  border-radius: 23%;
  background: #152c3d;
  color: #fff;
  font-size: clamp(64px, 7vw, 124px);
  font-weight: 600;
  letter-spacing: -.1em;
  padding-right: .1em;
  line-height: 1;
}
.about-monogram > span { color: #43d4d6; }
.about-portrait img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 10%;
}
.about-copy { min-width: 0; }
.about .eyebrow { color: #0f7e80; font-size: 14px; }
.about h2 {
  margin: 18px 0 30px;
  font-size: clamp(36px, 3.8vw, 72px);
  line-height: 1.08;
}
.about h2 em { font-weight: inherit; color: #0f7e80; }
.about-bio {
  max-width: 65ch;
  font-size: clamp(17px, 1.3vw, 20px);
  line-height: 1.75;
  color: #526b80;
}
.about-bio p + p { margin-top: 18px; }
.about-quote {
  margin: 30px 0 0;
  padding: 0 0 0 24px;
  border-left: 2px solid #43d4d6;
  max-width: 48ch;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(23px, 1.8vw, 30px);
  font-style: italic;
  line-height: 1.45;
  letter-spacing: -.025em;
}
.about-facts {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: .85fr 1fr 1.2fr;
  gap: 32px;
  margin: 0;
  padding-top: 30px;
  border-top: 1px solid #cbd9e2;
}
.about-facts > div { min-width: 0; }
.about-facts dt {
  font-size: clamp(26px, 2.6vw, 46px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.2;
}
.about-facts dd { margin: 10px 0 0; font-size: 14px; color: #526b80; }
@media (max-width: 1000px) {
  .about { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 40px 32px; }
  .about h2 { font-size: 36px; }
  .about-facts { gap: 22px; }
  .about-facts dt { font-size: 26px; }
}
@media (max-width: 700px) {
  .about { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .about-copy { grid-row: 1; }
  .about h2 { font-size: clamp(30px, 8.5vw, 42px); margin-bottom: 25px; }
  .about-bio { font-size: 17px; }
  .about-quote { font-size: 24px; padding-left: 18px; margin-top: 26px; }
  .about-portrait { aspect-ratio: 1; }
  .about-monogram { font-size: 80px; }
  .about-facts { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 26px; }
  .about-facts > div + div { border-top: 1px solid #cbd9e2; padding-top: 24px; }
  .about-facts dt { font-size: 34px; }
  .about-facts dd { margin-top: 7px; }
}

/* Handy: ohne Foto keine leere Markenfläche – sie erscheint erst, wenn das Porträt eingebunden ist */
@media (max-width: 700px) { .about-portrait:not(:has(img)) { display: none; } }


/* Persönliches Porträt: unverzerrtes Originalformat mit versetztem Passepartout. */
.about-portrait {
  position: relative;
  display: block;
  isolation: isolate;
  width: min(100%, 340px);
  max-width: 340px;
  margin: 0;
  padding: 0 16px 0 0;
  box-sizing: border-box;
  justify-self: center;
  aspect-ratio: auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
}
.about-portrait::before,
.about-portrait:has(img)::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 18px 0 30px 18px;
  border: 0;
  border-radius: 18px;
  background: #dceced;
}
.about-portrait::after { display: none; }
.about-portrait img {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 12px 28px -18px rgba(11, 20, 36, .4);
}
.about-portrait .portrait-caption {
  position: relative;
  width: calc(100% - 18px);
  box-sizing: border-box;
  margin: -24px 0 0 26px;
  padding: 16px 18px;
  border-left: 2px solid #0f7e80;
  border-radius: 0 4px 4px 0;
  background: #fff;
  color: #0b1424;
  box-shadow: 0 8px 24px -16px rgba(11, 20, 36, .3);
}
.about-portrait .portrait-caption strong {
  display: block;
  font: 400 22px/1.25 Georgia, 'Times New Roman', serif;
}
.about-portrait .portrait-caption span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5;
  color: #526b80;
}
@media (max-width: 820px) {
  .about-portrait { width: min(100%, 290px); }
}

/* Barrierefreiheit: Kontrast kleiner Texte ≥ 4,5:1 (Lighthouse 28.09.2026) */
.hero .eyebrow{color:#a3b7c9}
.hero-visual .visual-bottom span{color:#9db2c4}
.section-intro>p,.section-intro>p.eyebrow,.inquiry-intro>p,.inquiry-intro>p.eyebrow{color:#44586c}
.service-list article>span,.project-top span,.focus-price span,.form-actions p{color:#4d6175}
.service-list article>div>p,.focus-grid article>p,.project-copy p,.inquiry-note p{color:#44586c}
.focus-grid article>span,.inquiry-note>span{color:#0a6668}
/* LinkedIn in der Kontaktkarte */
.contact-card>a.contact-linkedin{display:block;font-size:14px;margin:-12px 0 22px;color:#a3b7c9;text-decoration:underline;text-underline-offset:4px}
.contact-card>a.contact-linkedin:hover{color:#43d4d6}
.section .section-intro>p:last-child,.inquiry .inquiry-intro>p:not(.eyebrow){color:#44586c}
