.block-8-karten{
	color: var(--block-font-color);
	background: var(--block-bg-color);
	position: relative;
}

.block-8-karten .flexRow{
	row-gap: 3rem;
}

.block-8-karten a{
	color: var(--block-link-color);
}

.block-8-karten a:hover{
	color: var(--block-link-hover);
}

.block-8-karten a:before{
	background-color: var(--block-link-color);
}

.block-8-karten .textLinkStyle1, .block-8-karten .textLinkStyle2 {
 	color: var(--linkColor);
	position: relative;
}

.block-8-karten .textLinkStyle1:hover, .block-8-karten .textLinkStyle2:hover {
 	color: var(--linkColorHover);
}

.block-8-karten .textLinkStyle1:after, .block-8-karten .textLinkStyle2:after {
 	color: var(--linkColor);
}

.block-8-karten .textLinkStyle1:hover:after, .block-8-karten .textLinkStyle2:hover:after {
 	color: var(--linkColorHover);
}

.block-8-karten .textLinkStyle2:before {
 	background-color: var(--linkColor);
}

.block-8-karten .textLinkStyle2:hover:before {
 	background-color: var(--linkColorHover);
}

.block-8-karten .cardWrap:hover .textLinkStyle1, .block-8-karten .cardWrap:hover .textLinkStyle2 {
 	color: var(--linkColorHover);
}

.block-8-karten .cardWrap:hover .textLinkStyle1:after, .block-8-karten .cardWrap:hover .textLinkStyle2:after {
 	color: var(--linkColorHover);
}

.block-8-karten .cardWrap:hover .textLinkStyle2:before {
	width: 100%;
}


.block-8-karten h1{
	color: var(--block-h1);
}

.block-8-karten h2{
	color: var(--block-h2);
}

.block-8-karten h3{
	color: var(--block-h3);
}

.block-8-karten h4{
	color: var(--block-h4);
}	

.block-8-karten .flexRow{
	row-gap: 3rem;
}

.block-8-karten .cardWrap{
	height: 100%;
	align-content: space-between;
	display: flex;
	flex-wrap: wrap;
	background-color: var(--textBg);
	transition: transform 0.4s ease, background-color 0.4s ease;
	position: relative;
	overflow: hidden;
}

.block-8-karten .overlayTextWrap{
	background-color: var(--textBgHover);
	color: var(--textColorHover)!important;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	top: 100%;
	left: 0;
	transition: top 0.4s ease;
	align-content: space-between;
	height: 100%;
}

.block-8-karten .overlayTextWrap > *{
	width: 100%;
}

.block-8-karten .overlayTextWrap a{
	color: var(--textColorHover)!important;
}

.block-8-karten .overlayTextWrap a.textLinkStyle1:after,
.block-8-karten .overlayTextWrap a.textLinkStyle2:after{
	color: var(--textColorHover)!important;
}

.block-8-karten .overlayTextWrap a.textLinkStyle2:before{
	background-color: var(--textColorHover)!important;
}

.block-8-karten .cardWrap:hover .overlayTextWrap{
	top: 0;
}

.block-8-karten .cardWrap > *{
	width: 100%;
}

.block-8-karten .cardImgWrap{
	position: relative;
	overflow: hidden;
}

.block-8-karten .cardWrap{
	padding-bottom: 2rem;
}

.block-8-karten .ctaWrap{
	margin-top: 2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.block-8-karten .cardImgWrap{
	margin-bottom: 2rem;
}

.block-8-karten .cardImgWrap img{
	width: auto;
	margin: 0 auto;
}

.block-8-karten .cardNumberWrap{
	text-align: center;
	margin-bottom: 3rem;
}

.block-8-karten .bewertungenWrap{
	text-align: center;
}

.block-8-karten .starRating {
    background-repeat: repeat-x;
    width: 11.4rem;
    height: 2rem;
    background-size: contain;
    display: inline-block;
    position: relative;
    background-image: url(../../assets/images/star-unfilled.svg);
    top: 3px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.block-8-karten .innerRating {
    position: absolute;
    height: 100%;
    background-image: url(../../assets/images/star.svg);
    background-size: contain;
}



@media(max-width: 991px){
	.block-8-karten.noBackImg .bgImgWrap{
		display: none !important;
	}
	.block-8-karten.mobileTextCenter .textWrap{
		text-align: center!important;
	}	
	.block-8-karten.mobileTextCenter .textWrap .multipleCtaWrap{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}	
}