/* moinki-Leiste für Beispiel-Websites — Kreideküste-Palette (Ostsee/Kreide/Sanddorn), bewusst fremd zum Design der Beispielseite */
@font-face{font-family:'MK Young Serif';src:url('fonts/young-serif-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'MK Wix';src:url('fonts/wix-madefor-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'MK Wix';src:url('fonts/wix-madefor-700.woff2') format('woff2');font-weight:700;font-display:swap}

:root{--mk-oben:68px;--mk-unten:0px}
@media (max-width:900px){:root{--mk-oben:0px;--mk-unten:66px}}
html,body{overflow-x:clip !important}
body{padding-top:var(--mk-oben) !important;padding-bottom:var(--mk-unten) !important}

.mk-leiste{position:fixed !important;top:0;left:0;right:0;z-index:2147483000;height:68px;
  background:#10394E;color:#F7F9F8;display:flex;align-items:center;box-sizing:border-box;
  box-shadow:0 10px 30px -12px rgba(11,42,58,.6);font-family:'MK Wix',system-ui,sans-serif;line-height:1.3}
.mk-leiste *{box-sizing:border-box;margin:0;padding:0}
.mk-wrap{width:100%;max-width:1480px;margin:0 auto;padding:0 clamp(14px,2.5vw,32px);display:flex;align-items:center;gap:clamp(12px,2vw,28px)}
.mk-marke{font-family:'MK Young Serif',Georgia,serif;font-size:24px;color:#F7F9F8;text-decoration:none;letter-spacing:-.01em;flex-shrink:0;line-height:1}
.mk-marke b{font-weight:400;color:#E97B25}
.mk-text{font-size:14px;color:#C6D8DF;font-weight:500;min-width:0}
.mk-text strong{color:#F7F9F8;font-weight:700;display:block;font-size:15px;margin-bottom:2px}
.mk-naechstes{margin-left:auto;flex-shrink:0;font-size:14px;font-weight:500;color:#E3EDEC;text-decoration:none;
  border:1px solid rgba(227,237,236,.35);border-radius:999px;padding:9px 14px;white-space:nowrap;transition:border-color .2s,background .2s}
.mk-naechstes:hover{border-color:#E3EDEC;background:rgba(227,237,236,.08)}
.mk-cta{flex-shrink:0;font-weight:700;font-size:15px;color:#fff;background:#E97B25;text-decoration:none;border-radius:999px;
  padding:12px 22px;white-space:nowrap;box-shadow:0 4px 14px rgba(233,123,37,.35);transition:transform .15s,background .2s}
.mk-cta:hover{background:#C96417;transform:translateY(-1px)}
.mk-leiste a:focus-visible{outline:3px solid #F7F9F8;outline-offset:2px}
.mk-kurz{display:none}

@media (max-width:900px){
  .mk-leiste{top:auto;bottom:0;height:66px;box-shadow:0 -10px 30px -12px rgba(11,42,58,.55)}
  .mk-text{display:none}
  .mk-naechstes{font-size:13px;padding:9px 12px}
  .mk-cta{font-size:14px;padding:11px 18px}
  .mk-marke{font-size:22px}
  .mk-leiste .mk-lang{display:none}
  .mk-leiste .mk-kurz{display:inline}
  .mk-wrap{gap:10px}
}
@media (max-width:380px){.mk-naechstes{display:none}.mk-cta{margin-left:auto}}

/* Popup: Beispiel hat nur die Startseite */
.mk-popup{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'MK Wix',system-ui,sans-serif}
.mk-popup[hidden]{display:none}
.mk-schatten{position:absolute;inset:0;background:rgba(11,42,58,.62);backdrop-filter:blur(3px)}
.mk-karte{position:relative;background:#F7F9F8;color:#16303B;max-width:520px;width:100%;padding:clamp(26px,5vw,40px);
  border-radius:14px;box-shadow:0 40px 90px -20px rgba(11,42,58,.6);line-height:1.55}
.mk-karte .mk-etikett{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#C96417;margin-bottom:10px}
.mk-karte h2{font-family:'MK Young Serif',Georgia,serif;font-weight:400;font-size:clamp(22px,4vw,28px);color:#10394E;margin:0 0 10px;line-height:1.15}
.mk-karte p{font-size:16px;color:#40575F;margin:0 0 22px}
.mk-aktionen{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.mk-zu{background:none;border:none;cursor:pointer;font:inherit;font-weight:500;font-size:15px;color:#3E6E86;text-decoration:underline;padding:10px 4px}
.mk-x{position:absolute;top:10px;right:12px;background:none;border:none;cursor:pointer;font-size:28px;line-height:1;color:#3E6E86;padding:8px}
.mk-x:hover,.mk-zu:hover{color:#10394E}