/* Hintergrund-Muster und Header-Kanten (Shop + Vorschau im Manager).
   GENERIERT von scripts/gen-backgrounds.mjs – nicht von Hand ändern. Muster sind SVG-Masken; die Farbe kommt aus background (--shop-bg-color, sonst --primary-color).
   Einstellungen: bgPattern, bgStrength, bgColor, bgFade, heroEdge (settings / public_settings). */

.shop-page { position: relative; }

/* Liegt hinter dem Inhalt (z-index -1 im Root-Stapelkontext), Karten/Suche/Footer bleiben deckend weiß */
.shop-bg {
    position: absolute;
    inset: 0; /* nicht darüber hinaus: absolute Ebenen verlängern sonst die Seite */
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
}
.shop-bg--fade { -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 520px, rgba(0,0,0,.35) 950px, transparent 1300px); mask-image: linear-gradient(to bottom, #000 0, #000 520px, rgba(0,0,0,.35) 950px, transparent 1300px); }
.shop-bg-pattern {
    position: absolute;
    inset: 0;
    background: var(--shop-bg-color, var(--primary-color));
    opacity: 0.07;
}
.shop-bg--mittel .shop-bg-pattern { opacity: 0.12; }
.shop-bg--kraeftig .shop-bg-pattern { opacity: 0.2; }

.bg-pattern-schwuenge { -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'760'%20viewBox%3D'0%200%20360%20760'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D'M0%20120C90%2040%20270%20200%20360%20120'%2F%3E%3Cpath%20d%3D'M0%20138C90%2058%20270%20218%20360%20138'%2F%3E%3Cpath%20d%3D'M0%20156C90%2076%20270%20236%20360%20156'%2F%3E%3Cpath%20d%3D'M0%20480C110%20380%20250%20580%20360%20480'%2F%3E%3Cpath%20d%3D'M0%20496C110%20396%20250%20596%20360%20496'%2F%3E%3Cpath%20d%3D'M0%20512C110%20412%20250%20612%20360%20512'%2F%3E%3Cpath%20d%3D'M0%20528C110%20428%20250%20628%20360%20528'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center 240px / 420px auto repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'760'%20viewBox%3D'0%200%20360%20760'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%3E%3Cpath%20d%3D'M0%20120C90%2040%20270%20200%20360%20120'%2F%3E%3Cpath%20d%3D'M0%20138C90%2058%20270%20218%20360%20138'%2F%3E%3Cpath%20d%3D'M0%20156C90%2076%20270%20236%20360%20156'%2F%3E%3Cpath%20d%3D'M0%20480C110%20380%20250%20580%20360%20480'%2F%3E%3Cpath%20d%3D'M0%20496C110%20396%20250%20596%20360%20496'%2F%3E%3Cpath%20d%3D'M0%20512C110%20412%20250%20612%20360%20512'%2F%3E%3Cpath%20d%3D'M0%20528C110%20428%20250%20628%20360%20528'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center 240px / 420px auto repeat; }
.bg-pattern-topo { -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%20viewBox%3D'0%200%20240%20240'%3E%3Cpath%20d%3D'M89%2085C89.3%2087.1%2086.6%2090.4%2084.8%2092.1C83.1%2093.9%2080.6%2094.8%2078.4%2095.4C76.2%2096.1%2074%2096.3%2071.5%2095.9C68.9%2095.6%2064.5%2095.3%2063.4%2093.4C62.3%2091.6%2064.6%2087.6%2065%2085C65.3%2082.4%2064.4%2080.1%2065.4%2078C66.4%2076%2068.7%2073.4%2071%2072.6C73.2%2071.8%2076.9%2072%2078.9%2073.1C80.8%2074.2%2081.1%2077.4%2082.8%2079.3C84.5%2081.3%2088.6%2082.9%2089%2085ZM100.8%2085C101.2%2089%2095.8%2094.6%2092.5%2097.7C89.3%20100.8%2085.1%20102.1%2081%20103.6C77%20105.1%2072.4%20107.2%2068%20106.6C63.6%20105.9%2056.5%20103.4%2054.6%2099.8C52.8%2096.2%2056.4%2089.7%2056.8%2085C57.2%2080.3%2055.2%2075.8%2056.9%2071.9C58.7%2068%2063.3%2063%2067.5%2061.8C71.6%2060.6%2077.8%2062.7%2081.6%2064.7C85.4%2066.7%2087%2070.5%2090.2%2073.9C93.4%2077.3%20100.4%2081%20100.8%2085ZM111.9%2085C112.3%2090.6%20106.6%2098.5%20102.2%20102.5C97.9%20106.5%2091.2%20106%2085.9%20108.8C80.5%20111.7%2075.6%20119.3%2070%20119.7C64.5%20120%2056.7%20115.3%2052.5%20111C48.3%20106.7%2045.2%2099.4%2044.8%2093.9C44.3%2088.3%2048.9%2083.9%2049.9%2077.6C50.8%2071.4%2046.8%2060.6%2050.3%2056.4C53.7%2052.3%2064.2%2052.2%2070.3%2052.6C76.5%2053%2082%2056%2087%2058.7C92%2061.4%2096.1%2064.4%20100.2%2068.8C104.4%2073.2%20111.6%2079.4%20111.9%2085ZM121.9%2085C122.1%2091.4%20119.7%20100.1%20115.4%20104.4C111%20108.8%20101.2%20108.1%2095.9%20111.2C90.6%20114.4%2089.1%20119.7%2083.8%20123.4C78.4%20127%2070.1%20133.6%2064.1%20133C58%20132.3%2051.8%20124.5%2047.5%20119.4C43.3%20114.4%2040.1%20108.3%2038.5%20102.6C36.8%2096.9%2037.7%2090.8%2037.9%2085C38.1%2079.2%2038.8%2074.6%2039.7%2068C40.6%2061.4%2039.3%2050%2043.5%2045.5C47.8%2041.1%2058.5%2040.5%2065.1%2041.5C71.6%2042.4%2076.9%2049%2082.7%2051.1C88.6%2053.1%2094.7%2051.2%2099.9%2053.7C105.2%2056.3%20110.5%2060.9%20114.1%2066.2C117.8%2071.4%20121.7%2078.6%20121.9%2085ZM130.6%2085C130.1%2091.7%20128.9%2099.3%20125.3%20104.5C121.7%20109.7%20114.2%20112.9%20109%20116C103.8%20119.1%2098.9%20119.3%2094.1%20123.3C89.2%20127.2%2086.1%20136%2080.1%20139.7C74%20143.5%2064%20147.5%2057.8%20145.6C51.5%20143.6%2046.1%20134.2%2042.4%20128.2C38.7%20122.2%2037.9%20115.2%2035.5%20109.4C33.2%20103.7%2029.5%2099.3%2028.1%2093.8C26.7%2088.2%2026.9%2082.2%2027.1%2076C27.4%2069.9%2027.8%2063.6%2029.6%2056.9C31.4%2050.2%2032.9%2040.3%2037.9%2035.9C42.9%2031.5%2052.7%2029.7%2059.6%2030.7C66.4%2031.8%2073.1%2039.9%2079%2042.3C84.8%2044.8%2088.5%2044.6%2094.7%2045.5C100.8%2046.4%20110.1%2044.8%20115.7%2047.9C121.4%2051%20126.1%2058.1%20128.6%2064.3C131%2070.4%20131.1%2078.3%20130.6%2085ZM138.3%2085C136.6%2091.4%20134.9%2097.2%20132.3%20102.7C129.7%20108.1%20126.7%20113.5%20122.8%20117.6C118.9%20121.7%20113.3%20124.1%20108.7%20127.3C104.2%20130.6%20100.2%20133%2095.4%20137.1C90.6%20141.2%2086.2%20148.3%2080%20151.8C73.8%20155.4%2064.8%20159.7%2058.2%20158.5C51.6%20157.4%2044.4%20150.9%2040.4%20144.9C36.4%20139%2036.1%20129.2%2034.1%20122.9C32.2%20116.6%2031.4%20112.2%2028.8%20107.3C26.1%20102.4%2021%2098.8%2018.3%2093.5C15.6%2088.3%2013%2081.7%2012.8%2075.6C12.5%2069.5%2014.5%2063%2016.6%2056.9C18.6%2050.7%2021.2%2044.1%2025.1%2038.7C29%2033.2%2033.9%2026.7%2039.9%2024.2C45.9%2021.6%2054.4%2021.7%2060.9%2023.3C67.4%2024.9%2073.5%2031.2%2078.8%2033.8C84.2%2036.3%2087.4%2038.1%2093.2%2038.6C99%2039.1%20106.6%2035.8%20113.5%2036.7C120.4%2037.7%20129.9%2039.7%20134.6%2044.3C139.4%2048.9%20141.6%2057.5%20142.2%2064.3C142.8%2071%20139.9%2078.6%20138.3%2085ZM193.9%20175C193.5%20177.1%20189.4%20178.6%20187.8%20180.6C186.1%20182.6%20185.9%20185.9%20183.9%20187C181.9%20188.1%20178.2%20188.2%20176%20187.4C173.7%20186.5%20171.5%20184%20170.5%20181.9C169.5%20179.9%20170.2%20177.6%20169.9%20175C169.5%20172.4%20167.2%20168.3%20168.3%20166.5C169.4%20164.7%20174%20164.5%20176.5%20164.2C179%20163.8%20181.2%20163.9%20183.4%20164.5C185.6%20165.2%20188.1%20166.1%20189.9%20167.8C191.6%20169.6%20194.2%20172.9%20193.9%20175ZM203.9%20175C203.1%20179.1%20197.2%20181.7%20194.5%20185.5C191.7%20189.3%20191%20195.6%20187.3%20197.6C183.7%20199.6%20176.6%20199.5%20172.6%20197.7C168.7%20195.9%20165.8%20190.7%20163.6%20186.9C161.5%20183.1%20160.7%20179.5%20159.9%20175C159.1%20170.5%20156.6%20162.8%20158.9%20159.6C161.2%20156.4%20169.2%20156.4%20173.7%20155.8C178.3%20155.1%20182%20155%20186.2%20155.9C190.5%20156.8%20196.3%20157.8%20199.2%20161C202.2%20164.2%20204.7%20170.9%20203.9%20175ZM212.1%20175C211%20180.7%20206.4%20185.1%20203.3%20190C200.2%20194.9%20198.2%20200.6%20193.4%20204.4C188.6%20208.2%20179.8%20214%20174.6%20212.5C169.4%20211.1%20166%20200.5%20162.1%20195.7C158.1%20190.9%20153%20188.6%20150.7%20183.6C148.3%20178.6%20147%20171.6%20147.9%20165.6C148.8%20159.5%20151.3%20150%20156%20147.3C160.7%20144.6%20170.1%20149.7%20176.3%20149.4C182.5%20149.2%20187.6%20144.8%20193.3%20145.9C199%20146.9%20207.1%20150.7%20210.3%20155.6C213.4%20160.4%20213.3%20169.3%20212.1%20175ZM218.6%20175C217.5%20181.1%20217.2%20186.7%20214.8%20191.8C212.4%20196.8%20208.4%20200.6%20204.4%20205.6C200.4%20210.6%20196.5%20219.2%20190.7%20221.8C184.9%20224.5%20174.8%20224.6%20169.4%20221.3C164.1%20218%20162.4%20207%20158.4%20202C154.5%20197.1%20149.7%20196%20145.7%20191.5C141.7%20187%20135.7%20181%20134.6%20175C133.5%20169%20136.2%20161.2%20139.1%20155.3C142%20149.5%20146.5%20142.5%20152%20139.9C157.5%20137.3%20166%20140%20172%20139.9C178%20139.9%20181.7%20140%20188.1%20139.4C194.6%20138.8%20205.3%20133.7%20210.8%20136.4C216.4%20139%20220.1%20148.6%20221.4%20155.1C222.7%20161.5%20219.7%20168.9%20218.6%20175ZM211.1%2050C210.9%2052.3%20210.1%2054.3%20209%2056.6C207.9%2058.9%20206.5%2063.2%20204.5%2063.8C202.4%2064.3%20199.1%2060.9%20196.8%2059.8C194.5%2058.6%20192.2%2058.5%20190.6%2056.8C189%2055.2%20187.2%2052.4%20187.1%2050C186.9%2047.6%20188%2044%20189.6%2042.5C191.3%2041%20194.6%2041.9%20197.1%2040.9C199.5%2040%20202.1%2036.7%20204.2%2036.9C206.4%2037.2%20208.9%2040.5%20210%2042.7C211.2%2044.9%20211.2%2047.7%20211.1%2050ZM219.5%2050C219.5%2054.3%20219.9%2059%20217.9%2063C216%2067.1%20211.8%2073.5%20207.9%2074.3C203.9%2075%20198.5%2069.5%20194.3%2067.6C190%2065.7%20185.5%2065.7%20182.4%2062.8C179.3%2059.9%20175.5%2054.3%20175.5%2050C175.5%2045.7%20179.2%2040.1%20182.3%2037.2C185.4%2034.2%20190%2034.3%20194.3%2032.4C198.5%2030.5%20203.9%2025%20207.9%2025.8C211.8%2026.5%20216%2032.9%20218%2036.9C219.9%2041%20219.5%2045.7%20219.5%2050ZM51.7%20200C52%20202.3%2051.8%20205.6%2050.5%20207.6C49.2%20209.6%2046.2%20211.9%2043.9%20212.1C41.7%20212.4%2039.6%20209.8%2037%20209.1C34.5%20208.4%2030.4%20209.6%2028.8%20208.1C27.3%20206.6%2027.3%20202.4%2027.7%20200C28%20197.6%2029.6%20195.3%2031.1%20193.5C32.6%20191.7%2034.3%20190.5%2036.5%20189.3C38.8%20188.1%2042.5%20185.5%2044.5%20186.3C46.4%20187%2047.1%20191.7%2048.3%20194C49.5%20196.3%2051.3%20197.7%2051.7%20200ZM61.9%20200C62.7%20204.2%2062.3%20210.9%2059.8%20214.4C57.3%20217.8%2051%20220.1%2046.7%20220.7C42.5%20221.2%2038.8%20218.6%2034.3%20217.7C29.7%20216.7%2022%20218%2019.3%20215C16.6%20212.1%2017.1%20204.4%2017.9%20200C18.7%20195.6%2021.7%20192.1%2024.2%20188.5C26.7%20185%2029.2%20180.9%2033.1%20178.8C37.1%20176.7%2044.2%20174.1%2047.9%20175.8C51.5%20177.5%2052.6%20185.1%2054.9%20189.2C57.3%20193.2%2061.1%20195.8%2061.9%20200Z'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.3'%2F%3E%3C%2Fsvg%3E") top center / 240px 240px repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'240'%20height%3D'240'%20viewBox%3D'0%200%20240%20240'%3E%3Cpath%20d%3D'M89%2085C89.3%2087.1%2086.6%2090.4%2084.8%2092.1C83.1%2093.9%2080.6%2094.8%2078.4%2095.4C76.2%2096.1%2074%2096.3%2071.5%2095.9C68.9%2095.6%2064.5%2095.3%2063.4%2093.4C62.3%2091.6%2064.6%2087.6%2065%2085C65.3%2082.4%2064.4%2080.1%2065.4%2078C66.4%2076%2068.7%2073.4%2071%2072.6C73.2%2071.8%2076.9%2072%2078.9%2073.1C80.8%2074.2%2081.1%2077.4%2082.8%2079.3C84.5%2081.3%2088.6%2082.9%2089%2085ZM100.8%2085C101.2%2089%2095.8%2094.6%2092.5%2097.7C89.3%20100.8%2085.1%20102.1%2081%20103.6C77%20105.1%2072.4%20107.2%2068%20106.6C63.6%20105.9%2056.5%20103.4%2054.6%2099.8C52.8%2096.2%2056.4%2089.7%2056.8%2085C57.2%2080.3%2055.2%2075.8%2056.9%2071.9C58.7%2068%2063.3%2063%2067.5%2061.8C71.6%2060.6%2077.8%2062.7%2081.6%2064.7C85.4%2066.7%2087%2070.5%2090.2%2073.9C93.4%2077.3%20100.4%2081%20100.8%2085ZM111.9%2085C112.3%2090.6%20106.6%2098.5%20102.2%20102.5C97.9%20106.5%2091.2%20106%2085.9%20108.8C80.5%20111.7%2075.6%20119.3%2070%20119.7C64.5%20120%2056.7%20115.3%2052.5%20111C48.3%20106.7%2045.2%2099.4%2044.8%2093.9C44.3%2088.3%2048.9%2083.9%2049.9%2077.6C50.8%2071.4%2046.8%2060.6%2050.3%2056.4C53.7%2052.3%2064.2%2052.2%2070.3%2052.6C76.5%2053%2082%2056%2087%2058.7C92%2061.4%2096.1%2064.4%20100.2%2068.8C104.4%2073.2%20111.6%2079.4%20111.9%2085ZM121.9%2085C122.1%2091.4%20119.7%20100.1%20115.4%20104.4C111%20108.8%20101.2%20108.1%2095.9%20111.2C90.6%20114.4%2089.1%20119.7%2083.8%20123.4C78.4%20127%2070.1%20133.6%2064.1%20133C58%20132.3%2051.8%20124.5%2047.5%20119.4C43.3%20114.4%2040.1%20108.3%2038.5%20102.6C36.8%2096.9%2037.7%2090.8%2037.9%2085C38.1%2079.2%2038.8%2074.6%2039.7%2068C40.6%2061.4%2039.3%2050%2043.5%2045.5C47.8%2041.1%2058.5%2040.5%2065.1%2041.5C71.6%2042.4%2076.9%2049%2082.7%2051.1C88.6%2053.1%2094.7%2051.2%2099.9%2053.7C105.2%2056.3%20110.5%2060.9%20114.1%2066.2C117.8%2071.4%20121.7%2078.6%20121.9%2085ZM130.6%2085C130.1%2091.7%20128.9%2099.3%20125.3%20104.5C121.7%20109.7%20114.2%20112.9%20109%20116C103.8%20119.1%2098.9%20119.3%2094.1%20123.3C89.2%20127.2%2086.1%20136%2080.1%20139.7C74%20143.5%2064%20147.5%2057.8%20145.6C51.5%20143.6%2046.1%20134.2%2042.4%20128.2C38.7%20122.2%2037.9%20115.2%2035.5%20109.4C33.2%20103.7%2029.5%2099.3%2028.1%2093.8C26.7%2088.2%2026.9%2082.2%2027.1%2076C27.4%2069.9%2027.8%2063.6%2029.6%2056.9C31.4%2050.2%2032.9%2040.3%2037.9%2035.9C42.9%2031.5%2052.7%2029.7%2059.6%2030.7C66.4%2031.8%2073.1%2039.9%2079%2042.3C84.8%2044.8%2088.5%2044.6%2094.7%2045.5C100.8%2046.4%20110.1%2044.8%20115.7%2047.9C121.4%2051%20126.1%2058.1%20128.6%2064.3C131%2070.4%20131.1%2078.3%20130.6%2085ZM138.3%2085C136.6%2091.4%20134.9%2097.2%20132.3%20102.7C129.7%20108.1%20126.7%20113.5%20122.8%20117.6C118.9%20121.7%20113.3%20124.1%20108.7%20127.3C104.2%20130.6%20100.2%20133%2095.4%20137.1C90.6%20141.2%2086.2%20148.3%2080%20151.8C73.8%20155.4%2064.8%20159.7%2058.2%20158.5C51.6%20157.4%2044.4%20150.9%2040.4%20144.9C36.4%20139%2036.1%20129.2%2034.1%20122.9C32.2%20116.6%2031.4%20112.2%2028.8%20107.3C26.1%20102.4%2021%2098.8%2018.3%2093.5C15.6%2088.3%2013%2081.7%2012.8%2075.6C12.5%2069.5%2014.5%2063%2016.6%2056.9C18.6%2050.7%2021.2%2044.1%2025.1%2038.7C29%2033.2%2033.9%2026.7%2039.9%2024.2C45.9%2021.6%2054.4%2021.7%2060.9%2023.3C67.4%2024.9%2073.5%2031.2%2078.8%2033.8C84.2%2036.3%2087.4%2038.1%2093.2%2038.6C99%2039.1%20106.6%2035.8%20113.5%2036.7C120.4%2037.7%20129.9%2039.7%20134.6%2044.3C139.4%2048.9%20141.6%2057.5%20142.2%2064.3C142.8%2071%20139.9%2078.6%20138.3%2085ZM193.9%20175C193.5%20177.1%20189.4%20178.6%20187.8%20180.6C186.1%20182.6%20185.9%20185.9%20183.9%20187C181.9%20188.1%20178.2%20188.2%20176%20187.4C173.7%20186.5%20171.5%20184%20170.5%20181.9C169.5%20179.9%20170.2%20177.6%20169.9%20175C169.5%20172.4%20167.2%20168.3%20168.3%20166.5C169.4%20164.7%20174%20164.5%20176.5%20164.2C179%20163.8%20181.2%20163.9%20183.4%20164.5C185.6%20165.2%20188.1%20166.1%20189.9%20167.8C191.6%20169.6%20194.2%20172.9%20193.9%20175ZM203.9%20175C203.1%20179.1%20197.2%20181.7%20194.5%20185.5C191.7%20189.3%20191%20195.6%20187.3%20197.6C183.7%20199.6%20176.6%20199.5%20172.6%20197.7C168.7%20195.9%20165.8%20190.7%20163.6%20186.9C161.5%20183.1%20160.7%20179.5%20159.9%20175C159.1%20170.5%20156.6%20162.8%20158.9%20159.6C161.2%20156.4%20169.2%20156.4%20173.7%20155.8C178.3%20155.1%20182%20155%20186.2%20155.9C190.5%20156.8%20196.3%20157.8%20199.2%20161C202.2%20164.2%20204.7%20170.9%20203.9%20175ZM212.1%20175C211%20180.7%20206.4%20185.1%20203.3%20190C200.2%20194.9%20198.2%20200.6%20193.4%20204.4C188.6%20208.2%20179.8%20214%20174.6%20212.5C169.4%20211.1%20166%20200.5%20162.1%20195.7C158.1%20190.9%20153%20188.6%20150.7%20183.6C148.3%20178.6%20147%20171.6%20147.9%20165.6C148.8%20159.5%20151.3%20150%20156%20147.3C160.7%20144.6%20170.1%20149.7%20176.3%20149.4C182.5%20149.2%20187.6%20144.8%20193.3%20145.9C199%20146.9%20207.1%20150.7%20210.3%20155.6C213.4%20160.4%20213.3%20169.3%20212.1%20175ZM218.6%20175C217.5%20181.1%20217.2%20186.7%20214.8%20191.8C212.4%20196.8%20208.4%20200.6%20204.4%20205.6C200.4%20210.6%20196.5%20219.2%20190.7%20221.8C184.9%20224.5%20174.8%20224.6%20169.4%20221.3C164.1%20218%20162.4%20207%20158.4%20202C154.5%20197.1%20149.7%20196%20145.7%20191.5C141.7%20187%20135.7%20181%20134.6%20175C133.5%20169%20136.2%20161.2%20139.1%20155.3C142%20149.5%20146.5%20142.5%20152%20139.9C157.5%20137.3%20166%20140%20172%20139.9C178%20139.9%20181.7%20140%20188.1%20139.4C194.6%20138.8%20205.3%20133.7%20210.8%20136.4C216.4%20139%20220.1%20148.6%20221.4%20155.1C222.7%20161.5%20219.7%20168.9%20218.6%20175ZM211.1%2050C210.9%2052.3%20210.1%2054.3%20209%2056.6C207.9%2058.9%20206.5%2063.2%20204.5%2063.8C202.4%2064.3%20199.1%2060.9%20196.8%2059.8C194.5%2058.6%20192.2%2058.5%20190.6%2056.8C189%2055.2%20187.2%2052.4%20187.1%2050C186.9%2047.6%20188%2044%20189.6%2042.5C191.3%2041%20194.6%2041.9%20197.1%2040.9C199.5%2040%20202.1%2036.7%20204.2%2036.9C206.4%2037.2%20208.9%2040.5%20210%2042.7C211.2%2044.9%20211.2%2047.7%20211.1%2050ZM219.5%2050C219.5%2054.3%20219.9%2059%20217.9%2063C216%2067.1%20211.8%2073.5%20207.9%2074.3C203.9%2075%20198.5%2069.5%20194.3%2067.6C190%2065.7%20185.5%2065.7%20182.4%2062.8C179.3%2059.9%20175.5%2054.3%20175.5%2050C175.5%2045.7%20179.2%2040.1%20182.3%2037.2C185.4%2034.2%20190%2034.3%20194.3%2032.4C198.5%2030.5%20203.9%2025%20207.9%2025.8C211.8%2026.5%20216%2032.9%20218%2036.9C219.9%2041%20219.5%2045.7%20219.5%2050ZM51.7%20200C52%20202.3%2051.8%20205.6%2050.5%20207.6C49.2%20209.6%2046.2%20211.9%2043.9%20212.1C41.7%20212.4%2039.6%20209.8%2037%20209.1C34.5%20208.4%2030.4%20209.6%2028.8%20208.1C27.3%20206.6%2027.3%20202.4%2027.7%20200C28%20197.6%2029.6%20195.3%2031.1%20193.5C32.6%20191.7%2034.3%20190.5%2036.5%20189.3C38.8%20188.1%2042.5%20185.5%2044.5%20186.3C46.4%20187%2047.1%20191.7%2048.3%20194C49.5%20196.3%2051.3%20197.7%2051.7%20200ZM61.9%20200C62.7%20204.2%2062.3%20210.9%2059.8%20214.4C57.3%20217.8%2051%20220.1%2046.7%20220.7C42.5%20221.2%2038.8%20218.6%2034.3%20217.7C29.7%20216.7%2022%20218%2019.3%20215C16.6%20212.1%2017.1%20204.4%2017.9%20200C18.7%20195.6%2021.7%20192.1%2024.2%20188.5C26.7%20185%2029.2%20180.9%2033.1%20178.8C37.1%20176.7%2044.2%20174.1%2047.9%20175.8C51.5%20177.5%2052.6%20185.1%2054.9%20189.2C57.3%20193.2%2061.1%20195.8%2061.9%20200Z'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.3'%2F%3E%3C%2Fsvg%3E") top center / 240px 240px repeat; }
.bg-pattern-wellen { -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'140'%20height%3D'44'%20viewBox%3D'0%200%20140%2044'%3E%3Cpath%20d%3D'M0%2011C23.3%203%2046.7%203%2070%2011S116.7%2019%20140%2011M0%2033C23.3%2025%2046.7%2025%2070%2033S116.7%2041%20140%2033'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%2F%3E%3C%2Fsvg%3E") top center / 140px 44px repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'140'%20height%3D'44'%20viewBox%3D'0%200%20140%2044'%3E%3Cpath%20d%3D'M0%2011C23.3%203%2046.7%203%2070%2011S116.7%2019%20140%2011M0%2033C23.3%2025%2046.7%2025%2070%2033S116.7%2041%20140%2033'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%2F%3E%3C%2Fsvg%3E") top center / 140px 44px repeat; }
.bg-pattern-kritzel { -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%20viewBox%3D'0%200%20160%20160'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cg%20transform%3D'translate(32%2034)%20rotate(-30)'%3E%3Cpath%20d%3D'M-13%200Q0-11%2013%200Q0%2011-13%200ZM-13%200H9M-3%200l4-4M3%200l4-3'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(116%2036)%20rotate(25)'%3E%3Cpath%20d%3D'M-11-3Q-4%2010%2012%205Q1%201-5-7ZM-11-3q-3-4-1-8'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(118%20112)'%3E%3Cpath%20d%3D'M-8%209q-4-5%200-10t0-10M0%209q-4-5%200-10t0-10M8%209q-4-5%200-10t0-10'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(44%20116)'%3E%3Ccircle%20r%3D'2.6'%2F%3E%3Ccircle%20cx%3D'7'%20cy%3D'3'%20r%3D'2.6'%2F%3E%3Ccircle%20cx%3D'2'%20cy%3D'8'%20r%3D'2.6'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(80%2076)%20rotate(15)'%3E%3Cpath%20d%3D'M0-6V6M-6%200H6M-4-4l8%208M4-4l-8%208'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(84%20136)%20rotate(-12)'%3E%3Cpath%20d%3D'M-8-8L8-8L0%2010ZM-8-8q8-4%2016%200'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20fill%3D'%23000'%3E%3Ccircle%20cx%3D'148'%20cy%3D'70'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'150'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'150'%20r%3D'1.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") top center / 160px 160px repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'160'%20height%3D'160'%20viewBox%3D'0%200%20160%20160'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cg%20transform%3D'translate(32%2034)%20rotate(-30)'%3E%3Cpath%20d%3D'M-13%200Q0-11%2013%200Q0%2011-13%200ZM-13%200H9M-3%200l4-4M3%200l4-3'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(116%2036)%20rotate(25)'%3E%3Cpath%20d%3D'M-11-3Q-4%2010%2012%205Q1%201-5-7ZM-11-3q-3-4-1-8'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(118%20112)'%3E%3Cpath%20d%3D'M-8%209q-4-5%200-10t0-10M0%209q-4-5%200-10t0-10M8%209q-4-5%200-10t0-10'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(44%20116)'%3E%3Ccircle%20r%3D'2.6'%2F%3E%3Ccircle%20cx%3D'7'%20cy%3D'3'%20r%3D'2.6'%2F%3E%3Ccircle%20cx%3D'2'%20cy%3D'8'%20r%3D'2.6'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(80%2076)%20rotate(15)'%3E%3Cpath%20d%3D'M0-6V6M-6%200H6M-4-4l8%208M4-4l-8%208'%2F%3E%3C%2Fg%3E%3Cg%20transform%3D'translate(84%20136)%20rotate(-12)'%3E%3Cpath%20d%3D'M-8-8L8-8L0%2010ZM-8-8q8-4%2016%200'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20fill%3D'%23000'%3E%3Ccircle%20cx%3D'148'%20cy%3D'70'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'150'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'150'%20r%3D'1.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") top center / 160px 160px repeat; }
.bg-pattern-punkte { -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'1.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E") top center / 24px 24px repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'1.5'%2F%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E") top center / 24px 24px repeat; }

/* HEADER-KANTEN — nach shop.css laden, damit border-radius von .hero-header überschrieben wird */
.hero-edge-bogen { border-radius: 0 0 50% 50% / 0 0 42px 42px; }
.hero-edge-welle {
    border-radius: 0;
    -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - 27px) no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'28'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%200H360V13C300%2029%20240%2029%20180%2013S60-3%200%2013Z'%2F%3E%3C%2Fsvg%3E") bottom / 100% 28px no-repeat; mask: linear-gradient(#000, #000) top / 100% calc(100% - 27px) no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'28'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%200H360V13C300%2029%20240%2029%20180%2013S60-3%200%2013Z'%2F%3E%3C%2Fsvg%3E") bottom / 100% 28px no-repeat;
}
@media (min-width: 768px) {
    .hero-header.hero-edge-bogen { border-radius: 0 0 50% 50% / 0 0 64px 64px; }
    .hero-header.hero-edge-welle {
        -webkit-mask: linear-gradient(#000, #000) top / 100% calc(100% - 39px) no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'40'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%200H360V13C300%2029%20240%2029%20180%2013S60-3%200%2013Z'%2F%3E%3C%2Fsvg%3E") bottom / 100% 40px no-repeat; mask: linear-gradient(#000, #000) top / 100% calc(100% - 39px) no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'40'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%200H360V13C300%2029%20240%2029%20180%2013S60-3%200%2013Z'%2F%3E%3C%2Fsvg%3E") bottom / 100% 40px no-repeat;
    }
}

/* MANAGER: Auswahl-Kacheln und Live-Vorschau */
.bg-choice-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.bg-choice {
    display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
    padding: 8px; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 12px; cursor: pointer;
}
.bg-choice:hover { border-color: #9ca3af; }
.bg-choice.active { border-color: #111827; box-shadow: 0 0 0 1px #111827; }
.bg-choice-name { font-weight: 600; font-size: 0.9rem; line-height: 1.2; }
.bg-choice-desc { color: #6b7280; font-size: 0.78rem; line-height: 1.3; }
.bg-swatch {
    position: relative; flex-shrink: 0; width: 56px; height: 56px; border-radius: 8px;
    background: #f8f9fa; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
.bg-swatch .shop-bg-pattern { opacity: 0.55; }
.bg-swatch-none::after {
    content: ""; position: absolute; left: 50%; top: 12px; bottom: 12px; width: 1.5px;
    background: #b9bec8; transform: rotate(45deg);
}
.bg-swatch .bg-pattern-schwuenge { -webkit-mask-size: 130px auto; mask-size: 130px auto; -webkit-mask-position: center -24px; mask-position: center -24px; }
.bg-swatch .bg-pattern-topo { -webkit-mask-size: 150px 150px; mask-size: 150px 150px; -webkit-mask-position: top center; mask-position: top center; }
.bg-swatch .bg-pattern-wellen { -webkit-mask-size: 140px 44px; mask-size: 140px 44px; -webkit-mask-position: top center; mask-position: top center; }
.bg-swatch .bg-pattern-kritzel { -webkit-mask-size: 110px 110px; mask-size: 110px 110px; -webkit-mask-position: top center; mask-position: top center; }
.bg-swatch .bg-pattern-punkte { -webkit-mask-size: 24px 24px; mask-size: 24px 24px; -webkit-mask-position: top center; mask-position: top center; }

.bg-preview {
    position: relative; isolation: isolate; height: 310px; overflow: hidden;
    background: #f8f9fa; border-radius: 12px; border: 1px solid #e5e7eb;
}
.bg-preview .shop-bg--fade { -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 45%, rgba(0,0,0,.35) 75%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0, #000 45%, rgba(0,0,0,.35) 75%, transparent 100%); }
.bg-preview-hero {
    height: 110px; background: var(--primary-color) center / cover no-repeat;
    border-radius: 0 0 14px 14px; position: relative; overflow: hidden;
}
.bg-preview-hero::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.3); }
.bg-preview-hero.hero-edge-bogen { border-radius: 0 0 50% 50% / 0 0 28px 28px; }
.bg-preview-search { height: 30px; margin: -15px 18px 16px; background: #fff; border-radius: 10px; box-shadow: 0 6px 16px rgba(0,0,0,.12); position: relative; }
.bg-preview-heading { width: 90px; height: 12px; margin: 0 18px 12px; border-left: 3px solid var(--primary-color); background: #dee2e6; border-radius: 2px; }
.bg-preview-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 18px; }
.bg-preview-cards span { height: 80px; background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.05); }

/* FOOTER-STILE (footerStyle: schlicht | klammer | getoent | dunkel) — Grundfarben über --footer-* in shop.css */
.shop-bg--fade.shop-bg--klammer { -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 520px, rgba(0,0,0,.35) 950px, transparent 1300px, transparent calc(100% - 1000px), #000 calc(100% - 450px)); mask-image: linear-gradient(to bottom, #000 0, #000 520px, rgba(0,0,0,.35) 950px, transparent 1300px, transparent calc(100% - 1000px), #000 calc(100% - 450px)); }
.info-section.footer-klammer { background: transparent; border-top: 0; }
.info-section.footer-getoent,
.info-section.footer-dunkel { border-top: 0; border-radius: 20px 20px 0 0; }
.info-section.footer-getoent {
    background: color-mix(in srgb, var(--shop-bg-color, var(--primary-color)) 8%, #fff);
    --footer-line: color-mix(in srgb, var(--shop-bg-color, var(--primary-color)) 16%, #fff);
}
.info-section.footer-dunkel {
    background: color-mix(in srgb, var(--shop-bg-color, var(--primary-color)) 26%, #14161b);
    --footer-strong: #fff;
    --footer-text: rgba(255,255,255,.75);
    --footer-muted: rgba(255,255,255,.55);
    --footer-line: rgba(255,255,255,.14);
}
.info-section.footer-dunkel a:hover { color: #fff; }
.info-section.footer-dunkel .btn-outline-secondary { color: rgba(255,255,255,.85); border-color: rgba(255,255,255,.35); }
.footer-pattern { pointer-events: none; }
.footer-getoent .footer-pattern, .pf-getoent .footer-pattern { opacity: 0.12; }
.footer-dunkel .footer-pattern, .pf-dunkel .footer-pattern { background: #fff; opacity: 0.07; }
.footer-pattern.bg-pattern-schwuenge { -webkit-mask-position: center -60px; mask-position: center -60px; }
/* Kante wie der Header, gespiegelt */
.info-section.footer-edge-bogen { border-radius: 50% 50% 0 0 / 42px 42px 0 0; padding-top: 76px; }
.info-section.footer-edge-welle {
    border-radius: 0; padding-top: 76px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'28'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2028H360V15C300-1%20240-1%20180%2015S60%2031%200%2015Z'%2F%3E%3C%2Fsvg%3E") top / 100% 28px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 27px) no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'28'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2028H360V15C300-1%20240-1%20180%2015S60%2031%200%2015Z'%2F%3E%3C%2Fsvg%3E") top / 100% 28px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 27px) no-repeat;
}
@media (min-width: 768px) {
    .info-section.footer-edge-bogen { border-radius: 50% 50% 0 0 / 64px 64px 0 0; padding-top: 96px; }
    .info-section.footer-edge-welle {
        padding-top: 96px;
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'40'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2028H360V15C300-1%20240-1%20180%2015S60%2031%200%2015Z'%2F%3E%3C%2Fsvg%3E") top / 100% 40px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 39px) no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'40'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2028H360V15C300-1%20240-1%20180%2015S60%2031%200%2015Z'%2F%3E%3C%2Fsvg%3E") top / 100% 40px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 39px) no-repeat;
    }
}

/* MANAGER-Vorschau: Footer-Streifen */
.bg-preview .shop-bg--fade.shop-bg--klammer { -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 40%, transparent 58%, transparent 68%, #000 100%); mask-image: linear-gradient(to bottom, #000 0, #000 40%, transparent 58%, transparent 68%, #000 100%); }
.bg-preview-footer {
    position: absolute; left: 0; right: 0; bottom: 0; height: 64px; overflow: hidden;
    background: #fff; border-top: 1px solid #e9ecef; padding: 24px 18px 0;
}
.bg-preview-footer span { display: block; position: relative; height: 7px; width: 42%; border-radius: 4px; background: #dee2e6; }
.bg-preview-footer span + span { width: 28%; margin-top: 7px; }
.bg-preview-footer.pf-klammer { background: transparent; border-top: 0; }
.bg-preview-footer.pf-getoent, .bg-preview-footer.pf-dunkel { border-top: 0; border-radius: 14px 14px 0 0; }
.bg-preview-footer.pf-getoent { background: color-mix(in srgb, var(--shop-bg-color, var(--primary-color)) 8%, #fff); }
.bg-preview-footer.pf-dunkel { background: color-mix(in srgb, var(--shop-bg-color, var(--primary-color)) 26%, #14161b); }
.bg-preview-footer.pf-dunkel span { background: rgba(255,255,255,.35); }
.bg-preview-footer.pf-edge-bogen { border-radius: 50% 50% 0 0 / 22px 22px 0 0; }
.bg-preview-footer.pf-edge-welle { border-radius: 0; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'18'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2028H360V15C300-1%20240-1%20180%2015S60%2031%200%2015Z'%2F%3E%3C%2Fsvg%3E") top / 100% 18px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 17px) no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'360'%20height%3D'18'%20viewBox%3D'0%200%20360%2028'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2028H360V15C300-1%20240-1%20180%2015S60%2031%200%2015Z'%2F%3E%3C%2Fsvg%3E") top / 100% 18px no-repeat, linear-gradient(#000, #000) bottom / 100% calc(100% - 17px) no-repeat; }
.bg-preview .bg-pattern-schwuenge { -webkit-mask-size: 300px auto; mask-size: 300px auto; -webkit-mask-position: center 40px; mask-position: center 40px; }