.profi-kacheln-outer {
	margin-top:80px;
	margin-bottom:80px;
}
.profi-kacheln .profi-kacheln-container {
	display:flex;
	flex-wrap:wrap;
	margin:0 -5px;
}
.profi-kacheln-headline {
	background-color:rgba(61,205,88,1);
}
.profi-kacheln-headline-blue {
	background-color:rgb(66,180,230);
}
.profi-kacheln-headline-green-white {
	background-color:transparent;
}

.profi-kacheln-headline h2 {
	color:white;
	line-height:100px;
	text-align:center;
}
.profi-kacheln-headline-green-white h2,
.icon-kachel-green-white h3,
.icon-kachel-green-white a {
	color:rgba(61,205,88,1);
}
.icon-kachel-green-white h3,
.icon-kachel-green-white .icon-kachel-content {
	box-sizing:border-box;
	padding:0 10px;
}
.profi-kacheln-description {
	margin:0 0 20px 0;
	background-color:white;
	padding:40px;
}
.profi-kachel,
.icon-kachel {
	position:relative;
	box-sizing:border-box;
	border:5px solid transparent;
	overflow:hidden;
	-moz-hyphens: auto;
  	hyphens: auto;
}
.icon-kachel {
	border:8px solid transparent;
}
.profi-kachel-image h3 {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	line-height:40px;
	height:40px;
	background-color:rgba(0,0,0,0.5);
	color:white;
	text-align:center;
	opacity:1;
	transition: opacity 0.8s;
}
.profi-kachel-image h3 a {
	color:white;
}	

.profi-kachel:hover .profi-kachel-image h3 {
	opacity:0;
}
.profi-kachel-content {
	display:block;
	position:absolute;
	left:-2000px;
	right:0;
	top:0;
	bottom:0;
	color:white;
	text-align:center;
	background-color:rgba(61,205,88,0);
	transition: background-color 0.8s;
}
.profi-kachel:hover .profi-kachel-content {
	left:0;
	background-color:rgba(61,205,88,0.9);
}
.profi-kachel-content h3,
.profi-kachel-content h3 a {
	margin: 0;
  	position: absolute;
  	top: 0;
  	bottom:0;
  	left:0;
  	right:0;
  	text-align:center;
}
.profi-kachel-content h3 a {
	color:white;
	padding-top:calc(50% - 20px);
	text-decoration:none;
}


.icon-kachel {
	padding-top:10px;
}
.icon-kachel a {
	text-decoration:none;
}
/*
.icon-kachel:hover > div {
	background-color: rgb(57,192,83) !important;
}
*/
.icon-kachel a:hover {
	text-decoration:none;
}
.icon-kachel-content h2 {
	color:white;
	margin-bottom:0;
}
.icon-kachel-content {
	text-align:center;
	color:white;
	position:relative;
	font-size:24px;
	padding:0 20px;
}
.icon-kachel-white .icon-kachel-content h2,
.icon-kachel-white .icon-kachel-content h3,
.icon-kachel-white .icon-kachel-content {
	color:rgb(61,205,88);
}
.icon-kachel-content p,
.icon-kachel-content ul,
.icon-kachel-content li {
	font-size:22px;
}
.icon-kachel-green-white .icon-kachel-content {
	color:rgb(61,205,88);
}

.profi-kachel .profi-kachel-icon figure {
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(61,205,88,0.9);
	transition: background-color 0.8s;
}
.profi-kachel:hover .profi-kachel-icon figure {
	background-color:rgba(61,205,88,0);
}

/* 3 Cols */
.profi-kacheln-cols-3 .profi-kachel,
.profi-kacheln-cols-3 .icon-kachel {
	width:33.3%;
}
.profi-kacheln-cols-3 .profi-kachel-image img {
	width:100%;
	height:auto;
}
.profi-kacheln-cols-3 .icon-kachel-image {
	text-align:center;
	position:relative
}
.profi-kacheln-cols-3 .icon-kachel-image img {
	width:50%;
	height:auto;
}
/* 4 Cols */
.profi-kacheln-cols-4 .profi-kachel,
.profi-kacheln-cols-4 .icon-kachel {
	width:25%;
}
.profi-kacheln-cols-4 .profi-kachel-image img {
	width:100%;
	height:auto;
}
.profi-kacheln-cols-4 .icon-kachel-image {
	text-align:center;
	position:relative;
}
.profi-kacheln-cols-4 .icon-kachel-image img {
	width:50%;
	height:auto;
}


@media only screen and (min-width: 840px) {
	.profi-kacheln-cols-4 .profi-kachel-image h3 {
		font-size:16px;
	}
}
@media only screen and (max-width: 999.9px) {
	body .profi-kacheln .container {
		max-width:100%;
	}
	.profi-kacheln-outer {
		margin-top:60px;
		margin-bottom:60px;
	}
}

@media only screen and (max-width: 840px) {
	.profi-kacheln-cols-4 .profi-kachel,
	.profi-kacheln-cols-4 .icon-kachel {
		width:50%;
	}
}
@media only screen and (min-width: 721px) and (max-width: 840px) {
	.profi-kacheln-cols-3 .profi-kachel-image h3,
	.profi-kacheln-cols-3 .icon-kachel-image h3 {
		font-size:16px;
	}
}
@media only screen and (max-width: 720px) {
	.profi-kacheln-cols-3 .profi-kachel,
	.profi-kacheln-cols-3 .icon-kachel {
		width:50%;
	}
	.profi-kacheln-headline h2 {
		font-size:28px;
		line-height: 80px;
	}
	
	.profi-kacheln-outer {
		margin-top:40px;
		margin-bottom:40px;
	}
}
@media only screen and (max-width: 580px) {
	.profi-kacheln-headline h2 {
		font-size:24px;
		line-height: 60px;
	}
}
@media only screen and (min-width: 451px) and (max-width: 580px) {
	.profi-kacheln-cols-4 .profi-kachel-image h3,
	.profi-kacheln-cols-3 .profi-kachel-image h3,
	.profi-kacheln-cols-4 .icon-kachel-image h3,
	.profi-kacheln-cols-3 .icon-kachel-image h3 {
		font-size:16px;
	}
}
@media only screen and (max-width: 450px) {
	.profi-kacheln-cols-3 .profi-kachel,
	.profi-kacheln-cols-4 .profi-kachel,
	.profi-kacheln-cols-3 .icon-kachel,
	.profi-kacheln-cols-4 .icon-kachel {
		width:100%;
	}
}
@media only screen and (max-width: 420px) {
	.profi-kacheln-headline h2 {
		font-size:20px;
		line-height: 50px;
	}
}