:root { --mk-kopf: #0e0e0d; --mk-kopf-text: #f3ede2; --mk-akzent: #9a7a3f; }
body { margin: 0; background: #fff; }
.st.fg { --orange: #9a7a3f; --orange-dark: #7a5f2f; --tint: #f7f1e6; }
.fg ::selection { background: #f7f1e6; }
.mk-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.mk-kopf { background: var(--mk-kopf); color: var(--mk-kopf-text); border-bottom: 1px solid rgba(127,127,127,.18); font-family: 'DM Sans', -apple-system, 'Segoe UI', sans-serif; }
.mk-kopf .mk-wrap { min-height: 72px; }
.mk-logo img { height: 40px; width: auto; display: block; }
.mk-nav { display: flex; gap: 20px; font-size: 15px; }
.mk-nav a { color: var(--mk-kopf-text); text-decoration: none; opacity: .85; }
.mk-nav a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.fg .fg-crumb { padding-top: 32px; }
.fg .fg-hero { padding-top: 56px; }
.mk-fuss { background: var(--mk-kopf); color: var(--mk-kopf-text); font: 14px/1.5 'DM Sans', -apple-system, 'Segoe UI', sans-serif; padding: 28px 0; margin-top: 40px; }
.mk-fuss a { color: var(--mk-kopf-text); margin-left: 18px; }
.mk-fuss .mk-quelle { opacity: .7; font-size: 13px; width: 100%; }
@media (max-width: 640px) { .mk-nav a + a { display: none; } .mk-logo img { height: 32px; } .mk-fuss a { margin: 0 18px 0 0; } }