/* -----------------------------------------------------------------------------
 * testimonials2026.css - Gestaltung des Inhalts der Seite /testimonials2026/
 *
 * Kopf, Menue, Ueberschrift und Fuss kommen aus dem Rahmen der Programmseite
 * (gebaut von infra/testimonials2026-seite.js, wie /throwback2026/). Diese Datei
 * gestaltet nur die Karten - alle Regeln stehen unter ".tm", damit sie den
 * Rahmen nicht beruehren und das Thema der Website die Karten nicht faerbt.
 * Schriften wie auf /throwback2026/: Barlow 200 aus deren Ordner, Open Sans 400
 * und 600 aus den Ordnern, aus denen auch /throwback2026/ sie holt.
 * Inhaltsbreite wie dort: ".tm .wrap" hoechstens 1140, mittig.
 * -------------------------------------------------------------------------- */
@font-face{font-family:"TB Barlow";font-weight:200;font-style:normal;font-display:swap;src:url("/throwback2026/fonts/barlow/barlow-latin-200-normal.woff2") format("woff2")}
@font-face{font-family:"TB Open Sans";font-weight:400;font-style:normal;font-display:swap;src:url("/advisoryboard/open-sans-400.woff2") format("woff2")}
@font-face{font-family:"TB Open Sans";font-weight:600;font-style:normal;font-display:swap;src:url("/schedule2026/assets/open-sans-600.woff2") format("woff2")}

.tm{
  --blue:#2965F1; --ink:#2B2B2B; --ink-soft:#656565; --tile:#F2F3F5; --rule:#E2E5EA;
  --sans:"TB Open Sans","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --display:"TB Barlow","Barlow","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased
}
.tm *{box-sizing:border-box}
.tm .wrap{max-width:1140px;margin:0 auto;padding:0 32px}

/* Zwei FESTE Spalten (Uli, 11.11.2026): je Spalte ein Container, die Karten
   stehen in der Spalte, die ihr Eintrag in infra/testimonials2026-seite.js
   nennt - kein CSS "columns", der Browser verschiebt keine Karte. Unter 900
   Punkten eine Spalte: erst die linke, dann die rechte. Kartenabstand 24px. */
.tm .tm-liste{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:0;align-items:start;padding:28px 0 0}
.tm .tm-spalte{min-width:0}
.tm .tm-karte{display:block;margin:0 0 24px;padding:28px 32px;background:var(--tile);border:0;border-radius:0;box-shadow:none}
.tm .tm-logo{display:block;width:150px;height:90px;max-width:none;margin:0 0 14px;border:0;border-radius:0;box-shadow:none}
/* Das Anfuehrungszeichen U+201C in Georgia: Barlow 200 zeichnet es als zwei
   schraege Striche (11.11.2026). Hoehe und Abstand wie vorher, also dieselbe Lage. */
.tm .tm-zeichen{font-family:Georgia,serif;font-weight:700;font-size:72px;line-height:.5;color:var(--blue);height:30px;margin:0 0 8px}
.tm .tm-zitat{margin:0;padding:0;border:0;background:none;quotes:none;font-family:var(--sans);font-style:normal;font-weight:400;font-size:15px;line-height:1.65;color:var(--ink)}
.tm .tm-zitat::before,.tm .tm-zitat::after{content:none}
.tm .tm-zitat p{margin:0 0 12px;padding:0;font-family:inherit;font-style:normal;font-size:15px;line-height:1.65;color:var(--ink)}
.tm .tm-zitat p:last-child{margin-bottom:0}
.tm .tm-zitat strong{font-weight:600}
.tm .tm-quelle{margin:18px 0 0;padding:0;font-style:normal;text-align:left}
.tm .tm-firma{display:block;font-family:var(--sans);font-weight:600;font-size:14px;line-height:1.5;color:var(--ink)}
.tm .tm-person{display:block;font-family:var(--sans);font-weight:400;font-size:14px;line-height:1.5;color:var(--ink-soft)}
.tm .tm-stand{margin:0;padding:0 0 8px;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--ink-soft)}

@media (max-width:900px){.tm .tm-liste{grid-template-columns:1fr}}
@media (max-width:520px){.tm .wrap{padding:0 20px}}