/* ============================================================================= */
/* ========================== CUSTOMER Haver & Boecker ========================= */
/* ============================================================================= */
/* ======= LAST UPDATE: 17/08/20 / VERSION: v01  / AUTHOR: Lisa Hezel ========== */
/* ============================================================================= */


html,
html.simulated {
    --custom-color-lime: #cdfb17; 
}

 
/* =============================================================================
= GLOBAL SETTINGS ==============================================================
================================================================================ */
html{
    font-family: 'Roboto', 'Open Sans', 'Helvetica Neue', 'Lucida Grande', Helvetica, Arial, sans-serif; 
}

body, html.wide, .desktop #wrapper {
    background: rgb(238,238,238,1);
}

.desktop #sidebar .item {
    color: #000000;
}

td {
    padding: 10px;
}


/* =============================================================================
= HEADER =======================================================================
================================================================================ */
.desktop .app-header .header-button{
    background: #004d99 !important;
 }

 
/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */
 
.desktop .dialog.signin .dialog-inner, .ipad .page.signin, .mobile .page.signin {
    background-color: #001f47;
} 
/*
.desktop .dialog.signin .logo {
    width: 200px;
}
    
.mobile .page.signin .logo {
    width: 45%;
}

.ipad .page.signin .logo {
    width: 250px;
}
*/
 .signin-container .signin-view[data-view-id="signin"] button.type-uncollapse{
   background-color: transparent;
   color: #888888;
   border: none;
   font-size: 13px;
}
.signin-container .signin-view-container hr{
  display:none;
}
 
/* =============================================================================
= CONTENT ======================================================================
================================================================================ */
 
/* HEADLINES =================================================================== */
  
/* CHANNELS / FEEDS ============================================================ */
.news-feed-post[data-channel-id="5f227f9da834b83985fc80dd"] .news-feed-post-meta {
    display: none;
}

.feed-post-detail[data-channel-id="5f227f9da834b83985fc80dd"] .news-detail-post-meta {
    display: none;
} 

.news-feed-post[data-channel-id="5f3295b01891b6696ac6adef"] .news-feed-post-meta {
    display: none;
}

.feed-post-detail[data-channel-id="5f3295b01891b6696ac6adef"] .news-detail-post-meta {
    display: none;
}

 
/* WIDGETS ===================================================================== */
.mouse .legal .page-content img:not(.user-pic):not(.no-fullscreen-preview), .mouse .picture-gallery>figure, .mouse .post .content img:not(.user-pic):not(.grid-gallery-item-image):not(.no-fullscreen-preview), .mouse .staticPage .page-content img:not(.user-pic):not(.grid-gallery-item-image):not(.no-fullscreen-preview) {
    cursor: pointer ;
}
 
/* =============================================================================
= HIDDEN ITEMS =================================================================
================================================================================ */

/* HIDE CHAT */
#sidebar a[data-menu-item-id="5efb4deaa1511d0dbd90ba55"]{
    display: none !important;
}

/* HIDE MITARBEITERVERZEICHNIS */
#sidebar a[data-menu-item-id="5efb4c19d2ea6c42fb6542c5"]{
    display: none !important;
}

/* =============================================================================
= MULIBRANDING GROUP: MARKENSCHÄRFUNG Branding 67e39588b3a00c24b482e63d ========
================================================================================ */
/* =============================================================================
= HEADER =======================================================================
================================================================================ */
.desktop.group-67e39588b3a00c24b482e63d .app-header .header-button{
background: var(--custom-color-lime) !important;
color: #000;
}

.group-67e39588b3a00c24b482e63d .app-header #menu > section .we-icon,
.group-67e39588b3a00c24b482e63d .app-header #menu a.item .we-icon,
.group-67e39588b3a00c24b482e63d .app-header #menu .notification-bell .we-icon,
.group-67e39588b3a00c24b482e63d .app-header #menu div[data-menu-item-id="user-settings"] > p::after,
.group-67e39588b3a00c24b482e63d.desktop div[data-menu-item-id="launchpad-container"] span.we-icon{
color: var(--custom-color-lime) !important; 
}

.group-67e39588b3a00c24b482e63d.mobile #sidebar .profile-header{
color: var(--custom-color-lime);
}

.group-67e39588b3a00c24b482e63d.mobile .mobile-menu-header .text-nav-appintranet{
color: var(--custom-color-lime);
}

.group-67e39588b3a00c24b482e63d.mobile .mobile-menu-header button{
background-color: var(--custom-color-lime);
border: none;
}

.group-67e39588b3a00c24b482e63d .plugin-list-container .mobile-search-wrapper form,
.group-67e39588b3a00c24b482e63d .plugin-list-container .mobile-search-wrapper form input{
background-color: var(--custom-color-lime);
border: none;
}

