index sonne und Mond rein und Sat Überflüge

public/css/style.css

@@ -828,6 +828,58 @@ footer a:hover    { color: var(--gold); }
     padding-right: 1rem;
 }
 
+/* Kompakte Auf-/Untergangs-Übersicht (Startseite) */
+.riseset-card { display: inline-block; }
+
+.riseset-grid {
+    display: grid;
+    grid-template-columns: auto auto auto;
+    column-gap: 1.2rem;
+    row-gap: 0.18rem;
+    align-items: baseline;
+    font-size: 0.88rem;
+}
+
+.riseset-label { color: var(--text-dim); white-space: nowrap; }
+.riseset-val   { font-variant-numeric: tabular-nums; white-space: nowrap; }
+
+.riseset-main.riseset-label,
+.riseset-main.riseset-val {
+    color: var(--gold-pale);
+    font-weight: 600;
+    font-size: 0.92rem;
+}
+
+.riseset-moon.riseset-label,
+.riseset-moon.riseset-val {
+    color: var(--cyan);
+    font-weight: 600;
+    font-size: 0.92rem;
+}
+
+.riseset-dim.riseset-label,
+.riseset-dim.riseset-val {
+    color: var(--text-dim);
+    font-size: 0.8rem;
+}
+
+.riseset-sep {
+    grid-column: 1 / -1;
+    height: 0;
+    border-top: 1px solid var(--border);
+    margin: 0.3rem 0;
+}
+
+.sat-passes-grid {
+    grid-template-columns: auto auto auto;
+}
+
+.sat-passes-grid small {
+    color: var(--text-dim);
+    font-size: 0.75em;
+    margin-left: 0.2em;
+}
+
 /* --- Aktions-Zelle (Buttons in Tabellenzeilen) ------------ */
 
 .action-cell {