@media (prefers-color-scheme: dark) {
 
    a:hover
    {
        color: #fff;
    }
    
    h2,
    h3,
    h4,
    h5,
    h6,
    .headerDescription,
    .pageBanner,
    p
    {
        color: #fff;
    }
    
    h2 .levelLink,
    .voucherFlex .voucherContent, 
    .voucherFlex2 .voucherContent,
    .voucherFlex .voucherContent .teaserValue,
    #levelsContainer .levelContainer .productContainer .typeTitle,
    .listOfProducts .productListTitle a, 
    .listOfProducts .productListTitle a:hover, 
    .listOfProducts .productListTitle a:active, 
    .listOfProducts .productListTitle a:visited,
    .listOfProducts .productListArea .productDetail .productDetailTitle
    {
        color: #fff;
    }
    
    html,
    #top-flex
    {
        background-color: #000;
    }
    
    #top-flex #qty-flex, 
    #top-flex #navigation-flex, 
    #top-flex #navigation-flex.fixed, 
    #top-flex #navigation-flex .navigation.fixed,
    #levelsContainer .levelContainer,
    .listOfProducts,
    .sliderElement
    {
        background-color: #1f1f1f;
        color: #fff;
    }
    
    #levelsContainer .levelContainer
    {
        border: none;
    }
    
    #top-flex #banner-flex, 
    #top-flex #content-flex
    {
        background-color: #000;
    }
    
    
    a.levelLink, a.levelLink:active, 
    a.levelLink:visited, a.levelLink:hover,
    .sliderElement .previewText .teaserValue,
    .sliderElement .linkLikeText,
    ul.navigation li a:hover, 
    ul.navigation li a.active
    {
        color: #fff;
    }
    
    .sliderElement:hover .linkLikeText
    {
        color: #ccc;
    }
    
    .notice
    {
        color: #fff;
    }
    
    .disclaimer,
    select
    {
        background-color: #1f1f1f;
        color: #fff;
    }
    
    .detailBlock label.radioLabel,
    .delivery .deliveryAddressTitle, 
    .detailTitle,
    .erklarung
    {
        color: #fff;
    }
    
    input[type='radio'],
    .detailBlock input[type=radio]
    {
        background-color: #1f1f1f;
        accent-color: #E6181A;
    }

    #modalBg
    {
        opacity: 0.8;
        background-color: #000;
    }
    
    #modal
    {
        background-color: #1f1f1f;
        color: #fff;
    }
    
    #modal h2
    {
        color: #fff;
    }
    
    .redeemedConfirmationText {
        box-shadow: none;
        background-color: #2a2a2a;
        color: #fff;
    }
}