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

.desktop.with-background-image:not(.fullscreen-login):not(.embed-mode) #wrapper {
    background-color: rgba(250,250,250,0);
    padding-left: 0;
    padding-right: 0;
}

a, a:visited, .branch-colored {
    color: #F84914;
}

/* =============================================================================
= HEADER =======================================================================
================================================================================ */
 
.desktop .search-widget .search-wrap {
    border: 1px solid #ddd;
}
 
.desktop .search-widget .search-wrap, .desktop .search-widget .search-wrap > input, .ios .page-header.search-header.colored .search{
    background-color: #fff;
}


/* =============================================================================
= MENU =======================================================================
================================================================================ */

#mega-menu ul .active a.item::after{
    background: #007A8C !important; 
}

#mega-menu ul .active a.item{
    color: #007A8C !important; 
}

#mega-menu li:hover > a {
    background-color: #fff;
    text-decoration: none !important;
    color: #007A8C !important; 
}

#mega-menu li:hover > a::after {
    background: #007A8C !important; 
}

.breadcrumb-item.current{
    font-weight: 600; 
}

/* =============================================================================
= FEED =========================================================================
================================================================================ */

.news-feed-post-social-actions .social-button{
    color: #F84914;
}

.news-feed .news-feed-post-teaser > a > .read-more{
    color: #F84914;
}

.news-slider-layout-overlay .read-more{
     color: #F84914 !important;
}

/* =============================================================================
= COMMENTS =====================================================================
================================================================================ */
 
.comments-section .save-comment,
.mouse .comments-section .save-comment:active,
.mouse .comments-section .save-comment:focus,
.touch .comments-section .save-comment:active,
.touch .comments-section .save-comment.active,
.touch .comments-section .save-comment:focus{
    background-color: rgb(228, 72, 31);
    color: #fff;
    padding: 10px;
    border-radius: 4px;
}
 
.mouse .comments-section .save-comment:hover{
      background-color: rgba(228, 72, 31, .8);
    color: #fff;
}
 

/* =============================================================================
= SIGN-MASK =======================================================================
================================================================================ */

.signin-form::after{
    content: 'Als Nutzername können Sie Ihre UserID oder Ihre E-Mail verwenden.';
    display: block;
    font-size: 10px;
    margin-top: 5px;  
    text-align: center;
    font-weight: 600;  
}

.signin .legal-link-container .legal-link{
    display: block;
    padding: 0;
    color: #ffffff;
}
 
.signin .dialog-inner .content {
    background: #ffffff;
}
 
.mobile .signin .page-content {
    background: #ffffff;
}
 
.dialog.signin .logo {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Hide SSO sign-in for mobile users */
.mobile .signin-container .sso.signin-form, .mobile .signin-container .signin-view-container hr {
    display: none;
}

/* =============================================================================
= BUTTON (PUBLIC HINT) =========================================================
================================================================================ */

.public-login-hint button,
.page-content .blank-slate .positive {
    background-color: rgb(228, 72, 31);
}

.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(228, 72, 31, .8);
} 


.signin-view button, 
.signin-view button:focus {
    background-color: rgb(228, 72, 31);
    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(228, 72, 31, .8);
}

/* =============================================================================
= SOCIAL WALL BUTTON ===========================================================
================================================================================ */

.social-wall-button .create-post-widget img{
    display: none !important;   
}

.social-wall-button  .ui-commons__create-post-widget{
    background: #f84914; 
    color: #fff; 
    border-radius: 3px;
    max-width: 60%;
}

.mouse .social-wall-button  .ui-commons__create-post-widget:hover{
    background-color: rgb(249, 109, 67); 
}

@media screen and (max-width: 1000px) {
    .social-wall-button .ui-commons__create-post-widget{
        max-width: 100%;
    }
}

.social-wall-button  .ui-commons__create-post-widget .ui-commons____text{
    color: #fff; 
    text-align: center; 
}

.social-wall-button  .ui-commons__create-post-widget .we-icon{
    color: #fff; 
}