/* 2026-08-04 Interaktive Inhalte für Mitglieder der Gruppe "99_Versand_iPad" verstecken */
/* Interaktive Inhalte ausblenden */
.group-6a741d7a0933153ffc7a1ff6 :is(
  .comments-section,
  .news-feed-post-social-actions,
  .content-widget-wrapper.section-wrapper:has(
    plugin-block[installation-id="6051e3f4282e5965548cb40f"]
  )
) > *,
.group-6a741d7a0933153ffc7a1ff6 iframe[src*="/forms/"] {
  display: none !important;
}

/* Hinweis anzeigen */
.group-6a741d7a0933153ffc7a1ff6 :is(
  .comments-section,
  .news-feed-post-social-actions,
  .content-widget-wrapper.section-wrapper:has(
    plugin-block[installation-id="6051e3f4282e5965548cb40f"]
  ),
  *:has(> iframe[src*="/forms/"])
)::after {
  content: "Interaktive Elemente sind deaktiviert";
  display: block;
  margin: 0.5rem 0;
  padding: 0.6rem 0.8rem;
  color: #666;
  background: #f5f5f5;
  border-left: 3px solid #bbb;
  font-size: 0.875rem;
}

/* ============================================================================= */
/* ========================== CUSTOMER CEW ===================================== */
/* ============================================================================= */
/* ========= LAST UPDATE: 13/01/21 / VERSION: v01  / AUTHOR: Maik ============== */
/* ============================================================================= */
 
/* =============================================================================
= COLORS =======================================================================
================================================================================ */
 
/* Color name: #XXXXXX */
/* Color name: #XXXXXX */
/* Color name: #XXXXXX */
/* Color name: #XXXXXX */
/* Color name: #XXXXXX */
 
 
 
/* =============================================================================
= GLOBAL SETTINGS ==============================================================
================================================================================ */
 .clientapp .switch.on .handle{
    background-color: #02a502; 
}

.clientapp .switch.off .handle{
    background-color: #E60005; 
}
 
 a, a:visited, .branch-colored{
    color: #0000FF; 
}


.compact .quick-links-widget.type-tiles li a{
    white-space: normal;
    padding-top: 50px;
    line-height: 14px;
}

.quick-links-widget.type-tiles li a{
    white-space: normal;
    padding-top: 50px;
    line-height: 14px;
}

/* =============================================================================
= HEADER =======================================================================
================================================================================ */
 
 
 
/* =============================================================================
= MENU / SIDEBAR / MAIN NAVIGATION =============================================
================================================================================ */
  
 
/* =============================================================================
= TOOLBAR / BOTTOM NAVIGATION ==================================================
================================================================================ */


/* CEWE ======================================================================== */
.group-603fb86c2e9b8f33e75b218f #toolbar {
    background: #c30c15;
    color: #fff;
}
  
.group-603fb86c2e9b8f33e75b218f #toolbar .toolbar-item {
    color: #fff;
    background: #c30c15;
}
  
.group-603fb86c2e9b8f33e75b218f #toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #c30c15;
    font-weight: 600;
}



/* PIXUM ======================================================================== */
.group-603fb88c542a212ba543491e #toolbar {
    background: #fff;
    color: #000;
}
              
.group-603fb88c542a212ba543491e #toolbar .toolbar-item {
    background: #fff;
    color: #00aaff;
}

.group-603fb88c542a212ba543491e #toolbar .toolbar-item .toolbar-item-title{
    font-size: 14px; 
}

.group-603fb88c542a212ba543491e #toolbar .toolbar-item .toolbar-item-icon {
    font-size: 20px;
}
  
.group-603fb88c542a212ba543491e #toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #00aaff;
    font-weight: 600;
}


    /* PIXUM TEST USER SB ======================================================================== */

    /*
            .user-5fc65ff32ceab75d34fe3455 #toolbar {
                background: #fff;
                color: #000;
            }
              
            .user-5fc65ff32ceab75d34fe3455 #toolbar .toolbar-item {
                background: #fff;
                color: #00aaff;
            }

            .user-5fc65ff32ceab75d34fe3455 #toolbar .toolbar-item .toolbar-item-title{
                font-size: 14px; 
            }

            .user-5fc65ff32ceab75d34fe3455 #toolbar .toolbar-item .toolbar-item-icon {
                font-size: 20px;
            }
              
            .user-5fc65ff32ceab75d34fe3455 #toolbar .toolbar-item.selected{
                color: #fff;
                background-color: #00aaff;
                font-weight: 600;
            }
    */

