/* Bausteine, die Startseite und Check-Seite teilen (DE + EN), ausgelagert aus landing.css am 25.09.2026:
   Textlink, vier Kacheln der Zusammenarbeit mit Hinweis, Logoreihe mit NDA-Hinweis.
   Nutzt die Variablen aus landing.css bzw. check.css (--line, --blue, --muted, --soft, --display). */

.link{font-family:var(--display);font-size:15px;font-weight:500;color:var(--blue);text-decoration:none}
.link:after{content:" →"}
.link:hover{color:#57B0F5}

/* Zusammenarbeit als vier gleichwertige Kacheln (Meeting mit Matthias, 25.09.2026): keine Treppe, keine Stufennummern,
   keine Kachel hervorgehoben, blauer Rand nur beim Hover. Subgrid: Titel, Tiefe, Text, „Ihr Ergebnis“ und Aktion
   stehen in allen Kacheln einer Reihe auf gleicher Höhe. Handy: untereinander. */
.kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px;margin-top:52px}
@media(max-width:1000px){.kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kacheln{grid-template-columns:1fr}}
.kachel{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;margin-bottom:18px;
  background:var(--ink-2);border:1px solid var(--line);border-radius:3px;padding:28px 24px 24px;transition:border-color .18s}
.kachel:hover{border-color:var(--blue)}
.kachel h3{margin:0;font-size:22px;font-weight:500;line-height:1.25}
.kachel .tiefe{margin-top:8px;font-family:var(--display);font-size:14px;color:var(--muted)}
.kachel p{margin:20px 0 0;font-size:16px;color:var(--muted)}
.kachel .out{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:16px;color:var(--soft);line-height:1.55}
.kachel .out b{display:block;margin-bottom:6px;font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kachel .aktion{margin-top:22px;display:flex;align-items:center;min-height:42px}
.hinweis{margin-top:36px;display:flex;gap:18px 28px;align-items:center;flex-wrap:wrap;color:var(--soft);font-size:17px}

.logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 72px}
.logos img{display:block;width:auto;opacity:.55;transition:opacity .3s ease}
.logos li:hover img{opacity:.85}
@media(max-width:600px){.logos{gap:24px 40px}.logos img{transform:scale(.85)}}
.logos__notiz{margin:28px auto 0;max-width:44em;font-size:14.5px;line-height:1.5;color:var(--muted);text-align:center;text-wrap:balance}