@media (prefers-color-scheme: dark) {
    body
    {
        background-color: #000;
        color: #fff;
    }
    
    .campaignContent .text .iconTitleArea
    {
        background-color: #2A2A2A;
    }
    
    .blockCampaigns,
    .splide__arrow, 
    .splide__arrow:hover, 
    .splide__arrow:active, 
    .splide__arrow:focus,
    .pageLink,
    .blockPoints, 
    .blockDaily,
    .benefitTeaser,
    .howToRedeemFilter,
    .disclaimer,
    .modal .modalWindow,
    .collectTeaserLink,
    .pointsEntry
    {
        background-color: #2a2a2a;
    }
    
    .splide__arrow, 
    .splide__arrow:hover, 
    .splide__arrow:active, 
    .splide__arrow:focus,
    .pageLink a, 
    .pageLink a:hover, 
    .pageLink a:active, 
    .pageLink a:focus, 
    .pageLink a:visited,
    .blockPoints a.sidebarPointsLink, 
    .blockPoints a.sidebarPointsLink:active, 
    .blockPoints a.sidebarPointsLink:focus, 
    .blockPoints a.sidebarPointsLink:visited,
    .collectTeaserLink a,
    .accordeonTitle a, 
    .accordeonTitle a:hover, 
    .accordeonTitle a:active, 
    .accordeonTitle a:visited, 
    .accordeonTitle a:focus,
    .codeBlock .codeBlockCode #codeBlockeCodeDetail,
    .floor .faqLink
    {
        color: #fff;
    }
    
    .blockPoints a.sidebarPointsLink:hover
    {
        color: #E6181A;
    }
    
    .campaignTeaserBig, 
    .questionnaireTeaserBig, 
    .verificationTeaserBig,
    .collectTeaserBig,
    .campaignTeaserSmall, 
    .collectTeaserSmall, 
    .questionnaireTeaserSmall, 
    .verificationTeaserSmall,
    .howToRedeemFilter .filterSort, 
    .howToRedeemFilter .filterTopic
    {
        background-color: #000;
    }
    
    .splide__arrow svg path
    {
        background-color: #fff;
        fill: #fff;
    }
    
    .splide__arrow.splide__arrow--next::before
    {
        background-image: linear-gradient(to right, rgba(42,42,42,0.1), rgba(42,42,42,1));
    }
    
    .modal
    {
        background-color: rgba(0,0,0,0.8);
    }
    
    .campaignTeaserSmall.seen::after, 
    .questionnaireTeaserSmall.seen::after, 
    .verificationTeaserSmall.seen::after, 
    .teaserBig.seen::after
    {
        background-color: rgba(0,0,0, 0.75);
    }
    
    svg #kartentrans_on_shader,
    svg #lohneingang_on_shader,
    svg #e-banking_on_shader
    {
        fill: #000 !important;
        stroke: #2a2a2a !important;
    }
    
    svg #bg ellipse
    {
        fill: #2a2a2a !important;
    }
    
    .redeemedTextBox
    {
        background-color: #2a2a2a;
    }
}