/* Smartphones (portrait) ----------- */
html, body {
    margin: 0;
    padding: 0;
    width: 100vw; 
	overflow-x: hidden;
}
.product-box{
	text-align:center;
	/*position: relative;*/
	background-color:#fff;
	border:1px solid #d6d6d6;
	height : 210px;
	width: 100vw;
	min-width: 100%;
	padding: 0px 0;
	float: center;
}
[class*="span"] {
  float: center;
  min-height: 1px;
  margin: 0;
}
.span3 {
  width: 100%;
  float: center;
}
.container
 {
  text-align:center;
  width: 100vw;
  padding:0;
  object-fit: contain;
}

.row {
  float: right;
  width: 100%;
  *zoom: 1;
}


.product-box:hover{
	/*background-color:#ff135b;*/
	
	background-color:#f8f8f8;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
	box-shadow: 5px 5px 5px #ccc;
	
}
.product-box:hover a.title{
	color:#ff135b !important;
	/*color:#fff !important;*/
	
}
.product-box img{
	overflow:hidden;
	width:auto;
	height:100px;
	max-height:100px;
	float: left;
	
}
.product-box .box{
    height : 100px;
	width: 30%;
	float: left;
    } 
	
.product-box img.box{
	max-height: 100%;
	max-width:auto;
	display: block;	 
	object-fit: contain;
	overflow:hidden;
	
}
	
.product-box a.title{
	text-transform:uppercase;
	color:#111111;
	overflow:hidden;
	/*max-width: 100ch;*/
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
	font-size:12px;
	white-space:normal;
	margin-left:15px; 
	margin-Right:15px;
	margin-top:15px; 
	margin-bottom:0px;
	padding:0px 0;
	padding-left:10px;
	height: 4.5em;
	font-weight:normal;
		
}
.product-box p.category{
	color:#ff135b;
	font-size:12px;
	padding:0px 0;
}
.product-box:hover p.category{
	color:#ff135b !important;
	
	
}
.product-box p.price{
	font-size:16px;
	font-weight:normal;
	padding:0px 0;
	margin-top:-1em;
}
.product-box p.merchant{
	font-size:12px;
	font-weight:300;
	padding:0px 0;
	margin-top:-1em;
}

 .button_angebot {
     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	width: 50%;
     height: 2.975em;
	background-color: #fff;
	border:0.09em solid #ff135b;
	color: #ff135b;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 14px;
	margin: 0px 0px 0px 0px ;
	cursor: pointer;
	display: inline-block;
	position: absolute;
    top: 11.52em;
	right: 50%
	/*left: 1.5%;*/
	
	
}
 .product-box button.button_preisvergleich {
	width: 50%;
     height:2.995em;
	background-color: #ff135b;
	border:0.01em solid #ff135b;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 0px 0px 0px 0px ;
	cursor: pointer;
	display: block;
	position: absolute;
	left: 50%;
	top: 11.52em;
   /* bottom: 4px;
	left: 1.5%;*/
	
}

.button_angebot:hover {
	color:#ff135b !important;
	/*color:#fff !important;*/
	
}
.button_preisvergleich:hover {
	color:#fff !important;
	
}

.star{
	max-height: 20px; 
	max-width: auto; 
	display: inline-block; 
	float:right;
	margin-top: -55px;
	margin-left: 53%;
	z-index:-1;
    /*margin-top: -1em;*/

}
.star img{
	text-align:center !important;
	float:left;
	max-height: 10%; 
	max-width: 10% ;
}

*{
  box-sizing: border-box;
}
form.search-product
{
    margin-top: 1em;
}

form.search-product input[type=text] {
  padding: 20px;
  font-size: 17px;
  border: thin solid gray;
    border-radius: 200px;
  float: left;
  width: 80%;
  background: #ffffff;
  margin:auto;
  border-radius: 0;
  height: 2.5em;
    color:gray;
    box-shadow: none;
}

form.search-product button {
  float: left;
  width: 20%;
  padding: 8px;
  background: #ff135b;
  color: white;
  font-size: 17px;
  border: 2px solid #ff135b;
  border: none;
  cursor: pointer;
  float: left;
  border-radius: 0;
  height: 2.5em;
}

form.search-product img {
  height: 18px;
}

form.search-product button:hover {
  background: #f01658;
}

form.search-product::after {
  content: "";
  clear: both;
  display: table;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
  font-size: 16px;
}

.table td {
  font-weight: none;
  font-size: 14px;
  color:gray;
}

	.button_3 {
	width: 95%;
	background-color: #ff135b;
	border:1px solid #ff135b;
	color: #fff;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 0px 6px 0px 6px ;
	cursor: pointer;
	display: block;
	border-radius: 0px;
}

.product-detail .price{
	 font-weight: none; 
	 font-size: 14px; 
	 color:#ff135b;

    } 
.product-detail p.title{
	  padding-right:10%; 
	  font-weight: none; 
	  font-size: 14px; 
	  color:gray;
	  overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp: 4; 
	-webkit-box-orient: vertical;
    }
	.video{
	overflow:hidden;
	text-align:center;
	height: auto;
	max-width:500px; 
	border-radius: 4px;
	margin: 20px;
	display: table-cell;
	margin: 10px;
	padding-left: 0.5em;
	padding-right: 0.5em;
    
}

.video p{
    height: 2.5em;
}
.video a{
    height: 2.5em;
}