/* ============================================================================= */
/* ========================== CUSTOMER XXX ===================================== */
/* ============================================================================= */
/* ========= LAST UPDATE: XX/XX/XX / VERSION: vXX  / AUTHOR: NAME ============== */
/* ============================================================================= */



/* =============================================================================
= COLORS =======================================================================
================================================================================ */

/* Color name: #XXXXXX */
/* Color name: #XXXXXX */
/* Color name: #XXXXXX */
/* Color name: #XXXXXX */
/* Color name: #XXXXXX */


:root {
    --sb-background-nav-appintranet-hover: #008e96 !important;
    --sb-background-nav-appintranet-pressed: #008e96 !important;
}


/* =============================================================================
= GLOBAL SETTINGS ==============================================================
================================================================================ */

html.desktop {
    background-position: right bottom;
}

/* Einstellung der Höhe des Bildes eines Ordners */
.wide .menuPage figure{
    padding-bottom: 23.5%;
}

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

.loggedin.desktop .app-header.wow-app-header menu > section > a.item{
    background: transparent;
    max-width: 45px;  
}

.loggedin.desktop .app-header.wow-app-header menu a.item:hover{
    background: var(--sb-background-nav-appintranet-hover); 
}

.loggedin.desktop .wow-app-header,
.loggedin.desktop .wow-app-header .page-header-wrapper .header-container, 
.loggedin.desktop .wow-app-header::before {
    background-color:#00a5ae;
}

.loggedin.wow-header-activated #mega-menu::after{
   background-color:#00a5ae !important; 
}

.css-154cnon-DropdownPicture {
    display: none;
}

.mobile .page.chat .header-button-back {
    background-color: #00a5ae;
}

/* Custom header menu background color - menu item whilst hover ======================================================= */
.loggedin #mega-menu .horizontal-menu-hidden-sides a.item::before,
.loggedin #mega-menu .horizontal-menu-hidden-sides li.active a.item::before {
    background-color: #008e96;
}


/* Change background color on header menu (right-side) items during hover and click ============================= */ 
.desktop.loggedin .app-header:before,
.desktop.loggedin .page-header,
.desktop.loggedin.wow-header-activated #mega-menu::after,
.desktop.loggedin .app-header:before,
.desktop.loggedin .page-header,
.desktop.loggedin.wow-header-activated #mega-menu::after {
   background: #00a5ae !important;  
}


.desktop.loggedin .app-header .header-button {
    background: #00a5ae !important;
 }

.loggedin.wow-header-activated menu.with-search a {
    background-color: transparent !important;
}

.loggedin.desktop.wow-header-activated a.item.active-item,
.loggedin.desktop.wow-header-activated a.link-internal.active-item:hover,
.loggedin.desktop.wow-header-activated a.link-internal.active-item,
.loggedin.desktop #menu a.notification-bell,
.loggedin.desktop #menu a.notification-bell::before,
.loggedin.desktop [data-menu-item-id="launchpad-container"] a::before,
.loggedin.desktop div.user-menu-btn::before,
.loggedin.desktop div.user-menu-btn:hover::before,
.loggedin.desktop #menu p.user-menu-btn:hover::after  {
    background: #00a5ae !important;
}

/* =============================================================================
= MENU LIST PAGE ===============================================================
================================================================================ */
 

.mobile-menu-list-page .bg-header-appintranet {
   background-color: #00a5ae;
}


/* =============================================================================
= TOOLBAR / BOTTOM NAVIGATION ==================================================
================================================================================ */

#toolbar .toolbar-item{
    color: #009530;
}
 
#toolbar .toolbar-item.selected{
    font-weight: 600 !important;
    color: #009530; 
}

.mobile #toolbar .toolbar-item,
.mobile #toolbar .toolbar-item.selected{
    color:#009530;
}

.loggedin.mobile .page .header-container,
.loggedin.mobile .page-header{
    background-color:#00a5ae;
}