/* WhiteWall ======================================================================== */
.group-603fb8aaa7a0ca52d83fcc0b #toolbar {
    background: #4f9e34;
    color: #fff;
}
  
.group-603fb8aaa7a0ca52d83fcc0b #toolbar .toolbar-item {
    background: #4f9e34;
    color: #fff;
}
  
.group-603fb8aaa7a0ca52d83fcc0b #toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #4f9e34;
    font-weight: 600;
}


/* Cheerz ======================================================================== */
.group-603fb8772e9b8f33e75b66a6 #toolbar {
    background: #ffd33b;
    color: #fff;
}
  
.group-603fb8772e9b8f33e75b66a6 #toolbar .toolbar-item {
    background: #ffd33b;
    color: #fff;
}
  
.group-603fb8772e9b8f33e75b66a6 #toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #ffd33b;
    font-weight: 600;
}


/* DeinDesign ======================================================================== */
.group-603fb8828b7e1c108248b904 #toolbar {
    background: #001722;
    color: #fff;
}
  
.group-603fb8828b7e1c108248b904 #toolbar .toolbar-item {
    background: #001722;
    color: #fff;
}
  
.group-603fb8828b7e1c108248b904 #toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #001722;
    font-weight: 600;
}


/* Saxoprint ======================================================================== */
.group-603fb89667398c3ca61ed664 #toolbar {
    background: #ff5800;
    color: #fff;
}
  
.group-603fb89667398c3ca61ed664 #toolbar .toolbar-item {
    color: #fff;
    background: #ff5800;
}
  
.group-603fb89667398c3ca61ed664 #toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #ff5800;
    font-weight: 600;
}


/* Viaprinto ======================================================================== */
.group-603fb8a02e9b8f33e75c8101 #toolbar {
    background: #f36518;
    color: #fff;
}
  
.group-603fb8a02e9b8f33e75c8101 #toolbar .toolbar-item {
    background: #f36518;
    color: #fff;
}
  
.group-603fb8a02e9b8f33e75c8101 #toolbar .toolbar-item.selected{
    color: #fff;
    background-color: #f36518;
    font-weight: 600;
}


/* DEFAULT ======================================================================== */
.mobile #toolbar {
    background: #fff;
    color: #000;
}
  
#toolbar .toolbar-item {
    background: #fff;
    color: #000;
}
  
#toolbar .toolbar-item.selected{
    color: #000;
    background-color: #fff;
    font-weight: 600;
}
 
 
/* =============================================================================
= SIGNIN MASK ==================================================================
================================================================================ */
 .signin .signin-view a.recovery{
    display: none; 
}
 
 
/* =============================================================================
= PUBLIC AREA ==================================================================
================================================================================ */
 
/* - Login-Button Background Color -------------------------------------------- */

.public-login-hint button {
    background-image: url('https://www.carl-app.de/api/media/secure/external/v2/image/upload/6018723183f89a79c21d22f8.jpeg');
    background-repeat: no-repeat;
    background-size: 110% 110%;
    border: none;
}

.signin-view .sso.signin-form button {
    background-image: url('https://www.carl-app.de/api/media/secure/external/v2/image/upload/6018723183f89a79c21d22f8.jpeg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
    border: none;
}

/* Centre align slider paginations ========================================================= */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    text-align: center; 
}

/* =============================================================================
= CONTENT ======================================================================
================================================================================ */
 
/* HEADLINES =================================================================== */
 
 
/* CHANNELS / FEEDS ============================================================ */

.news-comment-image-upload,
.image-upload-area{
    display: none !important; 
}
 
 
/* WIDGETS ===================================================================== */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    text-align: center; 
} 


