/* Effektgruppe: backgrounds/patterns; Reihenfolge in inc/assets.php. */

/* Background Muster */

.pattern-bg > .kt-inside-inner-col {
    position: relative;
    overflow: hidden;
    z-index: 5;
    /* Um zuu verhindern, dass  beim Hovern des svgs durch txt hindurchgeschienen wird, z-index erhöhen. evtl eigenen abschnitt mit hohem z-index */
  }
  
  .pattern-bg > .kt-inside-inner-col::before {
    content: '';
    position: absolute;
    inset: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer-events: none;
    z-index: 0;
    /* Masken-Eigenschaft */
    mask-image: var(--pattern-mask, radial-gradient(circle, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 0px));
    -webkit-mask-image: var(--pattern-mask, radial-gradient(circle, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 0px));
    transition: mask-image 0.5s linear;
    will-change: mask-image;
  }

/* pattern Varianten 1 bis 20 */
.pattern-bg.pattern-1  > .kt-inside-inner-col::before { background-image: url('https://stage2.lisa-augustin.de/wp-content/uploads/2026/02/vecteezy_geometric-seamless-pattern_4693155.svg'); }
.pattern-bg.pattern-2  > .kt-inside-inner-col::before { background-image: url('https://stage2.lisa-augustin.de/wp-content/uploads/2026/02/vecteezy_geometric-seamless-pattern_4693155.svg'); }

.logo-bg > .kt-inside-inner-col {
    position: relative;
    overflow: hidden;
  }
  
  .logo-bg > .kt-inside-inner-col::before {
    content: '';
    position: absolute;
    inset: 0;

    background-image: url('https://zimmerei-rudolf.com/wp-content/uploads/2025/05/icon-schwarz.svg');
    background-size: contain;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    pointer-events: none;

      /* Masken-Eigenschaft */
    mask-image: var(--pattern-mask, radial-gradient(circle, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 0px));
    -webkit-mask-image: var(--pattern-mask, radial-gradient(circle, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 0px));
  
    transition: mask-image 0.5s linear;
    will-change: mask-image;
  }