/* Gemeinsamer Marketing-Header (Startseite + Gäste-Seiten wie PPWR-Wissen).
   Eigene .mkt-*-Klassen, damit nichts mit app.css (.nav/.brand) kollidiert.
   Nutzt die Farb-Tokens (--brand etc.), die sowohl landing.css als auch app.css bereitstellen. */
.mkt-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line,#e4e9f2)}
.mkt-wrap{max-width:1140px;margin:0 auto;padding:0 clamp(18px,4vw,40px);display:flex;align-items:center;gap:20px;height:66px}
.mkt-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink,#0e1a2b);font-weight:800;letter-spacing:-.02em;font-size:1.06rem}
.mkt-logo{width:36px;height:36px;object-fit:contain;flex:none}
.mkt-brand-txt{display:flex;flex-direction:column;line-height:1.05}
.mkt-brand-txt small{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#5c6b82);margin-top:2px}
.mkt-links{margin-left:auto;display:flex;align-items:center;gap:24px}
.mkt-links a{font-size:.9rem;font-weight:550;color:var(--ink-soft,#2c3a4f);text-decoration:none}
.mkt-links a:hover{color:var(--brand,#1c5fca)}
.mkt-cta{display:flex;align-items:center}
.mkt-cta-btn{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:.95rem;padding:11px 19px;border-radius:999px;background:var(--brand,#1c5fca);color:#fff;text-decoration:none;border:1px solid var(--brand,#1c5fca);transition:.15s;white-space:nowrap}
.mkt-cta-btn:hover{background:var(--brand-deep,#123f8c);border-color:var(--brand-deep,#123f8c)}
.mkt-cta-btn:focus-visible,.mkt-links a:focus-visible,.mkt-brand:focus-visible{outline:2px solid var(--brand,#1c5fca);outline-offset:2px}
@media (max-width:860px){.mkt-links a:not(.mkt-login){display:none}}
@media (max-width:520px){.mkt-brand-txt{display:none}}