.desktop.group-67e39588b3a00c24b482e63d span.notifications__unseen-count, 
.desktop.group-67e39588b3a00c24b482e63d span.unread-count {
background-color: var(--custom-color-lime) !important;
color: #001F47 !important;
}

.group-67e39588b3a00c24b482e63d a.notification-bell span.notifications__unseen-count,
.group-67e39588b3a00c24b482e63d .item .unread-count,
.group-67e39588b3a00c24b482e63d.mobile .header-button-sidebar::before,
.group-67e39588b3a00c24b482e63d span.unread-count,
.group-67e39588b3a00c24b482e63d .menu-list-item .bg-critical-vivid {
background-color: var(--custom-color-lime) !important;
color: #001F47;
border: 1px solid #fff; 
}

.group-67e39588b3a00c24b482e63d #mega-menu ul > li:hover > a::after,
.group-67e39588b3a00c24b482e63d #mega-menu li.active a::after{
background-color: var(--custom-color-lime) !important;
}

.group-67e39588b3a00c24b482e63d .news-slider-slide .news-feed-post-teaser > a > .read-more{
color: var(--custom-color-lime); 
}

.group-67e39588b3a00c24b482e63d #toolbar .toolbar-item{
background-color: #001f47;
color: #fff;
}

.group-67e39588b3a00c24b482e63d #toolbar .toolbar-item .toolbar-item-icon{
color: var(--custom-color-lime);
}

.group-67e39588b3a00c24b482e63d #toolbar .toolbar-item.selected{
font-weight: 600;
}

.group-67e39588b3a00c24b482e63d #mobile-quicklinks .bg-neutral-base{
background-color: #001f47;
color: #fff;
}

.group-67e39588b3a00c24b482e63d #mobile-quicklinks .bg-neutral-base .\!text-neutral-medium{
color: #fff !important; 
}

.group-67e39588b3a00c24b482e63d #mobile-quicklinks ul .we-icon{
color: var(--custom-color-lime);
}

.group-67e39588b3a00c24b482e63d #mobile-quicklinks ul .active-link{
font-weight: 600;
}

 

/* =============================================================================
= MULIBRANDING GROUP: Aventus 65c4adc949c51a40fba16182 =========================
================================================================================ */

/* =============================================================================
= HEADER =======================================================================
================================================================================ */

.group-65c4adc949c51a40fba16182.desktop.wow-header-activated .wow-app-header::before{
  background-color: #A72920;
}

.group-65c4adc949c51a40fba16182.desktop.wow-header-activated #mega-menu::after{
   background-color: #A72920 !important;
}

.group-65c4adc949c51a40fba16182.wow-header-activated li:hover > a::before, 
.group-65c4adc949c51a40fba16182.wow-header-activated li:hover > div > a::before{
   background-color: #A72920 !important;
}

.group-65c4adc949c51a40fba16182 .wow-app-header #menu section > a:hover,
.group-65c4adc949c51a40fba16182 .wow-app-header a[data-menu-item-id="launchpad"]:hover::before,
.group-65c4adc949c51a40fba16182 .wow-app-header a.notification-bell:hover::before,
.group-65c4adc949c51a40fba16182 .wow-app-header div[data-menu-item-id="user-settings"] > .user-menu-btn:hover::before,
.group-65c4adc949c51a40fba16182 .wow-app-header section > a:active, 
.group-65c4adc949c51a40fba16182 .wow-app-header section > a.active-item,
.group-65c4adc949c51a40fba16182 .wow-app-header [data-menu-item-id="launchpad"][aria-expanded="true"]::before,
.group-65c4adc949c51a40fba16182 .wow-app-header .css-le18rb-Link::before,
.group-65c4adc949c51a40fba16182 .wow-app-header .notification-bell:focus,
.group-65c4adc949c51a40fba16182 .wow-app-header [data-menu-item-id="user-settings"]:has(.open) > .user-menu-btn::before{
   background: #A72920 !important;
}

.group-65c4adc949c51a40fba16182.wow-header-activated #mega-menu ul[data-testid="mega-menu-list"] > li > a,
.group-65c4adc949c51a40fba16182.wow-header-activated menu#menu .we-icon{
    color: #fff !important;
}

.group-65c4adc949c51a40fba16182 menu#menu .we-icon{
    color: #e3001a; 
}

.group-65c4adc949c51a40fba16182 #mega-menu li.active a::after{
    background-color: #e3001a !important;
}

.group-65c4adc949c51a40fba16182 #mega-menu li > a{
    color: #e3001a !important;
}

.group-65c4adc949c51a40fba16182 #mega-menu .drop-down-ul li a:hover{
    color: #e3001a;
}

