@import url('https://img.eselt.de/assets/templates/vendor/bootstrap.v3.3.5.min.css'); @import url('https://img.eselt.de/fonts/vendor/font-awesome-5.1.0/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans&display=swap');
*{
		 font-family: "PT Sans", sans-serif;
	}

.content__description h2:before{
	content: "\2605";
	color: #cc0000;
	padding-right: 10px;

}
.header__logo{
text-align: center;
}
.content__wrapper {
background-color: #cc0000;
padding:0px 30px 30px 30px;
border-radius: 44px;
}
.content__title{
padding: 10px;
background: #cc0000;
margin: 0;
color: #000;
font-weight:bold;
border-radius: 24px;
text-align: center;
}
.content {
font-family: "PT Sans";
background: #ffffff;
margin: 0;
font-size: 16px;
padding: 24px;
border-radius: 44px;
}


/*gallery*/
.gallery{
width: 100%;
margin:10px auto;
text-align:center;
position: relative;
max-width: 600px;
border:  solid 1px #ddd;

}
.product-image-box {
position: relative;
}
.product-image-container{
height:430px;
background: #fff;
width: 100%;
position: relative;
text-align: center;
margin: 0 auto;
padding:10px;
}
.product-image-container img{
max-width: 100%;
max-height: 100%;

}
.product-more-views {
margin-top: 10px;
text-align: center;

}
.x-hold{
}
.product-more-views ul {
list-style: none;
padding: 0;
text-align: center;
position: relative;
}

.product-more-views ul li {
display: inline-block;
}
.product-image-container {
display: none;
}
.product-image-box input {
display: none;
}

.product-more-views label{
border:  solid 1px #ddd;
margin: 0px;
width:85px;
height:75px;
padding: 5px;
margin: 0px;
overflow: hidden;
display: inline-block;
cursor: pointer;
text-align: center;
position: relative;
background: #fff;
}
.product-image-box label:hover { cursor: pointer;}
#gal1:checked ~ #content1, #gal2:checked ~ #content2, 
#gal3:checked ~ #content3, #gal4:checked ~ #content4, 
#gal5:checked ~ #content5, #gal6:checked ~ #content6, 
#gal7:checked ~ #content7, #gal8:checked ~ #content8, 
#gal9:checked ~ #content9, #gal10:checked ~ #content10, 
#gal11:checked ~ #content11, #gal12:checked ~ #content12
{ 
display: inline-block;
}
.product-more-views img { 
max-height: 100%;
max-width: 100%;
}

@media screen and (max-width: 480px) {
 	.content__description h2{
	font-size:18px;
    font-weight:bold
	}
}