/*
 * stehle bewegt: Community (Mitglieder, Profile, Nachrichten). Baut auf konto.css auf (Variablen --sb-k-*).
 */
.sb-konto .sb-cm-bild { width: 48px; height: 48px; font-size: 1em; border-width: 1px; }
.sb-konto .sb-cm-bild--gross { width: 96px; height: 96px; font-size: 2em; }

.sb-konto .sb-cm-admin { margin: 0 0 14px; }
.sb-konto .sb-pille--an { background: var(--sb-k-akzent-dunkel); color: var(--sb-knopf-text, #fff); }

.sb-konto .sb-cm-reihe, .sb-konto .sb-cm-mini, .sb-konto .sb-cm-liste, .sb-konto .sb-nm-liste, .sb-konto .sb-nm-verlauf { list-style: none; margin: 0; padding: 0; }
.sb-konto .sb-cm-reihe { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 4px; }
.sb-konto .sb-cm-reihe a { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 84px; text-align: center; font-size: .85em; text-decoration: none; color: inherit; }

.sb-konto .sb-cm-suche { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0 0 12px; }
.sb-konto .sb-cm-suche input[type="search"], .sb-konto .sb-cm-suche select { box-sizing: border-box; min-height: 44px; padding: 8px 14px; border: 1px solid var(--sb-k-rahmen); border-radius: 999px; background: var(--sb-k-karte); font: inherit; color: inherit; }
.sb-konto .sb-cm-suche input[type="search"]:focus, .sb-konto .sb-cm-suche select:focus { outline: 2px solid var(--sb-k-akzent); outline-offset: 1px; }
.sb-konto .sb-cm-suche input[type="search"] { flex: 1 1 220px; min-width: 0; }
.sb-konto .sb-cm-suche select { flex: 0 1 200px; min-width: 0; }
.sb-konto .sb-cm-nurfolge { display: inline-flex; gap: 6px; align-items: center; font-size: .95em; }
.sb-konto .sb-cm-anzahl { margin: 0 0 10px; font-size: .9em; }

.sb-konto .sb-cm-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.sb-konto .sb-cm-karte { display: flex; gap: 12px; align-items: center; margin: 0; height: 100%; text-decoration: none; color: inherit; }
.sb-konto .sb-cm-karte:hover, .sb-konto .sb-cm-karte:focus-visible { border-color: var(--sb-k-akzent); }
.sb-konto .sb-cm-karte-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sb-konto .sb-cm-karte-text strong, .sb-konto .sb-cm-karte-text span { overflow-wrap: anywhere; }
.sb-konto .sb-cm-folgst { font-size: .8em; color: var(--sb-k-akzent-dunkel); font-weight: 700; }

.sb-konto .sb-cm-da { display: inline-flex; align-items: center; gap: 6px; font-size: .8em; color: var(--sb-k-text-leise); }
.sb-konto .sb-cm-punkt { width: 9px; height: 9px; border-radius: 50%; background: var(--sb-k-rahmen); }
.sb-konto .sb-cm-da--jetzt .sb-cm-punkt { background: #2e9a5b; }
.sb-konto .sb-cm-da--heute .sb-cm-punkt { background: var(--sb-k-akzent); }

.sb-konto .sb-cm-seiten { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 0; }
.sb-konto .sb-cm-seiten a, .sb-konto .sb-cm-seiten span { padding: 4px 10px; border-radius: 8px; border: 1px solid var(--sb-k-rahmen); text-decoration: none; }
.sb-konto .sb-cm-seiten span { background: var(--sb-k-akzent-dunkel); color: var(--sb-k-karte); }

.sb-konto .sb-cm-profil-kopf { display: flex; gap: 18px; align-items: flex-start; flex-wrap: wrap; margin: 0 0 14px; }
.sb-konto .sb-cm-profil-kopf h2 { margin: 0 0 .2em; }
.sb-konto .sb-cm-profil-kopf p { margin: .2em 0; }
.sb-konto .sb-cm-vorstellung { margin: 0 0 1em; }
.sb-konto .sb-cm-haken { display: block; margin: 4px 0; }
.sb-konto .sb-cm-profilform textarea, .sb-konto .sb-cm-profilform input[type="text"] { width: 100%; }

.sb-konto .sb-cm-mini li { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 8px; }
.sb-konto .sb-cm-mini a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit; min-width: 0; }
.sb-konto .sb-cm-mini .sb-cm-bild { width: 36px; height: 36px; font-size: .85em; }

/* Nachrichten */
.sb-konto .sb-nm-eintrag { display: flex; align-items: center; gap: 12px; margin: 0 0 8px; padding: 12px 14px; text-decoration: none; color: inherit; }
.sb-konto .sb-nm-eintrag--neu { border-color: var(--sb-k-akzent); }
.sb-konto .sb-nm-eintrag--neu strong { color: var(--sb-k-akzent-dunkel); }
.sb-konto .sb-nm-eintrag-text { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }
.sb-konto .sb-nm-eintrag-text span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-konto .sb-nm-eintrag-zeit { font-size: .8em; flex: 0 0 auto; }

.sb-konto .sb-nm-kopf { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; }
.sb-konto .sb-nm-verlauf { display: flex; flex-direction: column; gap: 8px; margin: 0 0 16px; }
.sb-konto .sb-nm-blase { align-self: flex-start; max-width: min(85%, 560px); background: var(--sb-k-flaeche); border: 1px solid var(--sb-k-rahmen); border-radius: 14px 14px 14px 4px; padding: 10px 14px; }
.sb-konto .sb-nm-blase--meins { align-self: flex-end; background: var(--sb-k-karte); border-radius: 14px 14px 4px 14px; }
.sb-konto .sb-nm-text { overflow-wrap: anywhere; }
.sb-konto .sb-nm-zeit { display: inline-block; margin: 4px 8px 0 0; font-size: .75em; color: var(--sb-k-text-leise); }
.sb-konto .sb-nm-melden { display: inline-block; font-size: .8em; }
.sb-konto .sb-nm-melden summary, .sb-konto .sb-nm-mehr summary { cursor: pointer; color: var(--sb-k-text-leise); }
.sb-konto .sb-nm-melden label { display: block; margin: 2px 0; }
.sb-konto .sb-nm-schreiben textarea { width: 100%; }
.sb-konto .sb-nm-schreiben .sb-hilfe { display: block; margin: 4px 0 8px; font-size: .85em; color: var(--sb-k-text-leise); }
.sb-konto .sb-nm-mehr { margin: 16px 0 0; }
.sb-konto .sb-nm-mehr .sb-nm-form { margin: 8px 0; }
.sb-konto .sb-nm-mehr .sb-hilfe { margin-left: 8px; font-size: .85em; color: var(--sb-k-text-leise); }
.sb-konto .sb-nm-inline { display: inline-block; margin: 0 6px 0 0; }
.sb-konto .sb-nm-zitat { margin: 0 0 12px; padding: 10px 14px; border-left: 4px solid var(--sb-k-hinweis); background: var(--sb-k-hinweis-hell); }

@media (max-width: 600px) {
	.sb-konto .sb-cm-liste { grid-template-columns: 1fr; }
	.sb-konto .sb-nm-blase { max-width: 92%; }
}
.sb-konto .sb-cm-teams { display: flex; flex-wrap: wrap; gap: 4px; margin: 2px 0; }
.sb-konto .sb-cm-team { display: inline-block; padding: .1em .6em; border-radius: 999px; background: var(--sb-k-akzent-hell, #e3f0f0); color: var(--sb-k-akzent-dunkel); font-size: .75em; font-weight: 700; }

/* Profil (2.21.0, Michael): Kopf mit Knöpfen und Zahlen, Mitte zweispaltig, geteilte Stunden */
.sb-konto .sb-cm-profil .sb-karte { margin: 0 0 16px; }
.sb-konto .sb-cm-pk-hinweis { margin: 0 0 12px; font-size: .92em; }
.sb-konto .sb-cm-pk-kopf { display: flex; gap: 22px; align-items: center; }
.sb-konto .sb-cm-pk-kopf .sb-cm-bild { width: 110px; height: 110px; flex: 0 0 auto; font-size: 2em; }
.sb-konto .sb-cm-pk-text { flex: 1 1 auto; min-width: 0; }
.sb-konto .sb-cm-pk-text h2 { margin: 0 0 .15em; font-size: 1.9em; color: var(--sb-k-akzent-dunkel); }
.sb-konto .sb-cm-pk-zeile { margin: .25em 0; color: var(--sb-k-text-leise); }
.sb-konto .sb-cm-pk-knoepfe { display: flex; flex-direction: column; gap: 10px; min-width: 200px; }
.sb-konto .sb-cm-pk-knoepfe form { margin: 0; }
.sb-konto .sb-cm-pk-knopf { display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 10px 18px; border-radius: 999px; border: 2px solid var(--sb-k-akzent-dunkel); background: var(--sb-k-karte); color: var(--sb-k-akzent-dunkel); font-weight: 700; text-decoration: none; cursor: pointer; font: inherit; font-weight: 700; }
.sb-konto .sb-cm-pk-knopf--haupt { background: var(--sb-k-akzent-dunkel); color: #fff; }
.sb-konto .sb-cm-pk-zahlen { display: flex; flex-wrap: wrap; gap: 14px 40px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--sb-k-rahmen); color: var(--sb-k-text-leise); font-size: .92em; }
.sb-konto .sb-cm-pk-zahlen b { display: block; font-size: 1.45em; color: inherit; color: #1d2b2b; }
.sb-konto .sb-cm-pk-mitte { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.sb-konto .sb-cm-pk-mitte--ohne { grid-template-columns: minmax(0, 1fr); }
.sb-konto .sb-cm-pk-box h3 { margin: 0 0 .6em; font-size: 1.1em; color: var(--sb-k-akzent-dunkel); }
.sb-konto .sb-cm-pk-box h3 + * { margin-top: 0; }
.sb-konto .sb-cm-pk-box .sb-cm-vorstellung + h3 { margin-top: 1em; }
.sb-konto .sb-cm-pk-dl { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px 14px; margin: 0; }
.sb-konto .sb-cm-pk-dl dt { color: var(--sb-k-text-leise); font-weight: 400; margin: 0; }
.sb-konto .sb-cm-pk-dl dd { margin: 0; overflow-wrap: anywhere; }
.sb-konto .sb-cm-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.sb-konto .sb-cm-chip { border: 1px solid var(--sb-k-rahmen); background: var(--sb-k-flaeche); color: var(--sb-k-akzent-dunkel); border-radius: 999px; padding: 3px 11px; font-size: .85em; font-weight: 600; }
.sb-konto .sb-cm-pk-stunden { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.sb-konto .sb-cm-pk-stunde { display: flex; flex-direction: column; gap: 2px; border: 1px solid var(--sb-k-rahmen); border-radius: 10px; padding: 12px; text-decoration: none; color: inherit; }
.sb-konto a.sb-cm-pk-stunde:hover { border-color: var(--sb-k-akzent); }
.sb-konto .sb-cm-pk-sterne { color: #c08a1a; }
.sb-konto .sb-cm-pk-sterne small { color: var(--sb-k-text-leise); }
.sb-konto .sb-cm-profil { container-type: inline-size; }
@container (max-width: 760px) {
	.sb-cm-pk-mitte { grid-template-columns: minmax(0, 1fr) !important; }
}
@container (max-width: 560px) {
	.sb-cm-pk-kopf { flex-wrap: wrap; gap: 14px !important; }
	.sb-cm-pk-kopf .sb-cm-bild { width: 80px !important; height: 80px !important; }
	.sb-cm-pk-text { flex-basis: calc(100% - 100px); }
	.sb-cm-pk-knoepfe { flex-direction: row !important; min-width: 0 !important; width: 100%; }
	.sb-cm-pk-knoepfe > * { flex: 1 1 0; }
	.sb-cm-pk-zahlen { gap: 12px 24px !important; }
}
.sb-cm-pk-wer { align-self: flex-start; font-size: .75em; font-weight: 600; padding: .1em .6em; border-radius: 99px; background: #e3eef6; color: #2c5a80; margin: .15em 0 .2em; }
.sb-cm-pk-wer.ist-verein { background: #f4e3c3; color: #7a4d0a; }

/* ---------- Nachrichten wie WhatsApp Web (2.54.0) ---------- */
.sb-konto .sb-nm-wrap { container-type: inline-size; }
.sb-konto .sb-nm-app { display: grid; grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); min-height: 560px; border: 1px solid var(--sb-k-rahmen); border-radius: 16px; overflow: hidden; background: var(--sb-k-karte, #fff); }
.sb-konto .sb-nm-links { border-right: 1px solid var(--sb-k-rahmen); display: flex; flex-direction: column; min-width: 0; background: var(--sb-k-karte, #fff); }
.sb-konto .sb-nm-lkopf { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 14px 8px; }
.sb-konto .sb-nm-lkopf strong { font-size: 1.1em; }
.sb-konto .sb-nm-suche { margin: 0 14px 8px; width: calc(100% - 28px); box-sizing: border-box; padding: 8px 12px; border: 1px solid var(--sb-k-rahmen); border-radius: 999px; background: var(--sb-k-flaeche); font: inherit; }
.sb-konto .sb-nm-filter { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 10px; border-bottom: 1px solid var(--sb-k-rahmen); }
.sb-konto .sb-nm-pill { padding: 4px 12px; border-radius: 999px; background: var(--sb-k-flaeche); color: inherit; text-decoration: none; font-size: .88em; display: inline-flex; align-items: center; gap: 4px; }
.sb-konto .sb-nm-pill.is-aktiv { background: var(--sb-k-akzent, #419595); color: #fff; }
.sb-konto .sb-nm-pill.is-aktiv .sb-zahl { background: #fff; color: var(--sb-k-akzent-dunkel, #2c6b6b); }
.sb-konto .sb-nm-links .sb-nm-liste { overflow-y: auto; flex: 1 1 auto; max-height: 640px; }
.sb-konto .sb-nm-links .sb-nm-eintrag { margin: 0; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--sb-k-rahmen); border-radius: 0; background: transparent; }
.sb-konto .sb-nm-links .sb-nm-eintrag:hover { background: var(--sb-k-flaeche); }
.sb-konto .sb-nm-links .sb-nm-eintrag.is-aktiv { background: var(--sb-k-akzent-hell, #e3f0f0); }
.sb-konto .sb-nm-eintrag--neu strong, .sb-konto .sb-nm-eintrag--neu .sb-leise { font-weight: 700; color: var(--sb-k-text, #333); }
.sb-konto .sb-nm-eintrag-rechts { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: 0 0 auto; }
.sb-konto .sb-nm-leer { padding: 14px; margin: 0; }
.sb-konto .sb-nm-links > .sb-hilfe, .sb-konto .sb-nm-links > .sb-liste { padding: 0 14px; }
.sb-konto .sb-nm-rechts { display: flex; flex-direction: column; min-width: 0; background: var(--sb-k-flaeche, #f3f5f5); }
.sb-konto .sb-nm-platz { margin: auto; text-align: center; color: var(--sb-k-text-leise); padding: 24px; }
.sb-konto .sb-nm-platz span { font-size: 2.4em; display: block; }
.sb-konto .sb-nm-rkopf { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--sb-k-karte, #fff); border-bottom: 1px solid var(--sb-k-rahmen); }
.sb-konto .sb-nm-rkopf strong { flex: 1 1 auto; min-width: 0; }
.sb-konto .sb-nm-zurueck { display: none; font-size: 1.8em; line-height: 1; text-decoration: none; color: inherit; padding: 0 6px 0 0; }
.sb-konto .sb-nm-tag { font-size: .75em; padding: 2px 8px; border-radius: 999px; background: var(--sb-k-flaeche); color: var(--sb-k-text-leise); }
.sb-konto .sb-nm-menue { position: relative; }
.sb-konto .sb-nm-menue summary { list-style: none; cursor: pointer; font-size: 1.4em; line-height: 1; padding: 4px 10px; border-radius: 8px; }
.sb-konto .sb-nm-menue summary::-webkit-details-marker { display: none; }
.sb-konto .sb-nm-menue summary:hover { background: var(--sb-k-flaeche); }
.sb-konto .sb-nm-menue-liste { position: absolute; right: 0; top: calc(100% + 4px); z-index: 20; min-width: 220px; background: #fff; border: 1px solid var(--sb-k-rahmen); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.12); padding: 6px; display: grid; }
.sb-konto .sb-nm-menue-liste form { margin: 0; }
.sb-konto .sb-nm-menue-liste a, .sb-konto .sb-nm-menue-liste button { display: block; width: 100%; text-align: left; padding: 8px 12px; border: 0; background: none; font: inherit; color: inherit; text-decoration: none; border-radius: 8px; cursor: pointer; }
.sb-konto .sb-nm-menue-liste a:hover, .sb-konto .sb-nm-menue-liste button:hover { background: var(--sb-k-flaeche); }
.sb-konto .sb-nm-menue-liste .sb-nm-rot { color: #b32d2e; }
.sb-konto .sb-nm-rechts .sb-nm-verlauf { flex: 1 1 auto; overflow-y: auto; max-height: 520px; padding: 14px; margin: 0; }
.sb-konto .sb-nm-rechts .sb-nm-blase { background: #fff; }
.sb-konto .sb-nm-rechts .sb-nm-blase--meins { background: var(--sb-k-akzent-hell, #e3f0f0); }
.sb-konto .sb-nm-rechts .sb-nm-schreiben { padding: 10px 14px 14px; background: var(--sb-k-karte, #fff); border-top: 1px solid var(--sb-k-rahmen); margin: 0; }
.sb-konto .sb-nm-senden-zeile { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 6px; }
.sb-konto .sb-nm-senden-zeile .sb-hilfe { margin: 0; }
.sb-konto .sb-nm-rechts > .sb-hinweis-text { padding: 10px 14px; margin: 0; }
.sb-nm-dlg { border: 0; border-radius: 14px; padding: 16px; width: min(440px, calc(100vw - 32px)); box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.sb-nm-dlg::backdrop { background: rgba(0,0,0,.4); }
.sb-nm-dlg-kopf { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.sb-nm-x { border: 0; background: none; font-size: 1.6em; line-height: 1; cursor: pointer; }
.sb-nm-dlg .sb-nm-suche { width: 100%; box-sizing: border-box; padding: 8px 12px; border: 1px solid #dde4e4; border-radius: 999px; font: inherit; margin-bottom: 8px; }
.sb-nm-leute { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; }
.sb-nm-leute a { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 10px; text-decoration: none; color: inherit; }
.sb-nm-leute a:hover { background: #f3f5f5; }
@container (max-width: 680px) {
	.sb-konto .sb-nm-app { grid-template-columns: 1fr; min-height: 0; }
	.sb-konto .sb-nm-links { border-right: 0; }
	.sb-konto .sb-nm-app .sb-nm-rechts { display: none; }
	.sb-konto .sb-nm-app--offen .sb-nm-links { display: none; }
	.sb-konto .sb-nm-app--offen .sb-nm-rechts { display: flex; }
	.sb-konto .sb-nm-zurueck { display: inline-block; }
	.sb-konto .sb-nm-rechts .sb-nm-verlauf { max-height: 60vh; }
	.sb-konto .sb-nm-senden-zeile { flex-direction: column; align-items: stretch; }
}

/* 2.62.0 Ansicht Alle / Ich folge / Folgen mir und Vorschläge „Kollegen aus deiner Gegend“ */
.sb-konto .sb-cm-ansicht { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 4px; }
.sb-konto .sb-cm-vorschlaege { list-style: none; margin: 0; padding: 0; }
.sb-konto .sb-cm-vorschlaege li { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.sb-konto .sb-cm-vs-person { display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; text-decoration: none; color: inherit; }
.sb-konto .sb-cm-vs-person .sb-cm-bild { width: 36px; height: 36px; font-size: .85em; flex: 0 0 auto; }
.sb-konto .sb-cm-vs-person span { display: flex; flex-direction: column; min-width: 0; }
.sb-konto .sb-cm-vs-person strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-konto .sb-cm-vs-person small { color: var(--sb-k-text-leise, #545454); }
.sb-konto .sb-cm-vs-form { margin: 0; flex: 0 0 auto; }
.sb-konto .sb-cm-vorschlaege .sb-cm-pk-knopf { padding: 4px 12px; font-size: .88em; }
.sb-konto .sb-cm-vs-weg { background: none; border: 0; padding: 4px 6px; cursor: pointer; color: var(--sb-k-text-leise, #545454); font-size: 1em; }

/* 2.67.0: Rollen-Plakette (Verein/Praxis im Cockpit, Übungsleitung im Kompass) */
.sb-konto .sb-cm-rolle { background: var(--sb-warm-hell, #f7efe3); color: var(--sb-warm-text, #6f4113); }
.sb-konto .sbs-ein-cm, .sbs-ein-cm { margin-top: 24px; }

/* ===== 2.69.0 Community wie Facebook: Reiter, Entdecken, Profilkarte ===== */
.sb-cm-seite { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; min-width: 0; }
.sb-cm-seite > * { margin-top: 0; margin-bottom: 0; }
.sb-konto .sb-cm-kopf { padding: 20px 22px; }
.sb-konto .sb-cm-titel { margin: 0; font-size: 1.4em; }
.sb-konto .sb-cm-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--z-linie, #dfe4e5); margin: 8px 0 14px; overflow-x: auto; scrollbar-width: none; }
.sb-konto .sb-cm-tabs a { flex: none; padding: 10px 14px; margin-bottom: -1px; border-bottom: 3px solid transparent; font-weight: 600; color: var(--z-leise, #6b7072); text-decoration: none; white-space: nowrap; }
.sb-konto .sb-cm-tabs a[aria-current="page"] { color: var(--z-akzent, #33474b); border-bottom-color: var(--z-akzent, #33474b); }
.sb-konto .sb-cm-tab-z { display: inline-block; margin-left: 4px; padding: 0 7px; border-radius: 999px; background: var(--z-flaeche, #eef0f1); font-size: .8em; }
.sb-konto .sb-cm-suche--kopf { margin: 0; }
.sb-konto .sb-cm-box { padding: 20px 22px; }
.sb-konto .sb-cm-vs, .sb-konto .sb-cm-feed, .sb-konto .sb-cm-neu { padding: 20px 22px; margin: 0; }
.sb-konto .sb-cm-vs .sb-karte-titel, .sb-konto .sb-cm-feed .sb-karte-titel, .sb-konto .sb-cm-neu .sb-karte-titel { margin: 0; font-size: 1.2em; }

/* Vorschläge als Karten */
.sb-konto .sb-cm-vorschlaege { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.sb-konto .sb-cm-vk { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 12px 14px; border: 1px solid var(--z-linie, #dfe4e5); border-radius: 12px; text-align: center; background: #fbfcfc; }
.sb-konto .sb-cm-vk .sb-cm-p { display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none; color: inherit; }
.sb-konto .sb-cm-vk .sb-cm-bild { width: 64px; height: 64px; font-size: 1.3em; }
.sb-konto .sb-cm-vk .sb-cm-p span { font-weight: 700; }
.sb-konto .sb-cm-p small { display: block; font-weight: 400; font-size: .8em; color: var(--z-leise, #6b7072); }
.sb-konto .sb-cm-grund { display: inline-block; padding: 1px 9px; border-radius: 999px; background: var(--z-warmhell, #f7f1e6); color: var(--z-warmtext, #6f4113); font-size: .75em; font-weight: 700; }
.sb-konto .sb-cm-vk-weg { position: absolute; top: 6px; right: 6px; margin: 0; }
.sb-konto .sb-cm-vk-weg .sb-cm-vs-weg { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--z-leise, #6b7072); cursor: pointer; }
.sb-konto .sb-cm-vk-weg .sb-cm-vs-weg:hover { background: var(--z-flaeche, #eef0f1); }
.sb-konto .sb-cm-vk .sb-cm-vs-form:not(.sb-cm-vk-weg) { margin-top: 4px; }

/* Was gerade passiert + Neu dabei */
.sb-konto .sb-cm-zwei { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.sb-konto .sb-cm-zwei--eins { grid-template-columns: minmax(0, 1fr); }
.sb-konto .sb-cm-feedliste { list-style: none; margin: 0; padding: 0; }
.sb-konto .sb-cm-ev { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--z-linie, #dfe4e5); margin: 0; }
.sb-konto .sb-cm-ev:first-child { border-top: 0; }
.sb-konto .sb-cm-ev .sb-cm-bild { width: 38px; height: 38px; flex: none; font-size: .85em; }
.sb-konto .sb-cm-bild--v { display: grid; place-items: center; }
.sb-konto .sb-cm-ev > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sb-konto .sb-cm-ev a { color: inherit; text-decoration: none; }
.sb-konto .sb-cm-ev a:hover b { text-decoration: underline; }
.sb-konto .sb-cm-ev small { color: var(--z-leise, #6b7072); font-size: .8em; }
.sb-konto .sb-cm-mini--knopf li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--z-linie, #dfe4e5); margin: 0; }
.sb-konto .sb-cm-mini--knopf li:first-child { border-top: 0; }
.sb-konto .sb-cm-mini--knopf .sb-cm-p { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; text-decoration: none; color: inherit; font-weight: 600; }
.sb-konto .sb-cm-mini--knopf .sb-cm-bild { width: 38px; height: 38px; font-size: .85em; }
.sb-konto .sb-cm-klein { margin: 0 0 0 auto; }
.sb-konto .sb-cm-klein .sb-cm-pk-knopf { min-height: 0; padding: 4px 12px; font-size: .8em; }
.sb-konto .sb-cm-nie { margin: 0; font-size: .85em; text-align: center; }

/* Profilkarte */
.sb-konto { position: relative; }
.sb-cm-pkarte { position: absolute; z-index: 50; width: 300px; max-width: calc(100vw - 24px); box-sizing: border-box; padding: 16px; background: #fff; border: 1px solid var(--z-linie, #dfe4e5); border-radius: 14px; box-shadow: 0 12px 36px rgba(0, 0, 0, .18); }
.sb-cm-pkarte-zu { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; color: #6b7072; }
.sb-cm-pkarte-kopf { display: flex; gap: 12px; align-items: center; padding-right: 20px; }
.sb-cm-pkarte-kopf .sb-cm-bild { width: 56px; height: 56px; flex: none; }
.sb-cm-pkarte-kopf b { display: block; font-size: 1.05em; }
.sb-cm-pkarte-kopf small { display: block; font-size: .82em; color: #6b7072; line-height: 1.35; }
.sb-cm-pkarte-knoepfe { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.sb-cm-pkarte-knoepfe form { margin: 0; }
.sb-cm-pkarte-knoepfe .sb-cm-pk-knopf { min-height: 0; padding: 6px 14px; font-size: .85em; }
.sb-cm-pkarte-fuss { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--z-linie, #dfe4e5); font-size: .8em; color: #6b7072; }

@container sbkonto (max-width: 860px) {
	.sb-konto .sb-cm-zwei { grid-template-columns: minmax(0, 1fr); }
	.sb-konto .sb-cm-vorschlaege { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sb-konto .sb-cm-kopf, .sb-konto .sb-cm-box, .sb-konto .sb-cm-vs, .sb-konto .sb-cm-feed, .sb-konto .sb-cm-neu { padding: 16px; }
}
.sb-konto .sb-cm-pkarte .sb-cm-pk-knopf, .sb-konto .sb-cm-klein .sb-cm-pk-knopf, .sb-konto .sb-cm-vk .sb-cm-pk-knopf { display: inline-block; width: auto; }
.sb-konto .sb-cm-karte { box-sizing: border-box; }
.sb-konto .sb-cm-kopf .sb-cm-tabs:last-child { margin-bottom: 0; }
.sb-konto .sb-cm-kopf .sb-kasten-kopf { flex-wrap: wrap; }