/*
Theme Name: marcel.macht.webdesign
Theme URI: https://marcel-macht-webdesign.de
Description: Divi Child Theme
Author: marcel.macht.webdesign
Author URI: https://marcel-macht-webdesign.de
Template: Divi
Version: 1.0.1
*/

:root {
    --my-color-darkblue: #082040;
    --my-color-blue: #3366ff;
    --my-color-red: #bf0000;
    --my-color-green: #cffa25;
}

/* Shop-Seite - Zusatzlabel */
.product-abo {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 20px;
    background: var(--my-color-blue);
    border-radius: 0 0 0 12px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}

.product-aboinfo {
    color: #bf0000;
    font-weight: 500;
    font-size: 12px;
}

.hinweis {
	background: #bf0000;
    color: white;
    font-weight: 700;
    padding: 3px 10px;
}

.product-highlight {
	position: absolute;
    top: 0;
    right: 0;
    padding: 8px 20px;
    background: #3366ff;
    border-radius: 0 0 0 12px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}

/*
.product-new {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 20px;
    background: #3366ff;
    border-radius: 0 0 0 12px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}

.product-new {
    position: absolute;
	transform: translate(-50%, 0);
	left: 50%;
	top: -25px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap!important;
    flex-flow: column;
    width: 80px;
    height: 80px;
    background: #3366ff;
    border-radius: 50px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
	text-align: center;
}
*/

/* zusätzliche Text für Sale!*/
.onsale:after {
  	/*content: ' 30% Sommer-Spezial';*/
}
.onsaleicon {
	position: absolute;
    top: -14px;
    right: 20px;
    z-index: 999;
}
img.saleimage{
	width: 90px!important;
	height: auto!important;
}

.product-meistgekauft {
	position: absolute;
    top: 0;
    right: 0;
    padding: 8px 20px;
    background: #3366ff;
    border-radius: 0 0 0 12px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}
#shop-icon p { padding-bottom: 0.5em; }
#shop-icon { padding-top: 5px!important; }

@media (max-width: 790px) {
    .product-meistgekauft {
        font-size: 14px;
        padding: 5px 15px;
    }
    .product-new {
        font-size: 14px;
        padding: 5px 15px;
    }
    .product-abo {
        font-size: 14px;
        padding: 5px 15px;
    }
    .product-highlight {
        font-size: 14px;
        padding: 5px 15px;
    }
}