@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--kalk: #f4eee6;--surface: #fffcf7;--sunken: #ebe3d8;--hairline: #dcd1c2;--ink: #241f1a;--ink-2: #6b6055;--ink-3: #948779;--auf-akzent: #fff8f4;--terra: #b85539;--terra-soft: #f2ded5;--oak: #b5813f;--oak-soft: #f4e6ce;--cement: #7e7a72;--cement-soft: #e6e2da;--slate: #4a6670;--slate-soft: #dce6ea;--gruen: #4f7a3f;--warn: #b07c1c;--plan-substrate: var(--sunken);--plan-field: var(--oak);--plan-first: var(--terra);--plan-last: var(--slate);--plan-joint: var(--surface);--plan-cut: rgba(46, 36, 25, .6);--plan-outline: var(--ink);--plan-dim: var(--cement);--plan-grain: rgba(70, 45, 15, .16);--schatten: 0 1px 2px rgba(58, 42, 26, .05), 0 12px 32px -12px rgba(58, 42, 26, .18);--schatten-hoch: 0 2px 4px rgba(58, 42, 26, .06), 0 32px 64px -24px rgba(58, 42, 26, .3);--schrift: "Inter Variable", system-ui, -apple-system, sans-serif;--schrift-display: "Fraunces Variable", Georgia, serif;--schrift-mono: "JetBrains Mono Variable", ui-monospace, monospace;--rand: 1px solid var(--hairline);--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--spalte: min(1180px, 100% - 2.5rem);--kopf-hoehe: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--kalk: #16130f;--surface: #221d17;--sunken: #1b1712;--hairline: #3a3227;--ink: #f4ece1;--ink-2: #a79a8b;--ink-3: #7d7264;--auf-akzent: #1a0f0a;--terra: #e07a56;--terra-soft: #40241b;--oak: #d9a461;--oak-soft: #3a2c18;--cement: #969086;--cement-soft: #2c2823;--slate: #82a6b2;--slate-soft: #1f2e34;--gruen: #88b26e;--warn: #e0ac4a;--plan-cut: rgba(255, 227, 200, .55);--plan-grain: rgba(255, 226, 190, .13);--schatten: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -12px rgba(0, 0, 0, .6);--schatten-hoch: 0 2px 4px rgba(0, 0, 0, .5), 0 32px 64px -24px rgba(0, 0, 0, .75);color-scheme:dark}}:root[data-theme=dark]{--kalk: #16130f;--surface: #221d17;--sunken: #1b1712;--hairline: #3a3227;--ink: #f4ece1;--ink-2: #a79a8b;--ink-3: #7d7264;--auf-akzent: #1a0f0a;--terra: #e07a56;--terra-soft: #40241b;--oak: #d9a461;--oak-soft: #3a2c18;--cement: #969086;--cement-soft: #2c2823;--slate: #82a6b2;--slate-soft: #1f2e34;--gruen: #88b26e;--warn: #e0ac4a;--plan-cut: rgba(255, 227, 200, .55);--plan-grain: rgba(255, 226, 190, .13);--schatten: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -12px rgba(0, 0, 0, .6);--schatten-hoch: 0 2px 4px rgba(0, 0, 0, .5), 0 32px 64px -24px rgba(0, 0, 0, .75);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--kalk);color:var(--ink);font-family:var(--schrift);font-size:17px;line-height:1.6;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--schrift-display);font-weight:500;font-variation-settings:"SOFT" 20,"WONK" 1;line-height:1.06;letter-spacing:-.02em;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:4px}.nur-vorlesen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spring{position:fixed;top:8px;left:8px;z-index:100;padding:.6rem 1rem;background:var(--terra);color:var(--auf-akzent);border-radius:var(--radius-s);transform:translateY(-160%);transition:transform .18s ease}.spring:focus-visible{transform:translateY(0)}.huelle{width:var(--spalte);margin-inline:auto}.abschnitt{padding-block:clamp(4.5rem,11vw,9rem);position:relative}.marke{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--schrift-mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.6rem}.marke:before{content:"";width:34px;height:7px;border:1px solid currentColor;border-bottom:none;opacity:.75}.titel{font-size:clamp(2.1rem,5.4vw,3.5rem)}.blei{color:var(--ink-2);font-size:clamp(1.02rem,1.6vw,1.14rem);max-width:58ch;margin-top:1.4rem}.mono{font-family:var(--schrift-mono);font-variant-numeric:tabular-nums}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.92rem 1.5rem;border-radius:999px;border:1px solid transparent;font:inherit;font-weight:560;font-size:.98rem;text-decoration:none;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.knopf svg{width:19px;height:19px}.knopf--voll{background:var(--terra);color:var(--auf-akzent);box-shadow:var(--schatten)}.knopf--voll:hover{transform:translateY(-2px);box-shadow:var(--schatten-hoch)}.knopf--leer{background:transparent;color:var(--ink);border-color:var(--hairline)}.knopf--leer:hover{border-color:var(--ink-3);background:color-mix(in srgb,var(--ink) 4%,transparent)}.knopf:active{transform:translateY(0)}.karte{background:var(--surface);border:var(--rand);border-radius:var(--radius-l);box-shadow:var(--schatten)}.kopf{position:sticky;top:0;z-index:40;height:var(--kopf-hoehe);display:flex;align-items:center;background:color-mix(in srgb,var(--kalk) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease}.kopf[data-gescrollt=true]{border-bottom-color:var(--hairline)}.kopf__innen{width:var(--spalte);margin-inline:auto;display:flex;align-items:center;gap:1.5rem}.wortmarke{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--schrift-display);font-size:1.16rem;font-weight:600;letter-spacing:-.02em;text-decoration:none;margin-right:auto}.wortmarke__zeichen{width:26px;height:26px;border-radius:7px;background:var(--oak-soft);border:1px solid color-mix(in srgb,var(--oak) 45%,transparent);display:grid;grid-template-rows:repeat(3,1fr);gap:1.5px;padding:3px;flex:none}.wortmarke__zeichen i{display:block;background:var(--oak);border-radius:1px}.wortmarke__zeichen i:nth-child(1){margin-right:40%}.wortmarke__zeichen i:nth-child(2){margin-left:22%}.wortmarke__zeichen i:nth-child(3){margin-right:18%;background:var(--terra)}.navi{display:flex;align-items:center;gap:1.6rem}.navi a{font-size:.94rem;color:var(--ink-2);text-decoration:none;transition:color .15s ease}.navi a:hover{color:var(--ink)}.themenknopf{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;border:var(--rand);background:transparent;color:var(--ink-2);cursor:pointer;flex:none;transition:color .15s ease,border-color .15s ease}.themenknopf:hover{color:var(--ink);border-color:var(--ink-3)}.themenknopf svg{width:18px;height:18px}.menueknopf{display:none}@media(max-width:860px){.navi{position:fixed;inset:var(--kopf-hoehe) 0 auto 0;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.25rem 1.25rem;background:var(--kalk);border-bottom:var(--rand);transform:translateY(-101%);transition:transform .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.navi[data-offen=true]{transform:translateY(0);visibility:visible}.navi a{padding:.85rem 0;border-bottom:var(--rand);font-size:1rem}.menueknopf{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;border:var(--rand);background:transparent;color:var(--ink);cursor:pointer}.menueknopf svg{width:18px;height:18px;transition:transform .25s ease}.menueknopf[aria-expanded=true] svg{transform:rotate(180deg)}}.hero{position:relative;padding-top:clamp(3rem,7vw,5.5rem);padding-bottom:clamp(3rem,7vw,5rem);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:56px 56px;opacity:.32;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 15%,transparent 78%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 15%,transparent 78%);pointer-events:none}.hero__innen{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(2.5rem,5vw,4.5rem);align-items:center}.hero__titel{font-size:clamp(2.6rem,6.6vw,4.6rem);font-variation-settings:"SOFT" 30,"WONK" 1}.hero__titel em{font-style:italic;color:var(--terra)}.hero__blei{margin-top:1.7rem;font-size:clamp(1.05rem,1.7vw,1.2rem);color:var(--ink-2);max-width:46ch}.hero__knoepfe{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.2rem}.hero__fuss{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.86rem;color:var(--ink-3)}.hero__fuss span{display:inline-flex;align-items:center;gap:.4rem}.hero__fuss svg{width:15px;height:15px;color:var(--gruen)}.wort{display:inline-block;overflow:hidden;vertical-align:bottom}.wort__innen{display:inline-block;will-change:transform}.plantafel{position:relative;background:var(--surface);border:var(--rand);border-radius:var(--radius-l);box-shadow:var(--schatten-hoch);padding:1.1rem 1.1rem .9rem}.plantafel__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.15rem .35rem .9rem;border-bottom:var(--rand);margin-bottom:.9rem}.plantafel__name{font-weight:600;font-size:.98rem}.plantafel__wert{font-family:var(--schrift-mono);font-size:.82rem;color:var(--ink-3)}.plantafel__flaeche{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-m);overflow:hidden;background:var(--sunken)}.plantafel__flaeche canvas{width:100%;height:100%;display:block}.legende{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;padding:.85rem .35rem .3rem;font-size:.78rem;color:var(--ink-2)}.legende span{display:inline-flex;align-items:center;gap:.45rem}.legende i{width:13px;height:13px;border-radius:3px;flex:none}.legende .i-erste{background:var(--terra)}.legende .i-letzte{background:var(--slate)}.legende .i-feld{background:var(--oak)}.legende .i-schnitt{border:1.5px dashed var(--plan-cut);background:transparent}.band{border-block:var(--rand);background:color-mix(in srgb,var(--surface) 55%,transparent)}.band__gitter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.band__zelle{padding:2.2rem 1.4rem;border-left:var(--rand)}.band__zelle:first-child{border-left:none;padding-left:0}.band__zahl{font-family:var(--schrift-mono);font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:500;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.band__zahl small{font-size:.48em;color:var(--ink-3);margin-left:.2em;letter-spacing:0}.band__text{margin-top:.6rem;font-size:.86rem;color:var(--ink-2);line-height:1.45}@media(max-width:780px){.band__gitter{grid-template-columns:repeat(2,minmax(0,1fr))}.band__zelle{padding:1.5rem 1rem;border-top:var(--rand)}.band__zelle:nth-child(odd){border-left:none;padding-left:0}.band__zelle:nth-child(-n+2){border-top:none}}.schritte{display:grid;gap:clamp(3rem,7vw,6rem);margin-top:clamp(3rem,6vw,5rem)}.schritt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.schritt:nth-child(2n) .schritt__bild{order:-1}.schritt__nr{font-family:var(--schrift-mono);font-size:.78rem;letter-spacing:.16em;color:var(--terra);display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}.schritt__nr:after{content:"";height:1px;flex:1;background:var(--hairline);max-width:90px}.schritt h3{font-size:clamp(1.6rem,3.2vw,2.15rem)}.schritt p{color:var(--ink-2);margin-top:1rem;max-width:50ch}.merkmale{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem}.merkmale li{display:grid;grid-template-columns:20px 1fr;gap:.75rem;align-items:start;font-size:.94rem;color:var(--ink-2)}.merkmale svg{width:18px;height:18px;color:var(--oak);margin-top:2px}.merkmale strong{color:var(--ink);font-weight:560}.geraet{position:relative;width:min(300px,100%);margin-inline:auto;border-radius:40px;padding:9px;background:linear-gradient(150deg,var(--hairline),var(--sunken));box-shadow:var(--schatten-hoch)}.geraet__schirm{position:relative;border-radius:32px;overflow:hidden;background:var(--sunken);line-height:0}.geraet__schirm img{width:100%;height:auto}.geraete{display:flex;justify-content:center;gap:clamp(1rem,3vw,2.5rem);flex-wrap:wrap;margin-top:clamp(2.5rem,5vw,4rem)}.geraete .geraet{width:min(255px,74vw)}.geraete figure{margin:0}.geraete figcaption{margin-top:1rem;text-align:center;font-size:.85rem;color:var(--ink-3);max-width:26ch;margin-inline:auto}.rechner{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(2.5rem,5vw,3.5rem);align-items:start}.regler{padding:1.6rem;display:grid;gap:1.5rem}.regler__zeile label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.9rem;font-weight:500;margin-bottom:.6rem}.regler__titel{display:block;font-size:.9rem;font-weight:500;margin-bottom:.6rem}.regler__zeile output{font-family:var(--schrift-mono);font-size:.88rem;color:var(--terra);font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:var(--cement-soft)}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:var(--cement-soft)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:var(--terra);border:3px solid var(--surface);box-shadow:var(--schatten)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--terra);border:3px solid var(--surface);box-shadow:var(--schatten)}.wahl{display:flex;gap:.4rem;padding:.3rem;background:var(--sunken);border-radius:999px}.wahl button{flex:1;padding:.5rem .75rem;border:none;border-radius:999px;background:transparent;font:inherit;font-size:.86rem;color:var(--ink-2);cursor:pointer;transition:background-color .16s ease,color .16s ease}.wahl button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--schatten);font-weight:550}.ergebnis{display:grid;gap:1rem}.ergebnis__plan{padding:1.1rem}.ergebnis__plan .plantafel__flaeche{aspect-ratio:16 / 10}.randkarte{padding:1.4rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}.randkarte__paar{display:flex;gap:1.75rem}.randkarte__wert{display:grid;gap:.25rem}.randkarte__wert span{font-size:.76rem;color:var(--ink-3);letter-spacing:.04em}.randkarte__wert strong{font-family:var(--schrift-mono);font-size:1.5rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.randkarte__wert:first-child strong{color:var(--terra)}.randkarte__wert:last-child strong{color:var(--slate)}.abzeichen{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .85rem;border-radius:999px;font-size:.83rem;font-weight:550;margin-left:auto}.abzeichen svg{width:16px;height:16px}.abzeichen[data-zustand=gut]{background:color-mix(in srgb,var(--gruen) 15%,transparent);color:var(--gruen)}.abzeichen[data-zustand=schlecht]{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.materialzeile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:var(--rand);border-radius:var(--radius-m);overflow:hidden;background:var(--surface)}.materialzeile div{padding:1rem 1.1rem;border-left:var(--rand)}.materialzeile div:first-child{border-left:none}.materialzeile span{display:block;font-size:.74rem;color:var(--ink-3);margin-bottom:.35rem}.materialzeile strong{font-family:var(--schrift-mono);font-size:1.12rem;font-weight:500;font-variant-numeric:tabular-nums}.hinweis{font-size:.83rem;color:var(--ink-3);display:flex;gap:.55rem;align-items:flex-start;line-height:1.5}.hinweis svg{width:16px;height:16px;flex:none;margin-top:3px}@media(max-width:900px){.rechner{grid-template-columns:minmax(0,1fr)}.materialzeile{grid-template-columns:repeat(2,minmax(0,1fr))}.materialzeile div:nth-child(3){border-left:none}.materialzeile div:nth-child(n+3){border-top:var(--rand)}}.vorschau{background:var(--sunken);border-block:var(--rand)}.raum3d{position:relative;margin-top:clamp(2rem,4vw,3rem);border-radius:var(--radius-l);overflow:hidden;background:linear-gradient(170deg,var(--surface),var(--sunken));border:var(--rand);aspect-ratio:16 / 9;box-shadow:var(--schatten-hoch)}.raum3d__canvas{width:100%;height:100%;display:block}.raum3d__standbild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--sunken)}.raum3d[data-webgl=true] .raum3d__standbild{display:none}.raum3d[data-ausgefallen=true] .raum3d__standbild{display:block}.raum3d[data-ausgefallen=true] .raum3d__canvas{display:none}.raum3d__zug{position:absolute;left:1rem;bottom:1rem;padding:.4rem .8rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--rand);font-size:.78rem;color:var(--ink-2)}@media(hover:none){.raum3d__zug{display:none}}.raum3d[data-still=true] .raum3d__zug{display:none}.dekore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.1rem}.dekor{padding:0;border:2px solid transparent;border-radius:var(--radius-m);background:var(--surface);cursor:pointer;overflow:hidden;font:inherit;text-align:left;transition:border-color .16s ease,transform .16s ease;box-shadow:var(--schatten)}.dekor:hover{transform:translateY(-2px)}.dekor[aria-pressed=true]{border-color:var(--terra)}.dekor__probe{height:52px;display:grid;grid-template-rows:repeat(3,1fr);gap:2px;padding:4px}.dekor__probe i{display:block;border-radius:1px}.dekor__name{display:block;padding:.5rem .6rem .65rem;font-size:.78rem;color:var(--ink-2);border-top:var(--rand)}.dekor[aria-pressed=true] .dekor__name{color:var(--ink);font-weight:550}@media(max-width:620px){.dekore{grid-template-columns:repeat(2,minmax(0,1fr))}}.paar{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.kachel{padding:1.5rem;border-radius:var(--radius-m);background:var(--surface);border:var(--rand)}.kachel svg{width:22px;height:22px;color:var(--terra);margin-bottom:.9rem}.kachel h3{font-family:var(--schrift);font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.35}.kachel p{margin-top:.5rem;font-size:.9rem;color:var(--ink-2)}@media(max-width:760px){.kacheln{grid-template-columns:minmax(0,1fr)}}.grenzen{list-style:none;padding:0;margin:clamp(2rem,4vw,3rem) 0 0;display:grid;gap:0;border-top:var(--rand)}.grenzen li{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:1rem clamp(1.5rem,4vw,3rem);padding:1.5rem 0;border-bottom:var(--rand);align-items:baseline}.grenzen h3{font-family:var(--schrift);font-size:1.02rem;font-weight:600;letter-spacing:0}.grenzen p{color:var(--ink-2);font-size:.94rem}@media(max-width:700px){.grenzen li{grid-template-columns:minmax(0,1fr);gap:.4rem}}.schluss{text-align:center;padding-block:clamp(5rem,12vw,9rem);position:relative;overflow:hidden}.schluss:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:56px 56px;opacity:.3;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 50% 100%,#000 10%,transparent 75%);pointer-events:none}.schluss__innen{position:relative}.schluss .blei{margin-inline:auto}.schluss .hero__knoepfe{justify-content:center}.fuss{border-top:var(--rand);padding-block:2.5rem 3rem;font-size:.88rem;color:var(--ink-3)}.fuss__innen{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}.fuss__innen p{margin-right:auto}.fuss a{color:var(--ink-2);text-decoration:none}.fuss a:hover{color:var(--ink);text-decoration:underline}.fuss__quellen{width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:var(--rand);font-size:.8rem;line-height:1.6;color:var(--ink-3);max-width:78ch}@media(max-width:940px){.hero__innen,.schritt,.paar{grid-template-columns:minmax(0,1fr)}.schritt:nth-child(2n) .schritt__bild{order:0}.schritt__bild{max-width:340px;margin-inline:auto;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.knopf:hover,.dekor:hover{transform:none}}