/* =========================================================HSB PULSEHUB V3 LIGHTDatei: /images/hsb_pulsehub_v3_light.cssZweck: PulseHub + obere Iconleiste für das helle Miami-DesignEinbau im hellen Style.========================================================= */

/* ---------------------------------------------------------

Obere Iconleiste: alles gleiche Größe--------------------------------------------------------- */

.hsb_topbar_v30 {overflow: visible !important;}

.hsb_toplinks_v30.hsb_toplinks_v35,.hsb_toplinks_v35 {min-height: 32px !important;display: flex !important;align-items: center !important;justify-content: flex-end !important;gap: 7px !important;}

.hsb_member_icons_v6,.hsb_staff_links_v35 {height: 28px !important;display: inline-flex !important;align-items: center !important;gap: 6px !important;vertical-align: middle !important;}

.hsb_iconlink_v35,.hsb_pulse_top_v30,.hsb_pulse_top_v35,.hsb_alert_icon_v30,.hsb_alert_icon_v35,.hsb_alert_icon_v30 > a,.hsb_alert_icon_v35 > a,.hsb_alert_icon_v30 span,.hsb_alert_icon_v35 span,.hsb_staff_links_v35 a,.hsb_toplinks_v35 > a,.hsb_guest_login_v6,.hsb_guest_register_v6 {width: 28px !important;height: 28px !important;min-width: 28px !important;min-height: 28px !important;max-width: 28px !important;max-height: 28px !important;padding: 0 !important;margin: 0 !important;border-radius: 10px !important;border: 1px solid rgba(232, 142, 150, .26) !important;background:radial-gradient(circle at 50% 0%, rgba(255, 196, 202, .32), transparent 58%),rgba(255, 250, 247, .88) !important;color: #d8757d !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;line-height: 1 !important;text-decoration: none !important;box-shadow:0 8px 18px rgba(174, 99, 105, .08),inset 0 0 0 1px rgba(255, 255, 255, .72) !important;position: relative !important;overflow: visible !important;vertical-align: middle !important;font-size: 0 !important;}

.hsb_iconlink_v35,.hsb_pulse_top_v35,.hsb_alert_icon_v35,.hsb_staff_links_v35 a {border-color: rgba(232, 142, 150, .42) !important;background:radial-gradient(circle at 50% 0%, rgba(255, 196, 202, .46), transparent 58%),rgba(255, 245, 241, .96) !important;}

.hsb_iconlink_v35 i,.hsb_pulse_top_v30 i,.hsb_pulse_top_v35 i,.hsb_alert_icon_v30 i,.hsb_alert_icon_v35 i,.hsb_alert_icon_v30 svg,.hsb_alert_icon_v35 svg,.hsb_staff_links_v35 a i,.hsb_toplinks_v35 > a i {width: auto !important;height: auto !important;margin: 0 !important;padding: 0 !important;color: #d8757d !important;font-size: 12px !important;line-height: 1 !important;display: block !important;}

.hsb_alert_icon_v30 *,.hsb_alert_icon_v35 * {line-height: 1 !important;}

.hsb_iconlink_v35 b,.hsb_pulse_top_v35 .pulse-menu-badge,.pulse-menu-badge,.hsb_alert_icon_v35 b,.hsb_alert_icon_v35 .unreadAlerts,.hsb_alert_icon_v35 .alerts {position: absolute !important;top: -6px !important;right: -6px !important;min-width: 16px !important;height: 16px !important;padding: 0 4px !important;border-radius: 999px !important;background: #ef8f99 !important;color: #fffaf7 !important;border: 1px solid rgba(255, 255, 255, .90) !important;font-size: 8px !important;font-weight: 900 !important;line-height: 14px !important;text-align: center !important;box-shadow: 0 6px 12px rgba(174, 99, 105, .20) !important;}

/* Suche oben */.hsb_search_v30.hsb_search_v35,.hsb_search_v35 {height: 28px !important;min-height: 28px !important;margin: 0 0 0 8px !important;padding: 0 !important;display: inline-grid !important;grid-template-columns: 150px 28px !important;align-items: center !important;border-radius: 999px !important;border: 1px solid rgba(232, 142, 150, .26) !important;background: rgba(255, 250, 247, .90) !important;overflow: hidden !important;box-shadow: 0 8px 18px rgba(174, 99, 105, .08) !important;}

.hsb_search_v35 input {width: 150px !important;height: 28px !important;min-height: 28px !important;padding: 0 12px !important;border: 0 !important;background: transparent !important;color: #6f6263 !important;font-size: 10px !important;line-height: 28px !important;}

.hsb_search_v35 input::placeholder {color: rgba(111, 98, 99, .48) !important;}

.hsb_search_v35 button {width: 28px !important;height: 28px !important;min-height: 28px !important;margin: 0 !important;padding: 0 !important;border: 0 !important;background: rgba(255, 228, 226, .72) !important;color: #d8757d !important;display: flex !important;align-items: center !important;justify-content: center !important;}

.hsb_search_v35 button i {font-size: 11px !important;line-height: 1 !important;}

/* ---------------------------------------------------------2. PulseHub Light Layout--------------------------------------------------------- */

.hsb_nightdash,.hsb_mobilebar_v3,.hsb_mobilebar_v4,.hsb_mobilebar_v5 {display: none !important;}

.hsb_pulsehub_v2,.hsb_pulsehub_v2 * {box-sizing: border-box;}

.hsb_pulsehub_v2 {--ph-bg: #fff7f2;--ph-card: rgba(255, 250, 247, .92);--ph-card2: rgba(255, 246, 242, .96);--ph-line: rgba(232, 142, 150, .24);--ph-line-soft: rgba(232, 142, 150, .14);--ph-pink: #e88791;--ph-pink2: #d8757d;--ph-coral: #e99486;--ph-mint: #79aaa3;--ph-text: #4f4446;--ph-muted: rgba(79, 68, 70, .58);--ph-shadow: 0 20px 54px rgba(174, 99, 105, .12);width: min(1020px, calc(100% - 34px));margin: 16px auto 14px;padding: 14px;display: grid !important;grid-template-columns: 245px minmax(0, 1fr);gap: 14px;border-radius: 24px;border: 1px solid var(--ph-line);/* background:radial-gradient(circle at 0% 0%, rgba(255, 196, 202, .34), transparent 32%),radial-gradient(circle at 100% 0%, rgba(138, 200, 192, .18), transparent 34%),linear-gradient(135deg, rgba(255, 250, 247, .92), rgba(255, 238, 235, .82)),url(/images/miami/15m.png) center center / cover no-repeat; */box-shadow:var(--ph-shadow),inset 0 0 0 1px rgba(255, 255, 255, .72);position: relative;overflow: hidden;color: var(--ph-text);}

.hsb_pulsehub_v2::before {content: "";position: absolute;inset: 0;background:linear-gradient(90deg, rgba(255, 250, 247, .76), rgba(255, 250, 247, .54)),radial-gradient(circle at 50% 100%, rgba(255, 196, 202, .18), transparent 42%);pointer-events: none;}

.hsb_pulsehub_v2 > * {position: relative;z-index: 2;}

/* links */.hsb_ph_profile {min-height: 300px;padding: 18px;border-radius: 20px;border: 1px solid var(--ph-line);background: radial-gradient(circle at 100% 0%, rgb(218 228 228), transparent 38%), linear-gradient(269deg, rgb(255 253 249), rgb(255 254 252));box-shadow: 0 16px 38px rgba(174, 99, 105, .10);display: flex;flex-direction: column;gap: 13px;}

.hsb_ph_user {min-height: 58px;padding: 7px;display: grid;grid-template-columns: 42px minmax(0, 1fr);gap: 10px;align-items: center;border-radius: 999px;border: 1px solid rgba(232, 142, 150, .24);background: rgba(255, 255, 255, .68);text-decoration: none !important;box-shadow: 0 10px 22px rgba(174, 99, 105, .08);}

.hsb_ph_avatar {width: 42px;height: 42px;padding: 3px;border-radius: 999px;border: 1px solid rgba(232, 142, 150, .30);background: linear-gradient(135deg, rgba(255, 196, 202, .48), rgba(138, 200, 192, .24));}

.hsb_ph_avatar img {width: 100%;height: 100%;display: block;border-radius: 999px;object-fit: cover;}

.hsb_ph_usertext {min-width: 0;display: grid;gap: 1px;}

.hsb_ph_usertext small {color: rgba(79, 68, 70, .45);font-size: 6px;font-weight: 900;letter-spacing: .16em;text-transform: uppercase;}

.hsb_ph_usertext b {color: var(--ph-mint);font-size: 13px;line-height: 1.1;font-family: Georgia, "Times New Roman", serif;font-weight: 700;}

.hsb_ph_usertext em {color: rgba(79, 68, 70, .48);font-size: 7px;font-style: normal;}

.hsb_ph_brand {margin-top: 3px;color: var(--ph-pink2);font-family: "Allura", cursive;font-size: 33px;line-height: .82;text-shadow:0 0 10px rgba(255, 196, 202, .42),0 0 22px rgba(255, 196, 202, .20);}

.hsb_ph_profile p {margin: 0;color: rgba(79, 68, 70, .66);font-size: 10px;line-height: 1.65;}

.hsb_ph_buttons {display: flex;gap: 8px;flex-wrap: wrap;}

.hsb_ph_buttons a,.hsb_ph_buttons button,.hsb_ph_more {min-height: 29px;padding: 0 12px;border-radius: 999px;border: 1px solid rgba(232, 142, 150, .24);background: rgba(255, 255, 255, .62);color: #d8757d !important;text-decoration: none !important;display: inline-flex;align-items: center;justify-content: center;font-size: 6.5px;font-weight: 900;letter-spacing: .13em;text-transform: uppercase;cursor: pointer;font-family: inherit;}

.hsb_ph_buttons button,.hsb_ph_buttons a {background: linear-gradient(135deg, #ef8f99, #e99486) !important;color: #fff !important;box-shadow: 0 10px 22px rgba(232, 142, 150, .20);}

.hsb_ph_account {margin-top: auto;padding: 9px;border-radius: 14px;border: 1px solid rgba(232, 142, 150, .18);background: rgba(255, 255, 255, .50);}

.hsb_ph_account > span {display: block;margin-bottom: 6px;color: rgba(79, 68, 70, .42);font-size: 5.8px;font-weight: 900;letter-spacing: .14em;text-transform: uppercase;}

.hsb_ph_account_inner,.hsb_ph_account_inner * {max-width: 100%;}

/* rechts */.hsb_ph_main {min-width: 0;display: grid;grid-template-rows: auto minmax(0, 1fr);gap: 13px;}

.hsb_ph_apps {padding: 13px;border-radius: 20px;border: 1px solid var(--ph-line);background:linear-gradient(180deg, rgba(255, 228, 226, .50), rgba(255, 250, 247, .88)),rgba(255, 250, 247, .86);box-shadow: 0 16px 38px rgba(174, 99, 105, .10);display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));gap: 8px;}

.hsb_ph_apps button,.hsb_ph_apps a {min-height: 56px;padding: 8px 4px;border-radius: 14px;border: 1px solid rgba(232, 142, 150, .20);background:radial-gradient(circle at 50% 0%, rgba(255, 196, 202, .30), transparent 52%),rgba(255, 255, 255, .62);color: rgba(79, 68, 70, .70) !important;text-decoration: none !important;display: grid;place-items: center;gap: 5px;transition: .16s ease;cursor: pointer;font-family: inherit;position: relative;box-shadow: 0 8px 18px rgba(174, 99, 105, .07);}

.hsb_ph_apps button,.hsb_ph_apps a {transform: translateY(-2px);border-color: rgba(232, 142, 150, .38);background:radial-gradient(circle at 50% 0%, rgba(255, 196, 202, .44), transparent 54%),rgba(255, 247, 244, .96);}

.hsb_ph_apps i {color: var(--ph-pink2);font-size: 15px;}

.hsb_ph_apps span {color: rgba(79, 68, 70, .62);font-size: 5.8px;font-weight: 900;letter-spacing: .08em;text-transform: uppercase;text-align: center;}

.hsb_ph_apps em {position: absolute;top: -5px;right: -5px;min-width: 15px;height: 15px;padding: 0 4px;border-radius: 999px;background: #ef8f99;color: #fffaf7;border: 1px solid rgba(255, 255, 255, .85);font-size: 7px;font-weight: 900;line-height: 13px;text-align: center;font-style: normal;box-shadow: 0 6px 12px rgba(174, 99, 105, .18);}

.hsb_ph_cards {display: grid;grid-template-columns: 1fr 1fr 1.15fr;gap: 13px;}

.hsb_ph_card {min-height: 188px;padding: 14px;border-radius: 20px;border: 1px solid var(--ph-line);background: #fffdf9;box-shadow: 0 16px 38px rgba(174, 99, 105, .10);display: flex;flex-direction: column;min-width: 0;}

.hsb_ph_card h3 {margin: 0 0 11px;min-height: 22px;display: flex;align-items: center;gap: 8px;color: var(--ph-pink2);font-size: 8.5px;font-weight: 900;letter-spacing: .16em;text-transform: uppercase;}

.hsb_ph_card h3 i {width: 22px;height: 22px;border-radius: 999px;background: rgba(255, 228, 226, .78);color: var(--ph-pink2);display: flex;align-items: center;justify-content: center;font-size: 9px;}

.hsb_ph_people,.hsb_ph_latest_list {max-height: 125px;overflow: auto;padding-right: 4px;display: grid;gap: 7px;}

.hsb_ph_people::-webkit-scrollbar,.hsb_ph_latest_list::-webkit-scrollbar {width: 5px;}

.hsb_ph_people::-webkit-scrollbar-thumb,.hsb_ph_latest_list::-webkit-scrollbar-thumb {border-radius: 999px;background: rgba(232, 142, 150, .28);}

.hsb_ph_people a,.hsb_ph_latest_list a {min-height: 37px;padding: 6px;border-radius: 13px;border: 1px solid rgba(232, 142, 150, .14);background: rgba(255, 255, 255, .56);display: grid;grid-template-columns: 28px minmax(0, 1fr);gap: 8px;align-items: center;text-decoration: none !important;}

.hsb_ph_people img,.hsb_ph_latest_list img {width: 28px;height: 28px;border-radius: 999px;object-fit: cover;border: 1px solid rgba(232, 142, 150, .24);}

.hsb_ph_people span,.hsb_ph_latest_list span {min-width: 0;display: grid;gap: 1px;}

.hsb_ph_people b,.hsb_ph_latest_list b {max-width: 100%;color: #d8757d;font-size: 8.5px;font-weight: 900;line-height: 1.15;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.hsb_ph_people em,.hsb_ph_latest_list em {max-width: 100%;color: rgba(79, 68, 70, .48);font-size: 6.5px;font-style: normal;line-height: 1.15;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.hsb_ph_empty,.hsb_v31_empty {margin: 0;padding: 12px;border-radius: 13px;border: 1px solid rgba(232, 142, 150, .14);background: rgba(255, 255, 255, .56);color: rgba(79, 68, 70, .48);font-size: 9px;line-height: 1.55;}

.hsb_ph_more {margin-top: auto;width: 100%;min-height: 27px;}

.hsb_ph_quicklinks {display: grid;gap: 8px;}

.hsb_ph_quicklinks a {min-height: 31px;padding: 6px 9px;border-radius: 999px;border: 1px solid rgba(232, 142, 150, .16);background: rgba(255, 255, 255, .56);display: grid;grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);align-items: center;gap: 9px;text-decoration: none !important;}

.hsb_ph_quicklinks b {color: var(--ph-pink2);font-size: 9px;text-transform: lowercase;}

.hsb_ph_quicklinks span {color: rgba(79, 68, 70, .46);font-size: 5.8px;font-weight: 900;letter-spacing: .09em;text-transform: uppercase;text-align: right;}

/* Warnbalken darunter heller */.bbclosedwarning,#bbclosedwarning {width: min(1020px, calc(100% - 34px)) !important;min-height: 28px !important;margin: 8px auto !important;padding: 6px 14px !important;border-radius: 999px !important;border: 1px solid rgba(232, 142, 150, .24) !important;background:linear-gradient(90deg, rgba(255, 228, 226, .76), rgba(255, 250, 247, .92), rgba(138, 200, 192, .12)) !important;color: rgba(79, 68, 70, .64) !important;box-shadow: 0 12px 26px rgba(174, 99, 105, .08) !important;text-align: center !important;font-size: 9px !important;}

/* gelbe Whitelist ruhiger /div[style="yellow"],div[style*="#ffff"],div[style*="#fff7"],div[style*="#fff5"],div[style*="#fffa"] {border-color: rgba(232, 179, 102, .35) !important;background:linear-gradient(90deg, rgba(255, 236, 180, .55), rgba(255, 250, 247, .92)) !important;color: rgba(116, 87, 52, .82) !important;}

/* responsive */@media (max-width: 950px) {.hsb_pulsehub_v2 {grid-template-columns: 1fr;}

.hsb_ph_profile {min-height: auto;}

.hsb_ph_cards {grid-template-columns: 1fr;}}

@media (max-width: 700px) {.hsb_ph_apps {grid-template-columns: repeat(4, minmax(0, 1fr));}}

@media (max-width: 420px) {.hsb_ph_apps {grid-template-columns: repeat(2, minmax(0, 1fr));}}

/* =========================================================HSB PulseHub Light – PulsePad Open FixSetzt Links in der App-Leiste optisch wie Buttons.Unten in hsb_pulsehub_v3_light.css ergänzen.========================================================= */

.hsb_ph_apps a,.hsb_ph_buttons a {cursor: pointer !important;font-family: inherit !important;}

/* Sicherheitsfix: falls alte Button-Regeln stärker greifen */.hsb_ph_apps a[data-pulse-jump] {min-height: 56px !important;padding: 8px 4px !important;border-radius: 14px !important;border: 1px solid rgba(232, 142, 150, .20) !important;background:radial-gradient(circle at 50% 0%, rgba(255, 196, 202, .30), transparent 52%),rgba(255, 255, 255, .62) !important;color: rgba(79, 68, 70, .70) !important;text-decoration: none !important;display: grid !important;place-items: center !important;gap: 5px !important;transition: .16s ease !important;position: relative !important;}

.hsb_ph_apps a[data-pulse-jump] {transform: translateY(-2px) !important;border-color: rgba(232, 142, 150, .38) !important;background:radial-gradient(circle at 50% 0%, rgba(255, 196, 202, .44), transparent 54%),rgba(255, 247, 244, .96) !important;}

.hsb_ph_apps a[data-pulse-jump] i {color: #d8757d !important;font-size: 15px !important;}

.hsb_ph_apps a[data-pulse-jump] span {color: rgba(79, 68, 70, .62) !important;font-size: 5.8px !important;font-weight: 900 !important;letter-spacing: .08em !important;text-transform: uppercase !important;text-align: center !important;}

.hsb_ph_apps a[data-pulse-jump] em {position: absolute !important;top: -5px !important;right: -5px !important;min-width: 15px !important;height: 15px !important;padding: 0 4px !important;border-radius: 999px !important;background: #ef8f99 !important;color: #fffaf7 !important;border: 1px solid rgba(255, 255, 255, .85) !important;font-size: 7px !important;font-weight: 900 !important;line-height: 13px !important;text-align: center !important;font-style: normal !important;box-shadow: 0 6px 12px rgba(174, 99, 105, .18) !important;}/* =========================================================HSB PulsePad Overlay Rescue CSSUnten in hsb_pulsehub_v3_light.css ergänzen.Sorgt dafür, dass das Overlay sichtbar wird, wenn JS active setzt.========================================================= */

.pulse-overlay[data-pulse-overlay] {position: fixed !important;inset: 0 !important;z-index: 999999 !important;display: none;align-items: center !important;justify-content: center !important;padding: 24px !important;background: rgba(9, 2, 15, .62) !important;backdrop-filter: blur(7px);}

.pulse-overlay[data-pulse-overlay].active,.pulse-overlay[data-pulse-overlay].open,.pulse-overlay[data-pulse-overlay].is-open,.pulse-overlay[data-pulse-overlay].visible {display: flex !important;visibility: visible !important;opacity: 1 !important;pointer-events: auto !important;}

.pulse-overlay[data-pulse-overlay] .pulse-pad {max-width: min(980px, calc(100vw - 36px)) !important;max-height: calc(100vh - 36px) !important;position: relative !important;z-index: 1000000 !important;}

.pulse-close[data-pulse-close] {cursor: pointer !important;z-index: 1000001 !important;}/* =========================================================CP Team kompakt – Miami LightMacht die Team-Mitglieder kleiner, damit mehrere sofort sichtbar sind.Unten in dein Stylesheet einfügen.========================================================= */

/* Falls dein Team-Block einen eigenen Wrapper hat, bekommt er eine kompakte Liste */.cp_team,.cp_team_list,.cp_team_wrap,.cp_team_online,.hsb_ph_team_list,.hsb_ph_team_online {display: grid !important;gap: 6px !important;}

/* Ein einzelnes Teammitglied */.cp_team_item {min-height: 42px !important;padding: 7px 9px !important;margin: 0 !important;display: grid !important;grid-template-columns: 34px minmax(0, 1fr) !important;gap: 8px !important;align-items: center !important;

border-radius: 15px !important;border: 1px solid rgba(226, 139, 146, .20) !important;background:linear-gradient(135deg, rgba(255,255,255,.74), rgba(255, 241, 238, .82)) !important;box-shadow: 0 8px 18px rgba(175, 103, 110, .07) !important;}

/* Avatar kleiner */.cp_team_avatar {width: 34px !important;height: 34px !important;min-width: 34px !important;border-radius: 999px !important;overflow: hidden !important;display: block !important;border: 1px solid rgba(121, 170, 163, .28) !important;background: rgba(255,250,247,.78) !important;box-shadow: 0 5px 10px rgba(175, 103, 110, .10) !important;}

.cp_team_avatar img,.cp_team_avatar .avatar {width: 100% !important;height: 100% !important;max-width: none !important;max-height: none !important;object-fit: cover !important;object-position: center top !important;border-radius: 999px !important;display: block !important;}

/* Text kompakter */.cp_team_info {min-width: 0 !important;display: grid !important;gap: 1px !important;line-height: 1.15 !important;text-align: left !important;}

.cp_team_name {color: #69a79f !important;font-size: 9px !important;line-height: 1.05 !important;font-weight: 900 !important;letter-spacing: .05em !important;text-transform: uppercase !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}

.cp_team_char {color: #d8757d !important;font-size: 7px !important;line-height: 1.15 !important;font-weight: 800 !important;letter-spacing: .04em !important;text-transform: lowercase !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}

.cp_team_last {color: rgba(85, 72, 74, .56) !important;font-size: 6.5px !important;line-height: 1.15 !important;font-weight: 700 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}

/* Wenn der Block im PulseHub zu hoch läuft, bleibt er scroll-bar, aber schön */.hsb_ph_team_list,.hsb_ph_team_online,.cp_team_scroll {max-height: 150px !important;overflow: auto !important;padding-right: 4px !important;scrollbar-width: thin !important;scrollbar-color: rgba(216, 117, 125, .32) transparent !important;}

.hsb_ph_team_list::-webkit-scrollbar,.hsb_ph_team_online::-webkit-scrollbar,.cp_team_scroll::-webkit-scrollbar {width: 5px !important;}

.hsb_ph_team_list::-webkit-scrollbar-thumb,.hsb_ph_team_online::-webkit-scrollbar-thumb,.cp_team_scroll::-webkit-scrollbar-thumb {border-radius: 999px !important;background: rgba(216, 117, 125, .32) !important;}

/* Optional: Noch kompakter auf sehr engen Cards */@media (max-width: 800px) {.cp_team_item {grid-template-columns: 30px minmax(0, 1fr) !important;min-height: 38px !important;padding: 6px 8px !important;}

.cp_team_avatar {width: 30px !important;height: 30px !important;min-width: 30px !important;}}/* =========================================================CP Team kompakt – Miami LightMacht die Team-Mitglieder kleiner, damit mehrere sofort sichtbar sind.Unten in dein Stylesheet einfügen.========================================================= */

/* Falls dein Team-Block einen eigenen Wrapper hat, bekommt er eine kompakte Liste */.cp_team,.cp_team_list,.cp_team_wrap,.cp_team_online,.hsb_ph_team_list,.hsb_ph_team_online {display: grid !important;gap: 6px !important;}

/* Ein einzelnes Teammitglied */.cp_team_item {min-height: 42px !important;padding: 7px 9px !important;margin: 0 !important;display: grid !important;grid-template-columns: 34px minmax(0, 1fr) !important;gap: 8px !important;align-items: center !important;

border-radius: 15px !important;border: 1px solid rgba(226, 139, 146, .20) !important;background:linear-gradient(135deg, rgba(255,255,255,.74), rgba(255, 241, 238, .82)) !important;box-shadow: 0 8px 18px rgba(175, 103, 110, .07) !important;}

/* Avatar kleiner */.cp_team_avatar {width: 34px !important;height: 34px !important;min-width: 34px !important;border-radius: 999px !important;overflow: hidden !important;display: block !important;border: 1px solid rgba(121, 170, 163, .28) !important;background: rgba(255,250,247,.78) !important;box-shadow: 0 5px 10px rgba(175, 103, 110, .10) !important;}

.cp_team_avatar img,.cp_team_avatar .avatar {width: 100% !important;height: 100% !important;max-width: none !important;max-height: none !important;object-fit: cover !important;object-position: center top !important;border-radius: 999px !important;display: block !important;}

/* Text kompakter */.cp_team_info {min-width: 0 !important;display: grid !important;gap: 1px !important;line-height: 1.15 !important;text-align: left !important;}

.cp_team_name {color: #69a79f !important;font-size: 9px !important;line-height: 1.05 !important;font-weight: 900 !important;letter-spacing: .05em !important;text-transform: uppercase !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}

.cp_team_char {color: #d8757d !important;font-size: 7px !important;line-height: 1.15 !important;font-weight: 800 !important;letter-spacing: .04em !important;text-transform: lowercase !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}

.cp_team_last {color: rgba(85, 72, 74, .56) !important;font-size: 6.5px !important;line-height: 1.15 !important;font-weight: 700 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}

/* Wenn der Block im PulseHub zu hoch läuft, bleibt er scroll-bar, aber schön */.hsb_ph_team_list,.hsb_ph_team_online,.cp_team_scroll {max-height: 150px !important;overflow: auto !important;padding-right: 4px !important;scrollbar-width: thin !important;scrollbar-color: rgba(216, 117, 125, .32) transparent !important;}

.hsb_ph_team_list::-webkit-scrollbar,.hsb_ph_team_online::-webkit-scrollbar,.cp_team_scroll::-webkit-scrollbar {width: 5px !important;}

.hsb_ph_team_list::-webkit-scrollbar-thumb,.hsb_ph_team_online::-webkit-scrollbar-thumb,.cp_team_scroll::-webkit-scrollbar-thumb {border-radius: 999px !important;background: rgba(216, 117, 125, .32) !important;}

/* Optional: Noch kompakter auf sehr engen Cards */@media (max-width: 800px) {.cp_team_item {grid-template-columns: 30px minmax(0, 1fr) !important;min-height: 38px !important;padding: 6px 8px !important;}

.cp_team_avatar {width: 30px !important;height: 30px !important;min-width: 30px !important;}}/* =========================================================CP Team Name Wrap FixNach dem bisherigen cp_team_kompakt_fix.css einfügen.Fix: Namen werden nicht mehr abgeschnitten.========================================================= */

.cp_team_item {grid-template-columns: 28px minmax(0, 1fr) !important;gap: 7px !important;min-height: 44px !important;padding: 6px 8px !important;}

.cp_team_avatar {width: 28px !important;height: 28px !important;min-width: 28px !important;}

.cp_team_name {font-size: 7px !important;line-height: 1.15 !important;letter-spacing: .03em !important;

white-space: normal !important;overflow: visible !important;text-overflow: clip !important;

display: block !important;max-height: none !important;word-break: normal !important;overflow-wrap: anywhere !important;}

.cp_team_char {font-size: 6.2px !important;line-height: 1.1 !important;letter-spacing: .02em !important;

white-space: normal !important;overflow: visible !important;text-overflow: clip !important;}

.cp_team_last {font-size: 5.8px !important;line-height: 1.1 !important;}

/* Für die kleine PulseHub-Box extra eng */.hsb_ph_team_list .cp_team_item,.hsb_ph_team_online .cp_team_item {grid-template-columns: 26px minmax(0, 1fr) !important;gap: 6px !important;min-height: 42px !important;padding: 6px 7px !important;}

.hsb_ph_team_list .cp_team_avatar,.hsb_ph_team_online .cp_team_avatar {width: 26px !important;height: 26px !important;min-width: 26px !important;}

.hsb_ph_team_list .cp_team_name,.hsb_ph_team_online .cp_team_name {font-size: 6.4px !important;letter-spacing: .02em !important;}

.hsb_ph_team_list .cp_team_char,.hsb_ph_team_online .cp_team_char {font-size: 5.8px !important;}

.hsb_ph_team_list .cp_team_last,.hsb_ph_team_online .cp_team_last {font-size: 5.4px !important;}/* =========================================================CP Team FINAL Mini Readable FixGanz unten ins Stylesheet setzen.Dieser Fix überschreibt die vorherigen Team-Fixes.

Ziel:

Name wieder klein und einzeilig

Text darunter lesbarer

mehrere Teammitglieder sofort sichtbar========================================================= */

.cp_team_item,.hsb_ph_team_list .cp_team_item,.hsb_ph_team_online .cp_team_item {min-height: 34px !important;max-height: 38px !important;padding: 5px 7px !important;margin: 0 0 5px 0 !important;

display: grid !important;grid-template-columns: 24px minmax(0, 1fr) !important;gap: 6px !important;align-items: center !important;

border-radius: 13px !important;border: 1px solid rgba(226, 139, 146, .22) !important;background: rgba(255, 250, 247, .72) !important;box-shadow: 0 5px 12px rgba(175, 103, 110, .06) !important;}

/* Avatar wirklich klein */.cp_team_avatar,.hsb_ph_team_list .cp_team_avatar,.hsb_ph_team_online .cp_team_avatar {width: 24px !important;height: 24px !important;min-width: 24px !important;max-width: 24px !important;min-height: 24px !important;max-height: 24px !important;

border-radius: 999px !important;overflow: hidden !important;display: block !important;

border: 1px solid rgba(121, 170, 163, .35) !important;background: rgba(255, 255, 255, .86) !important;box-shadow: none !important;}

.cp_team_avatar img,.cp_team_avatar .avatar,.hsb_ph_team_list .cp_team_avatar img,.hsb_ph_team_online .cp_team_avatar img {width: 24px !important;height: 24px !important;min-width: 24px !important;max-width: 24px !important;min-height: 24px !important;max-height: 24px !important;

object-fit: cover !important;object-position: center top !important;border-radius: 999px !important;display: block !important;}

/* Textblock kompakt */.cp_team_info,.hsb_ph_team_list .cp_team_info,.hsb_ph_team_online .cp_team_info {min-width: 0 !important;width: 100% !important;display: grid !important;gap: 0 !important;line-height: 1 !important;text-align: left !important;overflow: hidden !important;}

/* Name klein, einzeilig, nicht mehr riesig */.cp_team_name,.hsb_ph_team_list .cp_team_name,.hsb_ph_team_online .cp_team_name {color: #6aa9a2 !important;font-family: Verdana, Arial, sans-serif !important;font-size: 5.7px !important;line-height: 1.05 !important;font-weight: 900 !important;letter-spacing: 0 !important;text-transform: uppercase !important;

white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;

display: block !important;max-width: 100% !important;transform: none !important;}

/* Charakter/Unterzeile lesbarer */.cp_team_char,.hsb_ph_team_list .cp_team_char,.hsb_ph_team_online .cp_team_char {color: #c86f78 !important;font-family: Verdana, Arial, sans-serif !important;font-size: 5.6px !important;line-height: 1.15 !important;font-weight: 800 !important;letter-spacing: 0 !important;text-transform: none !important;

white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;

display: block !important;max-width: 100% !important;}

/* Letzter Besuch lesbarer, aber dezent */.cp_team_last,.hsb_ph_team_list .cp_team_last,.hsb_ph_team_online .cp_team_last {color: rgba(85, 72, 74, .72) !important;font-family: Verdana, Arial, sans-serif !important;font-size: 5.2px !important;line-height: 1.15 !important;font-weight: 700 !important;letter-spacing: 0 !important;

white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;

display: block !important;max-width: 100% !important;}

/* Team-Box etwas mehr Inhalt zeigen lassen */.hsb_ph_team_list,.hsb_ph_team_online,.cp_team_scroll {max-height: 132px !important;overflow: auto !important;padding-right: 3px !important;display: grid !important;gap: 4px !important;}

/* Falls vorher irgendwo große Links im Namen greifen */.cp_team_name a,.cp_team_char a,.cp_team_last a {color: inherit !important;font-size: inherit !important;line-height: inherit !important;font-weight: inherit !important;text-decoration: none !important;}

/* Sehr enge Boxen: noch minimal kleiner */@media (max-width: 900px) {.cp_team_item,.hsb_ph_team_list .cp_team_item,.hsb_ph_team_online .cp_team_item {grid-template-columns: 22px minmax(0, 1fr) !important;min-height: 32px !important;padding: 5px 6px !important;}

.cp_team_avatar,.cp_team_avatar img,.hsb_ph_team_list .cp_team_avatar,.hsb_ph_team_list .cp_team_avatar img,.hsb_ph_team_online .cp_team_avatar,.hsb_ph_team_online .cp_team_avatar img {width: 22px !important;height: 22px !important;min-width: 22px !important;max-width: 22px !important;min-height: 22px !important;max-height: 22px !important;}

.cp_team_name,.hsb_ph_team_list .cp_team_name,.hsb_ph_team_online .cp_team_name {font-size: 5.3px !important;}

.cp_team_char,.hsb_ph_team_list .cp_team_char,.hsb_ph_team_online .cp_team_char {font-size: 5.3px !important;}}/* =========================================================CP Team Balanced Size FixGanz unten ins Stylesheet setzen.Ãœberschreibt die vorherigen cp_team-Fixes.

Ziel:

nicht mehr riesig

nicht mehr winzig

Name lesbar

mehrere Teammitglieder sichtbar========================================================= */

.cp_team_item,.hsb_ph_team_list .cp_team_item,.hsb_ph_team_online .cp_team_item {min-height: 46px !important;max-height: 50px !important;padding: 7px 9px !important;margin: 0 0 6px 0 !important;

display: grid !important;grid-template-columns: 32px minmax(0, 1fr) !important;gap: 8px !important;align-items: center !important;

border-radius: 15px !important;border: 1px solid rgba(226, 139, 146, .22) !important;background: rgba(255, 250, 247, .78) !important;box-shadow: 0 6px 15px rgba(175, 103, 110, .07) !important;}

/* Avatar mittlere Größe */.cp_team_avatar,.hsb_ph_team_list .cp_team_avatar,.hsb_ph_team_online .cp_team_avatar {width: 32px !important;height: 32px !important;min-width: 32px !important;max-width: 32px !important;min-height: 32px !important;max-height: 32px !important;

border-radius: 999px !important;overflow: hidden !important;display: block !important;

border: 1px solid rgba(121, 170, 163, .38) !important;background: rgba(255, 255, 255, .90) !important;box-shadow: 0 5px 12px rgba(175, 103, 110, .08) !important;}

.cp_team_avatar img,.cp_team_avatar .avatar,.hsb_ph_team_list .cp_team_avatar img,.hsb_ph_team_online .cp_team_avatar img {width: 32px !important;height: 32px !important;min-width: 32px !important;max-width: 32px !important;min-height: 32px !important;max-height: 32px !important;

object-fit: cover !important;object-position: center top !important;border-radius: 999px !important;display: block !important;}

/* Textblock */.cp_team_info,.hsb_ph_team_list .cp_team_info,.hsb_ph_team_online .cp_team_info {min-width: 0 !important;width: 100% !important;display: grid !important;gap: 1px !important;line-height: 1.05 !important;text-align: left !important;overflow: hidden !important;}

/* Name: lesbar, aber nicht riesig */.cp_team_name,.hsb_ph_team_list .cp_team_name,.hsb_ph_team_online .cp_team_name {color: #63a39d !important;font-family: Verdana, Arial, sans-serif !important;font-size: 7.2px !important;line-height: 1.1 !important;font-weight: 900 !important;letter-spacing: .02em !important;text-transform: uppercase !important;

white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;

display: block !important;max-width: 100% !important;transform: none !important;}

/* Charakter/Unterzeile besser lesbar */.cp_team_char,.hsb_ph_team_list .cp_team_char,.hsb_ph_team_online .cp_team_char {color: #c86f78 !important;font-family: Verdana, Arial, sans-serif !important;font-size: 7.5px !important;line-height: 1.15 !important;font-weight: 800 !important;letter-spacing: 0 !important;text-transform: none !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;display: block !important;max-width: 100% !important;}

/* Letzter Besuch */.cp_team_last,.hsb_ph_team_list .cp_team_last,.hsb_ph_team_online .cp_team_last {color: rgba(85, 72, 74, .70) !important;font-family: Verdana, Arial, sans-serif !important;font-size: 6pt !important;line-height: 1.15 !important;font-weight: 700 !important;letter-spacing: 0 !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;display: block !important;max-width: 100% !important;margin-top: -14px;}

/* Links im Namen übernehmen exakt die Größen */.cp_team_name a,.cp_team_char a,.cp_team_last a {color: inherit !important;font-size: inherit !important;line-height: inherit !important;font-weight: inherit !important;text-decoration: none !important;margin-top: -13px;}

/* Team-Liste: genug Platz für mehrere Personen */.hsb_ph_team_list,.hsb_ph_team_online,.cp_team_scroll {max-height: 150px !important;overflow: auto !important;padding-right: 4px !important;display: grid !important;gap: 5px !important;scrollbar-width: thin !important;scrollbar-color: rgba(216, 117, 125, .32) transparent !important;}

.hsb_ph_team_list::-webkit-scrollbar,.hsb_ph_team_online::-webkit-scrollbar,.cp_team_scroll::-webkit-scrollbar {width: 5px !important;}

.hsb_ph_team_list::-webkit-scrollbar-thumb,.hsb_ph_team_online::-webkit-scrollbar-thumb,.cp_team_scroll::-webkit-scrollbar-thumb {border-radius: 999px !important;background: rgba(216, 117, 125, .32) !important;}/* =========================================================SUNSET AVENUE – MIDDAY PASTEL PALETTEFarbangleichung an den neuen Strand-Header:Creme · Sand · Pfirsich · Koralle · Seafoam/Mint

Dieser Block steht bewusst ganz unten und überschreibtnur die Farben. Layout und Funktionen bleiben unverändert.========================================================= */

.hsb_pulsehub_v2 {--ph-bg: #fffaf3 !important;--ph-card: rgba(255, 253, 248, .94) !important;--ph-card2: rgba(250, 239, 230, .96) !important;--ph-line: rgba(212, 164, 145, .30) !important;--ph-line-soft: rgba(212, 164, 145, .17) !important;--ph-pink: #e99a88 !important;--ph-pink2: #d87f70 !important;--ph-coral: #e68f7e !important;--ph-mint: #77aaa2 !important;--ph-text: #5d504b !important;--ph-muted: rgba(93, 80, 75, .58) !important;--ph-shadow: 0 20px 54px rgba(133, 101, 88, .14) !important;border-color: rgba(212, 164, 145, .30) !important;background: radial-gradient(circle at 0% 0%, rgb(248 247 244), transparent 33%), radial-gradient(circle at 100% 0%, rgba(144, 195, 185, .25), transparent 35%), linear-gradient(135deg, rgba(255, 253, 248, .94), rgb(253 253 250)), url(/images/miami/15m.png) center center / cover no-repeat !important;box-shadow:0 20px 54px rgba(133, 101, 88, .14),inset 0 0 0 1px rgba(255, 255, 255, .78) !important;color: #5d504b !important;}

.hsb_pulsehub_v2::before {background:linear-gradient(90deg, rgba(255, 253, 248, .80), rgba(255, 250, 244, .60)),radial-gradient(circle at 50% 100%, rgba(246, 190, 173, .20), transparent 44%) !important;}

/* ---------------------------------------------------------Obere Iconleiste--------------------------------------------------------- */

.hsb_iconlink_v35,.hsb_pulse_top_v30,.hsb_pulse_top_v35,.hsb_alert_icon_v30,.hsb_alert_icon_v35,.hsb_alert_icon_v30 > a,.hsb_alert_icon_v35 > a,.hsb_alert_icon_v30 span,.hsb_alert_icon_v35 span,.hsb_staff_links_v35 a,.hsb_toplinks_v35 > a,.hsb_guest_login_v6,.hsb_guest_register_v6 {border-color: rgba(212, 164, 145, .30) !important;background:radial-gradient(circle at 50% 0%, rgba(246, 190, 173, .30), transparent 58%),rgba(255, 253, 248, .92) !important;color: #d87f70 !important;box-shadow:0 8px 18px rgba(133, 101, 88, .09),inset 0 0 0 1px rgba(255, 255, 255, .78) !important;}

.hsb_iconlink_v35,.hsb_pulse_top_v35,.hsb_alert_icon_v35,.hsb_staff_links_v35 a {border-color: rgba(216, 127, 112, .44) !important;background:radial-gradient(circle at 50% 0%, rgba(246, 190, 173, .45), transparent 58%),rgba(255, 247, 239, .98) !important;}

.hsb_iconlink_v35 i,.hsb_pulse_top_v30 i,.hsb_pulse_top_v35 i,.hsb_alert_icon_v30 i,.hsb_alert_icon_v35 i,.hsb_alert_icon_v30 svg,.hsb_alert_icon_v35 svg,.hsb_staff_links_v35 a i,.hsb_toplinks_v35 > a i {color: #d87f70 !important;}

.hsb_iconlink_v35 b,.hsb_pulse_top_v35 .pulse-menu-badge,.pulse-menu-badge,.hsb_alert_icon_v35 b,.hsb_alert_icon_v35 .unreadAlerts,.hsb_alert_icon_v35 .alerts,.hsb_ph_apps em {background: #e68f7e !important;color: #fffdf8 !important;border-color: rgba(255, 255, 255, .92) !important;box-shadow: 0 6px 12px rgba(173, 99, 87, .20) !important;}

/* Suche */.hsb_search_v30.hsb_search_v35,.hsb_search_v35 {border-color: rgba(212, 164, 145, .30) !important;background: rgba(255, 253, 248, .94) !important;box-shadow: 0 8px 18px rgba(133, 101, 88, .09) !important;}

.hsb_search_v35 input {color: #5d504b !important;}

.hsb_search_v35 input::placeholder {color: rgba(93, 80, 75, .44) !important;}

.hsb_search_v35 button {background: rgba(244, 215, 201, .72) !important;color: #d87f70 !important;}

/* ---------------------------------------------------------Profil und Hauptkarten--------------------------------------------------------- */

.hsb_ph_profile,.hsb_ph_card {border-color: rgba(212, 164, 145, .28) !important;background: radial-gradient(circle at 100% 0%, rgb(255 253 250), transparent 40%), linear-gradient(180deg, rgb(240 247 245 / 19%), rgb(255 254 251)) !important;box-shadow: 0 16px 38px rgba(133, 101, 88, .11) !important;}

.hsb_ph_user {border-color: rgba(212, 164, 145, .26) !important;background: rgba(255, 255, 252, .74) !important;box-shadow: 0 10px 22px rgba(133, 101, 88, .08) !important;}

.hsb_ph_avatar {border-color: rgba(216, 127, 112, .30) !important;background: linear-gradient(135deg,rgba(246, 190, 173, .48),rgba(144, 195, 185, .32)) !important;}

.hsb_ph_usertext small,.hsb_ph_account > span {color: rgba(93, 80, 75, .44) !important;}

.hsb_ph_usertext b {color: #679f97 !important;}

.hsb_ph_usertext em,.hsb_ph_profile p {color: rgba(93, 80, 75, .62) !important;}

.hsb_ph_brand {color: #d87f70 !important;text-shadow:0 0 10px rgba(246, 190, 173, .44),0 0 22px rgba(246, 190, 173, .22) !important;}

.hsb_ph_account {border-color: rgba(212, 164, 145, .20) !important;background: rgba(255, 255, 252, .56) !important;}

/* Buttons */.hsb_ph_buttons a,.hsb_ph_buttons button,.hsb_ph_more {border-color: rgba(212, 164, 145, .28) !important;background: rgba(255, 255, 252, .70) !important;color: #d87f70 !important;}

.hsb_ph_buttons button,.hsb_ph_buttons a {background: linear-gradient(135deg, #e89a88, #d87f70) !important;color: #fffdf8 !important;box-shadow: 0 10px 22px rgba(173, 99, 87, .22) !important;}

/* ---------------------------------------------------------App-Leiste--------------------------------------------------------- */

.hsb_ph_apps {border-color: rgba(212, 164, 145, .28) !important;background:linear-gradient(180deg, rgba(237, 225, 211, .50), rgba(255, 253, 248, .90)),rgba(255, 253, 248, .88) !important;box-shadow: 0 16px 38px rgba(133, 101, 88, .11) !important;}

.hsb_ph_apps button,.hsb_ph_apps a,.hsb_ph_apps a[data-pulse-jump] {border-color: rgba(212, 164, 145, .22) !important;background:radial-gradient(circle at 50% 0%, rgba(246, 190, 173, .27), transparent 54%),rgba(255, 255, 252, .70) !important;color: rgba(93, 80, 75, .72) !important;box-shadow: 0 8px 18px rgba(133, 101, 88, .07) !important;}

.hsb_ph_apps button,.hsb_ph_apps a,.hsb_ph_apps a[data-pulse-jump] {border-color: rgba(216, 127, 112, .40) !important;background:radial-gradient(circle at 50% 0%, rgba(246, 190, 173, .42), transparent 55%),rgba(255, 248, 241, .98) !important;}

.hsb_ph_apps i,.hsb_ph_apps a[data-pulse-jump] i {color: #d87f70 !important;}

.hsb_ph_apps span,.hsb_ph_apps a[data-pulse-jump] span {color: rgba(93, 80, 75, .62) !important;}

/* ---------------------------------------------------------Karteninhalte, Listen und Quicklinks--------------------------------------------------------- */

.hsb_ph_card h3 {color: #d87f70 !important;}

.hsb_ph_card h3 i {background: rgba(244, 215, 201, .80) !important;color: #d87f70 !important;}

.hsb_ph_people::-webkit-scrollbar-thumb,.hsb_ph_latest_list::-webkit-scrollbar-thumb,.hsb_ph_team_list::-webkit-scrollbar-thumb,.hsb_ph_team_online::-webkit-scrollbar-thumb,.cp_team_scroll::-webkit-scrollbar-thumb {background: rgba(216, 127, 112, .30) !important;}

.hsb_ph_people a,.hsb_ph_latest_list a,.hsb_ph_empty,.hsb_v31_empty,.hsb_ph_quicklinks a {border-color: rgba(212, 164, 145, .17) !important;background: rgba(255, 255, 252, .62) !important;}

.hsb_ph_people img,.hsb_ph_latest_list img {border-color: rgba(212, 164, 145, .26) !important;}

.hsb_ph_people b,.hsb_ph_latest_list b,.hsb_ph_quicklinks b {color: #d87f70 !important;}

.hsb_ph_people em,.hsb_ph_latest_list em,.hsb_ph_empty,.hsb_v31_empty,.hsb_ph_quicklinks span {color: rgba(93, 80, 75, .50) !important;}

/* ---------------------------------------------------------Teamkarten--------------------------------------------------------- */

.cp_team_item,.hsb_ph_team_list .cp_team_item,.hsb_ph_team_online .cp_team_item {border-color: rgba(212, 164, 145, .24) !important;background: rgba(255, 253, 248, .82) !important;box-shadow: 0 6px 15px rgba(133, 101, 88, .08) !important;}

.cp_team_avatar,.hsb_ph_team_list .cp_team_avatar,.hsb_ph_team_online .cp_team_avatar {border-color: rgba(119, 170, 162, .42) !important;background: rgba(255, 255, 252, .92) !important;box-shadow: 0 5px 12px rgba(133, 101, 88, .08) !important;}

.cp_team_name,.hsb_ph_team_list .cp_team_name,.hsb_ph_team_online .cp_team_name {color: #679f97 !important;}

.cp_team_char,.hsb_ph_team_list .cp_team_char,.hsb_ph_team_online .cp_team_char {color: #cf7668 !important;}

.cp_team_last,.hsb_ph_team_list .cp_team_last,.hsb_ph_team_online .cp_team_last {color: rgba(93, 80, 75, .70) !important;}

/* ---------------------------------------------------------Warnbalken--------------------------------------------------------- */

.bbclosedwarning,#bbclosedwarning {border-color: rgba(212, 164, 145, .28) !important;background:linear-gradient(90deg,rgba(244, 215, 201, .78),rgba(255, 253, 248, .94),rgba(144, 195, 185, .18)) !important;color: rgba(93, 80, 75, .68) !important;box-shadow: 0 12px 26px rgba(133, 101, 88, .09) !important;}

/* Gelbe Hinweise wärmer und sandiger /div[style="yellow"],div[style*="#ffff"],div[style*="#fff7"],div[style*="#fff5"],div[style*="#fffa"] {border-color: rgba(215, 180, 122, .38) !important;background:linear-gradient(90deg,rgba(248, 229, 185, .58),rgba(255, 253, 248, .94)) !important;color: rgba(112, 87, 56, .84) !important;}/* =========================================================SUNSET AVENUE – MIDDAY SOFT BLUE PALETTEAnpassung an das bläulichere Header-/Hintergrunddesign.Fokus: airy seafoam, kühles aqua, sandiges offwhite,sehr sanfte Koralle als Akzent.Dieser Block überschreibt nur Farben.========================================================= */

.hsb_pulsehub_v2 {--ph-bg: #f8fbfb !important;--ph-card: rgba(252, 253, 251, .95) !important;--ph-card2: rgba(240, 247, 246, .96) !important;--ph-line: rgba(156, 191, 191, .30) !important;--ph-line-soft: rgba(156, 191, 191, .16) !important;--ph-pink: #e7a79c !important;--ph-pink2: #839c9c !important;--ph-coral: #e39a89 !important;--ph-mint: #7fb4af !important;--ph-text: #526061 !important;--ph-muted: rgba(82, 96, 97, .58) !important;--ph-shadow: 0 20px 54px rgba(119, 150, 151, .14) !important;border-color: rgba(156, 191, 191, .30) !important;background: #fffdf9;box-shadow: 0 20px 54px rgb(218 232 226), inset 0 0 0 1px rgba(255, 255, 255, .82) !important;color: #526061 !important;}

.hsb_pulsehub_v2::before {background:linear-gradient(90deg, rgba(252, 254, 254, .80), rgba(247, 252, 251, .60)),radial-gradient(circle at 50% 100%, rgba(208, 234, 233, .22), transparent 44%) !important;}

/* obere Iconleiste */.hsb_iconlink_v35,.hsb_pulse_top_v30,.hsb_pulse_top_v35,.hsb_alert_icon_v30,.hsb_alert_icon_v35,.hsb_alert_icon_v30 > a,.hsb_alert_icon_v35 > a,.hsb_alert_icon_v30 span,.hsb_alert_icon_v35 span,.hsb_staff_links_v35 a,.hsb_toplinks_v35 > a,.hsb_guest_login_v6,.hsb_guest_register_v6 {border-color: rgba(156, 191, 191, .32) !important;background:radial-gradient(circle at 50% 0%, rgba(208, 234, 233, .28), transparent 58%),rgba(252, 253, 251, .94) !important;color: #839c9c !important;box-shadow:0 8px 18px rgba(119, 150, 151, .08),inset 0 0 0 1px rgba(255, 255, 255, .82) !important;}

.hsb_iconlink_v35,.hsb_pulse_top_v35,.hsb_alert_icon_v35,.hsb_staff_links_v35 a {border-color: rgba(127, 180, 175, .48) !important;background:radial-gradient(circle at 50% 0%, rgba(208, 234, 233, .42), transparent 58%),rgba(246, 252, 251, .98) !important;}

.hsb_iconlink_v35 i,.hsb_pulse_top_v30 i,.hsb_pulse_top_v35 i,.hsb_alert_icon_v30 i,.hsb_alert_icon_v35 i,.hsb_alert_icon_v30 svg,.hsb_alert_icon_v35 svg,.hsb_staff_links_v35 a i,.hsb_toplinks_v35 > a i {color: #e49382 !important;}

.hsb_iconlink_v35 b,.hsb_pulse_top_v35 .pulse-menu-badge,.pulse-menu-badge,.hsb_alert_icon_v35 b,.hsb_alert_icon_v35 .unreadAlerts,.hsb_alert_icon_v35 .alerts,.hsb_ph_apps em {background: #df9385 !important;color: #fffdfb !important;border-color: rgba(255, 255, 255, .92) !important;box-shadow: 0 6px 12px rgba(166, 108, 98, .20) !important;}

/* Suche */.hsb_search_v30.hsb_search_v35,.hsb_search_v35 {border-color: rgba(156, 191, 191, .30) !important;background: rgba(252, 253, 251, .95) !important;box-shadow: 0 8px 18px rgba(119, 150, 151, .08) !important;}

.hsb_search_v35 input {color: #526061 !important;}

.hsb_search_v35 input::placeholder {color: rgba(82, 96, 97, .45) !important;}

.hsb_search_v35 button {background: rgba(219, 239, 237, .74) !important;color: #839c9c !important;}

/* Profil und Cards /.hsb_ph_profile,.hsb_ph_card {border-color: rgba(156, 191, 191, .26) !important;/ background: #f0efeb; */box-shadow: 0 16px 38px rgba(119, 150, 151, .10) !important;}

.hsb_ph_user {border-color: rgba(156, 191, 191, .24) !important;background: rgba(255, 255, 253, .76) !important;box-shadow: 0 10px 22px rgba(119, 150, 151, .07) !important;}

.hsb_ph_avatar {border-color: rgba(127, 180, 175, .34) !important;background: linear-gradient(135deg,rgba(208, 234, 233, .55),rgba(242, 200, 188, .22)) !important;}

.hsb_ph_usertext small,.hsb_ph_account > span {color: rgba(82, 96, 97, .44) !important;}

.hsb_ph_usertext b {color: #70a7a2 !important;}

.hsb_ph_usertext em,.hsb_ph_profile p {color: rgba(82, 96, 97, .62) !important;}

.hsb_ph_brand {color: #839c9c !important;text-shadow:0 0 10px rgba(242, 200, 188, .36),0 0 22px rgba(208, 234, 233, .20) !important;}

.hsb_ph_account {border-color: rgba(156, 191, 191, .18) !important;background: rgba(255, 255, 253, .56) !important;}

/* Buttons */.hsb_ph_buttons a,.hsb_ph_buttons button,.hsb_ph_more {border-color: rgba(156, 191, 191, .26) !important;background: rgba(255, 255, 253, .72) !important;color: #839c9c !important;}

.hsb_ph_buttons button,.hsb_ph_buttons a {background: linear-gradient(135deg, #de816e, #dae8e2) !important;color: #fffdfb !important;box-shadow: 0 10px 22px rgba(166, 108, 98, .18) !important;}

/* App-Leiste */.hsb_ph_apps {border-color: rgba(156, 191, 191, .26) !important;background: linear-gradient(180deg, rgb(250 250 246), rgba(252, 253, 251, .90)), rgba(252, 253, 251, .88) !important;box-shadow: 0 16px 38px rgba(119, 150, 151, .10) !important;}

.hsb_ph_apps button,.hsb_ph_apps a,.hsb_ph_apps a[data-pulse-jump] {border-color: rgba(156, 191, 191, .22) !important;background: radial-gradient(circle at 50% 0%, rgb(254 251 246), transparent 54%), rgb(255 254 251) !important;color: rgba(82, 96, 97, .72) !important;box-shadow: 0 8px 18px rgba(119, 150, 151, .06) !important;}

.hsb_ph_apps button,.hsb_ph_apps a,.hsb_ph_apps a[data-pulse-jump] {border-color: rgba(127, 180, 175, .42) !important;background: radial-gradient(circle at 50% 0%, rgb(252 251 249), #fcfbf9 55%), rgb(251 249 247) !important;}

.hsb_ph_apps i,.hsb_ph_apps a[data-pulse-jump] i {color: #e08d7c !important;}

.hsb_ph_apps span,.hsb_ph_apps a[data-pulse-jump] span {color: rgba(82, 96, 97, .62) !important;}

/* Listen & Quicklinks */.hsb_ph_card h3 {color: #839c9c !important;}

.hsb_ph_card h3 i {background: rgba(219, 239, 237, .88) !important;color: #839c9c !important;}

.hsb_ph_people::-webkit-scrollbar-thumb,.hsb_ph_latest_list::-webkit-scrollbar-thumb,.hsb_ph_team_list::-webkit-scrollbar-thumb,.hsb_ph_team_online::-webkit-scrollbar-thumb,.cp_team_scroll::-webkit-scrollbar-thumb {background: rgba(127, 180, 175, .34) !important;}

.hsb_ph_people a,.hsb_ph_latest_list a,.hsb_ph_empty,.hsb_v31_empty,.hsb_ph_quicklinks a {border-color: rgba(156, 191, 191, .16) !important;background: rgba(255, 255, 253, .64) !important;}

.hsb_ph_people img,.hsb_ph_latest_list img {border-color: rgba(156, 191, 191, .24) !important;}

.hsb_ph_people b,.hsb_ph_latest_list b,.hsb_ph_quicklinks b {color: #839c9c !important;}

.hsb_ph_people em,.hsb_ph_latest_list em,.hsb_ph_empty,.hsb_v31_empty,.hsb_ph_quicklinks span {color: rgba(82, 96, 97, .50) !important;}

/* Team */.cp_team_item,.hsb_ph_team_list .cp_team_item,.hsb_ph_team_online .cp_team_item {border-color: rgba(156, 191, 191, .22) !important;background: rgba(252, 253, 251, .84) !important;box-shadow: 0 6px 15px rgba(119, 150, 151, .07) !important;}

.cp_team_avatar,.hsb_ph_team_list .cp_team_avatar,.hsb_ph_team_online .cp_team_avatar {border-color: rgba(127, 180, 175, .40) !important;background: rgba(255, 255, 253, .92) !important;box-shadow: 0 5px 12px rgba(119, 150, 151, .07) !important;}

.cp_team_name,.hsb_ph_team_list .cp_team_name,.hsb_ph_team_online .cp_team_name {color: #70a7a2 !important;}

.cp_team_char,.hsb_ph_team_list .cp_team_char,.hsb_ph_team_online .cp_team_char {color: #c67e71 !important;}

.cp_team_last,.hsb_ph_team_list .cp_team_last,.hsb_ph_team_online .cp_team_last {color: rgba(82, 96, 97, .70) !important;}

/* Warnbalken */.bbclosedwarning,#bbclosedwarning {border-color: rgba(156, 191, 191, .28) !important;background:linear-gradient(90deg,rgba(219, 239, 237, .78),rgba(252, 253, 251, .94),rgba(242, 200, 188, .16)) !important;color: rgba(82, 96, 97, .70) !important;box-shadow: 0 12px 26px rgba(119, 150, 151, .08) !important;}

/* Gelbe Hinweise neutraler/kühler /div[style="yellow"],div[style*="#ffff"],div[style*="#fff7"],div[style*="#fff5"],div[style*="#fffa"] {border-color: rgba(191, 198, 164, .36) !important;background:linear-gradient(90deg,rgba(241, 244, 218, .58),rgba(252, 253, 251, .94)) !important;color: rgba(95, 97, 74, .84) !important;}
@import url(https://fonts.googleapis.com/css2?family=Allura&family=Montserrat:wght@400;500;600;700&display=swap);

/* =========================================================
   SUNSET AVENUE – FORUMLISTE
   Ganz unten in global.css einfügen
   oder als eigene CSS-Datei im neuen Style laden.
   ========================================================= */

.hsb_forum_cat,
.hsb_forum_cat * {
  box-sizing: border-box;
}

.hsb_forum_cat {
  width: min(1020px, calc(100% - 34px));
  margin: 18px auto;
  border: 1px solid rgba(149, 189, 186, .24);
  border-radius: 0;
  background: rgba(255, 253, 249, .88);
  box-shadow: 0 14px 34px rgba(104, 137, 136, .08);
  overflow: hidden;
}

/* ---------------------------------------------------------
   Kategoriekopf
   --------------------------------------------------------- */

.hsb_cat_head {
  min-height: 104px;
  padding: 21px 24px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(149, 189, 186, .20);
  background:
    linear-gradient(
      90deg,
      rgba(205, 231, 229, .92),
      rgba(226, 241, 239, .86) 48%,
      rgba(241, 247, 245, .78)
    );
	background-image: url(/images/sunset/sunset2.png);
}

.hsb_cat_head::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 30%, rgba(255,255,255,.65), transparent 24%),
    radial-gradient(circle at 78% 70%, rgba(255,255,255,.42), transparent 28%);
  pointer-events: none;
}

.hsb_cat_head > * {
  position: relative;
  z-index: 1;
}

.hsb_cat_title {
  min-width: 0;
}

.hsb_cat_title > span {
  display: block;
  margin: 0 0 2px;
  color: #719f9c;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.hsb_cat_name {
  display: flex;
  align-items: center;
  gap: 10px;
}

.hsb_cat_name h2 {
  margin: 0;
  color: #6fa39f;
  font-family: "Allura", cursive;
  font-size: 37px;
  line-height: .95;
  font-weight: 400;
  text-transform: none;
}

.hsb_cat_palm {
  width: 31px;
  height: 31px;
  object-fit: contain;
  display: block;
  opacity: .78;
}

.hsb_cat_head > small {
  min-height: 28px;
  padding: 0 13px;
  border: 1px solid rgba(228, 154, 140, .20);
  border-radius: 2px;
  background: rgba(255, 252, 248, .74);
  color: #df8c7f;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 7px;
  line-height: 26px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* ---------------------------------------------------------
   Inhalt der Kategorie
   --------------------------------------------------------- */

.hsb_cat_content {
  padding: 13px;
  display: grid;
  gap: 10px;
  background: rgba(255, 253, 249, .92);
}

/* ---------------------------------------------------------
   Einzelne Forenreihe
   --------------------------------------------------------- */

.hsb_forum_row {
  min-height: 102px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 156px 250px;
  align-items: stretch;
  gap: 12px;
  border: 1px solid rgba(151, 184, 181, .20);
  border-radius: 14px;
  background:
    linear-gradient(
      105deg,
      rgba(255,255,253,.96),
      rgba(251,250,246,.93)
    );
  box-shadow:
    0 7px 18px rgba(114, 144, 142, .06),
    inset 0 0 0 1px rgba(255,255,255,.68);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.hsb_forum_row:hover {
  transform: translateY(-1px);
  border-color: rgba(123, 171, 167, .34);
  box-shadow:
    0 10px 24px rgba(114, 144, 142, .10),
    inset 0 0 0 1px rgba(255,255,255,.72);
}

/* Status-Haus */
.hsb_forum_status {
  width: 48px;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.hsb_forum_status .forum_status {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  background: none !important;
  opacity: 0 !important;
  cursor: pointer;
  z-index: 2;
}

.hsb_forum_status_icon {
  width: 24px;
  height: 24px;
  display: block;
  fill: none;
  stroke: #83b3af;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke .18s ease, transform .18s ease;
}

.hsb_forum_status:hover .hsb_forum_status_icon {
  transform: scale(1.06);
}

/* Ungelesene Foren etwas korallfarbener */
.hsb_forum_status .forum_on + .hsb_forum_status_icon,
.hsb_forum_status .forum_new + .hsb_forum_status_icon,
.hsb_forum_status .forum_newlock + .hsb_forum_status_icon {
  stroke: #df8c7f;
}

/* Forumname und Beschreibung */
.hsb_forum_main {
  min-width: 0;
  padding: 14px 6px 12px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hsb_forum_title {
  margin: 0 0 6px;
}

.hsb_forum_title a {
  color: #6d9f9c !important;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .015em;
  text-transform: uppercase;
  text-decoration: none !important;
}

.hsb_forum_title a:hover {
  color: #d98477 !important;
}

.hsb_forum_desc {
  color: #786f6b;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  line-height: 1.55;
  font-weight: 400;
}

.hsb_forum_desc br:first-child,
.hsb_forum_desc br:last-child {
  display: none;
}

.hsb_forum_subs {
  margin-top: 7px;
  color: #a18178;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;
  line-height: 1.45;
}

.hsb_forum_subs:empty {
  display: none;
}

.hsb_forum_subs a {
  color: #c98276 !important;
  text-decoration: none !important;
}

/* Zahlen */
.hsb_forum_numbers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 7px;
}

.hsb_forum_numbers > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(151, 184, 181, .17);
  border-right: 1px solid rgba(151, 184, 181, .17);
  background: rgba(255,255,253,.35);
}

.hsb_forum_numbers b {
  color: #76aaa6;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 17px;
  line-height: 1;
  font-weight: 600;
}

.hsb_forum_numbers span {
  margin-top: 7px;
  color: #7b706d;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 6px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Letzter Beitrag */
.hsb_forum_lastpost {
  min-width: 0;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid rgba(151, 184, 181, .17);
  border-radius: 12px;
  background: rgba(255,255,253,.48);
  color: #746966;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 8px;
  line-height: 1.45;
  overflow: hidden;
}

.hsb_forum_lastpost a {
  color: #6d9f9c !important;
  font-weight: 600;
  text-decoration: none !important;
}

.hsb_forum_lastpost a:hover {
  color: #d98477 !important;
}

.hsb_forum_lastpost strong {
  color: #6d9f9c;
}

.hsb_forum_lastpost img {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px;
  margin-right: 10px;
  border: 2px solid rgba(255,255,255,.88);
  border-radius: 999px;
  object-fit: cover;
  box-shadow: 0 3px 9px rgba(98,130,128,.12);
}

/* Falls das MyBB-Lastpost-Template Tabellen oder Wrapper ausgibt */
.hsb_forum_lastpost table,
.hsb_forum_lastpost tbody,
.hsb_forum_lastpost tr,
.hsb_forum_lastpost td {
  width: 100%;
  border: 0 !important;
  background: transparent !important;
}

.hsb_forum_lastpost br {
  line-height: 1.75;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 900px) {
  .hsb_forum_row {
    grid-template-columns: 44px minmax(0, 1fr) 132px;
  }

  .hsb_forum_lastpost {
    grid-column: 2 / -1;
  }
}

@media (max-width: 640px) {
  .hsb_cat_head {
    align-items: flex-start;
    flex-direction: column;
  }

  .hsb_forum_row {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .hsb_forum_numbers,
  .hsb_forum_lastpost {
    grid-column: 2;
  }

  .hsb_forum_numbers {
    min-height: 56px;
  }

  .hsb_cat_name h2 {
    font-size: 32px;
  }
}
/* =========================================================
   Sunset Avenue – letzter Beitrag
   ========================================================= */

.hsb_lastpost_inner {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
}

.hsb_lastpost_text {
  min-width: 0;
  width: 100%;
  display: grid;
  gap: 3px;
}

.hsb_lastpost_title {
  min-width: 0;
}

.hsb_lastpost_title a {
  display: block;
  max-width: 100%;
  color: #6d9f9c !important;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 9px;
  line-height: 1.25;
  font-weight: 700;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hsb_lastpost_title a:hover {
  color: #d98477 !important;
}

.hsb_lastpost_author {
  color: #7c716d;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 7px;
  line-height: 1.3;
}

.hsb_lastpost_author a {
  color: #d18477 !important;
  font-weight: 600;
  text-decoration: none !important;
}

.hsb_lastpost-date,
.hsb_lastpost_date {
  color: rgba(82, 96, 97, .54);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 6.5px;
  line-height: 1.3;
}

/* =========================================================
   Sunset-Kategorietitel – nicht mehr umbrechen
   ========================================================= */

.hsb_cat_head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.hsb_cat_title {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 1 1 auto !important;
}

.hsb_cat_name {
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;

  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 9px !important;
}

.hsb_cat_name h2 {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;

  font-size: 34px !important;
  line-height: 1 !important;
}

.hsb_cat_palm {
  width: 29px !important;
  height: 29px !important;
  min-width: 29px !important;
  flex: 0 0 29px !important;
  margin: 0 !important;
}

.hsb_cat_head > small {
  flex: 0 0 auto !important;
  margin-left: 25px !important;
}


/* =========================================================
   SUNSET AVENUE – AKTUELLE BEITRÄGE FINAL FIX
   Mehr Platz für die mittlere Karte und drei saubere Zeilen.
   ========================================================= */

/* Die Beitragskarte bekommt etwas mehr Breite als Team und Board Infos. */
.hsb_ph_cards {
  grid-template-columns: .92fr 1.28fr 1fr !important;
}

.hsb_ph_latest {
  min-width: 0 !important;
}

.hsb_ph_latest_list {
  width: 100% !important;
  min-width: 0 !important;
  max-height: 125px !important;
  padding-right: 3px !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.hsb_ph_latest_list a {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 37px !important;
  padding: 5px 7px !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: 27px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;

  border-radius: 13px !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.hsb_ph_latest_list img {
  width: 27px !important;
  height: 27px !important;
  min-width: 27px !important;
  min-height: 27px !important;
  max-width: 27px !important;
  max-height: 27px !important;

  display: block !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center top !important;
}

.hsb_ph_latest_list a > span {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
  overflow: hidden !important;
}

.hsb_ph_latest_list b,
.hsb_ph_latest_list em {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hsb_ph_latest_list b {
  font-size: 8px !important;
  line-height: 1.15 !important;
}

.hsb_ph_latest_list em {
  font-size: 6.2px !important;
  line-height: 1.2 !important;
}

@media (max-width: 950px) {
  .hsb_ph_cards {
    grid-template-columns: 1fr !important;
  }
}


/* =========================================================
   SUNSET AVENUE – PUNKT AM AKTIVEN ACCOUNT ENTFERNEN
   Entfernt den kleinen Plus-/Statuspunkt am Avatar.
   ========================================================= */

.hsb_ph_active_account .sa_header_account_avatar::after {
    content: none !important;
    display: none !important;
}