.c-triangle {
  background-color: var(--color-default);
  color: #ffffff;
  padding: var(--space-xxl) 0;
  /* >= 768px */
  /* >= 1024px */
  /* >= 1248px */
  /* >= 1440px */
  /* >= 1600px */
  /* >= 1920px */
}
.c-triangle .triangle {
  margin-bottom: 250px;
  position: relative;
}
.c-triangle .triangle::before {
  content: '';
  width: 1px;
  height: 200px;
  background-color: var(--color-primary);
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
}
.c-triangle .triangle > .title,
.c-triangle .triangle .subtitle {
  text-align: center;
  color: #ffffff;
}
.c-triangle .triangle .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "left right" "logo logo" "bottom bottom";
  column-gap: var(--space-md);
  row-gap: var(--space-lg);
  margin-top: var(--space-xl);
}
.c-triangle .triangle .wrapper .text {
  text-align: center;
}
.c-triangle .triangle .wrapper .text .title {
  color: #ffffff;
  margin-bottom: var(--space-sm);
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.c-triangle .triangle .wrapper .text .text {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.c-triangle .triangle .wrapper .text.left {
  grid-area: left;
}
.c-triangle .triangle .wrapper .text.right {
  grid-area: right;
  position: relative;
  z-index: 10;
}
.c-triangle .triangle .wrapper .text.bottom {
  grid-area: bottom;
  position: relative;
  z-index: 10;
  width: 43vw;
  margin: 0 auto;
}
.c-triangle .triangle .wrapper .logo {
  grid-area: logo;
  position: relative;
  /*
                .triangle {
                    position: absolute;
                    //
                    opacity: 0.6;
                    will-change: transform;
                    z-index: 1;
                    clip-path: polygon(50% 100%, 0 0, 100% 0);
                    width: 150px;
                    height: 150px;
                    top: ~"calc(50% - 75px)";
                    left: ~"calc(50% - 75px)";
                    filter: blur(60px);
                    //backdrop-filter: blur(160px);
                }   
                */
}
.c-triangle .triangle .wrapper .logo img {
  width: 100px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.c-triangle .triangle .wrapper .logo .triangle-wrapper {
  position: absolute;
  filter: blur(30px);
  opacity: 0.6;
  will-change: transform;
  width: 200px;
  height: 200px;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  /* GSAP will animate this wrapper */
  background-color: transparent !important;
}
.c-triangle .triangle .wrapper .logo .triangle {
  width: 200px;
  height: 200px;
  background: var(--color-primary);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  /* No filter here - it's on the wrapper */
}
.c-triangle .columns > .title,
.c-triangle .columns .subtitle {
  text-align: center;
  color: #ffffff;
}
.c-triangle .columns .wrapper {
  margin-top: 250px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 100px;
}
.c-triangle .columns .wrapper::before {
  content: '';
  width: 1px;
  height: 200px;
  background-color: var(--color-primary);
  position: absolute;
  bottom: calc(100% + 25px);
  left: 50%;
}
.c-triangle .columns .wrapper .text-item {
  text-align: center;
  position: relative;
}
.c-triangle .columns .wrapper .text-item::before {
  content: '';
  width: 1px;
  height: 50px;
  background-color: var(--color-primary);
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
}
.c-triangle .columns .wrapper .text-item:last-of-type::before {
  display: none;
}
.c-triangle .columns .wrapper .text-item .title {
  color: #ffffff;
  margin-bottom: var(--space-sm);
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.c-triangle .columns .wrapper .text-item .text {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
@media screen and (min-width: 1024px) {
  .c-triangle .triangle {
    margin-bottom: 400px;
  }
  .c-triangle .triangle::before {
    height: 300px;
    top: calc(100% + 50px);
  }
  .c-triangle .triangle .wrapper {
    margin-top: var(--space-xxxl);
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-areas: "left logo right" ". bottom .";
    row-gap: var(--space-xl);
  }
  .c-triangle .triangle .wrapper .logo {
    margin-top: var(--space-md);
  }
  .c-triangle .triangle .wrapper .logo img {
    width: 150px;
  }
  .c-triangle .triangle .wrapper .logo .triangle-wrapper {
    height: 300px;
    width: 300px;
    top: calc(50% - 150px);
    left: calc(50% - 150px);
  }
  .c-triangle .triangle .wrapper .logo .triangle {
    height: 300px;
    width: 300px;
  }
  .c-triangle .triangle .wrapper .text.bottom {
    width: 50%;
    margin: 0 auto;
  }
  .c-triangle .columns > .title,
  .c-triangle .columns > .subtitle {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  .c-triangle .columns .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    padding-top: 75px;
    margin-top: 300px;
  }
  .c-triangle .columns .wrapper::before {
    height: 300px;
    bottom: calc(100% - 50px);
  }
  .c-triangle .columns .wrapper:after {
    content: '';
    width: calc(100% - (( 100% - 200px) * 0.33*0.5 *2) - 2px);
    height: 1px;
    background-color: var(--color-primary);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    position: absolute;
  }
  .c-triangle .columns .wrapper .text-item::before {
    bottom: calc(100% + 25px);
    top: auto;
  }
  .c-triangle .columns .wrapper .text-item:nth-of-type(2)::before {
    display: none;
  }
  .c-triangle .columns .wrapper .text-item:last-child::before {
    display: block;
  }
}
@media screen and (min-width: 1248px) {
  .c-triangle .triangle .wrapper .text .title {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
  }
  .c-triangle .triangle .wrapper .text .text {
    font-size: var(--font-size);
    line-height: var(--line-height);
  }
  .c-triangle .columns .wrapper .text-item .title {
    font-size: var(--font-size-big);
    line-height: var(--line-height-big);
  }
  .c-triangle .columns .wrapper .text-item .text {
    font-size: var(--font-size);
    line-height: var(--line-height);
  }
}
@media screen and (min-width: 1440px) {
  .c-triangle .triangle .wrapper {
    row-gap: var(--space-xxl);
  }
  .c-triangle .triangle .wrapper .logo {
    margin-top: var(--space-lg);
  }
  .c-triangle .triangle .wrapper .logo img {
    width: 175px;
  }
  .c-triangle .triangle .wrapper .logo .triangle-wrapper {
    height: 400px;
    width: 400px;
    top: calc(50% - 200px);
    left: calc(50% - 200px);
  }
  .c-triangle .triangle .wrapper .logo .triangle {
    height: 400px;
    width: 400px;
  }
}
@media screen and (min-width: 1920px) {
  .c-triangle .triangle .wrapper {
    row-gap: var(--space-xxl);
  }
  .c-triangle .triangle .wrapper .logo {
    margin-top: var(--space-xl);
  }
  .c-triangle .triangle .wrapper .logo img {
    width: 200px;
  }
  .c-triangle .triangle .wrapper .logo .triangle-wrapper {
    height: 500px;
    width: 500px;
    top: calc(50% - 250px);
    left: calc(50% - 250px);
  }
  .c-triangle .triangle .wrapper .logo .triangle {
    height: 500px;
    width: 500px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Fvhosts%5C%2Fsentientexpanse.moremedia-development.at%5C%2Fhttpdocs%5C%2Fweb%5C%2Fthemes%5C%2Fcustom%5C%2F_components%5C%2Fc_triangle%5C%2Fc_triangle.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%2CkBAAkB%2CoBAAlB%3BEACA%2CcAAA%3BEACA%2CSAAS%2CkBAAT%3B%3B%3B%3B%3B%3B%3B%3BAAHJ%2CWAKI%3BEACI%2CoBAAA%3BEACA%2CkBAAA%3B%3BAAEA%2CWAJJ%2CUAIK%3BEACG%2CSAAS%2CEAAT%3BEACA%2CUAAA%3BEACA%2CaAAA%3BEACA%2CkBAAkB%2CoBAAlB%3BEACA%2CkBAAA%3BEACA%2CsBAAA%3BEACA%2CSAAA%3B%3BAAhBZ%2CWAKI%2CUAcK%3BAAnBT%2CWAKI%2CUAeI%3BEACI%2CkBAAA%3BEACA%2CcAAA%3B%3BAAtBZ%2CWAKI%2CUAoBI%3BEACI%2CaAAA%3BEACA%2C8BAAA%3BEACA%2CqBAAqB%2CaAAa%2CYAAY%2CeAA9C%3BEACA%2CYAAY%2CeAAZ%3BEACA%2CSAAS%2CeAAT%3BEACA%2CYAAY%2CeAAZ%3B%3BAA%5C%2FBZ%2CWAKI%2CUAoBI%2CSAQI%3BEACI%2CkBAAA%3B%3BAAlChB%2CWAKI%2CUAoBI%2CSAQI%2CMAGI%3BEACI%2CcAAA%3BEACA%2CeAAe%2CeAAf%3BEACA%2CWAAW%2CgBAAX%3BEACA%2CaAAa%2CkBAAb%3B%3BAAxCpB%2CWAKI%2CUAoBI%2CSAQI%2CMAUI%3BEACI%2CWAAW%2CsBAAX%3BEACA%2CaAAa%2CwBAAb%3B%3BAA7CpB%2CWAKI%2CUAoBI%2CSAwBI%2CMAAK%3BEACD%2CeAAA%3B%3BAAlDhB%2CWAKI%2CUAoBI%2CSA4BI%2CMAAK%3BEACD%2CgBAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3B%3BAAxDhB%2CWAKI%2CUAoBI%2CSAkCI%2CMAAK%3BEACD%2CiBAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3BEACA%2CWAAA%3BEACA%2CcAAA%3B%3BAAhEhB%2CWAKI%2CUAoBI%2CSA0CI%3BEACI%2CeAAA%3BEACA%2CkBAAA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAArEhB%2CWAKI%2CUAoBI%2CSA0CI%2CMAII%3BEACI%2CYAAA%3BEACA%2CcAAA%3BEACA%2CkBAAA%3BEACA%2CWAAA%3B%3BAA3EpB%2CWAKI%2CUAoBI%2CSA0CI%2CMA2BI%3BEACI%2CkBAAA%3BEACA%2CQAAQ%2CUAAR%3BEACA%2CYAAA%3BEACA%2CsBAAA%3BEACA%2CYAAA%3BEACA%2CaAAA%3BEACA%2CsBAAA%3BEACA%2CuBAAA%3B%3BEAEA%2CwCAAA%3B%3BAAxGpB%2CWAKI%2CUAoBI%2CSA0CI%2CMAwCI%3BEACI%2CYAAA%3BEACA%2CaAAA%3BEACA%2CYAAY%2CoBAAZ%3BEACA%2CWAAW%2C8BAAX%3B%3B%3BAA%5C%2FGpB%2CWAsHI%2CSAEK%3BAAxHT%2CWAsHI%2CSAGI%3BEACI%2CkBAAA%3BEACA%2CcAAA%3B%3BAA3HZ%2CWAsHI%2CSAQI%3BEACI%2CiBAAA%3BEACA%2CkBAAA%3BEACA%2CaAAA%3BEACA%2C0BAAA%3BEACA%2CUAAA%3B%3BAAEA%2CWAfR%2CSAQI%2CSAOK%3BEACG%2CSAAS%2CEAAT%3BEACA%2CUAAA%3BEACA%2CaAAA%3BEACA%2CkBAAkB%2CoBAAlB%3BEACA%2CkBAAA%3BEACA%2CyBAAA%3BEACA%2CSAAA%3B%3BAA5IhB%2CWAsHI%2CSAQI%2CSAiBI%3BEACI%2CkBAAA%3BEACA%2CkBAAA%3B%3BAAEA%2CWA7BZ%2CSAQI%2CSAiBI%2CWAIK%3BEACG%2CSAAS%2CEAAT%3BEACA%2CUAAA%3BEACA%2CYAAA%3BEACA%2CkBAAkB%2CoBAAlB%3BEACA%2CkBAAA%3BEACA%2CsBAAA%3BEACA%2CSAAA%3B%3BAAIA%2CWAxChB%2CSAQI%2CSAiBI%2CWAcK%2CaACI%3BEACG%2CaAAA%3B%3BAA%5C%2FJxB%2CWAsHI%2CSAQI%2CSAiBI%2CWAoBI%3BEACI%2CcAAA%3BEACA%2CeAAe%2CeAAf%3BEACA%2CWAAW%2CgBAAX%3BEACA%2CaAAa%2CkBAAb%3B%3BAAvKpB%2CWAsHI%2CSAQI%2CSAiBI%2CWA2BI%3BEACI%2CWAAW%2CsBAAX%3BEACA%2CaAAa%2CwBAAb%3B%3BAA8GhB%2CmBApGsC%3BEAoGtC%2CWAnGI%3BIACI%2CoBAAA%3B%3BEAEA%2CWAHJ%2CUAGK%3BIACG%2CaAAA%3BIACA%2CsBAAA%3B%3BEA8FZ%2CWAnGI%2CUAQI%3BIACI%2CYAAY%2CiBAAZ%3BIACA%2CkCAAA%3BIACA%2CqBAAqB%2CkBAAkB%2CYAAvC%3BIACA%2CSAAS%2CeAAT%3B%3BEAuFZ%2CWAnGI%2CUAQI%2CSAMI%3BIACI%2CYAAY%2CeAAZ%3B%3BEAoFhB%2CWAnGI%2CUAQI%2CSAMI%2CMAGI%3BIACI%2CYAAA%3B%3BEAiFpB%2CWAnGI%2CUAQI%2CSAMI%2CMAOI%3BIACI%2CaAAA%3BIACA%2CYAAA%3BIACA%2CsBAAA%3BIACA%2CuBAAA%3B%3BEA0EpB%2CWAnGI%2CUAQI%2CSAMI%2CMAgBI%3BIACI%2CaAAA%3BIACA%2CYAAA%3B%3BEAmEpB%2CWAnGI%2CUAQI%2CSA4BI%2CMAAK%3BIACD%2CUAAA%3BIACA%2CcAAA%3B%3BEA6DhB%2CWAxDI%2CSAGK%3BEAqDT%2CWAxDI%2CSAIK%3BIACG%2CUAAA%3BIACA%2CiBAAA%3BIACA%2CkBAAA%3B%3BEAiDZ%2CWAxDI%2CSAUI%3BIACI%2CaAAA%3BIACA%2CuBAAuB%2CcAAvB%3BIACA%2CkBAAA%3BIACA%2CiBAAA%3BIACA%2CiBAAA%3B%3BEAEA%2CWAjBR%2CSAUI%2CSAOK%3BIACG%2CaAAA%3BIACA%2CyBAAA%3B%3BEAGJ%2CWAtBR%2CSAUI%2CSAYK%3BIACG%2CSAAS%2CEAAT%3BIACA%2CyDAAA%3BIACA%2CWAAA%3BIACA%2CkBAAkB%2CoBAAlB%3BIACA%2CSAAA%3BIACA%2CWAAW%2CgBAAX%3BIACA%2CMAAA%3BIACA%2CkBAAA%3B%3BEAIA%2CWAlCZ%2CSAUI%2CSAuBI%2CWACK%3BIACG%2CyBAAA%3BIACA%2CSAAA%3B%3BEAIA%2CWAxChB%2CSAUI%2CSAuBI%2CWAMK%2CYAAY%2CGACR%3BIACG%2CaAAA%3B%3BEAKJ%2CWA9ChB%2CSAUI%2CSAuBI%2CWAYK%2CWACI%3BIACG%2CcAAA%3B%3B%3BAA6CxB%2CmBApCsC%3BEAoCtC%2CWAlCI%2CUACI%2CSACI%2CMACI%3BIACI%2CWAAW%2CoBAAX%3BIACA%2CaAAa%2CsBAAb%3B%3BEA6BpB%2CWAlCI%2CUACI%2CSACI%2CMAMI%3BIACI%2CWAAW%2CgBAAX%3BIACA%2CaAAa%2CkBAAb%3B%3BEAwBpB%2CWAlBI%2CSACI%2CSACI%2CWACI%3BIACI%2CWAAW%2CoBAAX%3BIACA%2CaAAa%2CsBAAb%3B%3BEAapB%2CWAlBI%2CSACI%2CSACI%2CWAMI%3BIACI%2CWAAW%2CgBAAX%3BIACA%2CaAAa%2CkBAAb%3B%3B%3BAAyCpB%2CmBAjCsC%3BEAiCtC%2CWAhCI%2CUAEI%3BIACI%2CSAAS%2CgBAAT%3B%3BEA6BZ%2CWAhCI%2CUAEI%2CSAGI%3BIACI%2CYAAY%2CeAAZ%3B%3BEA0BhB%2CWAhCI%2CUAEI%2CSAGI%2CMAGI%3BIACI%2CYAAA%3B%3BEAuBpB%2CWAhCI%2CUAEI%2CSAGI%2CMAOI%3BIACI%2CaAAA%3BIACA%2CYAAA%3BIACA%2CsBAAA%3BIACA%2CuBAAA%3B%3BEAgBpB%2CWAhCI%2CUAEI%2CSAGI%2CMAgBI%3BIACI%2CaAAA%3BIACA%2CYAAA%3B%3B%3BAA6CxB%2CmBAjC0C%3BEAiC1C%2CWAhCQ%2CUAGI%3BIAEI%2CSAAS%2CgBAAT%3B%3BEA2BhB%2CWAhCQ%2CUAGI%2CSAII%3BIAEI%2CYAAY%2CeAAZ%3B%3BEAuBpB%2CWAhCQ%2CUAGI%2CSAII%2CMAII%3BIACI%2CYAAA%3B%3BEAoBxB%2CWAhCQ%2CUAGI%2CSAII%2CMAQI%3BIACI%2CaAAA%3BIACA%2CYAAA%3BIACA%2CsBAAA%3BIACA%2CuBAAA%3B%3BEAaxB%2CWAhCQ%2CUAGI%2CSAII%2CMAiBI%3BIACI%2CaAAA%3BIACA%2CYAAA%22%7D */