/* Farben + Layout für die Fakten-Kacheln (#fakten) */
/* Grid */
#fakten .facts-grid { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; }
#fakten .facts-grid .fact-col { width:calc(25% - 18px); }
@media (max-width:820px){ #fakten .facts-grid .fact-col{ width:calc(50% - 12px); } }
@media (max-width:420px){ #fakten .facts-grid .fact-col{ width:100%; } }

/* Box-Basis */
#fakten .fact-box{
  height:100%;
  min-height:190px;
  padding:1.5rem;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
}

/* Head + Text */
#fakten .fact-head{
  font-size:2.2rem; font-weight:800; line-height:1.05; min-height:2.6rem;
  display:flex; align-items:flex-end; justify-content:center; margin:0 0 .55rem 0;
}
#fakten .fact-text{
  color:#6b7280; line-height:1.45; min-height:3.6rem;
  display:flex; align-items:flex-start; justify-content:center; text-wrap:balance;
}
@media (max-width:820px){
  #fakten .fact-head{ font-size:2rem; min-height:2.4rem; }
  #fakten .fact-text{ min-height:3.2rem; }
}

/* Akzente hell */
#fakten .fact-accent--1{ color:#2563EB; }
#fakten .fact-accent--2{ color:#1E40AF; }
#fakten .fact-accent--3{ color:#0369A1; }
#fakten .fact-accent--4{ color:#4F46E5; }

/* style1 (hell) */
#fakten.style1 .fact-box--1{ background:#E0F2FE; }
#fakten.style1 .fact-box--2{ background:#EFF6FF; }
#fakten.style1 .fact-box--3{ background:#F0F9FF; }
#fakten.style1 .fact-box--4{ background:#EEF2FF; }
#fakten.style1 em{ color:#64748B; }

/* style2 (dunkel) */
#fakten.style2 .fact-box{ border-color:rgba(255,255,255,.18); background:transparent; color:#E5E7EB; }
#fakten.style2 .fact-text{ color:#E2E8F0; }
#fakten.style2 em{ color:#CBD5E1; }
#fakten.style2 .fact-box--1{ background:rgba(37,99,235,.12); }
#fakten.style2 .fact-box--2{ background:rgba(30,64,175,.12); }
#fakten.style2 .fact-box--3{ background:rgba(3,105,161,.12); }
#fakten.style2 .fact-box--4{ background:rgba(79,70,229,.12); }
/* Akzente dunkel */
#fakten.style2 .fact-accent--1{ color:#60A5FA; }
#fakten.style2 .fact-accent--2{ color:#60A5FA; }
#fakten.style2 .fact-accent--3{ color:#38BDF8; }
#fakten.style2 .fact-accent--4{ color:#F3BFFB; }

/* Subline/Fußnote in style2 */
#fakten.style2 header.major p,
#fakten.style2 > .container > p{ color:#E5E7EB !important; }