/* Gemeinsame Kopfzeile und Design-Tokens; Website-Footer ausschliesslich in footer.css. */
/* Website-Festlegung (Startseite ist massgeblich; gilt auch fuer Anmeldung und Editor): Schrift DM Sans/Fraunces, Farben, Pillen-Buttons, Fokus petrol. */
:root{--km-navy:var(--km-brand-navy);--km-burgundy:var(--km-brand-burgundy);--km-burgundy-dark:var(--km-brand-burgundy-dark);--km-rose:var(--km-brand-rose);--km-muted:var(--km-brand-muted);--km-line:var(--km-brand-line);--km-blush:var(--km-brand-blush);--km-petrol:var(--km-brand-petrol)}
@font-face{font-family:'Fraunces';src:url(/fonts/fraunces-latin-wght-normal.woff2?v=7f9d191d9993) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url(/fonts/dm-sans-latin-wght-normal.woff2?v=9fea608a947e) format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
.km-bar{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 12px;min-height:40px;padding:6px 24px;background:var(--km-brand-navy);color:var(--km-brand-white);text-decoration:none;font:400 15px/1.3 'DM Sans',system-ui,sans-serif;text-align:center}
.km-bar:hover{background:var(--km-ui-1d3855)}
.km-bar:focus-visible{outline:3px solid var(--km-brand-white);outline-offset:-3px}
.km-bar .pill{display:inline-flex;align-items:center;min-height:22px;padding:0 10px;border-radius:999px;background:var(--km-brand-rose);color:var(--km-brand-navy);font-weight:700;font-size:13px}
.km-head{box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:14px max(24px,4vw);background:var(--km-brand-white);border-bottom:1px solid var(--km-brand-line)}
.km-head .brand{display:flex;align-items:center;gap:14px;flex:none;color:inherit;text-decoration:none}
.km-head .logo{display:block;flex:none;width:44px;height:auto}
.km-head .brandtext{display:flex;flex-direction:column;align-items:center;line-height:1;flex:none}
.km-head .brandtext .t{font:700 20px/1 'DM Sans',system-ui,sans-serif;letter-spacing:-.01em;color:var(--km-brand-navy);white-space:nowrap}
.km-head .brandtext .n{margin-top:4px;font:500 15px/1 'Fraunces',Georgia,serif;color:var(--km-brand-burgundy);white-space:nowrap}
.km-head h1{flex:1 1 auto;margin:0;padding:0;text-align:center;font:600 clamp(18px,2.2vw,24px)/1.2 'Fraunces',Georgia,serif;letter-spacing:-.01em;color:var(--km-brand-navy)}
@media (max-width:640px){.km-head .brandtext .t{font-size:16px}.km-head .brandtext .n{font-size:13px}.km-head{flex-wrap:wrap}.km-head h1{flex-basis:100%;order:3}}