.icons8-eingekreistes-rangabzeichen-unten:before,
.icons8-eingekreistes-rangabzeichen-rechts:before,
[data-icons8]:before {
  display: inline-block;
  font-family: "ETModules" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
}
.icons8-eingekreistes-rangabzeichen-rechts:before {content: "\f108";}

.dx-benefitss-wrapper i{
	font-size: 30px;
	color: #ffffff;
}

.dx-benefitss-wrapper p{
	color: #ffffff;
	font-size: 18px;
	line-height: 1.3em;
	letter-spacing: 0.03em;
	margin-top: 20px;
}
.dx-benefitss-wrapper {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr;
}


.dx-benefitss-button-wrapper {
	display: flex;
	justify-content: center;
}

.dx-benefits-items {
	background-color: #FBFAFC;
	display: flex;
	height: 250px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
}

.button-kachel{
	background: transparent linear-gradient(239deg, #B7E615 0%, #95C11F 100%) 0% 0% no-repeat padding-box;
	display: flex;
	height: 250px;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.dp_field_dx_benefits_icon {
	width: 70px;
}

.dp_field_dx_benefitss_text  {
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 0.03em;
	margin-top: 5px;
	text-align: center;
	padding: 0 30px;
}

@media only screen and (max-width: 767px) {
	.dx-benefitss-wrapper {
	grid-template-columns: 1fr;
}
}

/* Von Robert hinzugefügtes CSS */

@media only screen and (max-width: 767px){
		.dx-benefitss-wrapper {
		grid-template-columns: 1fr;
}
}


@media only screen and (min-width: 1024px){
	.dx-benefitss-wrapper {
		display: grid;
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr;
	}
}	

.benefits-text{
	color: #000000 !important;
}