.wf-tile-wrapper{container:wf-tile / inline-size}.wf-tile{--wf-tile-w: 100cqi;--wf-tile-gt150: clamp(0px, (var(--wf-tile-w) - 150px) * 1000, 1px);--wf-tile-gt175: clamp(0px, (var(--wf-tile-w) - 175px) * 1000, 1px);--wf-tile-gt230: clamp(0px, (var(--wf-tile-w) - 230px) * 1000, 1px);--wf-tile-pad: min( clamp(14px, var(--wf-tile-w) * .085, 24px), 10px + var(--wf-tile-gt150) * 2 + var(--wf-tile-gt175) * 988 );--wf-tile-title-size: min( clamp(22px, var(--wf-tile-w) * .13, 34px), 19px + var(--wf-tile-gt150) * 2 + var(--wf-tile-gt175) * 988 );--wf-tile-text-w: calc(var(--wf-tile-w) - 2 * var(--wf-tile-pad));--wf-tile-em: .54;--wf-tile-radius: 10px;--wf-tile-focus: rgb(var(--color-foreground));--wf-tile-bg: #b05123;--wf-tile-bg-hover: #a64b1e;--wf-tile-disc: #9e441b;--wf-tile-disc-hover: #933f19;--wf-tile-icon: #f7f1ea;--wf-tile-ink: #ffffff;--wf-tile-accent: #f7f1ea;--wf-tile-pill: #fffdfc;--wf-tile-pill-ink: #a64b1e;position:relative;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box;height:100%;min-width:0;min-height:calc(var(--wf-tile-w) * 1.36);padding:calc(var(--wf-tile-pad) + var(--wf-tile-w) * .56) var(--wf-tile-pad) var(--wf-tile-pad);border-radius:var(--wf-tile-radius);background:var(--wf-tile-bg);color:var(--wf-tile-ink);text-align:left}.wf-tile:lang(el){--wf-tile-em: .6}.wf-tile *,.wf-tile *:before,.wf-tile *:after{box-sizing:border-box}.wf-tile[data-accent=ton],.grid__item:nth-child(4n+2)>.wf-tile-wrapper>.wf-tile:not([data-accent]){--wf-tile-bg: #dccbb7;--wf-tile-bg-hover: #d4bfa6;--wf-tile-disc: #e9dfd2;--wf-tile-disc-hover: #ede4d9;--wf-tile-icon: #9e441b;--wf-tile-ink: #46302a;--wf-tile-accent: #9e441b;--wf-tile-pill: #46302a;--wf-tile-pill-ink: #e9dfd2}.wf-tile[data-accent=salbei],.grid__item:nth-child(4n+3)>.wf-tile-wrapper>.wf-tile:not([data-accent]){--wf-tile-bg: #d6dfc8;--wf-tile-bg-hover: #cad6b8;--wf-tile-disc: #e9eee2;--wf-tile-disc-hover: #eef2e8;--wf-tile-icon: #46512f;--wf-tile-ink: #46512f;--wf-tile-accent: #46512f;--wf-tile-pill: #46512f;--wf-tile-pill-ink: #e9eee2}.wf-tile[data-accent=oliv],.grid__item:nth-child(4n+4)>.wf-tile-wrapper>.wf-tile:not([data-accent]){--wf-tile-bg: #46512f;--wf-tile-bg-hover: #3e4729;--wf-tile-disc: #384126;--wf-tile-disc-hover: #323a22;--wf-tile-icon: #d6dfc8;--wf-tile-ink: #f7f1ea;--wf-tile-accent: #d6dfc8;--wf-tile-pill: #d6dfc8;--wf-tile-pill-ink: #46512f}.wf-tile[data-accent=braun]{--wf-tile-bg: #46302a;--wf-tile-bg-hover: #3c2924;--wf-tile-disc: #593d35;--wf-tile-disc-hover: #604139;--wf-tile-icon: #e09b6f;--wf-tile-ink: #f7f1ea;--wf-tile-accent: #e09b6f;--wf-tile-pill: #e09b6f;--wf-tile-pill-ink: #46302a}.wf-tile[data-accent=sand]{--wf-tile-bg: #e9dfd2;--wf-tile-bg-hover: #e1d3c1;--wf-tile-disc: #f6f2ed;--wf-tile-disc-hover: #faf7f4;--wf-tile-icon: #46302a;--wf-tile-ink: #46302a;--wf-tile-accent: #a64b1e;--wf-tile-pill: #46302a;--wf-tile-pill-ink: #f6f2ed}@media screen and (min-width:990px){:is(.grid--3-col-desktop,.grid--5-col-desktop)>.grid__item:nth-child(4n+3)>.wf-tile-wrapper>.wf-tile:not([data-accent]){--wf-tile-bg: #46512f;--wf-tile-bg-hover: #3e4729;--wf-tile-disc: #384126;--wf-tile-disc-hover: #323a22;--wf-tile-icon: #d6dfc8;--wf-tile-ink: #f7f1ea;--wf-tile-accent: #d6dfc8;--wf-tile-pill: #d6dfc8;--wf-tile-pill-ink: #46512f}:is(.grid--3-col-desktop,.grid--5-col-desktop)>.grid__item:nth-child(4n+4)>.wf-tile-wrapper>.wf-tile:not([data-accent]){--wf-tile-bg: #d6dfc8;--wf-tile-bg-hover: #cad6b8;--wf-tile-disc: #e9eee2;--wf-tile-disc-hover: #eef2e8;--wf-tile-icon: #46512f;--wf-tile-ink: #46512f;--wf-tile-accent: #46512f;--wf-tile-pill: #46512f;--wf-tile-pill-ink: #e9eee2}}.wf-tile__art{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.wf-tile__disc{position:absolute;top:calc(var(--wf-tile-w) * -.34);right:calc(var(--wf-tile-w) * -.26);width:calc(var(--wf-tile-w) * .88);height:calc(var(--wf-tile-w) * .88);border-radius:50%;background:var(--wf-tile-disc)}.wf-tile__disc:after{content:"";position:absolute;inset:calc(var(--wf-tile-w) * -.05);border:max(1.5px,var(--wf-tile-w) * .007) solid var(--wf-tile-disc);border-radius:50%;opacity:.9}.wf-tile__icon{position:absolute;top:calc(var(--wf-tile-w) * .06);right:calc(var(--wf-tile-w) * .1);width:calc(var(--wf-tile-w) * .4);height:calc(var(--wf-tile-w) * .4);color:var(--wf-tile-icon)}.wf-tile__icon svg{display:block;width:100%;height:100%;overflow:visible}.wf-tile__title{display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(2.24 * var(--wf-tile-title-size));margin:0;font-family:var(--font-display-family);font-weight:500;font-variation-settings:"opsz" 36;font-size:max(16px,min(var(--wf-tile-title-size),var(--wf-tile-text-w) / (var(--wf-tile-longest, 1) * var(--wf-tile-em))));line-height:1.12;letter-spacing:-.015em;color:var(--wf-tile-ink);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;word-break:normal;overflow-wrap:break-word}.wf-tile__link,.wf-tile__link:hover{color:inherit;text-decoration:none}.wf-tile__link{-webkit-tap-highlight-color:transparent}.wf-tile__link:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:var(--wf-tile-radius)}.wf-tile__link:focus-visible{outline:none;box-shadow:none}.wf-tile__link:focus-visible:after{outline:3px solid var(--wf-tile-focus);outline-offset:3px}@media screen and (max-width:749px){.wf-tile__link:focus-visible:after{outline-offset:1px}}.collection-list>.grid__item:focus-within{z-index:1}.wf-tile__rule{display:flex;align-items:center;gap:6px;margin:calc(9px + var(--wf-tile-gt230) * 3) 0 calc(7px + var(--wf-tile-gt230) * 3);color:var(--wf-tile-accent)}.wf-tile__rule:before,.wf-tile__rule:after{content:"";display:block;width:calc(12px + var(--wf-tile-gt230) * 8);height:1.5px;border-radius:1px;background:currentColor;opacity:.7}.wf-tile__rule svg{display:block;flex:none;width:clamp(15px,var(--wf-tile-w) * .066,18px);height:clamp(15px,var(--wf-tile-w) * .066,18px)}.wf-tile__tagline{margin:0 0 calc(14px + var(--wf-tile-gt230) * 4);font-family:var(--font-body-family);font-size:clamp(14px,var(--wf-tile-w) * .06,16.5px);font-weight:400;line-height:1.42;letter-spacing:0;color:var(--wf-tile-ink);text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}.wf-tile__cta{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;gap:calc(var(--wf-tile-gt150) * 5 + var(--wf-tile-gt230) * 3);max-width:100%;min-width:40px;min-height:calc(36px + var(--wf-tile-gt230) * 4 + (1px - var(--wf-tile-gt150)) * 4);margin-top:auto;padding:calc(var(--wf-tile-gt150) * 7 + var(--wf-tile-gt230)) calc(var(--wf-tile-gt150) * 10 + var(--wf-tile-gt230) * 4) calc(var(--wf-tile-gt150) * 7 + var(--wf-tile-gt230)) calc(var(--wf-tile-gt150) * 13 + var(--wf-tile-gt230) * 5);border-radius:40px;background:var(--wf-tile-pill);color:var(--wf-tile-pill-ink);font-family:var(--font-body-family);font-size:clamp(13px,var(--wf-tile-w) * .082,15px);font-weight:600;line-height:1.2;letter-spacing:.01em;white-space:nowrap}.wf-tile__cta-label{min-width:0;max-width:calc(var(--wf-tile-gt150) * 1000);overflow:hidden;text-overflow:ellipsis}.wf-tile__cta .icon-arrow{display:block;flex:none;width:14px;height:10px}@media(hover:hover){.wf-tile-wrapper:hover .wf-tile{background:var(--wf-tile-bg-hover);box-shadow:0 1px 2px #2b221c0d,0 10px 24px #2b221c17}.wf-tile-wrapper:hover .wf-tile__disc{background:var(--wf-tile-disc-hover)}}.wf-tile-wrapper:active .wf-tile{background:var(--wf-tile-bg-hover)}.wf-tile-wrapper:active .wf-tile__disc{background:var(--wf-tile-disc-hover)}.wf-tile:has(.wf-tile__link:focus-visible){background:var(--wf-tile-bg-hover)}.wf-tile:has(.wf-tile__link:focus-visible) .wf-tile__disc{background:var(--wf-tile-disc-hover)}@media(prefers-reduced-motion:no-preference){.wf-tile{transition:box-shadow var(--wf-dur-slow) var(--wf-ease),background-color var(--wf-dur-fast) var(--wf-ease)}.wf-tile__disc{transform-origin:70% 30%;transition:transform var(--wf-dur-slow) var(--wf-ease),background-color var(--wf-dur-fast) var(--wf-ease)}.wf-tile__disc:after{transition:transform var(--wf-dur-slow) var(--wf-ease),opacity var(--wf-dur-fast) var(--wf-ease)}.wf-tile__icon{transform-origin:50% 85%;transition:transform var(--wf-dur-slow) var(--wf-ease)}.wf-tile__cta .icon-arrow{transition:transform var(--wf-dur-slow) var(--wf-ease)}.wf-tile:has(.wf-tile__link:focus-visible) .wf-tile__disc{transform:scale(1.08)}.wf-tile:has(.wf-tile__link:focus-visible) .wf-tile__disc:after{transform:scale(1.16);opacity:0}.wf-tile:has(.wf-tile__link:focus-visible) .wf-tile__icon{transform:translateY(-4%) rotate(-8deg)}.wf-tile:has(.wf-tile__link:focus-visible) .wf-tile__cta .icon-arrow{transform:translate(4px)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.wf-tile-wrapper:hover .wf-tile__disc{transform:scale(1.08)}.wf-tile-wrapper:hover .wf-tile__disc:after{transform:scale(1.16);opacity:0}.wf-tile-wrapper:hover .wf-tile__icon{transform:translateY(-4%) rotate(-8deg)}.wf-tile-wrapper:hover .wf-tile__cta .icon-arrow{transform:translate(4px)}}@supports (grid-template-rows: subgrid) and selector(:has(*)){.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 2;--wf-tile-gap: var(--grid-mobile-horizontal-spacing);container:wf-tile-list / inline-size;display:grid;grid-template-columns:repeat(var(--wf-tile-cols),minmax(0,1fr));column-gap:var(--wf-tile-gap)}.collection-list.grid--1-col-tablet-down:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 1}@media screen and (min-width:750px){.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-gap: var(--grid-desktop-horizontal-spacing)}}@media screen and (min-width:990px){.collection-list.grid--1-col-desktop:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 1}.collection-list.grid--2-col-desktop:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 2}.collection-list.grid--3-col-desktop:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 3}.collection-list.grid--4-col-desktop:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 4}.collection-list.grid--5-col-desktop:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 5}.collection-list.grid--6-col-desktop:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 6}}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper)>.grid__item{grid-row:span 4;width:auto;max-width:none}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper)>.grid__item:only-child{--wf-tile-cols: 1;grid-column:1 / -1}.collection-list:not(.slider)>.grid__item:has(>.wf-tile-wrapper),.collection-list:not(.slider)>.grid__item>.wf-tile-wrapper,.collection-list:not(.slider)>.grid__item>.wf-tile-wrapper>.wf-tile{display:grid;grid-row:span 4;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);row-gap:0}.collection-list:not(.slider)>.grid__item>.wf-tile-wrapper{container:none;height:auto}.collection-list:not(.slider)>.grid__item>.wf-tile-wrapper>.wf-tile{--wf-tile-w: calc((100cqi - (var(--wf-tile-cols) - 1) * var(--wf-tile-gap)) / var(--wf-tile-cols));height:auto;min-height:0}.collection-list:not(.slider)>.grid__item>.wf-tile-wrapper>.wf-tile:before{content:"";grid-row:3 / span 2;grid-column:1;min-height:calc(var(--wf-tile-w) * .8 - 2 * var(--wf-tile-pad) - 2.24 * var(--wf-tile-title-size) - 31px - var(--wf-tile-gt230) * 9);pointer-events:none}.collection-list:not(.slider) .wf-tile__title{grid-row:1;grid-column:1;align-self:end;display:block;min-height:0}.collection-list:not(.slider) .wf-tile__rule{grid-row:2;grid-column:1}.collection-list:not(.slider) .wf-tile__tagline{grid-row:3;grid-column:1;align-self:start}.collection-list:not(.slider) .wf-tile__cta{grid-row:4;grid-column:1;align-self:end;justify-self:start;margin-top:0}}@media screen and (max-width:359px){.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper){--wf-tile-cols: 1}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper)>.grid__item{width:100%;max-width:100%}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper) .wf-tile{--wf-tile-title-size: 23px;--wf-tile-text-w: calc(var(--wf-tile-w) * .56 - 16px);min-height:0;padding:16px calc(var(--wf-tile-w) * .44) 18px 16px}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper) .wf-tile:before{display:none}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper) .wf-tile__title{min-height:0}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper) .wf-tile__tagline{font-size:15px}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper) .wf-tile__disc{top:calc(var(--wf-tile-w) * -.15);right:calc(var(--wf-tile-w) * -.12);width:calc(var(--wf-tile-w) * .48);height:calc(var(--wf-tile-w) * .48)}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper) .wf-tile__icon{top:calc(var(--wf-tile-w) * .05);right:calc(var(--wf-tile-w) * .08);width:calc(var(--wf-tile-w) * .24);height:calc(var(--wf-tile-w) * .24)}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper) .wf-tile__cta{gap:5px;padding:7px 10px 7px 12px}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper)>.grid__item:nth-child(4n+3)>.wf-tile-wrapper>.wf-tile:not([data-accent]){--wf-tile-bg: #46512f;--wf-tile-bg-hover: #3e4729;--wf-tile-disc: #384126;--wf-tile-disc-hover: #323a22;--wf-tile-icon: #d6dfc8;--wf-tile-ink: #f7f1ea;--wf-tile-accent: #d6dfc8;--wf-tile-pill: #d6dfc8;--wf-tile-pill-ink: #46512f}.collection-list:not(.slider):has(>.grid__item>.wf-tile-wrapper)>.grid__item:nth-child(4n+4)>.wf-tile-wrapper>.wf-tile:not([data-accent]){--wf-tile-bg: #d6dfc8;--wf-tile-bg-hover: #cad6b8;--wf-tile-disc: #e9eee2;--wf-tile-disc-hover: #eef2e8;--wf-tile-icon: #46512f;--wf-tile-ink: #46512f;--wf-tile-accent: #46512f;--wf-tile-pill: #46512f;--wf-tile-pill-ink: #e9eee2}}@media(forced-colors:active){.wf-tile,.wf-tile__cta{border:1px solid CanvasText}.wf-tile__link:focus-visible:after{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/component-wildfang-tiles.css.map */