/* ============================================================================= */
/* ========================== CUSTOMER ALDI NORD =============================== */
/* ============================================================================= */
/* == LAST UPDATE: 22.08.2023 / VERSION: v02 / AUTHOR: Max/Olivia/Maik/Moaz===== */
/* ============================================================================= */
 
/* =============================================================================
= COLORS =======================================================================
================================================================================ */
 
/* Wurst (orange): #ec7205 */
/* Technik (grey): #777777 */





/* =============================================================================
= LOGIN MASK  ==================================================================
================================================================================ */
.compact .page-content .public-login-hint .description {
    color: #fff;
}

.help-link-container {
    display: none !important;
}

a.clickable.legal-link.external-link {
    color: #10BCF0;
}

a.clickable.legal-link.internal-link {
    color: #10BCF0;
}

.signin .legal-link-container .legal-link {
    display: block;
    width: auto;
    padding: 0px;
}

.loggedout.compact .page-content div.public-login-hint > p.description {
    color: #000;
    background: #fff;
    padding: 4px;
}

/* ==========================
========== Counter ==========
============================= */

#clockdiv{
font-family: sans-serif;
color: #54C3EF;
display: block;
font-weight: 100;
text-align: center;
font-size: 30px;
margin: -20px 0 25px 0;
}

#clockdiv > div{
border-radius: 5px;
border: 2px solid #54C3EF;
background: #fff;
color: #54C3EF;
display: inline-block;
margin-right: 5px;
width: 22.5%; 
padding: 15px 0;
}

#clockdiv div > span{
border-radius: 3px;
display: inline-block;
color: #54C3EF;
}

.smalltext{
padding-top: 5px;
font-size: 16px;
color: #54C3EF;
}

#clockdiv > div.largebox{
width: 100%;
}


/* =============================================================================
= MENU (SIDEBAR) ===============================================================
================================================================================ */

.mobile #sidebar{
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15); 
    background-color: #fff;
    border-right: 1px solid #E5E5E5; 
}

.mobile #sidebar .profile-header{
    background: #fff;
    color: #000;
}

.mobile.ios .profile-header .menu-list.items-4 {
    color: #54C3EF;
}

.ios #wrapper{
    border-right: 1px solid #E5E5E5; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; 
}

.mobile #sidebar .plugin-list{
    background: #fff !important;
    color: #000; 
}

.mobile #sidebar .plugin-list>.item:first-of-type{
    margin-top: 10px;   
}

.mobile #sidebar .plugin-list>.search-widget{
    background: #fff;
}

.retina.mobile #sidebar .channel-list{
    background-color: #fff;
}

.retina.mobile #sidebar .plugin-list>.item:not(:first-of-type),
.mobile #sidebar .plugin-list>.item:not(:first-of-type) {
    border-top: 1px solid #fff;
    background: none; 
}

.mobile #sidebar .channel-list:not(.loading){
    background-color: #fff; 
}

.retina.mobile #sidebar .channel-list .item+.item,
.retina.mobile #sidebar .channel-list, 
.mobile #sidebar .channel-list .item{
    background: none; 
    border: none;
}

 #sidebar .channel-list .item:before,
.ios #sidebar .channel-list .item:before{
    background-color: #000;
    top: 20px; 
}

.mobile.touch #sidebar .channel-list .item.active,
.mobile.touch #sidebar .plugin-list>.item.active,
.mobile.touch #sidebar .actor.active, 
.mobile.touch #sidebar .profile-header .item.active, .mobile.touch #sidebar>.menu-list .item.active{
   background-color: #eeeeee;
}

.mobile #sidebar .plugin-list:first-child>.search-widget, 
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px; 
    padding-top: 15px
}

/* FIX for new_search on white background menu */ 
.mobile .no-header .plugin-list.scroller > div > div{
    background: #fff !important; 
}

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

.mobile #sidebar .profile-header .actor{
    background: #fff; 
}

.mobile #sidebar .plugin-list>.search-widget{
    background: #eeeeee;
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap span.we-icon.search{
    top: 15px; 
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap input::placeholder{
    color: #666;
}

.mobile #sidebar .plugin-list>.search-widget .search-wrap input{
    background-color: #fff;
    border: none;
    border-radius: 5px;
    height: 45px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);   
}

.mobile #sidebar .plugin-list:first-child>.search-widget, 
.mobile.loggedout #sidebar .plugin-list>.search-widget{
    padding-bottom: 15px; 
    padding-top: 15px; 
}

/* =============================================================================
= MENU (TOOLBAR) ===============================================================
================================================================================ */

.mobile #toolbar {
    background-color: #202B78;
    border-top: 1px solid #202B78;
    color: #fff;
}

#toolbar .toolbar-item {
    color: #fff;
}

#toolbar .toolbar-item.selected{
    color: #54C3EF;
    background-color: #fff;
}


#mobile-quicklinks .bg-neutral-base{
    border-top: 1px solid #202B78;
    background-color: #202B78;
    color: #FFFFFF;  
}

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

#mobile-quicklinks ul .active-link.active-link.active-link{
    background-color: #202B78;
    color: #FFFFFF;  
   font-weight: 600; 
}
#mobile-quicklinks ul li:nth-child(1) a[aria-label="Startseite"] span[data-testid="icon"]>span{
display:none;
}

#mobile-quicklinks ul li:nth-child(1) a[aria-label="Startseite"] {

    display: block;
    background-image: url(https://www.aldianer-nord.de/api/media/secure/external/v2/image/upload/6865237126897d3f356370a0.png) !important;


    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    margin-top:6px;
    padding-top:7px;
   
}
/* https://www.aldianer-nord.de/api/media/secure/external/v2/image/upload/685262d3d4726d5b5b0cb3c1.png */

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

