@font-face{
    font-family:"HelveticaNeueW01-45Ligh";
    src:url("/assets/fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"),url("/assets/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff");
}
@font-face{
    font-family:"HelveticaNeueW01-65Medi";
    src:url("/assets/fonts/3600b37f-2bf1-45f3-be3a-03365f16d9cb.woff2") format("woff2"),url("/assets/fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff");
}

@media screen and (max-width: 860px){#contentWrapper.bgDarkGrey {height:auto !important;}}
@media screen and (max-width: 640px){#contentWrapper.bgDarkGrey {height:auto !important;}}

.productImage { text-align:center; }

.productImage img { 
		height:inherit;
		width:auto;
}

		.shop .contentBox {
		    max-width:1280px !important;
		    overflow-x: hidden;
		}
		
		.shop #contentWrapper {
			top:45%;
		}

        .shop .contentItem li {

            text-indent: -20px;
            padding-left: 20px;
        }
		
		.shop .headline {
				background-color: #e2001a;
		    color: #ffffff;
		    display: table;
		    font-size: 3.0rem;
		    font-weight: normal;
		    font-style: normal;
		    line-height: 4.2rem;
		    margin-top: 80px;
		    margin-bottom: 50px;
		    padding: 10px 25px 10px 25px;
		}

.fa.fa-shopping-cart:before{
    content: '';
}

.shoppingButton{
    border-radius: 0 !important;
    background-color: #ffcc00;
    border: 0;
    margin-top: 1vh;
    margin-bottom: 1vh;
    min-width: 300px;
    color: #000;
    font-weight: bold;
    padding-left: 3vw;
    padding-right: 3vw;
}
.shoppingButton:hover,
.shoppingButton:focus{
    background-color: #e2001a;
    color: #FFF;
    border: 0 !important;
}

/* ------------------------------------------- */
/* Reviews */

.reviewContainer{
    margin-bottom: 50px;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.reviewBox{
    background-color: #9c9e9f;
    margin-bottom: 30px;
    padding: 20px;
    color: #fff;
}
.reviewText{
    font-style: italic;
}
.reviewUser{
    margin-top: 10px;
    text-align: right;
}

/* --------------------------------------------- */
/* Stars */

.star-box img{
    width: 30px;
    margin-bottom: -5px;
}

/* --------------------------------------------- */
/* Tags */

.tagContainer{
    margin: 50px 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.tagBox{
    /*background-color: #9c9e9f;*/
    margin-bottom: 30px;
    padding: 20px;
    color: #fff;
}
.tagText{
    color: #9c9e9f;
}

/* -------------------------------------------------------------------------------------------------------------------- */
/* Cookie-Consent-Banner-Button */
/* -------------------------------------------------------------------------------------------------------------------- */
.cookieWrapper {
    position: fixed;
    width: 70px;
    height: 50px;
    left: 0;
    bottom: 0px;
    background-color: #3c3c3c;
    color: #3c3c3c;
    cursor: pointer;
    z-index: 1000 !important;
    font-size: 3.0rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}
.cookieWrapper i {
    background-image: url(../../media/consent-shield.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    color: #ffffff;
    width: 50%;
    height: 50%;
    margin-right: 12px;
}

.cookieWrapper:hover {
    background-color: #3c3c3c;
    color: #ffffff;
}
.cookieWrapper:hover i {
    color: #ffffff;
}

.cookieCall {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}