/* App-Tab-Bar (Mobile) — Aufwertung, Inhalt bleibt Original */
:root { --tabbar-h: 64px; }
.tabbar {
  position: fixed; inset: auto 0 0 0; z-index: 99998;
  height: calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  display: flex;
  background: rgba(44, 55, 52, .96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-top: 1px solid rgba(197, 227, 222, .16);
  font-family: "Poppins", sans-serif;
}
.tabbar a {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; text-decoration: none; position: relative;
  color: rgba(255, 255, 255, .68); font-size: 10.5px; font-weight: 500;
  transition: color .2s ease;
}
.tabbar a svg { width: 21px; height: 21px; transition: transform .2s ease; }
.tabbar a:active svg { transform: scale(.88); }
.tabbar a.is-active { color: #E30613; }
.tabbar a.is-active::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 26px; height: 3px; border-radius: 0 0 4px 4px; background: #E30613;
}
/* Layout-Norm: Bild/Titel links, Text rechts (Desktop) */
@media (min-width: 1024px) {
  .mp-flip { flex-direction: row-reverse !important; }
}
@media (max-width: 1023px) {
  body { padding-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px)); }
  .cookie-banner { bottom: calc(var(--tabbar-h) + 12px); }
  .cookie-reopen { bottom: calc(var(--tabbar-h) + 14px); }
}
@media (min-width: 1024px) { .tabbar { display: none; } }