/* Gemeinsame Gestaltung für Impressum, Datenschutz und Versand. Schrift aus fonts/, nichts von fremden Servern. */
@font-face { font-family: "Alegreya Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/alegreya-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Alegreya Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/alegreya-sans-latin-700-normal.woff2") format("woff2"); }
:root { --grund: #F5EFE3; --tinte: #1B3040; --leise: #5A6570; --linie: #D9CDB8; --akzent: #94570D; --bernstein: #C8781E; }
@media (prefers-color-scheme: dark) {
  :root { --grund: #111C25; --tinte: #F5EFE3; --leise: #AEB6BD; --linie: #2C3E4C; --akzent: #E8A855; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--grund); color: var(--tinte); overflow-wrap: break-word;
       font: 19px/1.6 "Alegreya Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.streifen { height: 6px; background: var(--bernstein); }
main { max-width: 42rem; margin: 0 auto; padding: 3rem 1.5rem 2rem; }
.marke { margin: 0; font-size: .85rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--leise); }
.marke a { color: inherit; text-decoration: none; }
h1 { margin: .4rem 0 2rem; font-size: clamp(1.9rem, 8vw, 2.4rem); line-height: 1.1; font-weight: 700; hyphens: auto; }
h2 { margin: 2.2rem 0 .4rem; font-size: 1.15rem; font-weight: 700; }
p, address, ul, ol { margin: 0 0 .8rem; }
ul, ol { padding-left: 1.3rem; }
address { font-style: normal; }
a { color: var(--akzent); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; }
mark.offen { background: #FFE27A; color: #1B3040; font-weight: 700; font-size: .85em; padding: .05em .35em; border-radius: 3px; }
.kasten { border-left: 4px solid var(--bernstein); padding: .8rem 1.1rem; margin: 1rem 0; background: rgba(200, 120, 30, .08); }
footer { max-width: 42rem; margin: 0 auto; padding: 1rem 1.5rem 3rem; border-top: 1px solid var(--linie);
         display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .95rem; color: var(--leise); }

/* Ziffern gleich hoch wie im Druck (Brand Guide D3, 30.09.2026); Zeiten und Preise zusätzlich gleich breit */
body{font-variant-numeric:lining-nums}
.zeiten,.preiszeile,.betrag,.preis-gross,dl,.kontakt{font-variant-numeric:lining-nums tabular-nums}