/* BDF Connect, Custom CSS nach BDF Corporate Design 3.1, Variante A (dunkle rote Leiste) mit Dunkelmodus, Stand 11.11.2026.
   Vorgaenger: bdf-connect-custom-css_ALT_2026-11-11.css */
body.zc-connectCommunity1 {
    /*link and name text color*/
    --linkPrimary: #E30613;
    --primaryThemeColor: #E30613;
    /*left menu apps bar cont color*/
    --leftAppsContColor: #B0040E;
    /*left menu apps icon and text color*/
    --leftAppsIconColor:#fff;
    /*left menu apps icon and text hover color */
    --leftAppsIconHoverColor:#fff;
    /*left menu apps active icon and text color */
    --leftAppsSelectedIconColor:#B0040E;
    /*left menu apps hover color */
    --leftnavOptionHoverColor:rgba(255,255,255,0.15);
    /* left menu apps current bg */
    --leftAppsSelectedBG: #FFFFFF;
    /*left menu nav list cont color */
    --leftNavContColor:#F8F6F3;
    /* left menu nav list color */
    --leftNavListItemColor:#000;
    /* left menu nav listing hover */
    --leftNavListItemHoverColor:#EFEBE5;
    /* left menu nav list active color*/
    --leftNavListItemSelected: #000;
    /* left menu apps shrinkMenu footer*/
    --leftAppsContFooterColor:#7D030A;
    /* left menu nav list footer option*/
    --leftContNewOption: #FFFFFF;
    --leftContNewOptionTxt: #000;
    /** left menu nav list Icon (See More) bg color **/
    --leftNavListHeadingIconBg:rgba(0,0,0,0.12);
    /** left menu nav list Icon (See more) color **/
    --leftNavListHeadingIconColor:rgba(0,0,0,0.4);
    /** left menu nav list Icon (See More) bg hover color **/
    --leftNavListHeadingIconHoverBg:rgba(0,0,0,0.24);
    /** left menu nav list Icon (See More) hover color **/
    --leftNavListHeadingIconhoverColor:rgba(0,0,0,0.8);
    /* All button color */
    --submitButtonColor: #E30613;
    /*All button hover colour*/
    --submitButtonDarkColor:#C10510;
    /* Join button hover bg and blockquotes bg color */
    --submitButtonColorRBG5:#E30613;
    /* dropdown list hover color*/
    --menuHoverColor: #F8F6F3;
    /* dropdown list dark hover colour*/
    --menuHoverColorDark: #EFEBE5;
}
body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-newBoard, body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-MoreImport{
    background: var(--leftContNewOption);
        }
body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-newBoard:hover, body.zc-connectCommunity1 .zc-leftContainer .zc-navigation .zc-taskImportBoard .zc-MoreImport:hover{
    background: var(--menuHoverColorDark);
        }
/* Inhaltsflaeche: warmes Neutral statt Farbverlauf */
.viewContainer,.zc-manualContainer.zc-mDashboardwrapper{
    background: #F8F6F3;
}
.viewContainer .feed-content-area{
    background:transparent;
}
.zc-previewHeadingCont button{
    background-color: transparent;
    color: #bfc9d4;
    border: 1px solid var(--tertiaryColor);
        }
