.ContentContainer > .ContentFrame {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
    width: 100%;
    height: auto;
    background-image: linear-gradient(to bottom left, #fff1e6, #ffffff, #fff9ed);
/*                        background-color: #ff9090;*/
}
    .ContentContainer > .ContentFrame > a {
        width: 100%;
        height: auto;
        transition: 0.5s;
    }
        .ContentContainer > .ContentFrame > a > .PromoContainer {
            display: flex;
            position: relative;
            width: 100%;
            height: 380px;
            padding: 0px;
            margin: 0px;
/*                            background-color: aqua;*/
            overflow: hidden;

            border: 0px solid black;
            box-sizing: border-box;
        }
            .ContentContainer > .ContentFrame > a > .PromoContainer > .ImageContainer {
                width: auto;
/*                                max-width: 600px;*/
                height: auto;
                max-height: 450px;
                padding: 0px;
                margin: 15px 10px 0px 10px;
                border: 1px solid rgba(0,0,0,0.1);
                box-sizing: border-box;
                aspect-ratio: 1/0.75;
                overflow: hidden;
                transition: 0.5s;

/*                                background-color: rgba(255, 0, 0, 0.66);*/
            }    
            .ContentContainer > .ContentFrame > a > .PromoContainer > .ImageContainer:hover {
                border: 1px solid rgba(0,0,0,0.3);                                    
            }
                .ContentContainer > .ContentFrame > a > .PromoContainer > .ImageContainer > img {
                    width: 100%;
                    height: auto;
                }
            .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer {
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                right: 0%;
                top: 0%;                                
                width: 360px; /*48%*/
                height: 100%;
                margin: 0px 10px;                                
/*                                background-color: #fff9ed;*/
                border: 0px solid black;
                box-sizing: border-box;
                transition: 0.5s;                                
            }
            .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer {
                display: inline-block;
                width: 100%;
                height: 47%;
                background-color: #fffaf0;
                border: 1px solid rgba(0,0,0,0.1); 
                border-radius: 10px;
                box-sizing: border-box;
                box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1); 
                transition: 0.5s;
            }             
            .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer:hover {
                background-color: #fff6e4;                               
                border: 1px solid rgba(0,0,0,0.3);  
                box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);                                                                
            }
                .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoHeader {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 33%;
/*                                    background-color: #ffcea5;*/
                    border: 0px solid black;
                }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoHeader > .Header {
                        display: inline-block;
                        width: auto;
                        height: auto;
                        color: #fe8500;
                        font-size: 30px;
                        text-shadow: 1px 1px 1px #000;
                        transition: 0.5s;
                    }
                .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 34%;
                    padding-top: 0px;
/*                                    background-color: #a5ffaf;*/
                }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText > .Item_1 {
                        display: inline-block;
                        width: auto;
                        height: auto;
                        margin-bottom: 1%;
                        font-size: 22px;
                        transition: 0.5s;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText > .Item_2 {
                        display: inline-block;
                        width: auto;
                        height: auto;
                        margin-bottom: 0px;
                        font-size: 16px;
                        transition: 0.5s;
                    }                                    
                .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoPrice {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 33%;
/*                                    background-color: #f1a5ff;*/
                }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoPrice > .Item_1 {
                        display: inline-block;
                        width: auto;
                        height: auto;
                        margin-right: 5px;
                        font-size: 16px;
                        transition: 0.5s;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoPrice > .Item_2 {
                        display: inline-block;
                        width: auto;
                        height: auto;
                        margin-bottom: 4px;
                        color: #fe8500;
                        font-size: 25px;
                        font-weight: bold;
                        transition: 0.5s;
                        text-shadow: 1px 1px 1px #000;
                    }                                    
        .ContentContainer > .ContentFrame > a > .Container_align_right {
            justify-content: flex-end;
        }
            .ContentContainer > .ContentFrame > a > .PromoContainer > .Align_right {
                left: 0%;
            } 

@media screen and (max-width: 1000px) {

    .ContentContainer > .ContentFrame {
        padding-bottom: 15px;
    }
    .ContentContainer > .ContentFrame > a > .PromoContainer {                        
        height: auto;
        max-height: 465px;
    }
        .ContentContainer > .ContentFrame > a > .PromoContainer > .ImageContainer {                          
            width: 60%;
            height: auto; /*95,74%;*/
            max-height: none;

/*                                background-color: rgba(255, 0, 0, 0.66);                                */
        }
        .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer {
            width: 45%;  /*38.5%*/
/*                                min-width: 350px;*/
        }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoHeader > .Header {
                        font-size: 3.3vw;
                        transition: none;
                    }

                .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText {
/*                    height: 34%;*/
/*                                    background-color: #a5ffaf;*/
                }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText > .Item_1 {
                        font-size: 2.5vw;
                        transition: none;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText > .Item_2 {
    /*                    font-size: 1.9vw;*/
                        font-size: 2.0vw;
                        transition: none;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoPrice > .Item_1 {
                        font-size: 1.9vw;
                        transition: none;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoPrice > .Item_2 {
    /*                    font-size: 2.8vw;*/
                        font-size: 3.0vw;
                        transition: none;
                    }

}

@media screen and (max-width: 600px) {

    .ContentContainer > .ContentFrame > a > .PromoContainer {
        height: auto;
        max-height: none;
    }
        .ContentContainer > .ContentFrame > a > .PromoContainer > .ImageContainer {
            width: 100%;
            height: auto;
            max-height: none;
            margin: 4% 2% 30% 2%;

            background-color: none;
        }
        .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer {
            display: inherit;
            left: 0%;
            top: 68%;
            width: 100%;
            height: 30%;
            margin: 0px;
        }
            .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer {
                height: 100%;
/*                margin: 0% 5%;*/
                margin: 0px 12px;
                border: 1px solid rgba(0,0,0,0.15); 
                box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);                 
            }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoHeader > .Header {
                        font-size: 5.5vw;
                        transition: none;
                    }

                .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText {
/*                    height: 34%;*/
/*                    height: 34%;*/
/*                                    background-color: #a5ffaf;*/
                }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText > .Item_1 {
                        font-size: 4.5vw;
                        font-weight: bold;
                        margin-bottom: 2px;
                        transition: none;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoText > .Item_2 {
    /*                    font-size: 2.9vw;*/
                        font-size: 4.0vw;
                        transition: none;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoPrice > .Item_1 {
    /*                    font-size: 2.9vw;*/
                        font-size: 4.0vw;
                        transition: none;
                    }
                    .ContentContainer > .ContentFrame > a > .PromoContainer > .AlignContainer > .TextContainer > .PromoPrice > .Item_2 {
    /*                    font-size: 4.8vw;*/
                        font-size: 5.5vw;
                        transition: none;
                    }                                

}