.container.iconset-heading {
	font-size: 3vw;
	padding-left:var(--main-padding);
	padding-right:var(--main-padding);
	color: #000;
	padding-top:var(--space-padding) !important;
	padding-bottom: var(--space-padding) !important;
}

.container.iconset {
	 background-color: var(--farbe-1);
	padding-top:0px;
	padding-bottom: 50px;
	background: #FFF;
}

.container.iconset svg , .container.iconset svg g , .container.iconset svg path  {
	fill: var(--farbe-1);
	width: auto;
	height: 100px;
}

.container.iconset .icongroup {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
  gap: 100px;
  justify-content: center; 
}

.container.iconset .icongroup.more {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
  justify-items: center;
}



.container.iconset .icongroup .iconbox {
  width: 100%;
}

.container.iconset .icongroup .iconbox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
	gap:20px;
}

.container.iconset .icongroup .iconbox .icon {
  /* Stil für das Icon, z.B. Größe und Farbe */
}

.container.iconset .icongroup .iconbox .icon-text {
  color: #000;
}

.container.iconset .icongroup .iconbox .icon-text p {
  text-align: center;
}
.container.iconset .icongroup .iconbox .icon-text strong {
   color: var(--farbe-1);
	font-size: 27px;
}

.icongroup.more .icon-text strong {
	color: var(--farbe-1) !important;
}

.iconbox.icon_bg .icon {
	 background-color: var(--farbe-1);
	border-radius: 100px;
	display: flex;
    align-items: center;
    justify-content: center;
	width: 120px;
	height: 120px;
	transition: background 0.5s;
}

.iconbox.icon_bg .icon svg{
	width: 55%;
	fill:#fff;
}
.iconbox.icon_bg .icon svg g,
.iconbox.icon_bg .icon svg g path,
.iconbox.icon_bg .icon svg path{
	fill:#fff;
}

.iconbox.icon_bg .icon:hover {
	 background-color: rgba(var(--color-1), 1);
}


.icongroup[data-columns="2"] {
  grid-template-columns: repeat(2, 1fr) !important;
}

.icongroup[data-columns="3"] {
  grid-template-columns: repeat(3, 1fr) !important;
}

.icongroup[data-columns="4"] {
  grid-template-columns: repeat(4, 1fr) !important;
}
.icongroup[data-columns="5"] {
  grid-template-columns: repeat(5, 1fr) !important;
}
.icongroup[data-columns="6"] {
  grid-template-columns: repeat(6, 1fr) !important;
}



@media only screen and (max-width: 767px) {	
	.container.iconset-heading {
		font-size: 9vw;
		padding:50px 0;
	}	

	.container.iconset .icongroup {
		grid-template-columns: repeat(2, 1fr); 
		gap: 50px; 
	}
	
 .container.iconset .icongroup {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px;
}
	
.container.iconset .icongroup .iconbox .icon-text p {
 	font-size: 16px !important;
}
	
	.container.iconset .icongroup .iconbox .icon {
		display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
		height: 100px;
	}
	
	.container.iconset .icongroup .iconbox .icon svg {
		width: 50% !important;
	}
	
	.container.iconset .icongroup .iconbox {
		justify-content: flex-start;
	}
	
	
	.container.iconset .icongroup .iconbox .icon svg{
    width: 80% !important;
}
	
	
	.iconbox.icon_bg .icon {
	 background-color: rgba(var(--color-2), 1);
	border-radius: 100px;
	width: 100px !important;
	height: 100px !important;
}
.iconbox.icon_bg .icon svg{
	width: 60%;
}
	
	
}