.group-65c4adc949c51a40fba16182 .page-header,
.group-65c4adc949c51a40fba16182.desktop .app-header::before,
.group-65c4adc949c51a40fba16182 header.header-container{
    background-color: #fff;
    color: #e3001a; 
}

.group-65c4adc949c51a40fba16182.desktop .app-header .header-button{
    background: #D9DCE1 !important;
    color: #000;
 }

.group-65c4adc949c51a40fba16182 .header-button-sidebar,
.group-65c4adc949c51a40fba16182 .header-button-back,
.group-65c4adc949c51a40fba16182 .header-title,
.group-65c4adc949c51a40fba16182 .header-right-container .header-button,
.group-65c4adc949c51a40fba16182 .header-right-container .header-button-menu,
.group-65c4adc949c51a40fba16182 .header-left-container .header-button,
.group-65c4adc949c51a40fba16182 .page-header .menu-button,
.group-65c4adc949c51a40fba16182.ios .page-header h1,
.group-65c4adc949c51a40fba16182 .page-header button{
    color: #e3001a;
}

.group-65c4adc949c51a40fba16182 .chat header.header-container #new-conversation-button,
.group-65c4adc949c51a40fba16182 .chat header.header-container+ div button{
   color: #e3001a !important; 
}

.group-65c4adc949c51a40fba16182 header.header-container button:focus, 
.group-65c4adc949c51a40fba16182 header.header-container a.button:focus{
    background: transparent; 
}

.group-65c4adc949c51a40fba16182 .app-header #menu a.item .we-icon,
.group-65c4adc949c51a40fba16182 .app-header #menu .notification-bell .we-icon,
.group-65c4adc949c51a40fba16182 .app-header #menu div[data-menu-item-id="user-settings"] > p::after,
.group-65c4adc949c51a40fba16182.desktop div[data-menu-item-id="launchpad-container"] span.we-icon{
   color: #e3001a; 
}

.group-65c4adc949c51a40fba16182 .page-header.with-logo .logo:not(.custom-logo),
.group-65c4adc949c51a40fba16182.desktop .app-header .header-logo,
.group-65c4adc949c51a40fba16182.mobile.wide .page-header.with-logo .logo:not(.custom-logo),
.group-65c4adc949c51a40fba16182 header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/6141a13af30eaf22769533ae.jpeg);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    padding-left: 40px;
}

.group-65c4adc949c51a40fba16182.ios .page-header h1{
    font-weight: 400; 
}

.group-65c4adc949c51a40fba16182 .news-feed-post-teaser > a > .read-more{
    color: #e3001a;
}

.group-65c4adc949c51a40fba16182 .news-feed-post-social-footer .social-button,
.group-65c4adc949c51a40fba16182 .news-detail-post-meta .news-feed-post-channel-link{
    color: #e3001a;
}

.group-65c4adc949c51a40fba16182 .comments-section form button{
    background: #D9DCE1 !important;
    color: #000;
}


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
.group-65c4adc949c51a40fba16182 #toolbar .toolbar-item{
    background-color: #D9DCE1;
    color: #000; 
}
 
.group-65c4adc949c51a40fba16182 #toolbar .toolbar-item.selected{
    color: #000;
    font-weight: 600;
}
 
.group-65c4adc949c51a40fba16182 #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}


.group-65c4adc949c51a40fba16182 #mobile-quicklinks .bg-neutral-base{
    background-color: #D9DCE1;
    color: #000;
}

.group-65c4adc949c51a40fba16182 #mobile-quicklinks .bg-neutral-base .\!text-neutral-medium{
  color: #000 !important; 
}

.group-65c4adc949c51a40fba16182 #mobile-quicklinks ul .we-icon{
  color: #000;
}

.group-65c4adc949c51a40fba16182 #mobile-quicklinks ul .active-link{
  font-weight: 600;
}


/* =============================================================================
= MULIBRANDING GROUP: Aventus TEST 6666ed5def35ce6704608895 =========================
================================================================================ */

/* =============================================================================
= HEADER =======================================================================
================================================================================ */

.group-6666ed5def35ce6704608895 menu#menu .we-icon{
    color: #e3001a; 
}

.group-6666ed5def35ce6704608895 #mega-menu li.active a::after{
    background-color: #e3001a !important;
}

.group-6666ed5def35ce6704608895 #mega-menu li > a{
    color: #e3001a !important;
}

.group-6666ed5def35ce6704608895 #mega-menu .drop-down-ul li a:hover{
    color: #e3001a;
}


.group-6666ed5def35ce6704608895 .page-header,
.group-6666ed5def35ce6704608895.desktop .app-header::before,
.group-6666ed5def35ce6704608895 header.header-container{
    background-color: #fff;
    color: #e3001a; 
}

