/* Wunderzwerg - Mondkalender, nur unter /mondkalender/ geladen */

.nm-mondmonat__rahmen { overflow-x: auto; }
.nm-mondmonat { width: 100%; min-width: 20rem; border-collapse: collapse; table-layout: fixed; font-variant-numeric: var(--nm-ziffern-tabelle); }
.nm-mondmonat th { padding: var(--nm-abstand-2) 0; font-size: var(--nm-groesse-0); font-weight: var(--nm-gewicht-stark); letter-spacing: var(--nm-sperrung); text-transform: uppercase; color: var(--nm-farbe-text-leise); text-align: left; }
.nm-mondmonat abbr { text-decoration: none; }
.nm-mondmonat td { height: 5.5rem; padding: var(--nm-abstand-2); vertical-align: top; border-top: var(--nm-linie) solid var(--nm-farbe-linie); }
.nm-mondmonat td + td { border-left: var(--nm-linie) solid var(--nm-farbe-linie); }
.nm-mondmonat__tag { display: block; font-size: var(--nm-groesse-1); }
.nm-mondmonat .nm-symbol { display: block; width: 18px; height: 18px; margin-top: var(--nm-abstand-1); opacity: 0.55; }
.nm-mondmonat__haupt .nm-symbol { width: 26px; height: 26px; opacity: 1; }
.nm-mondmonat__haupt .nm-mondmonat__tag { font-weight: var(--nm-gewicht-stark); }
.nm-mondmonat__phase { display: block; margin-top: var(--nm-abstand-1); font-size: var(--nm-groesse-0); line-height: 1.3; color: var(--nm-farbe-text-leise); }
.nm-mondmonat__phase time { display: block; color: var(--nm-farbe-text); }
.nm-mondmonat__heute { background: var(--nm-farbe-flaeche); box-shadow: inset 0 2px 0 var(--nm-farbe-akzent); }
@media (max-width: 600px) {
  .nm-mondmonat td { height: 4.25rem; padding: var(--nm-abstand-1); }
  .nm-mondmonat__phase { font-size: 0.6875rem; }
  .nm-mondmonat__haupt .nm-symbol { width: 22px; height: 22px; }
}

.nm-mondjahre { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: var(--nm-abstand-6); }
.nm-mondjahre h3 { margin-bottom: var(--nm-abstand-2); }
.nm-mondjahre .nm-ortsliste { columns: 2 7rem; }
.nm-mondjahr th .nm-symbol { width: 18px; height: 18px; color: var(--nm-farbe-mond); }
.nm-mondjahr td { white-space: nowrap; }

.nm-blaettern { display: flex; justify-content: space-between; gap: var(--nm-abstand-4); }
.nm-blaettern a { display: inline-flex; align-items: center; min-height: var(--nm-ziel-min); }
.nm-blaettern a[rel="next"] { margin-left: auto; }
.nm-blaettern a[rel="prev"]::before { content: "\2190\00a0"; }
.nm-blaettern a[rel="next"]::after { content: "\00a0\2192"; }