:root {
  --paper: #ece8e4;
  --white: #fbfaf9;
  --ink: #121214;
  --muted: #5e5a5d;
  --green: #8f1217;
  --green-dark: #1a1a1d;
  --accent: #c3191f;
  --line: #c9c1bc;
  --shell: 1380px;
  --header: 92px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
body.nav-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.shell { width: min(calc(100% - 64px), var(--shell)); margin-inline: auto; }
.section-space { padding: clamp(90px, 10vw, 165px) 0; }
.skip-link { position: fixed; left: 16px; top: 16px; z-index: 100; padding: 10px 14px; background: #fff; transform: translateY(-200%); }
.skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.topline { color: #fff; background: var(--green-dark); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.topline-inner { min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.topline a { color: #f0b2b4; }

.site-header { position: sticky; top: 0; z-index: 20; height: var(--header); background: rgba(236,232,228,.96); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand img { width: clamp(210px, 20vw, 290px); height: 62px; object-fit: contain; object-position: left center; }
.main-nav { height: 100%; display: flex; align-items: center; gap: clamp(12px, 1.4vw, 22px); }
.main-nav > a { position: relative; display: flex; align-items: center; height: 100%; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .88; transition: opacity .2s ease, color .2s ease; }
.main-nav > a:hover { opacity: 1; }
.main-nav > a:not(.nav-contact)::after { content: ""; position: absolute; right: 0; bottom: 24px; left: 0; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.main-nav > a:hover::after { transform: scaleX(1); }
.nav-contact {
  align-self: center;
  height: auto !important;
  padding: 14px 18px;
  color: #fff;
  opacity: 1 !important;
  position: relative;
  overflow: hidden;
  background: var(--accent);
  box-shadow: 0 8px 18px rgba(18,18,20,.1);
}
.nav-contact span { margin-left: 18px; }
.nav-contact::before,
.action-link::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -38%;
  width: 22%;
  background: rgba(18,18,20,.9);
  transform: skewX(-20deg) translateX(-140%);
  transition: transform .55s cubic-bezier(.22,.61,.36,1);
  pointer-events: none;
}
.nav-contact:hover::before,
.action-link:hover::before {
  transform: skewX(-20deg) translateX(760%);
}
.nav-toggle { display: none; width: 48px; height: 48px; padding: 0; border: 0; background: none; }
.nav-toggle span:not(.sr-only) { display: block; width: 28px; height: 2px; margin: 7px auto; background: var(--ink); transition: transform .2s ease; }

.section-code { margin: 0 0 25px; color: var(--accent); font-size: .7rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { margin-bottom: 0; font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif; font-weight: 900; line-height: .91; letter-spacing: -.045em; text-transform: uppercase; }
h1 { font-size: clamp(4.2rem, 7.6vw, 8rem); }
h2 { font-size: clamp(3.4rem, 6.4vw, 6.8rem); }
h3 { font-size: clamp(2.25rem, 4vw, 4.5rem); }
p { color: var(--muted); line-height: 1.72; }

.hero {
  position: relative;
  padding: 55px 0 0;
  overflow: hidden;
  background: #17171a;
}
.hero-background,
.hero-overlay {
  position: absolute;
  inset: 0;
}
.hero-background {
  z-index: 0;
  overflow: hidden;
}
.hero-background .hero-video,
.hero-background .hero-video-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-background .hero-video { z-index: 1; }
.hero-overlay {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(18,18,20,.74) 0%, rgba(18,18,20,.52) 34%, rgba(18,18,20,.38) 56%, rgba(18,18,20,.6) 100%),
    linear-gradient(180deg, rgba(18,18,20,.18) 0%, rgba(18,18,20,.32) 55%, rgba(18,18,20,.78) 100%);
}
.hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 590px;
  align-items: center;
  gap: clamp(45px, 6vw, 100px);
}
.hero-copy {
  position: relative;
  z-index: 2;
  padding: 42px 0 60px;
  min-width: 0;
  width: 100%;
  max-width: 860px;
  justify-self: stretch;
}
.hero-copy-frame {
  width: 100%;
  max-width: none;
  margin-left: 0;
  padding: 28px 44px 32px 28px;
  border: 1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(18,18,20,.42) 0%, rgba(18,18,20,.24) 100%);
  box-shadow: 0 18px 36px rgba(0,0,0,.16);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.hero-copy-frame h1 {
  max-width: 100%;
  font-size: clamp(3.2rem, 5.35vw, 5.7rem);
  line-height: .92;
  letter-spacing: -.028em;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}
.hero-copy,
.hero-copy p,
.hero-copy h1,
.hero-copy .hero-intro { color: #fff; }
.hero-copy .section-code { color: rgba(255,255,255,.72); }
.hero-copy h1 em { color: var(--accent); font-style: normal; }
.hero-intro { max-width: 570px; margin: 38px 0 0; font-size: 1.08rem; }
.hero-links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 42px; }
.action-link {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  padding: 0 20px;
  border: 1px solid rgba(18,18,20,.75);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
  transition: .2s ease;
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.1);
}
.action-link:hover { color: #fff; background: var(--ink); border-color: var(--ink); }
.action-link-primary { color: #fff; border-color: rgba(195,25,31,.3); background: linear-gradient(180deg, #cf1d23 0%, #b7141a 100%); }
.action-link-primary:hover { border-color: transparent; background: linear-gradient(180deg, #bc171d 0%, #991015 100%); }
.action-link-dark { color: #fff; border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.02); }
.action-link-dark:hover { color: var(--green-dark); background: #fff; }
.statement { background: var(--white); }
.statement-grid {
  position: relative;
  display: grid;
  grid-template-columns: 70px 1.1fr .75fr;
  gap: clamp(35px, 6vw, 90px);
  align-items: center;
}
.statement-grid > * { min-width: 0; }
.vertical-label { writing-mode: vertical-rl; transform: rotate(180deg); margin: 0; color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.statement-lead { min-width: 0; max-width: 780px; }
.statement-intro {
  max-width: 620px;
  margin: 28px 0 0;
  color: var(--ink);
  font-size: 1.08rem;
  line-height: 1.7;
}
.statement-copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
  padding: 28px 30px;
  border-left: 4px solid var(--accent);
  background: linear-gradient(180deg, rgba(236,232,228,.72) 0%, rgba(236,232,228,.32) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
  font-size: 1rem;
}
.statement-copy p { margin: 0; }
.statement-copy-label {
  color: var(--accent) !important;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.statement-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 8px;
  min-width: 0;
}
.statement-points span {
  max-width: 100%;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(18,18,20,.12);
  background: rgba(255,255,255,.58);
  color: var(--ink);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.drives { padding: clamp(90px, 10vw, 150px) 0; background: var(--paper); }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 65px; }
.drive-list { border-top: 1px solid var(--ink); }
.drive-row { min-height: 220px; display: grid; grid-template-columns: 250px 85px 1fr 80px; align-items: center; gap: 32px; padding: 25px 0; border-bottom: 1px solid var(--ink); }
.drive-image { height: 170px; overflow: hidden; }
.drive-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.drive-row:hover .drive-image img { transform: scale(1.04); }
.drive-index { align-self: start; padding-top: 9px; color: var(--accent); font-family: Impact, sans-serif; font-size: 2.1rem; }
.drive-content { min-width: 0; }
.drive-content h3,
.drive-content span { overflow-wrap: anywhere; }
.drive-content p { margin-bottom: 9px; color: var(--accent); font-size: .66rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.drive-content span { display: block; max-width: 670px; margin-top: 17px; color: var(--muted); line-height: 1.55; }
.round-link {
  width: 62px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  justify-self: end;
  border: 1px solid var(--ink);
  border-radius: 50%;
  font-size: 1.4rem;
  transition: .2s ease;
  background: linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,0));
}
.round-link:hover { color: #fff; background: linear-gradient(180deg, #d51d23, #ac1116); border-color: var(--accent); transform: rotate(8deg); }

.track-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(55px, 8vw, 120px); align-items: center; }
.track-grid > * { min-width: 0; }
.track-map { position: relative; min-height: 600px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.23); background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 45px 45px; }
.track-map img { width: min(85%, 760px); filter: brightness(0) invert(1) drop-shadow(0 18px 28px rgba(0,0,0,.28)); }
.map-label { position: absolute; top: 20px; left: 22px; font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; opacity: .6; }
.lap-record { position: absolute; right: -22px; bottom: 38px; padding: 20px 22px; color: #fff; background: var(--accent); font-family: Impact, sans-serif; font-size: 2rem; transform: rotate(-3deg); }
.lap-record small { font-size: .65rem; letter-spacing: .12em; }
.track-copy > p:not(.section-code) { margin: 35px 0; color: rgba(255,255,255,.68); font-size: 1.05rem; }
.track-data { margin: 0 0 38px; border-top: 1px solid rgba(255,255,255,.25); }
.track-data div { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.25); }
.track-data dt { color: rgba(255,255,255,.55); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.track-data dd { margin: 0; font-weight: 800; text-transform: uppercase; }

.site-footer {
  padding: 70px 0 25px;
  color: rgba(255,255,255,.7);
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)),
    linear-gradient(180deg, #1a1a1d 0%, #121214 100%);
  border-top: 1px solid rgba(195,25,31,.18);
}
.footer-main { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 50px; }
.footer-main img { width: 250px; filter: brightness(0) invert(1); }
.footer-main strong { display: block; margin-bottom: 17px; color: #fff; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.footer-main a { display: block; margin: 10px 0; font-size: .86rem; opacity: .82; transition: opacity .2s ease, color .2s ease; }
.footer-main a:hover { color: #fff; opacity: 1; }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 55px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.15); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 1180px) and (min-width: 981px) {
  .nav-toggle { display: block; position: relative; z-index: 31; }
  .main-nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    height: 100svh;
    padding: 118px 24px 28px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: rgba(236,232,228,.98);
    overflow-y: auto;
  }
  .main-nav.is-open { display: flex; }
  .main-nav > a {
    height: auto;
    padding: 18px 0;
    border-bottom: 1px solid var(--line);
    font-size: .95rem;
    opacity: 1;
  }
  .main-nav > a:not(.nav-contact)::after { display: none; }
  .nav-contact {
    margin-top: 22px;
    padding: 18px !important;
    justify-content: center;
    text-align: center;
  }
  .nav-toggle.is-open span:nth-of-type(1) { transform: translateY(4.5px) rotate(45deg); }
  .nav-toggle.is-open span:nth-of-type(2) { transform: translateY(-4.5px) rotate(-45deg); }
}

@media (max-width: 980px) {
  .shell { width: min(calc(100% - 40px), var(--shell)); }
  .topline-inner span:nth-child(2) { display: none; }
  .nav-toggle { display: block; position: relative; z-index: 31; }
  .main-nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    height: 100svh;
    padding: 118px 24px 28px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    background: rgba(236,232,228,.98);
    overflow-y: auto;
  }
  .main-nav.is-open {
    display: flex;
  }
  .main-nav > a {
    height: auto;
    padding: 18px 0;
    border-bottom: 1px solid var(--line);
    font-size: .95rem;
    opacity: 1;
  }
  .main-nav > a:not(.nav-contact)::after { display: none; }
  .nav-contact {
    margin-top: 22px;
    padding: 18px !important;
    justify-content: center;
    text-align: center;
  }
  .nav-toggle.is-open span:nth-of-type(1) { transform: translateY(4.5px) rotate(45deg); }
  .nav-toggle.is-open span:nth-of-type(2) { transform: translateY(-4.5px) rotate(-45deg); }
  .hero-grid, .track-grid { grid-template-columns: 1fr; }
  .hero {
    min-height: 0;
    padding-top: 22px;
  }
  .hero-grid {
    min-height: 0;
    gap: 18px;
  }
  .hero-copy { padding: 22px 0 16px; }
  .hero-copy-frame {
    width: 100%;
    max-width: none;
    padding: 24px 28px 26px 22px;
  }
  .panel::after,
  .faq-item::after {
    display: none;
  }
  .statement-grid { grid-template-columns: 45px 1fr; }
  .statement-copy { grid-column: 2; margin-top: 0; }
  .drive-row { grid-template-columns: 190px 65px 1fr 65px; }
  .track-copy { max-width: 720px; }
  .sub-hero h1,
  .hero-copy-frame h1 { text-wrap: balance; }
  .track-data div,
  .legal-actions {
    align-items: flex-start;
    flex-direction: column;
  }
  .footer-main { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer-main > div:last-child { grid-column: 2 / 4; }
}

@media (max-width: 650px) {
  :root { --header: 75px; }
  html { scroll-padding-top: var(--header); }
  body { padding-top: var(--header); }
  .shell { width: min(calc(100% - 28px), var(--shell)); }
  .topline { display: none; }
  .brand img { width: 205px; height: 54px; }
  .section-space { padding: 78px 0; }
  h1 { font-size: clamp(2.65rem, 14vw, 4.25rem); line-height: .94; letter-spacing: -.03em; }
  h2 { font-size: clamp(2.2rem, 11vw, 3.35rem); line-height: .96; letter-spacing: -.03em; }
  h3 { font-size: clamp(1.7rem, 8.5vw, 2.45rem); line-height: .98; letter-spacing: -.028em; }
  p { line-height: 1.65; }
  .section-code {
    margin-bottom: 18px;
    font-size: .62rem;
    letter-spacing: .12em;
  }
  .site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: var(--header);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .header-inner { gap: 12px; }
  .main-nav {
    padding: 94px 18px 22px;
  }
  .main-nav > a {
    padding: 16px 0;
    font-size: .9rem;
  }
  .hero { padding-top: 12px; }
  .hero-grid { gap: 8px; }
  .hero-copy {
    min-width: 0;
    padding-top: 8px;
  }
  .hero-copy-frame {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: clamp(14px, 4vw, 18px);
  }
  .hero-intro {
    margin-top: 22px;
    font-size: .98rem;
    line-height: 1.6;
  }
  .hero-links { align-items: stretch; flex-direction: column; }
  .action-link {
    width: 100%;
    min-height: 50px;
    gap: 16px;
    padding: 0 16px;
    font-size: .66rem;
    letter-spacing: .08em;
  }
  .statement-grid { grid-template-columns: 1fr; }
  .vertical-label { display: none; }
  .statement-lead { max-width: none; }
  .statement-copy { grid-column: auto; }
  .statement-intro { max-width: none; }
  .statement-copy {
    padding: 22px 20px;
  }
  .statement-points {
    display: grid;
    grid-template-columns: 1fr;
  }
  .statement-points span {
    width: 100%;
  }
  .section-head { align-items: flex-start; flex-direction: column; margin-bottom: 42px; }
  .drive-row { min-height: 0; grid-template-columns: 62px 1fr 50px; gap: 16px; padding: 25px 0; }
  .drive-image { grid-column: 1 / -1; width: 100%; height: 230px; }
  .drive-index { grid-column: 1; }
  .drive-content { grid-column: 2; }
  .drive-content h3 { font-size: clamp(1.9rem, 9vw, 2.35rem); }
  .drive-content span { font-size: .9rem; }
  .round-link { grid-column: 3; width: 48px; }
  .track-map { min-height: 390px; padding: 60px 18px 86px; }
  .track-map img { width: min(100%, 320px); }
  .map-label { left: 16px; top: 16px; }
  .lap-record {
    right: 16px;
    bottom: 16px;
    padding: 14px 16px;
    font-size: 1.35rem;
  }
  .track-copy > p:not(.section-code) { margin: 24px 0; font-size: .98rem; }
  .track-data div {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }
  .sub-hero { padding-top: 34px; }
  .sub-hero-card strong { font-size: 1.5rem; }
  .panel,
  .faq-item,
  .sub-hero-card { padding: 20px; }
  .panel h2 { font-size: clamp(1.85rem, 9vw, 2.35rem); }
  .panel h3,
  .faq-item h3 { font-size: clamp(1.2rem, 6.8vw, 1.5rem); }
  .metric-list li,
  .info-list li,
  .bullet-list li,
  .link-list li { padding: 12px 0; }
  .legal-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .legal-actions .action-link { width: 100%; }
  .footer-main { grid-template-columns: 1fr; gap: 28px; }
  .footer-main > img, .footer-main > div:last-child { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* Originalmedien der bisherigen Website */
.brand img { object-fit: contain; }
@media (max-width: 650px) {
  .hero-copy-frame h1 {
    font-size: clamp(2.3rem, 11.5vw, 3.5rem);
    line-height: .98;
    letter-spacing: -.024em;
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
  .hero-copy-frame .section-code {
    margin-bottom: clamp(14px, 3vw, 18px);
  }
  .hero-copy .section-code,
  .hero-copy .hero-intro,
  .hero-links {
    max-width: 100%;
  }
  .hero-copy .hero-intro {
    margin-top: clamp(16px, 4vw, 22px);
    font-size: clamp(.92rem, 3.2vw, .98rem);
    line-height: 1.55;
  }
  .hero-links {
    margin-top: clamp(20px, 5vw, 28px);
  }
  .hero-overlay {
    background:
      linear-gradient(180deg, rgba(18,18,20,.42) 0%, rgba(18,18,20,.46) 30%, rgba(18,18,20,.78) 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-video { display: none; }
}

.sub-hero {
  padding: 56px 0 36px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(20,20,22,.94) 0%, rgba(26,26,29,.92) 45%, rgba(195,25,31,.86) 100%),
    url('../img/teamrennen-startaufstellung.jpg') center center / cover no-repeat;
}
.rennkart-hero {
  background:
    linear-gradient(90deg, rgba(18,18,20,.94) 0%, rgba(18,18,20,.78) 46%, rgba(18,18,20,.38) 100%),
    url('../img/rennkart-hero.jpg') 35% 75% / cover no-repeat;
}
.rennstrecke-hero {
  background:
    linear-gradient(90deg, rgba(18,18,20,.9) 0%, rgba(18,18,20,.7) 48%, rgba(18,18,20,.38) 100%),
    url('../img/rennstrecke-luftbild.webp') center center / cover no-repeat;
}
.faq-hero {
  background:
    linear-gradient(90deg, rgba(18,18,20,.92) 0%, rgba(18,18,20,.72) 48%, rgba(18,18,20,.4) 100%),
    url('../img/faq-fragen.jpg') center center / cover no-repeat;
}
.error-page { display: grid; min-height: calc(100svh - var(--header)); }
.error-hero {
  display: grid;
  align-items: center;
  padding: clamp(88px, 12vw, 185px) 0;
  color: #fff;
  background:
    radial-gradient(circle at 76% 30%, rgba(195,25,31,.72) 0%, rgba(195,25,31,0) 32%),
    linear-gradient(135deg, #25252a 0%, #121214 64%, #1a1a1d 100%);
}
.error-hero-inner { max-width: 900px; }
.error-hero .section-code { color: rgba(255,255,255,.58); }
.error-hero h1 { max-width: 820px; color: #fff; }
.error-hero p:not(.section-code) { max-width: 590px; margin: 30px 0 0; color: rgba(255,255,255,.72); font-size: 1.12rem; }
.error-hero .hero-links { margin-top: 38px; }
.sub-hero-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: clamp(30px, 6vw, 100px);
  align-items: end;
}
.sub-hero-grid > * { min-width: 0; }
.leihkart-hero-side { display: flex; flex-direction: column; gap: 18px; }
.leihkart-hero-kart {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 12px 28px 0;
}
.leihkart-hero-kart img {
  display: block;
  width: min(100%, 450px);
  max-height: 310px;
  object-fit: contain;
  filter: drop-shadow(0 18px 20px rgba(0,0,0,.32));
}
.sub-hero .section-code,
.sub-hero p {
  color: rgba(255,255,255,.76);
}
.sub-hero .hero-intro {
  max-width: 760px;
  color: #fff;
}
.sub-hero-card {
  position: relative;
  padding: 28px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  box-shadow: 0 20px 44px rgba(0,0,0,.2);
}
.sub-hero-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 8px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.26) 0 30%, rgba(195,25,31,.95) 30% 100%);
  pointer-events: none;
}
.sub-hero-card strong,
.sub-hero-card span {
  display: block;
}
.sub-hero-card strong {
  margin-bottom: 8px;
  font-family: Impact, sans-serif;
  font-size: 2rem;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.sub-hero-card span {
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}

.content-section { padding: clamp(82px, 9vw, 130px) 0; }
.content-section-white { background: var(--white); }
.content-section-paper { background: var(--paper); }
.content-section-paper .metric-list strong { color: var(--ink); }
.content-section-dark {
  color: #fff;
  background: var(--green-dark);
}

/* Impressum: rechtliche Angaben in klarer Lesereihenfolge */
.impressum-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: clamp(48px, 9vw, 150px);
  align-items: stretch;
}
.impressum-provider h2 { max-width: 600px; }
.impressum-provider address {
  margin: 28px 0 0;
  color: var(--ink);
  font-family: Impact, sans-serif;
  font-size: clamp(1.85rem, 3vw, 3rem);
  font-style: normal;
  line-height: 1.04;
  letter-spacing: -.025em;
}
.impressum-addresses {
  display: grid;
  gap: 16px;
  margin-top: 38px;
  padding-top: 24px;
  border-top: 1px solid rgba(18,18,20,.22);
}
.impressum-addresses p { margin: 0; color: var(--muted); }
.impressum-addresses strong {
  display: block;
  margin-bottom: 5px;
  color: var(--ink);
  font-size: .66rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.impressum-contact {
  padding: clamp(28px, 4vw, 46px);
  color: #fff;
  background: var(--ink);
}
.impressum-contact .section-code { color: rgba(255,255,255,.56); }
.impressum-contact dl { margin: 30px 0 0; border-top: 1px solid rgba(255,255,255,.24); }
.impressum-contact dl > div { padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.24); }
.impressum-contact dl > div:last-child { border-bottom: 0; }
.impressum-contact dt { color: rgba(255,255,255,.55); font-size: .64rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.impressum-contact dd { margin: 6px 0 0; color: #fff; line-height: 1.45; }
.impressum-contact a { color: #fff; text-decoration-color: var(--accent); text-underline-offset: 4px; }
.impressum-responsibility { margin-top: clamp(70px, 10vw, 136px); padding-top: 26px; border-top: 4px solid var(--accent); }
.impressum-responsibility > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(34px, 7vw, 112px); margin-top: 30px; }
.impressum-responsibility article + article { padding-left: clamp(28px, 5vw, 72px); border-left: 1px solid rgba(18,18,20,.22); }
.impressum-responsibility h2 { font-size: clamp(1.7rem, 2.7vw, 2.7rem); }
.impressum-responsibility p { color: var(--muted); line-height: 1.7; }
.impressum-responsibility a { color: var(--ink); text-decoration-color: var(--accent); text-underline-offset: 4px; }
.content-section-dark p,
.content-section-dark li,
.content-section-dark dt {
  color: rgba(255,255,255,.72);
}
.content-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 56px);
}
.content-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.content-grid-2 > *,
.content-grid-3 > * { min-width: 0; }
.panel {
  position: relative;
  padding: 24px;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  border: 1px solid rgba(18,18,20,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 2px, transparent 2px 18px),
    linear-gradient(180deg, #37373c 0%, #242429 100%);
  box-shadow: 0 18px 38px rgba(0,0,0,.18);
  transition: transform .22s ease, box-shadow .22s ease;
  overflow: hidden;
}
.panel::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 7px;
  background: linear-gradient(90deg, var(--ink) 0 30%, var(--accent) 30% 100%);
  pointer-events: none;
}
.panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 14px -14px -14px 14px;
  border: 1px solid rgba(18,18,20,.16);
  border-radius: 14px;
}
.content-section-dark .panel {
  border-color: rgba(255,255,255,.18);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 2px, transparent 2px 18px),
    linear-gradient(180deg, #2f2f34 0%, #1c1c20 100%);
  box-shadow: 0 22px 42px rgba(0,0,0,.22);
}
.content-section-dark .panel::after {
  border-color: rgba(195,25,31,.18);
}
.panel:hover {
  transform: translateY(-3px);
  box-shadow: 0 28px 52px rgba(18,18,20,.12);
}
.content-section-dark .panel:hover {
  box-shadow: 0 30px 56px rgba(0,0,0,.28);
}
.panel h3 {
  margin-bottom: 14px;
  color: #f4f0ed;
  font-size: clamp(1.35rem, 1.9vw, 1.85rem);
}
.panel h2 {
  color: #f4f0ed;
  font-size: clamp(2.2rem, 3vw, 3rem);
}
.panel h2,
.panel h3,
.faq-item h3,
.sub-hero-card strong {
  overflow-wrap: anywhere;
}
.sub-hero h1 {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}
.panel p,
.metric-list span,
.info-list span,
.bullet-list li,
.link-list li a {
  color: rgba(255,255,255,.72);
}
.metric-list,
.info-list,
.bullet-list,
.link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.metric-list li,
.info-list li,
.bullet-list li,
.link-list li {
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}
.content-section-dark .metric-list li,
.content-section-dark .info-list li,
.content-section-dark .bullet-list li,
.content-section-dark .link-list li {
  border-bottom-color: rgba(255,255,255,.18);
}
.metric-list li:last-child,
.info-list li:last-child,
.bullet-list li:last-child,
.link-list li:last-child {
  border-bottom: 0;
}
.metric-list strong,
.info-list strong {
  display: block;
  margin-bottom: 4px;
  color: #f4f0ed;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.bullet-list li {
  position: relative;
  padding-left: 18px;
}
.bullet-list li::before {
  content: "";
  position: absolute;
  top: 23px;
  left: 0;
  width: 7px;
  height: 7px;
  background: var(--accent);
  border-radius: 50%;
}
.faq-list {
  display: grid;
  gap: 16px;
}
.faq-item {
  position: relative;
  padding: 22px;
  border-radius: 14px;
  border: 1px solid rgba(18,18,20,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 2px, transparent 2px 18px),
    linear-gradient(180deg, #37373c 0%, #242429 100%);
  box-shadow: 0 18px 36px rgba(0,0,0,.18);
  overflow: hidden;
}
.faq-item::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 7px;
  background: linear-gradient(90deg, var(--ink) 0 30%, var(--accent) 30% 100%);
  pointer-events: none;
}
.faq-item::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 12px -12px -12px 12px;
  border: 1px solid rgba(18,18,20,.16);
  border-radius: 14px;
}
.faq-item h3 {
  margin-bottom: 10px;
  color: #f4f0ed;
  font-size: clamp(1.2rem, 1.7vw, 1.55rem);
}
.faq-item p {
  color: rgba(255,255,255,.72);
  line-height: 1.6;
}
.legal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 24px;
}
.panel .legal-actions { margin-top: auto; padding-top: 18px; }

.race-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.race-card {
  position: relative;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(18,18,20,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.42) 100%),
    linear-gradient(135deg, rgba(236,232,228,.8) 0%, rgba(230,224,219,.22) 100%);
  box-shadow: 0 18px 36px rgba(18,18,20,.08);
}
.race-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--ink) 0 32%, var(--line) 32% 100%);
}
.race-card-upcoming::before {
  background: linear-gradient(90deg, var(--ink) 0 22%, var(--accent) 22% 100%);
}
.race-status {
  display: inline-block;
  margin-bottom: 18px;
  padding: 7px 10px;
  background: rgba(18,18,20,.08);
  color: var(--ink);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.race-card-upcoming .race-status {
  background: rgba(195,25,31,.12);
  color: var(--accent);
}
.race-card h3 {
  margin-bottom: 12px;
  color: var(--ink);
  font-size: clamp(1.6rem, 2vw, 2.2rem);
}
.race-card-date {
  margin: 0 0 14px;
  color: var(--accent);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.race-card p {
  margin-bottom: 18px;
  color: var(--ink);
}
.race-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: auto;
}
.race-meta div {
  padding-top: 12px;
  border-top: 1px solid rgba(18,18,20,.12);
}
.race-meta strong,
.race-meta span {
  display: block;
}
.race-meta strong {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.race-meta span {
  color: var(--ink);
  font-family: Impact, sans-serif;
  font-size: 1.15rem;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.race-card .legal-actions {
  padding-top: 20px;
}

@media (max-width: 1180px) {
  .race-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .sub-hero-grid,
  .content-grid-2,
  .content-grid-3 { grid-template-columns: 1fr 1fr; }
  .race-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 650px) {
  .sub-hero { padding-top: 34px; }
  .sub-hero-grid,
  .content-grid-2,
  .content-grid-3,
  .race-grid { grid-template-columns: 1fr; }
  .panel,
  .faq-item,
  .sub-hero-card { padding: 22px; }
  .race-card { padding: 20px; }
  .race-meta { grid-template-columns: 1fr; }
}

/* Inhaltsseiten: offene, redaktionelle Gestaltung statt wiederholter Karten */
.content-grid-2,
.content-grid-3 {
  gap: clamp(38px, 6vw, 96px);
}
.panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  transition: none;
}
.panel::before,
.panel::after { display: none; }
.panel:hover,
.content-section-dark .panel:hover { transform: none; box-shadow: none; }
.panel h2,
.panel h3 { color: var(--ink); }
.panel p,
.metric-list span,
.info-list span,
.bullet-list li,
.link-list li a { color: var(--muted); }
.content-section-dark .panel h2,
.content-section-dark .panel h3 { color: #fff; }
.content-section-dark .panel p,
.content-section-dark .metric-list span,
.content-section-dark .info-list span,
.content-section-dark .bullet-list li,
.content-section-dark .link-list li a { color: rgba(255,255,255,.72); }
.content-grid-2 > .panel + .panel,
.content-grid-3 > .panel:not(:first-child) {
  padding-left: clamp(28px, 4vw, 64px);
  border-left: 1px solid rgba(18,18,20,.2);
}
.content-section-dark .content-grid-2 > .panel + .panel,
.content-section-dark .content-grid-3 > .panel:not(:first-child) {
  border-left-color: rgba(255,255,255,.24);
}
.panel .section-code { margin-bottom: 18px; }
.sub-hero-card {
  padding: 22px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.sub-hero-card::before {
  right: auto;
  width: 74px;
  height: 3px;
  background: var(--accent);
}
.metric-list,
.info-list,
.bullet-list,
.link-list { border-top: 1px solid rgba(18,18,20,.2); }
.content-section-dark .metric-list,
.content-section-dark .info-list,
.content-section-dark .bullet-list,
.content-section-dark .link-list { border-top-color: rgba(255,255,255,.24); }
.metric-list li,
.info-list li,
.bullet-list li,
.link-list li { border-bottom-color: rgba(18,18,20,.2); }
.content-section-dark .metric-list li,
.content-section-dark .info-list li,
.content-section-dark .bullet-list li,
.content-section-dark .link-list li { border-bottom-color: rgba(255,255,255,.24); }
.editorial-cta {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(32px, 8vw, 140px);
  margin-top: clamp(66px, 9vw, 130px);
  padding-top: clamp(36px, 5vw, 64px);
  border-top: 4px solid var(--accent);
}
.editorial-cta h2 { color: var(--ink); }
.editorial-cta p:not(.section-code) { max-width: 650px; color: var(--ink); font-size: 1.08rem; }
.faq-list { gap: 0; border-top: 1px solid rgba(18,18,20,.2); }
.faq-item {
  padding: 28px 0 28px 34px;
  border: 0;
  border-bottom: 1px solid rgba(18,18,20,.2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.faq-item::before {
  top: 37px;
  right: auto;
  left: 0;
  width: 10px;
  height: 10px;
  background: var(--accent);
  border-radius: 50%;
}
.faq-item::after { display: none; }
.faq-item h3 { color: var(--ink); }
.faq-item p { color: var(--muted); }
.race-grid { grid-template-columns: 1fr; gap: 0; border-top: 1px solid rgba(18,18,20,.2); }
.race-card {
  padding: 30px 0;
  border: 0;
  border-bottom: 1px solid rgba(18,18,20,.2);
  background: transparent;
  box-shadow: none;
}
.race-card::before { display: none; }
.race-card:hover { transform: none; box-shadow: none; }
.race-card h3 { font-size: clamp(2rem, 3vw, 3rem); }
.race-meta { max-width: 660px; margin-top: 26px; }
.race-card .legal-actions { padding-top: 10px; }

@media (max-width: 980px) {
  .content-grid-3 > .panel:nth-child(odd) { padding-left: 0; border-left: 0; }
  .content-grid-3 > .panel:nth-child(3) { padding-top: 34px; border-top: 1px solid rgba(18,20,20,.2); }
}

@media (max-width: 650px) {
  .content-grid-2,
  .content-grid-3 { gap: 0; }
  .content-grid-2 > .panel + .panel,
  .content-grid-3 > .panel:not(:first-child) {
    margin-top: 36px;
    padding-top: 36px;
    padding-left: 0;
    border-top: 1px solid rgba(18,18,20,.2);
    border-left: 0;
  }
  .content-section-dark .content-grid-2 > .panel + .panel,
  .content-section-dark .content-grid-3 > .panel:not(:first-child) { border-top-color: rgba(255,255,255,.24); }
  .content-grid-3 > .panel:nth-child(3) { border-top-color: rgba(18,18,20,.2); }
  .editorial-cta { grid-template-columns: 1fr; gap: 22px; margin-top: 62px; }
  .faq-item { padding: 24px 0 24px 28px; }
  .faq-item::before { top: 32px; width: 8px; height: 8px; }
}

/* Teamrennen: eigene Abfolge aus Fakten, Story, Rennablauf und Terminen */
.team-facts { background: var(--ink); }
.team-facts dl {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
  border-right: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
.team-facts div { min-height: 142px; padding: 26px 22px; border-right: 1px solid rgba(255,255,255,.18); }
.team-facts div:last-child { border-right: 0; }
.team-facts dt { color: rgba(255,255,255,.56); font-size: .62rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.team-facts dd { margin: 15px 0 0; color: #fff; font-family: Impact, sans-serif; font-size: clamp(1.85rem, 3.25vw, 3.2rem); line-height: .9; letter-spacing: -.02em; text-transform: uppercase; }
.team-story { padding: clamp(90px, 11vw, 170px) 0; background: var(--white); }
.team-story-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: clamp(44px, 8vw, 140px); align-items: center; }
.team-story-visual { position: relative; margin: 0; min-height: 520px; overflow: hidden; background: var(--ink); }
.team-story-visual::after { content: "99"; position: absolute; right: -12px; bottom: -38px; color: var(--accent); font-family: Impact, sans-serif; font-size: clamp(9rem, 20vw, 18rem); line-height: 1; opacity: .96; }
.team-story-visual img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; filter: saturate(.82) contrast(1.06); }
.team-story-visual figcaption { position: absolute; z-index: 1; bottom: 20px; left: 20px; padding: 9px 11px; color: #fff; background: var(--ink); font-size: .62rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.team-story-copy { position: relative; z-index: 1; }
.team-story-copy h2 { max-width: 550px; }
.team-story-copy p:not(.section-code) { max-width: 540px; color: var(--ink); font-size: 1.08rem; }
.team-flow { padding: clamp(82px, 10vw, 150px) 0; color: #fff; background: var(--green-dark); }
.team-flow .section-code { color: rgba(255,255,255,.58); }
.team-flow h2 { max-width: 800px; }
.team-flow-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: clamp(50px, 7vw, 92px) 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.26); border-bottom: 1px solid rgba(255,255,255,.26); }
.team-flow-list li { min-height: 270px; padding: 28px 24px 30px; border-right: 1px solid rgba(255,255,255,.26); }
.team-flow-list li:last-child { border-right: 0; }
.team-flow-list span { display: block; margin-bottom: 72px; color: var(--accent); font-family: Impact, sans-serif; font-size: 2.2rem; }
.team-flow-list h3 { color: #fff; font-size: clamp(1.5rem, 2.1vw, 2.25rem); }
.team-flow-list p { margin: 14px 0 0; color: rgba(255,255,255,.66); line-height: 1.6; }
.team-dates { padding: clamp(90px, 11vw, 170px) 0; background: var(--paper); }
.team-dates-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: clamp(42px, 7vw, 80px); }
.team-date-list { border-top: 1px solid var(--ink); }
.team-date { display: grid; grid-template-columns: 170px minmax(0, 1fr) auto; align-items: center; gap: clamp(26px, 5vw, 90px); padding: 30px 0; border-bottom: 1px solid var(--ink); }
.team-date time { display: flex; align-items: center; gap: 12px; color: var(--accent); }
.team-date time strong { font-family: Impact, sans-serif; font-size: clamp(4.5rem, 7vw, 7rem); line-height: .8; letter-spacing: -.05em; }
.team-date time span { color: var(--ink); font-size: .65rem; font-weight: 900; letter-spacing: .13em; line-height: 1.35; text-transform: uppercase; }
.team-date .section-code { margin-bottom: 10px; }
.team-date h3 { color: var(--ink); font-size: clamp(2rem, 3vw, 3.2rem); }
.team-date p:not(.section-code) { margin: 13px 0 0; color: var(--muted); }
.team-date .action-link { width: max-content; }
.team-cta { padding: clamp(82px, 10vw, 145px) 0; color: #fff; background: var(--accent); }
.team-cta-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(44px, 10vw, 160px); align-items: end; }
.team-cta .section-code { color: rgba(18,18,20,.66); }
.team-cta h2 { max-width: 720px; }
.team-cta p:not(.section-code) { max-width: 620px; color: rgba(18,18,20,.86); font-size: 1.1rem; }

@media (max-width: 980px) {
  .team-facts dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .team-facts div:nth-child(3) { border-right: 0; }
  .team-facts div:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.18); }
  .team-story-grid { grid-template-columns: 1fr; }
  .team-story-visual, .team-story-visual img { min-height: 450px; }
  .team-flow-list { grid-template-columns: 1fr; }
  .team-flow-list li { min-height: 0; display: grid; grid-template-columns: 92px 1fr; gap: 24px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.26); }
  .team-flow-list li:last-child { border-bottom: 0; }
  .team-flow-list span { margin: 0; }
  .team-date { grid-template-columns: 140px 1fr; }
  .team-date .action-link { grid-column: 2; justify-self: start; }
}

@media (max-width: 650px) {
  .team-facts dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-facts div { min-height: 112px; padding: 20px 16px; }
  .team-facts div:nth-child(3) { border-right: 1px solid rgba(255,255,255,.18); }
  .team-facts div:nth-child(even) { border-right: 0; }
  .team-facts div:nth-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.18); }
  .team-story { padding: 74px 0; }
  .team-story-visual, .team-story-visual img { min-height: 330px; }
  .team-story-visual::after { right: -8px; bottom: -22px; font-size: 10rem; }
  .team-flow-list li { grid-template-columns: 56px 1fr; padding: 22px 0; gap: 16px; }
  .team-flow-list span { font-size: 1.6rem; }
  .team-dates-head { display: block; margin-bottom: 38px; }
  .team-date { grid-template-columns: 100px 1fr; gap: 20px; padding: 26px 0; }
  .team-date time { gap: 8px; }
  .team-date time strong { font-size: 4.2rem; }
  .team-date .action-link { grid-column: 1 / -1; width: 100%; }
  .team-cta-grid { grid-template-columns: 1fr; gap: 28px; }
}

/* FAQ: Themen statt einer langen Fragenliste */
.faq-index { padding: clamp(46px, 6vw, 76px) 0; color: #fff; background: var(--ink); }
.faq-index .section-code { color: rgba(255,255,255,.55); }
.faq-topic-links { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); }
.faq-topic-links a { display: flex; min-height: 92px; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 20px; color: #fff; border-right: 1px solid rgba(255,255,255,.25); font-size: .78rem; font-weight: 900; letter-spacing: .08em; line-height: 1.25; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.faq-topic-links a:first-child { padding-left: 0; }
.faq-topic-links a:last-child { padding-right: 0; border-right: 0; }
.faq-topic-links a:hover { color: var(--accent); background: rgba(255,255,255,.05); }
.faq-topic-links span { color: var(--accent); font-family: Impact, sans-serif; font-size: 1.45rem; font-weight: 400; letter-spacing: 0; }
.faq-topic { padding: clamp(82px, 10vw, 148px) 0; }
.faq-topic-light { background: var(--white); }
.faq-topic-paper { background: var(--paper); }
.faq-topic-dark { color: #fff; background: var(--green-dark); }
.faq-topic-accent { color: var(--ink); background: var(--accent); }
.faq-topic-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .68fr); gap: clamp(38px, 9vw, 150px); align-items: end; }
.faq-topic-head h2 { max-width: 770px; }
.faq-topic-head > p { max-width: 480px; margin: 0; color: var(--ink); font-size: 1.08rem; line-height: 1.65; }
.faq-topic .faq-list { margin-top: clamp(50px, 7vw, 88px); }
.faq-topic .faq-item { position: relative; max-width: 1060px; padding-right: 10px; }
.faq-topic .faq-item h3 { font-size: clamp(1.55rem, 2.35vw, 2.45rem); line-height: 1; }
.faq-topic .faq-item p { max-width: 880px; margin: 12px 0 0; line-height: 1.62; }
.faq-topic .faq-item a { color: inherit; font-weight: 900; text-decoration: underline; text-decoration-color: var(--accent); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.faq-topic-dark .section-code { color: rgba(255,255,255,.55); }
.faq-topic-dark h2,
.faq-topic-dark .faq-item h3 { color: #fff; }
.faq-topic-dark .faq-topic-head > p,
.faq-topic-dark .faq-item p { color: rgba(255,255,255,.72); }
.faq-topic-dark .faq-list { border-top-color: rgba(255,255,255,.25); }
.faq-topic-dark .faq-item { border-bottom-color: rgba(255,255,255,.25); }
.faq-topic-dark .faq-item::before { background: var(--accent); }
.faq-topic-dark .faq-item a { color: #fff; }
.faq-topic-accent .section-code { color: rgba(18,18,20,.66); }
.faq-topic-accent .faq-item p,
.faq-topic-accent .faq-topic-head > p { color: rgba(18,18,20,.82); }
.faq-topic-accent .faq-list,
.faq-topic-accent .faq-item { border-color: rgba(18,18,20,.35); }
.faq-topic-accent .faq-item::before { background: #fff; }
.faq-topic-accent .faq-item a { text-decoration-color: #fff; }

@media (max-width: 980px) {
  .faq-topic-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .faq-topic-links a,
  .faq-topic-links a:first-child,
  .faq-topic-links a:last-child { padding: 18px; border-bottom: 1px solid rgba(255,255,255,.25); }
  .faq-topic-links a:nth-child(even) { border-right: 0; }
  .faq-topic-links a:last-child { grid-column: 1 / -1; border-bottom: 0; }
}

@media (max-width: 650px) {
  .faq-topic-links { grid-template-columns: 1fr; }
  .faq-topic-links a,
  .faq-topic-links a:first-child,
  .faq-topic-links a:last-child { min-height: 66px; padding: 16px 0; border-right: 0; }
  .faq-topic-links a:last-child { grid-column: auto; }
  .faq-topic-head { grid-template-columns: 1fr; gap: 20px; }
  .faq-topic .faq-item { padding-right: 0; }
}

/* Leihkart: Preise, Öffnungszeiten und Hinweise mit eigener Hierarchie */
.leihkart-pricing { padding: clamp(82px, 10vw, 150px) 0; background: var(--white); }
.leihkart-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); gap: clamp(38px, 9vw, 150px); align-items: end; }
.leihkart-section-head h2 { max-width: 760px; }
.leihkart-section-head > p { max-width: 480px; margin: 0; color: var(--ink); font-size: 1.08rem; line-height: 1.65; }
.leihkart-pricing-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: clamp(36px, 7vw, 112px); margin-top: clamp(52px, 8vw, 98px); align-items: stretch; }
.leihkart-price-list { border-top: 4px solid var(--ink); }
.leihkart-price-row { display: grid; grid-template-columns: 136px minmax(0, 1fr) auto; gap: 28px; align-items: center; min-height: 145px; border-bottom: 1px solid rgba(18,18,20,.22); }
.leihkart-price-row > strong { color: var(--accent); font-family: Impact, sans-serif; font-size: clamp(3.5rem, 5.5vw, 5.9rem); font-weight: 400; line-height: .78; letter-spacing: -.055em; }
.leihkart-price-row > strong span { display: block; margin: 9px 0 0 3px; color: var(--ink); font-family: Arial, Helvetica, sans-serif; font-size: .62rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.leihkart-price-row div > span { display: block; color: var(--ink); font-size: .68rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.leihkart-price-row p { margin: 8px 0 0; color: var(--muted); line-height: 1.45; }
.leihkart-price-row b { color: var(--ink); font-family: Impact, sans-serif; font-size: clamp(2rem, 3.2vw, 3.25rem); font-weight: 400; letter-spacing: -.02em; white-space: nowrap; }
.leihkart-race-packages { display: flex; flex-direction: column; padding: clamp(28px, 4vw, 46px); color: #fff; background: var(--ink); }
.leihkart-race-packages .section-code { color: rgba(255,255,255,.56); }
.leihkart-race-packages > div { padding: 25px 0; border-top: 1px solid rgba(255,255,255,.24); }
.leihkart-race-packages h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; color: #fff; font-size: clamp(2rem, 3vw, 3.25rem); }
.leihkart-race-packages h3 span { color: var(--accent); font-family: Impact, sans-serif; font-size: 1.35rem; font-weight: 400; letter-spacing: .02em; white-space: nowrap; }
.leihkart-race-packages p { margin: 12px 0 0; color: rgba(255,255,255,.68); line-height: 1.58; }
.leihkart-race-packages .leihkart-group-note { margin-top: auto; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.24); color: rgba(255,255,255,.56); font-size: .9rem; }
.leihkart-hours { padding: clamp(82px, 10vw, 148px) 0; color: #fff; background: var(--green-dark); }
.leihkart-hours-grid { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); gap: clamp(44px, 10vw, 170px); align-items: start; }
.leihkart-hours .section-code { color: rgba(255,255,255,.56); }
.leihkart-hours h2 { color: #fff; }
.leihkart-hours header > p:not(.section-code) { max-width: 370px; margin: 26px 0 0; color: rgba(255,255,255,.66); }
.leihkart-hours-list { margin: 0; border-top: 1px solid rgba(255,255,255,.28); }
.leihkart-hours-list div { display: grid; grid-template-columns: minmax(160px, .8fr) minmax(240px, 1.2fr); gap: 32px; align-items: center; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.28); }
.leihkart-hours-list dt { color: rgba(255,255,255,.7); font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.leihkart-hours-list dd { margin: 0; color: #fff; font-family: Impact, sans-serif; font-size: clamp(1.8rem, 3.2vw, 3.1rem); line-height: 1; letter-spacing: -.03em; }
.leihkart-hours-list dd span { display: block; margin-top: 7px; color: var(--accent); font-family: Arial, Helvetica, sans-serif; font-size: .68rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.leihkart-start { padding: clamp(82px, 10vw, 148px) 0; background: var(--paper); }
.leihkart-start-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(56px, 8vw, 102px); border-top: 1px solid rgba(18,18,20,.22); }
.leihkart-start-grid article { min-height: 330px; padding: 27px clamp(20px, 3.2vw, 48px) 30px; border-right: 1px solid rgba(18,18,20,.22); }
.leihkart-start-grid article:first-child { padding-left: 0; }
.leihkart-start-grid article:last-child { padding-right: 0; border-right: 0; }
.leihkart-start-grid article > span { display: block; margin-bottom: 70px; color: var(--accent); font-family: Impact, sans-serif; font-size: 2.15rem; line-height: 1; }
.leihkart-start-grid h3 { color: var(--ink); font-size: clamp(1.7rem, 2.5vw, 2.6rem); }
.leihkart-start-grid p { margin: 14px 0 0; color: var(--muted); line-height: 1.6; }
.leihkart-start-grid .action-link { margin-top: 24px; }

@media (max-width: 980px) {
  .leihkart-pricing-layout,
  .leihkart-hours-grid { grid-template-columns: 1fr; }
  .leihkart-race-packages { min-height: 0; }
  .leihkart-start-grid { grid-template-columns: 1fr; }
  .leihkart-start-grid article,
  .leihkart-start-grid article:first-child,
  .leihkart-start-grid article:last-child { min-height: 0; display: grid; grid-template-columns: 78px 1fr; gap: 22px; padding: 26px 0; border-right: 0; border-bottom: 1px solid rgba(18,18,20,.22); }
  .leihkart-start-grid article:last-child { border-bottom: 0; }
  .leihkart-start-grid article > span { grid-row: 1 / span 3; margin: 0; }
  .leihkart-start-grid h3 { margin: 0; }
  .leihkart-start-grid p,
  .leihkart-start-grid .action-link { grid-column: 2; }
  .leihkart-start-grid .action-link { justify-self: start; }
}

@media (max-width: 650px) {
  .leihkart-section-head { grid-template-columns: 1fr; gap: 20px; }
  .leihkart-price-row { grid-template-columns: 82px minmax(0, 1fr); gap: 16px; min-height: 0; padding: 21px 0; }
  .leihkart-price-row > strong { font-size: 3.25rem; }
  .leihkart-price-row b { grid-column: 2; font-size: 2rem; }
  .leihkart-race-packages { padding: 25px 22px; }
  .leihkart-race-packages h3 { display: block; }
  .leihkart-race-packages h3 span { display: block; margin-top: 11px; }
  .leihkart-hours-list div { grid-template-columns: 1fr; gap: 9px; padding: 21px 0; }
  .leihkart-hours-list dd { font-size: 2.25rem; }
  .leihkart-start-grid article,
  .leihkart-start-grid article:first-child,
  .leihkart-start-grid article:last-child { grid-template-columns: 52px 1fr; gap: 14px; }
  .leihkart-start-grid article > span { font-size: 1.7rem; }
  .leihkart-start-grid .action-link { width: 100%; }
}

/* Meisterschaft: Sieger-Rückblick */
.championship-honours { padding: clamp(52px, 7vw, 88px) 0; color: var(--ink); background: var(--paper); }
.championship-honours-grid { display: grid; grid-template-columns: minmax(190px, .55fr) minmax(0, 1fr); gap: clamp(32px, 7vw, 110px); align-items: center; padding-top: 28px; border-top: 1px solid rgba(18,18,20,.24); }
.championship-honours .section-code { margin: 0; color: var(--muted); }
.championship-honours-year { display: block; margin-bottom: 10px; color: var(--accent); font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.championship-honours h2 { margin: 0; color: var(--ink); font-size: clamp(2.8rem, 5vw, 5.6rem); line-height: .9; letter-spacing: -.035em; }
.championship-honours p:not(.section-code) { max-width: 470px; margin: 13px 0 0; color: var(--muted); font-size: 1rem; }

@media (max-width: 650px) {
  .championship-honours-grid { grid-template-columns: 1fr; gap: 32px; }
  .championship-honours h2 { font-size: clamp(2.7rem, 13vw, 4.3rem); }
}

/* Meisterschaft: Qualifikationsweg und Superfinale klar getrennt */
.championship-qualification { padding: clamp(84px, 11vw, 160px) 0; background: var(--white); }
.championship-process-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); gap: clamp(38px, 9vw, 150px); align-items: end; }
.championship-process-head h2 { max-width: 720px; }
.championship-process-head > p { max-width: 500px; margin: 0; color: var(--ink); font-size: 1.08rem; line-height: 1.65; }
.championship-qualification-steps,
.championship-superfinal-steps { display: grid; margin: clamp(56px, 8vw, 104px) 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(18,18,20,.22); }
.championship-qualification-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.championship-qualification-steps li { min-height: 270px; padding: 26px clamp(20px, 3vw, 42px) 30px; border-right: 1px solid rgba(18,18,20,.22); }
.championship-qualification-steps li:first-child { padding-left: 0; }
.championship-qualification-steps li:last-child { padding-right: 0; border-right: 0; }
.championship-qualification-steps span,
.championship-superfinal-steps span { display: block; margin-bottom: 68px; color: var(--accent); font-family: Impact, sans-serif; font-size: 2.1rem; line-height: 1; }
.championship-qualification-steps h3,
.championship-superfinal-steps h3 { color: var(--ink); font-size: clamp(1.6rem, 2.4vw, 2.5rem); }
.championship-qualification-steps p,
.championship-superfinal-steps p { max-width: 360px; margin: 13px 0 0; color: var(--muted); line-height: 1.62; }
.championship-formats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(38px, 8vw, 130px); margin-top: clamp(70px, 10vw, 148px); padding-top: 30px; border-top: 5px solid var(--accent); }
.championship-formats article + article { padding-left: clamp(30px, 6vw, 90px); border-left: 1px solid rgba(18,18,20,.22); }
.championship-formats h3 { margin-top: 12px; color: var(--ink); font-size: clamp(2rem, 3.2vw, 3.5rem); }
.championship-formats p:not(.section-code) { max-width: 520px; margin-bottom: 0; color: var(--ink); font-size: 1.05rem; line-height: 1.65; }
.championship-superfinal { padding: clamp(84px, 11vw, 160px) 0; color: #fff; background: var(--green-dark); }
.championship-process-head-light .section-code { color: rgba(255,255,255,.58); }
.championship-process-head-light h2 { color: #fff; }
.championship-process-head-light > p { color: rgba(255,255,255,.74); }
.championship-final-times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(54px, 8vw, 100px); border-top: 1px solid rgba(255,255,255,.28); border-bottom: 1px solid rgba(255,255,255,.28); }
.championship-final-times div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 28px; padding: 26px 0; }
.championship-final-times div + div { padding-left: clamp(26px, 5vw, 82px); border-left: 1px solid rgba(255,255,255,.28); }
.championship-final-times strong { color: var(--accent); font-family: Impact, sans-serif; font-size: clamp(2.5rem, 4vw, 4.2rem); line-height: .9; letter-spacing: -.04em; }
.championship-final-times span { max-width: 235px; color: rgba(255,255,255,.74); font-size: .88rem; line-height: 1.45; }
.championship-superfinal-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); border-top-color: rgba(255,255,255,.28); }
.championship-superfinal-steps li { min-height: 306px; padding: 26px clamp(18px, 2.4vw, 36px) 30px; border-right: 1px solid rgba(255,255,255,.28); }
.championship-superfinal-steps li:first-child { padding-left: 0; }
.championship-superfinal-steps li:last-child { padding-right: 0; border-right: 0; }
.championship-superfinal-steps h3 { color: #fff; }
.championship-superfinal-steps p { color: rgba(255,255,255,.7); }
.championship-points { display: grid; grid-template-columns: 220px 1fr; gap: 36px; align-items: center; margin-top: clamp(56px, 8vw, 102px); padding: 25px 0; border-top: 1px solid rgba(255,255,255,.28); border-bottom: 1px solid rgba(255,255,255,.28); }
.championship-points .section-code { margin: 0; color: rgba(255,255,255,.58); }
.championship-points p:last-child { margin: 0; color: rgba(255,255,255,.75); line-height: 1.8; }
.championship-points strong { color: #fff; font-family: Impact, sans-serif; font-size: 1.55rem; font-weight: 400; }
.championship-points span { padding: 0 5px; color: var(--accent); }
.championship-note { margin: 22px 0 0; color: rgba(255,255,255,.56); font-size: .84rem; }

@media (max-width: 980px) {
  .championship-qualification-steps,
  .championship-superfinal-steps { grid-template-columns: 1fr; }
  .championship-qualification-steps li,
  .championship-superfinal-steps li,
  .championship-qualification-steps li:first-child,
  .championship-qualification-steps li:last-child,
  .championship-superfinal-steps li:first-child,
  .championship-superfinal-steps li:last-child { min-height: 0; display: grid; grid-template-columns: 76px 1fr; gap: 22px; padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(18,18,20,.22); }
  .championship-superfinal-steps li,
  .championship-superfinal-steps li:first-child,
  .championship-superfinal-steps li:last-child { border-bottom-color: rgba(255,255,255,.28); }
  .championship-qualification-steps li:last-child,
  .championship-superfinal-steps li:last-child { border-bottom: 0; }
  .championship-qualification-steps span,
  .championship-superfinal-steps span { grid-row: 1 / span 2; margin: 0; }
  .championship-qualification-steps h3,
  .championship-superfinal-steps h3 { margin: 0; }
  .championship-qualification-steps p,
  .championship-superfinal-steps p { grid-column: 2; }
  .championship-points { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width: 650px) {
  .championship-process-head,
  .championship-final-times,
  .championship-formats { grid-template-columns: 1fr; }
  .championship-process-head { gap: 20px; }
  .championship-formats { gap: 34px; }
  .championship-formats article + article { padding: 34px 0 0; border-top: 1px solid rgba(18,18,20,.22); border-left: 0; }
  .championship-final-times div { padding: 22px 0; }
  .championship-final-times div + div { padding-left: 0; border-top: 1px solid rgba(255,255,255,.28); border-left: 0; }
  .championship-qualification-steps li,
  .championship-qualification-steps li:first-child,
  .championship-qualification-steps li:last-child,
  .championship-superfinal-steps li,
  .championship-superfinal-steps li:first-child,
  .championship-superfinal-steps li:last-child { grid-template-columns: 52px 1fr; gap: 14px; }
  .championship-qualification-steps span,
  .championship-superfinal-steps span { font-size: 1.7rem; }
}

/* Meisterschaft: kommende Läufe stehen als schnelle Buchungswahl im Vordergrund */
.championship-upcoming { padding: clamp(62px, 8vw, 105px) 0; background: var(--paper); }
.championship-upcoming-head { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: clamp(38px, 5vw, 62px); }
.championship-upcoming-head > p { max-width: 330px; margin: 0; color: var(--ink); }
.championship-booking-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.championship-booking-card {
  min-height: 410px;
  display: flex;
  flex-direction: column;
  padding: 26px;
  color: #fff;
  background: linear-gradient(145deg, #2e2e33 0%, #17171a 100%);
  border-top: 7px solid var(--ink);
  box-shadow: 0 20px 38px rgba(18,18,20,.14);
}
.championship-booking-card-featured { background: linear-gradient(145deg, #6e161b 0%, #b7141a 52%, #d22429 100%); border-top-color: #fff; }
.championship-booking-card > span { color: rgba(255,255,255,.66); font-size: .66rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.championship-booking-card time { display: flex; align-items: baseline; gap: 11px; margin: 26px 0 10px; color: #fff; font-family: Impact, sans-serif; font-size: clamp(4.6rem, 7vw, 7rem); line-height: .82; letter-spacing: -.045em; }
.championship-booking-card time span { color: inherit; font-family: Arial, Helvetica, sans-serif; font-size: .67rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.championship-booking-card h3 { color: #fff; font-size: clamp(2rem, 3vw, 2.8rem); }
.championship-booking-card p { margin: 17px 0; color: rgba(255,255,255,.72); line-height: 1.55; }
.championship-booking-card > strong { margin-top: auto; color: #fff; font-family: Impact, sans-serif; font-size: 1.5rem; letter-spacing: .02em; }
.championship-booking-card .action-link { width: 100%; margin-top: 22px; }
.championship-archive-note { max-width: 700px; margin: 0 0 28px; padding-left: 22px; border-left: 4px solid var(--accent); }
.championship-archive-note p { margin: 0; color: var(--ink); }
.race-grid-archive { display: none; }

@media (max-width: 980px) {
  .championship-booking-grid { grid-template-columns: 1fr; }
  .championship-booking-card { min-height: 0; }
}

@media (max-width: 650px) {
  .championship-upcoming-head { display: block; }
  .championship-upcoming-head > p { margin-top: 18px; }
  .championship-booking-card { padding: 22px; }
}

@media (max-width: 800px) {
  .impressum-layout,
  .impressum-responsibility > div { grid-template-columns: 1fr; }
  .impressum-layout { gap: 48px; }
  .impressum-responsibility article + article {
    padding: 34px 0 0;
    border-top: 1px solid rgba(18,18,20,.22);
    border-left: 0;
  }
}

@media (max-width: 650px) {
  .impressum-contact { padding: 28px 22px; }
  .impressum-provider address { font-size: clamp(1.7rem, 9vw, 2.3rem); }
  .impressum-addresses { margin-top: 30px; }
}

/* Datenschutz: vollständiger Rechtstext in einer lesbaren Dokumentansicht */
.privacy-section { padding: clamp(76px, 9vw, 130px) 0; background: var(--paper); }
.privacy-intro { display: grid; grid-template-columns: minmax(180px, .45fr) minmax(0, 1fr); gap: clamp(24px, 6vw, 88px); align-items: baseline; margin-bottom: 38px; }
.privacy-intro .section-code { margin: 0; }
.privacy-intro > p:last-child { max-width: 680px; margin: 0; color: var(--ink); font-size: 1.08rem; line-height: 1.65; }
.privacy-document { background: var(--white); border-top: 4px solid var(--accent); }
.privacy-document details { border-bottom: 1px solid rgba(18,18,20,.2); }
.privacy-document summary { position: relative; padding: 25px 72px 25px 28px; color: var(--ink); cursor: pointer; font-family: Impact, sans-serif; font-size: clamp(1.55rem, 2.4vw, 2.35rem); line-height: 1; letter-spacing: -.02em; list-style: none; }
.privacy-document summary::-webkit-details-marker { display: none; }
.privacy-document summary::after { content: "+"; position: absolute; top: 50%; right: 28px; color: var(--accent); font-family: Arial, Helvetica, sans-serif; font-size: 1.7rem; font-weight: 300; transform: translateY(-50%); }
.privacy-document details[open] summary::after { content: "−"; }
.privacy-copy { max-width: 900px; padding: 0 28px 32px; color: var(--muted); font-size: .98rem; line-height: 1.78; white-space: pre-wrap; }

@media (max-width: 650px) {
  .privacy-intro { grid-template-columns: 1fr; gap: 14px; }
  .privacy-document summary { padding: 22px 58px 22px 20px; font-size: 1.55rem; }
  .privacy-document summary::after { right: 20px; }
  .privacy-copy { padding: 0 20px 27px; font-size: .94rem; line-height: 1.72; }
  .error-hero { padding: 96px 0; }
  .error-hero p:not(.section-code) { margin-top: 24px; font-size: 1rem; }
}

/* Mobile: verhindert horizontales Überlaufen bei langen Texten, Links und Grid-Inhalten. */
@media (max-width: 650px) {
  html,
  body { max-width: 100%; overflow-x: clip; }
  :is(img, video, svg, iframe) { max-inline-size: 100%; }
  :is(
    .sub-hero-grid,
    .content-grid-2,
    .content-grid-3,
    .impressum-layout,
    .impressum-responsibility > div,
    .team-story-grid,
    .team-cta-grid,
    .team-date,
    .faq-topic-head,
    .leihkart-pricing-layout,
    .leihkart-hours-grid,
    .leihkart-price-row,
    .championship-honours-grid,
    .championship-process-head,
    .championship-formats,
    .championship-final-times,
    .championship-points
  ) > * { min-inline-size: 0; }
  main :is(h1, h2, h3, p, li, dt, dd, a, span),
  .privacy-copy,
  .impressum-contact dd { overflow-wrap: anywhere; }
}