.group-6666ed5def35ce6704608895.desktop .app-header .header-button{
    background: #D9DCE1 !important;
    color: #000;
 }

.group-6666ed5def35ce6704608895 .header-button-sidebar,
.group-6666ed5def35ce6704608895 .header-button-back,
.group-6666ed5def35ce6704608895 .header-title,
.group-6666ed5def35ce6704608895 .header-right-container .header-button,
.group-6666ed5def35ce6704608895 .header-right-container .header-button-menu,
.group-6666ed5def35ce6704608895 .header-left-container .header-button,
.group-6666ed5def35ce6704608895 .page-header .menu-button,
.group-6666ed5def35ce6704608895.ios .page-header h1,
.group-6666ed5def35ce6704608895 .page-header button{
    color: #e3001a;
}

.group-6666ed5def35ce6704608895 .chat header.header-container #new-conversation-button,
.group-6666ed5def35ce6704608895 .chat header.header-container+ div button{
   color: #e3001a !important; 
}

.group-6666ed5def35ce6704608895 header.header-container button:focus, 
.group-6666ed5def35ce6704608895 header.header-container a.button:focus{
    background: transparent; 
}

.group-6666ed5def35ce6704608895 .app-header #menu a.item .we-icon,
.group-6666ed5def35ce6704608895 .app-header #menu .notification-bell .we-icon,
.group-6666ed5def35ce6704608895 .app-header #menu div[data-menu-item-id="user-settings"] > p::after,
.group-6666ed5def35ce6704608895.desktop div[data-menu-item-id="launchpad-container"] span.we-icon{
   color: #e3001a; 
}

.group-6666ed5def35ce6704608895 .page-header.with-logo .logo:not(.custom-logo),
.group-6666ed5def35ce6704608895.desktop .app-header .header-logo,
.group-6666ed5def35ce6704608895.mobile.wide .page-header.with-logo .logo:not(.custom-logo),
.group-6666ed5def35ce6704608895 header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/6141a13af30eaf22769533ae.jpeg);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    padding-left: 40px;
}

.group-6666ed5def35ce6704608895.ios .page-header h1{
    font-weight: 400; 
}

.group-6666ed5def35ce6704608895 .news-feed-post-teaser > a > .read-more{
    color: #e3001a;
}

.group-6666ed5def35ce6704608895 .news-feed-post-social-footer .social-button,
.group-6666ed5def35ce6704608895 .news-detail-post-meta .news-feed-post-channel-link{
    color: #e3001a;
}

.group-6666ed5def35ce6704608895 .comments-section form button{
    background: #D9DCE1 !important;
    color: #000;
}


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
.group-6666ed5def35ce6704608895 #toolbar .toolbar-item{
    background-color: #D9DCE1;
    color: #000; 
}
 
.group-6666ed5def35ce6704608895 #toolbar .toolbar-item.selected{
    color: #000;
    font-weight: 600;
}
 
.group-6666ed5def35ce6704608895 #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}


/* =============================================================================
= MULIBRANDING GROUP: FEIGE 65c4ab4d00d7403f7313b4d6 ===========================
================================================================================ */

/* =============================================================================
= HEADER =======================================================================
================================================================================ */

.group-65c4ab4d00d7403f7313b4d6.desktop.wow-header-activated #mega-menu::after{
   background-color: #EF7201 !important;
}

.group-65c4ab4d00d7403f7313b4d6.wow-header-activated li:hover > a::before, 
.group-65c4ab4d00d7403f7313b4d6.wow-header-activated li:hover > div > a::before{
   background-color: #EE7201 !important;
}

.group-65c4ab4d00d7403f7313b4d6 .wow-app-header #menu section > a:hover,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header a[data-menu-item-id="launchpad"]:hover::before,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header a.notification-bell:hover::before,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header div[data-menu-item-id="user-settings"] > .user-menu-btn:hover::before,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header section > a:active, 
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header section > a.active-item,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header [data-menu-item-id="launchpad"][aria-expanded="true"]::before,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header .css-le18rb-Link::before,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header .notification-bell:focus,
.group-65c4ab4d00d7403f7313b4d6 .wow-app-header [data-menu-item-id="user-settings"]:has(.open) > .user-menu-btn::before{
   background: #CE6727 !important;
}

.group-65c4ab4d00d7403f7313b4d6 .page-header,
.group-65c4ab4d00d7403f7313b4d6.desktop .app-header::before,
.group-65c4ab4d00d7403f7313b4d6 header.header-container{
    background-color: #ee7202;
}

.group-65c4ab4d00d7403f7313b4d6 header.header-container button:focus, 
.group-65c4ab4d00d7403f7313b4d6 header.header-container a.button:focus{
    background: transparent; 
}

