/* O4W-Intranet — Aushang-Anzeige (Club-Startseite + Admin-Hub), siehe static/js/o4w-aushang.js */
.aushang{margin:0 0 28px}

/* Wichtig / Warnung: grosse Karte ganz oben */
.ab-item{display:flex;gap:14px;align-items:flex-start;background:var(--o4w-bg-card);border:1px solid var(--o4w-border-soft);
  border-left:4px solid var(--lv-warn,#E5B634);padding:14px 18px;margin-bottom:10px}
.ab-item.lv-wichtig{border-left-color:var(--lv-wichtig,#E0524A)}
.ab-badge{flex:0 0 auto;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  padding:4px 10px;border-radius:2px;color:#0A0A0A;background:var(--lv-warn,#E5B634)}
.ab-badge.lv-wichtig{background:var(--lv-wichtig,#E0524A);color:#fff}
.ab-body{flex:1;min-width:0}
.ab-text{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.ab-text a{color:var(--o4w-gold);text-decoration:underline}
.ab-meta{color:#8A8A8A;font-size:11px;margin-top:4px}

/* Alles andere: ein Kasten, nach Art gruppiert */
.ab-panel{background:var(--o4w-bg-card);border:1px solid var(--o4w-border-soft);
  border-left:4px solid var(--lv-info,#5B9BD5);padding:14px 18px 10px}
.ab-panel__hd{font-family:var(--o4w-font-head);font-weight:800;font-size:13px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--o4w-text);margin-bottom:6px}
.ab-grp{padding:8px 0 4px}
.ab-grp + .ab-grp{border-top:1px solid var(--o4w-border-soft)}
.ab-grp__hd{color:var(--o4w-gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
.ab-grp__n{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:9px;font-size:10px;
  line-height:16px;text-align:center;background:rgba(255,255,255,.08);color:var(--o4w-text-muted);letter-spacing:0}
.ab-row{display:flex;align-items:baseline;gap:12px;padding:5px 0;font-size:14px;line-height:1.45}
.ab-row[hidden]{display:none}
.ab-row__dt{flex:0 0 44px;color:#8A8A8A;font-size:12px;font-variant-numeric:tabular-nums}
.ab-row__tx{flex:1;min-width:0;overflow-wrap:anywhere}
.ab-row__tx a{color:var(--o4w-gold);text-decoration:underline}
.ab-row__kopf{font-weight:700;color:var(--o4w-text)}
.ab-row__ln{flex:0 0 auto;color:var(--o4w-gold);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.ab-row__ln:hover{text-decoration:underline}
.ab-mehr{background:none;border:0;padding:4px 0 2px 56px;color:var(--o4w-text-muted);font-size:12px;cursor:pointer;font-family:inherit}
.ab-mehr:hover{color:var(--o4w-gold)}

@media (max-width:600px){
  .ab-panel{padding:12px 14px 8px}
  .ab-row{flex-wrap:wrap;gap:2px 10px}
  .ab-row__dt{flex-basis:auto}
  .ab-row__tx{flex-basis:100%;order:2}
  .ab-row__ln{order:1;margin-left:auto}
  .ab-mehr{padding-left:0}
}