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

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

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

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

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

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

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

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

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

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

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

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

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

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

.block-8a-karten-einfach h1,
.block-8a-karten-einfach h2,
.block-8a-karten-einfach h3,
.block-8a-karten-einfach h4 {
	color: var(--block-headline-color);
}

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

.block-8a-karten-einfach .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-8a-karten-einfach .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%;
	padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

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

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

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

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

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

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

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

.block-8a-karten-einfach .cardWrap{
	padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

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

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

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

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

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

.block-8a-karten-einfach .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-8a-karten-einfach .innerRating {
    position: absolute;
    height: 100%;
    background-image: url(../../assets/images/star.svg);
    background-size: contain;
}



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