/* V63.3 – Datum & Uhrzeit: dezente, siteweite Live-Anzeige */
.dsw-live-datetime{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  min-height:38px;
  padding:.42rem .68rem;
  border:1px solid rgba(148,163,184,.18);
  border-radius:12px;
  background:rgba(15,23,42,.52);
  color:#e2e8f0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  white-space:nowrap;
}
.dsw-live-datetime .material-symbols-rounded{
  font-size:18px;
  color:#bef264;
}
.dsw-live-datetime__text{
  display:flex;
  align-items:baseline;
  gap:.4rem;
  line-height:1;
}
.dsw-live-datetime__date{
  font-size:.76rem;
  font-weight:700;
  color:#cbd5e1;
  letter-spacing:.01em;
}
.dsw-live-datetime__time{
  font-size:.82rem;
  font-weight:900;
  color:#f8fafc;
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.dsw-live-datetime__zone{
  font-size:.62rem;
  font-weight:800;
  color:#84cc16;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.dsw-mobile-datebar{
  display:none;
}
html:not(.dark) .dsw-live-datetime{
  background:rgba(248,250,252,.92);
  border-color:rgba(100,116,139,.22);
  color:#0f172a;
}
html:not(.dark) .dsw-live-datetime__date{color:#475569;}
html:not(.dark) .dsw-live-datetime__time{color:#0f172a;}
html:not(.dark) .dsw-live-datetime .material-symbols-rounded{color:#4d7c0f;}
html:not(.dark) .dsw-live-datetime__zone{color:#4d7c0f;}
@media (max-width:1279.98px){
  .dsw-desktop-datetime .dsw-live-datetime__date,
  .dsw-desktop-datetime .dsw-live-datetime__zone{display:none;}
  .dsw-desktop-datetime{padding-inline:.55rem;}
}
@media (max-width:767.98px){
  .dsw-desktop-datetime{display:none;}
  .dsw-mobile-datebar{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:.28rem .75rem;
    border-bottom:1px solid rgba(148,163,184,.14);
    background:rgba(2,6,23,.92);
    color:#cbd5e1;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.015em;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  html:not(.dark) .dsw-mobile-datebar{
    background:rgba(248,250,252,.97);
    color:#334155;
    border-bottom-color:rgba(100,116,139,.16);
  }
  .dsw-mobile-datebar .material-symbols-rounded{
    margin-right:.35rem;
    font-size:15px;
    color:#84cc16;
  }
  .dsw-mobile-datebar__time{
    color:#f8fafc;
    font-variant-numeric:tabular-nums;
  }
  html:not(.dark) .dsw-mobile-datebar__time{color:#0f172a;}
}
@media (prefers-reduced-motion:reduce){
  .dsw-live-datetime,.dsw-mobile-datebar{backdrop-filter:none;-webkit-backdrop-filter:none;}
}