.loggedin.mobile #toolbar .toolbar-item,
.loggedin.mobile #toolbar .toolbar-item.selected{
    color: #00a5ae;
}
html[data-current-page-type="page"] #toolbar .toolbar-item[data-menu-item-id="66d07ee409bda86f998e78b1"],
html[data-current-page-type="feed"] #toolbar .toolbar-item[data-menu-item-id="66d0805a4e8b2d6a938ef9b9"]{
    font-weight: 600 !important;
}

/* NEW toolbar / bottom navigation =================================== */

.loggedin #mobile-quicklinks a.\!text-neutral-medium {
    color:  #00a5ae !important;
}

.loggedin #mobile-quicklinks a.\[\&\.active-link\]\:\!text-\[--sb-brand-800\].active-link {
    color:  #00a5ae !important;
    font-weight: 600 !important;
}

html[data-current-page-type="page"].loggedin a[aria-label="Launchpad"]{
    font-weight: 600 !important;
}

#mobile-quicklinks a.\!text-neutral-medium {
    color:  #009530!important;
}

#mobile-quicklinks a.\[\&\.active-link\]\:\!text-\[--sb-brand-800\].active-link {
    color:  #009530!important;
    font-weight: 600 !important;
}

/* =============================================================================
= MENU LIST PAGE ===============================================================
================================================================================ */

.loggedin .mobile-menu-list-page .bg-nav-appintranet,
.ios .loggedin .mobile-menu-list-page .bg-nav-appintranet {
    background-color: #00a5ae;
}

/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */
 
.signin .logo,
.fullscreen-login .page.signin,
.fullscreen-login #wrapper {
    background-color: #009530;
}

.dialog.signin .dialog-inner,
.signin .page-content{
    background-color: #009530;
}


/* =============================================================================
= PUBLIC AREA ==================================================================
================================================================================ */



/* =============================================================================
= CONTENT ======================================================================
================================================================================ */

/* HEADLINES =================================================================== */


/* CHANNELS / FEEDS ============================================================ */

.wide .archive .feed-styling>.blank-slate,
.wide .content-widget-wrapper.widget-on-card>.content-widget,
.wide .feed .feed-styling>.blank-slate, .wide
.feed-styling.feed-type-dashboard .feed-post,
.wide .feed-styling.feed-type-posts .feed-post,
.wide:not(.without-page-background) .page:not(.feed):not(.archive):not(.without-page-background) .page-content>.scroller{
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(30, 31, 31, 0.04), 0px 2px 8px rgba(30, 31, 31, 0.04);
}

.rich-text :not(.news-feed-post-image, .grid-gallery-item) > img{
   border-radius: 8px;
}

.news-feed .news-feed-post{
     border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(30, 31, 31, 0.04), 0px 2px 8px rgba(30, 31, 31, 0.04);
}

.desktop .news-feed .news-feed-post{
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(30, 31, 31, 0.04), 0px 2px 8px rgba(30, 31, 31, 0.04);
}

.news-feed .news-feed-post,
.grid-gallery-item img,
.news-detail-post-image,
.news-feed-post-video,
.news-detail-post-video{
    border-radius: 8px !important;
}

.wide .archive .feed-styling>.blank-slate,
.wide .content-widget-wrapper.widget-on-card>.content-widget,
.wide .feed .feed-styling>.blank-slate, .wide
.feed-styling.feed-type-dashboard .feed-post,
.wide .feed-styling.feed-type-posts .feed-post,
.wide:not(.without-page-background) .page:not(.feed):not(.archive):not(.without-page-background) .page-content>.scroller{
    border-radius: 8px;
}

.swiper-container,
.news-slider-slide.swiper-slide .news-feed-post-media-dummy,
.news-slider-slide.swiper-slide article {
    border-radius: 8x;    
}

news-slider-block[layout="gradient"]{
    box-shadow: none;
    border-radius: 8px; 
}

.swiper,
.swiper-wrapper,
figure.news-feed-post-image, 
figure.news-feed-post-image img{
  border-radius: 8px !important; 
}




/* PORTFOLIO WIDGETS ===================================================================== */

.portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-image{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.portfolio-widget .ui-commons__portfolio-widget__panel-title{
    font-size: 16px; 
}

.ui-commons__portfolio-widget__panel-description.ui-commons__portfolio-widget__panel-description{
     font-size: 12px; 
}

/* TILES WIDGETS ===================================================================== */

.quick-links-widget.type-tiles li{
     border-radius: 8px ; 
}



/* =============================================================================
= BUTTON (login button) ========================================================
================================================================================ */
.signin-view button, 
.signin-view button:focus {
      background-color: rgba(0, 149, 48, 1);
      color: #fff;
}

.mouse .signin-view button:hover, 
.mouse .signin-view .button:hover, 
.mouse .signin-view a.button:hover, 
.touch .signin-view button.active, 
.touch .signin-view .button.active, 
.touch .signin-view a.button.active{
    background-color: rgba(0, 149, 48, 0.8);
}

.public-login-hint button,
.page-content .blank-slate .positive {
     background-color: rgba(0, 149, 48, 1);
      color: #fff;
}

.public-login-hint button.positive:hover, 
.public-login-hint button.positive:focus, 
.touch .public-login-hint button.positive.active,
.page-content .blank-slate .positive:hover, 
.page-content .blank-slate .positive:focus,
.touch .page-content .blank-slate .positive.active {
        background-color: rgba(0, 149, 48, 0.8);

} 



/* =============================================================================
= CUSTOM ID & CLASSES / SPACES / PAGES / PLUGINS  ==============================
================================================================================ */


/* CUSTOM STARTPAGES / CUSTOM PAGES =========================================== */

@media only screen and (max-width: 800px) {
.mobile .plugin-66167817fdf15219950e6910 .portfolio-widget .ui-commons__portfolio-widget__wrapper,
.mobile .plugin-66167817fdf15219950e6910 .ui-commons__portfolio-widget__panel-wrapper{
    margin: 0;
}
    
.mobile .plugin-66167817fdf15219950e6910 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-wrapper{
    width: calc(33.33% - 8px);
    max-width: calc(33.33% - 8px);
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, 0.02);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;
}
 
.mobile .plugin-66167817fdf15219950e6910 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-wrapper:nth-child(2n){
    margin-right: 12px;
    margin-left: 12px;
}
 
.mobile .plugin-66167817fdf15219950e6910 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-title{
    text-align: center;
    font-size: 12px;
}
 
.mobile .plugin-66167817fdf15219950e6910 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-image{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    }
}

/* CUSTOM STARTPAGES INTERNAL AREA / CUSTOM PAGES =========================================== */

@media only screen and (max-width: 800px) {
.mobile .plugin-66869294f03dfa22e9fc3193 .portfolio-widget .ui-commons__portfolio-widget__wrapper,
.mobile .plugin-66869294f03dfa22e9fc3193 .ui-commons__portfolio-widget__panel-wrapper{
    margin: 0;
}
    
.mobile .plugin-66869294f03dfa22e9fc3193 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-wrapper{
    width: calc(33.33% - 8px);
    max-width: calc(33.33% - 8px);
    border-radius: 8px;
    border: 1px rgba(0, 0, 0, 0.02);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important;
}
 
.mobile .plugin-66869294f03dfa22e9fc3193 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-wrapper:nth-child(2n){
    margin-right: 12px;
    margin-left: 12px;
}
 
.mobile .plugin-66869294f03dfa22e9fc3193 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-title{
    text-align: center;
    font-size: 12px;
}
 
.mobile .plugin-66869294f03dfa22e9fc3193 .portfolio-widget .ui-commons__portfolio-widget__wrapper .ui-commons__portfolio-widget__panel-image{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    }
}

/* =============================================================================
= START PAGE INTRANET - PAGE ID plugin-63246554943e7229fddc02a4=================
================================================================================ */
.Hero_1{
    border-radius:8px;
    margin-top:-20px !important;
}
.Hero_1 .ui-commons__hero_image__wrapper{
     max-height:160px;
     border-radius:8px;
}

.startpage-intranet .news-slider-pagination {
    display: none !important;
}