.group-65c4ab4d00d7403f7313b4d6 .page-header.with-logo .logo:not(.custom-logo),
.group-65c4ab4d00d7403f7313b4d6.desktop .app-header .header-logo,
.group-65c4ab4d00d7403f7313b4d6.mobile.wide .page-header.with-logo .logo:not(.custom-logo),
.group-65c4ab4d00d7403f7313b4d6 header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/69cb8b8bc3003b1201d5e143.png);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    padding-left: 40px;
}

.group-65c4ab4d00d7403f7313b4d6.ios .page-header h1{
    font-weight: 400; 
}


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
.group-65c4ab4d00d7403f7313b4d6 #toolbar .toolbar-item{
    background-color: #ee7202;
    color: #fff; 
}
 
.group-65c4ab4d00d7403f7313b4d6 #toolbar .toolbar-item.selected{
    color: #fff;
    font-weight: 600;
}
 
.group-65c4ab4d00d7403f7313b4d6 #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}

.group-65c4ab4d00d7403f7313b4d6 #mobile-quicklinks .bg-neutral-base{
    background-color: #ee7202;
    color: #fff;
}

.group-65c4ab4d00d7403f7313b4d6 #mobile-quicklinks .bg-neutral-base .\!text-neutral-medium{
  color: #fff !important; 
}

.group-65c4ab4d00d7403f7313b4d6 #mobile-quicklinks ul .we-icon{
  color: #fff;
}

.group-65c4ab4d00d7403f7313b4d6 #mobile-quicklinks ul .active-link{
  font-weight: 600;
}

/* =============================================================================
= MULIBRANDING GROUP: IB BAU 61386997950b22590b71c0f5  =========================
================================================================================ */

/* =============================================================================
= HEADER =======================================================================
================================================================================ */


.group-61386997950b22590b71c0f5.desktop.wow-header-activated .wow-app-header::before{
  background-color:  #E64017;
}

.group-61386997950b22590b71c0f5.desktop.wow-header-activated #mega-menu::after{
   background-color:  #E64017 !important;
}

.group-61386997950b22590b71c0f5.wow-header-activated li:hover > a::before, 
.group-61386997950b22590b71c0f5.wow-header-activated li:hover > div > a::before{
   background-color: #AB2524 !important;
}

.group-61386997950b22590b71c0f5 .wow-app-header #menu section > a:hover,
.group-61386997950b22590b71c0f5 .wow-app-header a[data-menu-item-id="launchpad"]:hover::before,
.group-61386997950b22590b71c0f5 .wow-app-header a.notification-bell:hover::before,
.group-61386997950b22590b71c0f5 .wow-app-header div[data-menu-item-id="user-settings"] > .user-menu-btn:hover::before,
.group-61386997950b22590b71c0f5 .wow-app-header section > a:active, 
.group-61386997950b22590b71c0f5 .wow-app-header section > a.active-item,
.group-61386997950b22590b71c0f5 .wow-app-header [data-menu-item-id="launchpad"][aria-expanded="true"]::before,
.group-61386997950b22590b71c0f5 .wow-app-header .css-le18rb-Link::before,
.group-61386997950b22590b71c0f5 .wow-app-header .notification-bell:focus,
.group-61386997950b22590b71c0f5 .wow-app-header [data-menu-item-id="user-settings"]:has(.open) > .user-menu-btn::before{
   background: #AB2524 !important;
}

.group-61386997950b22590b71c0f5.wow-header-activated #mega-menu ul[data-testid="mega-menu-list"] > li > a,
.group-61386997950b22590b71c0f5.wow-header-activated menu#menu .we-icon{
    color: #fff !important;
}

.group-61386997950b22590b71c0f5 .page-header,
.group-61386997950b22590b71c0f5.desktop .app-header::before,
.group-61386997950b22590b71c0f5 header.header-container{
    background-color: #000;
}

.group-61386997950b22590b71c0f5 header.header-container button:focus, 
.group-61386997950b22590b71c0f5 header.header-container a.button:focus{
    background: transparent; 
}

.group-61386997950b22590b71c0f5 .page-header.with-logo .logo:not(.custom-logo),
.group-61386997950b22590b71c0f5.desktop .app-header .header-logo,
.group-61386997950b22590b71c0f5.mobile.wide .page-header.with-logo .logo:not(.custom-logo),
.group-61386997950b22590b71c0f5 header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/611cef1596ca1950e79686ce.png);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    padding-left: 40px;
}

.group-61386997950b22590b71c0f5.ios .page-header h1{
    font-weight: 400; 
}


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
.group-61386997950b22590b71c0f5 #toolbar .toolbar-item{
    background-color: #000;
    color: #fff; 
}
 
.group-61386997950b22590b71c0f5 #toolbar .toolbar-item.selected{
    color: #fff;
    font-weight: 600;
}
 
