/* Theme-Grundzustand; die Gestaltungswerte stammen aus styles.css. */
@font-face {
  font-family: "DM Sans";
  src: url("/fonts/dm-sans-latin-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces-latin-opsz-wght-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/fonts/fraunces-latin-opsz-wght-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
html { font-family: "DM Sans", Arial, sans-serif; font-variation-settings: "WONK" 0, "SOFT" 0; }
body { margin: 0; padding: 0; background: #FAF7F1; }
main { display: block; margin: 0; padding: 0; width: 100%; }
main > section { margin: 0; }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
[hidden] { display: none !important; }
dialog:not([open]) { display: none; }
/* Erste Sprungmarke: erst beim Tastaturfokus sichtbar. */
.hm-sprungmarke { position: fixed; top: 0; left: 0; z-index: 1100; transform: translateY(-150%); }
.hm-sprungmarke:focus { transform: none; outline: 3px solid var(--gold); outline-offset: 6px; }
/* Ohne JS steht das vorhandene Mobilmenü direkt unter dem Logo. */
.hm.hm-h:not(.hm-menu-ready) { position: relative; }
.hm-h:not(.hm-menu-ready) .hm-h-inner > nav,
.hm-h:not(.hm-menu-ready) .hm-h-burger { display: none; }
.hm-h noscript nav { padding-inline: 20px; }
@media(min-width:600px) { .hm-h noscript nav { padding-inline: 32px; } }
@media(min-width:1200px) { .hm-h noscript nav { padding-inline: 40px; } }