@charset "utf-8";

.leistungskacheln-box .kachel-wrapper{
		gap: 20px;
}

.leistungskacheln-box .kachel {
	background: linear-gradient(to bottom, rgba(40, 35, 40, 1) 0%, rgba(16, 16, 16, 1) 100%);
	border-radius: 8px;
	width: calc(16.66% - 17px);
	hyphens: auto;

}

.leistungskacheln-box .kachel .text{
	color: #999999;
}
.leistungskacheln-box .content h3{
	font-size: 18px;
	font-weight: 400;
}


@media(max-width: 1200px){
	.leistungskacheln-box  .kachel {
		background: linear-gradient(to bottom, rgba(40, 35, 40, 1) 0%, rgba(16, 16, 16, 1) 100%);
		border-radius: 8px;
		width: calc(50% - 20px);

	}

}

@media(max-width: 1024px){
	.leistungskacheln-box  .kachel-wrapper{
			gap: calc( 40px * 0.7);
	}
	
	.leistungskacheln-box  .kachel {
		background: linear-gradient(to bottom, rgba(40, 35, 40, 1) 0%, rgba(16, 16, 16, 1) 100%);
		border-radius: 8px;
		width: calc(50% - 20px * 0.7);

	}
	.leistungskacheln-box  .kachel.padding40{
		padding: 30px;
	}

	.leistungskacheln-box  .kachel {
		width: 100%; 
	}
}


@media(max-width: 480px){
	.leistungskacheln-box  .kachel {
		width: 100%; 
	}
	.leistungskacheln-box  .kachel.padding40{
		padding: 20px;
	}
}