.group-61386997950b22590b71c0f5 #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}

.group-61386997950b22590b71c0f5 #mobile-quicklinks .bg-neutral-base{
    background-color: #000;
    color: #fff;
}

.group-61386997950b22590b71c0f5 #mobile-quicklinks .bg-neutral-base .\!text-neutral-medium{
  color: #fff !important; 
}

.group-61386997950b22590b71c0f5 #mobile-quicklinks ul .we-icon{
  color: #fff;
}

.group-61386997950b22590b71c0f5 #mobile-quicklinks ul .active-link{
  font-weight: 600;
}


/* =============================================================================
= MULIBRANDING GROUP: SOMMER 6110be2f4a0f8c65001e9697 ==========================
================================================================================ */

/* =============================================================================
= HEADER =======================================================================
================================================================================ */

.group-6110be2f4a0f8c65001e9697 .page-header,
.group-6110be2f4a0f8c65001e9697.desktop .app-header::before,
.group-6110be2f4a0f8c65001e9697 header.header-container{
    background-color: #002a70;
    color: #fff; 
}

.group-6110be2f4a0f8c65001e9697.desktop .app-header .header-button{
    background: #002a70 !important;
    color: #fff;
 }

.group-6110be2f4a0f8c65001e9697 .header-button-sidebar,
.group-6110be2f4a0f8c65001e9697 .header-button-back,
.group-6110be2f4a0f8c65001e9697 .header-title,
.group-6110be2f4a0f8c65001e9697 .header-right-container .header-button,
.group-6110be2f4a0f8c65001e9697 .header-right-container .header-button-menu,
.group-6110be2f4a0f8c65001e9697 .header-left-container .header-button,
.group-6110be2f4a0f8c65001e9697 .page-header .menu-button,
.group-6110be2f4a0f8c65001e9697.ios .page-header h1,
.group-6110be2f4a0f8c65001e9697 .page-header button{
    color: #fff;
}

.group-6110be2f4a0f8c65001e9697 .chat header.header-container #new-conversation-button,
.group-6110be2f4a0f8c65001e9697 .chat header.header-container+ div button{
   color: #fff !important; 
}

.group-6110be2f4a0f8c65001e9697 header.header-container button:focus, 
.group-6110be2f4a0f8c65001e9697 header.header-container a.button:focus{
    background: transparent; 
}

.group-6110be2f4a0f8c65001e9697 .app-header #menu a.item .we-icon,
.group-6110be2f4a0f8c65001e9697 .app-header #menu .notification-bell .we-icon,
.group-6110be2f4a0f8c65001e9697 .app-header #menu div[data-menu-item-id="user-settings"] > p::after{
   color: #fff; 
}

.group-6110be2f4a0f8c65001e9697 .page-header.with-logo .logo:not(.custom-logo),
.group-6110be2f4a0f8c65001e9697.desktop .app-header .header-logo,
.group-6110be2f4a0f8c65001e9697.mobile.wide .page-header.with-logo .logo:not(.custom-logo),
.group-6110be2f4a0f8c65001e9697 header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/611cf23d691f5745620b5c90.png);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    padding-left: 40px;
}

.group-6110be2f4a0f8c65001e9697.ios .page-header h1{
    font-weight: 400; 
}


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
.group-6110be2f4a0f8c65001e9697 #toolbar .toolbar-item{
    background-color: #002a70;
    color: #fff; 
}
 
.group-6110be2f4a0f8c65001e9697 #toolbar .toolbar-item.selected{
    color: #fff;
    font-weight: 600;
}
 
.group-6110be2f4a0f8c65001e9697 #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}

.group-6110be2f4a0f8c65001e9697 #mobile-quicklinks .bg-neutral-base{
    background-color: #002a70;
    color: #fff;
}

.group-6110be2f4a0f8c65001e9697 #mobile-quicklinks .bg-neutral-base .\!text-neutral-medium{
  color: #fff !important; 
}

.group-6110be2f4a0f8c65001e9697 #mobile-quicklinks ul .we-icon{
  color: #fff;
}

.group-6110be2f4a0f8c65001e9697 #mobile-quicklinks ul .active-link{
  font-weight: 600;
}



.launchpad-flyout .launchpad-app .launchpad-app-icon{
     margin: 20px auto 5px;
}

.launchpad-flyout .launchpad-app .tooltip {
    padding: 10px 16px;
    background-color: #F2BF3A;
    
}

.launchpad-flyout .launchpad-app .tooltip span{
    color: #000;
}

.launchpad-flyout .launchpad-app .tooltip::before{
    background-color: #F2BF3A;
    color: #000;
}

.launchpad-flyout .launchpad-app .launchpad-app-title {
    margin-bottom: 10px;
}

