/* Melody Wall · globale Styles. Layout-Werte stehen als Inline-Styles im Markup (1:1 aus dem Design v4). */
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/big-shoulders-display-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/big-shoulders-display-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:800;font-display:swap;src:url(../assets/fonts/big-shoulders-display-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:900;font-display:swap;src:url(../assets/fonts/big-shoulders-display-latin-900-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/instrument-serif-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../assets/fonts/instrument-serif-latin-400-italic.woff2) format('woff2')}

html{background:#121110;scrollbar-gutter:stable}
body{margin:0;background:#121110;color:#F3EFE9;font-family:'Instrument Serif',Georgia,serif;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
::selection{background:#AD3B14;color:#F3EFE9}
:focus-visible{outline:2px solid #F3EFE9;outline-offset:4px}
[hidden]{display:none !important}
@keyframes mwBusy{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* Hauptnavigation ab 861px, darunter Menü-Button */
.mw-narrow{display:none !important}
@media (max-width:860px){.mw-wide{display:none !important}.mw-narrow{display:inline-block !important}}

/* Hover-/Fokus-Zustände aus dem Design */
.mw-h1:hover{background-color:#F3EFE9 !important;color:#121110 !important}
.mw-h2:hover{transform:translateY(-18px) !important}
.mw-h3:hover{background-color:#729DA3 !important;color:#121110 !important}
.mw-h4:hover{background-color:#AD3B14 !important;color:#121110 !important}
.mw-h5:hover{color:#729DA3 !important}
.mw-h6:hover{background-size:100% 2px !important}
.mw-h7:hover{color:#AD3B14 !important}
.mw-f8:focus{box-shadow:0 2px 0 0 #F3EFE9 !important}