*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#1C2530;background:#fff;font-family:"Segoe UI",Arial,sans-serif;line-height:1.6} :root{--slate:#1C2530;--blue:#4C70A6;--orange:#D4803C;--light:#F0F2F5}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.draft{text-align:center;font-size:10px;letter-spacing:2px;background:#e9edf3;color:#47566a;padding:5px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;background:white;z-index:100}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5vw;background:var(--slate);color:white;border-bottom:1px solid #ffffff20}.brand{text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-1px}.brand span{color:#87a2cb}nav{display:flex;gap:32px;align-items:center}nav a{text-decoration:none;font-size:14px}.nav-contact{border-bottom:2px solid var(--orange);padding-bottom:4px}#menu{display:none}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(38px,4.5vw,70px);line-height:1.08;letter-spacing:-2.3px;font-weight:650}h2{font-size:clamp(30px,3.1vw,48px);line-height:1.16;letter-spacing:-1.4px;font-weight:650}h3{font-size:21px;line-height:1.3;font-weight:600}p+p{margin-top:18px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--blue);margin-bottom:24px}.hero{display:grid;grid-template-columns:54% 46%;background:var(--slate);color:white}.hero-copy{padding:80px 4vw 70px 5vw}.hero .eyebrow{color:#b8c4d5}.orange{color:var(--orange)}.lead{font-size:18px;color:#c8ced8;max-width:510px;margin-top:30px;line-height:1.7}.button{display:inline-flex;gap:40px;justify-content:space-between;align-items:center;background:var(--blue);color:white;text-decoration:none;font-size:15px;font-weight:600;padding:15px 23px;margin-top:32px}.button:hover{background:#3e6094}.button span{font-size:24px;line-height:1}.hero-name{font-size:14px;margin-top:35px;color:#c8ced8}.hero-image{position:relative;min-height:570px;overflow:hidden}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-image figcaption,.profile figcaption,.photo-caption{position:absolute;bottom:16px;right:16px;color:white;text-align:right;font-size:10px;line-height:1.3}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:23px 5vw;border-top:1px solid #ffffff25;font-size:10px;letter-spacing:2px;color:#c8ced8}.section{padding:96px 7vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.large{font-size:23px;line-height:1.5}.split p:not(.large){color:#667080}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.principles b{color:var(--orange);font-size:17px}.principles h3{margin:12px 0}.principles p{color:#667080}.services{background:var(--light)}.section-top{display:flex;gap:8vw;justify-content:space-between;align-items:end;margin-bottom:45px}.section-top>p{max-width:310px;color:#667080}.service{border-top:1px solid #ccd2dc}.service:last-child{border-bottom:1px solid #ccd2dc}.service summary{display:flex;align-items:center;gap:24px;cursor:pointer;list-style:none;padding:18px 0;font-size:21px;font-weight:600}.service summary::-webkit-details-marker{display:none}.service summary img{width:52px;height:52px;object-fit:contain}.num{color:#ac5a20;font-size:14px;font-weight:700;min-width:24px}.plus{margin-left:auto;color:var(--blue);font-size:30px;font-weight:300}.service[open] .plus{transform:rotate(45deg)}.detail{padding:0 65px 30px 100px;max-width:1000px}.detail h3{margin:5px 0 16px}.detail>p{color:#596474}.measures{font-size:13px}.measures strong{color:var(--blue);font-weight:600}.image-band{height:440px;position:relative;background:var(--slate);overflow:hidden;color:white}.image-band>img{width:100%;height:100%;object-fit:cover}.image-band>div{position:absolute;top:65px;left:7vw;max-width:540px;text-shadow:0 2px 12px #000}.image-band .eyebrow{color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:50px}.steps article{border-top:3px solid var(--blue);padding-top:20px}.steps b{font-size:11px;color:var(--blue);letter-spacing:1px}.steps h3{margin:16px 0}.steps p{color:#667080;font-size:15px}.kpi-note{margin-top:40px;padding-top:25px;border-top:1px solid #e0e4e9;font-size:14px;color:#667080}.profile{background:var(--slate);color:white;display:grid;grid-template-columns:30% 1fr;gap:8vw;align-items:start}.profile figure{position:relative;min-height:470px;height:100%}.profile img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center top}.profile .eyebrow{color:#a4b9d8}.profile .large{margin:25px 0;color:#d6dee9}.profile ul{padding-left:18px;color:#d6dee9}.profile li{padding-left:8px;margin-bottom:10px}.profile li::marker{content:'■';color:var(--orange);font-size:10px}.source-note{font-size:11px;color:#a6b1c2;margin-top:22px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.timeline article{border-top:1px solid #c8ced8;padding-top:22px}.timeline span{font-size:12px;color:var(--blue);font-weight:700}.timeline h3{margin:12px 0}.timeline p{font-size:14px;color:#667080}.contact{background:var(--light)}.contact>p:not(.eyebrow){margin-top:25px;max-width:600px;font-size:18px;color:#596474}.contact-details{display:flex;flex-wrap:wrap;gap:20px 40px;margin-top:40px;font-size:14px}.contact-details a{text-underline-offset:5px}footer{padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;background:var(--slate);color:#c8ced8;font-size:12px}footer>div{display:flex;gap:25px}footer .brand{color:white;font-size:22px}.legal{max-width:900px;margin:auto}.legal h1{font-size:45px;margin:30px 0}.legal h2{font-size:25px;margin:30px 0 15px}.legal p{margin:12px 0}.notice{border-left:4px solid var(--orange);padding:20px;background:var(--light)}@media(min-width:1600px){.section{padding-left:max(7vw,calc((100vw - 1380px)/2));padding-right:max(7vw,calc((100vw - 1380px)/2))}}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:60px}.hero{grid-template-columns:57% 43%}.steps,.timeline{grid-template-columns:1fr 1fr}.profile{grid-template-columns:33% 1fr;gap:5vw}.profile figure{min-height:440px}.section{padding:70px 6vw}.section-top{align-items:start}.section-top>p{max-width:230px}}@media(max-width:680px){header{padding:20px 6vw;flex-wrap:wrap}.brand{font-size:24px}#menu{display:flex;align-items:center;gap:10px;background:none;border:1px solid #667080;color:white;padding:8px 12px;font:inherit;font-size:13px}nav{display:none;width:100%;padding-top:25px;flex-direction:column;align-items:start;gap:20px}nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:50px 6vw 42px}h1{font-size:43px;letter-spacing:-1.8px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.lead{font-size:17px}.hero-image{min-height:290px;max-height:340px}.hero-bottom{gap:16px;flex-direction:column;font-size:9px;padding:22px 6vw}.section{padding:58px 6vw}.split{grid-template-columns:1fr;gap:28px}.large{font-size:21px}.principles{grid-template-columns:1fr;gap:28px;margin-top:35px}.principles>div{border-top:1px solid #ddd;padding-top:18px}.section-top{display:block}.section-top>p{max-width:none;margin-top:24px}.service summary{gap:12px;font-size:17px;line-height:1.3}.service summary img{width:38px;height:44px}.num{font-size:12px;min-width:18px}.plus{font-size:25px}.detail{padding:0 5px 26px 0}.detail h3{font-size:19px}.image-band{height:330px}.image-band>div{left:6vw;right:6vw;top:45px}.image-band h2{font-size:32px}.steps,.timeline{grid-template-columns:1fr;gap:30px}.profile{grid-template-columns:1fr}.profile figure{height:390px;min-height:0;width:78%;max-width:300px}.profile>div{margin-top:20px}.contact-details{flex-direction:column;gap:16px}.contact h2{font-size:32px}footer{align-items:start;flex-direction:column;padding:30px 6vw}.legal h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Portrait im Originalformat, mit umlaufendem Profiltext */
.profile{display:flow-root}
.profile figure{float:left;width:210px;max-width:38%;height:auto;min-height:0;margin:0 40px 22px 0}
.profile img{display:block;position:static;width:100%;height:auto;object-fit:contain}
.profile figcaption{position:static;margin-top:8px;font-size:9px;color:#c8ced8;text-align:left;line-height:1.5}
.profile>div{margin-top:0}
.profile ul{list-style-position:inside;padding-left:0}
.profile li{padding-left:0}
@media(max-width:680px){
.profile figure{width:128px;max-width:36%;margin:0 22px 16px 0}
.profile .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:16px}
.profile h2{font-size:28px;letter-spacing:-.7px;overflow-wrap:normal}
.profile .large{font-size:20px;margin:20px 0}
}


