/* Layout-Basis wie aboutme */
.outerContentWrapper { width:80%; margin:0 auto; }
.innerContentWrapper { width:70%; margin:0 auto; }
@media (max-width: 1000px){
  .outerContentWrapper{ width:90%; }
  .innerContentWrapper{ width:92%; }
}

/* ---------- Hero ---------- */
.rc-hero{
  margin: 8px 0 28px;
  border-radius: 16px;
  padding: 46px 22px;
  text-align: center;
  background: radial-gradient(1100px 380px at 8% -20%, #B3470030, transparent 60%),
              radial-gradient(900px 320px at 92% 0%, #ffffff14, transparent 60%),
              rgba(28,30,33,0.28);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 28px rgba(0,0,0,.42);
}
.rc-hero h1, .rc-hero h2{ font-size: clamp(28px,3vw,44px); margin: 0 0 8px; }
.rc-hero p{ color:#ddd; font-size: clamp(16px,1.4vw,20px); margin:0; }
.rc-hero__link{ display:inline-block; margin-top:16px; font-size:15px; }
#datenschutz{ margin-top: 48px; }

/* ---------- Karten ---------- */
.rc-grid{
  display:grid; gap:20px; margin: 30px 0;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.rc-box, .rc-section, .rc-toc{
  padding: 20px 24px; border-radius: 16px;
  background: rgba(28,30,33,.22);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}
.rc-section, .rc-toc{ margin: 20px 0; }

.rc-box h2, .rc-section h3, .rc-toc h3{ margin: 0 0 14px; font-size: 20px; color:#fff; }
.rc-box h2::after, .rc-section h3::after, .rc-toc h3::after{
  content:""; display:block; width:32px; height:3px; margin-top:8px;
  border-radius:2px; background:#B34700;
}
.rc-section h4{ margin: 22px 0 8px; font-size: 16px; color:#fff; font-weight:600; }

.rc-legal p, .rc-legal li{ color:#d8d8d8; line-height:1.6; }
.rc-box p{ margin: 0 0 12px; }
.rc-box p:last-child{ margin-bottom: 0; }
.rc-legal strong{ color:#fff; font-weight:600; }

.rc-group-title{ margin: 44px 0 10px; font-size: clamp(22px,2.2vw,30px); }

/* ---------- Links ---------- */
.rc-legal a:not(.button){
  color:#fff; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-color: rgba(255,255,255,.4);
  overflow-wrap: anywhere;
}
.rc-legal a:not(.button):hover{ text-decoration-color:#B34700; }

/* ---------- Downloads ---------- */
.rc-downloads{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.rc-downloads .button{ display:inline-block; text-decoration:none; }

/* ---------- Listen ---------- */
.rc-section ul{ padding-left: 20px; }
.rc-section li{ margin: 6px 0; }
.rc-facts{
  list-style:none; margin: 18px 0 0; padding: 0 !important;
  border-top: 1px solid rgba(255,255,255,.08);
}
.rc-facts li{ margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.08); }

/* ---------- Inhaltsübersicht ---------- */
.rc-toc ol{ columns: 2; column-gap: 32px; margin: 0; padding-left: 22px; }
.rc-toc li{ break-inside: avoid; margin: 4px 0; }

/* Sprungziele nicht unter dem fixen Header verstecken */
.rc-legal [id]{ scroll-margin-top: 150px; }

/* ---------- Responsive ---------- */
@media (max-width: 1000px){
  .rc-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 680px){
  .rc-toc ol{ columns: 1; }
  .rc-box, .rc-section, .rc-toc{ padding: 18px; }
}