/* Neue helle Kopfzeile E47 (10.10.2026, Fassung 2). Werte aus dem MF-Markenrahmen:
   preview/Kopfzeile-Fassungen-Vorschau-2026-10-10/src.html. Ersetzt die dunkle Kopfzeile (.brand-area / .banner).
   Höhen 138 / 100 / 88 px (E32) stehen in mf-rahmen.css (.shell). Keine style-Attribute wegen CSP. */
.kopf{--logo:112px;--brand:104px;--rand:clamp(12px,2vw,24px);
  grid-column:1/-1;grid-row:1;position:relative;overflow:hidden;min-width:0;background:#fff;
  display:flex;align-items:center;border-bottom:2px solid rgba(184,138,69,.55)}
@media(max-width:1024px){.kopf{--logo:80px;--brand:78px}}
@media(max-width:600px){.kopf{--logo:68px;--brand:54px}}
.kopf .home-logo{position:relative;z-index:2;flex:none;min-width:0;min-height:0;width:var(--logo);height:var(--logo);padding:0;
  margin:0 clamp(12px,2.2vw,28px) 0 var(--rand);border:0;background:none;border-radius:14px;box-shadow:0 1px 6px rgba(20,40,70,.25)}
.kopf .home-logo img{display:block;width:100%;height:100%;border-radius:14px;object-fit:contain}
.kopf-text{position:relative;z-index:2;flex:1 1 0;min-width:0;container-type:inline-size}
.kopf-name{margin:0;font:600 clamp(20px,3.4vw,32px)/1.05 Cinzel,Georgia,serif;letter-spacing:.06em;color:#16314f}
.kopf-leitsatz{margin:clamp(4px,.8vw,10px) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:0 .7em;
  font:600 clamp(9px,1.25vw,16px)/1.5 Cinzel,Georgia,serif;letter-spacing:.12em;color:#b88a45}
.kopf-leitsatz i{width:.5em;height:.5em;background:#b88a45;transform:rotate(45deg);flex:none}
.kopf-faden{position:absolute;left:0;bottom:0;width:calc(100% - var(--brand) - var(--rand) - 6px);height:55%;z-index:1;pointer-events:none}
.kopf-marke{position:relative;z-index:2;flex:none;height:var(--brand);width:auto;margin:0 var(--rand) 0 auto;border-radius:10px;box-shadow:0 1px 6px rgba(20,40,70,.25)}
@media(max-width:600px){.kopf-leitsatz{flex-wrap:nowrap;white-space:nowrap;letter-spacing:.04em;gap:0 .4em}.kopf-faden{height:30%}.kopf-text{margin-top:-8px}}
/* E49: Passt der einzeilige Leitsatz (9 px, ca. 183 px breit) nicht in den Textblock, entfällt er; nie kleiner, nie zweizeilig. */
@container (max-width:186px){.kopf-leitsatz{display:none}}
.kopf .home-logo:focus-visible{outline:3px solid #2a5078;outline-offset:3px}
/* Menü „Mehr“: Logo oben im Menü (Kopie des Kopfzeilen-Logos) */
.drawer .home-logo{display:flex;width:auto;height:auto;margin:0 0 8px;background:none;border:0;box-shadow:none}
.drawer .home-logo img{width:58px;height:58px;border-radius:12px}