/** Shopify CDN: Minification failed

Line 45:22 Unexpected "}"

**/
/*------------------------------------------------------------------
Variables
*/
/*------------------------------------------------------------------
Re-usable Styles
*/



.collage .collage-item img {
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.collage .video-play-icon path {
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

/* Collage */
.collage {
  display: grid;
  gap: 6px; }
  @media only screen and (min-width: 768px) {
    .collage {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (min-width: 1068px) {
    .collage {
      grid-template-columns: 2fr 1fr;
      grid-template-rows: 1fr 1fr;
      min-height: 620px;
      } }
  .collage .thb-placeholder {
    padding: 0;
    max-height: 100%; }
    .collage .thb-placeholder svg {
      background: #737373;
      fill: #ffffff4d;
      width: 100%;
      max-height: 620px; }
  .collage .collage-item {
border-radius: 10px;
    overflow: hidden; 
  min-height: 260px; }}
    @media only screen and (min-width: 768px) {
      .collage .collage-item:nth-child(1) {
        grid-column: 1/3; } }
    @media only screen and (min-width: 1068px) {
      .collage .collage-item:nth-child(1) {
        grid-column: auto;
        grid-row: 1/3; }
        .collage .collage-item:nth-child(1) img,
        .collage .collage-item:nth-child(1) svg {
          max-height: 620px !important;
        object-fit:cover}
        .collage .collage-item:nth-child(1) h3 {
          font-size: 40px; }
        .collage .collage-item:nth-child(1) p {
          font-size: 1.0625rem; }
        .collage .collage-item:nth-child(1) h3,
        .collage .collage-item:nth-child(1) p {
          max-width: 80%; } }
    @media only screen and (min-width: 1068px) {
      .collage .collage-item:nth-child(2), .collage .collage-item:nth-child(3) {
        max-height: 307px; } }
    .collage .collage-item h3 {
      margin-bottom: 10px; }
    .collage .collage-item p {
      font-size: 0.9375rem; }
    .collage .collage-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1); }
    .collage .collage-item:hover img {
      transform: scale(1.07); }
    .collage .collage-item .thb-collage-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      pointer-events: none; }
    .collage .collage-item.collage--collection {
      position: relative; }
      .collage .collage-item.collage--collection .thb-collage-link {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        padding: 30px;
        color: #fff; }
        @media only screen and (min-width: 768px) {
          .collage .collage-item.collage--collection .thb-collage-link {
            padding: 40px; } }
        @media only screen and (min-width: 1068px) {
          .collage .collage-item.collage--collection .thb-collage-link {
            padding: 50px; } }
        .collage .collage-item.collage--collection .thb-collage-link h3 {
          color: #fff; }
        .collage .collage-item.collage--collection .thb-collage-link p {
          margin: 0;
          display: -webkit-box;
          -moz-line-clamp: 3;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
          overflow: hidden; }
    .collage .collage-item.collage--text {
      background: #f5f5f5;
      position: relative; }
      .collage .collage-item.collage--text h3,
      .collage .collage-item.collage--text p,
      .collage .collage-item.collage--text a {
        color: var(--collage-text-color); }
      .collage .collage-item.collage--text svg {
        fill: var(--collage-text-color); }
      .collage .collage-item.collage--text img {
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0; }
      .collage .collage-item.collage--text .collage--text-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: relative;
        z-index: 10;
        padding: 30px;
        height: 100%; }
        @media only screen and (min-width: 768px) {
          .collage .collage-item.collage--text .collage--text-content {
            padding: 40px; } }
        @media only screen and (min-width: 1068px) {
          .collage .collage-item.collage--text .collage--text-content {
            padding: 50px; } }
        .collage .collage-item.collage--text .collage--text-content p {
          margin: 0 auto; }
        .collage .collage-item.collage--text .collage--text-content h3 + .btn-text {
          margin-top: 10px; }
  .collage .video-play-icon {
    width: 64px;
    height: 64px;
    margin-top: 15px; }
    .collage .video-play-icon path {
      transform-origin: center; }
    .collage .video-play-icon:hover path {
      transform: scale(1.08); }
.visionz-collage-slider img {
    width: 100%; /* Setzt die Breite der Bilder auf 100% */
    height: auto; /* Stellt sicher, dass die Höhe proportional bleibt */
    object-fit: cover; /* Sorgt dafür, dass die Bilder den gesamten Bereich ausfüllen, ohne ihre Proportionen zu verlieren */
}
.visionz-collage-slider .slider-item {
    height: 100%; /* Setzt die Höhe der Slider-Items auf 100% */
}