/* =============================================================================
= MULIBRANDING GROUP: AAA major wire 678784e523202a6adfebbd51 ==================
================================================================================ */

/* =============================================================================
= HEADER =======================================================================
================================================================================ */
.group-678784e523202a6adfebbd51.desktop.wow-header-activated #mega-menu::after{
   background-color: #9aca3c !important;
}

.group-678784e523202a6adfebbd51.wow-header-activated li:hover > a::before, 
.group-678784e523202a6adfebbd51.wow-header-activated li:hover > div > a::before{
   background-color: #9aca3c !important;
}

.group-678784e523202a6adfebbd51 .wow-app-header #menu section > a:hover,
.group-678784e523202a6adfebbd51 .wow-app-header a[data-menu-item-id="launchpad"]:hover::before,
.group-678784e523202a6adfebbd51 .wow-app-header a.notification-bell:hover::before,
.group-678784e523202a6adfebbd51 .wow-app-header div[data-menu-item-id="user-settings"] > .user-menu-btn:hover::before,
.group-678784e523202a6adfebbd51 .wow-app-header section > a:active, 
.group-678784e523202a6adfebbd51 .wow-app-header section > a.active-item,
.group-678784e523202a6adfebbd51 .wow-app-header [data-menu-item-id="launchpad"][aria-expanded="true"]::before,
.group-678784e523202a6adfebbd51 .wow-app-header .css-le18rb-Link::before,
.group-678784e523202a6adfebbd51 .wow-app-header .notification-bell:focus,
.group-678784e523202a6adfebbd51 .wow-app-header [data-menu-item-id="user-settings"]:has(.open) > .user-menu-btn::before{
   background: #9aca3c !important;
}

.group-678784e523202a6adfebbd51.wow-header-activated .wow-app-header #menu .notification-bell .we-icon{
  color: #fff !important;
}

.group-678784e523202a6adfebbd51 menu#menu .we-icon{
    color: #b0b6ce; 
}

.group-678784e523202a6adfebbd51.wow-header-activated menu#menu .we-icon{
  color: #fff; 
}

.group-678784e523202a6adfebbd51 #mega-menu li.active a::after{
    background-color: #b0b6ce !important;
}

.group-678784e523202a6adfebbd51 #mega-menu li > a{
    color: #b0b6ce !important;
}

.group-678784e523202a6adfebbd51.wow-header-activated #mega-menu li > a{
    color: #fff !important;
}

.group-678784e523202a6adfebbd51 #mega-menu .drop-down-ul li a:hover{
    color: #b0b6ce;
}

.group-678784e523202a6adfebbd51.wow-header-activated #mega-menu .drop-down-ul li > a{
    color: #b0b6ce !important;
}


.group-678784e523202a6adfebbd51.wow-header-activated .page-header,
.group-678784e523202a6adfebbd51.desktop.wow-header-activated .app-header::before,
.group-678784e523202a6adfebbd51.wow-header-activated header.header-container{
    background-color: #9aca3c;
    color: #fff; 
}


.group-678784e523202a6adfebbd51 .page-header,
.group-678784e523202a6adfebbd51.desktop .app-header::before,
.group-678784e523202a6adfebbd51 header.header-container{
    background-color: #fff;
    color: #b0b6ce; 
}

.group-678784e523202a6adfebbd51.desktop .app-header .header-button{
    background: #D9DCE1 !important;
    color: #000;
 }

.group-678784e523202a6adfebbd51 .header-button-sidebar,
.group-678784e523202a6adfebbd51 .header-button-back,
.group-678784e523202a6adfebbd51 .header-title,
.group-678784e523202a6adfebbd51 .header-right-container .header-button,
.group-678784e523202a6adfebbd51 .header-right-container .header-button-menu,
.group-678784e523202a6adfebbd51 .header-left-container .header-button,
.group-678784e523202a6adfebbd51 .page-header .menu-button,
.group-678784e523202a6adfebbd51.ios .page-header h1,
.group-678784e523202a6adfebbd51 .page-header button{
    color: #b0b6ce;
}

.group-678784e523202a6adfebbd51 .chat header.header-container #new-conversation-button,
.group-678784e523202a6adfebbd51 .chat header.header-container+ div button{
   color: #b0b6ce !important; 
}

.group-678784e523202a6adfebbd51 header.header-container button:focus, 
.group-678784e523202a6adfebbd51 header.header-container a.button:focus{
    background: transparent; 
}

.group-678784e523202a6adfebbd51 .app-header #menu a.item .we-icon,
.group-678784e523202a6adfebbd51 .app-header #menu .notification-bell .we-icon,
.group-678784e523202a6adfebbd51 .app-header #menu div[data-menu-item-id="user-settings"] > p::after,
.group-678784e523202a6adfebbd51.desktop div[data-menu-item-id="launchpad-container"] span.we-icon{
   color: #b0b6ce; 
}

