#notification {
    position:fixed;
    top:0px;
    width:10%;
    z-index:10000;
    text-align:center;
    font-weight:normal;
    font-size:14px;
    font-weight:bold;
    color:white;
    background-color:#FF7800;
    padding:5px;
}
#notification span.dismiss {
    border:2px solid #FFF;
    padding:0 5px;
    cursor:pointer;
    float:right;
    margin-right:10px;
}
.typo3-messages, .typo3-messages ul{
    list-style-type: none;
}

/*Group cards
.productGroup{
    margin-left: 4px;
    max-width: 168px;
}
.productInfoBase-groups{
 width: fit-content;
    margin: 0em auto;
    margin-bottom: 20px;
}
.productInfoBase-descr{
    font-size: .9rem;
}
.productGroup-products{
    width: fit-content;

}

/*product cards
.product{
width: 35rem;
    height: 20rem;
}
.product-body{
    max-width: 40%;
}
.product-title{
    height: 15%;
}
.product-image{
    width: 60%;
}
.product-image img{
    width: 100%;
    height: auto;
}
.product-description{
    height: 50%;
}
.product-price{
    height: 24px;
    font-size: 1.2rem;
}
.product-priceDiscount{
    height: 24px;
    font-size: 1.2rem;
}

.price{
    float: right;
    width: 35%;
    margin-left: 10px;
}
.priceDiscount{
    float: right;
    width: 35%;
    margin-left: 10px;
    color: red;
    font-weight: 500;
}
.priceText{
    float: right;
}

.buttons{
    height: 14%;
}

/*Details
.product-detail{
    width: 45rem;
    height: 35rem;
}


.product-image-detail{
    width: 60%;
    max-height: 300px;
}
.product-image-detail img{
    width: 100%;
    max-height: 300px;
    height: auto;
}

.detail-body{
    width: 40%;
}

.product-price-detail{
    height: 35px;
    font-size: 1.4rem;
}
.product-priceDiscount-detail{
    height: 35px;
    font-size: 1.4rem;
}
.priceDiscount-detail{
    color: red;
    font-weight: 500;
}
.price-detail{
    float: right;
    margin-left: 10px;
}
.priceText-detail{
    float: right;
}
.btn-bookmark{
    background-color: coral;
    float: right;
    width: 70%;
    height: 40%;
    line-height: 1;
    margin-top: 10px;
}

.slider-images{
    margin-top: 5px;
}
.slider-images img{
    width: 20%;
}

.bookmark-container{
    margin-top: 20px;
}

.bookmark-item{
    padding: 5px;;
    border: 1px solid #b9b9b9;
    border-radius: 5px;
    margin-bottom:15px;
    width: 340px;
   
}
.bookmark-title{
    margin: 10px;
    width: 180px;
}
/*bookmark
.bookmark-item img{
    width: 20%;
    height: auto;
}
.bookmark-delete-btn{
    background-color: gray;
    padding:2px;
    height: fit-content;
    width: 30px;
    border-radius: 40px;   
    margin: 10px; 
}
*/