/* V261: the supplied wordmark stays separate from the original company mark. */
.brand img.brand-wordmark{width:208px;height:auto;max-width:100%;object-fit:contain;flex:0 1 208px;min-width:0}
header .brand{min-width:0;flex-shrink:1}
header .nav-row{column-gap:10px}
header .brand img.brand-wordmark{width:208px;height:auto;flex:0 1 208px;min-width:0}
footer img.brand-wordmark{width:200px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:860px){
 header .brand{max-width:calc(100% - 100px)}
 header .brand img.brand-wordmark{width:180px;flex-basis:180px}
 header .language-control,header .nav-toggle{flex-shrink:0}
}
@media(max-width:520px){
 header .nav-row{column-gap:6px}
 header .brand{gap:6px}
 header .brand img.brand-wordmark{width:170px;flex:0 1 170px;height:auto}
}
@media(max-width:360px){header .brand img.brand-wordmark{width:145px;flex-basis:145px}}
/* Long translated headings must not widen the mobile page beneath the header. */
@media(max-width:860px){.cta-row>div{min-width:0;max-width:100%}.cta-row h2{overflow-wrap:anywhere;hyphens:auto}}
@media(max-width:860px){html[lang="de"] .hero h1{overflow-wrap:anywhere;hyphens:auto}}
@media(max-width:860px){.page-head h1{overflow-wrap:anywhere;hyphens:auto}}
@media(max-width:860px){main.wrap{overflow-wrap:anywhere;hyphens:auto}}
.login-brand img.login-wordmark{width:300px;max-width:100%;height:auto}