/** Projekt Cards **/

.projekt-card .fusion-column-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.projekt-card .fusion-column-wrapper > div:last-child {
  margin-top: auto;
}

.projekt-card .fusion-title {
    height: 58px;
}

.icon-badge-arc{
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  overflow: visible;
  isolation: isolate;
  --arc-color: #8eb8ea;
  --arc-gap: 24px;
}

.icon-badge-arc::before{
  position: relative;
  z-index: 2;
}

.icon-badge-arc .icon-arc-svg{
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + var(--arc-gap));
  height: calc(100% + var(--arc-gap));
  transform: translate(-50%, -50%);
  overflow: visible;
  pointer-events: none;
  z-index: 1;
}

.icon-badge-arc{
  --arc-gap: 52px;
}

.icon-badge-arc .icon-arc-path{
  stroke-width: 2.5;
}

.icon-badge-arc .icon-arc-path{
  fill: none;
  stroke: var(--arc-color);
  stroke-width: 2;
  stroke-linecap: round;
  will-change: stroke-dashoffset;
}

.icon-badge-arc.arc-visible .icon-arc-path{
  animation: iconArcDraw 0.9s ease-out 1.6s forwards;
}

@keyframes iconArcDraw{
  to{
    stroke-dashoffset: 0;
  }
}

/* Individuelle Farben */
.icon-badge-arc.arc-blue{
  --arc-color: var(--awb-custom_color_2);
}

.icon-badge-arc.arc-red{
  --arc-color: var(--awb-color7);
}

.icon-badge-arc.arc-green{
  --arc-color: var(--awb-custom_color_5);
}



/******************** 
***Border mit Verlauf 
********************/ 

.fusion-layout-column.gradient-border {
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

.fusion-layout-column.gradient-border > .fusion-column-wrapper {
  position: relative !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  isolation: isolate;
}

.fusion-layout-column.gradient-border > .fusion-column-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    #E3051B 0%,
    #004b88 35%,
    #00877F 70%,
    #004b88 100%
  );
  background-size: 180% 180%;
  animation: itas-border-move 16s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.fusion-layout-column.gradient-border > .fusion-column-wrapper > * {
  position: relative;
  z-index: 3;
}

@keyframes itas-border-move {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.home-partner-wrapper {
height: 220px; 
}

.home-partner-headline {
height: 72px;
}