.startpage-intranet .swiper-container,
.startpage-intranet figure.news-feed-post-image,
.startpage-intranet figure.news-feed-post-image img {
    border-radius: 8px !important;
}

.wide .startpage-intranet .header-stage.content-widget-wrapper.widget-on-card>.content-widget {
    padding: 16px 16px;
}

.startpage-intranet article.news-feed-post {
    padding-right: 16px;
    padding-left: 16px;
}

.startpage-intranet .main-slide.top-left .swiper-container .news-feed-post-teaser>a>.read-more {
    color: #fff;
}

.startpage-intranet .third-slide.top-right .swiper-container {
    border-top-right-radius: 8px !important;
}

.startpage-intranet .main-slide.top-left .swiper-container {
    border-top-left-radius: 8px !important;
}

.startpage-intranet .second-slide .news-slider-navbutton-prev,
.startpage-intranet .third-slide .news-slider-navbutton-prev,
.startpage-intranet .fourth-slide .news-slider-navbutton-prev,
.startpage-intranet .fifth-slide .news-slider-navbutton-prev,
.startpage-intranet .second-slide .news-slider-navbutton-next,
.startpage-intranet .third-slide .news-slider-navbutton-next,
.startpage-intranet .fourth-slide .news-slider-navbutton-next,
.startpage-intranet .fifth-slide .news-slider-navbutton-next {
    display: none;
}

.desktop .startpage-intranet .news-slider-layout-gradient .news-slider-media-wrapper .news-feed-post-image::after,
.desktop .startpage-intranet.news-slider-layout-gradient .news-slider-media-wrapper .news-feed-post-video div::after,
.desktop .startpage-intranet .news-slider-layout-gradient .news-slider-media-wrapper .news-feed-post-media-dummy::after {
    background: transparent;
}

.desktop .startpage-intranet .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper {
    background: transparent !important;
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 60px 16px 16px 16px;
    position: absolute;
    width: 100%;
}

.desktop .startpage-intranet .main-slide.top-left .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper {
    background: linear-gradient(2deg, rgba(7, 3, 3, .8) 50%, rgba(107, 124, 24, 0) 75%) !important;
}

.desktop .startpage-intranet .second-slide .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper {
    background: linear-gradient(2deg, rgba(80, 80, 80, .7) 50%, rgba(90, 90, 90, 0) 75%) !important;
}

.desktop .startpage-intranet .third-slide .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper {
    background: linear-gradient(2deg, rgba(135, 103, 77, .7) 50%, rgba(38, 72, 41, 0) 75%) !important;
}

.desktop .startpage-intranet .fourth-slide .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper {
    background: linear-gradient(2deg, rgba(38, 72, 41, .7) 50%, rgba(38, 72, 41, 0) 75%) !important;
}

.desktop .startpage-intranet .fifth-slide .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper {
    background: linear-gradient(2deg, rgba(125, 73, 32, .7) 50%, rgba(38, 72, 41, 0) 75%) !important;
}

.desktop .startpage-intranet .startpage-intranet .news-slider-layout-gradient .news-slider-content-wrapper .news-slider-inner-content-wrapper a>.read-more {
    color: #000;
}

.desktop .main-slide h2.news-feed-post-headline {
    font-size: 20px;
}

.desktop .startpage-intranet .special-section .column-50.ui-commons__section__column {
    margin-inline-start: 2px;
    width: calc(50% - 2px);
    max-width: calc(50% - 2px);
}

.desktop .startpage-intranet .special-section .column-50.ui-commons__section__column:first-child {
    margin-inline-start: 0;
    
}
.without-margin .static-content-widget .ui-commons__section__column h2{
    margin-top:5px !important;
}
.desktop .startpage-intranet .content-widget-wrapper.news-stage-wrapper.fourth-slide,
.desktop .startpage-intranet .content-widget-wrapper.news-stage-wrapper.fifth-slide {
    margin-top: -50px;
}
.desktop .startpage-intranet .content-widget-wrapper .fourth-fifth-slide{
     margin-top: -3px;
}

.desktop .startpage-intranet .corrected-width>.section-widget .ui-commons__section__wrapper>.column-50:nth-child(2) {
    width: 50%;
}

