/* =========================================================
   TEAM PROFILE CARDS — Modern Editorial / Dossier Look
   Nur Theme-CSS, kein Plugin-Eingriff
   ========================================================= */

:root {
    --tpc-dark: var(--rpg-dark, #1c2b31);
    --tpc-dark-2: var(--rpg-dark-2, #142025);
    --tpc-paper: var(--rpg-paper, #f7f6f2);
    --tpc-paper-2: var(--rpg-paper-2, #ece8df);
    --tpc-brick: var(--rpg-brick, #732C26);
    --tpc-gold: var(--rpg-gold, #D5AA43);

    --tpc-text: rgba(28, 43, 49, .78);
    --tpc-muted: rgba(28, 43, 49, .50);
    --tpc-line: rgba(28, 43, 49, .13);
    --tpc-line-strong: rgba(28, 43, 49, .25);
    --tpc-white: rgba(255, 255, 255, .44);
}

/* Alles kantig */

.teamprofilecards-card,
.teamprofilecards-card *,
.teamprofilecards-topbox,
.teamprofilecards-topbox *,
.teamprofilecards-index-online,
.teamprofilecards-index-online *,
.teamprofilecards-extra-group,
.teamprofilecards-extra-group * {
    border-radius: 0 !important;
    box-sizing: border-box;
}

/* Falls die Karte in einer Showteam-Tabelle sitzt */

.teamprofilecards-table-cell {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* =========================================================
   HAUPTKARTE
   ========================================================= */

.teamprofilecards-card {
    position: relative !important;
    isolation: isolate;

    width: 100% !important;
    min-height: 220px;
    margin: 0 0 26px 0 !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) !important;
    gap: 0 !important;

    border: 1px solid var(--tpc-line-strong) !important;
    border-left: 5px solid var(--tpc-dark) !important;

    background:
        linear-gradient(135deg, rgba(255,255,255,.52), rgba(236,232,223,.78) 52%, rgba(28,43,49,.045)),
        linear-gradient(180deg, rgba(247,246,242,.98), rgba(236,232,223,.94)) !important;

    box-shadow:
        12px 12px 0 rgba(28,43,49,.045),
        0 16px 34px rgba(28,43,49,.10) !important;

    color: var(--tpc-text) !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.teamprofilecards-card-status-online {
    border-left-color: var(--tpc-dark) !important;
}

.teamprofilecards-card-status-away {
    border-left-color: var(--tpc-gold) !important;
}

.teamprofilecards-card-status-offline {
    border-left-color: rgba(28,43,49,.30) !important;
}

/* feine Dossier-Linien im Hintergrund */

.teamprofilecards-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;

    background:
        linear-gradient(90deg, rgba(28,43,49,.055) 1px, transparent 1px),
        linear-gradient(180deg, rgba(28,43,49,.035) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: .38;
    pointer-events: none;
}

.teamprofilecards-card::after {
    content: "TEAM FILE";
    position: absolute;
    right: 16px;
    bottom: 12px;

    color: rgba(28,43,49,.055);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .12em;
    text-transform: uppercase;
    pointer-events: none;
}

/* =========================================================
   BILDBEREICH — moderner, größer, kantiger
   ========================================================= */

.teamprofilecards-media {
    position: relative !important;
    overflow: hidden !important;

    min-height: 220px;
    padding: 18px !important;

    display: grid !important;
    place-items: center !important;

    border-right: 1px solid var(--tpc-line-strong) !important;

    background:
        linear-gradient(145deg, rgba(28,43,49,.16), rgba(255,255,255,.14) 44%, rgba(213,170,67,.08)),
        linear-gradient(180deg, rgba(236,232,223,.70), rgba(247,246,242,.86)) !important;
}

/* dunkler Seitenstreifen hinter dem Bild */

.teamprofilecards-media::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 44%;
    background: var(--tpc-dark);
    opacity: .92;
    pointer-events: none;
}

/* diagonaler heller Schnitt */

.teamprofilecards-media::after {
    content: "";
    position: absolute;
    top: -30px;
    right: -38px;

    width: 90px;
    height: 150%;
    background: rgba(255,255,255,.18);
    transform: rotate(11deg);
    pointer-events: none;
}

/* Avatar-Bild */

.teamprofilecards-avatar {
    position: relative !important;
    z-index: 2;

    width: 136px !important;
    height: 170px !important;

    display: block !important;
    object-fit: cover !important;
    object-position: center !important;

    padding: 0 !important;
    border: 1px solid rgba(247,246,242,.80) !important;
    outline: 1px solid rgba(28,43,49,.28);
    outline-offset: 5px;

    background: rgba(255,255,255,.35) !important;

    box-shadow:
        10px 10px 0 rgba(28,43,49,.20),
        -8px -8px 0 rgba(247,246,242,.40),
        0 18px 30px rgba(28,43,49,.22) !important;

    filter: contrast(1.04) saturate(.92);
    transition:
        transform .22s ease,
        filter .22s ease,
        box-shadow .22s ease;
}

/* leichter Effekt beim Hover */

.teamprofilecards-card:hover .teamprofilecards-avatar {
    transform: translate(-2px, -2px);
    filter: contrast(1.08) saturate(1.02);
    box-shadow:
        14px 14px 0 rgba(28,43,49,.22),
        -8px -8px 0 rgba(247,246,242,.46),
        0 22px 34px rgba(28,43,49,.24) !important;
}

/* Fallback-Buchstabe, wenn kein Avatar vorhanden */

.teamprofilecards-avatar-fallback {
    display: grid !important;
    place-items: center !important;

    color: var(--tpc-paper) !important;
    background:
        linear-gradient(135deg, var(--tpc-dark), var(--tpc-dark-2)) !important;

    font-size: 42px !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
}

/* optionales zweites Icon */

.teamprofilecards-icon {
    position: absolute !important;
    z-index: 3;
    right: 18px !important;
    bottom: 18px !important;

    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;

    padding: 5px !important;

    border: 1px solid rgba(28,43,49,.22) !important;
    background: rgba(247,246,242,.92) !important;
    box-shadow: 6px 6px 0 rgba(28,43,49,.10) !important;

    object-fit: contain !important;
}

/* =========================================================
   KARTENINHALT
   ========================================================= */

.teamprofilecards-body {
    min-width: 0 !important;
    padding: 18px 20px 17px 20px !important;

    display: grid !important;
    grid-template-rows: auto auto auto auto;
    gap: 13px !important;
}

/* Kopf */

.teamprofilecards-card-head {
    padding: 0 0 12px 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 18px !important;
    align-items: start !important;

    border-bottom: 1px solid var(--tpc-line) !important;
}

.teamprofilecards-titleblock {
    min-width: 0 !important;
}

/* Label */

.teamprofilecards-label {
    display: block !important;
    margin: 0 0 5px 0 !important;

    color: rgba(28,43,49,.46) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.teamprofilecards-value {
    color: rgba(28,43,49,.75) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

/* Name / schreibt als */

.teamprofilecards-character {
    display: grid !important;
    gap: 2px !important;
}

.teamprofilecards-character .teamprofilecards-label {
    color: rgba(115,44,38,.58) !important;
}

.teamprofilecards-character .teamprofilecards-value {
    color: var(--tpc-dark) !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    letter-spacing: .03em !important;
}

/* Falls ein Profil-Link im Template existiert */

.teamprofilecards-profilelink {
    color: var(--tpc-dark) !important;
    text-decoration: none !important;
}

.teamprofilecards-profilelink:hover {
    color: var(--tpc-brick) !important;
}

/* Gruppe / Online rechts */

.teamprofilecards-sidefacts {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    gap: 6px !important;
}

.teamprofilecards-group,
.teamprofilecards-online {
    min-height: 27px !important;
    padding: 6px 8px !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    border: 1px solid rgba(28,43,49,.16) !important;
    background: rgba(255,255,255,.30) !important;

    color: rgba(28,43,49,.58) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

.teamprofilecards-group-title,
.teamprofilecards-online-label {
    color: var(--tpc-dark) !important;
    font-weight: 800 !important;
}

.teamprofilecards-group-image {
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
}

/* Online-Punkt als Quadrat, nicht rund */

.teamprofilecards-online-dot {
    width: 7px !important;
    height: 7px !important;

    display: inline-block !important;

    border-radius: 0 !important;
    background: rgba(28,43,49,.25) !important;
}

.teamprofilecards-online-online .teamprofilecards-online-dot {
    background: var(--tpc-dark) !important;
}

.teamprofilecards-online-away .teamprofilecards-online-dot {
    background: var(--tpc-gold) !important;
}

.teamprofilecards-online-offline .teamprofilecards-online-dot {
    background: rgba(28,43,49,.24) !important;
}

/* =========================================================
   TEXTBEREICH
   ========================================================= */

.teamprofilecards-maintext {
    display: grid !important;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
    gap: 9px !important;
}

.teamprofilecards-tasks,
.teamprofilecards-text,
.teamprofilecards-signature {
    position: relative !important;

    padding: 11px 12px !important;

    border: 1px solid rgba(28,43,49,.10) !important;
    background: rgba(255,255,255,.28) !important;

    color: rgba(28,43,49,.72) !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
}

.teamprofilecards-tasks::before,
.teamprofilecards-text::before,
.teamprofilecards-signature::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;

    width: 26px;
    height: 3px;

    background: var(--tpc-dark);
}

.teamprofilecards-text {
    background: rgba(28,43,49,.028) !important;
}

.teamprofilecards-text::before {
    background: var(--tpc-brick);
}

.teamprofilecards-signature {
    grid-column: 1 / -1;

    color: rgba(28,43,49,.58) !important;
    background: rgba(255,255,255,.18) !important;
}

.teamprofilecards-signature::before {
    background: var(--tpc-gold);
}

/* =========================================================
   STATS — moderne Datenleiste
   ========================================================= */

.teamprofilecards-stats {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0 !important;

    border: 1px solid rgba(28,43,49,.12) !important;
    background: rgba(255,255,255,.22) !important;
}

.teamprofilecards-stat {
    min-height: 54px !important;
    padding: 9px 10px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    border: 0 !important;
    border-right: 1px solid rgba(28,43,49,.10) !important;
    background: transparent !important;

    color: rgba(28,43,49,.48) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

.teamprofilecards-stat:last-child {
    border-right: 0 !important;
}

.teamprofilecards-stat strong {
    margin-bottom: 4px !important;

    color: var(--tpc-dark) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: .02em !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.teamprofilecards-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.teamprofilecards-button {
    min-height: 29px !important;
    padding: 0 12px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(28,43,49,.20) !important;
    background: rgba(255,255,255,.22) !important;

    color: var(--tpc-dark) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

.teamprofilecards-button:hover {
    border-color: rgba(115,44,38,.34) !important;
    background: rgba(115,44,38,.065) !important;
    color: var(--tpc-brick) !important;
    transform: translateY(-1px);
}

.teamprofilecards-pm {
    background: var(--tpc-dark) !important;
    border-color: var(--tpc-dark) !important;
    color: var(--tpc-paper) !important;
}

.teamprofilecards-pm:hover {
    background: var(--tpc-brick) !important;
    border-color: var(--tpc-brick) !important;
    color: #fff !important;
}

/* =========================================================
   OBERER TEAM-BEREICH
   Info / Zeiten / Quicklinks
   ========================================================= */

.teamprofilecards-topbox {
    margin: 18px 0 26px 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, .95fr) 220px !important;
    gap: 11px !important;

    font-family: Arial, Helvetica, sans-serif !important;
    color: var(--tpc-text) !important;
}

.teamprofilecards-infobox,
.teamprofilecards-officebox,
.teamprofilecards-quicklinks,
.teamprofilecards-extra-group,
.teamprofilecards-index-online {
    position: relative !important;
    overflow: hidden !important;

    padding: 15px 16px !important;

    border: 1px solid var(--tpc-line-strong) !important;
    border-top: 5px solid var(--tpc-dark) !important;

    background:
        linear-gradient(135deg, rgba(247,246,242,.96), rgba(236,232,223,.78)) !important;

    box-shadow:
        10px 10px 0 rgba(28,43,49,.035),
        0 12px 25px rgba(28,43,49,.075) !important;
}

.teamprofilecards-officebox {
    border-top-color: var(--tpc-gold) !important;
}

.teamprofilecards-quicklinks {
    border-top-color: var(--tpc-brick) !important;
}

/* Überschriften */

.teamprofilecards-topbox h2,
.teamprofilecards-topbox h3,
.teamprofilecards-extra-group h2,
.teamprofilecards-index-online h2 {
    margin: 0 0 12px 0 !important;
    padding: 0 0 10px 0 !important;

    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;

    border-bottom: 1px solid rgba(28,43,49,.14) !important;

    color: var(--tpc-dark) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.teamprofilecards-topbox h2::after,
.teamprofilecards-topbox h3::after,
.teamprofilecards-extra-group h2::after,
.teamprofilecards-index-online h2::after {
    padding: 4px 7px !important;
    border: 1px solid rgba(28,43,49,.14) !important;
    background: rgba(255,255,255,.25) !important;
    color: rgba(28,43,49,.48) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.teamprofilecards-infobox h2::after {
    content: "TEAM";
}

.teamprofilecards-officebox h3::after {
    content: "ZEITEN";
}

.teamprofilecards-quicklinks h3::after {
    content: "LINKS";
}

.teamprofilecards-extra-group h2::after {
    content: "ACCOUNTS";
}

.teamprofilecards-index-online h2::after {
    content: "TEAM";
}

.teamprofilecards-info-text,
.teamprofilecards-office-text {
    color: rgba(28,43,49,.70) !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
}

/* =========================================================
   QUICKLINKS ALS MODERNE ICON-KACHELN
   ohne FontAwesome-Abhängigkeit
   ========================================================= */

.teamprofilecards-quicklinks-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
}

.teamprofilecards-quicklink {
    min-height: 66px !important;
    padding: 8px 6px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;

    border: 1px solid rgba(28,43,49,.14) !important;
    background: rgba(255,255,255,.22) !important;

    color: rgba(28,43,49,.66) !important;
    text-align: center !important;
    text-decoration: none !important;

    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

.teamprofilecards-quicklink::before {
    content: "◆";
    display: block;

    color: var(--tpc-dark);
    font-size: 15px;
    line-height: 1;
}

.teamprofilecards-quicklink[href*="rules"]::before,
.teamprofilecards-quicklink[href*="regeln"]::before {
    content: "§";
}

.teamprofilecards-quicklink[href*="private"]::before {
    content: "✉";
}

.teamprofilecards-quicklink[href*="memberlist"]::before {
    content: "◎";
}

.teamprofilecards-quicklink[href*="showteam"]::before {
    content: "◆";
}

.teamprofilecards-quicklink[href*="search"]::before {
    content: "⌕";
}

.teamprofilecards-quicklink[href*="forumdisplay"]::before {
    content: "▤";
}

.teamprofilecards-quicklink:hover {
    border-color: rgba(115,44,38,.34) !important;
    background: rgba(115,44,38,.065) !important;
    color: var(--tpc-brick) !important;
    transform: translateY(-1px);
}

.teamprofilecards-quicklink:hover::before {
    color: var(--tpc-brick);
}

/* =========================================================
   INDEX TEAMSTATUS
   ========================================================= */

.teamprofilecards-index-online {
    margin: 18px 0 !important;
}

.teamprofilecards-index-online-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 8px !important;
}

.teamprofilecards-index-online-user {
    padding: 8px !important;

    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;

    border: 1px solid rgba(28,43,49,.12) !important;
    background: rgba(255,255,255,.22) !important;
}

.teamprofilecards-index-online-user .teamprofilecards-avatar {
    width: 46px !important;
    height: 46px !important;

    outline-offset: 2px;
    box-shadow: 5px 5px 0 rgba(28,43,49,.08) !important;
}

.teamprofilecards-index-online-body {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

.teamprofilecards-index-online-body strong,
.teamprofilecards-index-online-body em {
    color: var(--tpc-dark) !important;
    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.teamprofilecards-index-online-character,
.teamprofilecards-index-online-lastactive,
.teamprofilecards-index-online-body span {
    color: rgba(28,43,49,.54) !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width: 980px) {
    .teamprofilecards-topbox {
        grid-template-columns: 1fr 1fr !important;
    }

    .teamprofilecards-quicklinks {
        grid-column: 1 / -1 !important;
    }

    .teamprofilecards-quicklinks-list {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .teamprofilecards-maintext {
        grid-template-columns: 1fr !important;
    }
}

@media screen and (max-width: 760px) {
    .teamprofilecards-card {
        grid-template-columns: 1fr !important;
    }

    .teamprofilecards-media {
        min-height: 190px;
        border-right: 0 !important;
        border-bottom: 1px solid var(--tpc-line-strong) !important;
    }

    .teamprofilecards-avatar {
        width: 118px !important;
        height: 150px !important;
    }

    .teamprofilecards-card-head {
        grid-template-columns: 1fr !important;
    }

    .teamprofilecards-sidefacts {
        justify-content: flex-start !important;
    }

    .teamprofilecards-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .teamprofilecards-stat {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(28,43,49,.10) !important;
    }
}

@media screen and (max-width: 560px) {
    .teamprofilecards-topbox {
        grid-template-columns: 1fr !important;
    }

    .teamprofilecards-quicklinks {
        grid-column: auto !important;
    }

    .teamprofilecards-quicklinks-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .teamprofilecards-body {
        padding: 15px !important;
    }

    .teamprofilecards-card::after {
        display: none !important;
    }
}
/* =========================================================
   TEAM PROFILE CARDS — Breite + Stats-Korrektur
   ganz ans Ende der CSS setzen
   ========================================================= */

/* Karte soll die volle verfügbare Tabellen-/Forumweite nutzen */

.teamprofilecards-table-cell,
.teamprofilecards-table-cell > *,
.teamprofilecards-card {
    width: 100% !important;
    max-width: none !important;
}

.teamprofilecards-table-cell {
    padding: 0 !important;
}

/* Falls MyBB innen noch alte Tabellenabstände erzeugt */

.teamprofilecards-table-cell .teamprofilecards-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Karte breiter wirken lassen, Bildbereich etwas kompakter */

.teamprofilecards-card {
    grid-template-columns: 190px minmax(0, 1fr) !important;
    min-height: 215px !important;
}

/* rechte Inhaltsseite darf wirklich wachsen */

.teamprofilecards-body {
    min-width: 0 !important;
    width: 100% !important;
}

/* Kopfzeile oben rechts bündiger */

.teamprofilecards-card-head {
    grid-template-columns: minmax(0, 1fr) max-content !important;
}

/* Bildspalte etwas schlanker, dadurch mehr Platz rechts */

.teamprofilecards-media {
    min-width: 0 !important;
    padding: 16px !important;
}

.teamprofilecards-avatar {
    width: 126px !important;
    height: 162px !important;
}

/* =========================================================
   STATS: nicht mehr so wuchtig
   ========================================================= */

/* Statt 5 gleich schmalen Zellen:
   Beiträge / Themen / Reputation schmal,
   Dabei seit und Zuletzt online breiter.
*/

.teamprofilecards-stats {
    width: 100% !important;

    display: grid !important;
    grid-template-columns:
        minmax(72px, .55fr)
        minmax(72px, .55fr)
        minmax(82px, .65fr)
        minmax(118px, .95fr)
        minmax(130px, 1.05fr) !important;

    border: 1px solid rgba(28,43,49,.12) !important;
    background: rgba(255,255,255,.20) !important;
}

/* Zellen flacher und ruhiger */

.teamprofilecards-stat {
    min-height: 44px !important;
    padding: 7px 9px !important;

    justify-content: center !important;

    overflow: hidden !important;

    font-size: 7px !important;
    letter-spacing: .12em !important;
    line-height: 1.2 !important;
}

/* Zahlen / Datumswerte weniger fett und kleiner */

.teamprofilecards-stat strong {
    margin-bottom: 3px !important;

    color: var(--tpc-dark) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: .02em !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* Letzte Aktivität darf umbrechen, aber kontrolliert und kleiner */

.teamprofilecards-stat:last-child strong {
    font-size: 12px !important;
    line-height: 1.08 !important;
    letter-spacing: .015em !important;
}

/* Datumszellen ebenfalls ruhiger */

.teamprofilecards-stat:nth-child(4) strong,
.teamprofilecards-stat:nth-child(5) strong {
    font-size: 12px !important;
    line-height: 1.12 !important;
}

/* Label darunter kleiner */

.teamprofilecards-stat span {
    display: block !important;
    color: rgba(28,43,49,.48) !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
}

/* =========================================================
   Button nicht unter die Stats quetschen
   ========================================================= */

.teamprofilecards-actions {
    margin-top: -2px !important;
}

/* =========================================================
   TEAM FILE Wasserzeichen weniger dominant und weiter rechts
   ========================================================= */

.teamprofilecards-card::after {
    right: 18px !important;
    bottom: 8px !important;

    font-size: 30px !important;
    letter-spacing: .14em !important;

    color: rgba(28,43,49,.045) !important;
}

/* =========================================================
   Responsive Korrektur
   ========================================================= */

@media screen and (max-width: 900px) {
    .teamprofilecards-card {
        grid-template-columns: 170px minmax(0, 1fr) !important;
    }

    .teamprofilecards-avatar {
        width: 112px !important;
        height: 148px !important;
    }

    .teamprofilecards-stats {
        grid-template-columns:
            repeat(3, minmax(70px, 1fr))
            repeat(2, minmax(120px, 1.2fr)) !important;
    }
}

@media screen and (max-width: 760px) {
    .teamprofilecards-card {
        grid-template-columns: 1fr !important;
    }

    .teamprofilecards-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .teamprofilecards-stat {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(28,43,49,.10) !important;
    }
}