/* Quadratischer Claim-Akzent und luftige Aufzählungszeichen */
.claim-square{display:inline-block;width:.15em;height:.15em;background:var(--orange);margin-left:.06em;vertical-align:baseline}
.profile ul{list-style:none;padding-left:0}
.profile li{position:relative;padding-left:20px}
.profile li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--orange)}
/* Zehn einzeln auswählbare Leistungsfelder mit Präsentationsmotiven */
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.service,.service:last-child{border:1px solid #d5dae2;background:white;overflow:hidden}
.service summary{display:block;padding:0;font-size:20px}
.service-photo{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--slate)}
.service summary .service-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.service summary:hover .service-photo>img{transform:scale(1.025)}
.service-photo-caption{position:absolute;right:16px;bottom:16px;color:white;text-align:right;font-size:10px;font-weight:400}
.service-content{display:block;padding:24px}
.service-heading{display:flex;gap:13px;align-items:center;min-height:58px}
.service summary img.service-icon{width:44px;height:44px;object-fit:contain;flex-shrink:0}
.service-title{line-height:1.3;font-weight:600}
.service-brief{display:block;color:#667080;font-size:15px;font-weight:400;line-height:1.6;margin-top:18px;min-height:72px}
.service-select{display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:13px;margin-top:20px;padding-top:14px;border-top:1px solid #e3e7ec}
.service .plus{font-size:25px;line-height:1}
.service[open]{border-color:var(--blue)}
.service .detail{padding:0 24px 26px;max-width:none;font-size:15px}
.service .detail h3{font-size:20px}
@media(max-width:680px){.service-list{grid-template-columns:1fr;gap:24px}.service-content{padding:22px}.service-brief{min-height:0}.service .detail{padding:0 22px 24px}.service summary{font-size:19px}.service-photo{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){.service summary .service-photo>img{transition:none}}

.profile li::marker{content:""}

/* Kontaktformular */
.contact-form{margin-top:36px;max-width:820px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}
.contact-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}
.contact-form label span{color:#a95a24}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #bbc4d1;background:white;padding:13px 15px;border-radius:0;font:inherit;font-size:16px;color:var(--slate)}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
.contact-form textarea{resize:vertical;min-height:150px}
.field-message{margin-top:22px}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-privacy{font-size:12px;color:#596474;margin-top:18px;line-height:1.7}
.form-privacy a{text-underline-offset:3px}
.contact-form .button{border:0;cursor:pointer;font-family:inherit}
.contact-form .button:disabled{opacity:.6;cursor:wait}
.form-status{font-size:14px;color:var(--blue);margin-top:18px;min-height:24px;overflow-wrap:anywhere}
.form-status.error{color:#953d27}
@media(max-width:680px){.form-grid{grid-template-columns:1fr;gap:20px}.contact-form .button{width:100%}}


/* Leistungsfelder: offene Gestaltung und Nummerierung wie in der Präsentation */
.service-list{column-gap:40px;row-gap:52px}
.service,.service:last-child,.service[open]{background:transparent;border:0;overflow:visible}
.service-content{padding:28px 0 0}
.service summary img.service-icon{display:block;width:58px;height:58px;margin-bottom:24px;object-fit:contain}
.service-kicker{display:block;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:.7px;margin-bottom:18px;line-height:1.5}
.service-title{display:block;font-size:23px;line-height:1.35;min-height:63px}
.service-brief{margin-top:18px}
.service-select{border-top:1px solid #ccd2dc;margin-top:24px;padding-top:16px}
.service .detail{padding:24px 0 0;border-top:1px solid #ccd2dc;margin-top:22px}
@media(max-width:680px){.service-list{row-gap:42px}.service-content{padding:26px 0 0}.service-title{font-size:22px;min-height:0}.service summary img.service-icon{width:52px;height:52px;margin-bottom:22px}.service .detail{padding:22px 0 0}}

.profile .cv-link{margin-top:20px}.profile .cv-link-note{font-size:11px;color:#c8ced8;margin-top:8px}.profile .cv-link-note+.source-note{margin-top:18px}

/* Kompakte, mittige Slogan-Gruppe */
.hero-bottom{justify-content:center;gap:36px;text-align:center;flex-wrap:wrap}
.image-disclosure{padding:13px 5vw;font-size:11px;line-height:1.6;color:#667080;background:#F0F2F5;text-align:center}
.timeline p.station-meta{margin-top:15px;color:var(--blue);font-weight:600;font-size:12px;line-height:1.65}
@media(max-width:680px){.hero-bottom{align-items:center;gap:10px}.image-disclosure{padding:12px 6vw;text-align:left}}


/* Version 4: identischer Logoanker rechts oben auf allen Seiten */
header.site-header{position:relative;min-height:122px;padding:24px calc(5vw + 210px) 24px 5vw;justify-content:flex-start;align-items:center;background:#1C2530}
.site-header .site-logo{position:absolute;right:5vw;top:22px;width:164px;height:80px;overflow:hidden;display:block}
.site-logo img{position:absolute;max-width:none;width:240px;height:120px;left:-38px;top:-24px;display:block}
.site-header nav{gap:24px;flex-wrap:wrap}
.site-header nav a{font-size:13px}
.hero-bottom{gap:18px;padding-top:20px;padding-bottom:20px}
.hero-bottom span{letter-spacing:1.2px}
.ai-tag{position:absolute!important;right:16px!important;bottom:16px!important;left:auto!important;top:auto!important;color:white;font-size:10px;font-weight:400;line-height:1.3;text-align:right;z-index:1;text-shadow:0 1px 4px #0007;margin:0!important}
/* Im Foto enthaltene schmale dunkle Kante außerhalb des sichtbaren Bildausschnitts */
.service summary .service-photo>img{width:calc(100% + 32px);max-width:none;margin-left:-32px;transform:none;transition:none;object-position:right center}
.service summary:hover .service-photo>img{transform:none}
.overview-link{margin-bottom:32px;font-size:14px;color:var(--blue);text-underline-offset:5px}
.timeline article{display:grid;grid-template-rows:24px 62px 112px auto;align-content:start;row-gap:0}
.timeline article>h3{margin:12px 0 0}
.timeline article>p{margin:12px 0 0}
.timeline article>p.station-meta{margin:16px 0 0;padding-top:14px;border-top:1px solid #d7dde5}
.overview-page{background:var(--light);padding-top:64px}
.overview-page h1{font-size:clamp(34px,3.5vw,52px);letter-spacing:-1.5px;line-height:1.15}
.overview-intro{max-width:720px;color:#667080;margin-top:24px}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:46px;margin-top:44px}
.overview-item{position:relative;display:grid;grid-template-columns:52px 1fr 18px;gap:20px;text-decoration:none;padding:24px 0;border-top:1px solid #cbd3df;align-items:start}
.overview-item>img{width:52px;height:52px;object-fit:contain;margin-top:8px}
.overview-item .service-kicker{font-size:10px;margin-bottom:8px}
.overview-item h2{font-size:20px;line-height:1.35;letter-spacing:-.4px}
.overview-item p{font-size:13px;color:#667080;margin-top:10px}
.overview-arrow{color:var(--blue);font-size:22px}
.overview-item:hover h2{color:var(--blue)}
@media(max-width:1000px){.site-header nav{gap:18px}.timeline article{grid-template-rows:24px 56px 92px auto}}
@media(max-width:680px){
header.site-header{min-height:108px;padding:22px 6vw;align-items:center}
.site-header .site-logo{right:6vw;top:18px;width:140px;height:70px}
.site-logo img{width:205px;height:102.5px;left:-32.5px;top:-20.5px}
.site-header nav.open{padding-top:30px;padding-bottom:10px;gap:20px}
.hero-bottom{gap:6px;align-items:center;padding-top:18px;padding-bottom:18px}
.timeline article{grid-template-rows:auto;display:block}
.timeline article>h3{margin-top:12px}
.timeline article>p.station-meta{margin-top:18px;padding-top:14px}
.overview-grid{grid-template-columns:1fr;margin-top:32px}
.overview-item{gap:15px;grid-template-columns:42px 1fr 18px}
.overview-item>img{width:42px;height:42px}
.overview-page{padding-top:48px}
}

.legal{overflow-wrap:anywhere}.legal h3{margin:25px 0 14px}.legal-list{padding-left:23px}.legal-list li{margin:8px 0}