.hs-product-blog-variants {

}

.hs_product_blog_price, .hs_product_blog_quantity {
    padding-top: 15px;
}


/* Farbvarianten Auswahl */
.hs-product-color-name {
    margin-bottom: 0.5em;
}

.hs-variants-container {
    margin-bottom: 1rem;
}

.hs-product-color-variants label img {
    width: 50px;
    border-radius: 10px;
    /*margin-right: 5px;*/
    cursor: pointer;
}

.hs-product-color-variants label input[type="radio"] {
    display: none
}

.hs-product-color-variants label input:checked ~ img {
    box-shadow: #ee7f00 0 0 0 2px;
}

/* Description */
.hs-product-description ul {
    padding-left: 1rem;
}

/* Produktfoto */
.hs_product_blog_image {
    border: 1px solid #f4f4f4;
    padding: 0.2381em;
    border-radius: 7px;
    text-align: center;
    width: 100%;
}

.hs-product-image {
    background-color: rgb(244 244 244 / 0%);
}

/* Preis Block */
.hs_product_blog_price .price {
    font-size: 14px;
    font-weight: bold;
    margin: 2em 0 0;
}

.hs_product_blog_price del {
    display: inline;
    color: #aaa;
    font-weight: lighter;
}

.hs-price-val {
    font-size: 21px;
}

.hs-product-purchase-block-container {
    display: inline-block;
    min-height: 9em;
}

.hs-product-purchase-block-row {
    display: inline-flex;
    min-width: 380px;
}

.hs-product-purchase-block-row h3 {
    padding-top: 15px;
}

.input-menge {
    width: 5.5em !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    margin-right: 5px;
}

.mge-button {
    margin-bottom: 0 !important;
}

/* Menge */
.hs_product_blog_quantity {

}

/* Cart-Button */
.hs-product-blog-button {
    padding-top: 15px;
    margin-left: 10px;
}

/* Varianten Buttons */
#hs-variant-buttons button {
    text-transform: none !important;
    border-radius: 4px;
    margin-bottom: 31px;
    margin-right: 5px;
}

#hs-variant-buttons button:hover {
    background-color: #a9a9a9;
    cursor: pointer;
}

/*Styles für den Product shortcode*/
.hs-groupContainer-dev-roundedBorder {
    border-radius: 0.4em;
    border: 0.2em solid #98d742;
    margin-bottom: 0.2em;
    margin-right: 0.2em;
    padding-top: 0.2em;
    padding-left: 0.2em;
}

.hs-levelContainer-dev-roundedBorder {
    border-radius: 0.4em;
    border: 0.2em solid #ff698e;
    margin-bottom: 0.1em;
    margin-right: 0.1em;
    padding-top: 0.1em;
    padding-left: 0.1em;
}

.hs-variantsHeader {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0.45em;
    margin-bottom: 0.45em;
}

/*Produktbild */
.hs-variantsImage {
    width: 3.6em;
    border-radius: 10px;
    /*margin-right: 5px;*/
    cursor: pointer;
}

.hs-variantsImage img {
    border: 0.2em solid rgba(169, 169, 169, 0.38);
    border-radius: 0.5em;
    text-align: center;
    width: 100%;
}

/*button/img nebweneinander-reihe - "groupFormatOrientation": "row"*/
.hs-variantsOrientationInlineBlock {
    display: inline-block;
    border: none;
    padding-right: 0.3em;
}

/*button/img untereinander - "groupFormatOrientation": "column"*/
.hs-variantsOrientationColumn {
    border: none;
    padding-right: 0.3em;
    padding-bottom: 0.5em;
}

.hs-variantsOrientationColumn div {
    width: 20em;
}

/*select-ed für flatbutton und  imgbutton*/
/* div ist es wenn "groupFormatList": "buttons",*/
/* img ist es wenn "groupFormatList": "imgButtons",*/
.hs-variants-btt-selected img, .hs-variants-btt-selected div {
    border: 0.2em solid #ee7f00 !important;
    transition: box-shadow 0.25s linear;
    font-weight: bold;
}

/*Variant Buttons- wenn "groupFormatList": "buttons",*/
.hs-variantButton {
    margin-bottom: 0.2em;
    margin-right: 0.2em;
    cursor: pointer;
}

.hs-variantButton div {
    border: 0.2em solid #aaaaaa;
    padding: 8px 14px;
    border-radius: 0.3em;
    background-color: rgba(255, 255, 255, 0);
    color: #444;
}

.hs-variantButton div:hover {
    background-color: #f4f4f4 !important;
    transition: background-color 0.3s linear;
}