/* News Stage WIDGET - Solves rending isssue =================================== */
.desktop .news-slider-slide.swiper-slide   {
    padding: 1px !important; 
} 

.ios .news-slider-slide.swiper-slide   {
    padding: 1.7px; 
}

.android .news-slider-slide.swiper-slide   {
    padding: 0.9px;
    margin-top: -1.2px; 
}

/* .announcement-banner ======================================================== */

.announcement-banner {
    width: 100%;
    background: #c30c15;
    color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 10px;
}
 
.announcement-banner > p {
    display: inline-block !important;
    margin: 0;
    padding-left: 100%;
    height: 50px;
    line-height: 50px;
    animation: marquee 18s linear infinite;
}
 
.mouse .announcement-banner:hover > p {
    animation-play-state: paused;
}
 
.announcement-banner a {
    color: #ffffff;
    text-decoration: underline;
}
 
.mouse .announcement-banner a:hover,
.touch .announcement-banner a.active {
    text-decoration: none;
}
 
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
} 


/* COMMENTS ==================================================================== */
 
 
 
 
/* =============================================================================
= CUSTOM ID & CLASSES / SPACES / PAGES / PLUGINS  ==============================
================================================================================ */
 
 
 
/* =============================================================================
= SETTINGS =====================================================================
================================================================================ */
.settings .ma-list .delete{
    display: none !important; 
} 
 
 
/* =============================================================================
= HIDDEN ITEMS =================================================================
================================================================================ */
 
/* HIDE google and apple store links on page "Weitere CEWE Apps" =============== */
 
 .ios.loggedout .google,
.android.loggedout .apple{
    display: none !important;
}

/* HIDE App Logo from Setting Page (for logged in users) =============== */ 
.loggedin .page.settings .page-content div.logo{
    display: none;
}

/* HIDE comment section under user profile ============================= */ 
.page.profile .page-content .comments-section {
    display: none;
}
/* =============================================================================
= //// END /// =================================================================
================================================================================ */


/* =============================================================================
= CEWE JOB LISTINGS PAGE - CSS :target VERSION (NO JAVASCRIPT) ==============
================================================================================ */
/* Added: 2026-01-19 - Job Listings Integration from Workday */
/* Uses CSS :target pseudo-class (NO JavaScript required!) */
/* Namespace: .cewe-job-listings - Isolated, no conflicts with existing CSS */
/* =============================================================================*/

/* Container & Layout */
.cewe-job-listings { 
    font-family: Arial, sans-serif; 
    max-width: 1000px; 
    margin: 0 auto; 
    padding: 20px; 
}

