/*
 * Kühnert & Schroeder – Designsystem für die gesamte Website
 * Abgeleitet aus dem K&S-Deck (Nov 26) und dem finalen Cover.
 * Schrift: Anton (SIL Open Font License, siehe /fonts/OFL.txt)
 *
 * Inhalt
 *  1. Tokens & Basis
 *  2. Typografie & Buttons
 *  3. Header / Navigation
 *  4. Hero
 *  5. Sektionen (Startseite): Hören, Presse-Teaser, Werbung
 *  6. Pressebereich: Downloads
 *  7. Rechtstexte
 *  8. Footer
 *  9. Bewegung
 */

/* ================================================================
   1. Tokens & Basis
   ================================================================ */

@font-face {
  font-family: "Anton";
  src: url("/fonts/anton-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --ks-violet-top: #6d519b;
  --ks-violet-mid: #5b4391;
  --ks-violet: #3a2a6e;
  --ks-violet-deep: #1a1849;
  --ks-orange: #e58c3a;
  --ks-orange-hover: #f09c4d;
  --ks-orange-text: #f7ab6a; /* Orange für Schrift auf Violett – erfüllt die Kontrastvorgaben */
  --ks-ink: #1a1849;
  --ks-white: #ffffff;
  --ks-muted: rgba(255, 255, 255, 0.78);
  --ks-faint: rgba(255, 255, 255, 0.62);
  --ks-rule: rgba(255, 255, 255, 0.28);

  --font-display: "Anton", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-text: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --max: 1440px;
  --gutter: max(clamp(20px, 5.7vw, 76px), calc((100vw - var(--max)) / 2));
  --section-y: clamp(64px, 9vw, 128px);
  --header-h: 64px;

  /* Deck-Fläche: oben heller, unten dunkler */
  --ks-gradient: linear-gradient(180deg, var(--ks-violet-mid) 0%, var(--ks-violet) 55%, var(--ks-violet-deep) 100%);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--header-h); }
body {
  margin: 0;
  background: var(--ks-violet-deep);
  color: var(--ks-white);
  font-family: var(--font-text);
  font-size: 1.125rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, p { margin: 0; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--ks-orange); outline-offset: 3px; }

.line { display: block; }
.cover { width: 100%; height: 100%; object-fit: cover; }
.skip {
  position: absolute; left: 16px; top: -100px; z-index: 30; padding: 12px 20px;
  background: var(--ks-orange); color: var(--ks-ink); font-family: var(--font-display);
  text-transform: uppercase; text-decoration: none;
}
.skip:focus { top: 12px; }

/* ================================================================
   2. Typografie & Buttons
   ================================================================ */

.tag, .eyebrow {
  font-family: var(--font-display); font-size: 1.5rem; line-height: 1.2;
  letter-spacing: 0.05em; text-transform: uppercase; color: var(--ks-orange-text); margin: 0 0 16px;
}
.section-title {
  font-family: var(--font-display); font-weight: 400;
  font-size: clamp(2.5rem, 5.4vw, 5rem); line-height: 1;
  text-transform: uppercase; letter-spacing: 0.005em;
}
.lead { margin-top: 20px; max-width: 36ch; font-size: clamp(1.0625rem, 1.4vw, 1.25rem); color: var(--ks-muted); }
.meta {
  font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--ks-faint);
}

.button {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.6em;
  min-height: 48px; padding: 12px 28px; border: 0; border-radius: 999px;
  background: var(--ks-orange); color: var(--ks-ink);
  font-family: var(--font-display); font-size: 1.125rem; line-height: 1;
  letter-spacing: 0.03em; text-transform: uppercase; text-align: center; text-decoration: none;
  cursor: pointer; transition: background-color 0.15s ease;
}
.button:hover { background: var(--ks-orange-hover); }
.button-large { min-height: 64px; padding: 18px 40px; font-size: clamp(1.375rem, 1.9vw, 1.625rem); }
.button-pending, .button-pending:hover {
  background: transparent; color: var(--ks-faint);
  box-shadow: inset 0 0 0 2px var(--ks-rule); cursor: not-allowed; pointer-events: none;
}
.icon { width: 0.8em; height: 0.8em; flex: none; }

/* ================================================================
   3. Header / Navigation
   ================================================================ */

