/* =====================================================================
   Abschluss der Startseite – Variante A: Auszeichnungen & Publikationen
   ===================================================================== */
.recog { padding-block: clamp(70px, 9vw, 130px); }
.rec { align-items: start; }
.rec-ph { grid-column: 1 / span 5; margin: 0; position: relative; }
.rec-ph img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.rec-ph figcaption { margin-top: 12px; font-size: 14px; color: var(--muted); line-height: 1.5; padding-left: 12px; border-left: 2px solid var(--blue); }
.rec-ph figcaption b { color: var(--ink); }
.rec-tx { grid-column: 7 / -1; }
.rec-tx > .label { display: block; margin-bottom: 14px; }
.aw-list { margin-bottom: clamp(40px, 5vw, 64px); border-top: 1px solid var(--ink); }
.aw { display: grid; grid-template-columns: 90px 1fr; gap: var(--gap); padding: 20px 0; border-bottom: 1px solid var(--line); }
.aw > b { font-size: clamp(26px, 2.4vw, 34px); font-weight: 300; color: var(--blue); line-height: 1; }
.aw h3 { font-size: clamp(20px, 1.8vw, 26px); font-weight: 600; margin: 0 0 4px; }
.aw p { margin: 0; color: var(--ink-2); font-size: 15px; }
.rec-tx .rows { border-top: 1px solid var(--ink); }
@media (max-width: 900px) { .rec-ph, .rec-tx { grid-column: 1 / -1; } .rec-ph { max-width: 420px; margin-bottom: 36px; } .aw { grid-template-columns: 64px 1fr; } }

/* =====================================================================
   Variante B: Lehre & Forschung
   ===================================================================== */
.teach { padding-block: clamp(70px, 9vw, 130px); }
.teach-l { grid-column: 1 / span 5; }
.teach-l .lead { font-size: clamp(22px, 2vw, 30px); font-weight: 300; line-height: 1.3; margin-bottom: 18px; }
.teach-l p { color: var(--ink-2); }
.teach-l .label { display: block; margin-top: 32px; }
.teach-l .tags { margin-top: 12px; }
.teach-r { grid-column: 7 / -1; }
.tt { width: 100%; border-collapse: collapse; font-size: 15.5px; border-top: 1px solid var(--ink); }
.tt th { text-align: left; font-weight: 600; color: var(--blue); padding: 16px 16px 16px 0; vertical-align: top; white-space: nowrap; width: 120px; border-bottom: 1px solid var(--line); }
.tt td { padding: 16px 16px 16px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.tt td span { color: var(--muted); font-size: 14px; }
.tt td:last-child { text-align: right; white-space: nowrap; color: var(--muted); padding-right: 0; }
@media (max-width: 900px) {
  .teach-l, .teach-r { grid-column: 1 / -1; } .teach-r { margin-top: 36px; }
  .tt tr { display: grid; grid-template-columns: 1fr auto; border-bottom: 1px solid var(--line); padding: 12px 0; }
  .tt th, .tt td { border: 0; padding: 2px 0; width: auto; }
  .tt td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; }
}