.vve_content_inner{
	border-bottom:1px solid #ccc;
	margin-bottom:20px
}

.vve_image{
	height:60%;
	width:100%;
}

.vve_content_inner img{
	height:100%;
	object-fit: cover;
	width:100%;
	
}

.vve_header{
	height:20%;
	padding-top:10px;
}
.vve_title{
	font-weight:600;
	font-size:1.1rem;
	white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow: ellipsis;
}

.vve_subtitle{
	white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

.vve_footer{
	height:20%;
	display:flex;
	padding:10px 0;
}

.vve_footer div{
	flex: 1 1 auto
}

.vve_container-6 {
	height:70vH
}

.vve_container-4 {
	height:50vH
}

.vve_container-3 {
	height:40vH
}

.vve_container-2 {
	height:30vH
}

.vve_adress{
	white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow: ellipsis; 
 
}

.vve_discount{
	font-weight: 500;
color: #53a318;
border-radius: 4px;
padding: 4.5px 8px;
border: none;
background-color: #eafcde;
}

.vve_original{
	text-decoration: line-through;
	font-size: 1rem;
	color:#757575;
}

.vve_price{
	color: #53a318;
	font-size:2rem;
	font-weight:600
}

.vve_priceelement{
	text-align:right;
}

.vve_single_offer:hover{
	cursor:pointer
}

.vve_header_left_small{
	width:80%;
	float:left
}

.vve_header_right_small{
	float:right;
	width:20%;
	text-align:right;
}

.vve_header_right_small img{
	width:50%;
}

/*Angebot*/
.vve_singleoffer_buttons{
	margin-top:20px;
}
.vve_single_offer_container{
	position:absolute;
	
	width:80%;
	background-color:#fff;
	z-index:100;
	left:10%;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.vve_offercontainer_close:hover{
	cursor:pointer;
}
.vve_offercontainer_close{
	
	margin-top:10px;
	padding-right:10px;

	text-align:right;
	margin-bottom:20px;
}

.vve_map{
	height:200px;
	width:50%;
}

.vve_singleoffer_company{
	margin-top:20px;
	
}

.vve_singleoffer_price{
	margin-top:40px;
}

.vve_singleoffer_subtitle{
	margin-top:20px;
	font-size:1.2rem
}

.vve_singleoffer_description{
	margin-top:40px
}

.vve_singleoffer_date{
	margin-top:20px;
	font-size:1.2rem
}

.cc_footer{
	font-size:0.8rem;
	font-style:italic;
	
	padding:10px 0 20px 0;
}

.cc_icon_singleoffer img {
	width:25%;
}
/*Media Queries*/
@media screen and (max-width: 1366px){
	.vve_image{
		height:50%;
	}
	}
@media screen and (max-width: 1026px){
	.vve_single_offer_container{
		width:90%;
		left:5%;
	}
	.vve_container-4, .vve_container-3,  .vve_container-2,.vve_container-6{
	height:auto
}	
}




	
	}
	/* mixin for multiline */
@mixin multiLineEllipsis($lineHeight: 1.2em, $lineCount: 1, $bgColor: white){
  overflow: hidden;
  position: relative;
  line-height: $lineHeight;
  max-height: $lineHeight * $lineCount; 
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  &:before {
    content: '...';
    position: absolute;
    right: 0;
    bottom: 0;
  }
  &:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.2em;
    background: $bgColor;
  }
}

.vve_title {
  @include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 2, $bgColor: white);  
}