.sun-times-section{margin-top:22px}
.sun-times-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.sun-times-heading h2{margin:0 0 5px}.sun-times-heading p{margin:0;opacity:.72}
.sun-periods{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.sun-periods button{padding:8px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055);color:inherit;cursor:pointer}
.sun-periods button.active{background:#1979b8;border-color:#35a9ef;color:#fff}
.sun-current-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.sun-current-grid>div{border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(0,0,0,.12);padding:12px 14px}
.sun-current-grid span{display:block;font-size:.82rem;opacity:.68;margin-bottom:5px}
.sun-current-grid strong{font-size:1.08rem}
.sun-diagram-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.sun-chart-box{border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(0,0,0,.11);padding:12px}
.sun-chart-box h3{margin:0 0 9px;font-size:1rem}
.sun-chart-canvas{height:300px;position:relative}
.sun-table-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:19px 0 8px}
.sun-table-heading h3{margin:0}
.sun-table-heading select{margin-left:7px;padding:6px 8px;border-radius:7px}
.sun-table-wrap{max-height:500px;overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:10px}
.sun-times-table{width:100%;border-collapse:collapse;min-width:680px}
.sun-times-table th,.sun-times-table td{padding:9px 11px;text-align:left;border-bottom:1px solid rgba(255,255,255,.065);white-space:nowrap}
.sun-times-table th{position:sticky;top:0;z-index:2;background:#102b3d;color:#fff;font-weight:600}
.sun-times-table tbody tr:nth-child(even){background:rgba(255,255,255,.022)}
.sun-times-table .sun-today-row{background:rgba(36,145,207,.16)!important;font-weight:600}
.sun-longer{color:#7ee787!important}.sun-shorter{color:#ff8b8b!important}.sun-same{color:#d7dce1!important}
@media(max-width:900px){.sun-diagram-grid{grid-template-columns:1fr}.sun-times-heading{display:block}.sun-periods{justify-content:flex-start;margin-top:12px}}
@media(max-width:700px){.sun-current-grid{grid-template-columns:repeat(2,1fr)}.sun-chart-canvas{height:270px}}
@media(max-width:440px){.sun-current-grid{grid-template-columns:1fr}.sun-chart-canvas{height:240px}}
/* Aktuelle Struktur von astronomie.php */
.sun-times-card{margin-top:22px}
.sun-times-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.sun-times-head h2{margin:0 0 5px}.sun-times-head p{margin:0;opacity:.72}
.sun-range-switch{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.sun-range-switch button{padding:8px 11px;border-radius:8px;border:1px solid #aab5bd;background:linear-gradient(#fff,#dce3e7);color:#17364d;cursor:pointer}
.sun-range-switch button.active{background:linear-gradient(#258ac4,#12679b);border-color:#0d5f94;color:#fff}
.sun-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.sun-summary>div{border:1px solid #d6e0e7;border-radius:10px;background:#f7fafc;padding:12px 14px}
.sun-summary span{display:block;font-size:.82rem;color:#607486;margin-bottom:5px}.sun-summary strong{font-size:1.08rem}
.sun-chart-panel{border:1px solid #d6e0e7;border-radius:11px;background:#fff;padding:12px;margin-top:14px}
.sun-chart-title{display:flex;align-items:baseline;gap:5px;margin-bottom:9px}.sun-chart-title span{font-size:.9rem;color:#5f7180}
.sun-chart-wrap{height:300px;position:relative}.sun-chart-wrap-small{height:270px}
.sun-table-tools{display:flex;align-items:center;gap:4px;margin:19px 0 8px}.sun-table-tools select{margin-left:4px;padding:4px 6px;border-radius:4px}
.sun-table-wrap{max-height:500px;overflow:auto;border:1px solid #d6e0e7;border-radius:10px}
.sun-times-table{width:100%;border-collapse:collapse;min-width:680px}
.sun-times-table th,.sun-times-table td{padding:9px 11px;text-align:left;border-bottom:1px solid #dbe4ea;white-space:nowrap}
.sun-times-table th{position:sticky;top:0;z-index:2;background:#102f43;color:#fff;font-weight:600}
.sun-times-table tbody tr:nth-child(even){background:#f5f8fa}.sun-times-table .sun-today-row{background:#e5f3fb!important;font-weight:600}
.sun-longer{color:#16833d!important}.sun-shorter{color:#c43b3b!important}.sun-same{color:#607080!important}
@media(max-width:900px){.sun-times-head{display:block}.sun-range-switch{justify-content:flex-start;margin-top:12px}}
@media(max-width:700px){.sun-summary{grid-template-columns:repeat(2,1fr)}.sun-chart-wrap{height:270px}}
@media(max-width:440px){.sun-summary{grid-template-columns:1fr}.sun-chart-wrap{height:240px}}


/* KORREKTUR: Auswertung volle Breite, ohne die Card selbst zum Grid zu machen */
.astronomy-page .sun-times-card{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

.sun-times-head{
    display:flex !important;
    width:100% !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    box-sizing:border-box !important;
}

.sun-summary{
    width:100% !important;
    box-sizing:border-box !important;
}

/* Zwei Diagramme nebeneinander */
.sun-times-card .sun-chart-panel{
    display:inline-block !important;
    vertical-align:top !important;
    width:calc(50% - 9px) !important;
    box-sizing:border-box !important;
    margin-top:14px !important;
}
.sun-times-card .sun-chart-panel + .sun-chart-panel{
    margin-left:14px !important;
}

.sun-table-tools,
.sun-table-wrap,
.sun-times-card > .astronomy-note{
    width:100% !important;
    box-sizing:border-box !important;
    clear:both !important;
}
.sun-table-tools{padding-top:18px}

@media(max-width:900px){
    .sun-times-head{display:block !important}
    .sun-times-card .sun-chart-panel{
        display:block !important;
        width:100% !important;
        margin-left:0 !important;
    }
}


/* Sonnenzeiten-Karte über die komplette Breite des Astronomy-Dashboards */
.astronomy-page > .sun-times-card{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
}

/* Inhalt nutzt ebenfalls die komplette verfügbare Breite */
.sun-times-card .sun-times-head,
.sun-times-card .sun-summary,
.sun-times-card .sun-table-tools,
.sun-times-card .sun-table-wrap{
    width:100% !important;
    max-width:none !important;
}

/* Diagramme teilen sich die volle Breite */
.sun-times-card .sun-chart-panel{
    width:calc(50% - 9px) !important;
}


/* Beide Astronomie-Diagramme exakt gleich hoch */
.sun-times-card .sun-chart-wrap,
.sun-times-card .sun-chart-wrap-small{
    height:300px !important;
    min-height:300px !important;
}
.sun-times-card .sun-chart-panel{
    height:auto !important;
}


/* Sonnenzeiten-Tabelle im hellblauen Stil der Wetterdatentabelle */
.sun-times-table th{
    background:#eaf3f9 !important;
    color:#064b82 !important;
    border-bottom:1px solid #cbdce8 !important;
    font-weight:600 !important;
}
.sun-times-table td{
    color:#17364d !important;
    border-bottom:1px solid #cbdce8 !important;
}
.sun-times-table tbody tr:nth-child(odd){
    background:#ffffff !important;
}
.sun-times-table tbody tr:nth-child(even){
    background:#eef5fa !important;
}
.sun-times-table .sun-today-row{
    background:#dcecf7 !important;
}

/* Zeitraum-Schalter der tabellarischen Übersicht */
.sun-table-tools{justify-content:flex-start;gap:12px}
.sun-table-range-switch{display:flex;gap:7px;flex-wrap:wrap}
.sun-table-range-switch button{
 padding:8px 11px;border-radius:8px;border:1px solid #aab5bd;
 background:linear-gradient(#fff,#dce3e7);color:#17364d;cursor:pointer;
}
.sun-table-range-switch button.active{
 background:linear-gradient(#258ac4,#12679b);border-color:#0d5f94;color:#fff;
}