/* Page Header */
.cewe-job-listings .job-page-header { 
    background: linear-gradient(135deg, #c30c15 0%, #8a0a0f 100%); 
    color: white; 
    padding: 40px; 
    border-radius: 12px; 
    margin-bottom: 30px; 
    text-align: center; 
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
}

.cewe-job-listings .job-page-title { 
    font-size: 32px; 
    font-weight: bold; 
    margin: 0 0 10px 0; 
}

/* Stats Bar */
.cewe-job-listings .job-stats-bar { 
    padding: 20px; 
    background-color: #f8f9fa; 
    border-radius: 8px; 
    margin-bottom: 20px; 
    text-align: center; 
}

.cewe-job-listings .job-stat-number { 
    font-size: 32px; 
    font-weight: bold; 
    color: #c30c15; 
}

/* Job Accordion Container */
.cewe-job-listings .job-accordion { 
    margin-bottom: 15px; 
    border: 2px solid #e0e0e0; 
    border-radius: 8px; 
    overflow: hidden; 
}

.cewe-job-listings .job-accordion:hover { 
    border-color: #c30c15; 
    box-shadow: 0 2px 8px rgba(195,12,21,0.2); 
}

/* Job Summary (Clickable Link) */
.cewe-job-listings .job-summary { 
    display: block;
    background: #f8f9fa; 
    padding: 20px; 
    text-decoration: none;
    color: inherit;
    position: relative; 
    cursor: pointer;
}

.cewe-job-listings .job-summary:hover {
    text-decoration: none;
}

/* Arrow Icon */
.cewe-job-listings .job-summary::before { 
    content: "▶"; 
    position: absolute; 
    right: 20px; 
    top: 50%; 
    transform: translateY(-50%); 
    color: #c30c15; 
    font-size: 12px; 
    transition: transform 0.3s ease; 
}

/* Open State - when :target is active */
.cewe-job-listings .job-content:target ~ .job-summary::before,
.cewe-job-listings .job-summary:has(~ .job-content:target)::before { 
    transform: translateY(-50%) rotate(90deg); 
}

.cewe-job-listings .job-content:target ~ .job-summary,
.cewe-job-listings .job-summary:has(~ .job-content:target) { 
    background: linear-gradient(to right, #c30c15 0%, #8a0a0f 100%); 
    color: white; 
}

.cewe-job-listings .job-content:target ~ .job-summary .job-header-title,
.cewe-job-listings .job-summary:has(~ .job-content:target) .job-header-title { 
    color: white; 
}

.cewe-job-listings .job-content:target ~ .job-summary .job-meta-inline,
.cewe-job-listings .job-summary:has(~ .job-content:target) .job-meta-inline { 
    color: rgba(255,255,255,0.9); 
}

/* Job Header */
.cewe-job-listings .job-header-title { 
    font-size: 20px; 
    font-weight: 600; 
    margin: 0 0 8px 0; 
    padding-right: 40px; 
}

.cewe-job-listings .job-meta-inline { 
    font-size: 13px; 
    margin-top: 5px; 
}

/* Job Content Area - Hidden by default */
.cewe-job-listings .job-content { 
    display: none;
    padding: 30px 20px;
    background-color: #fafafa;
}

/* Show content when :target matches */
.cewe-job-listings .job-content:target {
    display: block;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Close Button */
.cewe-job-listings .job-close {
    display: inline-block;
    padding: 8px 16px;
    background: #c30c15;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
}

.cewe-job-listings .job-close:hover {
    background: #8a0a0f;
    text-decoration: none;
}

/* Info Grid */
.cewe-job-listings .job-info-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); 
    gap: 15px; 
    margin-bottom: 20px; 
    padding: 20px; 
    background-color: white; 
    border-radius: 8px; 
    border-left: 4px solid #c30c15; 
}

.cewe-job-listings .job-info-label { 
    font-size: 11px; 
    color: #666; 
    text-transform: uppercase; 
    font-weight: 600; 
    margin-bottom: 4px; 
}

.cewe-job-listings .job-info-value { 
    font-size: 14px; 
    color: #333; 
    font-weight: 500; 
}

/* Job Description */
.cewe-job-listings .job-description { 
    background-color: white; 
    padding: 20px; 
    border-radius: 8px; 
    line-height: 1.6; 
}

.cewe-job-listings .job-description h2 { 
    color: #c30c15; 
    font-size: 20px; 
    margin: 20px 0 12px 0; 
    border-bottom: 2px solid #c30c15; 
    padding-bottom: 8px; 
}

.cewe-job-listings .job-description h3 { 
    color: #8a0a0f; 
    font-size: 16px; 
    margin: 15px 0 8px 0; 
}

.cewe-job-listings .job-description ul { 
    margin: 12px 0; 
    padding-left: 25px; 
}

.cewe-job-listings .job-description li { 
    margin-bottom: 6px; 
}

.cewe-job-listings .job-description p { 
    margin: 10px 0; 
}

.cewe-job-listings .job-description strong,
.cewe-job-listings .job-description b { 
    color: #c30c15; 
}

/* Mobile Responsive */
@media (max-width: 600px) {
    .cewe-job-listings { 
        padding: 10px; 
    }
    
    .cewe-job-listings .job-page-header { 
        padding: 25px; 
    }
    
    .cewe-job-listings .job-page-title { 
        font-size: 24px; 
    }
    
    .cewe-job-listings .job-summary { 
        padding: 15px; 
    }
    
    .cewe-job-listings .job-info-grid { 
        grid-template-columns: 1fr; 
    }
}

/* =============================================================================
= //// END CEWE JOB LISTINGS ================================================
================================================================================ */