.site-header {
  position: sticky; top: 0; z-index: 20;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  height: var(--header-h); padding: 0 var(--gutter);
  background: rgba(26, 24, 73, 0.94);
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
.site-header.is-scrolled { border-bottom-color: var(--ks-rule); }
.brand {
  font-family: var(--font-display); font-size: 1.375rem; letter-spacing: 0.01em;
  text-transform: uppercase; text-decoration: none; white-space: nowrap;
  display: inline-flex; align-items: center; min-height: 44px;
}
.brand span { display: inline-block; transform: skewX(-11deg); }
.brand .brand-short { display: none; }
.site-nav { display: flex; gap: clamp(18px, 3vw, 40px); }
.site-nav a {
  display: inline-flex; align-items: center; min-height: 44px;
  font-family: var(--font-display); font-size: 1.0625rem; letter-spacing: 0.05em;
  text-transform: uppercase; text-decoration: none; color: var(--ks-white);
  border-bottom: 2px solid transparent;
}
.site-nav a:hover, .site-nav a[aria-current="page"] { color: var(--ks-orange-text); }
.site-nav a[aria-current="page"] { border-bottom-color: var(--ks-orange-text); }

@media (max-width: 559px) {
  .brand .brand-full { display: none; }
  .brand .brand-short { display: inline-block; }
  .site-nav { gap: 20px; }
  .site-nav a { font-size: 1rem; }
}

/* ================================================================
   4. Hero (Startseite und Presse)
   ================================================================ */

.hero {
  display: grid;
  background: linear-gradient(180deg, var(--ks-violet-top) 0%, #432d75 50%, var(--ks-violet-deep) 100%);
}
.hero-text { padding: clamp(40px, 8vw, 64px) var(--gutter) 48px; }
.wordmark {
  font-family: var(--font-display); font-weight: 400;
  font-size: clamp(3.75rem, 7.3vw, 8.5rem); line-height: 0.95;
  white-space: nowrap; text-transform: uppercase; letter-spacing: 0.005em;
}
/* Wortmarke kursiv geneigt wie auf dem finalen Cover */
.wordmark .line { transform: skewX(-11deg); transform-origin: left bottom; }
.hero-sub, .hero-date {
  font-family: var(--font-display); font-size: clamp(1.375rem, 2.1vw, 1.875rem);
  line-height: 1.15; text-transform: uppercase;
}
.hero-sub { margin-top: clamp(28px, 4vw, 48px); }
.hero-date { margin-top: 20px; color: var(--ks-orange-text); }
.hero-actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px;
  margin-top: clamp(32px, 4vw, 48px);
}
.hero-media { aspect-ratio: 1 / 1; overflow: hidden; }
.hero-media .cover { object-position: 60% 20%; }

@media (min-width: 960px) {
  .hero {
    grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
    min-height: min(calc(88svh - var(--header-h)), 820px);
  }
  .hero-text { display: flex; flex-direction: column; justify-content: center; padding-top: 64px; padding-bottom: 64px; }
  .hero-media { aspect-ratio: auto; min-height: 100%; }
}
@media (max-width: 559px) {
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .meta { text-align: center; }
}

/* ================================================================
   5. Sektionen der Startseite
   ================================================================ */

.section { padding: var(--section-y) var(--gutter); }
.section-gradient { background: var(--ks-gradient); }
.section-deep { background: var(--ks-violet-deep); }

.split { display: grid; gap: clamp(32px, 5vw, 48px); }
@media (min-width: 960px) {
  .split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(48px, 6vw, 96px); align-items: start; }
}

