.language-picker{display:inline-flex;flex-shrink:0;align-items:center}.language-picker select{font:600 16px/1.2 system-ui,sans-serif;color:#203b35;background:#f7f6ef;border:1px solid #c6cec4;border-radius:8px;padding:10px 7px;min-height:44px;max-width:140px;cursor:pointer}.language-picker select:focus-visible{outline:3px solid #246e9f;outline-offset:3px}.brand-home{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}header{flex-wrap:wrap;height:auto;min-height:88px;padding-top:12px;padding-bottom:12px}header .language-picker{order:1}header .account-button{order:2}header .nav-cta{order:3}header .preview{display:none}html:not([lang=de]) .shapes button{overflow-wrap:anywhere;min-width:0}html:not([lang=de]) .hero h1{font-size:clamp(46px,6vw,82px)}@media(max-width:760px){header{min-height:76px;gap:8px}header .brand-lockup{margin-right:auto}header .language-picker{margin-left:auto}header .account-button{margin-left:auto}header .nav-cta{display:none}.language-picker select{max-width:140px}header .brand-lockup{font-size:21px;gap:6px}header .brand-lockup img{width:30px;height:30px}header .brand-domain{font-size:14px!important}html:not([lang=de]) .hero h1{letter-spacing:-2px;font-size:52px}}@media(max-width:410px){header .account-button{order:3;margin-left:auto}header .brand-lockup{flex-basis:calc(100% - 122px)}}
/* Translated motif names need room; do not split a short word across narrow tiles. */
@media(max-width:760px){.shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.shapes button{min-height:96px;white-space:normal;overflow-wrap:normal!important;hyphens:auto;padding:10px 6px}.shapes button span{display:block;line-height:1.25}header .brand-lockup{flex-basis:auto}.language-picker select{font-size:16px}header .account-button{min-height:44px}}