.zc-previewHeadingCont button:hover{
    background-color: #1c1c1c;
}
.widget-wrapper.zc-dashLinkWidget.zc-buttonView ul.widget-inner-list li a {
    background: initial;
    background-color: #FFFFFF;
}
/*change bg of space's tile view card*/
.gridView .gridItem {
    background: #FFFFFF;
}
/* change bg of manual's name on tile view card*/
.zc-manualContainer.zc-mDashboardwrapper .zc-mWrapper .zc-mList .gridView .gridItem .zc-MmiddleContent {
    background-color: #FFFFFF;
}
.signin_box button{
    background: #E30613;
}
.signin_box button:hover{
    background: #C10510;
}
/* Aktiver Menuepunkt: Symbol rot auf weisser Pille, Beschriftung weiss auf der Leiste */
body.zc-connectCommunity1 .zc-leftAppList li.current a.zc-newtabCont > span {
    color: #FFFFFF !important;
    font-weight: 600;
}
/* Pin-Markierung angepinnter Beitraege: Rot statt Zoho-Blau */
body.zc-connectCommunity1 li.single-feed.zc-pinnedPost .post-wrapper i.zc-iconBg.zc-pinPost.ci-pinfill {
    border-top-color: #E30613 !important;
}
/* Abschnittsueberschriften der Navigation (z. B. BEREICHE): Grau statt Gruen */
body.zc-connectCommunity1 .zc-leftContainer .zc-navTitleSmall {
    color: #767676 !important;
}
/* Suchfeld: warmes Neutral */
.zc-rightContainer .zc-topBar .zc-mainSearch .zc-searchInput {
    background: #F8F6F3;
}
/* Einklapp-Balken unten links */
body.zc-connectCommunity1 .zc-navigation .zc-shrinkMenu {
    background: #7D030A;
}

/* =========================
   DUNKELMODUS (BDF CD 3.1, Dunkel-Tokens)
   Flaeche #14110F, Karten #1F1B18, Text #EDEAE4, Textrot #FF4D4D, Buttonflaeche #E30613
========================== */
body.zc-connectCommunity1.nightMode {
    --linkPrimary: #FF4D4D;
    --primaryThemeColor: #E30613;
    --leftAppsContColor: #9F040D;
    --leftAppsIconColor: #FFFFFF;
    --leftAppsIconHoverColor: #FFFFFF;
    --leftAppsSelectedIconColor: #9F040D;
    --leftnavOptionHoverColor: rgba(255,255,255,0.12);
    --leftAppsSelectedBG: #EDEAE4;
    --leftAppsContFooterColor: #5B0208;
    --leftNavContColor: #1F1B18;
    --leftNavListItemColor: #EDEAE4;
    --leftNavListItemHoverColor: #2A2521;
    --leftNavListItemSelected: #FFFFFF;
    --leftContNewOption: #2A2521;
    --leftContNewOptionTxt: #EDEAE4;
    --leftNavListHeadingIconBg: rgba(255,255,255,0.10);
    --leftNavListHeadingIconColor: rgba(255,255,255,0.60);
    --leftNavListHeadingIconHoverBg: rgba(255,255,255,0.20);
    --leftNavListHeadingIconhoverColor: #FFFFFF;
    --submitButtonColor: #E30613;
    --submitButtonDarkColor: #C10510;
    --submitButtonColorRBG5: #E30613;
    --menuHoverColor: #2A2521;
    --menuHoverColorDark: #35302B;
}
body.zc-connectCommunity1.nightMode .zc-navigation .zc-shrinkMenu {
    background: #5B0208;
}
body.zc-connectCommunity1.nightMode .viewContainer,
body.zc-connectCommunity1.nightMode .zc-manualContainer.zc-mDashboardwrapper {
    background: #14110F;
}
body.zc-connectCommunity1.nightMode .viewContainer .feed-content-area {
    background: transparent;
}
body.zc-connectCommunity1.nightMode .zc-previewHeadingCont button {
    background-color: transparent;
    color: #A39C94;
    border: 1px solid #35302B;
}
body.zc-connectCommunity1.nightMode .zc-previewHeadingCont button:hover {
    background-color: #2A2521;
}
body.zc-connectCommunity1.nightMode .widget-wrapper.zc-dashLinkWidget.zc-buttonView ul.widget-inner-list li a {
    background: #1F1B18;
    color: #EDEAE4;
}
body.zc-connectCommunity1.nightMode .gridView .gridItem,
body.zc-connectCommunity1.nightMode .zc-manualContainer.zc-mDashboardwrapper .zc-mWrapper .zc-mList .gridView .gridItem .zc-MmiddleContent {
    background: #1F1B18;
}
body.zc-connectCommunity1.nightMode .zc-rightContainer .zc-topBar .zc-mainSearch .zc-searchInput {
    background: #1F1B18;
    color: #EDEAE4;
}
body.zc-connectCommunity1.nightMode .zc-leftContainer .zc-navTitleSmall {
    color: #A39C94 !important;
}