/* --- Plattformen --- */
.platforms { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ks-rule); }
.platform {
  display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 20px;
  min-height: 76px; padding: 14px 8px; border-bottom: 1px solid var(--ks-rule);
  text-decoration: none; color: var(--ks-white);
  transition: background-color 0.15s ease, color 0.15s ease;
}
.platform svg { width: 28px; height: 28px; fill: currentColor; }
.platform-logo { display: flex; justify-content: center; }
/* Amazon Music: Logo als Maske, damit es wie die anderen Icons die Textfarbe übernimmt */
.logo-amazon {
  display: block; width: 40px; height: 24px; background: currentColor;
  -webkit-mask: url("data:image/png;base64,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") center / contain no-repeat;
  mask: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABfCAYAAABvC8zhAAAWp0lEQVR42u2de7wdVXXHvzNn7oO8SEKAoKQBAoa0iIDlA0LRgGDUPjBVQdsqDy0VaX2A9NNCLdUWbIuaolisbS1peYOIRR62YEuFFhARC1QgQIAQHklIQiCQ3HvO7P6x1k4Wmz3nfXPOvZn9+czn3HseM3v2/s3a6/nbiXOOsk3IlgI58FZgMbA3sAL4D+BGoALUet3JpATghAbf7wDfAKaZzxxwLvB5870SgGXrOvjmAMuAIWBUJV6urwlwNHBrryVhWs7XhGuJvh6i4MuBAZ3rTMHogKP6AQMlACdum6LgSyIAdUDVLMklAMvWteYB9USBjpfr+5sDiVnqgGXr6jI8BHwfeKeRhF4HfEqX6Od7LQVLCThx2ybgN4FLFHyJgu824FjgObMclxKwbGMiBf3kzgWmKiiXq9XbcxdMCcDtxyJ2Ba4aJgIAE3NYRTjv4jmdOSY6YJKIBOvk3mNz48YQ7LSiV1oAttLRRJ+iRMW5K9Av0zqfxwYp1e8WOUYzA27XwSRYi5AuTWy757RjWW2gr6dmXvIO9PxOQZgERzgnXt+kUX89AIuU0fB9CzrbZgOzgGE171erkutbkbfddzQc+MnAbqq3JMBG4Gl9LerbeGxZ5N53BmYCgzpmLwFrg3uvNxdj3SptCAD7IORFEnAnnXinNzYKPFvw492AI4H3Kfjm6HtDwAjwDPAo8D/A1xWQVu9IjHREgbsvcDISNH8D8AvAdP3uBsSv9SSwFPiu8Wc1Iwkm6QPiAvCu6EC5H9R7t5Iw1zEbbfCA2H7PBBYBH9DzzVYQDik4NwCrgDX6UN8A/Jc+kI0exAqwu/bVf6em87O5xYc4HOu5wELFwS46xgP62ag+OCuRxIef6N8RWewczrl5zrnnnLRcXzc65xY45yr6HZxzBzrnvuace9nFWx55b6Vz7v36+0pwvhnOudOdc/e41tqtzrm99BypOV94+Gt9V39XM/3MnXMn6+dZnXOEh7/eX0TO6ZxzvxVcu+j3OOc+4Zxb4Vpvo865pc65I/U8ScF9n1IwP+c3MXax86XOuQ87565tsb+bnHP/6Jx7u/Z1y3X9BRaZG7Ovn9PP5zvnLnbOvWJOWtPvjTrnqvq/n9iavlc13z8huKEznXPPB4NTLThfbq7nz7ncOTe3wUD6938egGVEXy/QzweanAg70bfoOarB63l1+uTfm+2cuykyllVz77VgHP1Y18zvXnXO7R7pm7/ON4P59L/9YQFw64HvEOfcXQGwasGcVYP+VgOh9KyO9ZbrZioIRyKi2AFvBj4FnKNLBSq6UxXvWfCbmlGWrVKeAN/UJXkWcD5wmH5eNctpJaLYV/U6iTnvCLAH8G0kq6NoGXHm+7H2age6UN6GDuR0HK8HflnvrWLuyxnlveiaNfP3MPBGXY5jy2lRH6st6Hs14DSdsx2M/mf7XTPGRuj6sVGYgbCfWYFF59//qB5+EgdUN7GA26wnHDK/sx3xAz+s+sAc1UlGTIaGbSNGh5pkLF/bv0H9zlHASQrErM7AJj2OBNnrf0vBN2p0pjx4uDbpvTi9r0wn3z7cSZPehVbejxlInwGWRPrpTGivQuP4dBozmLImfljVgRrU9+4AbkdyzR5B4omjqjwfDnxaFV8X8WnNM4M8aG7qSj3XA8DjwIvat19Esnk/EgG2P+di4OJ+cazWmfAcOBh4v07EQDA5Pwf+AQmVrVTjw6lhOEWV/l9SI+1I4AD9/boxsnSrwIcVfLVgBbIrFsDNOn/+4anoAzMJ2B841AiUlgCIDtSLwDXA3wL3K+DCtlyX2OuBH6pVnAdPrP9/UDt8pUqvJwqu/bBavD/Sa1ufmV+uD1cLfvU2ds0kbSSJfjbonx+P2xWYqwrUhDU6RrcZq35PneRlZmzpYkLrrsCXzRIagm8dcIF6JZ6oc75BVRN+JVjdXCMA+gtfBnxBAWNBaZ2LXjINKmg+DVwdDLZ/0jcAZ+t515qbtv4lFyyRfw/8rkqQPFAZZqi7ZnWf+ga9r25QJVgScemcruAbMgmjRQ5rgFeABxnblK6/VndYzUg6D74HgOOB/wuEWSyQMaLCaXnROt/Icfgp4AUdQK+XjBZ02hsoN6vU3NGA0+sLdwAXmuvn5iBi1HhJd4UCMGYsTe3D+Gu4/M7RCbV6caIT9Lj5u55BlUd09rxLUtpKv32QehIX6HyJ+hAXq593wBgg1SbDqrVWlfDJ+r1qkx7wXPWA+wJrKDHnqwTnbOaJvCcSY/SDktH/bdjovbQTN42AMR8D3Q/gg+bBSYIV8UsKPm8INsKEM9Z7rR0rsJUbdSamWZTs6JqMD0+03MVVRuVwZvkd0KiPM4ZJr1WFowPp6VevlcCl+vdovyekdjtGmXeQQp6MYTJv0kS/K6qjPhvouB6I56m6MmIMrLRHlvoc4B2BT9L39wZjdbt+B2DSQ72rX9uVQV+9zvUetYQ/ZFaI3AAx2QbjlZg4f1oAsKXd7ks6wRIv6ZO63CId71IkSJ8Gln4O7AdcDvwY+IS6WWpGx8q20X0urDO+m7rtZUi3s8zgXjUvzdYgjASJ8ShYEDokSnIRcCfiYN8/8ECM1fLsx+iA4KHxlvAr+vB0tYgpLUG0zZp3KV0AfNHERWtmkr0eVkVSnE4AfoY4oL+oxopdnsei7Vggvdfz+pzEUgKOUxCeg0RF1ho/Z824OjLjunBIKOvzwENIdGJB4CPdFm2khSSGUgfscxCmwN8AB+pyuzYwOKpBuNH70HYAzgDuQqJNtTEoaE/qfO7GEwATytZIJ3wK+KRKuNOBn6qinwUUGj7jxP8/VQH8tS6OdaPIypjoniUAu1uQ1I4kzJCEgiXAQYgP7jzE35YEhVj2/yrwB0hc3Y1hNMjf5zSVwOUS3AbY+9Un6Q0Om4x7t4JqHyTX8WqTiJBHirnOAuYbQHfaVhYsvztGDJRSAk6gJdlawxUkAeRi4DjEN3dP4D/0UngH4PcjSbutzoE/792RvMswJSspJWB3Fe9+esBykwBaMXwub0eq4cLcP4fk2lEAwlbH4q46KsbCibAE95NkHOzj+3PG+h1AElPPMPFiF0jBoQ6zYzwAVyOpdLH7+LgxhkoJ2MSkuzo5eiBlBLTo30q6PQlNNO+W+V8kIpFE8joHuwD4ClLg9O/BuPh6jvnAryrQs1IHbL/4xt/3m5E8vVYKdaxrpNU+Zh2O+XDBdat1Kv9amXcvWW8tyPipAH9iCpYqneIt3U5iwGEKkVfm5yOFT87wKCcBn551EI8qCM5AnMitKP7OJOAmxthoFM1ITQnEcbyWetc7hzcSZzpI2kyhuwaJ+9rzeal/MFI8lRnLu9LgCJNatzsjZHlBzWymgzlDJUgeeP1rQUbKiQjNxJfZylvTrAtoOnAqUtUWZgk74xMMj1z7Nh344wLA39ul+fT9WIPEnkPuGf//CcAPkD1I7H0UHf4B3zech2yCGyH+WrcCv83rPftOJdktwJ8ruFYYx+tcpJR0oeo+e7OV+yRtcgny+tNvIJV96xCOmxuRsoXlSIr7+gIjYjZCs3sWsJcBiX9IXkH4d7qVpeJMqPB4thbQZwE50VFIteKdSA3QY3oPXhJPRirr9kDKSOfqQ7QY+E/v18yY2EaIF/nfRxysswtKRQ9Cyj+fQcJjIE7XPQLvf62D1PlJOpEz9DjA9HEZki29KfK7BTp5YWG4r9e+SI2Tbu33YcsqTgD+DSmrtCD0TvEdFFxHtnD+t8QA2Ijaops+NtfB+dop3snUtfBV4CtGehHJxXsDWyvXrILvTDkq+sTfD5xZUChVjwdwk2Gr8v2br0c9K9jyA3rw/bdK7iKWMNeBLzJFyi6PBb6jD4HtRxoQh7qA49EFrqKo0ZIGYrUaHJ3EPNPI+aodLPuZuRF7NApB+c8vRGoaBoIKPxfUJdeCc3vgDSBZK+chKfQXqqIe9qeoL8/pZ8PBdcNrxu6vErhjBlSKvFsfLleHJLTaQh9jCRM/0evcbqz4qlkNrEEVPtiVoNipourGlofD/2CjGRyrAGP2k2h1Odyo5xgyfqpMl7l2dEFPeDlk+jegN/VyE5JzFGGNX2oGMjETO2oiEP78noBpFVKOeBASp8VUuWWGMydDQmhhdkmq4P89lZwV04c04FcJ6YgrZpIz1SHPVp30pYL6DX/tl/Q3w8EcrG9yDjz4H1I99CSVilngHQiPNPh7QHXVC4CbrHGTOOe8u+FYVXJrpnM/UwW9HSLDecB7DZlRop34V0Ou2OoScbRxf2BKBa+qwygQY1Q9DmF82o+trF+2bdTJ+zHwPYRqZHmEIfRQhBrEP6wv63JVb/+NTCXoocAxurRNUvdK0QO0FqG/uAa4TgHRDLPtHmr8TDbfG1Wd+OEW5tUu8UPAr+t9L1SVJTNEUrkKrREkenOfOrZvUzyNW5b8btBuhNRhu+pALjBL8wokIP94IP0rXSBfjxkKk5FU+/30oR02S9uLKjF/aiRrJzS5nY5djOFqqj48s/VeRrWv6/QhHql3/xaAlS7X9xaVE3Yyid3qY7MWY2ImO2+yP3kTkrjSJrNBpQ2C8m7PQav9TwIewXKfkMjgpJHJ2VbbQoS6U0x/zfuYkD1psE2DKzeqKRv9vLlx2cpWArBsJQDLVrYSgGXbvlpWDkHZxjAhxJUALNtYrZyWy6bIr5gEiQt5vb3iyla2RoCrdckfucWhXgKwbI2c9KETvIKkjh2AFM/PRPIbpyBhRP+bUSSmvhYJzT2KpI89ZoFtkxHoIsLLNr6BF26hux+SSPprSH3ytDrJE/XaBiTxdimStPFITAJWerAHbdn6o9m5n46k5H8MqeWYWlBklTTJqhXmC64FFifOub2R1KSnkA1hXu7hZshl662elyvwTkP2CdmX19cmd0LPYXMzh4BLEufcxUjuP0jqzzlIfUS3UpDKNn7aIuAbbN3Tr9qADaxe4X/SRLnGI6kpwtmMFGpfi1RsHR7QwZZkQxPbwj0X2edvL6RupcZrM8PTyFEp+CzkwC7SNWclzrkpSLngR4JywxFVFpcgOzmWEnFiGhwO2exxDXFa3s0KyBG27oa5Tg0KTxMyrJbwLkhm9EzqU4Vs2fbLGiFLkL1hawHh4SbgEuAvjQldAnFitSGkaH6KguwVpGzieaR+ZL0CrhmS8p2ANyE1JJ8xJQ9JBIB3ejeM92ifgVT92+zViql3+DvgX9ia218CcfsOuSUNkk8XISWsLrL1VwpcGqbk15DKsYvV7K4aIprMVFr9M1KN/3CDeoGyMe7yApJIZV5T2c2BHxFdhu9XvTIsqs+As9KgriJTI+QIlXIWfJYg+zSEj+QKNVZcIDHLLJvx16qmPLVqDNCwPCEJamHSyPJaM+d6to4UXZ1GOpEp+I5GOFWyoIrfX2AS4qi8HSld/KAifqz3OStb78JylUDYNCrCSk1ZbshDuB64Oy14Evy2UscgjEyWZCcJOuKQ2tOrFLinA7v3aJ+zso1NWM6yee0EnILEdZ9EKE+mFfj+prCV6iSJMLEuq5eMEBZyfxUhqalFJFv43kpVPi/Xjr4a6BplzLn/9cFwjg5HmK0Wq05n2xIVPBWDhRzhXnygACtXA8enTfhqMpVub0Mq6iuRMF0l2OfsjUgM8RaEWPt0YFZA9pOW+mLfSbpKMEdTVc36gapaZyj4qoa3cIStIbuQgHIm8XLNBGGbaDj5lo52BULJ8Fl1yVQi3u402OcsR/jlvoL4EL+n/qbpwXcqZbSlZ3pdFpBxAnxAPSGPqKH5rmC+MrPkDgIPBsyzHldHBS49r/+9iFB1tJSQamm33gp8CyHrCXnrKNjp3H7+tHbgcoR24pmCyvttVRzOdhR2SyIsBdMQzp1FakzuHSnUr0T8eOhS+vFgK1e/FN+A8ANVA17p7+h1snYSUv2JJgN/CPyRsX7TBmk5eWRbqacRgsXLEMqxlQWxyhKQ7Uu5JLITwHQF3YkI7/OCiGUbm8/c8Bx+Afgrs6xayrkFyrEzOTBAEgXfNUCl3Yxoy5Z0KBKme0eBQUID/hT7ZL2MJELci9C/3oeEhSjgY8lLQBZKuDyiHs1DfLyHqJttr8hYJgWrmZ3XexGquXuCldESJ50IfNtQvFnrd38kzJd0kpJvox+pGh1fUjO90bJMEzdeRYLeV6gCfKfqoWGHB4Jw4PYgJW0SaGKkT4y56mAko/ljurROiqxKSZ25sktwDeEmXKLGRxoZb9+Xa4H3Bb+tIASfZ/v3ulETYqXhPLWUTjFPQiv1xy7wNRIQVL5g+OYeVL/jaINwUDssVP1MopTXCXnupSDzvM2zTG5fOMZpg3kJdb8bdcm9u07mvAffLCQENzuwjNeoa2aN/263ipLCWPDhKg2PqGOINMsxndehQrtLreuHgDtUn3ymDmNqUuAwdT2UnO30qYKkPu2mE3qErjzvVN2OAo7pZiiXQ+A9BfwZ8E9NcBN6++BDamDWjLckA85Xu2GL0Op2VZxN5U8QB/aZajVj3k/bJM4Os3BjocQnVUo+qE/a3aqzjLaQnNks8XinWSTNOuRnqI79JiSycJDqUTs24EpMWuD5DoG3Dkk4+bqOYzNlGl4CXo8UMNXM9dcglXTPYjZcHKuyTCuehxFu4U+qLhKyvtPhps+uYMnGZHqvQaIxDyIZPKv1vZW6rL+IcD6/1AMJOEOXrBnAzgqwmfr6FmBPHcNdGqgttOlLdSYRBSTn7wokQ3p5C4VqHnz7INGPweDcJ6lv8TXnGuu6YHuxaaqU/qnRS2I+Jrqw3Wm4w3i9tlmB9wJSqeX5jR9Dalmf1mNDRFqFuZBF0n0aEh3a0xzDyD4bOyngpjXR12qw0iQdbqNhx36TAu98hIi81bBpZjbQPtfo3hkSEXtXkOq1zZgRQv1wKlJxdTISJWnWGqML+4u4yJ5x/RQKrEU2pKaJ0sdWQWfHeR2S33mZMTDSQO1pVr3wexsfpipPpirRQn1Ne0nNEQLRM/Ofqj6pdhTmsQJos9uKtUrI4+oYIWO5jZkzbrHEGBdXqUvlmTaBF650h6i7zPoM34MkplT6hSM6lj39NvVTvVuXqjA1rIwRty9Rw6DArUhZxU2q93YCvBCAVyFxZG/1noqUcRTqkL3mhgk7trvewEfVYBlo0Xe1vbeicXoO2Z/lUiQ7qZupcX5ZnYPsqrSzvv85JAmlrgHTD+RE1lVQMzd1GLIb0MmBBVhrw8UwkQHnCsKaXiJdp0bA2sCAybvoXnIKwDvVuDpVr5012o2+39ixYr6mWUhazyJdqhcUbGefsu23g+0F4KxOF1rNq1TC/UiX2GUNxrbbbXedj+fqbKA4brZpSM3GeJgtVA9C0n8OVHfOYAEgkwmyXBdlEfn2uLqLLgr2O65HsbatVatxvU9IUUrRIBJh2V99TD4cldaZwLSPl20XcZPE+unj4dchjvV7EUd6mC3Ui3rtpNXI0XgjqKy37dOw6o3HIASK+yFe+Wa29mqVXKcbex27yL7GsbYciSwsQ9LYb+P1se5egq6zCR3HDKlJoNe4SMLlLurWeS9StzAXCd5XWrAoG8VzaRA7btZydwgHz3IkueJmxHn7gjEgYqAb1zmRE42it1IHkCBlgvOQ3SnnINkkuyKhsd30t1OR0NjkLvZrRIG0Xvu2SnW31aqz+XDfY0jIj4JQl5toSbgTlSM6jCykQSy1XtsVyavb07h/hlSiTkUSOncIap1zsz/uBtXJXlKgrFeQPaoSjSYpMnJap8UYd+3/AcFmj5RZWS5vAAAAAElFTkSuQmCC") center / contain no-repeat;
}
.platform-name {
  font-family: var(--font-display); font-size: clamp(1.625rem, 2.6vw, 2.25rem);
  line-height: 1; text-transform: uppercase; letter-spacing: 0.01em;
}
.platform-go { font-family: var(--font-display); font-size: 1.75rem; line-height: 1; color: var(--ks-orange-text); }
a.platform:hover { background: rgba(255, 255, 255, 0.06); color: var(--ks-orange-text); }
.platform.is-pending { cursor: default; color: var(--ks-faint); }
.platform.is-pending .platform-go {
  font-family: var(--font-text); font-size: 0.8125rem; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--ks-faint);
}

