/* Schrift (lokal gehostet, keine Verbindung zu Google) */
@font-face {
  font-family: "Marcellus";
  src: url("schrift/marcellus.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}

:root {
  --bg: #000;
  --text: #fff;
  --button: #8c8c8c;
  --button-dark: #3a3a3a;
  --muted: #5b5b5b;
  --play: #8b6150;
  --font-title: "Marcellus", Georgia, "Times New Roman", serif;
  --font-body: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-body); font-size: 15px; line-height: 1.5; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
a:focus-visible, button:focus-visible, [role="slider"]:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.wrap { width: min(100% - 2rem, 1060px); margin-inline: auto; }

h1 { font-family: var(--font-title); font-weight: 400; font-size: clamp(1.8rem, 4vw, 2.4rem); text-align: center; margin: 0; padding: 1.4rem 0 2.6rem; }

/* Cover */
.covers { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 520px) { .covers { grid-template-columns: 1fr; } }

/* SoundCloud */
.soundcloud { margin-top: 10px; }
.soundcloud iframe { display: block; width: 100%; border: 0; }
.sc-credit { font-size: 10px; color: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; font-family: Interstate, "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; }
.sc-credit a { color: #ccc; text-decoration: none; }

/* Buttons & Kontakt */
.downloads { display: grid; grid-template-columns: 1fr 1fr; margin: 3rem 0 1.2rem; }
.downloads a { justify-self: center; }
.btn { display: inline-block; padding: .45rem .7rem; background: var(--button); color: #fff; text-decoration: none; font-size: 13px; }
.btn:hover { filter: brightness(1.15); }
.btn-dark { background: var(--button-dark); }
.contact { text-align: center; }
.contact p { margin: 0 0 .9rem; }
.mail { color: #ddd; text-decoration: none; font-size: 13px; }
.mail:hover { text-decoration: underline; }

/* Fuß */
.site-footer { text-align: center; padding: 4rem 0 2rem; }
.site-footer img { margin: 0 auto 2.5rem; width: 160px; }
.site-footer nav { display: flex; gap: 1rem; justify-content: center; font-size: 13px; }
.site-footer nav a { color: var(--muted); text-decoration: none; }
.site-footer nav a:hover { color: #aaa; }

/* Rechtstexte */
.legal { max-width: 760px; }
.legal h2 { font-family: var(--font-title); font-weight: 400; font-size: 1.4rem; margin: 2rem 0 .6rem; }
.legal h3 { font-size: 1rem; margin: 1.4rem 0 .3rem; }
.legal p, .legal li { color: #ddd; }
.legal a { color: #fff; }
.back { display: inline-block; margin-bottom: 1rem; color: #aaa; font-size: 13px; }