@charset "utf-8";
/* Wintergala Basis-Styles */

/* Lokale Schriftdateien im Webroot unter /fonts/ */
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 200; font-display: swap; src: url("/fonts/oswald-v57-latin-200.woff2") format("woff2"); }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/oswald-v57-latin-300.woff2") format("woff2"); }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/oswald-v57-latin-regular.woff2") format("woff2"); }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/oswald-v57-latin-500.woff2") format("woff2"); }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/oswald-v57-latin-600.woff2") format("woff2"); }
@font-face { font-family: "Oswald"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/oswald-v57-latin-700.woff2") format("woff2"); }

@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 100; font-display: swap; src: url("/fonts/montserrat-v31-latin-100.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 200; font-display: swap; src: url("/fonts/montserrat-v31-latin-200.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/montserrat-v31-latin-300.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/montserrat-v31-latin-regular.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/montserrat-v31-latin-500.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/montserrat-v31-latin-600.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/montserrat-v31-latin-700.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 800; font-display: swap; src: url("/fonts/montserrat-v31-latin-800.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 900; font-display: swap; src: url("/fonts/montserrat-v31-latin-900.woff2") format("woff2"); }

:root {
  --color-background: #000000;
  --color-text: #ffffff;
  --color-heading: #d8a83a;
  --color-heading-light: #f2cf70;
  --font-body: "Montserrat", Arial, Helvetica, sans-serif;
  --font-heading: "Oswald", Impact, "Arial Narrow", sans-serif;
  --font-accent: var(--font-body);
}

html {
  background: var(--color-background);
  color: var(--color-text);
}

body {
  margin: 0;
  background: var(--color-background);
  color: var(--color-text);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-heading);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0;
}

h1 { font-size: clamp(2.5rem, 5vw, 5rem); }
h2 { font-size: clamp(2rem, 4vw, 3.75rem); }
h3 { font-size: clamp(1.6rem, 3vw, 2.75rem); }
h4 { font-size: clamp(1.35rem, 2.4vw, 2rem); }
h5 { font-size: clamp(1.15rem, 2vw, 1.5rem); }
h6 { font-size: 1rem; text-transform: uppercase; }

p, li, td, th, label, input, textarea, select, button {
  color: var(--color-text);
  font-family: var(--font-body);
}

a { color: var(--color-heading-light); }
a:hover, a:focus { color: var(--color-heading); }

.accent-font { font-family: var(--font-accent); }