/* Shared DATECH brand and additions, after the existing component styles. */
:root{--nav-background:var(--ink-dark)}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
.site-header{background:var(--nav-background)}
.topbar{background:var(--ink);color:white}
.brand,.brand img{background:transparent}
.navigation{gap:20px}
.navigation>a{font-size:.75rem}
.navigation .nav-cta{margin-left:0;background:white;color:var(--ink-dark)}
.navigation .nav-cta:hover,.navigation .nav-cta[aria-current]{background:var(--accent-soft);color:var(--ink-dark)}
.footer-partner-brand img{mix-blend-mode:normal}
.hero-person>div{min-width:0;max-width:340px}
.hero-person span{line-height:1.6}
.partner-list{display:grid;gap:32px}
.partner-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;border:1px solid var(--line);padding:40px;border-radius:var(--radius);scroll-margin-top:120px}
.partner-card h2{font-size:2rem;margin-bottom:12px}
.partner-card h3{font-size:1.15rem}
.partner-card ul{padding-left:1.2em;margin-block:20px}
.partner-card li{margin-block:8px}
.partner-brand{align-self:start;display:flex;align-items:center;min-height:110px}
.partner-brand img{width:100%;height:auto}
.partner-brand strong{font-size:2rem;color:var(--ink)}
.partner-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.partner-services:has(> :nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.partner-services h3{font-size:1.35rem;overflow-wrap:anywhere}
.partner-services article{scroll-margin-top:130px}
.partner-note{max-width:850px;margin-top:26px}
.career-heading{max-width:800px;margin-bottom:36px}
.job-card h3{font-size:1.35rem;overflow-wrap:anywhere}
.job-card h4{margin:18px 0 8px}
.job-card .btn{margin-top:auto;white-space:normal}
#bewerbung{scroll-margin-top:100px}
#application-form{display:grid;gap:20px}
#application-form label{display:grid;gap:8px}
#application-form .privacy-checkbox{display:flex}
#application-form .form-row{margin:0}
#application-form input:not([type=checkbox]),#application-form select,#application-form textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #788e98;border-radius:4px;padding:12px;background:white;color:var(--ink);font:inherit}
#application-form .btn{justify-self:start}
#application-form [disabled]{opacity:.7;cursor:wait}
#application-form .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-phone{overflow-wrap:anywhere}
@media(max-width:1200px){
 .menu-toggle{display:block}
 .navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:var(--nav-background);border-bottom:1px solid #ffffff35;max-height:calc(100dvh - 100px);overflow:auto}
 .navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .navigation>a{padding:14px;font-size:.95rem}
 .navigation .nav-cta{margin-top:12px;justify-content:space-between;padding:16px}
}
@media(max-width:900px){.partner-services,.partner-services:has(> :nth-child(4)){grid-template-columns:1fr}.partner-card{grid-template-columns:1fr;gap:24px}.partner-brand{max-width:220px;min-height:0}}
@media(max-width:600px){.partner-card{padding:24px}.job-card{padding:24px}.hero-person>div{max-width:250px}.hero-person span{font-size:.7rem}.partner-card h2{font-size:1.7rem}}

/* Regional content aligns with the surrounding page sections. */
.region-audience h2{max-width:none;hyphens:none}
.region-audience p{max-width:80ch}
.region-audience .region-followup{margin-top:40px}
.region-service-link{margin-top:24px}