/* --- Presse-Teaser --- */
.teaser { display: grid; gap: 40px; align-items: center; }
.teaser-media { max-width: 420px; }
.teaser .button { margin-top: 32px; }
@media (min-width: 760px) {
  .teaser { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(48px, 6vw, 96px); }
  .teaser-media { max-width: 520px; justify-self: end; width: 100%; }
}

/* --- Werbung --- */
.partner-note { margin-top: 28px; }

/* --- Kontakt per E-Mail --- */
.form-intro {
  font-family: var(--font-display); font-size: clamp(1.375rem, 2vw, 1.75rem);
  line-height: 1.15; text-transform: uppercase; margin-bottom: 28px;
}
.contact-address { margin-top: 20px; font-size: 1rem; color: var(--ks-muted); }
.contact-address a { color: var(--ks-white); text-underline-offset: 4px; overflow-wrap: anywhere; }
.contact-address a:hover { color: var(--ks-orange-text); }
@media (min-width: 960px) { .contact-cta { align-self: center; } }
@media (max-width: 559px) { .contact-cta .button { width: 100%; } }

/* ================================================================
   6. Pressebereich: Downloads
   ================================================================ */

.material { padding: clamp(56px, 7vw, 96px) var(--gutter) clamp(72px, 9vw, 120px); background: var(--ks-violet-deep); }
.material .h2 {
  font-family: var(--font-display); font-weight: 400; font-size: clamp(2.25rem, 4vw, 3.5rem);
  line-height: 1; text-transform: uppercase; margin-bottom: clamp(28px, 4vw, 48px);
}
.download-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ks-rule); }
.download {
  display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px 20px; align-items: center;
  padding: 24px 0; border-bottom: 1px solid var(--ks-rule);
}
.thumb { aspect-ratio: 1 / 1; overflow: hidden; background: var(--ks-violet); }
/* Video-Vorschau: dezentes Play-Symbol */
.thumb-video { position: relative; }
.thumb-video::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 36%; aspect-ratio: 1;
  transform: translate(-50%, -50%); border-radius: 50%;
  background: rgba(26, 24, 73, 0.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23f7ab6a'/%3E%3C/svg%3E") center / 60% no-repeat;
}
.thumb-format {
  display: grid; place-items: center; height: 100%;
  font-family: var(--font-display); font-size: 1.375rem; color: var(--ks-orange);
  box-shadow: inset 0 0 0 1px var(--ks-rule);
}
.download-title {
  font-family: var(--font-display); font-weight: 400; font-size: clamp(1.5rem, 2.4vw, 2.25rem);
  line-height: 1.05; text-transform: uppercase;
}
.download-desc { margin-top: 6px; font-size: 1rem; line-height: 1.5; color: var(--ks-muted); }
.download .meta { margin-top: 6px; }
.download-action { grid-column: 1 / -1; }
.download-action .button { width: 100%; }
@media (min-width: 720px) {
  .download { grid-template-columns: 112px minmax(0, 1fr) auto; gap: 32px; padding: 28px 0; }
  .download-action { grid-column: auto; }
  .download-action .button { width: auto; min-width: 168px; }
}

