@import url('/huepercdn/fonts/caveat-brush/fonts.css');


.bg-dark-gradient {
    background-image: linear-gradient(to right, #252525, #000000);
}

.bg-black {
    background-color: #000000;
}

.bg-red {
    background-color: #dd2a1b;
}

.product-title {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* preise allgemein */
.price {
    font-size: 80px;
    font-weight: bold;
    width: 100% !important;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 992px) {
    .price {
        font-size: 55px !important;
    }
}

.price-suffix {
    text-transform: uppercase;
    color: #000;
    width: 100%;
    text-align: center;
    letter-spacing: 0.2em;
}

.bg-dark-gradient .price-suffix {
    color: #fff;
}

/* preise systemat */
@media (min-width: 992px) {
    .artikel.system .price-suffix, .artikel.system .price {
        text-align: right;
    }
}

/* preise classic */
.artikel.classic .price-wrap {
    background: #dd2a1b;
}

.artikel.classic .price {
    color: #FFF;
    font-family: 'Caveat Brush', cursive;
    font-size: 100px;
}

.btn-outline-light, .btn-transparent {
    background: none;
}

.thumbs .img-thumbnail {
    cursor: pointer !important;
    border: 1px solid;
    padding: 1px;
    margin: 2px;
}

.bildergalerie-transparent img.img-thumbnail {
    background-color: transparent !important;
    background: transparent;
}