/* linkedin-knopf.css: DER LinkedIn-Knopf einer Person, im Stil der Karten auf vemo.ch/team (Cyrill 07.10.2026). EINE Stelle fuer
   seinen Stil: geladen von team.html und der 3a-Seite (Karten) und von jeder Seite mit Team-Detail-Fenster (index.html, grow/index.html,
   app/index.html); die Kopien im eigenen <style> von team.html und der 3a-Seite sind weg (Web-Zug 2c, 07.10.2026).
   Die Wand team-fenster-zeigt-linkedin-der-person vergleicht die berechneten Werte im Fenster mit team.html, hell und dunkel. */
.tp-linkedin { margin-top: auto; display: flex; align-items: center; gap: 10px; padding-top: 14px; border-top: 1px solid var(--grey-100); font-size: 0.86rem; font-weight: 600; color: var(--dark); text-decoration: none; transition: color .2s; }
.tp-li-logo { width: 28px; height: 28px; border-radius: 7px; background: #0A66C2; color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform .2s; }
.tp-li-arrow { margin-left: auto; color: var(--grey-400); transition: transform .2s, color .2s; }
.tp-linkedin:hover { color: #0A66C2; }
.tp-linkedin:hover .tp-li-logo { transform: scale(1.06); }
.tp-linkedin:hover .tp-li-arrow { transform: translate(2px, -2px); color: #0A66C2; }
body.dark-mode .tp-linkedin { border-top-color: rgba(255,255,255,.08); color: #e2e8f0; }
body.dark-mode .tp-li-arrow { color: #94a3b8; }
body.dark-mode .tp-linkedin:hover { color: #70b5f9; }
body.dark-mode .tp-linkedin:hover .tp-li-arrow { color: #70b5f9; }

/* Die LinkedIn-Zeile im Team-Detail-Fenster (.team-modal-linkedin, alle drei Fenster: Startseite, /grow, /reclaim). Die Zeile haelt
   nur den Abstand zum Abschnitt darueber; die EINE Trennlinie zieht der Knopf selbst, genau wie auf seiner Karte auf team.html, und er
   steht auf der Fensterflaeche (keine eigene Flaeche). Ohne LinkedIn-Adresse traegt die Zeile `hidden` (VemoTeam.fensterFuellen) und
   ist ganz weg. Bis zum 07.10.2026 trug die Zeile noch die Klasse des alten gruenen Termin-Knopfs (eigene Linie, dunkel eine Flaeche
   #0f172a), und zwei Gegenregeln hoben das wieder auf; die Klasse und ihre Regeln in home.css, style.css und app/style.css sind weg. */
.team-modal-linkedin { margin-top: 24px; }