/* ================================================================
   7. Rechtstexte
   ================================================================ */

.legal {
  min-height: 80svh;
  padding: clamp(40px, 7vw, 96px) var(--gutter) clamp(72px, 9vw, 120px);
  background: var(--ks-gradient);
}
.legal-title {
  font-family: var(--font-display); font-weight: 400;
  font-size: clamp(2.25rem, 8.5vw, 6rem); line-height: 1; text-transform: uppercase;
  hyphens: auto; overflow-wrap: break-word;
}
.legal address, .legal section { max-width: 44em; }
.legal address { margin-top: clamp(32px, 4vw, 48px); font-style: normal; color: var(--ks-muted); }
.legal address strong { color: var(--ks-white); font-weight: 650; }
.legal section { margin-top: 40px; }
.legal h2 {
  font-family: var(--font-display); font-weight: 400; font-size: clamp(1.5rem, 2.4vw, 2rem);
  line-height: 1.1; text-transform: uppercase;
}
.legal section p { margin-top: 12px; font-size: 1rem; color: var(--ks-muted); }
.legal a { text-underline-offset: 4px; overflow-wrap: anywhere; }
.legal a:hover { color: var(--ks-orange-text); }
.legal .prose { max-width: 44em; margin-top: clamp(32px, 4vw, 48px); color: var(--ks-muted); font-size: 1rem; }
.legal .prose h2 { margin-top: 40px; }
.legal .prose h2:first-child { margin-top: 0; }
.legal .prose h3 {
  margin-top: 28px; font-family: var(--font-text); font-size: 1.0625rem; font-weight: 700;
  line-height: 1.4; color: var(--ks-white);
}
.legal .prose p { margin-top: 12px; }
.legal .prose ul { margin: 12px 0 0; padding-left: 1.2em; }
.legal .prose li + li { margin-top: 6px; }

