:root{
	--gap: 26px;
	--gapBox: calc(var(--gap) / 2); 
}


.iconbox_wrapper{
	display: flex;
	flex-wrap: wrap;
	/*align-items: stretch; */
	gap:var(--gapBox);
}

.iconbox{
	/*background-color: var(--blau);*/
	background-image: linear-gradient(90deg, #119cd8, #0a8cc9);
	color: #fff;
	/*height: 300px;*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	position: relative;
	display: flex;
  flex-direction: column; 
	
}

.iconbox.w1_4{	flex: 0 0 calc(25% - var(--gapBox) ); }
.iconbox.w1_3{	flex: 0 0 calc(33.333333% - var(--gapBox) ); }
.iconbox.w1_2{	flex: 0 0 calc(50% - var(--gapBox) ); }
.iconbox.w2_3{	flex: 0 0 calc(66.66662% - var(--gapBox) ); }
.iconbox.w1_1{	flex: 0 0 100% ; width:100%; }


.iconbox.h_1{  min-height: 230px; }
.iconbox.h_2{  min-height: 330px; }
.iconbox.h_3{  min-height: 440px; }


@media screen and (max-width: 1025px) {
	.iconbox.w1_4, .iconbox.w1_3,	.iconbox.w1_2,	.iconbox.w2_3{	flex: 0 0 calc(50% - var(--gapBox) ); }
}
@media screen and (max-width: 900px) {
	.iconbox.w1_4,	.iconbox.w1_3,	.iconbox.w1_2,	.iconbox.w2_3 { flex: 0 0 100% ;	}
	.iconbox{	min-height: 200px; }

}




.icon{
	margin: 20px auto;
	width: 50%;
	max-width: 150px!important;
	/*height: 100px;*/
	position: relative;
/*	left: 50%;
	transform: translateX(-50%);*/

}


.iconbox .boxText{
	margin-bottom: 50px;
}

.iconbox .boxText,
.iconbox .boxText p{
	color:#fff;
}


.iconbox .boxFooter{
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #119cd8;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	width: 100%;
	height: 50px;
	font-family: var(--h1fontFamily);
  padding: 13px 44px 10px 34px;
  z-index: 1;
  	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box;
	overflow: hidden;
}



.iconbox .boxFooter .btn_ico {
	background-color: #21acf8;
  position: absolute;
  right: 0px;
  top: 0;
	height: 50px;
  padding: 13px 0px;
  z-index: 2;
  width: 50px;
  text-align: center;
  transition: .8s ease;

}
.iconbox:hover .boxFooter .btn_ico {
  width: 100%;
  text-align: center;
  transition: .8s ease;
}