.header-end{flex-shrink:0}
/* Compensate for the original logo's transparent left inset (134 of 2048px). */
.header>.brand{transform:translateX(-6.54296875%)}
.language-picker{position:relative;font-size:13px;color:#dbe8fa}
.language-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:78px;min-height:40px;padding:7px 10px;list-style:none;cursor:pointer;border:1px solid #b5cdeb30;border-radius:8px;background:#ffffff05;user-select:none;transition:background .2s,border-color .2s}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{background:#ffffff0d;border-color:#b5cdeb65}
.language-picker summary>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.language-picker summary>.language-chevron{width:10px;height:10px;transition:transform .2s}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;right:0;top:calc(100% + 10px);min-width:172px;padding:6px;border-radius:10px;background:#101c2e;border:1px solid #b5cdeb30;box-shadow:0 14px 36px #0006;z-index:40}
.language-options a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:9px 12px;border-radius:6px;color:#b9cbe3}
.language-options a:hover,.language-options a:focus-visible{background:#ffffff0c;color:#fff}
.language-options a[aria-current=page]{color:#fff;background:#7caaff18}
.language-options a[aria-current=page]:after{content:'✓';color:#9dd2ff}
html:not([lang^=de]) .service-switcher button{overflow-wrap:anywhere}
html:not([lang^=de]) .hero-actions{flex-wrap:wrap}
html:not([lang^=de]) .hero h1{font-size:clamp(44px,6.1vw,90px);letter-spacing:-.04em}
html:not([lang^=de]) .contact-copy h2{font-size:clamp(36px,4.5vw,64px);overflow-wrap:anywhere}
html:not([lang^=de]) .managed-actions .button,html:not([lang^=de]) .detail-layout .button,html:not([lang^=de]) .detail-bottom .button{white-space:normal;text-align:left}
html:not([lang^=de]) .card-link{gap:12px}
html:not([lang^=de]) .card-link>span,html:not([lang^=de]) .button-arrow{flex-shrink:0}
/* Equal side columns keep the navigation centred independently of logo/control widths. */
@media(min-width:901px){.header{display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);gap:24px}.header>.brand{justify-self:start}.header nav{margin:0;gap:12px;justify-self:center}.header-end{justify-self:end}}
@media(max-width:1250px) and (min-width:901px){.header .brand{width:clamp(120px,11.2vw,140px)}.header{gap:12px}.header nav{gap:2px}.header nav a{padding-inline:7px;font-size:12px}}
@media(max-width:760px){.language-picker summary{min-width:70px;min-height:38px;padding:6px 8px;gap:6px}.language-picker summary>svg{width:15px;height:15px}html:not([lang^=de]) .detail-layout h1{font-size:clamp(30px,8vw,36px)}html:not([lang^=de]) .company-section h2{overflow-wrap:anywhere}html:not([lang^=de]) .keystore-copy .button{white-space:normal}}
@media(max-width:760px){html:not([lang^=de]) .hero h1{font-size:clamp(34px,9.8vw,56px)}html:not([lang^=de]) .hero-actions .button{white-space:normal}html:not([lang^=de]) .section-intro h2{overflow-wrap:anywhere}}