.compact .page.feed .page-content, .compact .page.archive .page-content, .compact .page.without-page-background .page-content,
.compact .page.archive .feed-styling, .compact .page.feed .feed-styling{
    background: url("https://www.aldianer-nord.de/api/media/secure/external/v2/image/upload/b065bce2944f0d661ce8ac62734d9649.png");    
      background-size: cover;
      background-position: center center;
}

/* HEADLINES =================================================================== */
.compact .page .feed-channel h2.channel-headline>a, .compact .page .feed-channel h2.channel-headline>span, .compact .page .page-content .content-widget-wrapper>h2.content-widget-title>a, .compact .page .page-content .content-widget-wrapper>h2.content-widget-title>span{
    background: #fff; 
}

.compact .news-feed-channel-headline{
    background: #fff; 
}

.compact .news-feed-widget>.read-more,
.compact .news-feed-channel-archive-link{
    color: #fff; 
}

.wide .page .feed-channel h2.channel-headline, .wide .page .page-content .content-widget-wrapper>h2.content-widget-title {
    font-size: 22px; 
}

.feed-post-detail .news-detail-post-teaser {
    font-size: 15px;
    font-weight: 600;
}

a.internal-link.feed-post-channel-link.clickable {
    color: #616161;
}



/* =============================================================================
= CUSTOM ID & CLASSES / SPACES / PAGES / PLUGINS  ==============================
================================================================================ */
    
/* CUSTOM ACCORDION ============================================================ */
 .accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.5s;
    margin-bottom: 2px;
}
 
.desktop .accordion:hover {
    background-color: #ec7205;
    color: #fff;
}
 
.accordion.active {
    background-color: #ec7205;
    color: #fff;
}
 
.compact .accordion:hover{
    background-color: none !important;
}
 
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
 
.panel p{
    margin: 1em 0;
}
    
    
/* =============================================================================
= HIDDEN ITEMS =================================================================
================================================================================ */

.notifications-posts .toggle-email {
    display:none;
} 
.notifications-posts .item.toggle-push {
    border-bottom: none;
} 

/* public area: hide post meta info ============================================ */
.loggedout .news-feed-post-meta, 
.loggedout .news-detail-post-meta{
    display:none;
} 

/* public area: hide pagination / points under custom news slider */
.loggedout .customNewsSlider .news-slider-pagination {
    display: none !important;
}

.clientapp.mobile.loggedout #sidebar .plugin-list>.search-widget {
    background-color: #fff;
}

/* HIDE "Konto löschen" FROM OPTIONS */
.settings .ma-list .delete {
    display: none;
}

/* hide link "Filialfinder" on Desktop (public area) */
html.loggedout.desktop a.item[data-menu-item-id="5de4f2b4cf1a37fd6befb85d"]{
    display: none !important;
}

/* hide emb. page "Filialfinder" on Mobile (public area) */
html.loggedout.mobile a.item[data-menu-item-id="5daeb5e39c12b2f08123c03f"]{
    display: none !important;
}

/* hide link "ALDI Magazine" on Desktop (public area) */
html.loggedout.desktop a.item[data-menu-item-id="5e5ed198578a633789126415"]{
    display: none !important;
}

/* hide emb. page "ALDI Magazine" on Mobile (public area) */
html.loggedout.mobile a.item[data-menu-item-id="5da87372f3e5841dbc824d21"]{
    display: none !important;
}

/* hide link "ALDI Angebote" on Desktop (public area) */
html.loggedout.desktop a.item[data-menu-item-id="5e5ed22e61882e1a541d2482"]{
    display: none !important;
}

/* hide emb. page "ALDI Angebote" on Mobile (public area) */
html.loggedout.mobile a.item[data-menu-item-id="5d68d8c708e999d8af6e4f95"]{
    display: none !important;
}

/* hide link "Angebote" on Desktop (internal area) */
html.desktop a.item[data-menu-item-id="5e5ed30d578a63378912c079"]{
    display: none !important;
}

/* hide emb. page "Angebote" on Mobile (internal area) */
html.mobile a.item[data-menu-item-id="5db302f4d3906b7e0c8e9b95"]{
    display: none !important;
}

/* hide link "Magazine" on Desktop (internal area) */
html.desktop a.item[data-menu-item-id="5e5ed320a9a5773f0bcb30b1"]{
    display: none !important;
}

/* hide emb. page "Magazine" on Mobile (internal area) */
html.mobile a.item[data-menu-item-id="5db3045bd3906b7e0c8fcbdc"]{
    display: none !important;
}

/* hide link "Filialsuche" on Desktop (internal area) */
html.desktop a.item[data-menu-item-id="5e5ed55964740205bf71ad4b"]{
    display: none !important;
}

/* hide emb. page "Filialsuche" on Mobile (internal area) */
html.mobile a.item[data-menu-item-id="5db3078708e9998bfa86c174"]{
    display: none !important;
}

/* hide link "Stellenbörse" on Desktop (internal area) 
html.desktop a.item[data-menu-item-id="5e5f9f193e78e20013f0fc4a"]{
    display: none !important;
} */

/* hide emb. page "Stellenbörse" on Mobile (internal area) */
html.mobile a.item[data-menu-item-id="5db307686cfb2054f08bf533"]{
    display: none !important;
}

/* COMMENTS ==================================================================== */
.page.profile .comments-section {
    display: none;
}

/* hide news page "Gewinnspiel" */
a.item[data-menu-item-id="5e344ea6fbfbce60bc08d69c"]{
    display: none !important;
}

/* hide groups chooser link on ios */
html.ios a.item[data-menu-item-id="5e5fcee8578a63378945441e"]{
    display: none !important;
}  

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