/* SceneTalent Bewerbung und Aufnahme, 2026-10-15. */
.sta{--sta-ink:#141416;--sta-muted:#55544f;--sta-line:#e6e4df;--sta-tint:#f4eeea;--sta-accent:#c2311f;--sta-ok:#1f7a4d;--sta-ok-bg:#e8f4ee;--sta-warn:#a8291a;--sta-warn-bg:#fbe9e6;--sta-head:var(--h2_typography-font-family,inherit);margin:0 0 40px;color:var(--sta-ink)}
.sta *,.sta *::before,.sta *::after{box-sizing:border-box}
.sta .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sta p{margin:0}
.sta ul{list-style:none;margin:0;padding:0}
.sta .sta-title{margin:0 0 16px;font-family:var(--sta-head);font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--sta-ink)}

/* Statuskarte */
.sta .sta-status{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:24px;background:#fff;border:1px solid var(--sta-line);box-shadow:0 14px 40px rgba(20,20,22,.06)}
.sta .sta-status--open{border-color:#bfe0cd;background:linear-gradient(180deg,var(--sta-ok-bg),#fff 70%)}
.sta .sta-status--open.is-soon{border-color:#f1c3bb;background:linear-gradient(180deg,var(--sta-warn-bg),#fff 70%)}
.sta .sta-status-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.sta .sta-badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:14px;background:var(--sta-tint);color:var(--sta-ink);font-size:13px;font-weight:700;line-height:1;white-space:nowrap}
.sta .sta-status--open .sta-badge,.sta .sta-track--open .sta-badge{background:var(--sta-ok);color:#fff}
.sta .is-soon .sta-badge{background:var(--sta-warn)!important;color:#fff}
.sta .sta-status--upcoming .sta-badge,.sta .sta-track--upcoming .sta-badge,.sta .sta-status--announced .sta-badge,.sta .sta-track--announced .sta-badge{background:var(--sta-ink);color:#fff}
.sta .sta-badge--small{height:24px;padding:0 10px;font-size:12px}
.sta .sta-course{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sta-muted)}
.sta .sta-head{font-family:var(--sta-head);font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--sta-ink)}
.sta .sta-sub{font-size:17px;font-weight:600;line-height:1.45;color:var(--sta-ink)}
.sta .sta-status--open .sta-sub{color:var(--sta-ok)}
.sta .sta-status--open.is-soon .sta-sub{color:var(--sta-warn)}
.sta .sta-status--expected .sta-sub,.sta .sta-status--exam .sta-sub,.sta .sta-status--none .sta-sub{font-weight:500;color:var(--sta-muted)}
.sta .sta-note{font-size:15px;line-height:1.5;color:var(--sta-muted)}
.sta .sta-dates{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:2px;font-size:15px;line-height:1.5;color:var(--sta-ink)}
.sta .sta-dates span{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sta-muted)}

/* Aktionen */
.sta .sta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.sta .sta-cta,.sta .sta-ics{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:23px;font:inherit;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer;white-space:nowrap}
.sta .sta-cta{background:var(--sta-accent);border:1px solid var(--sta-accent);color:#fff}
.sta .sta-cta:hover{background:#a8291a;border-color:#a8291a;color:#fff}
.sta .sta-ics{background:#fff;border:1px solid var(--sta-ink);color:var(--sta-ink)}
.sta .sta-ics:hover{background:var(--sta-ink);color:#fff}
.sta .sta-ics[hidden]{display:none}
.sta .sta-actions--compact .sta-cta,.sta .sta-actions--compact .sta-ics{min-height:40px;padding:0 16px;font-size:14px}
.sta a:focus-visible,.sta button:focus-visible{outline:3px solid var(--sta-accent);outline-offset:2px}

/* Weitere Studiengaenge */
.sta .sta-more-tracks{margin-top:24px}
.sta .sta-more-title{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sta-muted)}
.sta .sta-track{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-top:1px solid var(--sta-line)}
.sta .sta-track-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.sta .sta-track-title{margin:0;font-family:var(--sta-head);font-size:19px;font-weight:700;line-height:1.25;color:var(--sta-ink)}
.sta .sta-track-text{font-size:16px;font-weight:600;line-height:1.45}
.sta .sta-track-sub{font-size:15px;line-height:1.45;color:var(--sta-muted)}
.sta .sta-track--open .sta-track-sub{color:var(--sta-ok);font-weight:600}
.sta .sta-track--open.is-soon .sta-track-sub{color:var(--sta-warn)}
.sta .sta-meta{margin-top:16px;font-size:13px;line-height:1.5;color:var(--sta-muted)}
.sta .sta-meta a{color:inherit;text-decoration:underline}

/* Kompakter Hinweis auf Karten */
.sta-chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:3px 10px;border-radius:13px;background:#f4eeea;color:#141416;font-size:12px;font-weight:700;line-height:1.2}
.sta-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#8a8984;flex-shrink:0}
.sta-chip--open{background:#e8f4ee;color:#155c39}
.sta-chip--open::before{background:#1f7a4d}
.sta-chip--open.is-soon{background:#fbe9e6;color:#8f2316}
.sta-chip--open.is-soon::before{background:#c2311f}
.sta-chip--upcoming::before,.sta-chip--announced::before,.sta-chip--rolling::before{background:#141416}

@media (max-width:640px){
.sta .sta-title{font-size:24px}
.sta .sta-status{padding:20px;border-radius:18px}
.sta .sta-head{font-size:20px}
.sta .sta-sub{font-size:16px}
.sta .sta-actions{flex-direction:column;align-items:stretch}
.sta .sta-actions--compact{flex-direction:row;align-items:center}
}

/* Uebersicht Bewerbungsfristen */
.sta [hidden]{display:none!important}
.sta-list .stl-filters{display:flex;flex-direction:column;gap:14px;margin:0 0 32px;padding:20px;border-radius:20px;background:var(--sta-tint)}
.sta-list .stl-states{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;min-width:0}
.sta-list .stl-states label{position:relative;margin:0}
.sta-list .stl-states input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.sta-list .stl-states span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:20px;border:1px solid #d6d3cc;background:#fff;color:var(--sta-ink);font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap}
.sta-list .stl-states input:checked+span{background:var(--sta-ink);border-color:var(--sta-ink);color:#fff}
.sta-list .stl-states input:focus-visible+span{outline:3px solid var(--sta-accent);outline-offset:2px}
.sta-list .stl-selects{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.sta-list .stl-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sta-muted)}
.sta-list .stl-field select{width:100%;height:46px;padding:0 12px;border:1px solid #d6d3cc;border-radius:12px;background:#fff;font:inherit;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--sta-ink)}
.sta-list .stl-result{margin:0;font-size:14px;font-weight:600;color:var(--sta-muted)}
.sta-list .stl-empty{margin:0 0 32px;padding:20px;border-radius:16px;background:var(--sta-tint);font-weight:600}
.sta-list .stl-group{margin:0 0 40px}
.sta-list .stl-group-title{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--sta-head);font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--sta-ink)}
.sta-list .stl-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:var(--sta-tint);font-family:inherit;font-size:14px;letter-spacing:0}
.sta-list .stl-group-sub{margin:4px 0 12px;font-size:15px;color:var(--sta-muted)}
.sta-list .stl-row{border-top:1px solid var(--sta-line)}
.sta-list .stl-link{display:flex;align-items:center;gap:16px;padding:16px 4px;color:var(--sta-ink);text-decoration:none}
.sta-list .stl-link:hover .stl-school{color:var(--sta-accent)}
.sta-list .stl-date{width:56px;height:56px;flex-shrink:0;border-radius:14px;background:var(--sta-tint);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.sta-list .stl-date-d{font-family:var(--sta-head);font-size:19px;font-weight:700}
.sta-list .stl-date-m{font-size:11px;text-transform:uppercase;color:var(--sta-muted)}
.sta-list .stl-date--none{font-size:20px;color:var(--sta-muted)}
.sta-list .stl-row--open .stl-date{background:var(--sta-ok-bg)}
.sta-list .stl-row--open.is-soon .stl-date{background:var(--sta-warn-bg)}
.sta-list .stl-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.sta-list .stl-school{margin:0;font-family:var(--sta-head);font-size:18px;font-weight:700;line-height:1.3;color:inherit}
.sta-list .stl-course{font-size:14px;font-weight:600;color:var(--sta-muted)}
.sta-list .stl-status{font-size:15px;line-height:1.45}
.sta-list .stl-hint{font-size:13px;line-height:1.45;color:var(--sta-muted)}
.sta-list .stl-link .sta-badge{flex-shrink:0}
.sta-list .stl-row--open .sta-badge{background:var(--sta-ok);color:#fff}
.sta-list .stl-row.is-soon .sta-badge{background:var(--sta-warn);color:#fff}
.sta-list .stl-row--upcoming .sta-badge,.sta-list .stl-row--announced .sta-badge{background:var(--sta-ink);color:#fff}
@media (max-width:640px){
.sta-list .stl-filters{padding:16px;border-radius:16px}
.sta-list .stl-selects{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sta-list .stl-field select{height:44px;font-size:14px}
.sta-list .stl-group-title{font-size:22px}
.sta-list .stl-link{align-items:flex-start;gap:12px}
.sta-list .stl-date{width:48px;height:48px;border-radius:12px}
.sta-list .stl-link .sta-badge{display:none}
.sta-list .stl-school{font-size:16px}
}