/* BFS Veranstaltungen 3.6.3 — ruhige, einheitliche Informationsbereiche */
:root{
  --bfs-event-section-head:#102f50;
  --bfs-event-section-icon:#1379b8;
  --bfs-event-section-kicker:#c7dceb;
}

/*
 * Alle regulären Veranstaltungsinformationen besitzen dieselbe visuelle
 * Wertigkeit. Unterschiedliche Farben pro Abschnitt erzeugten Unruhe und teils
 * schwachen Kontrast. Die hohe Selektivität neutralisiert ältere Theme-Regeln
 * wie --program/--downloads/--directions usw., ohne andere Seitentypen zu
 * beeinflussen.
 */
.single-bfs_event .event-template-v3 .event-detail-section-v3 .event-detail-section__head,
.single-bfs_event .event-template-v3 .event-detail-section--program .event-detail-section__head,
.single-bfs_event .event-template-v3 .event-detail-section--downloads .event-detail-section__head,
.single-bfs_event .event-template-v3 .event-detail-section--directions .event-detail-section__head,
.single-bfs_event .event-template-v3 .event-detail-section--supporters .event-detail-section__head,
.single-bfs_event .event-template-v3 .event-detail-section--registration .event-detail-section__head{
  background:var(--bfs-event-section-head);
  color:#fff;
}

.single-bfs_event .event-template-v3 .event-detail-section-v3 .event-section-icon,
.single-bfs_event .event-template-v3 .event-detail-section-v3:nth-of-type(3n+1) .event-section-icon,
.single-bfs_event .event-template-v3 .event-detail-section-v3:nth-of-type(3n+2) .event-section-icon{
  background:#fff;
  color:var(--bfs-event-section-icon);
  border:1px solid rgba(255,255,255,.92);
}

.single-bfs_event .event-template-v3 .event-detail-section-v3 .event-section-icon svg{
  color:inherit;
  stroke:currentColor;
}

.single-bfs_event .event-template-v3 .event-detail-section-v3 .event-detail-section__head small{
  color:var(--bfs-event-section-kicker);
}

@media (max-width:620px){
  .single-bfs_event .event-template-v3 .event-detail-section-v3 .event-detail-section__head{
    gap:13px;
    padding:18px 19px;
  }
  .single-bfs_event .event-template-v3 .event-detail-section-v3 .event-section-icon{
    width:48px;
    height:48px;
    border-radius:15px;
    flex:0 0 48px;
  }
  .single-bfs_event .event-template-v3 .event-detail-section-v3 .event-section-icon svg{
    width:25px;
    height:25px;
  }
}

html.bfs-dark-mode .single-bfs_event .event-template-v3 .event-detail-section-v3 .event-detail-section__head{
  background:#0c2238;
}
html.bfs-dark-mode .single-bfs_event .event-template-v3 .event-detail-section-v3 .event-section-icon{
  background:#f7fbff;
  color:#0f6fa9;
}