.desktop .startpage-intranet .header-stage .static-content-widget {
     padding-top: 0px; 
    padding-bottom: 0px; 
}

.desktop .startpage-intranet .header-stage a {
    color: #333;
    font-weight: 600;
}

.desktop .startpage-intranet .header-stage .we-icon {
    color: #01579B;
    font-size: 20px;
}

.desktop .startpage-intranet .column-33 .news-feed-post.news-feed-post-type-articles {
    min-height: 300px;
}


.without-margin {
    margin-top: -110px !important;
}

.desktop .startpage-intranet .column-66.ui-commons__section__column {
    padding-right: 40px;
}
.second-slide .news-slider-header-wrapper .news-feed-post-headline span,
.third-slide .news-slider-header-wrapper .news-feed-post-headline span,
.fourth-slide .news-slider-header-wrapper .news-feed-post-headline span,
.fifth-slide .news-slider-header-wrapper .news-feed-post-headline span{
         font-size:15px;
      
}

.without-margin .static-content-widget .content-widget-wrapper .ui-commons__section__column .content-widget-wrapper .ui-commons__section__column .internal-link>span{
    color: #009530 !important;
}

.second-slide-portfolio .ui-commons__hero_image__wrapper,
.third-slide-portfolio .ui-commons__hero_image__wrapper,
.fourth-slide-portfolio .ui-commons__hero_image__wrapper,
.fifth-slide-portfolio .ui-commons__hero_image__wrapper{
    height:167px !important;
    border-radius:8px !important;
}

.third-slide-portfolio{
      margin-top:-23px !important;
    margin-bottom:0px !important;
}
.fourth-slide-portfolio{
      margin-top:-74px !important;
}
.fifth-slide-portfolio{
      margin-top:-52px !important;
}
.without-margin-portfolio {
    margin-top: -75px !important;
}
.second-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading,
.third-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading,
.fourth-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading,
.fifth-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading{
    margin-top: -110px !important;
    font-size:22px!important;
    color: #fff !important;
}
.second-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading a,
.third-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading a,
.fourth-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading a,
.fifth-slide-portfolio .ui-commons__hero_image__wrapper .ui-commons__hero_image__heading a{

    color: #fff !important;
}
/* =============================================================================
= Mobile Navigation | Sidebar ==================================================
================================================================================ */
.mobile #sidebar .plugin-list {
    padding-bottom: 10px;
}



/* =============================================================================
= User Profile Widget ======================================================================
================================================================================ */

user-profile-block .user-profile-summary-defaults {
  display: none;
}

user-profile-block .user-profile-summary[data-field-department]::before {
  content: attr(data-field-department);
}

user-profile-block .user-profile-summary[data-field-position]::before {
  content: attr(data-field-position);
}

user-profile-block .user-profile-summary[data-field-gesellschaft]::before {
  content: attr(data-field-gesellschaft);
}

user-profile-block .user-profile-summary[data-field-position][data-field-gesellschaft]::before {
  content: attr(data-field-position) " - " attr(data-field-gesellschaft) ;
}

user-profile-block .user-profile-summary[data-field-department][data-field-gesellschaft]::before {
  content: attr(data-field-department) " - " attr(data-field-gesellschaft) ;
}

user-profile-block .user-profile-summary[data-field-position][data-field-department]::before {
  content: attr(data-field-position) " - " attr(data-field-department) ;
}

user-profile-block .user-profile-summary[data-field-position][data-field-department][data-field-gesellschaft]::before {
  content: attr(data-field-position) " - " attr(data-field-department)  " - " attr(data-field-gesellschaft);
}


/* =============================================================================
= HIDDEN ITEMS =================================================================
================================================================================ */

/* PLEASE COMMENT WHAT YOU HIDE ================================================ */
 .second-level-flyout div[data-testid="dropdown-preview"] {
    display:none !important;
}
#mega-menu .horizontal-menu-hidden-sides ul li div{
    margin-left:0px !important;
}

/* =============================================================================
= //// END /// =================================================================
================================================================================