/* ===== Footer v3 ===== */
.footerv3{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:12px;
  padding:12px 8px;
  margin:auto;
  align-items:start;
  font-family: var(--fallg);
  font-size: var(--sallg);
  line-height: var(--lineh);
}

.footerv3 .f3-box{
  background: var(--box);
  padding:10px 12px;
  border-radius: 6px;
  min-width:0;
}

.footerv3 .f3-wide{ grid-column: 1 / -1; }

.footerv3 .f3-title{
  margin:0 0 8px 0;
  padding:6px 0 6px 28px;
  border-bottom: 0.5px solid var(--bunt);
  font-family: var(--fsub);
  letter-spacing: var(--lsub);
  text-transform: var(--thead);
  color: var(--bunt);
  font-size: var(--sheadertitel);
}

.footerv3 .f3-content{
  overflow:auto;
  max-height: unset;
}

/* Legende */
.footerv3 .f3-legend{
  display:flex; 
  flex-wrap:wrap; 
  gap:12px; 
  align-items:center;
}

/* Statistik als Grid */
.footerv3 .f3-stats{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:8px 16px;
}
.footerv3 .f3-stats .stat i{ margin-right:6px; }

/* Gerüchte & Zitate (falls viel Inhalt) */
.footerv3 .f3-gossip,
.footerv3 .f3-quotes{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

/* Zwei-Spalten-Reihe für Statistik + Zitate */
.footerv3 .f3-row.f3-two{
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
}
.footerv3 .f3-row.f3-two .f3-box{
  display: flex;
  flex-direction: column;
}
.footerv3 .f3-row.f3-two .f3-content{
  flex: 1;
  overflow: auto;
}
@media (max-width: 760px){
  .footerv3 .f3-row.f3-two{ grid-template-columns: 1fr; }
}

/* Empty State bei leeren Variablen */
.footerv3 .f3-empty-guard:empty::before,
.footerv3 .f3-empty-guard > :only-child:empty::before{
  content: "— keine Einträge —";
  display:block;
  opacity:.6;
  text-align:center;
  padding:8px 0;
}

/* Optional: alte Footer-Klassen neutralisieren, falls noch im DOM */
.footern, .footern_box{ all: unset; display: contents; }

/* Kompakte Statistik – alles nebeneinander */
.footerv3 .f3-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* engere Spalten */
  gap: 6px 12px;                                              /* weniger Abstand */
  text-align: left;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
}

.footerv3 .f3-stats .stat {
  font-size: 13px;             /* kleiner, damit's dichter wirkt */
  line-height: 1.4;
  white-space: nowrap;         /* alles in einer Zeile halten */
  overflow: hidden;
  text-overflow: ellipsis;
}

.footerv3 .f3-stats .stat i {
  margin-right: 5px;
  font-size: 14px;
  color: #232121;
}

/* Der Willkommen-Block über volle Breite */
.footerv3 .f3-stats .stat[style*="grid-column:1"] {
  grid-column: 1 / -1;
  text-align: center;
  margin-top: 6px;
}