.group-678784e523202a6adfebbd51 .page-header.with-logo .logo:not(.custom-logo),
.group-678784e523202a6adfebbd51.desktop .app-header .header-logo,
.group-678784e523202a6adfebbd51.mobile.wide .page-header.with-logo .logo:not(.custom-logo),
.group-678784e523202a6adfebbd51 header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/67a26a820782e545f53b3f18.png);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 120px;
    height: 40px;
    padding-left: 120px;
}

.group-678784e523202a6adfebbd51.wow-header-activated.desktop .app-header .header-logo, 
.group-678784e523202a6adfebbd51.wow-header-activated header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/695cd7d2a2c0b420f1656d48.png);
}


.group-678784e523202a6adfebbd51.ios .page-header h1{
    font-weight: 400; 
}

.group-678784e523202a6adfebbd51 .news-feed-post-teaser > a > .read-more{
    color: #b0b6ce;
}

.group-678784e523202a6adfebbd51 .news-feed-post-social-footer .social-button,
.group-678784e523202a6adfebbd51 .news-detail-post-meta .news-feed-post-channel-link{
    color: #b0b6ce;
}

.group-678784e523202a6adfebbd51 .comments-section form button{
    background: #D9DCE1 !important;
    color: #000;
}


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */
 
.group-678784e523202a6adfebbd51 #toolbar .toolbar-item{
    background-color: #D9DCE1;
    color: #000; 
}
 
.group-678784e523202a6adfebbd51 #toolbar .toolbar-item.selected{
    color: #000;
    font-weight: 600;
}
 
.group-678784e523202a6adfebbd51 #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}

.group-6110be2f4a0f8c65001e9697 #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}

.group-678784e523202a6adfebbd51 #mobile-quicklinks .bg-neutral-base{
    background-color: #D9DCE1;
    color: #000;
}

.group-678784e523202a6adfebbd51 #mobile-quicklinks .bg-neutral-base .\!text-neutral-medium{
  color: #000 !important; 
}

.group-678784e523202a6adfebbd51 #mobile-quicklinks ul .we-icon{
  color: #000;
}

.group-678784e523202a6adfebbd51 #mobile-quicklinks ul .active-link{
  font-weight: 600;
}


/* =============================================================================
= MULIBRANDING GROUP: Staffbase testing ========================================
================================================================================ */

/* =============================================================================
= HEADER =======================================================================
================================================================================ */

/*

.group-637b304bb05e8234a27df55b .page-header,
.group-637b304bb05e8234a27df55b.desktop .app-header::before,
.group-637b304bb05e8234a27df55b header.header-container{
    background-color: #ee7202;
}

.group-637b304bb05e8234a27df55b header.header-container button:focus, 
.group-637b304bb05e8234a27df55b header.header-container a.button:focus{
    background: transparent; 
}

.group-637b304bb05e8234a27df55b .page-header.with-logo .logo:not(.custom-logo),
.group-637b304bb05e8234a27df55b.desktop .app-header .header-logo,
.group-637b304bb05e8234a27df55b.mobile.wide .page-header.with-logo .logo:not(.custom-logo),
.group-637b304bb05e8234a27df55b header.header-container .header-logo{
    background-image: url(https://hb4me.haverboecker.com/api/media/secure/external/v2/image/upload/610a5a930e37ae7d11c0e4ff.png);
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    padding-left: 40px;
}

.group-637b304bb05e8234a27df55b.ios .page-header h1{
    font-weight: 400; 
}

*/


/* =============================================================================
= TOOLBAR ======================================================================
================================================================================ */

/*
 
.group-637b304bb05e8234a27df55b #toolbar .toolbar-item{
    background-color: #ee7202;
    color: #fff; 
}
 
.group-637b304bb05e8234a27df55b #toolbar .toolbar-item.selected{
    color: #fff;
    font-weight: 600;
}
 
.group-637b304bb05e8234a27df55b #toolbar .toolbar-item.selected .toolbar-item-title{
    font-weight: 600;
}

.group-637b304bb05e8234a27df55b #mobile-quicklinks .bg-neutral-base{
    background-color: #ee7202;
    color: #fff;
}

.group-637b304bb05e8234a27df55b #mobile-quicklinks .bg-neutral-base .\!text-neutral-medium{
  color: #fff !important; 
}

.group-637b304bb05e8234a27df55b #mobile-quicklinks ul .we-icon{
  color: #fff;
}

.group-637b304bb05e8234a27df55b #mobile-quicklinks ul .active-link{
  font-weight: 600;
}

*/