/* THEKON · Helle blaue Richtung · Vorschlag nach KEYORG-CI-Abgleich */
:root{--blue:#2454d8;--blue-hover:#1c43b2;--night:#142442;--deep:#19325a;--light:#eef3ff;--paper:#f3f6fc;--muted:#536178;--on-dark:#e2e9ff;--line:#dce4f2}
::selection{background:#dae5ff;color:var(--night)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--blue)}
.eyebrow{color:var(--blue);font-weight:600}
.site-header{border-bottom-color:#e8edf6}
.main-nav a:hover{color:var(--blue)}
.main-nav .nav-contact{background:var(--blue);color:white}
.main-nav .nav-contact:hover{background:var(--blue-hover);color:white}
.button-dark{background:var(--blue)}.button-dark:hover{background:var(--blue-hover)}
.text-link{color:var(--blue)}
.hero{background:#fbfcff;border-bottom:1px solid #e8edf6}
.hero-inner{min-height:595px}
.hero h1{color:var(--night);font-weight:570;font-size:clamp(43px,4.5vw,69px);letter-spacing:-.045em;line-height:1.13}
.hero h1 span{color:var(--blue)}
.hero .eyebrow{color:var(--blue);font-weight:600}
.hero-intro{color:var(--muted)}
.hero .button-light{background:var(--blue);color:white}
.hero .button-light:hover{background:var(--blue-hover)}
.hero a:focus-visible{outline-color:var(--blue)}
.hero .seam path:first-child{fill:#fbfcff}
.hero .seam path:last-child{fill:var(--blue)}
.signature-copy{color:white;padding-top:10px;padding-left:65px}
.hero-signature .eyebrow{color:#e2e9ff;font-size:9px;letter-spacing:.07em;margin-bottom:31px}
.signature-services{font-size:30px;line-height:1.4;font-weight:500;letter-spacing:-.04em;margin-bottom:44px}
.signature-services>span{display:block}
.signature-person{border-top:1px solid #7898ed;padding-top:23px}
.signature-name{font-size:18px;letter-spacing:-.025em;line-height:1.4;margin-bottom:6px;font-weight:550}
.signature-role{font-size:11px;line-height:1.7;color:#e2e9ff;margin-bottom:22px;max-width:185px}
.signature-copy .text-link{color:white;font-size:10px;gap:10px}
.hero .signature-copy a:focus-visible{outline-color:white}
.service{border-top-color:#c5d2ec}
.service:last-child{border-bottom-color:#c5d2ec}
.service-number{color:var(--blue);font-weight:600}
.service-copy details{border-top-color:var(--line)}
.service-copy summary{color:var(--blue)}
.process-list li{border-top-color:#9db4e8}
.step-number{color:var(--blue);font-weight:600}
.person-heading h2{color:var(--night)}
.experience>div:first-child{border-top-color:#9db4e8}
.contact-section{background:var(--blue)}
.contact-section .eyebrow,.contact-inner>div>p:not(.eyebrow){color:var(--on-dark)}
.contact-section .button-light{background:white;color:var(--blue)}
.contact-section .button-light:hover{background:#edf2ff}
.contact-section a:focus-visible{outline-color:white}
.contact-details .contact-mail,.contact-details .text-link{color:white}
.contact-details>span{color:var(--on-dark)}
.notice{border-left-color:var(--blue)}
@media(max-width:1150px){.signature-copy{padding-left:56px}.signature-services{font-size:26px;letter-spacing:-.035em}.signature-name{font-size:17px}.hero h1{font-size:clamp(39px,4.25vw,49px)}}
@media(max-width:800px){.hero-inner{min-height:0}.hero h1{font-size:clamp(34px,5.45vw,45px)}.hero-signature{padding-bottom:34px}.signature-copy{padding:23px 0 0;border-top-color:#cad7f2;color:var(--night);display:block}.signature-services{display:none}.hero-signature .eyebrow{display:none}.signature-person{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:center}.signature-name{font-size:19px;margin:0}.signature-role{font-size:12px;color:var(--muted);margin:0;max-width:none}.signature-copy .text-link{color:var(--blue);font-size:12px;margin-top:12px;grid-column:1/-1;justify-self:start}.hero::after{background:var(--blue)}}
@media(max-width:600px){.hero h1{font-size:clamp(31px,7.9vw,46px)}.hero-copy{padding-top:44px;padding-bottom:35px}.signature-person{display:block}.signature-name{font-size:19px}.signature-role{margin-top:4px;font-size:12px}.signature-copy .text-link{display:inline-flex;margin-top:13px}.service-title h3{color:var(--night)}.process-list li{border-top-color:#9db4e8}.experience>div{border-top-color:#9db4e8}}
@media(max-width:360px){.hero h1{font-size:30px}}
/* Große randlaufende Fläche; eine durchgehende, ruhige Schräge. */
@media(min-width:801px){
 .hero-inner{grid-template-columns:minmax(0,1fr) 40%;gap:42px}
 .hero-signature .seam{display:none}
 .hero-signature::before{content:"";position:absolute;top:0;bottom:0;left:-28px;width:calc(100% + 28px + var(--gutter));background:var(--blue);clip-path:polygon(72px 0,100% 0,100% 100%,0 100%)}
 .signature-copy{padding-left:106px;padding-right:15px}
 .hero h1{font-size:clamp(39px,4.15vw,60px);white-space:normal}
 .signature-services{font-size:34px}
 .signature-name{font-size:20px}
 .signature-role{font-size:13px;max-width:none}
 .signature-copy .text-link{font-size:12px}
}
@media(min-width:1600px){.hero-signature::before{width:calc(100% + 28px + (100vw - 1280px)/2)}}
@media(min-width:801px) and (max-width:1150px){
 .hero-inner{grid-template-columns:minmax(0,1fr) 40%;gap:26px}
 .signature-copy{padding-left:80px;padding-right:0}
 .signature-services{font-size:29px}
 .signature-name{font-size:19px}
 .signature-role{font-size:12px}
 .hero h1{font-size:clamp(33px,3.8vw,44px)}
}

/* Unternehmerische Verantwortung */
.responsibilities h3{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 22px;color:var(--night)}
.responsibility-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:12px!important}
.responsibility-links a{color:var(--blue);text-underline-offset:4px}
@media(min-width:601px) and (max-width:800px){.responsibilities .experience{grid-template-columns:1fr;gap:0}}