/* [project]/components/wand.css.css [app-client] (css) */
.wz {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 8px;
  width: 100%;
  padding: 0;
  display: block;
}

.wz-tag {
  z-index: 4;
  position: relative;
}

.wz-tag .tag-hole {
  background: var(--bg);
}

.wz-tag .tag-wrap {
  transform-origin: calc(50% + 4px) 0;
}

.wz-swap {
  display: grid;
}

.wz-swap > * {
  grid-area: 1 / 1;
}

@keyframes wzIn {
  from {
    opacity: 0;
    clip-path: none;
  }

  to {
    opacity: 1;
    clip-path: none;
  }
}

@keyframes wzOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.wand-pre .wz-after {
  animation: 1.2s 3s both wzIn;
}

.wand-pre .wz-a {
  animation: .4s 3.4s both wzIn;
}

.wand-pre .wz-b, .wand-pre .wz-hint {
  animation: .4s 3s both wzOut;
}

@media (prefers-reduced-motion: reduce) {
  .wand-pre * {
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
  }
}

.wz-tag-side .wand-tag {
  width: min(100%, 380px);
  margin: 0;
}

/* [project]/app/polsterei/polsterei.css.css [app-client] (css) */
.flt[aria-current="page"] .sw:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cdefs%3E%3Cfilter id=%22s%22 x=%22-20%25%22 y=%22-20%25%22 width=%22140%25%22 height=%22140%25%22%3E%3CfeGaussianBlur stdDeviation=%22.3%22/%3E%3C/filter%3E%3C/defs%3E%3Crect x=%223.6%22 y=%224.1%22 width=%2216.8%22 height=%2216.8%22 rx=%222.2%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.3%22 stroke-linecap=%22round%22 stroke-dasharray=%222.1 1.7%22 opacity=%22.5%22 filter=%22url%28%23s%29%22/%3E%3Crect x=%223.6%22 y=%223.6%22 width=%2216.8%22 height=%2216.8%22 rx=%222.2%22 fill=%22none%22 stroke=%22%23F3E8CF%22 stroke-width=%221.15%22 stroke-linecap=%22round%22 stroke-dasharray=%222.1 1.7%22/%3E%3Crect x=%223.6%22 y=%223.6%22 width=%2216.8%22 height=%2216.8%22 rx=%222.2%22 fill=%22none%22 stroke=%22%231A0E06%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-dasharray=%22.01 3.79%22 stroke-dashoffset=%22-2.95%22 opacity=%22.7%22/%3E%3Crect x=%223.6%22 y=%223.4%22 width=%2216.8%22 height=%2216.8%22 rx=%222.2%22 fill=%22none%22 stroke=%22%23FFFDF6%22 stroke-width=%22.35%22 stroke-linecap=%22round%22 stroke-dasharray=%221.3 2.5%22 stroke-dashoffset=%22-.4%22 opacity=%22.9%22/%3E%3C/svg%3E") 0 0 / 100% 100%;
  position: absolute;
  inset: 0;
}

@media (max-width: 760px) {
  .flt {
    min-height: 44px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.mgrid {
  position: relative;
  container-type: inline-size;
}

.mtile, .mspace {
  --cw: 100cqw;
  --a: var(--a1);
  --n: var(--n1);
  --c: 0;
  --h: var(--h1);
}

@container (min-width: 600px) {
  .mtile, .mspace {
    --cw: calc((100cqw - 28px) / 2);
    --a: var(--a2);
    --n: var(--n2);
    --c: var(--c2);
    --h: var(--h2);
  }
}

@container (min-width: 940px) {
  .mtile, .mspace {
    --cw: calc((100cqw - 56px) / 3);
    --a: var(--a3);
    --n: var(--n3);
    --c: var(--c3);
    --h: var(--h3);
  }
}

@container (min-width: 1150px) {
  .mtile, .mspace {
    --cw: calc((100cqw - 84px) / 4);
    --a: var(--a4);
    --n: var(--n4);
    --c: var(--c4);
    --h: var(--h4);
  }
}

.mtile {
  width: var(--cw);
  left: calc(var(--c) * (var(--cw) + 28px));
  top: calc(var(--a) * var(--cw) + var(--n) * 36px);
  position: absolute;
}

.mspace {
  height: var(--h);
}

.tile:hover .tile-img {
  outline: 2px solid var(--ink);
  outline-offset: 2px;
}

.tile-before {
  transition: opacity 1.2s;
}

.gdlg {
  box-sizing: border-box;
  background: none;
  border: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 24px;
}

.gdlg[open] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gdlg::backdrop {
  background: #1d1b18c7;
}

@keyframes gdlg-in {
  from {
    opacity: 0;
    transform: translateY(16px) scale(.97);
  }
}

@keyframes gdlg-out {
  to {
    opacity: 0;
    transform: translateY(10px) scale(.98);
  }
}

@keyframes gdlg-fade-in {
  from {
    opacity: 0;
  }
}

@keyframes gdlg-fade-out {
  to {
    opacity: 0;
  }
}

.gdlg[open] .gdlg-panel {
  animation: .32s cubic-bezier(.2, .8, .2, 1) gdlg-in;
}

.gdlg[open]::backdrop {
  animation: .32s ease-out gdlg-fade-in;
}

.gdlg[open].gdlg-out .gdlg-panel {
  animation: .22s ease-in forwards gdlg-out;
}

.gdlg[open].gdlg-out::backdrop {
  animation: .22s ease-in forwards gdlg-fade-out;
}

@media (prefers-reduced-motion: reduce) {
  .gdlg-panel, .gdlg::backdrop {
    animation: none !important;
  }
}

@media (max-width: 520px) {
  .gdlg {
    padding: 12px;
  }
}

@media (min-width: 640px) {
  .gdlg {
    padding-inline: 84px;
  }
}

.pol .tag-hole {
  background: var(--bg);
}

.ttag-s .ttag-v {
  font-size: 18px;
  line-height: 1.1;
  display: block;
}

.ttag-xs .ttag-v {
  font-size: 15.5px;
  line-height: 1.12;
  display: block;
}

::view-transition-group(*) {
  animation-duration: .45s;
  animation-timing-function: cubic-bezier(.2, .7, .2, 1);
}

::view-transition-old(*) {
  animation-duration: .45s;
  animation-timing-function: cubic-bezier(.2, .7, .2, 1);
}

::view-transition-new(*) {
  animation-duration: .45s;
  animation-timing-function: cubic-bezier(.2, .7, .2, 1);
}

::view-transition-group(site-header) {
  z-index: 10;
  animation: none;
}

::view-transition-group(gallery-filters) {
  z-index: 10;
}

@keyframes tile-in {
  from {
    opacity: 0;
    translate: 0 18px;
  }
}

.tile-in {
  animation: .6s cubic-bezier(.2, .7, .2, 1) both tile-in;
}

@media (prefers-reduced-motion: reduce) {
  .tile-in {
    animation: none;
  }
}

@keyframes gdlg-swap-next {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
}

@keyframes gdlg-swap-prev {
  from {
    opacity: 0;
    transform: translateX(-28px);
  }
}

.gdlg-swap[data-dir="next"] {
  animation: .35s cubic-bezier(.2, .8, .2, 1) gdlg-swap-next;
}

.gdlg-swap[data-dir="prev"] {
  animation: .35s cubic-bezier(.2, .8, .2, 1) gdlg-swap-prev;
}

@media (prefers-reduced-motion: reduce) {
  .gdlg-swap {
    animation: none !important;
  }
}

/*# sourceMappingURL=_0sk-iw2wf15we._.css.map*/