.vorteile-frage{
	text-align: center;
}

.vorteile-liste{
	position: relative;
	display: flex;
 	justify-content: center;
	align-items: center;
	gap: 5rem;
  margin: 60px 0;
}

.vorteile-liste .vorteil{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	width: 300px;
	height: 300px;
	padding: 30px;
	color: var(--colorWhite);
	 background: rgb(8,170,175);
	background: -moz-linear-gradient(245deg, rgba(8,170,175,1) 0%, rgba(130,218,102,1) 60%, rgba(224,255,46,1) 100%);
	background: -webkit-linear-gradient(245deg, rgba(8,170,175,1) 0%, rgba(130,218,102,1) 60%, rgba(224,255,46,1) 100%);
	background: linear-gradient(245deg, rgba(8,170,175,1) 0%, rgba(130,218,102,1) 60%, rgba(224,255,46,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08aaaf",endColorstr="#e0ff2e",GradientType=1); 
	box-shadow: 0 2px 8px 2px rgba(0,0,0,0.2);
	border-radius: 100%;
}

.vorteile-liste .icon img{
	width: 100px;
	height: 100px;
	margin-bottom:30px;
}

.vorteile-liste .content > *{
	color: var(--colorWhite);
}

@media(max-width: 1299px){
	.vorteile-liste{
		gap: 1rem;
	}
}

@media(max-width: 991px){
	.vorteile-liste{
		flex-direction: column;
		gap: 1rem;
	}
}

@media(max-width: 767px){
	.vorteile-liste .vorteil{
		width: 250px;
		height: 250px;
	}
	
	.vorteile-liste .icon img{
		margin-bottom: 15px;	
	}
	
	.vorteile-liste .vorteil .content{
		line-height: 24px;	
	}
}