/* ================================================================
   8. Footer
   ================================================================ */

.footer {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px 32px;
  padding: 28px var(--gutter); background: var(--ks-violet-deep); border-top: 1px solid var(--ks-rule);
}
.footer-mark {
  font-family: var(--font-display); font-size: 1.125rem; letter-spacing: 0.02em;
  text-transform: uppercase; color: var(--ks-faint);
}
.footer-credit {
  font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--ks-faint);
}
.footer-sg { font-weight: 400; letter-spacing: 0.02em; text-transform: none; }
.footer nav { display: flex; flex-wrap: wrap; gap: 4px 24px; margin-left: auto; font-size: 0.875rem; }
.footer nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ks-faint); }
.footer nav a:hover { color: var(--ks-white); }

/* ================================================================
   9. Bewegung – dezent, nur ohne prefers-reduced-motion
   ================================================================ */

@media (prefers-reduced-motion: no-preference) {
  .hero-text > * { animation: ks-rise 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
  .hero-text > :nth-child(2) { animation-delay: 0.06s; }
  .hero-text > :nth-child(3) { animation-delay: 0.12s; }
  .hero-text > :nth-child(4) { animation-delay: 0.18s; }
  .hero-text > :nth-child(5) { animation-delay: 0.24s; }
  .hero-media img { animation: ks-settle 1.4s cubic-bezier(0.2, 0.7, 0.2, 1) both; }

  /* Reveal nur, wenn JS läuft – sonst bleibt alles sichtbar */
  .js [data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.6s ease; }
  .js [data-reveal].is-visible { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
@keyframes ks-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes ks-settle { from { opacity: 0.4; transform: scale(1.04); } to { opacity: 1; transform: none; } }