- URL: https://www.schreinerei-birkner.de
- Date: 11/14/24 01:53:33
Webpage Performance Test Result
- Settings: Desktop
v129
Cable
Frankfurt, GermanyMore
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics
View:
Requests Details
Use this page to explore the metric timings and request waterfall for any run of your test.
Page Performance Metrics (Run 1)
View run details: Run 1 (Repeat View)
| TTFB | Start Render | FCP | Speed Index | LCP | CLS | TBT | DC Time | DC Requests | DC Bytes | Total Time | Total Requests | Page Weight |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| .653S | 1.100S | 1.191S | 3.607S | 4.917S | .001 | .130S | 4.818S | 62 | 2,361KB | 6.881S | 65 | 2,549KB |
Visual Page Loading Process (Explore)
| Navigation Timings | |
|---|---|
| domContentLoadedEvent | loadEvent |
| 1.426s - 1.427s (0.001s) | 4.718s - 4.718s (0s) |
Custom Metrics Data
- Colordepth
- 24
- Dpi
- {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
- Images
- [{"url":"https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1920x.webp","width":1429,"height":953,"naturalWidth":1920,"naturalHeight":1280},{"url":"https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1920x.webp","width":1429,"height":953,"naturalWidth":1920,"naturalHeight":1280},{"url":"https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-320x.png","width":1429,"height":951,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-320x.png","width":320,"height":366,"naturalWidth":320,"naturalHeight":366},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b819feb409-1699446631/wohnwelt.svg","width":64,"height":122,"naturalWidth":300,"naturalHeight":147},{"url":"https://www.schreinerei-birkner.de/media/pages/home/87f6a4ecac-1699446661/bauwelt.svg","width":60,"height":122,"naturalWidth":180,"naturalHeight":150},{"url":"https://www.schreinerei-birkner.de/media/pages/home/08c973688e-1699446647/sanierung.svg","width":60,"height":122,"naturalWidth":180,"naturalHeight":150},{"url":"https://www.schreinerei-birkner.de/media/pages/home/1c5750a646-1699446623/denkmalschutz.svg","width":60,"height":122,"naturalWidth":180,"naturalHeight":150},{"url":"https://www.schreinerei-birkner.de/media/pages/home/83b4c02fe0-1699446647/objektbau.svg","width":64,"height":122,"naturalWidth":210,"naturalHeight":150},{"url":"https://www.schreinerei-birkner.de/media/pages/home/447f1a21cf-1699446655/planung.svg","width":46,"height":122,"naturalWidth":135,"naturalHeight":150},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-320x.jpg","width":2560,"height":1707,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-320x.png","width":1956,"height":1694,"naturalWidth":320,"naturalHeight":277},{"url":"https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-320x.jpg","width":2560,"height":1707,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-320x.jpg","width":1920,"height":2880,"naturalWidth":320,"naturalHeight":480},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.jpg","width":1200,"height":973,"naturalWidth":320,"naturalHeight":259},{"url":"https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.jpg","width":1200,"height":973,"naturalWidth":320,"naturalHeight":259},{"url":"https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-320x.jpg","width":2560,"height":1706,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-320x.jpg","width":2560,"height":1707,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-320x.jpg","width":2560,"height":1472,"naturalWidth":320,"naturalHeight":184},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-320x.jpg","width":1920,"height":1846,"naturalWidth":320,"naturalHeight":308},{"url":"https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.jpg","width":1920,"height":1440,"naturalWidth":320,"naturalHeight":240},{"url":"https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.jpg","width":1920,"height":1440,"naturalWidth":320,"naturalHeight":240},{"url":"https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-320x.jpg","width":2560,"height":3840,"naturalWidth":320,"naturalHeight":480},{"url":"https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-320x.jpg","width":2560,"height":3840,"naturalWidth":320,"naturalHeight":480},{"url":"https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-320x.png","width":1960,"height":1694,"naturalWidth":320,"naturalHeight":277},{"url":"https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-320x.jpg","width":2560,"height":1707,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-320x.jpg","width":1920,"height":1199,"naturalWidth":320,"naturalHeight":200},{"url":"https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-320x.jpg","width":1920,"height":1280,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-320x.jpg","width":2560,"height":1763,"naturalWidth":320,"naturalHeight":220},{"url":"https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-320x.png","width":1956,"height":1694,"naturalWidth":320,"naturalHeight":277},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-320x.jpg","width":1024,"height":683,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-320x.jpg","width":1024,"height":683,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-320x.jpg","width":1024,"height":683,"naturalWidth":320,"naturalHeight":213},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-320x.jpg","width":2560,"height":1440,"naturalWidth":320,"naturalHeight":180},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-320x.jpg","width":999,"height":768,"naturalWidth":320,"naturalHeight":246},{"url":"https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-320x.jpg","width":846,"height":913,"naturalWidth":320,"naturalHeight":345},{"url":"https://www.schreinerei-birkner.de/media/pages/home/c40d07629e-1699446644/fa8a0454-300x200-crop.jpg","width":614,"height":409,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/6c2118a3bd-1699446650/fa8a0496-300x200-crop.jpg","width":614,"height":409,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d869775500-1699446617/fa8a0445-300x200-crop.jpg","width":614,"height":409,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/8d1ca85f20-1699446658/fa8a0479-300x200-crop.jpg","width":614,"height":409,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/741c7bf3d9-1699446623/kuche-fa8a5867-300x200-crop.jpg","width":614,"height":409,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7ac4c2280a-1699446656/kuche-fa8a5876-300x200-crop.jpg","width":614,"height":409,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7baa643943-1699446625/kuche-fa8a5893-300x200-crop.jpg","width":614,"height":409,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7861a34748-1699446614/schlafzimmer-fa8a7343-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/0c17795d7c-1699446618/schlafzimmer-fa8a7341-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2483b20b67-1699446625/schlafzimmer-fa8a7927-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/ccf87dffe8-1699446614/schlafzimmer-fa8a7967-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/fe808cc279-1699446632/schlafzimmer-fa8a7955-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/92fd76b521-1699446647/schlafzimmer-fa8a7979-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/6a54ba1402-1699446641/schlafzimmer-fa8a8032-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/5f53f085be-1699446653/schlafzimmer-fa8a7992-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/dbe2795368-1699446639/wohnzimmer-fa8a1535-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/69743a9bf2-1699446618/wohnzimmer-fa8a1552-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/e7eaed18a5-1699446613/wohnzimmer-fa8a1568-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/fc1ac40305-1699446630/wohnzimmer-fa8a1583-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/6a7c8efe9d-1699446633/wohnzimmer-fa8a1586-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/27943619bf-1699446612/esszimmer-fa8a5563-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/3537bf5f58-1699446638/esszimmer-fa8a5784-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/47928bd712-1699446651/esszimmer-fa8a5597-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7b4ef5bf99-1699446649/esszimmer-fa8a6050-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/4aee052c04-1699446635/esszimmer-fa8a6058-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/1095833cec-1699446627/esszimmer-fa8a6065-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/e1e9aeaa04-1699446651/esszimmer-fa8a7442-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/37361959e9-1699446613/esszimmer-fa8a7444-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9323172a2a-1699446661/esszimmer-fa8a7451-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2c2fac86cd-1699446657/esszimmer-fa8a7455-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7ee79b41be-1699446644/esszimmer-fa8a7459-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/f93d96c14f-1699446633/gaderobe-fa8a2058-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/6325ab1af4-1699446639/gaderobe-fa8a2062-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/ee68d6ffc5-1699446660/gaderobe-fa8a2069-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/6f25d404c6-1699446641/gaderobe-fa8a2073-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/a852a9ce7f-1699446613/gaderobe-fa8a1382-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/ae46637d7a-1699446617/gaderobe-fa8a1405-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/3ef7cd2105-1699446648/fa8a9900-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/57871ebcc8-1699446630/fa8a9907-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b0d6f4e501-1699446625/fa8a9912-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7980489e68-1699446623/fa8a0060-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/a270e1e0ca-1699446652/fa8a0078-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/4b7248495d-1699446636/fa8a0076-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9571e92d1f-1699446613/fa8a0071-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/1fb3694645-1699446636/schrank-losungen-16bad4-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/603b2e5055-1699446619/schrank-losungen-16bad4-3-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/5332bacd32-1699446641/schrank-losungen-16bad4-1-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/91c8d922cf-1699446629/schrank-losungen-fa8a2116-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/34746b8c81-1699446616/schrank-losungen-fa8a2137-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/4a67b61adc-1699446645/schrank-losungen-fa8a2092-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/0e1584df29-1699446643/closed-window-beautiful-picture-outside-nature-view-resort-resting-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/47b4bc8db2-1699446634/empty-door-living-room-interior-background-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/77ca19ff12-1699446615/turen-fa8a1505-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/a31a5b08b9-1699446658/turen-fa8a1515-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7f92f547a2-1699446638/desk-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d7408c4306-1699446612/treppen-fa8a6999-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/4c727c5ed7-1699446656/treppen-fa8a7034-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2bcdc5a281-1699446611/treppen-fa8a7030-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/22b738c216-1699446631/treppen-fa8a7041-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2531859a18-1699446633/treppen-fa8a5922-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/25a7db8ac2-1699446643/treppen-fa8a5928-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/ca02381991-1699446638/treppen-fa8a5342-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9a12a37435-1699446640/treppen-fa8a5391-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/80c36835a8-1699446652/treppen-fa8a5311-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/55f0366911-1699446635/treppen-fa8a5473-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/8646cc6ddd-1699446650/treppen-fa8a5406-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/ebd7962fe0-1699446659/fa8a0004-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9fff7a3370-1699446612/nachher-kaibitz-2-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b905809a5f-1699446616/gastronomie-fa8a7857-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/ab46aa007c-1699446639/gastronomie-fa8a7823-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/99c3201edf-1699446632/gastronomie-fa8a7879-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/4458ee1b64-1699446620/gastronomie-fa8a7866-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/bc3f1020f6-1699446656/fa8a9803-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/91f4f08ef5-1699446661/fa8a9816-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/5f522dc482-1699446641/fa8a9820-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/827ee3960d-1699446656/fa8a9826-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2151e81d55-1699446650/fa8a9844-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/936162c839-1699446646/fa8a0028-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/d299e5ce87-1699446621/fa8a9875-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/3a2caebe8d-1699446624/theken-fa8a7772-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/52766b6df4-1699446656/theken-fa8a1423-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b99234b07c-1699446624/theken-fa8a1430-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/bea2ba9b82-1699446615/theken-fa8a1467-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/4d4e308aa8-1699446653/theken-fa8a1460-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/122415d8dd-1699446627/konferenz-fa8a7693-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/451b0409ea-1699446638/konferenz-fa8a7703-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/276434b41f-1699446633/konferenz-fa8a7734-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/41a4daeefc-1699446660/konferenz-fa8a7756-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b10bb95a3a-1699446654/ausbau-altholz-fa8a7580-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/8d67c4430d-1699446649/ausbau-altholz-fa8a7804-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/e5973c45d5-1699446630/ausbau-altholz-fa8a7662-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/12c1a495cc-1699446619/ausbau-altholz-fa8a7811-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/7a61a34a2a-1699446611/wohlfuhlbader-16bad1-3-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/093a05387a-1699446624/wohlfuhlbader-16bad1-2-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/e5acb4ecfd-1699446637/wohlfuhlbader-16bad2-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/b5d3d6d78c-1699446640/wohlfuhlbader-16bad1-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/e5fe64b0a0-1699446639/wohlfuhlbader-16bad2-1-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/8efef6841a-1699446652/wohlfuhlbader-fa8a7250-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/3605db7787-1699446637/wohlfuhlbader-fa8a7235-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/pages/home/3325119df5-1699446649/wohlfuhlbader-fa8a7256-300x200-crop.jpg","width":1800,"height":1200,"naturalWidth":0,"naturalHeight":0},{"url":"https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-320x.png","width":230,"height":312,"naturalWidth":320,"naturalHeight":434},{"url":"https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg","width":162,"height":95,"naturalWidth":255,"naturalHeight":150}]
- Resolution
- {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
- fonts
- [{"family":"Nexa","display":"auto","status":"loaded","style":"normal","weight":"700"},{"family":"Nexa","display":"auto","status":"loaded","style":"normal","weight":"300"}]
- generated-content-percent
- 0.38
- generated-content-size
- 8.52
- imgs-in-viewport
- [{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-320x.png","html":"<img alt=\"wood-slice\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-320x.png\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-2560x.webp 2560w\" data-sizes=\"(min-width: 1200px) 25vw,\n (min-width: 900px) 10vw,\n (min-width: 600px) 50vw,\n 100vw\" width=\"2560\" height=\"1706\" class=\"lozad \" srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-2560x.webp 2560w\" data-loaded=\"true\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1920x.webp","srcSet":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/3ca38297ff-1699446631\/wood-slice-2560x.webp 2560w","sizes":null,"priority":null,"loading":null,"naturalWidth":1920,"naturalHeight":1280},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-320x.png","html":"<img alt=\"circular-saw-blade\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-320x.png\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-2560x.webp 2560w\" data-sizes=\"(min-width: 1200px) 25vw,\n (min-width: 900px) 10vw,\n (min-width: 600px) 50vw,\n 100vw\" width=\"2560\" height=\"1707\" class=\"lozad \" srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-2560x.webp 2560w\" data-loaded=\"true\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1920x.webp","srcSet":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/94b5d5baba-1699446644\/circular-saw-blade-2560x.webp 2560w","sizes":null,"priority":null,"loading":null,"naturalWidth":1920,"naturalHeight":1280},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-320x.png","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-320x.png\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-2560x.webp 2560w\" data-sizes=\"(min-width: 1200px) 25vw,\n (min-width: 900px) 10vw,\n (min-width: 600px) 50vw,\n 100vw\" width=\"2560\" height=\"1708\" class=\"lozad \">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8077b9abd9-1699446611\/room-interior-design-320x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":320,"naturalHeight":213}]
- imgs-no-alt
- []
- imgs-out-viewport
- [{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-320x.png","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-320x.png\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-2560x.webp 2560w\" data-sizes=\"(min-width: 1200px) 25vw,\n (min-width: 900px) 10vw,\n (min-width: 600px) 50vw,\n 100vw\" width=\"614\" height=\"703\" class=\"lozad \">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/825fa4d4c8-1699446645\/blatt-320x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":320,"naturalHeight":366},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/b819feb409-1699446631\/wohnwelt.svg","html":"<img src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/b819feb409-1699446631\/wohnwelt.svg\" alt=\"\" width=\"102\" height=\"50\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/b819feb409-1699446631\/wohnwelt.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":300,"naturalHeight":147},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/87f6a4ecac-1699446661\/bauwelt.svg","html":"<img src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/87f6a4ecac-1699446661\/bauwelt.svg\" alt=\"\" width=\"60\" height=\"50\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/87f6a4ecac-1699446661\/bauwelt.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":180,"naturalHeight":150},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/08c973688e-1699446647\/sanierung.svg","html":"<img src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/08c973688e-1699446647\/sanierung.svg\" alt=\"\" width=\"60\" height=\"50\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/08c973688e-1699446647\/sanierung.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":180,"naturalHeight":150},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/1c5750a646-1699446623\/denkmalschutz.svg","html":"<img src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/1c5750a646-1699446623\/denkmalschutz.svg\" alt=\"\" width=\"60\" height=\"50\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/1c5750a646-1699446623\/denkmalschutz.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":180,"naturalHeight":150},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/83b4c02fe0-1699446647\/objektbau.svg","html":"<img src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/83b4c02fe0-1699446647\/objektbau.svg\" alt=\"\" width=\"70\" height=\"50\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/83b4c02fe0-1699446647\/objektbau.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":210,"naturalHeight":150},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/447f1a21cf-1699446655\/planung.svg","html":"<img src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/447f1a21cf-1699446655\/planung.svg\" alt=\"\" width=\"46\" height=\"51\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/447f1a21cf-1699446655\/planung.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":135,"naturalHeight":150},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-320x.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-320x.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-2560x.webp 2560w\" data-sizes=\"(min-width: 1200px) 25vw,\n (min-width: 900px) 10vw,\n (min-width: 600px) 50vw,\n 100vw\" width=\"2169\" height=\"1665\" class=\"lozad object-cover h-full\">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d951ca7631-1699446618\/team-320x.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":320,"naturalHeight":246},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/c40d07629e-1699446644\/fa8a0454-300x200-crop.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/c40d07629e-1699446644\/fa8a0454-300x200-crop.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/c40d07629e-1699446644\/fa8a0454-300x200-crop.jpg 300w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/c40d07629e-1699446644\/fa8a0454-600x400-crop.jpg 600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/c40d07629e-1699446644\/fa8a0454-900x600-crop.jpg 900w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/c40d07629e-1699446644\/fa8a0454-1200x800-crop.jpg 1200w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/c40d07629e-1699446644\/fa8a0454-1800x1200-crop.jpg 1800w\" data-sizes=\"(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw\" width=\"1800\" height=\"1200\" class=\"lozad \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/6c2118a3bd-1699446650\/fa8a0496-300x200-crop.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/6c2118a3bd-1699446650\/fa8a0496-300x200-crop.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/6c2118a3bd-1699446650\/fa8a0496-300x200-crop.jpg 300w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/6c2118a3bd-1699446650\/fa8a0496-600x400-crop.jpg 600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/6c2118a3bd-1699446650\/fa8a0496-900x600-crop.jpg 900w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/6c2118a3bd-1699446650\/fa8a0496-1200x800-crop.jpg 1200w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/6c2118a3bd-1699446650\/fa8a0496-1800x1200-crop.jpg 1800w\" data-sizes=\"(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw\" width=\"1800\" height=\"1200\" class=\"lozad \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d869775500-1699446617\/fa8a0445-300x200-crop.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d869775500-1699446617\/fa8a0445-300x200-crop.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d869775500-1699446617\/fa8a0445-300x200-crop.jpg 300w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d869775500-1699446617\/fa8a0445-600x400-crop.jpg 600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d869775500-1699446617\/fa8a0445-900x600-crop.jpg 900w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d869775500-1699446617\/fa8a0445-1200x800-crop.jpg 1200w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/d869775500-1699446617\/fa8a0445-1800x1200-crop.jpg 1800w\" data-sizes=\"(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw\" width=\"1800\" height=\"1200\" class=\"lozad \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8d1ca85f20-1699446658\/fa8a0479-300x200-crop.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8d1ca85f20-1699446658\/fa8a0479-300x200-crop.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8d1ca85f20-1699446658\/fa8a0479-300x200-crop.jpg 300w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8d1ca85f20-1699446658\/fa8a0479-600x400-crop.jpg 600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8d1ca85f20-1699446658\/fa8a0479-900x600-crop.jpg 900w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8d1ca85f20-1699446658\/fa8a0479-1200x800-crop.jpg 1200w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/8d1ca85f20-1699446658\/fa8a0479-1800x1200-crop.jpg 1800w\" data-sizes=\"(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw\" width=\"1800\" height=\"1200\" class=\"lozad \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/741c7bf3d9-1699446623\/kuche-fa8a5867-300x200-crop.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/741c7bf3d9-1699446623\/kuche-fa8a5867-300x200-crop.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/741c7bf3d9-1699446623\/kuche-fa8a5867-300x200-crop.jpg 300w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/741c7bf3d9-1699446623\/kuche-fa8a5867-600x400-crop.jpg 600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/741c7bf3d9-1699446623\/kuche-fa8a5867-900x600-crop.jpg 900w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/741c7bf3d9-1699446623\/kuche-fa8a5867-1200x800-crop.jpg 1200w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/741c7bf3d9-1699446623\/kuche-fa8a5867-1800x1200-crop.jpg 1800w\" data-sizes=\"(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw\" width=\"1800\" height=\"1200\" class=\"lozad \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7ac4c2280a-1699446656\/kuche-fa8a5876-300x200-crop.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7ac4c2280a-1699446656\/kuche-fa8a5876-300x200-crop.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7ac4c2280a-1699446656\/kuche-fa8a5876-300x200-crop.jpg 300w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7ac4c2280a-1699446656\/kuche-fa8a5876-600x400-crop.jpg 600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7ac4c2280a-1699446656\/kuche-fa8a5876-900x600-crop.jpg 900w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7ac4c2280a-1699446656\/kuche-fa8a5876-1200x800-crop.jpg 1200w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7ac4c2280a-1699446656\/kuche-fa8a5876-1800x1200-crop.jpg 1800w\" data-sizes=\"(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw\" width=\"1800\" height=\"1200\" class=\"lozad \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7baa643943-1699446625\/kuche-fa8a5893-300x200-crop.jpg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7baa643943-1699446625\/kuche-fa8a5893-300x200-crop.jpg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7baa643943-1699446625\/kuche-fa8a5893-300x200-crop.jpg 300w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7baa643943-1699446625\/kuche-fa8a5893-600x400-crop.jpg 600w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7baa643943-1699446625\/kuche-fa8a5893-900x600-crop.jpg 900w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7baa643943-1699446625\/kuche-fa8a5893-1200x800-crop.jpg 1200w, https:\/\/www.schreinerei-birkner.de\/media\/pages\/home\/7baa643943-1699446625\/kuche-fa8a5893-1800x1200-crop.jpg 1800w\" data-sizes=\"(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw\" width=\"1800\" height=\"1200\" class=\"lozad \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-320x.png","html":"<img alt=\"Standort Karte\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-320x.png\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-320x.webp 320w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-480x.webp 480w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-640x.webp 640w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-768x.webp 768w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-1024x.webp 1024w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-1280x.webp 1280w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-1600x.webp 1600w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-1920x.webp 1920w, https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-2560x.webp 2560w\" data-sizes=\"(min-width: 1200px) 25vw,\n (min-width: 900px) 10vw,\n (min-width: 600px) 50vw,\n 100vw\" width=\"526\" height=\"714\" class=\"lozad \">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/site\/5512660644-1699446610\/footer-map-320x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":320,"naturalHeight":434},{"src":"https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg","html":"<img alt=\"\" src=\"https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg\" data-srcset=\"https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 320w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 480w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 640w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 768w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 1024w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 1280w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 1600w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 1920w, https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg 2560w\" data-sizes=\"(min-width: 1200px) 25vw,\n (min-width: 900px) 10vw,\n (min-width: 600px) 50vw,\n 100vw\" width=\"162\" height=\"95\" class=\"lozad \">","currentSrc":"https:\/\/www.schreinerei-birkner.de\/media\/site\/efb9b4f452-1699446610\/logo_white.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":255,"naturalHeight":150}]
- jsLibsVulns
- []
- meta-viewport
- width=device-width,initial-scale=1.0
- possibly-render-blocking-reqs
- ["https:\/\/www.schreinerei-birkner.de\/dist\/assets\/main-e7bc776c.css","https:\/\/www.schreinerei-birkner.de\/dist\/assets\/home-402947b9.css"]
- rendered-html
- <html lang="de"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <style itemscope="" itemtype="https://schema.org/WebSite" itemref="schema_name schema_description schema_image">/* inner styles set by WPT to match CSSOM */</style> <title>Home - Birkner Schreinerei</title> <meta id="schema_name" itemprop="name" content="Home - Birkner Schreinerei"> <meta name="description" content="Natürlich alles aus einer Hand. Ihre Schreinerei für die Nordoberpfalz und Franken."> <meta id="schema_description" itemprop="description" content="Natürlich alles aus einer Hand. Ihre Schreinerei für die Nordoberpfalz und Franken."> <link rel="canonical" href="https://schreinerei-birkner.de"> <link rel="alternate" hreflang="de" href="https://www.schreinerei-birkner.de"> <link rel="alternate" hreflang="x-default" href="https://www.schreinerei-birkner.de"> <meta id="schema_image" itemprop="image" content="https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg"> <meta name="author" content="Birkner Schreinerei"> <meta name="date" content="2023-11-08"> <meta property="og:title" content="Home"> <meta property="og:description" content="Natürlich alles aus einer Hand. Ihre Schreinerei für die Nordoberpfalz und Franken."> <meta property="og:site_name" content="Birkner Schreinerei"> <meta property="og:url" content="https://www.schreinerei-birkner.de"> <meta property="og:type" content="website"> <meta property="og:locale" content="de_DE"> <meta name="twitter:card" content=""> <meta name="twitter:title" content="Home"> <meta name="twitter:description" content="Natürlich alles aus einer Hand. Ihre Schreinerei für die Nordoberpfalz und Franken."> <meta name="twitter:site" content=""> <meta name="twitter:creator" content=""> <meta name="robots" content=""> <script defer="" src="https://www.schreinerei-birkner.de/dist/assets/main-6691b1dd.js" type="module"></script> <link defer="" href="https://www.schreinerei-birkner.de/dist/assets/main-e7bc776c.css" rel="stylesheet"> <script src="https://www.schreinerei-birkner.de/dist/assets/home-57ca7485.js" type="module"></script> <link href="https://www.schreinerei-birkner.de/dist/assets/home-402947b9.css" rel="stylesheet"></head> <body @cookies:saved="turnstileLoaded = $event.detail.includes('functional')" x-data="{ turnstileLoaded: false }"> <main class="tracking-[0.15em] font-nexa main text-timber-green"> <nav class="fixed min-h-[88px] inset-x-0 z-50 p-6 duration-500 ease-out transition-bg-color" x-data="{ scrolled: false, sectionTop: true, prevScrollPos: 0 }" :class="{ 'bg-white shadow-lg': !sectionTop && !scrolled }" @scroll.window="scrolled = window.scrollY > prevScrollPos; prevScrollPos = window.scrollY; sectionTop = window.scrollY <= $el.offsetHeight" x-init="sectionTop = window.scrollY <= $el.offsetHeight" x-show="!sectionTop && !scrolled || sectionTop" x-transition:enter="!transition duration-500" x-transition:enter-start="-translate-y-full" x-transition:leave="!transition duration-500" x-transition:leave-end="-translate-y-full"> <div class="flex content-center justify-between md:mx-4 lg:mx-12 xl:mx-20"> <a href="/" class="w-16 md:w-32" :class="!sectionTop ? 'md:w-16' : 'md:w-32'" aria-label="home"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 226.865 133.443"> <path d="M86.013,293.893a5.272,5.272,0,0,1,.094-1.206q.076-.6.208-1.2t.264-1.159c.088-.372.167-.748.264-1.076.149-.5.327-1.045.452-1.595s.25-1.044.376-1.483q.213-.772.426-1.547t.426-1.553q.213-.778.426-1.558t.434-1.564q.221-.783.451-1.57T90.3,276.8l.338-1.186c.1-.356.2-.712.338-1.188q.3-.877.526-1.732.113-.427.234-.9c.081-.315.154-.665.253-.99s.237-.7.338-1.045.217-.789.337-1.319c.077-.341.131-.63.168-.855a1.681,1.681,0,0,1,.168-.623c.1-.108.388-.236.564-.4a.416.416,0,0,1,.6.023.181.181,0,0,0,.207.013q.131-.054.17.214l.075.03a.454.454,0,0,1,.113.162c.025.062.056.183.113.319a4.331,4.331,0,0,1,.171,1.115,7.875,7.875,0,0,1,0,.979q-.032.532-.125,1.149-.151.33-.338.7a5.632,5.632,0,0,0-.3.7,1.81,1.81,0,0,1-.15.6c-.138.348-.288.679-.413.977s-.251.635-.375,1.009-.244.768-.357,1.18a8.613,8.613,0,0,1-.394,1.141.677.677,0,0,1-.019.157.825.825,0,0,0-.018.2,10.766,10.766,0,0,0-.376,1.058c-.125.411-.27.811-.376,1.172-.139.475-.257.967-.394,1.4s-.264.885-.395,1.32c-.14.467-.282.892-.395,1.258s-.245.734-.395,1.1-.268.766-.39,1.159-.236.794-.343,1.2-.221.794-.344,1.161-.253.711-.391,1.035c-.18.568-.331,1.04-.472,1.48l-.412,1.286c-.141.438-.291.908-.472,1.469q-.189.5-.339,1.014a4.358,4.358,0,0,1-.339.859,1.114,1.114,0,0,1-.415.083c-.151,0-.234-.128-.264-.373a1.612,1.612,0,0,1,.019-.529,1.378,1.378,0,0,0-.019-.49" transform="translate(-53.529 -165.849)" fill="#1e1e1e"></path> <path d="M118.577,291.848c-.2.143-.289.208-.264.193s0,.15-.113.27a6.273,6.273,0,0,1-.773.493,9.33,9.33,0,0,1-1.131.6,6.238,6.238,0,0,1-1.263.421,2.737,2.737,0,0,1-1.132-.048,3.061,3.061,0,0,1-1.038-.292,3.847,3.847,0,0,1-.737-.66.49.49,0,0,0-.114-.4.979.979,0,0,1-.19-.475l-.038-.039a7.37,7.37,0,0,1-.19-.715.449.449,0,0,1-.019-.22c.012-.066,0-.179.019-.261a.316.316,0,0,0,0-.18.744.744,0,0,1-.038-.259c-.052-.452-.083-.8-.1-1.058a9.854,9.854,0,0,1,.017-1.023,2,2,0,0,0-.376.479,1.125,1.125,0,0,1-.527.444c.025.053,0,.12-.075.2l-.151.127-.113.245-.094.1-.057.062c-.051.056-.088.084-.113.085a.6.6,0,0,0,.151-.146c.025-.041.011-.018-.038.022s-.082.057-.094.084a.332.332,0,0,1-.057.082l-.075.043-.038.041-.113.124-.038,0c-.051.056-.075.09-.075.1s.012.006.038-.021q-.49.54-.974,1.045t-.965.979q-.48.474-.993.935t-1.059.911a1.028,1.028,0,0,0-.339.148.859.859,0,0,1-.453.113c.025,0-.022.048-.113.082a5.385,5.385,0,0,1-.868.164,1.986,1.986,0,0,1-.829-.032v-.039c0-.026-.026-.038-.076-.037a1.387,1.387,0,0,1-.717-.267,1.344,1.344,0,0,1-.415-.547,1.223,1.223,0,0,1-.133-.285c-.012-.089-.032-.2-.057-.327a2.138,2.138,0,0,1,.074-1.126c.125-.366.289-.719.414-1.025a3.512,3.512,0,0,1,.6-1.019q.414-.467.753-.914.357-.292.739-.576t.786-.562q.4-.277.786-.594t.739-.673q.527-.267.979-.551a4.575,4.575,0,0,1,1.092-.481,1.677,1.677,0,0,0,.434-.006,1.336,1.336,0,0,1,.471-.008.626.626,0,0,1,.415.335.475.475,0,0,1-.037.48q-.754.442-1.469.8t-1.356.746a4.064,4.064,0,0,0-1.092.964q-.452.574-.979,1.147,0,.118-.188.205a1.874,1.874,0,0,1-.489.844.1.1,0,0,1-.056.1c-.038.014-.044.048-.019.1a2.5,2.5,0,0,0-.47.723,3.69,3.69,0,0,0-.244.945.274.274,0,0,0,.094.114.873.873,0,0,1,.132.112.316.316,0,0,1,.283-.049.6.6,0,0,0,.358-.052,2.526,2.526,0,0,0,.358-.209c.113-.083.232-.165.358-.249q.414-.329.848-.7t.848-.744q.545-.536,1.068-1.084T108.895,289q.5-.561,1-1.144t1.011-1.192c.075-.084.081-.1.019-.041s-.138.127-.226.212a1.923,1.923,0,0,1-.226.192c-.063.043-.057.01.019-.1a3.711,3.711,0,0,0,.489-.586,5.588,5.588,0,0,1,.452-.586,8.9,8.9,0,0,0,.564-.795q.263-.416.564-.837a.186.186,0,0,1,.113-.107c.05-.016.076-.038.076-.065a1.144,1.144,0,0,0,.094-.288.394.394,0,0,1,.094-.207,4.442,4.442,0,0,1,.262-.964,7.338,7.338,0,0,0,.3-.927q.375-.832.675-1.7a17.956,17.956,0,0,1,.713-1.672c.145-.314.276-.651.417-.95s.283-.579.427-.841q.432-.785.845-1.635a3.813,3.813,0,0,0,.564-.965,2.876,2.876,0,0,1,.488-.839,1.24,1.24,0,0,0,.4-.28.655.655,0,0,1,.433-.2.42.42,0,0,1,.17.026.147.147,0,0,0,.17-.056.481.481,0,0,1,.321.341,2.374,2.374,0,0,1,.114.627,3.039,3.039,0,0,1-.036.68,1.352,1.352,0,0,1-.168.506.523.523,0,0,1,.057.426,1.827,1.827,0,0,1-.169.485.346.346,0,0,1-.074.436.3.3,0,0,0-.113.357.262.262,0,0,0-.15.216.267.267,0,0,1-.113.213.52.52,0,0,1-.112.5l-.113.254a1.6,1.6,0,0,0-.113.376c-.126.065-.188.143-.188.239a.339.339,0,0,1-.075.231,1.875,1.875,0,0,1-.169.359.99.99,0,0,0-.131.356.459.459,0,0,0-.245.3.955.955,0,0,1-.207.382.184.184,0,0,1-.037.125c-.025.029-.013.056.038.079q-.377.6-.677,1.125a11.547,11.547,0,0,0-.488,1.11,6.287,6.287,0,0,0-.319.792q-.131.455-.206.783a2.6,2.6,0,0,0-.187.538c-.025.082-.056.173-.094.269s-.081.228-.131.393l-.094.208a.69.69,0,0,0-.056.287.858.858,0,0,1-.037.245v.04a.112.112,0,0,0,.038.079,10.032,10.032,0,0,1-.394,1.033q-.207.456-.394.909a5.7,5.7,0,0,0-.3.963,7.477,7.477,0,0,0-.149,1.2c.025,0,.038.006.038.019s-.013.021-.038.022q0,.605-.017,1.09a1.61,1.61,0,0,0,.285,1.039,2.007,2.007,0,0,0,1.452-.11q.7-.287,1.188-.549.263-.131.81-.436t1.244-.678q.7-.373,1.489-.773t1.583-.719a1.9,1.9,0,0,1,.171.282q.057.122-.131.336a.181.181,0,0,0-.132.066c-.038.043-.069.065-.094.066,0,.028.025.04.076.039v.042a3.1,3.1,0,0,0-.32.218,1.67,1.67,0,0,1-.4.22c0,.028-.006.041-.019.042s-.019.028-.019.083a.485.485,0,0,0-.415.179.724.724,0,0,1-.3.258,5.664,5.664,0,0,0-.49.448q-.226.233-.527.489c0-.054-.039-.067-.114-.037s-.088.058-.037.083c-.126.032-.2.069-.226.11a.3.3,0,0,1-.113.106m-8.832-1.689c0,.027-.013.04-.038.041l-.075.083.037-.041.076-.083m0,0c.025,0,.038-.008.038-.022s.012-.02.037-.022c-.025,0-.037.008-.037.022s-.013.02-.038.022m.075-.043.076-.083a.112.112,0,0,1-.076.043v.04m11.847-.553a.152.152,0,0,0-.113.045.152.152,0,0,1,.113-.045" transform="translate(-63.239 -169.586)" fill="#1e1e1e"></path> <path d="M153.193,310.3a2.331,2.331,0,0,1-.66.328c-.239.076-.478.169-.7.246-.285.1-.641.182-1.019.274a4.526,4.526,0,0,1-1.132.131,2.855,2.855,0,0,1-1.076-.219,2,2,0,0,1-.851-.737,1.779,1.779,0,0,1-.3-.893,4.027,4.027,0,0,1,.073-1.089,7.592,7.592,0,0,1,.319-1.119,10.842,10.842,0,0,1,.432-1.023,1.262,1.262,0,0,0,.3-.423,2.3,2.3,0,0,0,.15-.418q.4-.531.8-1.043t.833-1.008a9.571,9.571,0,0,1,.861-.888,7.075,7.075,0,0,1,.89-.685,5.93,5.93,0,0,1,.867-.541q.452-.229.829-.457a1.463,1.463,0,0,0,.245-.179.433.433,0,0,1,.283-.1,3.979,3.979,0,0,1,1.123.076,1.185,1.185,0,0,1,.652.362,1.5,1.5,0,0,1,.418,1.009.8.8,0,0,1-.264.389,2.683,2.683,0,0,0-.339.433c-.1.141-.239.282-.339.412a1.79,1.79,0,0,0-.226.365q-.5.509-1,.979t-1,.9q-.5.431-1,.823a2.179,2.179,0,0,1-1,.492,3.908,3.908,0,0,1-1.264.088,3.872,3.872,0,0,0-.451.656,4.11,4.11,0,0,0-.357.837,2.585,2.585,0,0,0-.111.868.916.916,0,0,0,.322.712,2.037,2.037,0,0,0,1.321-.2,10.489,10.489,0,0,1,1.094-.446c.274-.092.566-.2.868-.316a8.549,8.549,0,0,0,.792-.356q.792-.44,1.3-.728t.962-.553q.452-.265.942-.575c.327-.206.745-.488,1.244-.8.389-.241.811-.484,1.226-.737s.811-.5,1.187-.737a2.336,2.336,0,0,1,.415-.332,2.382,2.382,0,0,1,.49-.208.181.181,0,0,0,.094-.046.176.176,0,0,1,.094-.046c.226-.008.34.031.34.116a.735.735,0,0,1-.169.367,4.789,4.789,0,0,1-.414.5,2.9,2.9,0,0,0-.4.521c.025,0-.006.036-.094.109a3.215,3.215,0,0,1-.3.221,5.076,5.076,0,0,0-.433.331q-.415.352-1.018.771l-1.206.837q-.6.417-1.131.768a8.471,8.471,0,0,1-.792.483l-1.357.748-1.357.745m-2.727-4.187a1.239,1.239,0,0,0,.66-.232c.213-.146.421-.291.622-.438q.377-.346.763-.731t.781-.807q.4-.422.753-.85t.678-.86c.05,0,.076-.045.075-.129a7.5,7.5,0,0,0-1.277.725,7.619,7.619,0,0,0-1.116.963q-.518.542-1,1.132t-.936,1.227" transform="translate(-91.775 -187.012)" fill="#1e1e1e"></path> <path d="M181.488,309.287a2.279,2.279,0,0,1-.66.333c-.239.076-.478.171-.7.248-.285.1-.641.182-1.019.275a4.44,4.44,0,0,1-1.132.128,2.8,2.8,0,0,1-1.077-.231,2.025,2.025,0,0,1-.851-.762,1.876,1.876,0,0,1-.3-.919,4.259,4.259,0,0,1,.073-1.118,7.9,7.9,0,0,1,.318-1.147,11.257,11.257,0,0,1,.432-1.047,1.281,1.281,0,0,0,.3-.432,2.371,2.371,0,0,0,.15-.427q.4-.541.8-1.063t.833-1.026a9.416,9.416,0,0,1,.862-.9,7.01,7.01,0,0,1,.89-.693,5.861,5.861,0,0,1,.868-.544q.453-.23.83-.459a1.413,1.413,0,0,0,.245-.18.424.424,0,0,1,.283-.1,3.91,3.91,0,0,1,1.124.091,1.2,1.2,0,0,1,.653.378,1.566,1.566,0,0,1,.418,1.036.8.8,0,0,1-.264.395,2.7,2.7,0,0,0-.339.44c-.1.142-.239.286-.339.418a1.806,1.806,0,0,0-.226.371q-.5.516-1.005.992t-1.005.913q-.5.437-1.005.834a2.143,2.143,0,0,1-1,.5,3.815,3.815,0,0,1-1.265.08,3.93,3.93,0,0,0-.452.669,4.264,4.264,0,0,0-.357.856,2.727,2.727,0,0,0-.111.891.956.956,0,0,0,.322.732,2.009,2.009,0,0,0,1.321-.2,10.2,10.2,0,0,1,1.094-.45c.274-.093.566-.2.868-.318a8.53,8.53,0,0,0,.792-.359q.792-.445,1.3-.736t.962-.558q.453-.268.943-.581c.327-.208.745-.493,1.245-.8.389-.243.811-.487,1.226-.742s.811-.5,1.189-.742a1.913,1.913,0,0,1,.906-.542.178.178,0,0,0,.094-.046.175.175,0,0,1,.094-.046c.227-.006.34.034.34.121a.752.752,0,0,1-.169.372,4.874,4.874,0,0,1-.415.507,2.914,2.914,0,0,0-.4.529c.025,0-.006.036-.094.11a3.163,3.163,0,0,1-.3.223,4.921,4.921,0,0,0-.434.334q-.415.356-1.018.779l-1.207.846q-.6.422-1.132.777a8.57,8.57,0,0,1-.792.489l-1.358.757-1.358.754m-2.729-4.311a1.21,1.21,0,0,0,.66-.233q.319-.221.622-.444.377-.351.763-.742t.782-.819q.4-.429.753-.863t.678-.873c.05,0,.075-.045.075-.131a7.309,7.309,0,0,0-1.278.728,7.6,7.6,0,0,0-1.117.976q-.518.55-1,1.15t-.936,1.25" transform="translate(-109.385 -186.246)" fill="#1e1e1e"></path> <path d="M207.45,306.526a.734.734,0,0,0,.453-.291,2.432,2.432,0,0,1,.415-.421q.49-.509.961-1.018t.924-1.02a11.7,11.7,0,0,1,.98-.979,13.136,13.136,0,0,1,1.132-.9q.415-.314.944-.677a2.2,2.2,0,0,1,1.058-.418,1.314,1.314,0,0,1,.813.309,1.017,1.017,0,0,1,.473.711,3.057,3.057,0,0,1-.093,1.008c-.088.352-.192.7-.244,1.01-.037.218-.081.614-.168,1.139s-.174,1.082-.262,1.665-.156,1.138-.205,1.663a6.267,6.267,0,0,0-.036,1.136q.339-.179.6-.314c.176-.09.392-.217.642-.358.268-.152.447-.239.51-.269s.107-.052.132-.068a.837.837,0,0,0,.113-.089c.05-.044.262-.15.491-.335.173-.14.352-.347.528-.511a2.381,2.381,0,0,1,.529-.38.834.834,0,0,1,.415-.093q.3-.223.585-.4a2.053,2.053,0,0,0,.472-.4q.34.172.341.325a1.206,1.206,0,0,1-.075.375,2.5,2.5,0,0,1-.755.712q-.226.31-.377.487a1.332,1.332,0,0,1-.415.312q-.416.4-.528.511c-.076.074-.132.133-.17.177a.952.952,0,0,1-.188.156c-.088.06-.287.233-.585.445-.256.182-.585.408-.924.689a3.215,3.215,0,0,1-.962.6,4.514,4.514,0,0,1-.7.139c-.214.032-.429.032-.586.05-.253.029-.523-.1-.737-.492a2.248,2.248,0,0,1-.323-1.064,6.928,6.928,0,0,1,.112-.895q.112-.677.243-1.443t.262-1.465c.087-.466.151-.794.168-.963a9.1,9.1,0,0,1,.149-1.093q.112-.482.187-.964a1.292,1.292,0,0,0-.529.317l-.453.446q-.679.626-1.32,1.247t-1.282,1.374q-.378.4-.83.8a8.9,8.9,0,0,0-.867.884q-.641.792-1.159,1.449t-.913,1.182c-.527.7-.925,1.074-1.169,1.139a.881.881,0,0,1-.7-.162.973.973,0,0,1-.473-.6,1.2,1.2,0,0,1,.056-.517c.062-.23.131-.447.207-.649q.168-.907.4-1.724a14.563,14.563,0,0,1,.535-1.547q.3-.729.582-1.486t.545-1.542a2.876,2.876,0,0,1,.226-.481,2.446,2.446,0,0,0,.225-.482,3.888,3.888,0,0,0,.112-.587,2.452,2.452,0,0,1,.074-.5c.024-.052.107-.14.17-.243a.937.937,0,0,1,.207-.244.923.923,0,0,1,.926-.2.825.825,0,0,1,.587.59,1.337,1.337,0,0,1,0,.91q-.188.4-.376.746a1.855,1.855,0,0,0-.074.522,1.458,1.458,0,0,1-.075.478q-.225.613-.47,1.224t-.469,1.352" transform="translate(-127.008 -187.14)" fill="#1e1e1e"></path> <path d="M266.816,300.8q.113.132.642-.114t1.3-.671q.387-.212.817-.452t.9-.508q.472-.268.944-.5t.945-.436a5.222,5.222,0,0,0,.623-.268,4.3,4.3,0,0,0,.548-.312l.6-.445a1.853,1.853,0,0,1,.718-.312c.1-.03.151-.082.151-.156s.012-.051.038.067c.05.03.088.037.114.022a.058.058,0,0,1,.076.022.927.927,0,0,1-.189.488l-.264.267q-.3.311-.643.6c-.227.193-.545.352-.755.512s-.5.46-.812.667a10.376,10.376,0,0,1-.926.58,7.263,7.263,0,0,0-1.19.8q-.387.312-.793.635t-.831.657q-.425.334-.817.629t-.75.551q-.718.513-.982.381c-.076.089-.126.126-.151.111a.336.336,0,0,0-.151-.021,3.112,3.112,0,0,1-1.039-.15,1.44,1.44,0,0,1-.737-.636,2.5,2.5,0,0,1,0-1.06q.113-.531.3-1.195.113-.353.245-.664c.088-.207.142-.456.207-.665s.2-.487.3-.754.188-.517.264-.753q.207-.51.424-1.025t.443-1.038q.227-.521.472-1t.51-.928a2.14,2.14,0,0,1,.567-.271.351.351,0,0,1,.321.019.23.23,0,0,0,.284.02,1.823,1.823,0,0,0,.246.307.618.618,0,0,1,.171.353c.029.2.044.369.057.486a.943.943,0,0,1-.057.4,1.127,1.127,0,0,1-.151.665,1.1,1.1,0,0,0-.113.288,2.168,2.168,0,0,1-.113.333c-.025.03-.044.037-.057.023s-.032-.007-.057.023a.144.144,0,0,0-.076.133.145.145,0,0,1-.075.133q-.264.622-.566,1.287t-.566,1.264a6.862,6.862,0,0,0-.377,1.042q-.113.443,0,.575m1.542-10.808c-.026-.088.038-.251.189-.489a4.188,4.188,0,0,1,.529-.669,2,2,0,0,1,.6-.449.363.363,0,0,1,.492.128.211.211,0,0,1,.133.043.167.167,0,0,0,.095.044,1.057,1.057,0,0,1,.171.862.951.951,0,0,1-.4.69c.025.059.025.1,0,.111s-.038.052-.038.111c-.075-.058-.107-.028-.094.089s-.032.148-.132.089a.27.27,0,0,1-.094.267.386.386,0,0,0-.133.267c-.051-.029-.076-.036-.076-.022s-.025.022-.076.023a.568.568,0,0,1-.321.335.81.81,0,0,0-.359.291.215.215,0,0,0-.133.045c-.037.03-.111,0-.208-.042a.559.559,0,0,1-.3-.285,1.073,1.073,0,0,1-.057-.464,2.624,2.624,0,0,1,.094-.532q.075-.266.113-.444" transform="translate(-164.42 -179.477)" fill="#1e1e1e"></path> <path d="M289.1,305.373a.717.717,0,0,0,.453-.288,2.38,2.38,0,0,1,.416-.422q.492-.511.964-1.021t.926-1.02a11.247,11.247,0,0,1,.983-.974,12.63,12.63,0,0,1,1.134-.885q.416-.309.945-.662a2.124,2.124,0,0,1,1.059-.4,1.336,1.336,0,0,1,.813.336,1.065,1.065,0,0,1,.472.734,3.119,3.119,0,0,1-.095,1.019c-.088.354-.194.709-.246,1.018-.037.22-.082.621-.171,1.152s-.177,1.093-.265,1.684-.158,1.152-.208,1.684a6.475,6.475,0,0,0-.039,1.152c.227-.117.428-.22.6-.308s.393-.214.642-.353c.268-.149.448-.234.51-.264s.107-.051.132-.066a.807.807,0,0,0,.114-.088c.05-.044.264-.147.492-.33.173-.139.353-.345.529-.507a2.318,2.318,0,0,1,.53-.374.816.816,0,0,1,.415-.086q.3-.22.586-.4a1.99,1.99,0,0,0,.473-.4q.34.18.34.334a1.2,1.2,0,0,1-.076.376,2.448,2.448,0,0,1-.756.7c-.151.206-.278.368-.378.485a1.3,1.3,0,0,1-.416.307q-.416.4-.529.507c-.076.074-.133.132-.17.176a.948.948,0,0,1-.189.154c-.088.059-.288.231-.586.441-.256.18-.586.4-.926.684a3.154,3.154,0,0,1-.964.6,4.383,4.383,0,0,1-.7.131c-.214.029-.429.027-.586.043-.252.026-.523-.112-.737-.511a2.333,2.333,0,0,1-.321-1.087,7.076,7.076,0,0,1,.113-.909q.114-.687.246-1.463t.265-1.485c.088-.472.153-.8.17-.975a9.343,9.343,0,0,1,.152-1.108q.113-.486.189-.974a1.25,1.25,0,0,0-.529.309l-.454.442q-.681.62-1.323,1.239t-1.285,1.374q-.379.4-.832.8a8.677,8.677,0,0,0-.869.887q-.642.8-1.162,1.465t-.916,1.2c-.529.71-.928,1.09-1.171,1.155a.867.867,0,0,1-.7-.176,1.015,1.015,0,0,1-.473-.619,1.262,1.262,0,0,1,.057-.532c.062-.236.132-.458.208-.665q.17-.931.406-1.768a14.931,14.931,0,0,1,.538-1.581q.3-.743.585-1.514t.548-1.57a2.894,2.894,0,0,1,.227-.488,2.482,2.482,0,0,0,.227-.488,3.984,3.984,0,0,0,.113-.6,2.541,2.541,0,0,1,.076-.51c.024-.052.107-.14.17-.245a.914.914,0,0,1,.208-.244.893.893,0,0,1,.927-.179.867.867,0,0,1,.586.62,1.393,1.393,0,0,1,0,.932c-.126.266-.252.518-.378.754a1.937,1.937,0,0,0-.076.532,1.509,1.509,0,0,1-.076.488q-.226.621-.472,1.242t-.472,1.375" transform="translate(-177.827 -186.341)" fill="#1e1e1e"></path> <path d="M369.244,271.753c-.051.027-.057.033-.019.02a.275.275,0,0,1,.094-.018c.025.085-.045.147-.208.184s-.283.069-.359.094a.618.618,0,0,1-.341.2l-.3,1.052q-.114.294-.228.524a3.093,3.093,0,0,0-.19.483,3.934,3.934,0,0,0-.4,1.286,4.676,4.676,0,0,1-.362,1.289,2.128,2.128,0,0,0-.151.188,1.555,1.555,0,0,0-.152.273,9.671,9.671,0,0,0-.381,1.228q-.152.637-.3,1.231c-.051.2-.1.4-.153.616s-.1.442-.152.659c-.043.165-.1.361-.153.574a5.5,5.5,0,0,1-.152.574,1.884,1.884,0,0,1-.152.3,2.779,2.779,0,0,0-.152.3,4.453,4.453,0,0,0-.267,1.109,4.235,4.235,0,0,1-.171.533,3.091,3.091,0,0,0-.134.533,7.274,7.274,0,0,0-.229,1.068,2.514,2.514,0,0,1-.38,1.026c-.126.057-.214.057-.264,0a.453.453,0,0,0-.188-.128.264.264,0,0,0-.114.128c-.025.057-.1.057-.226,0l-.188-.257q.108-.814.232-1.608t.267-1.565q.142-.771.3-1.522t.336-1.479q.177-.728.371-1.435.243-.883.484-1.76t.482-1.746q.241-.869.48-1.732t.477-1.718a.564.564,0,0,0-.491.092.5.5,0,0,1-.453.094l-1.76.546-1.751.543-1.743.538q-.869.268-1.751.529t-1.776.515q-.895.254-1.8.5-.21.778-.419,1.547t-.418,1.527l-.418,1.517q-.21.759-.418,1.52-.114.477-.228,1c-.076.348-.1.781-.191,1.087a4.1,4.1,0,0,0-.228.87.7.7,0,0,0-.415.042,1.173,1.173,0,0,1-.416.086,1.128,1.128,0,0,1-.433-.328.365.365,0,0,0-.51-.068,2.334,2.334,0,0,1-.092-1.135q.1-.567.172-1.09.133-.829.281-1.613t.31-1.524q.162-.74.328-1.49t.338-1.511a12.356,12.356,0,0,0-1.354.292,13.063,13.063,0,0,0-1.342.449,14.4,14.4,0,0,0-1.329.607q-.661.343-1.309.654t-1.279.589q-.632.277-1.25.523-.3.173-.661.347a3.554,3.554,0,0,1-.7.259,6.935,6.935,0,0,0-.737.216,2.252,2.252,0,0,1-.7.129,1.985,1.985,0,0,1-1.133-.271c-.126-.06-.259-.119-.4-.178a1.758,1.758,0,0,1-.4-.179c-.057-.059-.125-.265-.226-.443a1.006,1.006,0,0,1-.151-.486.5.5,0,0,1,.095-.33,1.789,1.789,0,0,0,.208-.33q.832-.369,1.659-.749t1.649-.768q.822-.389,1.677-.754c.57-.243,1.153-.481,1.744-.705.526-.2,1.066-.394,1.611-.587s1.1-.384,1.658-.572,1.136-.359,1.725-.513,1.192-.29,1.81-.409q.228-.837.462-1.659t.475-1.628q.241-.806.488-1.6t.509-1.579q.262-.789.538-1.576t.568-1.572q.19-.557.4-1.118t.437-1.126q.228-.565.428-1.157t.371-1.212q.19-.553.362-1.173c.114-.412.291-.829.437-1.211s.273-.786.438-1.166a4.6,4.6,0,0,0,.286-1.172,1,1,0,0,0,0-.345.607.607,0,0,1,0-.3c.051-.227.29-.423.719-.585a2.159,2.159,0,0,1,1.172-.169,2.831,2.831,0,0,1,.642.3,2.368,2.368,0,0,1,.6.487,2.193,2.193,0,0,1,.414.69,1.667,1.667,0,0,1,.074.862,2.178,2.178,0,0,1-.437.984,5.069,5.069,0,0,0-.588.978l-.455,1.008-.456,1.01q-.228.527-.441,1.061t-.413,1.075q-.2.541-.4,1.077t-.413,1.067q-.3.679-.6,1.369t-.576,1.392q-.283.7-.555,1.414t-.53,1.457q-.258.744-.5,1.517t-.471,1.578q.945-.21,1.873-.421t1.839-.421q.911-.211,1.806-.421.671-.158,1.363-.291t1.405-.242q.713-.108,1.448-.191t1.49-.142q.266-.782.535-1.554t.541-1.537q.272-.764.547-1.52t.553-1.5q.278-.747.56-1.485t.565-1.473q.284-.735.571-1.468t.578-1.464q.29-.731.583-1.459t.589-1.454a1.619,1.619,0,0,1,.172-.722c.114-.229.213-.5.322-.752.148-.339.342-.693.493-1.03s.29-.742.456-1.114c.126-.285.284-.576.4-.845a1.606,1.606,0,0,0,.059-.957,2.972,2.972,0,0,1,.3-.725q.189-.317.455-.709.189-.233.36-.466a1.96,1.96,0,0,1,.359-.381.806.806,0,0,1,.548-.174,1.664,1.664,0,0,1,.622.146,1.389,1.389,0,0,1,.509.385,1.084,1.084,0,0,1,.244.585q0,.125,0,.311a1.059,1.059,0,0,1-.038.307,3.055,3.055,0,0,1-.266.742,4.366,4.366,0,0,0-.3.781q-.246.537-.493,1.108t-.493,1.174q-.247.6-.493,1.167t-.493,1.086c-.268.591-.492,1.085-.7,1.546l-.611,1.354c-.209.463-.432.96-.7,1.558q-.191.45-.342.817t-.341.735a1.048,1.048,0,0,1-.114.182,1,1,0,0,0-.114.182q-.228.533-.4,1.07t-.361,1.032q-.323.762-.627,1.532t-.589,1.549q-.285.779-.561,1.565t-.541,1.58l1.46-.174,1.511-.177,1.561-.181q.793-.091,1.594-.129t1.611-.023q.809.015,1.627.082c-.126.077-.157.165-.095.265a1.263,1.263,0,0,0,.245.28.326.326,0,0,1-.208.094.325.325,0,0,0-.208.094.737.737,0,0,0,.208-.032.366.366,0,0,1,.283.054c-.025.055-.1.072-.226.052s-.2.011-.227.093q-.982.038-1.774.149t-1.662.2c-.051-.03-.05-.016,0,.042s.075.073.076.045c0,.028-.12.086-.359.173s-.384.145-.434.171a3.8,3.8,0,0,1-1.1.125l-.415.11a.606.606,0,0,1-.3.073,1,1,0,0,0-.3.031.794.794,0,0,0-.227.118.753.753,0,0,1-.265.116l-.037-.043-.076-.087a.509.509,0,0,0-.208.056c-.088.039-.17.072-.246.1q-.6.147-1.1.257a2.616,2.616,0,0,0-.907.392Z" transform="translate(-211.039 -153.677)" fill="#1e1e1e"></path> <path d="M444.974,306.751a1.834,1.834,0,0,1-.039.63,2,2,0,0,1-.228.541,4.7,4.7,0,0,0-.19.523,2.817,2.817,0,0,1-.265.561,2.47,2.47,0,0,0-.549.818,1.68,1.68,0,0,1-.549.738,15.7,15.7,0,0,1-1.286,1.295,8.269,8.269,0,0,1-1.116.814,1.394,1.394,0,0,1-1,.265,2.351,2.351,0,0,1-1.17.159,2.543,2.543,0,0,1-1.019-.356,2.334,2.334,0,0,1-.753-.768,2.691,2.691,0,0,1-.375-1.114.871.871,0,0,1-.037-.314.358.358,0,0,1,.114-.309.831.831,0,0,1,.02-.625,1.6,1.6,0,0,0,.133-.58l.342-1.051.342-1.049a.177.177,0,0,0,.132-.141c.013-.068.044-.1.095-.1a5.558,5.558,0,0,1,.626-1.138,12.814,12.814,0,0,1,.814-1.042q.228-.321.511-.68a4.452,4.452,0,0,1,.605-.632,1.45,1.45,0,0,1,.661-.338.7.7,0,0,1,.641.239,2.167,2.167,0,0,1,.641.28c.025.057.056.058.094,0a.09.09,0,0,1,.132-.034.48.48,0,0,1,.283.015,3.09,3.09,0,0,1,.434.146c.15.063.289.125.414.186a.857.857,0,0,1,.264.177l.376.592q.453-.1,1.415-.212.481-.056.986-.094t1.033-.06q.528-.022,1.018-.014t.943.043a2.626,2.626,0,0,1,1.319.377.13.13,0,0,0,.094.045.134.134,0,0,1,.094.046.113.113,0,0,0,.076.044q.226-.027.245.054c.013.054.069.084.17.089.125.114.151.228.075.344a.575.575,0,0,1-.265.244,3.553,3.553,0,0,0-.509.092,1.537,1.537,0,0,1-.189.13.732.732,0,0,1-.321.063c-.15.006-.44,0-.867-.026a8.042,8.042,0,0,0-1.113.023,9.334,9.334,0,0,0-1.189.182c-.4.088-.787.171-1.151.248s-.674.151-.925.221a1.187,1.187,0,0,0-.039.263c0,.068,0,.13,0,.184m-2.712-2.09a2.03,2.03,0,0,0-.377-.1.473.473,0,0,1-.339-.181l-.113.119a1.412,1.412,0,0,0-.36.477,4.309,4.309,0,0,1-.322.6c-.107.156-.29.4-.492.722s-.4.665-.606,1.029-.386.716-.55,1.056a2.854,2.854,0,0,0-.285.8q-.115.535-.3,1.151a1.658,1.658,0,0,0,.072,1.205,5.585,5.585,0,0,0,1.455-.786,8.086,8.086,0,0,0,1.153-1.077l.228-.281c.1-.188.29-.539.568-1.048a10.7,10.7,0,0,0,.7-1.573,4.068,4.068,0,0,0,.268-1.443c-.012-.424-.345-.58-.7-.669" transform="translate(-271.633 -188.505)" fill="#1e1e1e"></path> <path d="M476.928,267.719c.078.136.213.26.263.344a.844.844,0,0,1,0,.43,1.41,1.41,0,0,1-.132.512c-.088.159-.2.311-.245.421-.074.18-.12.423-.208.583a2.163,2.163,0,0,0-.208.623q-.189.489-.373.984t-.364,1q-.18.5-.373.97a6.562,6.562,0,0,1-.4.9,6.059,6.059,0,0,0-.623,1.088q-.208.574-.4,1.19-.328.8-.656,1.619t-.656,1.645q-.328.829-.656,1.671t-.644,1.706q-.315.864-.619,1.75t-.594,1.795a8.391,8.391,0,0,1-.361,1.428,11.255,11.255,0,0,0-.4,1.469,1.357,1.357,0,0,1-.076.479,4,4,0,0,0-.154,1.361.267.267,0,0,0-.265.134.323.323,0,0,1-.227.176.385.385,0,0,1-.4-.271c-.062-.176-.169-.253-.321-.23a.842.842,0,0,0-.207-.328.559.559,0,0,1-.169-.368,6.293,6.293,0,0,1,.154-1.206,8.847,8.847,0,0,1,.266-1.12q.134-.861.314-1.675t.409-1.577q.228-.763.456-1.5t.455-1.445a.1.1,0,0,0-.076.036l.038-.038v-.08a.337.337,0,0,0,.189-.25,1.427,1.427,0,0,1,.114-.334q.151-.552.455-1.393t.644-1.715q.341-.874.662-1.685t.511-1.272v-.04q.227-.478.43-.966t.383-.988q.18-.5.364-1.006c.123-.338.245-.685.373-1.022.193-.5.391-1.034.567-1.582s.338-1.067.492-1.543c.122-.378.186-.806.265-1.151.032-.141.232-.261.546-.329a1.379,1.379,0,0,1,.771.014.961.961,0,0,1,.432.287c.088.114.151.337.244.5" transform="translate(-290.971 -166.113)" fill="#1e1e1e"></path> <path d="M492.058,313.541a3.058,3.058,0,0,1,1.282-.169q.565.064.678.315c.076.168-.057.362-.4.587a3.347,3.347,0,0,1-.731.335,12.083,12.083,0,0,1-1.173.328,4.285,4.285,0,0,1-.547.132q-.472.1-.98.174t-.867.142c-.239.043-.308.054-.207.031a6.94,6.94,0,0,0-.962.257q-.585.193-1.245.386t-1.246.332a2.149,2.149,0,0,1-.962.05,1.057,1.057,0,0,0-.264.032.418.418,0,0,1-.3-.048.884.884,0,0,1-.359.108,1.818,1.818,0,0,0-.434.106.614.614,0,0,0-.434-.012.724.724,0,0,1-.472-.013.354.354,0,0,1-.283-.067,3.175,3.175,0,0,0-.358-.227c-.115-.048-.22-.072-.207-.125s-.019-.12-.094-.2a2.108,2.108,0,0,1,.059-1.445,4.064,4.064,0,0,1,.832-1.256,8.368,8.368,0,0,1,1.17-1.017,12.179,12.179,0,0,0,1.038-.817.985.985,0,0,1,.245-.243c.138-.111.283-.234.434-.37a4.546,4.546,0,0,1,.434-.349.844.844,0,0,1,.245-.144.513.513,0,0,1,.17-.166.813.813,0,0,0,.17-.128.909.909,0,0,1,.208-.3.419.419,0,0,1,.189-.087.553.553,0,0,0,.207-.085,1.757,1.757,0,0,0,.264-.3,4.441,4.441,0,0,1,.453-.419q.227-.2.377-.345a.536.536,0,0,0,.17-.241c.012-.063-.069-.1-.245-.112a3.282,3.282,0,0,0-.942.1,7.987,7.987,0,0,0-1.055.326,10.563,10.563,0,0,0-.981.432,3.793,3.793,0,0,0-.717.45l-.113.072a.748.748,0,0,1-.34.3,1.015,1.015,0,0,1-.49.093,1.2,1.2,0,0,1-.509-.145.677.677,0,0,1-.32-.49,1.4,1.4,0,0,1,.115-1.08,1.939,1.939,0,0,1,.736-.647,3.237,3.237,0,0,1,1.018-.331c.364-.056.7-.113.961-.135.24-.02.66-.062,1.225-.155s1.149-.176,1.752-.251a14.02,14.02,0,0,1,1.676-.114,1.268,1.268,0,0,1,1,.282,1.119,1.119,0,0,1,.169,1.025,1.233,1.233,0,0,1-.66.78,1.057,1.057,0,0,1-.565.656q0,.153-.3.136a.865.865,0,0,1-.3.482,1.317,1.317,0,0,1-.452.245q-.642.427-1.414.97-.387.271-.76.584t-.731.668a10.551,10.551,0,0,1-1.378,1.193,1.7,1.7,0,0,0-.7.8q-.226-.008-.3.3.716-.152,1.4-.279t1.321-.23q.641-.1,1.2-.182t1.028-.138q.942-.116,1.471-.131t.527.023c.025,0,.12-.008.283-.026s.345-.048.547-.091l.754-.119" transform="translate(-299.641 -190.835)" fill="#1e1e1e"></path> <path d="M49.815,126.9q.852-9.89-11.979-13.609,10.638-3.087,11.281-10.546.872-10.136-15.5-11.546a80.854,80.854,0,0,0-21.156.954,49.945,49.945,0,0,1,2.14,8.354l7.266-.929Q10.6,121.32,0,140.09q4.9,3.77,7.18,5.764l.654-1.3c9.077.27,21.9-.826,28.493-3.292q12.656-4.71,13.487-14.356M31.825,99.053c1.038.036,1.827.074,2.373.121q6.2.534,5.9,3.939-.224,2.6-5.081,4.628a36.065,36.065,0,0,1-9.333,2.462Zm-.594,34.987A54.005,54.005,0,0,1,12,136.387l9.627-18.4c4.166.374,12.465,1.217,14.773,2.529q4.442,2.508,4.154,5.83-.412,4.782-9.319,7.689" transform="translate(0 -56.581)" fill="#18574f"></path> <path d="M531.128,125.593a62.764,62.764,0,0,0-15.453,12.516q2.778-6.291,4.114-8.868-4.926-2.106-7.259-3.275-1.79,5.423-7.667,18.754-6.055,13.905-9.808,20.6,5.085,1.949,7.424,2.96,3.664-11.417,9.938-18.481a85.857,85.857,0,0,1,22.591-17.72q-2.855-4.518-3.88-6.485" transform="translate(-308.143 -78.174)" fill="#18574f"></path> <path d="M355.776,165.881a174.96,174.96,0,0,1,7.11-19.966,156.3,156.3,0,0,1,8.985-18.638l-4.023-4.53A100.844,100.844,0,0,0,356.8,131.9a117.978,117.978,0,0,0-10.314,10.659q6.463-13.544,8.387-18.122-4.919-2.238-6.386-3.078-1.862,4.889-7.352,17.391-5.818,13.419-9.2,20.261,4.485,2.218,6.309,3.151,5.116-10.418,21.739-25.227a205.279,205.279,0,0,0-10.734,25.791q4.494,2.06,6.524,3.161" transform="translate(-206.612 -75.536)" fill="#18574f"></path> <path d="M450.589,153.938q-3.8-2.763-5.683-4.392a28.565,28.565,0,0,1-5.776,6.7q-3.479,2.986-5.726,2.91-2.719-.087-2.578-4.378a15.014,15.014,0,0,1,.591-3.6c5.831-1.721,15.49-5.535,19.23-8.626q6.948-5.716,7.157-12.231a6.59,6.59,0,0,0-1.819-4.969,7.075,7.075,0,0,0-5.1-2.1q-8.463-.276-17.823,10.477-9.527,11-9.885,22.042a12.354,12.354,0,0,0,2.147,8.033,7.673,7.673,0,0,0,6.188,3.217q9.546.311,19.073-13.082m-7.841-19.4q3.76-3.176,5.7-3.115c.779.026,1.153.4,1.13,1.109q-.064,1.983-4.2,5.063a29.643,29.643,0,0,1-9.555,4.725,33.657,33.657,0,0,1,6.934-7.781" transform="translate(-263.399 -76.713)" fill="#18574f"></path> <path d="M151.607,134.276a38.443,38.443,0,0,1-6.7-4.47q-1.757,4.709-7.657,18.593-5.828,13.484-8.3,18.829a41.709,41.709,0,0,1,6.782,4.23q8.3-20.825,15.877-37.182" transform="translate(-80.263 -80.797)" fill="#18574f"></path> <path d="M188.054,75.619a8.019,8.019,0,0,1,.624-3.572c.081-.223-2.3.242-4.212.6-2.047.378-11.614,1.156-13.475,8.051-.795,3.362.44,7.606,2.548,8.37,1.687.612,1.146-.139,1.067,1.073a14.277,14.277,0,0,0,.373,3.191l.562-.035a25.657,25.657,0,0,1,0-3.063c.111-1.224,5.426,4.288,11.477-.795,4.608-3.871,1.121-11.092,1.037-13.818m1.025,8.847a3.063,3.063,0,0,1-1.651.77,6.885,6.885,0,0,1-1.328-.077l-1.878,1.05a6.1,6.1,0,0,0,1.458.526,3.52,3.52,0,0,0,1.2-.038c.077-.055,1.116-.777,1.671-.577a.019.019,0,0,1,0,.036,2.862,2.862,0,0,0-1.442.681,1.23,1.23,0,0,0,.435.524,1.057,1.057,0,0,0,.54.125c.01,0,.018.006.02.015a.019.019,0,0,1-.013.022,1.156,1.156,0,0,1-.648.008c-.331-.12-.376-.2-.456-.353-.024-.044-.051-.094-.09-.153A4.009,4.009,0,0,1,185.753,87a10.782,10.782,0,0,1-1.736-.516l-2.81,1.122a5.368,5.368,0,0,0,1.39.73c.961.365,4.606-.19,4.642-.2a.017.017,0,0,1,.022.015.019.019,0,0,1-.014.022l-1.163.322.5.523a.019.019,0,0,1-.024.029l-.812-.507-1.362.157a1.562,1.562,0,0,0,.6.623,2.488,2.488,0,0,0,.836.3.019.019,0,0,1,.016.019.019.019,0,0,1-.016.019,1.62,1.62,0,0,1-1-.154,4.044,4.044,0,0,1-.788-.731,4.236,4.236,0,0,1-1.559-.174,12.5,12.5,0,0,1-1.615-.788l-.507.236a1.423,1.423,0,0,0,.709.7.018.018,0,0,1,.012.017.019.019,0,0,1-.011.018c-.393.183-.981-.583-1.055-.684l-2.553.473a12.794,12.794,0,0,0,2.772,1.352,17.633,17.633,0,0,0,4.229.3h0a.019.019,0,0,1,.019.017.019.019,0,0,1-.016.021l-1.051.174a.731.731,0,0,0,.455.42.019.019,0,0,1,.012.017.02.02,0,0,1-.011.018c-.27.125-.736-.33-.794-.389l-.96-.046a2.046,2.046,0,0,0,.439.519.019.019,0,0,1,.006.022.02.02,0,0,1-.02.012c-.349-.035-.662-.536-.708-.612l-1.473-.08a2.762,2.762,0,0,0,.52.805.019.019,0,0,1,0,.025.019.019,0,0,1-.025,0,2.257,2.257,0,0,1-.723-.9,5.306,5.306,0,0,1-1.182-.467,11.63,11.63,0,0,1-1.744-1.108l0,0a.691.691,0,0,0-.252-.22,1.118,1.118,0,0,0-.459,0,.017.017,0,0,1-.016,0L176,88.058a2.524,2.524,0,0,1-1.729-.126,10.244,10.244,0,0,1-2.583-1.775.018.018,0,0,1,0-.026.019.019,0,0,1,.026,0,15.226,15.226,0,0,0,2.635,1.6,1.894,1.894,0,0,0,1.4.076l-2.964-3.322a1.635,1.635,0,0,1-.907-.069,1.313,1.313,0,0,1-.638-.38.018.018,0,0,1,0-.022.021.021,0,0,1,.021-.006l.653.238a1.234,1.234,0,0,0,.792-.028l-1.22-2.611a.019.019,0,0,1,.034-.017l1.53,2.715a23.658,23.658,0,0,0,1.785,2.172c.678.684,1.542,1.5,1.742,1.682l-.81-4.242a10.638,10.638,0,0,1-1.466-1.273,7.6,7.6,0,0,1-1.213-1.581,1.714,1.714,0,0,1-.887-.327l-.441-.494a.018.018,0,0,1,0-.022.019.019,0,0,1,.021-.008,1.179,1.179,0,0,1,.54.389.8.8,0,0,0,.66.249c-.009-.071-.042-.339-.111-.786a1.322,1.322,0,0,0-.358-.764.019.019,0,0,1,0-.026.02.02,0,0,1,.025,0,1.349,1.349,0,0,1,.557.735c.078.417.161.871.161.871a5.435,5.435,0,0,0,1.27,1.67l1.235,1.049a8.888,8.888,0,0,1-.167-1.831c.049-.622.08-1.009.085-1.078a3.255,3.255,0,0,1-1.247-1.365,17.948,17.948,0,0,1-.385-2.362.019.019,0,0,1,.016-.02c.011,0,.02.006.021.016a14.405,14.405,0,0,0,.556,2.274,2.568,2.568,0,0,0,1.065,1.165l.375-1.807c-.085-.091-.829-.893-.821-1.356.006-.479.017-1.163.017-1.163a.019.019,0,0,1,.017-.018h0a.019.019,0,0,1,.018.014,6.065,6.065,0,0,1,.142,1.093,2.182,2.182,0,0,0,.735,1.187l.5-1.706a1.145,1.145,0,0,1-.361-1.243.019.019,0,0,1,.02-.012.019.019,0,0,1,.016.018,1.483,1.483,0,0,0,.466,1.02l.758-1.407A.018.018,0,0,1,177.61,75a.019.019,0,0,1,.009.025l-.777,1.747a33.584,33.584,0,0,0-.894,3.774c-.04.376-.064.754-.072,1.123a2.305,2.305,0,0,0,1.116-.828.019.019,0,0,1,.021-.008.018.018,0,0,1,.013.018c0,.481-.711.868-1.017,1.033a1.228,1.228,0,0,0-.136.079,9.692,9.692,0,0,0,.186,1.887l.86,4.326,1.611-2.572c-.077-.117-.695-1.1-.429-1.592a.019.019,0,0,1,.019-.01.019.019,0,0,1,.016.015,3.029,3.029,0,0,0,.589,1.275l.832-1.325a27.932,27.932,0,0,1-.97-3.5c-.244-1.414.6-5,.609-5.036a.017.017,0,0,1,.022-.014.019.019,0,0,1,.015.022,21.873,21.873,0,0,0-.431,4.99,16.43,16.43,0,0,0,.995,3.287L181.5,80.64a15.592,15.592,0,0,1-.63-2.923,8.272,8.272,0,0,1,.481-2.315.02.02,0,0,1,.023-.012.019.019,0,0,1,.014.022,17.013,17.013,0,0,0-.321,2.194,9.924,9.924,0,0,0,.607,2.785l1.479-2.136a5.664,5.664,0,0,1-.286-1.965,3.21,3.21,0,0,1,.57-1.57.019.019,0,0,1,.025,0,.019.019,0,0,1,.007.024,4.132,4.132,0,0,0-.366,1.529,7.373,7.373,0,0,0,.31,1.766l1.121-1.681a1.051,1.051,0,0,1-.377-.826,4,4,0,0,1,.384-.954.018.018,0,0,1,.023-.008.019.019,0,0,1,.011.023s-.135.489-.209.9a.89.89,0,0,0,.335.73l1.834-2.475a.019.019,0,0,1,.026,0,.019.019,0,0,1,0,.026l-1.691,2.508a1.448,1.448,0,0,0,.814.016c.412-.134,1.146-.345,1.153-.347a.019.019,0,0,1,.023.011.019.019,0,0,1-.008.024,6.1,6.1,0,0,1-1.141.533,2.716,2.716,0,0,1-.941.076l-1.161,1.589a2.59,2.59,0,0,0,1.375-.159,18.48,18.48,0,0,0,1.835-1.119.018.018,0,0,1,.026,0,.019.019,0,0,1,0,.026,13.285,13.285,0,0,1-1.806,1.352,4.915,4.915,0,0,1-1.615.249L182,80.541a6.125,6.125,0,0,0,2.266-.447,15.914,15.914,0,0,0,2.63-1.793.019.019,0,0,1,.026.028l-.057.057a11.443,11.443,0,0,1-2.477,2.042,7.887,7.887,0,0,1-2.658.563l-1.782,3.027a12.9,12.9,0,0,0,2.705-.527,18.443,18.443,0,0,0,4.1-2.438c.026-.114.311-1.335.832-1.406a.018.018,0,0,1,.019.01.019.019,0,0,1,0,.022,2.418,2.418,0,0,0-.605,1.329,1.4,1.4,0,0,0,.785,0,1.623,1.623,0,0,0,.838-.39.018.018,0,0,1,.026,0,.019.019,0,0,1,0,.026,1.845,1.845,0,0,1-.9.649,1.552,1.552,0,0,1-.86,0,18.2,18.2,0,0,1-4.05,2.485,15.675,15.675,0,0,1-3.1.663l-1.172,1.822a2.283,2.283,0,0,0,1.256-.165.018.018,0,0,1,.02,0,.019.019,0,0,1,0,.02c-.2.56-1.335.451-1.471.436L177.245,88.3l2.771-.521,2.1-.979c-.022-.135-.167-1.1.146-1.5a.42.42,0,0,1,.313-.168.021.021,0,0,1,.018.009.019.019,0,0,1,0,.02,1.952,1.952,0,0,0-.173,1.564c.156-.071,1.2-.549,1.536-.726.512-.275,1.933-1.132,2-1.17l1.406-1.441c.093-.162.839-1.437,1.187-1.437a.121.121,0,0,1,.042.007.092.092,0,0,1,.062.069c.056.259-.843,1.16-1.01,1.324a2.574,2.574,0,0,0,.948.081,4.815,4.815,0,0,0,.571-.362.019.019,0,0,1,.025,0,.019.019,0,0,1,0,.025,2.3,2.3,0,0,1-.589.522,2.764,2.764,0,0,1-1.031.011l-1.349,1.211a5.275,5.275,0,0,0,1.286.16h.023a2.9,2.9,0,0,0,1.534-.571.019.019,0,0,1,.024.029" transform="translate(-106.281 -44.809)" fill="#18574f"></path> <path d="M263.3,117.979a66.883,66.883,0,0,1,23.183-12.445q-3.58-4.355-4.982-5.758a75.835,75.835,0,0,0-19.834,11.048q5.057-12.448,10.89-23.959a72.3,72.3,0,0,1-6.61-4.124q-2.546,6.359-9,21.207l-.8,1.831h0c-1,2.3-2.061,4.721-3.192,7.3q-4.587,10.5-11.2,24.427a70.456,70.456,0,0,1,6.457,4.121q3.655-9.1,8.868-20.457a161.065,161.065,0,0,0,10.968,28.7q4.978-1.946,7.467-2.8a122.284,122.284,0,0,1-6.614-14.315q-.076-.23-5.6-14.778" transform="translate(-150.48 -51.501)" fill="#18574f"></path> <path d="M205.834,125.593a62.751,62.751,0,0,0-15.452,12.516q2.776-6.291,4.113-8.868-4.924-2.106-7.258-3.275-1.788,5.424-7.668,18.754-6.051,13.906-9.807,20.6,5.086,1.949,7.424,2.96,3.662-11.416,9.939-18.481a81.728,81.728,0,0,1,22.6-17.7c-1.715-2.726-3.248-5.276-3.891-6.506" transform="translate(-105.667 -78.174)" fill="#18574f"></path> <text transform="translate(113 19)" fill="#17302d" font-size="25" font-family="Nexa-Bold" font-weight="700" letter-spacing="0.04em"><tspan x="-73" y="0">Schreinerei</tspan></text> </svg> </a> <div class="items-center hidden gap-6 text-lg text-white xl:gap-16 lg:flex"> <a class="text-casal hover:underline underline-offset-8" href="#hero">Home</a> <a class="text-casal hover:underline underline-offset-8" href="#schreinerei">Schreinerei</a> <a class="text-casal hover:underline underline-offset-8" href="#philosophie">Philosophie</a> <a class="text-casal hover:underline underline-offset-8" href="#portfolio">Portfolio</a> <a class="text-casal hover:underline underline-offset-8" href="#kontakt">Kontakt</a> <div class="flex gap-6"> <a href="https://www.instagram.com/schreinerei_birkner/" class="[&>svg]:fill-casal hover:[&>svg]:fill-black" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" viewBox="0 0 25 25"> <path d="M26.449,6.318a1.465,1.465,0,1,0,1.465,1.465,1.466,1.466,0,0,0-1.465-1.465" transform="translate(-7.331 -1.854)"></path> <path d="M15.279,8.977a6.157,6.157,0,1,0,6.156,6.157,6.164,6.164,0,0,0-6.156-6.157m0,10.1a3.944,3.944,0,1,1,3.943-3.943,3.948,3.948,0,0,1-3.943,3.943" transform="translate(-2.677 -2.634)"></path> <path d="M17.49,25H7.508A7.518,7.518,0,0,1,0,17.491V7.509A7.518,7.518,0,0,1,7.508,0H17.49A7.518,7.518,0,0,1,25,7.509v9.981A7.518,7.518,0,0,1,17.49,25M7.508,2.352A5.163,5.163,0,0,0,2.351,7.509v9.981a5.163,5.163,0,0,0,5.157,5.157H17.49a5.163,5.163,0,0,0,5.157-5.157V7.509A5.163,5.163,0,0,0,17.49,2.352Z"></path> </svg> </a> <a href="https://www.facebook.com/SchreinereiBirkner.de/" class="[&>svg]:fill-casal hover:[&>svg]:fill-black" target="_blank" rel="noopener noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.39" height="25" viewBox="0 0 13.39 25"> <path d="M12.513,14.062l.694-4.524H8.865V6.6a2.262,2.262,0,0,1,2.551-2.444H13.39V.306A24.051,24.051,0,0,0,9.886,0C6.311,0,3.974,2.167,3.974,6.089V9.538H0v4.524H3.974V25H8.865V14.062Z"></path> </svg> </a> </div> </div> <div class="self-center text-white justify-self-start lg:hidden" x-data=""> <button aria-label="toggleslideout" @click="$dispatch('toggleslide')" role="button" aria-controls="mobileMenu"> <svg class="w-8 h-8 text-casal" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" stroke-width="1.5" stroke="currentColor"></path> </svg> </button> </div> </div> </nav> <div class="text-white" x-data="{ slideOut: false }" @toggleslide.window="slideOut = !slideOut" @keydown.window.escape="slideOut = false"> <div x-show="slideOut" x-transition.opacity="" class="fixed inset-0 bg-slate-900/75" style="display: none;"></div> <div id="mobileMenu" class="fixed inset-y-0 right-0 z-50 w-screen max-w-md bg-white grid grid-rows-[80px,_1fr,_80px] divide-y-2" x-show="slideOut" x-trap.noscroll="slideOut" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" @click.away="slideOut = false" style="display: none;"> <div class="relative flex m-4"> <button @click="slideOut = false" class="text-casal"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="absolute top-0 w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> <a href="/" class="h-10 mx-auto"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 226.865 133.443"> <path d="M86.013,293.893a5.272,5.272,0,0,1,.094-1.206q.076-.6.208-1.2t.264-1.159c.088-.372.167-.748.264-1.076.149-.5.327-1.045.452-1.595s.25-1.044.376-1.483q.213-.772.426-1.547t.426-1.553q.213-.778.426-1.558t.434-1.564q.221-.783.451-1.57T90.3,276.8l.338-1.186c.1-.356.2-.712.338-1.188q.3-.877.526-1.732.113-.427.234-.9c.081-.315.154-.665.253-.99s.237-.7.338-1.045.217-.789.337-1.319c.077-.341.131-.63.168-.855a1.681,1.681,0,0,1,.168-.623c.1-.108.388-.236.564-.4a.416.416,0,0,1,.6.023.181.181,0,0,0,.207.013q.131-.054.17.214l.075.03a.454.454,0,0,1,.113.162c.025.062.056.183.113.319a4.331,4.331,0,0,1,.171,1.115,7.875,7.875,0,0,1,0,.979q-.032.532-.125,1.149-.151.33-.338.7a5.632,5.632,0,0,0-.3.7,1.81,1.81,0,0,1-.15.6c-.138.348-.288.679-.413.977s-.251.635-.375,1.009-.244.768-.357,1.18a8.613,8.613,0,0,1-.394,1.141.677.677,0,0,1-.019.157.825.825,0,0,0-.018.2,10.766,10.766,0,0,0-.376,1.058c-.125.411-.27.811-.376,1.172-.139.475-.257.967-.394,1.4s-.264.885-.395,1.32c-.14.467-.282.892-.395,1.258s-.245.734-.395,1.1-.268.766-.39,1.159-.236.794-.343,1.2-.221.794-.344,1.161-.253.711-.391,1.035c-.18.568-.331,1.04-.472,1.48l-.412,1.286c-.141.438-.291.908-.472,1.469q-.189.5-.339,1.014a4.358,4.358,0,0,1-.339.859,1.114,1.114,0,0,1-.415.083c-.151,0-.234-.128-.264-.373a1.612,1.612,0,0,1,.019-.529,1.378,1.378,0,0,0-.019-.49" transform="translate(-53.529 -165.849)" fill="#1e1e1e"></path> <path d="M118.577,291.848c-.2.143-.289.208-.264.193s0,.15-.113.27a6.273,6.273,0,0,1-.773.493,9.33,9.33,0,0,1-1.131.6,6.238,6.238,0,0,1-1.263.421,2.737,2.737,0,0,1-1.132-.048,3.061,3.061,0,0,1-1.038-.292,3.847,3.847,0,0,1-.737-.66.49.49,0,0,0-.114-.4.979.979,0,0,1-.19-.475l-.038-.039a7.37,7.37,0,0,1-.19-.715.449.449,0,0,1-.019-.22c.012-.066,0-.179.019-.261a.316.316,0,0,0,0-.18.744.744,0,0,1-.038-.259c-.052-.452-.083-.8-.1-1.058a9.854,9.854,0,0,1,.017-1.023,2,2,0,0,0-.376.479,1.125,1.125,0,0,1-.527.444c.025.053,0,.12-.075.2l-.151.127-.113.245-.094.1-.057.062c-.051.056-.088.084-.113.085a.6.6,0,0,0,.151-.146c.025-.041.011-.018-.038.022s-.082.057-.094.084a.332.332,0,0,1-.057.082l-.075.043-.038.041-.113.124-.038,0c-.051.056-.075.09-.075.1s.012.006.038-.021q-.49.54-.974,1.045t-.965.979q-.48.474-.993.935t-1.059.911a1.028,1.028,0,0,0-.339.148.859.859,0,0,1-.453.113c.025,0-.022.048-.113.082a5.385,5.385,0,0,1-.868.164,1.986,1.986,0,0,1-.829-.032v-.039c0-.026-.026-.038-.076-.037a1.387,1.387,0,0,1-.717-.267,1.344,1.344,0,0,1-.415-.547,1.223,1.223,0,0,1-.133-.285c-.012-.089-.032-.2-.057-.327a2.138,2.138,0,0,1,.074-1.126c.125-.366.289-.719.414-1.025a3.512,3.512,0,0,1,.6-1.019q.414-.467.753-.914.357-.292.739-.576t.786-.562q.4-.277.786-.594t.739-.673q.527-.267.979-.551a4.575,4.575,0,0,1,1.092-.481,1.677,1.677,0,0,0,.434-.006,1.336,1.336,0,0,1,.471-.008.626.626,0,0,1,.415.335.475.475,0,0,1-.037.48q-.754.442-1.469.8t-1.356.746a4.064,4.064,0,0,0-1.092.964q-.452.574-.979,1.147,0,.118-.188.205a1.874,1.874,0,0,1-.489.844.1.1,0,0,1-.056.1c-.038.014-.044.048-.019.1a2.5,2.5,0,0,0-.47.723,3.69,3.69,0,0,0-.244.945.274.274,0,0,0,.094.114.873.873,0,0,1,.132.112.316.316,0,0,1,.283-.049.6.6,0,0,0,.358-.052,2.526,2.526,0,0,0,.358-.209c.113-.083.232-.165.358-.249q.414-.329.848-.7t.848-.744q.545-.536,1.068-1.084T108.895,289q.5-.561,1-1.144t1.011-1.192c.075-.084.081-.1.019-.041s-.138.127-.226.212a1.923,1.923,0,0,1-.226.192c-.063.043-.057.01.019-.1a3.711,3.711,0,0,0,.489-.586,5.588,5.588,0,0,1,.452-.586,8.9,8.9,0,0,0,.564-.795q.263-.416.564-.837a.186.186,0,0,1,.113-.107c.05-.016.076-.038.076-.065a1.144,1.144,0,0,0,.094-.288.394.394,0,0,1,.094-.207,4.442,4.442,0,0,1,.262-.964,7.338,7.338,0,0,0,.3-.927q.375-.832.675-1.7a17.956,17.956,0,0,1,.713-1.672c.145-.314.276-.651.417-.95s.283-.579.427-.841q.432-.785.845-1.635a3.813,3.813,0,0,0,.564-.965,2.876,2.876,0,0,1,.488-.839,1.24,1.24,0,0,0,.4-.28.655.655,0,0,1,.433-.2.42.42,0,0,1,.17.026.147.147,0,0,0,.17-.056.481.481,0,0,1,.321.341,2.374,2.374,0,0,1,.114.627,3.039,3.039,0,0,1-.036.68,1.352,1.352,0,0,1-.168.506.523.523,0,0,1,.057.426,1.827,1.827,0,0,1-.169.485.346.346,0,0,1-.074.436.3.3,0,0,0-.113.357.262.262,0,0,0-.15.216.267.267,0,0,1-.113.213.52.52,0,0,1-.112.5l-.113.254a1.6,1.6,0,0,0-.113.376c-.126.065-.188.143-.188.239a.339.339,0,0,1-.075.231,1.875,1.875,0,0,1-.169.359.99.99,0,0,0-.131.356.459.459,0,0,0-.245.3.955.955,0,0,1-.207.382.184.184,0,0,1-.037.125c-.025.029-.013.056.038.079q-.377.6-.677,1.125a11.547,11.547,0,0,0-.488,1.11,6.287,6.287,0,0,0-.319.792q-.131.455-.206.783a2.6,2.6,0,0,0-.187.538c-.025.082-.056.173-.094.269s-.081.228-.131.393l-.094.208a.69.69,0,0,0-.056.287.858.858,0,0,1-.037.245v.04a.112.112,0,0,0,.038.079,10.032,10.032,0,0,1-.394,1.033q-.207.456-.394.909a5.7,5.7,0,0,0-.3.963,7.477,7.477,0,0,0-.149,1.2c.025,0,.038.006.038.019s-.013.021-.038.022q0,.605-.017,1.09a1.61,1.61,0,0,0,.285,1.039,2.007,2.007,0,0,0,1.452-.11q.7-.287,1.188-.549.263-.131.81-.436t1.244-.678q.7-.373,1.489-.773t1.583-.719a1.9,1.9,0,0,1,.171.282q.057.122-.131.336a.181.181,0,0,0-.132.066c-.038.043-.069.065-.094.066,0,.028.025.04.076.039v.042a3.1,3.1,0,0,0-.32.218,1.67,1.67,0,0,1-.4.22c0,.028-.006.041-.019.042s-.019.028-.019.083a.485.485,0,0,0-.415.179.724.724,0,0,1-.3.258,5.664,5.664,0,0,0-.49.448q-.226.233-.527.489c0-.054-.039-.067-.114-.037s-.088.058-.037.083c-.126.032-.2.069-.226.11a.3.3,0,0,1-.113.106m-8.832-1.689c0,.027-.013.04-.038.041l-.075.083.037-.041.076-.083m0,0c.025,0,.038-.008.038-.022s.012-.02.037-.022c-.025,0-.037.008-.037.022s-.013.02-.038.022m.075-.043.076-.083a.112.112,0,0,1-.076.043v.04m11.847-.553a.152.152,0,0,0-.113.045.152.152,0,0,1,.113-.045" transform="translate(-63.239 -169.586)" fill="#1e1e1e"></path> <path d="M153.193,310.3a2.331,2.331,0,0,1-.66.328c-.239.076-.478.169-.7.246-.285.1-.641.182-1.019.274a4.526,4.526,0,0,1-1.132.131,2.855,2.855,0,0,1-1.076-.219,2,2,0,0,1-.851-.737,1.779,1.779,0,0,1-.3-.893,4.027,4.027,0,0,1,.073-1.089,7.592,7.592,0,0,1,.319-1.119,10.842,10.842,0,0,1,.432-1.023,1.262,1.262,0,0,0,.3-.423,2.3,2.3,0,0,0,.15-.418q.4-.531.8-1.043t.833-1.008a9.571,9.571,0,0,1,.861-.888,7.075,7.075,0,0,1,.89-.685,5.93,5.93,0,0,1,.867-.541q.452-.229.829-.457a1.463,1.463,0,0,0,.245-.179.433.433,0,0,1,.283-.1,3.979,3.979,0,0,1,1.123.076,1.185,1.185,0,0,1,.652.362,1.5,1.5,0,0,1,.418,1.009.8.8,0,0,1-.264.389,2.683,2.683,0,0,0-.339.433c-.1.141-.239.282-.339.412a1.79,1.79,0,0,0-.226.365q-.5.509-1,.979t-1,.9q-.5.431-1,.823a2.179,2.179,0,0,1-1,.492,3.908,3.908,0,0,1-1.264.088,3.872,3.872,0,0,0-.451.656,4.11,4.11,0,0,0-.357.837,2.585,2.585,0,0,0-.111.868.916.916,0,0,0,.322.712,2.037,2.037,0,0,0,1.321-.2,10.489,10.489,0,0,1,1.094-.446c.274-.092.566-.2.868-.316a8.549,8.549,0,0,0,.792-.356q.792-.44,1.3-.728t.962-.553q.452-.265.942-.575c.327-.206.745-.488,1.244-.8.389-.241.811-.484,1.226-.737s.811-.5,1.187-.737a2.336,2.336,0,0,1,.415-.332,2.382,2.382,0,0,1,.49-.208.181.181,0,0,0,.094-.046.176.176,0,0,1,.094-.046c.226-.008.34.031.34.116a.735.735,0,0,1-.169.367,4.789,4.789,0,0,1-.414.5,2.9,2.9,0,0,0-.4.521c.025,0-.006.036-.094.109a3.215,3.215,0,0,1-.3.221,5.076,5.076,0,0,0-.433.331q-.415.352-1.018.771l-1.206.837q-.6.417-1.131.768a8.471,8.471,0,0,1-.792.483l-1.357.748-1.357.745m-2.727-4.187a1.239,1.239,0,0,0,.66-.232c.213-.146.421-.291.622-.438q.377-.346.763-.731t.781-.807q.4-.422.753-.85t.678-.86c.05,0,.076-.045.075-.129a7.5,7.5,0,0,0-1.277.725,7.619,7.619,0,0,0-1.116.963q-.518.542-1,1.132t-.936,1.227" transform="translate(-91.775 -187.012)" fill="#1e1e1e"></path> <path d="M181.488,309.287a2.279,2.279,0,0,1-.66.333c-.239.076-.478.171-.7.248-.285.1-.641.182-1.019.275a4.44,4.44,0,0,1-1.132.128,2.8,2.8,0,0,1-1.077-.231,2.025,2.025,0,0,1-.851-.762,1.876,1.876,0,0,1-.3-.919,4.259,4.259,0,0,1,.073-1.118,7.9,7.9,0,0,1,.318-1.147,11.257,11.257,0,0,1,.432-1.047,1.281,1.281,0,0,0,.3-.432,2.371,2.371,0,0,0,.15-.427q.4-.541.8-1.063t.833-1.026a9.416,9.416,0,0,1,.862-.9,7.01,7.01,0,0,1,.89-.693,5.861,5.861,0,0,1,.868-.544q.453-.23.83-.459a1.413,1.413,0,0,0,.245-.18.424.424,0,0,1,.283-.1,3.91,3.91,0,0,1,1.124.091,1.2,1.2,0,0,1,.653.378,1.566,1.566,0,0,1,.418,1.036.8.8,0,0,1-.264.395,2.7,2.7,0,0,0-.339.44c-.1.142-.239.286-.339.418a1.806,1.806,0,0,0-.226.371q-.5.516-1.005.992t-1.005.913q-.5.437-1.005.834a2.143,2.143,0,0,1-1,.5,3.815,3.815,0,0,1-1.265.08,3.93,3.93,0,0,0-.452.669,4.264,4.264,0,0,0-.357.856,2.727,2.727,0,0,0-.111.891.956.956,0,0,0,.322.732,2.009,2.009,0,0,0,1.321-.2,10.2,10.2,0,0,1,1.094-.45c.274-.093.566-.2.868-.318a8.53,8.53,0,0,0,.792-.359q.792-.445,1.3-.736t.962-.558q.453-.268.943-.581c.327-.208.745-.493,1.245-.8.389-.243.811-.487,1.226-.742s.811-.5,1.189-.742a1.913,1.913,0,0,1,.906-.542.178.178,0,0,0,.094-.046.175.175,0,0,1,.094-.046c.227-.006.34.034.34.121a.752.752,0,0,1-.169.372,4.874,4.874,0,0,1-.415.507,2.914,2.914,0,0,0-.4.529c.025,0-.006.036-.094.11a3.163,3.163,0,0,1-.3.223,4.921,4.921,0,0,0-.434.334q-.415.356-1.018.779l-1.207.846q-.6.422-1.132.777a8.57,8.57,0,0,1-.792.489l-1.358.757-1.358.754m-2.729-4.311a1.21,1.21,0,0,0,.66-.233q.319-.221.622-.444.377-.351.763-.742t.782-.819q.4-.429.753-.863t.678-.873c.05,0,.075-.045.075-.131a7.309,7.309,0,0,0-1.278.728,7.6,7.6,0,0,0-1.117.976q-.518.55-1,1.15t-.936,1.25" transform="translate(-109.385 -186.246)" fill="#1e1e1e"></path> <path d="M207.45,306.526a.734.734,0,0,0,.453-.291,2.432,2.432,0,0,1,.415-.421q.49-.509.961-1.018t.924-1.02a11.7,11.7,0,0,1,.98-.979,13.136,13.136,0,0,1,1.132-.9q.415-.314.944-.677a2.2,2.2,0,0,1,1.058-.418,1.314,1.314,0,0,1,.813.309,1.017,1.017,0,0,1,.473.711,3.057,3.057,0,0,1-.093,1.008c-.088.352-.192.7-.244,1.01-.037.218-.081.614-.168,1.139s-.174,1.082-.262,1.665-.156,1.138-.205,1.663a6.267,6.267,0,0,0-.036,1.136q.339-.179.6-.314c.176-.09.392-.217.642-.358.268-.152.447-.239.51-.269s.107-.052.132-.068a.837.837,0,0,0,.113-.089c.05-.044.262-.15.491-.335.173-.14.352-.347.528-.511a2.381,2.381,0,0,1,.529-.38.834.834,0,0,1,.415-.093q.3-.223.585-.4a2.053,2.053,0,0,0,.472-.4q.34.172.341.325a1.206,1.206,0,0,1-.075.375,2.5,2.5,0,0,1-.755.712q-.226.31-.377.487a1.332,1.332,0,0,1-.415.312q-.416.4-.528.511c-.076.074-.132.133-.17.177a.952.952,0,0,1-.188.156c-.088.06-.287.233-.585.445-.256.182-.585.408-.924.689a3.215,3.215,0,0,1-.962.6,4.514,4.514,0,0,1-.7.139c-.214.032-.429.032-.586.05-.253.029-.523-.1-.737-.492a2.248,2.248,0,0,1-.323-1.064,6.928,6.928,0,0,1,.112-.895q.112-.677.243-1.443t.262-1.465c.087-.466.151-.794.168-.963a9.1,9.1,0,0,1,.149-1.093q.112-.482.187-.964a1.292,1.292,0,0,0-.529.317l-.453.446q-.679.626-1.32,1.247t-1.282,1.374q-.378.4-.83.8a8.9,8.9,0,0,0-.867.884q-.641.792-1.159,1.449t-.913,1.182c-.527.7-.925,1.074-1.169,1.139a.881.881,0,0,1-.7-.162.973.973,0,0,1-.473-.6,1.2,1.2,0,0,1,.056-.517c.062-.23.131-.447.207-.649q.168-.907.4-1.724a14.563,14.563,0,0,1,.535-1.547q.3-.729.582-1.486t.545-1.542a2.876,2.876,0,0,1,.226-.481,2.446,2.446,0,0,0,.225-.482,3.888,3.888,0,0,0,.112-.587,2.452,2.452,0,0,1,.074-.5c.024-.052.107-.14.17-.243a.937.937,0,0,1,.207-.244.923.923,0,0,1,.926-.2.825.825,0,0,1,.587.59,1.337,1.337,0,0,1,0,.91q-.188.4-.376.746a1.855,1.855,0,0,0-.074.522,1.458,1.458,0,0,1-.075.478q-.225.613-.47,1.224t-.469,1.352" transform="translate(-127.008 -187.14)" fill="#1e1e1e"></path> <path d="M266.816,300.8q.113.132.642-.114t1.3-.671q.387-.212.817-.452t.9-.508q.472-.268.944-.5t.945-.436a5.222,5.222,0,0,0,.623-.268,4.3,4.3,0,0,0,.548-.312l.6-.445a1.853,1.853,0,0,1,.718-.312c.1-.03.151-.082.151-.156s.012-.051.038.067c.05.03.088.037.114.022a.058.058,0,0,1,.076.022.927.927,0,0,1-.189.488l-.264.267q-.3.311-.643.6c-.227.193-.545.352-.755.512s-.5.46-.812.667a10.376,10.376,0,0,1-.926.58,7.263,7.263,0,0,0-1.19.8q-.387.312-.793.635t-.831.657q-.425.334-.817.629t-.75.551q-.718.513-.982.381c-.076.089-.126.126-.151.111a.336.336,0,0,0-.151-.021,3.112,3.112,0,0,1-1.039-.15,1.44,1.44,0,0,1-.737-.636,2.5,2.5,0,0,1,0-1.06q.113-.531.3-1.195.113-.353.245-.664c.088-.207.142-.456.207-.665s.2-.487.3-.754.188-.517.264-.753q.207-.51.424-1.025t.443-1.038q.227-.521.472-1t.51-.928a2.14,2.14,0,0,1,.567-.271.351.351,0,0,1,.321.019.23.23,0,0,0,.284.02,1.823,1.823,0,0,0,.246.307.618.618,0,0,1,.171.353c.029.2.044.369.057.486a.943.943,0,0,1-.057.4,1.127,1.127,0,0,1-.151.665,1.1,1.1,0,0,0-.113.288,2.168,2.168,0,0,1-.113.333c-.025.03-.044.037-.057.023s-.032-.007-.057.023a.144.144,0,0,0-.076.133.145.145,0,0,1-.075.133q-.264.622-.566,1.287t-.566,1.264a6.862,6.862,0,0,0-.377,1.042q-.113.443,0,.575m1.542-10.808c-.026-.088.038-.251.189-.489a4.188,4.188,0,0,1,.529-.669,2,2,0,0,1,.6-.449.363.363,0,0,1,.492.128.211.211,0,0,1,.133.043.167.167,0,0,0,.095.044,1.057,1.057,0,0,1,.171.862.951.951,0,0,1-.4.69c.025.059.025.1,0,.111s-.038.052-.038.111c-.075-.058-.107-.028-.094.089s-.032.148-.132.089a.27.27,0,0,1-.094.267.386.386,0,0,0-.133.267c-.051-.029-.076-.036-.076-.022s-.025.022-.076.023a.568.568,0,0,1-.321.335.81.81,0,0,0-.359.291.215.215,0,0,0-.133.045c-.037.03-.111,0-.208-.042a.559.559,0,0,1-.3-.285,1.073,1.073,0,0,1-.057-.464,2.624,2.624,0,0,1,.094-.532q.075-.266.113-.444" transform="translate(-164.42 -179.477)" fill="#1e1e1e"></path> <path d="M289.1,305.373a.717.717,0,0,0,.453-.288,2.38,2.38,0,0,1,.416-.422q.492-.511.964-1.021t.926-1.02a11.247,11.247,0,0,1,.983-.974,12.63,12.63,0,0,1,1.134-.885q.416-.309.945-.662a2.124,2.124,0,0,1,1.059-.4,1.336,1.336,0,0,1,.813.336,1.065,1.065,0,0,1,.472.734,3.119,3.119,0,0,1-.095,1.019c-.088.354-.194.709-.246,1.018-.037.22-.082.621-.171,1.152s-.177,1.093-.265,1.684-.158,1.152-.208,1.684a6.475,6.475,0,0,0-.039,1.152c.227-.117.428-.22.6-.308s.393-.214.642-.353c.268-.149.448-.234.51-.264s.107-.051.132-.066a.807.807,0,0,0,.114-.088c.05-.044.264-.147.492-.33.173-.139.353-.345.529-.507a2.318,2.318,0,0,1,.53-.374.816.816,0,0,1,.415-.086q.3-.22.586-.4a1.99,1.99,0,0,0,.473-.4q.34.18.34.334a1.2,1.2,0,0,1-.076.376,2.448,2.448,0,0,1-.756.7c-.151.206-.278.368-.378.485a1.3,1.3,0,0,1-.416.307q-.416.4-.529.507c-.076.074-.133.132-.17.176a.948.948,0,0,1-.189.154c-.088.059-.288.231-.586.441-.256.18-.586.4-.926.684a3.154,3.154,0,0,1-.964.6,4.383,4.383,0,0,1-.7.131c-.214.029-.429.027-.586.043-.252.026-.523-.112-.737-.511a2.333,2.333,0,0,1-.321-1.087,7.076,7.076,0,0,1,.113-.909q.114-.687.246-1.463t.265-1.485c.088-.472.153-.8.17-.975a9.343,9.343,0,0,1,.152-1.108q.113-.486.189-.974a1.25,1.25,0,0,0-.529.309l-.454.442q-.681.62-1.323,1.239t-1.285,1.374q-.379.4-.832.8a8.677,8.677,0,0,0-.869.887q-.642.8-1.162,1.465t-.916,1.2c-.529.71-.928,1.09-1.171,1.155a.867.867,0,0,1-.7-.176,1.015,1.015,0,0,1-.473-.619,1.262,1.262,0,0,1,.057-.532c.062-.236.132-.458.208-.665q.17-.931.406-1.768a14.931,14.931,0,0,1,.538-1.581q.3-.743.585-1.514t.548-1.57a2.894,2.894,0,0,1,.227-.488,2.482,2.482,0,0,0,.227-.488,3.984,3.984,0,0,0,.113-.6,2.541,2.541,0,0,1,.076-.51c.024-.052.107-.14.17-.245a.914.914,0,0,1,.208-.244.893.893,0,0,1,.927-.179.867.867,0,0,1,.586.62,1.393,1.393,0,0,1,0,.932c-.126.266-.252.518-.378.754a1.937,1.937,0,0,0-.076.532,1.509,1.509,0,0,1-.076.488q-.226.621-.472,1.242t-.472,1.375" transform="translate(-177.827 -186.341)" fill="#1e1e1e"></path> <path d="M369.244,271.753c-.051.027-.057.033-.019.02a.275.275,0,0,1,.094-.018c.025.085-.045.147-.208.184s-.283.069-.359.094a.618.618,0,0,1-.341.2l-.3,1.052q-.114.294-.228.524a3.093,3.093,0,0,0-.19.483,3.934,3.934,0,0,0-.4,1.286,4.676,4.676,0,0,1-.362,1.289,2.128,2.128,0,0,0-.151.188,1.555,1.555,0,0,0-.152.273,9.671,9.671,0,0,0-.381,1.228q-.152.637-.3,1.231c-.051.2-.1.4-.153.616s-.1.442-.152.659c-.043.165-.1.361-.153.574a5.5,5.5,0,0,1-.152.574,1.884,1.884,0,0,1-.152.3,2.779,2.779,0,0,0-.152.3,4.453,4.453,0,0,0-.267,1.109,4.235,4.235,0,0,1-.171.533,3.091,3.091,0,0,0-.134.533,7.274,7.274,0,0,0-.229,1.068,2.514,2.514,0,0,1-.38,1.026c-.126.057-.214.057-.264,0a.453.453,0,0,0-.188-.128.264.264,0,0,0-.114.128c-.025.057-.1.057-.226,0l-.188-.257q.108-.814.232-1.608t.267-1.565q.142-.771.3-1.522t.336-1.479q.177-.728.371-1.435.243-.883.484-1.76t.482-1.746q.241-.869.48-1.732t.477-1.718a.564.564,0,0,0-.491.092.5.5,0,0,1-.453.094l-1.76.546-1.751.543-1.743.538q-.869.268-1.751.529t-1.776.515q-.895.254-1.8.5-.21.778-.419,1.547t-.418,1.527l-.418,1.517q-.21.759-.418,1.52-.114.477-.228,1c-.076.348-.1.781-.191,1.087a4.1,4.1,0,0,0-.228.87.7.7,0,0,0-.415.042,1.173,1.173,0,0,1-.416.086,1.128,1.128,0,0,1-.433-.328.365.365,0,0,0-.51-.068,2.334,2.334,0,0,1-.092-1.135q.1-.567.172-1.09.133-.829.281-1.613t.31-1.524q.162-.74.328-1.49t.338-1.511a12.356,12.356,0,0,0-1.354.292,13.063,13.063,0,0,0-1.342.449,14.4,14.4,0,0,0-1.329.607q-.661.343-1.309.654t-1.279.589q-.632.277-1.25.523-.3.173-.661.347a3.554,3.554,0,0,1-.7.259,6.935,6.935,0,0,0-.737.216,2.252,2.252,0,0,1-.7.129,1.985,1.985,0,0,1-1.133-.271c-.126-.06-.259-.119-.4-.178a1.758,1.758,0,0,1-.4-.179c-.057-.059-.125-.265-.226-.443a1.006,1.006,0,0,1-.151-.486.5.5,0,0,1,.095-.33,1.789,1.789,0,0,0,.208-.33q.832-.369,1.659-.749t1.649-.768q.822-.389,1.677-.754c.57-.243,1.153-.481,1.744-.705.526-.2,1.066-.394,1.611-.587s1.1-.384,1.658-.572,1.136-.359,1.725-.513,1.192-.29,1.81-.409q.228-.837.462-1.659t.475-1.628q.241-.806.488-1.6t.509-1.579q.262-.789.538-1.576t.568-1.572q.19-.557.4-1.118t.437-1.126q.228-.565.428-1.157t.371-1.212q.19-.553.362-1.173c.114-.412.291-.829.437-1.211s.273-.786.438-1.166a4.6,4.6,0,0,0,.286-1.172,1,1,0,0,0,0-.345.607.607,0,0,1,0-.3c.051-.227.29-.423.719-.585a2.159,2.159,0,0,1,1.172-.169,2.831,2.831,0,0,1,.642.3,2.368,2.368,0,0,1,.6.487,2.193,2.193,0,0,1,.414.69,1.667,1.667,0,0,1,.074.862,2.178,2.178,0,0,1-.437.984,5.069,5.069,0,0,0-.588.978l-.455,1.008-.456,1.01q-.228.527-.441,1.061t-.413,1.075q-.2.541-.4,1.077t-.413,1.067q-.3.679-.6,1.369t-.576,1.392q-.283.7-.555,1.414t-.53,1.457q-.258.744-.5,1.517t-.471,1.578q.945-.21,1.873-.421t1.839-.421q.911-.211,1.806-.421.671-.158,1.363-.291t1.405-.242q.713-.108,1.448-.191t1.49-.142q.266-.782.535-1.554t.541-1.537q.272-.764.547-1.52t.553-1.5q.278-.747.56-1.485t.565-1.473q.284-.735.571-1.468t.578-1.464q.29-.731.583-1.459t.589-1.454a1.619,1.619,0,0,1,.172-.722c.114-.229.213-.5.322-.752.148-.339.342-.693.493-1.03s.29-.742.456-1.114c.126-.285.284-.576.4-.845a1.606,1.606,0,0,0,.059-.957,2.972,2.972,0,0,1,.3-.725q.189-.317.455-.709.189-.233.36-.466a1.96,1.96,0,0,1,.359-.381.806.806,0,0,1,.548-.174,1.664,1.664,0,0,1,.622.146,1.389,1.389,0,0,1,.509.385,1.084,1.084,0,0,1,.244.585q0,.125,0,.311a1.059,1.059,0,0,1-.038.307,3.055,3.055,0,0,1-.266.742,4.366,4.366,0,0,0-.3.781q-.246.537-.493,1.108t-.493,1.174q-.247.6-.493,1.167t-.493,1.086c-.268.591-.492,1.085-.7,1.546l-.611,1.354c-.209.463-.432.96-.7,1.558q-.191.45-.342.817t-.341.735a1.048,1.048,0,0,1-.114.182,1,1,0,0,0-.114.182q-.228.533-.4,1.07t-.361,1.032q-.323.762-.627,1.532t-.589,1.549q-.285.779-.561,1.565t-.541,1.58l1.46-.174,1.511-.177,1.561-.181q.793-.091,1.594-.129t1.611-.023q.809.015,1.627.082c-.126.077-.157.165-.095.265a1.263,1.263,0,0,0,.245.28.326.326,0,0,1-.208.094.325.325,0,0,0-.208.094.737.737,0,0,0,.208-.032.366.366,0,0,1,.283.054c-.025.055-.1.072-.226.052s-.2.011-.227.093q-.982.038-1.774.149t-1.662.2c-.051-.03-.05-.016,0,.042s.075.073.076.045c0,.028-.12.086-.359.173s-.384.145-.434.171a3.8,3.8,0,0,1-1.1.125l-.415.11a.606.606,0,0,1-.3.073,1,1,0,0,0-.3.031.794.794,0,0,0-.227.118.753.753,0,0,1-.265.116l-.037-.043-.076-.087a.509.509,0,0,0-.208.056c-.088.039-.17.072-.246.1q-.6.147-1.1.257a2.616,2.616,0,0,0-.907.392Z" transform="translate(-211.039 -153.677)" fill="#1e1e1e"></path> <path d="M444.974,306.751a1.834,1.834,0,0,1-.039.63,2,2,0,0,1-.228.541,4.7,4.7,0,0,0-.19.523,2.817,2.817,0,0,1-.265.561,2.47,2.47,0,0,0-.549.818,1.68,1.68,0,0,1-.549.738,15.7,15.7,0,0,1-1.286,1.295,8.269,8.269,0,0,1-1.116.814,1.394,1.394,0,0,1-1,.265,2.351,2.351,0,0,1-1.17.159,2.543,2.543,0,0,1-1.019-.356,2.334,2.334,0,0,1-.753-.768,2.691,2.691,0,0,1-.375-1.114.871.871,0,0,1-.037-.314.358.358,0,0,1,.114-.309.831.831,0,0,1,.02-.625,1.6,1.6,0,0,0,.133-.58l.342-1.051.342-1.049a.177.177,0,0,0,.132-.141c.013-.068.044-.1.095-.1a5.558,5.558,0,0,1,.626-1.138,12.814,12.814,0,0,1,.814-1.042q.228-.321.511-.68a4.452,4.452,0,0,1,.605-.632,1.45,1.45,0,0,1,.661-.338.7.7,0,0,1,.641.239,2.167,2.167,0,0,1,.641.28c.025.057.056.058.094,0a.09.09,0,0,1,.132-.034.48.48,0,0,1,.283.015,3.09,3.09,0,0,1,.434.146c.15.063.289.125.414.186a.857.857,0,0,1,.264.177l.376.592q.453-.1,1.415-.212.481-.056.986-.094t1.033-.06q.528-.022,1.018-.014t.943.043a2.626,2.626,0,0,1,1.319.377.13.13,0,0,0,.094.045.134.134,0,0,1,.094.046.113.113,0,0,0,.076.044q.226-.027.245.054c.013.054.069.084.17.089.125.114.151.228.075.344a.575.575,0,0,1-.265.244,3.553,3.553,0,0,0-.509.092,1.537,1.537,0,0,1-.189.13.732.732,0,0,1-.321.063c-.15.006-.44,0-.867-.026a8.042,8.042,0,0,0-1.113.023,9.334,9.334,0,0,0-1.189.182c-.4.088-.787.171-1.151.248s-.674.151-.925.221a1.187,1.187,0,0,0-.039.263c0,.068,0,.13,0,.184m-2.712-2.09a2.03,2.03,0,0,0-.377-.1.473.473,0,0,1-.339-.181l-.113.119a1.412,1.412,0,0,0-.36.477,4.309,4.309,0,0,1-.322.6c-.107.156-.29.4-.492.722s-.4.665-.606,1.029-.386.716-.55,1.056a2.854,2.854,0,0,0-.285.8q-.115.535-.3,1.151a1.658,1.658,0,0,0,.072,1.205,5.585,5.585,0,0,0,1.455-.786,8.086,8.086,0,0,0,1.153-1.077l.228-.281c.1-.188.29-.539.568-1.048a10.7,10.7,0,0,0,.7-1.573,4.068,4.068,0,0,0,.268-1.443c-.012-.424-.345-.58-.7-.669" transform="translate(-271.633 -188.505)" fill="#1e1e1e"></path> <path d="M476.928,267.719c.078.136.213.26.263.344a.844.844,0,0,1,0,.43,1.41,1.41,0,0,1-.132.512c-.088.159-.2.311-.245.421-.074.18-.12.423-.208.583a2.163,2.163,0,0,0-.208.623q-.189.489-.373.984t-.364,1q-.18.5-.373.97a6.562,6.562,0,0,1-.4.9,6.059,6.059,0,0,0-.623,1.088q-.208.574-.4,1.19-.328.8-.656,1.619t-.656,1.645q-.328.829-.656,1.671t-.644,1.706q-.315.864-.619,1.75t-.594,1.795a8.391,8.391,0,0,1-.361,1.428,11.255,11.255,0,0,0-.4,1.469,1.357,1.357,0,0,1-.076.479,4,4,0,0,0-.154,1.361.267.267,0,0,0-.265.134.323.323,0,0,1-.227.176.385.385,0,0,1-.4-.271c-.062-.176-.169-.253-.321-.23a.842.842,0,0,0-.207-.328.559.559,0,0,1-.169-.368,6.293,6.293,0,0,1,.154-1.206,8.847,8.847,0,0,1,.266-1.12q.134-.861.314-1.675t.409-1.577q.228-.763.456-1.5t.455-1.445a.1.1,0,0,0-.076.036l.038-.038v-.08a.337.337,0,0,0,.189-.25,1.427,1.427,0,0,1,.114-.334q.151-.552.455-1.393t.644-1.715q.341-.874.662-1.685t.511-1.272v-.04q.227-.478.43-.966t.383-.988q.18-.5.364-1.006c.123-.338.245-.685.373-1.022.193-.5.391-1.034.567-1.582s.338-1.067.492-1.543c.122-.378.186-.806.265-1.151.032-.141.232-.261.546-.329a1.379,1.379,0,0,1,.771.014.961.961,0,0,1,.432.287c.088.114.151.337.244.5" transform="translate(-290.971 -166.113)" fill="#1e1e1e"></path> <path d="M492.058,313.541a3.058,3.058,0,0,1,1.282-.169q.565.064.678.315c.076.168-.057.362-.4.587a3.347,3.347,0,0,1-.731.335,12.083,12.083,0,0,1-1.173.328,4.285,4.285,0,0,1-.547.132q-.472.1-.98.174t-.867.142c-.239.043-.308.054-.207.031a6.94,6.94,0,0,0-.962.257q-.585.193-1.245.386t-1.246.332a2.149,2.149,0,0,1-.962.05,1.057,1.057,0,0,0-.264.032.418.418,0,0,1-.3-.048.884.884,0,0,1-.359.108,1.818,1.818,0,0,0-.434.106.614.614,0,0,0-.434-.012.724.724,0,0,1-.472-.013.354.354,0,0,1-.283-.067,3.175,3.175,0,0,0-.358-.227c-.115-.048-.22-.072-.207-.125s-.019-.12-.094-.2a2.108,2.108,0,0,1,.059-1.445,4.064,4.064,0,0,1,.832-1.256,8.368,8.368,0,0,1,1.17-1.017,12.179,12.179,0,0,0,1.038-.817.985.985,0,0,1,.245-.243c.138-.111.283-.234.434-.37a4.546,4.546,0,0,1,.434-.349.844.844,0,0,1,.245-.144.513.513,0,0,1,.17-.166.813.813,0,0,0,.17-.128.909.909,0,0,1,.208-.3.419.419,0,0,1,.189-.087.553.553,0,0,0,.207-.085,1.757,1.757,0,0,0,.264-.3,4.441,4.441,0,0,1,.453-.419q.227-.2.377-.345a.536.536,0,0,0,.17-.241c.012-.063-.069-.1-.245-.112a3.282,3.282,0,0,0-.942.1,7.987,7.987,0,0,0-1.055.326,10.563,10.563,0,0,0-.981.432,3.793,3.793,0,0,0-.717.45l-.113.072a.748.748,0,0,1-.34.3,1.015,1.015,0,0,1-.49.093,1.2,1.2,0,0,1-.509-.145.677.677,0,0,1-.32-.49,1.4,1.4,0,0,1,.115-1.08,1.939,1.939,0,0,1,.736-.647,3.237,3.237,0,0,1,1.018-.331c.364-.056.7-.113.961-.135.24-.02.66-.062,1.225-.155s1.149-.176,1.752-.251a14.02,14.02,0,0,1,1.676-.114,1.268,1.268,0,0,1,1,.282,1.119,1.119,0,0,1,.169,1.025,1.233,1.233,0,0,1-.66.78,1.057,1.057,0,0,1-.565.656q0,.153-.3.136a.865.865,0,0,1-.3.482,1.317,1.317,0,0,1-.452.245q-.642.427-1.414.97-.387.271-.76.584t-.731.668a10.551,10.551,0,0,1-1.378,1.193,1.7,1.7,0,0,0-.7.8q-.226-.008-.3.3.716-.152,1.4-.279t1.321-.23q.641-.1,1.2-.182t1.028-.138q.942-.116,1.471-.131t.527.023c.025,0,.12-.008.283-.026s.345-.048.547-.091l.754-.119" transform="translate(-299.641 -190.835)" fill="#1e1e1e"></path> <path d="M49.815,126.9q.852-9.89-11.979-13.609,10.638-3.087,11.281-10.546.872-10.136-15.5-11.546a80.854,80.854,0,0,0-21.156.954,49.945,49.945,0,0,1,2.14,8.354l7.266-.929Q10.6,121.32,0,140.09q4.9,3.77,7.18,5.764l.654-1.3c9.077.27,21.9-.826,28.493-3.292q12.656-4.71,13.487-14.356M31.825,99.053c1.038.036,1.827.074,2.373.121q6.2.534,5.9,3.939-.224,2.6-5.081,4.628a36.065,36.065,0,0,1-9.333,2.462Zm-.594,34.987A54.005,54.005,0,0,1,12,136.387l9.627-18.4c4.166.374,12.465,1.217,14.773,2.529q4.442,2.508,4.154,5.83-.412,4.782-9.319,7.689" transform="translate(0 -56.581)" fill="#18574f"></path> <path d="M531.128,125.593a62.764,62.764,0,0,0-15.453,12.516q2.778-6.291,4.114-8.868-4.926-2.106-7.259-3.275-1.79,5.423-7.667,18.754-6.055,13.905-9.808,20.6,5.085,1.949,7.424,2.96,3.664-11.417,9.938-18.481a85.857,85.857,0,0,1,22.591-17.72q-2.855-4.518-3.88-6.485" transform="translate(-308.143 -78.174)" fill="#18574f"></path> <path d="M355.776,165.881a174.96,174.96,0,0,1,7.11-19.966,156.3,156.3,0,0,1,8.985-18.638l-4.023-4.53A100.844,100.844,0,0,0,356.8,131.9a117.978,117.978,0,0,0-10.314,10.659q6.463-13.544,8.387-18.122-4.919-2.238-6.386-3.078-1.862,4.889-7.352,17.391-5.818,13.419-9.2,20.261,4.485,2.218,6.309,3.151,5.116-10.418,21.739-25.227a205.279,205.279,0,0,0-10.734,25.791q4.494,2.06,6.524,3.161" transform="translate(-206.612 -75.536)" fill="#18574f"></path> <path d="M450.589,153.938q-3.8-2.763-5.683-4.392a28.565,28.565,0,0,1-5.776,6.7q-3.479,2.986-5.726,2.91-2.719-.087-2.578-4.378a15.014,15.014,0,0,1,.591-3.6c5.831-1.721,15.49-5.535,19.23-8.626q6.948-5.716,7.157-12.231a6.59,6.59,0,0,0-1.819-4.969,7.075,7.075,0,0,0-5.1-2.1q-8.463-.276-17.823,10.477-9.527,11-9.885,22.042a12.354,12.354,0,0,0,2.147,8.033,7.673,7.673,0,0,0,6.188,3.217q9.546.311,19.073-13.082m-7.841-19.4q3.76-3.176,5.7-3.115c.779.026,1.153.4,1.13,1.109q-.064,1.983-4.2,5.063a29.643,29.643,0,0,1-9.555,4.725,33.657,33.657,0,0,1,6.934-7.781" transform="translate(-263.399 -76.713)" fill="#18574f"></path> <path d="M151.607,134.276a38.443,38.443,0,0,1-6.7-4.47q-1.757,4.709-7.657,18.593-5.828,13.484-8.3,18.829a41.709,41.709,0,0,1,6.782,4.23q8.3-20.825,15.877-37.182" transform="translate(-80.263 -80.797)" fill="#18574f"></path> <path d="M188.054,75.619a8.019,8.019,0,0,1,.624-3.572c.081-.223-2.3.242-4.212.6-2.047.378-11.614,1.156-13.475,8.051-.795,3.362.44,7.606,2.548,8.37,1.687.612,1.146-.139,1.067,1.073a14.277,14.277,0,0,0,.373,3.191l.562-.035a25.657,25.657,0,0,1,0-3.063c.111-1.224,5.426,4.288,11.477-.795,4.608-3.871,1.121-11.092,1.037-13.818m1.025,8.847a3.063,3.063,0,0,1-1.651.77,6.885,6.885,0,0,1-1.328-.077l-1.878,1.05a6.1,6.1,0,0,0,1.458.526,3.52,3.52,0,0,0,1.2-.038c.077-.055,1.116-.777,1.671-.577a.019.019,0,0,1,0,.036,2.862,2.862,0,0,0-1.442.681,1.23,1.23,0,0,0,.435.524,1.057,1.057,0,0,0,.54.125c.01,0,.018.006.02.015a.019.019,0,0,1-.013.022,1.156,1.156,0,0,1-.648.008c-.331-.12-.376-.2-.456-.353-.024-.044-.051-.094-.09-.153A4.009,4.009,0,0,1,185.753,87a10.782,10.782,0,0,1-1.736-.516l-2.81,1.122a5.368,5.368,0,0,0,1.39.73c.961.365,4.606-.19,4.642-.2a.017.017,0,0,1,.022.015.019.019,0,0,1-.014.022l-1.163.322.5.523a.019.019,0,0,1-.024.029l-.812-.507-1.362.157a1.562,1.562,0,0,0,.6.623,2.488,2.488,0,0,0,.836.3.019.019,0,0,1,.016.019.019.019,0,0,1-.016.019,1.62,1.62,0,0,1-1-.154,4.044,4.044,0,0,1-.788-.731,4.236,4.236,0,0,1-1.559-.174,12.5,12.5,0,0,1-1.615-.788l-.507.236a1.423,1.423,0,0,0,.709.7.018.018,0,0,1,.012.017.019.019,0,0,1-.011.018c-.393.183-.981-.583-1.055-.684l-2.553.473a12.794,12.794,0,0,0,2.772,1.352,17.633,17.633,0,0,0,4.229.3h0a.019.019,0,0,1,.019.017.019.019,0,0,1-.016.021l-1.051.174a.731.731,0,0,0,.455.42.019.019,0,0,1,.012.017.02.02,0,0,1-.011.018c-.27.125-.736-.33-.794-.389l-.96-.046a2.046,2.046,0,0,0,.439.519.019.019,0,0,1,.006.022.02.02,0,0,1-.02.012c-.349-.035-.662-.536-.708-.612l-1.473-.08a2.762,2.762,0,0,0,.52.805.019.019,0,0,1,0,.025.019.019,0,0,1-.025,0,2.257,2.257,0,0,1-.723-.9,5.306,5.306,0,0,1-1.182-.467,11.63,11.63,0,0,1-1.744-1.108l0,0a.691.691,0,0,0-.252-.22,1.118,1.118,0,0,0-.459,0,.017.017,0,0,1-.016,0L176,88.058a2.524,2.524,0,0,1-1.729-.126,10.244,10.244,0,0,1-2.583-1.775.018.018,0,0,1,0-.026.019.019,0,0,1,.026,0,15.226,15.226,0,0,0,2.635,1.6,1.894,1.894,0,0,0,1.4.076l-2.964-3.322a1.635,1.635,0,0,1-.907-.069,1.313,1.313,0,0,1-.638-.38.018.018,0,0,1,0-.022.021.021,0,0,1,.021-.006l.653.238a1.234,1.234,0,0,0,.792-.028l-1.22-2.611a.019.019,0,0,1,.034-.017l1.53,2.715a23.658,23.658,0,0,0,1.785,2.172c.678.684,1.542,1.5,1.742,1.682l-.81-4.242a10.638,10.638,0,0,1-1.466-1.273,7.6,7.6,0,0,1-1.213-1.581,1.714,1.714,0,0,1-.887-.327l-.441-.494a.018.018,0,0,1,0-.022.019.019,0,0,1,.021-.008,1.179,1.179,0,0,1,.54.389.8.8,0,0,0,.66.249c-.009-.071-.042-.339-.111-.786a1.322,1.322,0,0,0-.358-.764.019.019,0,0,1,0-.026.02.02,0,0,1,.025,0,1.349,1.349,0,0,1,.557.735c.078.417.161.871.161.871a5.435,5.435,0,0,0,1.27,1.67l1.235,1.049a8.888,8.888,0,0,1-.167-1.831c.049-.622.08-1.009.085-1.078a3.255,3.255,0,0,1-1.247-1.365,17.948,17.948,0,0,1-.385-2.362.019.019,0,0,1,.016-.02c.011,0,.02.006.021.016a14.405,14.405,0,0,0,.556,2.274,2.568,2.568,0,0,0,1.065,1.165l.375-1.807c-.085-.091-.829-.893-.821-1.356.006-.479.017-1.163.017-1.163a.019.019,0,0,1,.017-.018h0a.019.019,0,0,1,.018.014,6.065,6.065,0,0,1,.142,1.093,2.182,2.182,0,0,0,.735,1.187l.5-1.706a1.145,1.145,0,0,1-.361-1.243.019.019,0,0,1,.02-.012.019.019,0,0,1,.016.018,1.483,1.483,0,0,0,.466,1.02l.758-1.407A.018.018,0,0,1,177.61,75a.019.019,0,0,1,.009.025l-.777,1.747a33.584,33.584,0,0,0-.894,3.774c-.04.376-.064.754-.072,1.123a2.305,2.305,0,0,0,1.116-.828.019.019,0,0,1,.021-.008.018.018,0,0,1,.013.018c0,.481-.711.868-1.017,1.033a1.228,1.228,0,0,0-.136.079,9.692,9.692,0,0,0,.186,1.887l.86,4.326,1.611-2.572c-.077-.117-.695-1.1-.429-1.592a.019.019,0,0,1,.019-.01.019.019,0,0,1,.016.015,3.029,3.029,0,0,0,.589,1.275l.832-1.325a27.932,27.932,0,0,1-.97-3.5c-.244-1.414.6-5,.609-5.036a.017.017,0,0,1,.022-.014.019.019,0,0,1,.015.022,21.873,21.873,0,0,0-.431,4.99,16.43,16.43,0,0,0,.995,3.287L181.5,80.64a15.592,15.592,0,0,1-.63-2.923,8.272,8.272,0,0,1,.481-2.315.02.02,0,0,1,.023-.012.019.019,0,0,1,.014.022,17.013,17.013,0,0,0-.321,2.194,9.924,9.924,0,0,0,.607,2.785l1.479-2.136a5.664,5.664,0,0,1-.286-1.965,3.21,3.21,0,0,1,.57-1.57.019.019,0,0,1,.025,0,.019.019,0,0,1,.007.024,4.132,4.132,0,0,0-.366,1.529,7.373,7.373,0,0,0,.31,1.766l1.121-1.681a1.051,1.051,0,0,1-.377-.826,4,4,0,0,1,.384-.954.018.018,0,0,1,.023-.008.019.019,0,0,1,.011.023s-.135.489-.209.9a.89.89,0,0,0,.335.73l1.834-2.475a.019.019,0,0,1,.026,0,.019.019,0,0,1,0,.026l-1.691,2.508a1.448,1.448,0,0,0,.814.016c.412-.134,1.146-.345,1.153-.347a.019.019,0,0,1,.023.011.019.019,0,0,1-.008.024,6.1,6.1,0,0,1-1.141.533,2.716,2.716,0,0,1-.941.076l-1.161,1.589a2.59,2.59,0,0,0,1.375-.159,18.48,18.48,0,0,0,1.835-1.119.018.018,0,0,1,.026,0,.019.019,0,0,1,0,.026,13.285,13.285,0,0,1-1.806,1.352,4.915,4.915,0,0,1-1.615.249L182,80.541a6.125,6.125,0,0,0,2.266-.447,15.914,15.914,0,0,0,2.63-1.793.019.019,0,0,1,.026.028l-.057.057a11.443,11.443,0,0,1-2.477,2.042,7.887,7.887,0,0,1-2.658.563l-1.782,3.027a12.9,12.9,0,0,0,2.705-.527,18.443,18.443,0,0,0,4.1-2.438c.026-.114.311-1.335.832-1.406a.018.018,0,0,1,.019.01.019.019,0,0,1,0,.022,2.418,2.418,0,0,0-.605,1.329,1.4,1.4,0,0,0,.785,0,1.623,1.623,0,0,0,.838-.39.018.018,0,0,1,.026,0,.019.019,0,0,1,0,.026,1.845,1.845,0,0,1-.9.649,1.552,1.552,0,0,1-.86,0,18.2,18.2,0,0,1-4.05,2.485,15.675,15.675,0,0,1-3.1.663l-1.172,1.822a2.283,2.283,0,0,0,1.256-.165.018.018,0,0,1,.02,0,.019.019,0,0,1,0,.02c-.2.56-1.335.451-1.471.436L177.245,88.3l2.771-.521,2.1-.979c-.022-.135-.167-1.1.146-1.5a.42.42,0,0,1,.313-.168.021.021,0,0,1,.018.009.019.019,0,0,1,0,.02,1.952,1.952,0,0,0-.173,1.564c.156-.071,1.2-.549,1.536-.726.512-.275,1.933-1.132,2-1.17l1.406-1.441c.093-.162.839-1.437,1.187-1.437a.121.121,0,0,1,.042.007.092.092,0,0,1,.062.069c.056.259-.843,1.16-1.01,1.324a2.574,2.574,0,0,0,.948.081,4.815,4.815,0,0,0,.571-.362.019.019,0,0,1,.025,0,.019.019,0,0,1,0,.025,2.3,2.3,0,0,1-.589.522,2.764,2.764,0,0,1-1.031.011l-1.349,1.211a5.275,5.275,0,0,0,1.286.16h.023a2.9,2.9,0,0,0,1.534-.571.019.019,0,0,1,.024.029" transform="translate(-106.281 -44.809)" fill="#18574f"></path> <path d="M263.3,117.979a66.883,66.883,0,0,1,23.183-12.445q-3.58-4.355-4.982-5.758a75.835,75.835,0,0,0-19.834,11.048q5.057-12.448,10.89-23.959a72.3,72.3,0,0,1-6.61-4.124q-2.546,6.359-9,21.207l-.8,1.831h0c-1,2.3-2.061,4.721-3.192,7.3q-4.587,10.5-11.2,24.427a70.456,70.456,0,0,1,6.457,4.121q3.655-9.1,8.868-20.457a161.065,161.065,0,0,0,10.968,28.7q4.978-1.946,7.467-2.8a122.284,122.284,0,0,1-6.614-14.315q-.076-.23-5.6-14.778" transform="translate(-150.48 -51.501)" fill="#18574f"></path> <path d="M205.834,125.593a62.751,62.751,0,0,0-15.452,12.516q2.776-6.291,4.113-8.868-4.924-2.106-7.258-3.275-1.788,5.424-7.668,18.754-6.051,13.906-9.807,20.6,5.086,1.949,7.424,2.96,3.662-11.416,9.939-18.481a81.728,81.728,0,0,1,22.6-17.7c-1.715-2.726-3.248-5.276-3.891-6.506" transform="translate(-105.667 -78.174)" fill="#18574f"></path> <text transform="translate(113 19)" fill="#17302d" font-size="25" font-family="Nexa-Bold" font-weight="700" letter-spacing="0.04em"><tspan x="-73" y="0">Schreinerei</tspan></text> </svg> </a> </div> <div class="flex flex-col items-center py-12 space-y-12 overflow-y-scroll max-h-[calc(100vh-160px)] text-xl"> <a class="text-casal hover:underline underline-offset-8" @click="slideOut = false" href="#hero">Home</a> <a class="text-casal hover:underline underline-offset-8" @click="slideOut = false" href="#schreinerei">Schreinerei</a> <a class="text-casal hover:underline underline-offset-8" @click="slideOut = false" href="#philosophie">Philosophie</a> <a class="text-casal hover:underline underline-offset-8" @click="slideOut = false" href="#portfolio">Portfolio</a> <a class="text-casal hover:underline underline-offset-8" @click="slideOut = false" href="#kontakt">Kontakt</a> </div> <div class="flex justify-center"> <div class="my-auto text-center text-casal"> <a class="hover:font-bold hover:underline underline-offset-8" href="https://www.schreinerei-birkner.de/datenschutz">Datenschutz</a> | <a class="hover:font-bold hover:underline underline-offset-8" href="https://www.schreinerei-birkner.de/impressum">Impressum</a> </div> </div> </div> </div> <aside class="fixed left-0 z-50 bottom-8 lg:bottom-16"> <div class="flex items-center justify-center w-8 h-8 border border-l-0 border-gray-700 bg-casal md:hidden"> <a href="tel: 09642 550" aria-label="Telefon"> <div class="flex items-center justify-center w-4 h-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.833" height="19.833" viewBox="0 0 19.833 19.833"> <path d="M9.594,13.963,5.87,10.239a1.026,1.026,0,0,1,0-1.452L9.134,5.523l-5.4-5.4a.419.419,0,0,0-.6.006A11.723,11.723,0,0,0,19.7,16.7a.418.418,0,0,0,.006-.6l-5.4-5.4-3.264,3.264a1.026,1.026,0,0,1-1.452,0" fill="#fff"></path> </svg></div> </a> </div> <div class="items-center justify-center hidden w-40 h-8 duration-500 transform -translate-x-32 border border-l-0 border-gray-700 bg-casal md:flex hover:translate-x-0"> <p class="w-32 pr-4 text-sm text-white"><a href="tel:09642550">09642 550</a></p> <div class="flex items-center justify-center w-4 h-4"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.833" height="19.833" viewBox="0 0 19.833 19.833"> <path d="M9.594,13.963,5.87,10.239a1.026,1.026,0,0,1,0-1.452L9.134,5.523l-5.4-5.4a.419.419,0,0,0-.6.006A11.723,11.723,0,0,0,19.7,16.7a.418.418,0,0,0,.006-.6l-5.4-5.4-3.264,3.264a1.026,1.026,0,0,1-1.452,0" fill="#fff"></path> </svg></div> </div> <div class="flex items-center justify-center w-8 h-8 mb-4 border border-t-0 border-l-0 border-gray-700 bg-casal"> <a href="mailto:[email protected]" aria-label="Mail"> <div class="flex items-center justify-center w-4 h-4"><svg xmlns="http://www.w3.org/2000/svg" width="19.833" height="15.264" viewBox="0 0 19.833 15.264"> <path d="M2.813,0,10.5,12.247,18.183,0Z" transform="translate(-0.581 0)" fill="#fff"></path> <path d="M0,15.654H19.833V1.886L9.917,12.909,0,1.885Z" transform="translate(0 -0.39)" fill="#fff"></path> </svg></div> </a> </div> </aside> <article id="hero" class="hero glide--ltr glide--slider glide--swipeable"> <div class="relative glide__track" data-glide-el="track"> <ul class="glide__slides" style="transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1); width: 5745px; transform: translate3d(-3830px, 0px, 0px);"> <li class="glide__slide" style="width: 1905px; margin-right: 5px;"> <div class="flex flex-wrap md:flex-nowrap"> <div class="md:w-3/4"> <img alt="wood-slice" src="https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1706" class="lozad " srcset="https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-2560x.webp 2560w" data-loaded="true"> </div> <div class="md:w-1/4 my-8 md:mt-auto md:mb-[10%] mx-auto"> <div class="mx-8 md:mx-0"> <h2 class="text-2xl font-bold text-casal md:-ml-96 md:text-5xl 2xl:text-[76px]"> <p>Wir formen Holz</p> </h2> <h3 class="text-xl md:mt-8 md:-ml-96 md:text-[55px]"> <p>Natürlich einzigartig.</p> </h3> <div class="pl-8 mt-4 text-xs md:pl-32 md:mt-16 md:-ml-64 md:text-base"> <p>Unikate fürs Wohnen:<br>Tische, Stühle, Küchen, Badmöbel –<br>unvergleichlich geschreinert.</p> </div> </div> </div> </div> </li><li class="glide__slide glide__slide--active" style="width: 1905px; margin-left: 5px; margin-right: 5px;"> <div class="flex flex-wrap md:flex-nowrap"> <div class="md:w-3/4"> <img alt="circular-saw-blade" src="https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1707" class="lozad " srcset="https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-2560x.webp 2560w" data-loaded="true"> </div> <div class="md:w-1/4 my-8 md:mt-auto md:mb-[10%] mx-auto"> <div class="mx-8 md:mx-0"> <h2 class="text-2xl font-bold text-casal md:-ml-96 md:text-5xl 2xl:text-[76px]"> <p>Wir gestalten Holz</p> </h2> <h3 class="text-xl md:mt-8 md:-ml-96 md:text-[55px]"> <p>Natürlich wunderschön.</p> </h3> <div class="pl-8 mt-4 text-xs md:pl-32 md:mt-16 md:-ml-64 md:text-base"> <p>Unikate fürs Wohlfühlen:<br>Fenster, Türen, Böden, Treppen –<br>gefertigt mit Leidenschaft.</p> </div> </div> </div> </div> </li><li class="glide__slide" style="width: 1905px; margin-left: 5px;"> <div class="flex flex-wrap md:flex-nowrap"> <div class="md:w-3/4"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1708" class="lozad " srcset="https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-2560x.webp 2560w" data-loaded="true"> </div> <div class="md:w-1/4 my-8 md:mt-auto md:mb-[10%] mx-auto"> <div class="mx-8 md:mx-0"> <h2 class="text-2xl font-bold text-casal md:-ml-96 md:text-5xl 2xl:text-[76px]"> <p>Wir bauen auf Holz</p> </h2> <h3 class="text-xl md:mt-8 md:-ml-96 md:text-[55px]"> <p>Natürlich funktional.</p> </h3> <div class="pl-8 mt-4 text-xs md:pl-32 md:mt-16 md:-ml-64 md:text-base"> <p>Unikate für Arbeit und Freizeit:<br>Gastronomie, Büro, Konferenzen, Messen –<br>wohlfühlen nach Maß.</p> </div> </div> </div> </div> </li> </ul> <div class="absolute flex gap-2 transform -translate-x-1/2 bottom-2 md:bottom-4 left-1/2 glide__bullets" data-glide-el="controls[nav]"> <button aria-label="slide0" tabindex="-1" class="w-3 h-3 border-2 rounded-full glide__bullet border-casal bg-casal" data-glide-dir="=0"></button> <button aria-label="slide1" tabindex="-1" class="w-3 h-3 border-2 rounded-full glide__bullet border-casal bg-casal glide__bullet--active" data-glide-dir="=1"></button> <button aria-label="slide2" tabindex="-1" class="w-3 h-3 border-2 rounded-full glide__bullet border-casal bg-casal" data-glide-dir="=2"></button> </div> </div> </article><article id="schreinerei" class="bg-casal" x-data="{ tab: 'start' }" x-ref="article"> <div class="grid grid-cols-3 gap-12 pt-16" x-show="tab === 'start'"> <div class="col-span-3 mx-8 space-y-12 text-white md:col-span-2 md:ml-32"> <h2 class="text-xl font-bold md:text-4xl"> <p>Von Möbelbau bis Innenbau</p> </h2> <h3 class="-ml-2 text-xl md:mr-12 md:text-3xl md:-ml-12"> <p>Natürlich alles aus einer Hand.<br>Ihre Schreinerei für die Nordoberpfalz und Franken.</p> </h3> <div class="max-w-sm"> <p>Wir planen und fertigen Möbel aus Holz – machen Häuser natürlich schön mit unseren Böden, Türen, Treppen. Wir modernisieren Wohnungen, schaffen Wohlfühlräume für Arbeit und Freizeit.</p> </div> </div> <div class="w-1/2 max-w-xs col-span-3 mx-8 place-self-center md:w-auto md:col-span-1 md:mr-32"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="614" height="703" class="lozad "> </div> <div class="self-center col-span-3 mx-8 md:ml-32 xl:col-span-1"> <div class="max-w-[16rem] -ml-2 md:mr-12 md:-ml-12"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 286.94 71.283"> <g fill="#fff"> <path d="M.024,68.186a9.34,9.34,0,0,1,.167-2.138q.134-1.067.368-2.129t.467-2.053c.156-.66.3-1.326.468-1.906.264-.884.579-1.851.8-2.826s.444-1.851.667-2.627q.377-1.369.755-2.742t.755-2.751q.377-1.378.755-2.76T6,43.483q.392-1.388.8-2.783t.829-2.795c.24-.839.419-1.47.6-2.1s.359-1.262.6-2.105q.532-1.555.931-3.069.2-.757.415-1.594c.144-.557.273-1.179.448-1.754.183-.6.421-1.236.6-1.853s.385-1.4.6-2.338c.136-.6.232-1.117.3-1.515a2.978,2.978,0,0,1,.3-1.1c.173-.191.688-.418,1-.71a.737.737,0,0,1,1.067.041.32.32,0,0,0,.366.023q.233-.1.3.379l.133.053a.8.8,0,0,1,.2.288c.044.11.1.325.2.565a7.673,7.673,0,0,1,.3,1.976,13.957,13.957,0,0,1-.007,1.736q-.057.943-.222,2.035-.267.584-.6,1.241a9.975,9.975,0,0,0-.532,1.232,3.208,3.208,0,0,1-.266,1.064c-.245.618-.51,1.2-.731,1.731s-.444,1.125-.665,1.788-.433,1.362-.632,2.091a15.268,15.268,0,0,1-.7,2.022,1.2,1.2,0,0,1-.033.278,1.461,1.461,0,0,0-.033.346,19.087,19.087,0,0,0-.666,1.875c-.222.728-.478,1.438-.666,2.076-.247.842-.455,1.713-.7,2.483s-.468,1.568-.7,2.34c-.248.827-.5,1.58-.7,2.229s-.434,1.3-.7,1.952q-.367,1.009-.692,2.055t-.607,2.13q-.283,1.083-.609,2.057t-.692,1.833c-.32,1.006-.587,1.843-.836,2.622s-.48,1.5-.729,2.279-.517,1.608-.837,2.6q-.335.883-.6,1.8a7.723,7.723,0,0,1-.6,1.523,1.973,1.973,0,0,1-.735.147c-.268,0-.415-.227-.468-.661a2.856,2.856,0,0,1,.033-.937,2.442,2.442,0,0,0-.033-.869" transform="translate(0 -6.472)"></path> <path d="M45.687,59.927c-.357.254-.512.368-.467.341s-.008.265-.2.478a11.1,11.1,0,0,1-1.37.874,16.531,16.531,0,0,1-2,1.07,11.054,11.054,0,0,1-2.239.747,4.85,4.85,0,0,1-2.006-.085,5.424,5.424,0,0,1-1.84-.518,6.814,6.814,0,0,1-1.306-1.169.868.868,0,0,0-.2-.7,1.735,1.735,0,0,1-.336-.842l-.067-.069a13.067,13.067,0,0,1-.337-1.266.8.8,0,0,1-.034-.389c.022-.118,0-.317.033-.463a.56.56,0,0,0,0-.319,1.318,1.318,0,0,1-.068-.46c-.092-.8-.147-1.426-.171-1.875a17.465,17.465,0,0,1,.03-1.812,3.548,3.548,0,0,0-.667.849,1.994,1.994,0,0,1-.934.787c.043.094,0,.213-.133.36l-.267.225-.2.434-.167.185-.1.11c-.09.1-.156.149-.2.151A1.069,1.069,0,0,0,30.7,56.3c.044-.072.02-.031-.067.038-.068.055-.145.1-.167.149a.588.588,0,0,1-.1.146l-.133.077-.067.073-.2.22-.067,0c-.09.1-.133.159-.133.182s.022.011.067-.038q-.868.956-1.727,1.852T26.4,60.741q-.851.839-1.76,1.657t-1.877,1.614a1.821,1.821,0,0,0-.6.262,1.522,1.522,0,0,1-.8.2c.044,0-.039.086-.2.145a9.539,9.539,0,0,1-1.537.291,3.519,3.519,0,0,1-1.47-.057v-.069c0-.045-.045-.068-.134-.065a2.458,2.458,0,0,1-1.27-.474,2.382,2.382,0,0,1-.736-.97,2.167,2.167,0,0,1-.235-.506c-.022-.158-.057-.351-.1-.579a3.789,3.789,0,0,1,.132-1.994c.221-.649.512-1.274.733-1.817a6.222,6.222,0,0,1,1.067-1.805q.734-.827,1.334-1.62.633-.518,1.309-1.021t1.394-1q.718-.491,1.393-1.052t1.309-1.192q.933-.474,1.736-.977a8.11,8.11,0,0,1,1.936-.853,2.97,2.97,0,0,0,.769-.011,2.367,2.367,0,0,1,.835-.014,1.109,1.109,0,0,1,.736.593.842.842,0,0,1-.066.851q-1.336.783-2.6,1.413t-2.4,1.322a7.2,7.2,0,0,0-1.935,1.708q-.8,1.017-1.735,2.033,0,.209-.333.363a3.32,3.32,0,0,1-.867,1.5.169.169,0,0,1-.1.177c-.067.025-.078.084-.033.175a4.438,4.438,0,0,0-.834,1.281,6.539,6.539,0,0,0-.433,1.675.486.486,0,0,0,.167.2,1.547,1.547,0,0,1,.234.2.56.56,0,0,1,.5-.087,1.057,1.057,0,0,0,.635-.093,4.476,4.476,0,0,0,.634-.37c.2-.147.411-.293.635-.441q.734-.583,1.5-1.242t1.5-1.318q.966-.949,1.893-1.921t1.81-1.964q.883-.994,1.776-2.028T32.1,50.749c.133-.149.144-.173.033-.073s-.245.225-.4.376a3.406,3.406,0,0,1-.4.34c-.112.077-.1.018.033-.179a6.577,6.577,0,0,0,.866-1.039,9.9,9.9,0,0,1,.8-1.038,15.764,15.764,0,0,0,1-1.408q.466-.737,1-1.484a.329.329,0,0,1,.2-.19c.088-.029.134-.068.134-.114a2.027,2.027,0,0,0,.166-.51.7.7,0,0,1,.167-.367,7.87,7.87,0,0,1,.464-1.708,13.005,13.005,0,0,0,.531-1.643q.664-1.474,1.2-3.018a31.816,31.816,0,0,1,1.264-2.963c.257-.557.49-1.154.739-1.683s.5-1.026.757-1.491q.765-1.392,1.5-2.9a6.756,6.756,0,0,0,1-1.71,5.1,5.1,0,0,1,.865-1.486,2.2,2.2,0,0,0,.7-.5,1.161,1.161,0,0,1,.768-.357.744.744,0,0,1,.3.046.261.261,0,0,0,.3-.1.852.852,0,0,1,.569.6,4.206,4.206,0,0,1,.2,1.111,5.385,5.385,0,0,1-.064,1.2,2.4,2.4,0,0,1-.3.9.926.926,0,0,1,.1.755,3.238,3.238,0,0,1-.3.86.613.613,0,0,1-.132.773.526.526,0,0,0-.2.632.465.465,0,0,0-.266.383.473.473,0,0,1-.2.378.921.921,0,0,1-.2.886l-.2.45a2.843,2.843,0,0,0-.2.666c-.223.114-.334.254-.333.423a.6.6,0,0,1-.133.409,3.325,3.325,0,0,1-.3.636,1.755,1.755,0,0,0-.233.632.814.814,0,0,0-.434.537,1.692,1.692,0,0,1-.366.676.327.327,0,0,1-.066.221c-.045.052-.023.1.068.14q-.667,1.059-1.2,1.993a20.454,20.454,0,0,0-.864,1.966,11.138,11.138,0,0,0-.565,1.4q-.233.807-.365,1.388a4.612,4.612,0,0,0-.332.954c-.045.146-.1.306-.167.476s-.144.4-.232.7l-.167.368a1.223,1.223,0,0,0-.1.508,1.521,1.521,0,0,1-.066.434v.072a.2.2,0,0,0,.068.14,17.786,17.786,0,0,1-.7,1.83q-.366.808-.7,1.61a10.111,10.111,0,0,0-.531,1.707A13.25,13.25,0,0,0,36.92,56.5c.044,0,.067.01.067.033s-.023.037-.067.039q0,1.073-.029,1.932a2.853,2.853,0,0,0,.505,1.842,3.556,3.556,0,0,0,2.574-.195q1.235-.509,2.1-.972.467-.233,1.436-.773t2.2-1.2q1.234-.66,2.638-1.37t2.806-1.274a3.366,3.366,0,0,1,.3.5q.1.217-.233.595a.321.321,0,0,0-.233.118c-.067.076-.123.115-.167.116,0,.05.044.072.134.068v.074a5.5,5.5,0,0,0-.567.386,2.955,2.955,0,0,1-.7.39c0,.049-.011.073-.033.074s-.033.05-.033.147a.86.86,0,0,0-.735.317,1.284,1.284,0,0,1-.534.456,10.032,10.032,0,0,0-.868.794q-.4.413-.934.867c0-.1-.068-.118-.2-.066s-.157.1-.066.147c-.223.056-.357.122-.4.195a.536.536,0,0,1-.2.188m-15.65-2.993c0,.048-.023.072-.067.073l-.133.147.066-.073.134-.147m0,0c.043,0,.067-.014.067-.038s.021-.036.066-.038c-.045,0-.066.015-.066.038s-.023.036-.067.038m.133-.076.134-.147a.2.2,0,0,1-.134.076v.071m20.993-.98a.27.27,0,0,0-.2.08.27.27,0,0,1,.2-.08" transform="translate(-5.163 -8.459)"></path> <path d="M71.632,71.008a4.128,4.128,0,0,1-1.169.582c-.424.134-.846.3-1.237.436-.506.175-1.136.322-1.805.485a8.019,8.019,0,0,1-2.006.232,5.059,5.059,0,0,1-1.907-.389A3.535,3.535,0,0,1,62,71.047a3.153,3.153,0,0,1-.539-1.582,7.135,7.135,0,0,1,.129-1.93,13.454,13.454,0,0,1,.565-1.984,19.212,19.212,0,0,1,.765-1.812,2.236,2.236,0,0,0,.533-.75,4.067,4.067,0,0,0,.266-.74q.7-.94,1.426-1.849t1.475-1.786a16.967,16.967,0,0,1,1.526-1.574,12.535,12.535,0,0,1,1.578-1.214,10.517,10.517,0,0,1,1.536-.959q.8-.406,1.469-.81a2.593,2.593,0,0,0,.434-.317.767.767,0,0,1,.5-.172,7.052,7.052,0,0,1,1.99.135,2.1,2.1,0,0,1,1.156.642,2.662,2.662,0,0,1,.74,1.788,1.409,1.409,0,0,1-.467.69,4.756,4.756,0,0,0-.6.768c-.17.25-.423.5-.6.731a3.169,3.169,0,0,0-.4.647q-.89.9-1.78,1.734t-1.78,1.6q-.89.764-1.78,1.459a3.861,3.861,0,0,1-1.77.872,6.922,6.922,0,0,1-2.241.155,6.866,6.866,0,0,0-.8,1.162A7.286,7.286,0,0,0,64.7,67.43a4.581,4.581,0,0,0-.2,1.539,1.623,1.623,0,0,0,.571,1.261,3.611,3.611,0,0,0,2.34-.359,18.574,18.574,0,0,1,1.938-.79c.486-.163,1-.349,1.537-.561a15.159,15.159,0,0,0,1.4-.631q1.4-.78,2.3-1.291t1.7-.979q.8-.47,1.67-1.019c.579-.365,1.32-.865,2.2-1.413.689-.427,1.436-.857,2.172-1.305s1.436-.883,2.1-1.307a4.139,4.139,0,0,1,.735-.589,4.221,4.221,0,0,1,.869-.368.321.321,0,0,0,.167-.081.31.31,0,0,1,.167-.081c.4-.014.6.054.6.2a1.3,1.3,0,0,1-.3.65,8.487,8.487,0,0,1-.734.888,5.148,5.148,0,0,0-.7.924c.044,0-.011.064-.167.193a5.723,5.723,0,0,1-.535.392,8.98,8.98,0,0,0-.768.587q-.736.623-1.8,1.366T79.85,66.145q-1.07.74-2,1.361a15.02,15.02,0,0,1-1.4.856c-.962.532-1.683.929-2.405,1.326s-1.443.793-2.405,1.319M66.8,63.588a2.2,2.2,0,0,0,1.169-.411c.377-.258.745-.517,1.1-.777q.667-.613,1.351-1.295t1.384-1.43q.7-.748,1.334-1.505t1.2-1.523c.089,0,.134-.08.133-.228A13.286,13.286,0,0,0,72.212,57.7a13.5,13.5,0,0,0-1.978,1.707q-.918.96-1.776,2.005T66.8,63.588" transform="translate(-20.335 -17.724)"></path> <path d="M99.929,70.167a4.041,4.041,0,0,1-1.169.589c-.424.134-.846.3-1.237.44-.506.176-1.137.323-1.806.487a7.866,7.866,0,0,1-2.006.227A4.962,4.962,0,0,1,91.8,71.5a3.589,3.589,0,0,1-1.509-1.35,3.324,3.324,0,0,1-.539-1.629,7.548,7.548,0,0,1,.129-1.982,14,14,0,0,1,.564-2.033,19.957,19.957,0,0,1,.765-1.855,2.27,2.27,0,0,0,.533-.766,4.2,4.2,0,0,0,.266-.757q.7-.958,1.426-1.884t1.476-1.818a16.684,16.684,0,0,1,1.527-1.6A12.42,12.42,0,0,1,98.019,54.6a10.38,10.38,0,0,1,1.537-.965q.8-.408,1.471-.813a2.5,2.5,0,0,0,.435-.32.752.752,0,0,1,.5-.17,6.926,6.926,0,0,1,1.991.161,2.121,2.121,0,0,1,1.157.67,2.775,2.775,0,0,1,.74,1.835,1.421,1.421,0,0,1-.467.7,4.777,4.777,0,0,0-.6.78c-.17.252-.424.507-.6.741a3.2,3.2,0,0,0-.4.658q-.89.914-1.781,1.758t-1.781,1.617q-.891.774-1.781,1.479a3.8,3.8,0,0,1-1.772.88,6.758,6.758,0,0,1-2.241.141,6.968,6.968,0,0,0-.8,1.186,7.554,7.554,0,0,0-.632,1.517,4.831,4.831,0,0,0-.2,1.579,1.693,1.693,0,0,0,.571,1.3,3.56,3.56,0,0,0,2.342-.354,18.07,18.07,0,0,1,1.939-.8c.486-.165,1-.351,1.537-.564a15.117,15.117,0,0,0,1.4-.637q1.4-.789,2.306-1.3t1.7-.99q.8-.475,1.671-1.029c.579-.369,1.321-.874,2.206-1.426.689-.43,1.437-.864,2.172-1.315s1.438-.889,2.106-1.315a3.391,3.391,0,0,1,1.605-.961.316.316,0,0,0,.167-.082.31.31,0,0,1,.167-.081c.4-.01.6.061.6.215a1.333,1.333,0,0,1-.3.66,8.646,8.646,0,0,1-.735.9,5.165,5.165,0,0,0-.7.937c.043,0-.011.064-.167.2a5.61,5.61,0,0,1-.535.4,8.709,8.709,0,0,0-.769.592q-.736.63-1.8,1.38t-2.138,1.5q-1.07.749-2.005,1.377a15.192,15.192,0,0,1-1.4.866l-2.407,1.341c-.721.4-1.443.8-2.406,1.336m-4.836-7.638a2.144,2.144,0,0,0,1.17-.412q.566-.392,1.1-.787.668-.622,1.352-1.315t1.386-1.451q.7-.76,1.335-1.529t1.2-1.547c.089,0,.133-.08.133-.231a12.956,12.956,0,0,0-2.265,1.291,13.466,13.466,0,0,0-1.979,1.729q-.918.975-1.777,2.038t-1.659,2.215" transform="translate(-29.699 -17.317)"></path> <path d="M124.076,64.164a1.3,1.3,0,0,0,.8-.515,4.313,4.313,0,0,1,.735-.745q.868-.9,1.7-1.8t1.637-1.808a20.732,20.732,0,0,1,1.737-1.735,23.278,23.278,0,0,1,2.006-1.591q.735-.557,1.672-1.2a3.891,3.891,0,0,1,1.874-.741,2.328,2.328,0,0,1,1.441.547,1.8,1.8,0,0,1,.839,1.26,5.418,5.418,0,0,1-.165,1.786c-.155.623-.341,1.248-.432,1.79-.066.386-.143,1.088-.3,2.019s-.309,1.917-.464,2.951-.276,2.017-.363,2.947a11.107,11.107,0,0,0-.064,2.013q.6-.317,1.07-.557c.312-.159.7-.384,1.137-.635.474-.269.791-.424.9-.477s.189-.093.233-.12a1.485,1.485,0,0,0,.2-.158c.089-.078.465-.265.87-.593.306-.249.624-.616.936-.905a4.219,4.219,0,0,1,.937-.674,1.478,1.478,0,0,1,.736-.165q.535-.4,1.037-.715a3.639,3.639,0,0,0,.836-.712q.6.3.6.576a2.136,2.136,0,0,1-.133.664,4.428,4.428,0,0,1-1.337,1.262q-.4.55-.668.864a2.359,2.359,0,0,1-.735.553q-.737.71-.936.905c-.134.132-.234.236-.3.314a1.684,1.684,0,0,1-.334.276c-.157.106-.508.412-1.037.789-.454.323-1.037.723-1.638,1.221a5.7,5.7,0,0,1-1.705,1.066,7.994,7.994,0,0,1-1.238.246c-.379.056-.76.057-1.038.089-.448.052-.927-.183-1.307-.872a3.984,3.984,0,0,1-.572-1.885,12.273,12.273,0,0,1,.2-1.586q.2-1.2.43-2.556t.464-2.6c.155-.826.268-1.407.3-1.706a16.127,16.127,0,0,1,.264-1.938q.2-.854.332-1.708a2.29,2.29,0,0,0-.937.561c-.268.265-.535.527-.8.79q-1.2,1.109-2.34,2.211T128.895,63.6q-.669.707-1.471,1.414a15.775,15.775,0,0,0-1.536,1.566q-1.135,1.4-2.053,2.568t-1.618,2.094c-.935,1.239-1.64,1.9-2.071,2.019a1.562,1.562,0,0,1-1.239-.286,1.724,1.724,0,0,1-.839-1.054,2.12,2.12,0,0,1,.1-.917c.11-.407.233-.791.366-1.151q.3-1.607.713-3.056a25.8,25.8,0,0,1,.948-2.741q.532-1.292,1.031-2.633t.966-2.732a5.1,5.1,0,0,1,.4-.852,4.333,4.333,0,0,0,.4-.854,6.885,6.885,0,0,0,.2-1.04,4.344,4.344,0,0,1,.132-.884c.043-.092.189-.248.3-.431a1.659,1.659,0,0,1,.367-.433,1.635,1.635,0,0,1,1.64-.355,1.462,1.462,0,0,1,1.04,1.045,2.369,2.369,0,0,1,0,1.613q-.333.7-.667,1.323a3.287,3.287,0,0,0-.132.925,2.583,2.583,0,0,1-.132.848q-.4,1.086-.833,2.169t-.832,2.4" transform="translate(-39.069 -17.792)"></path> <path d="M182.872,63.527q.2.234,1.138-.2t2.31-1.19q.685-.375,1.447-.8t1.6-.9q.836-.475,1.673-.89t1.675-.772a9.248,9.248,0,0,0,1.1-.476,7.617,7.617,0,0,0,.971-.553q.536-.392,1.072-.788a3.284,3.284,0,0,1,1.273-.553c.177-.053.268-.145.268-.276s.022-.09.067.118c.089.053.156.066.2.039a.1.1,0,0,1,.134.039,1.643,1.643,0,0,1-.335.865l-.468.472q-.537.551-1.139,1.063c-.4.341-.966.624-1.339.907-.39.3-.882.815-1.44,1.182a18.39,18.39,0,0,1-1.641,1.027,12.876,12.876,0,0,0-2.108,1.421q-.686.553-1.406,1.125t-1.473,1.163q-.753.592-1.447,1.115t-1.329.976q-1.273.908-1.74.674c-.134.158-.224.223-.268.2a.6.6,0,0,0-.268-.037,5.516,5.516,0,0,1-1.841-.265,2.552,2.552,0,0,1-1.307-1.127,4.435,4.435,0,0,1,0-1.879q.2-.94.533-2.117.2-.626.434-1.178c.155-.366.251-.808.367-1.178.124-.391.356-.864.535-1.335s.334-.915.468-1.335q.367-.9.752-1.817t.785-1.839q.4-.923.836-1.78t.9-1.645a3.791,3.791,0,0,1,1-.48.622.622,0,0,1,.569.034.407.407,0,0,0,.5.036,3.232,3.232,0,0,0,.436.545,1.1,1.1,0,0,1,.3.626c.052.355.078.654.1.862a1.671,1.671,0,0,1-.1.707,2,2,0,0,1-.268,1.178,1.954,1.954,0,0,0-.2.511,3.842,3.842,0,0,1-.2.589c-.045.054-.078.066-.1.04s-.056-.012-.1.04a.256.256,0,0,0-.134.236.257.257,0,0,1-.134.236q-.469,1.1-1,2.281t-1,2.241a12.16,12.16,0,0,0-.668,1.846q-.2.786,0,1.019M185.6,44.376c-.045-.157.067-.444.335-.866a7.426,7.426,0,0,1,.937-1.186,3.535,3.535,0,0,1,1.072-.795.644.644,0,0,1,.871.227.373.373,0,0,1,.235.076.3.3,0,0,0,.168.078,1.872,1.872,0,0,1,.3,1.527,1.685,1.685,0,0,1-.7,1.223c.044.1.044.17,0,.2s-.067.092-.067.2c-.134-.1-.19-.05-.167.158s-.056.263-.234.159a.479.479,0,0,1-.167.473.685.685,0,0,0-.235.472c-.09-.051-.134-.064-.134-.038s-.045.039-.134.04a1.007,1.007,0,0,1-.569.593,1.436,1.436,0,0,0-.636.515.382.382,0,0,0-.235.08c-.066.053-.2.007-.368-.075a.99.99,0,0,1-.537-.505,1.9,1.9,0,0,1-.1-.822,4.655,4.655,0,0,1,.167-.943q.133-.472.2-.786" transform="translate(-58.961 -13.718)"></path> <path d="M205.736,63.112a1.27,1.27,0,0,0,.8-.511,4.218,4.218,0,0,1,.737-.747q.871-.905,1.708-1.808t1.641-1.808a19.934,19.934,0,0,1,1.742-1.727,22.389,22.389,0,0,1,2.01-1.568q.738-.547,1.675-1.174a3.764,3.764,0,0,1,1.877-.7,2.368,2.368,0,0,1,1.44.6,1.887,1.887,0,0,1,.837,1.3,5.529,5.529,0,0,1-.168,1.805c-.157.627-.343,1.257-.436,1.8-.066.391-.146,1.1-.3,2.041s-.313,1.938-.47,2.983-.28,2.041-.369,2.983a11.467,11.467,0,0,0-.068,2.041c.4-.207.759-.391,1.072-.547s.7-.379,1.138-.625c.475-.264.793-.415.9-.468s.189-.09.234-.117a1.435,1.435,0,0,0,.2-.156c.089-.078.467-.261.871-.585.306-.246.625-.611.937-.9a4.108,4.108,0,0,1,.939-.662,1.447,1.447,0,0,1,.736-.153q.536-.389,1.038-.7a3.524,3.524,0,0,0,.838-.7q.6.319.6.592a2.127,2.127,0,0,1-.134.666,4.337,4.337,0,0,1-1.34,1.246c-.268.365-.492.652-.67.86a2.3,2.3,0,0,1-.737.545q-.738.7-.938.9c-.134.13-.235.234-.3.312a1.678,1.678,0,0,1-.335.273c-.157.1-.51.409-1.038.781-.454.32-1.039.717-1.641,1.212a5.59,5.59,0,0,1-1.707,1.056,7.767,7.767,0,0,1-1.238.233c-.379.052-.76.048-1.038.076-.447.047-.927-.2-1.305-.905a4.135,4.135,0,0,1-.568-1.926,12.539,12.539,0,0,1,.2-1.61q.2-1.217.436-2.593t.47-2.631c.157-.836.271-1.424.3-1.727a16.558,16.558,0,0,1,.269-1.964q.2-.862.335-1.727a2.214,2.214,0,0,0-.938.547l-.8.784q-1.206,1.1-2.345,2.2t-2.277,2.435q-.671.707-1.474,1.414a15.387,15.387,0,0,0-1.54,1.572q-1.138,1.416-2.059,2.6t-1.623,2.124c-.937,1.258-1.645,1.932-2.075,2.046a1.537,1.537,0,0,1-1.238-.312,1.8,1.8,0,0,1-.838-1.1,2.238,2.238,0,0,1,.1-.943c.11-.417.234-.811.368-1.179q.3-1.65.719-3.133a26.467,26.467,0,0,1,.953-2.8q.535-1.317,1.037-2.684t.971-2.782a5.127,5.127,0,0,1,.4-.865,4.4,4.4,0,0,0,.4-.865,7.069,7.069,0,0,0,.2-1.062,4.5,4.5,0,0,1,.134-.9c.043-.092.19-.249.3-.434a1.619,1.619,0,0,1,.368-.433,1.582,1.582,0,0,1,1.642-.316,1.536,1.536,0,0,1,1.038,1.1,2.469,2.469,0,0,1,0,1.651c-.223.471-.446.917-.67,1.335a3.432,3.432,0,0,0-.134.943,2.675,2.675,0,0,1-.134.865q-.4,1.1-.837,2.2t-.837,2.437" transform="translate(-66.089 -17.368)"></path> <path d="M306.555,44.051c-.09.048-.1.059-.033.036a.487.487,0,0,1,.167-.031c.044.151-.079.26-.369.326s-.5.122-.636.167a1.1,1.1,0,0,1-.6.357l-.539,1.863q-.2.521-.4.929a5.48,5.48,0,0,0-.337.856,6.974,6.974,0,0,0-.708,2.279,8.285,8.285,0,0,1-.641,2.284,3.8,3.8,0,0,0-.268.334,2.76,2.76,0,0,0-.269.484,17.142,17.142,0,0,0-.674,2.176q-.27,1.128-.54,2.181c-.091.351-.181.715-.271,1.091s-.169.783-.27,1.168c-.077.293-.181.64-.27,1.018a9.724,9.724,0,0,1-.27,1.018,3.346,3.346,0,0,1-.269.527,4.908,4.908,0,0,0-.269.527,7.889,7.889,0,0,0-.472,1.964,7.494,7.494,0,0,1-.3.945,5.477,5.477,0,0,0-.237.945,12.872,12.872,0,0,0-.405,1.893,4.455,4.455,0,0,1-.673,1.818c-.223.1-.38.1-.468,0a.8.8,0,0,0-.334-.227.467.467,0,0,0-.2.227c-.044.1-.179.1-.4,0l-.334-.456q.191-1.443.411-2.849t.474-2.773q.252-1.367.535-2.7t.6-2.62q.313-1.291.657-2.543.431-1.566.858-3.118t.854-3.094q.426-1.54.85-3.069t.846-3.045a1,1,0,0,0-.87.164.892.892,0,0,1-.8.166l-3.118.967-3.1.961-3.088.954q-1.54.476-3.1.938t-3.148.912q-1.586.45-3.193.885-.371,1.379-.742,2.741t-.741,2.706q-.37,1.343-.741,2.689t-.741,2.694q-.2.846-.4,1.772c-.135.616-.174,1.384-.338,1.927a7.265,7.265,0,0,0-.4,1.542,1.24,1.24,0,0,0-.736.075,2.078,2.078,0,0,1-.737.153,2,2,0,0,1-.768-.582.647.647,0,0,0-.9-.12,4.137,4.137,0,0,1-.164-2.012q.17-1,.305-1.932.236-1.469.5-2.859t.549-2.7q.287-1.312.582-2.64t.6-2.677a21.888,21.888,0,0,0-2.4.517,23.167,23.167,0,0,0-2.378.8,25.525,25.525,0,0,0-2.356,1.076q-1.172.608-2.319,1.159T264.3,56.257q-1.12.492-2.215.926-.535.307-1.172.616a6.3,6.3,0,0,1-1.238.46,12.263,12.263,0,0,0-1.306.382,3.992,3.992,0,0,1-1.238.228,3.517,3.517,0,0,1-2.007-.48c-.223-.106-.459-.211-.7-.316a3.116,3.116,0,0,1-.7-.317c-.1-.105-.222-.47-.4-.784a1.783,1.783,0,0,1-.267-.861.883.883,0,0,1,.168-.585,3.105,3.105,0,0,0,.369-.585q1.474-.654,2.939-1.327t2.922-1.362q1.457-.689,2.973-1.335c1.011-.431,2.043-.853,3.09-1.25.933-.353,1.889-.7,2.855-1.041s1.946-.681,2.938-1.014,2.012-.637,3.056-.909,2.113-.514,3.207-.725q.4-1.483.82-2.94t.842-2.884q.426-1.429.865-2.829t.9-2.8q.464-1.4.953-2.792t1.007-2.785q.336-.987.706-1.981t.775-2q.4-1,.758-2.05t.657-2.148q.337-.98.641-2.078c.2-.731.516-1.47.774-2.146.249-.651.483-1.392.775-2.066a8.149,8.149,0,0,0,.506-2.077,1.77,1.77,0,0,0,0-.612,1.076,1.076,0,0,1,0-.536c.09-.4.514-.749,1.275-1.037a3.826,3.826,0,0,1,2.077-.3,5.013,5.013,0,0,1,1.137.525,4.2,4.2,0,0,1,1.07.862,3.888,3.888,0,0,1,.733,1.222,2.952,2.952,0,0,1,.131,1.527A3.858,3.858,0,0,1,294.2,15.8a8.983,8.983,0,0,0-1.042,1.732l-.807,1.786-.808,1.79q-.4.934-.782,1.88t-.733,1.9q-.353.959-.716,1.909t-.732,1.891q-.539,1.2-1.058,2.426T286.5,33.589q-.5,1.243-.983,2.506t-.939,2.581q-.457,1.318-.886,2.688t-.835,2.8q1.674-.372,3.319-.745t3.26-.747q1.615-.373,3.2-.747,1.188-.28,2.415-.516t2.49-.428q1.263-.192,2.565-.339t2.64-.252q.472-1.385.949-2.754t.959-2.724q.482-1.354.97-2.693t.981-2.661q.493-1.324.992-2.631t1-2.61q.5-1.3,1.012-2.6t1.024-2.594q.514-1.295,1.034-2.586t1.044-2.577a2.87,2.87,0,0,1,.3-1.28c.2-.405.377-.887.571-1.332.263-.6.605-1.228.874-1.825s.514-1.314.808-1.974c.223-.5.5-1.02.707-1.5a2.845,2.845,0,0,0,.1-1.7,5.264,5.264,0,0,1,.538-1.285q.335-.561.806-1.256.335-.412.638-.826A3.474,3.474,0,0,1,318.7.31,1.428,1.428,0,0,1,319.672,0a2.948,2.948,0,0,1,1.1.259,2.46,2.46,0,0,1,.9.682,1.92,1.92,0,0,1,.432,1.036q0,.221,0,.551a1.877,1.877,0,0,1-.068.545,5.412,5.412,0,0,1-.471,1.314,7.736,7.736,0,0,0-.539,1.384q-.437.952-.874,1.963t-.874,2.08q-.438,1.069-.874,2.067t-.874,1.925c-.475,1.047-.871,1.922-1.24,2.74s-.713,1.579-1.082,2.4-.765,1.7-1.241,2.76q-.338.8-.605,1.448t-.6,1.3a1.859,1.859,0,0,1-.2.322,1.772,1.772,0,0,0-.2.323q-.4.944-.707,1.9t-.64,1.829q-.572,1.35-1.111,2.714t-1.044,2.744q-.5,1.38-.994,2.774t-.959,2.8l2.588-.308,2.677-.314,2.766-.32q1.405-.162,2.825-.229t2.854-.041q1.434.027,2.883.146c-.223.136-.278.292-.168.469a2.239,2.239,0,0,0,.434.5.577.577,0,0,1-.369.167.576.576,0,0,0-.368.166,1.306,1.306,0,0,0,.368-.056.648.648,0,0,1,.5.1c-.045.1-.179.127-.4.092s-.358.02-.4.165q-1.74.067-3.145.264T317,41.009c-.09-.053-.088-.028,0,.074s.133.129.134.079c0,.05-.213.152-.637.307s-.68.258-.769.3a6.743,6.743,0,0,1-1.941.221l-.736.195a1.074,1.074,0,0,1-.537.128,1.766,1.766,0,0,0-.535.054,1.409,1.409,0,0,0-.4.209,1.333,1.333,0,0,1-.469.206l-.066-.076-.134-.155a.9.9,0,0,0-.368.1c-.157.069-.3.127-.436.171q-1.072.26-1.942.456a4.636,4.636,0,0,0-1.608.7Z" transform="translate(-83.748 0)"></path> <path d="M365.595,62.871a3.249,3.249,0,0,1-.069,1.116,3.539,3.539,0,0,1-.4.959,8.314,8.314,0,0,0-.336.926,5,5,0,0,1-.47.994,4.389,4.389,0,0,0-.973,1.45,2.977,2.977,0,0,1-.973,1.309,27.725,27.725,0,0,1-2.278,2.294,14.653,14.653,0,0,1-1.977,1.442,2.471,2.471,0,0,1-1.774.469,4.166,4.166,0,0,1-2.074.282,4.51,4.51,0,0,1-1.805-.63,4.137,4.137,0,0,1-1.335-1.361,4.77,4.77,0,0,1-.664-1.974,1.542,1.542,0,0,1-.065-.557.635.635,0,0,1,.2-.548,1.472,1.472,0,0,1,.036-1.107,2.826,2.826,0,0,0,.236-1.027l.607-1.862c.182-.558.364-1.116.607-1.859a.313.313,0,0,0,.234-.25c.023-.12.078-.181.168-.177a9.877,9.877,0,0,1,1.109-2.017,22.841,22.841,0,0,1,1.442-1.847q.4-.569.907-1.2a7.881,7.881,0,0,1,1.072-1.119,2.568,2.568,0,0,1,1.172-.6,1.232,1.232,0,0,1,1.136.424,3.854,3.854,0,0,1,1.136.5q.065.151.167.009a.159.159,0,0,1,.233-.06.851.851,0,0,1,.5.026,5.467,5.467,0,0,1,.769.258c.266.111.512.221.735.329a1.514,1.514,0,0,1,.467.314c.266.42.4.63.666,1.048q.8-.177,2.508-.375.852-.1,1.747-.167t1.831-.106q.934-.038,1.8-.024t1.671.077a4.651,4.651,0,0,1,2.337.668.231.231,0,0,0,.167.08.237.237,0,0,1,.167.081.2.2,0,0,0,.134.078q.4-.047.434.1c.023.1.122.149.3.159.222.2.267.4.133.609a1.02,1.02,0,0,1-.469.433,6.286,6.286,0,0,0-.9.163,2.724,2.724,0,0,1-.335.23,1.3,1.3,0,0,1-.569.112c-.266.01-.78-.006-1.536-.045a14.266,14.266,0,0,0-1.972.04,16.525,16.525,0,0,0-2.105.323c-.714.156-1.4.3-2.041.44s-1.194.268-1.638.391a2.105,2.105,0,0,0-.068.466c0,.121,0,.229,0,.325m-4.805-3.7a3.618,3.618,0,0,0-.669-.178.838.838,0,0,1-.6-.321l-.2.21a2.493,2.493,0,0,0-.637.845,7.7,7.7,0,0,1-.571,1.069c-.19.277-.514.709-.872,1.279s-.716,1.179-1.074,1.824-.684,1.269-.975,1.871a5.086,5.086,0,0,0-.5,1.414q-.2.948-.539,2.04a2.935,2.935,0,0,0,.128,2.136,9.887,9.887,0,0,0,2.578-1.394,14.33,14.33,0,0,0,2.044-1.909l.4-.5q.267-.5,1.007-1.858a18.882,18.882,0,0,0,1.243-2.788,7.192,7.192,0,0,0,.474-2.558c-.021-.751-.611-1.028-1.234-1.186" transform="translate(-115.966 -18.518)"></path> <path d="M398.232,21.478c.138.24.378.461.466.609a1.5,1.5,0,0,1,0,.761,2.5,2.5,0,0,1-.234.907c-.157.282-.355.551-.434.747-.13.32-.213.75-.368,1.033a3.834,3.834,0,0,0-.368,1.1q-.335.866-.661,1.744t-.644,1.768q-.319.889-.662,1.719a11.619,11.619,0,0,1-.711,1.6,10.739,10.739,0,0,0-1.1,1.928q-.369,1.017-.7,2.109-.581,1.424-1.162,2.87t-1.162,2.915q-.581,1.469-1.163,2.961t-1.141,3.023q-.559,1.531-1.1,3.1t-1.052,3.18a14.877,14.877,0,0,1-.64,2.53,19.933,19.933,0,0,0-.707,2.6,2.406,2.406,0,0,1-.135.849,7.09,7.09,0,0,0-.272,2.411.474.474,0,0,0-.469.237.572.572,0,0,1-.4.311.682.682,0,0,1-.7-.481c-.11-.312-.3-.448-.568-.407a1.492,1.492,0,0,0-.367-.581.991.991,0,0,1-.3-.652,11.15,11.15,0,0,1,.272-2.136,15.677,15.677,0,0,1,.472-1.984q.237-1.526.557-2.968t.724-2.794q.4-1.353.808-2.657t.806-2.56a.177.177,0,0,0-.134.064l.068-.067v-.143a.6.6,0,0,0,.335-.443,2.525,2.525,0,0,1,.2-.591q.268-.977.806-2.468t1.141-3.039q.6-1.549,1.173-2.986t.906-2.255v-.071q.4-.847.762-1.712t.678-1.751q.318-.884.646-1.783c.217-.6.434-1.214.662-1.812.341-.891.692-1.833,1-2.8s.6-1.89.871-2.735c.216-.669.33-1.428.47-2.039.057-.25.411-.463.967-.583a2.444,2.444,0,0,1,1.367.025,1.7,1.7,0,0,1,.766.508c.155.2.268.6.432.883" transform="translate(-126.249 -6.612)"></path> <path d="M414.29,72.013a5.419,5.419,0,0,1,2.271-.3q1,.113,1.2.558c.134.3-.1.642-.7,1.04a5.933,5.933,0,0,1-1.295.593,21.386,21.386,0,0,1-2.079.582,7.576,7.576,0,0,1-.969.234q-.837.172-1.737.308t-1.537.251c-.424.076-.547.1-.367.055a12.3,12.3,0,0,0-1.7.455q-1.037.341-2.206.684t-2.207.588a3.807,3.807,0,0,1-1.7.089,1.874,1.874,0,0,0-.468.056.742.742,0,0,1-.535-.085,1.566,1.566,0,0,1-.636.191,3.224,3.224,0,0,0-.769.189,1.087,1.087,0,0,0-.769-.021,1.283,1.283,0,0,1-.836-.023.628.628,0,0,1-.5-.119,5.623,5.623,0,0,0-.635-.4c-.2-.084-.389-.128-.367-.221s-.033-.212-.167-.356a3.735,3.735,0,0,1,.1-2.561,7.2,7.2,0,0,1,1.474-2.226,14.833,14.833,0,0,1,2.074-1.8,21.555,21.555,0,0,0,1.84-1.448,1.746,1.746,0,0,1,.435-.43c.244-.2.5-.415.769-.656a8.061,8.061,0,0,1,.769-.619,1.5,1.5,0,0,1,.434-.255.91.91,0,0,1,.3-.294,1.443,1.443,0,0,0,.3-.226,1.609,1.609,0,0,1,.368-.532.742.742,0,0,1,.334-.154.98.98,0,0,0,.367-.151,3.114,3.114,0,0,0,.468-.525,7.867,7.867,0,0,1,.8-.743q.4-.353.668-.612a.951.951,0,0,0,.3-.427c.022-.112-.123-.179-.434-.2a5.813,5.813,0,0,0-1.669.171,14.146,14.146,0,0,0-1.87.577,18.7,18.7,0,0,0-1.737.766,6.722,6.722,0,0,0-1.271.8l-.2.128a1.326,1.326,0,0,1-.6.525,1.8,1.8,0,0,1-.868.165,2.131,2.131,0,0,1-.9-.256,1.2,1.2,0,0,1-.567-.869,2.473,2.473,0,0,1,.2-1.914,3.437,3.437,0,0,1,1.3-1.147,5.735,5.735,0,0,1,1.8-.587c.645-.1,1.232-.2,1.7-.24.425-.035,1.169-.11,2.17-.274s2.037-.312,3.105-.444a24.821,24.821,0,0,1,2.971-.2,2.247,2.247,0,0,1,1.768.5,1.983,1.983,0,0,1,.3,1.816,2.186,2.186,0,0,1-1.169,1.382,1.873,1.873,0,0,1-1,1.163c0,.181-.179.261-.535.24a1.534,1.534,0,0,1-.535.855,2.333,2.333,0,0,1-.8.434q-1.138.757-2.506,1.718-.685.481-1.346,1.036t-1.3,1.183a18.7,18.7,0,0,1-2.442,2.115,3.019,3.019,0,0,0-1.238,1.416q-.4-.014-.535.539,1.27-.27,2.473-.494t2.34-.407q1.136-.181,2.122-.322t1.821-.244q1.67-.2,2.606-.233t.935.04c.044,0,.212-.015.5-.047s.612-.086.969-.161l1.336-.211" transform="translate(-130.859 -19.757)"></path> </g> </svg> </div> </div> <div class="flex flex-wrap self-end justify-end min-h-[14rem] col-span-3 xl:col-span-2"> <button class="grow basis-1/2 sm:basis-1/3 xl:basis-0 flex flex-col items-center gap-2 p-2 text-center group bg-slate-100" @click="tab = 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925'; $root.scrollIntoView({ behavior: 'smooth' })"> <p class="text-sm"> </p><p>Möbel</p> <p></p> <div class="flex w-16 grow"> <img src="https://www.schreinerei-birkner.de/media/pages/home/b819feb409-1699446631/wohnwelt.svg" alt="" width="102" height="50"> </div> <div class="p-2 border-2 rounded-full border-casal [&>svg]:fill-casal group-hover:bg-casal group-hover:[&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </div> </button> <button class="grow basis-1/2 sm:basis-1/3 xl:basis-0 flex flex-col items-center gap-2 p-2 text-center group bg-slate-200" @click="tab = 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a'; $root.scrollIntoView({ behavior: 'smooth' })"> <p class="text-sm"> </p><p>Bauelemente</p> <p></p> <div class="flex w-16 grow"> <img src="https://www.schreinerei-birkner.de/media/pages/home/87f6a4ecac-1699446661/bauwelt.svg" alt="" width="60" height="50"> </div> <div class="p-2 border-2 rounded-full border-casal [&>svg]:fill-casal group-hover:bg-casal group-hover:[&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </div> </button> <button class="grow basis-1/2 sm:basis-1/3 xl:basis-0 flex flex-col items-center gap-2 p-2 text-center group bg-slate-300" @click="tab = '7e2697f8-a042-4104-a215-d31f97826f8d'; $root.scrollIntoView({ behavior: 'smooth' })"> <p class="text-sm"> </p><p>ModerniÂsierung</p> <p></p> <div class="flex w-16 grow"> <img src="https://www.schreinerei-birkner.de/media/pages/home/08c973688e-1699446647/sanierung.svg" alt="" width="60" height="50"> </div> <div class="p-2 border-2 rounded-full border-casal [&>svg]:fill-casal group-hover:bg-casal group-hover:[&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </div> </button> <button class="grow basis-1/2 sm:basis-1/3 xl:basis-0 flex flex-col items-center gap-2 p-2 text-center group bg-slate-100" @click="tab = 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab'; $root.scrollIntoView({ behavior: 'smooth' })"> <p class="text-sm"> </p><p>DenkmalÂschutz</p> <p></p> <div class="flex w-16 grow"> <img src="https://www.schreinerei-birkner.de/media/pages/home/1c5750a646-1699446623/denkmalschutz.svg" alt="" width="60" height="50"> </div> <div class="p-2 border-2 rounded-full border-casal [&>svg]:fill-casal group-hover:bg-casal group-hover:[&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </div> </button> <button class="grow basis-1/2 sm:basis-1/3 xl:basis-0 flex flex-col items-center gap-2 p-2 text-center group bg-slate-200" @click="tab = '3a6bb201-e1de-4009-a600-7eaf024b8d09'; $root.scrollIntoView({ behavior: 'smooth' })"> <p class="text-sm"> </p><p>Objektbau</p> <p></p> <div class="flex w-16 grow"> <img src="https://www.schreinerei-birkner.de/media/pages/home/83b4c02fe0-1699446647/objektbau.svg" alt="" width="70" height="50"> </div> <div class="p-2 border-2 rounded-full border-casal [&>svg]:fill-casal group-hover:bg-casal group-hover:[&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </div> </button> <button class="grow basis-1/2 sm:basis-1/3 xl:basis-0 flex flex-col items-center gap-2 p-2 text-center group bg-slate-300" @click="tab = '77afcd7a-a238-4ecb-aac7-b5fc840fbedd'; $root.scrollIntoView({ behavior: 'smooth' })"> <p class="text-sm"> </p><p>Planung</p> <p></p> <div class="flex w-16 grow"> <img src="https://www.schreinerei-birkner.de/media/pages/home/447f1a21cf-1699446655/planung.svg" alt="" width="46" height="51"> </div> <div class="p-2 border-2 rounded-full border-casal [&>svg]:fill-casal group-hover:bg-casal group-hover:[&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </div> </button> </div> </div> <div class="grid gap-4 xl:grid-cols-12" x-show="tab === 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925'" style="display: none;"> <div class="flex flex-col gap-12 m-8 text-white md:mt-24 md:ml-24 xl:col-span-4"> <h2 class="text-xl font-bold md:text-4xl"> <p>Möbel</p> </h2> <h3 class="-ml-2 text-xl grow md:mr-12 md:text-3xl md:-ml-12"> <p>Natürlich durch und durch exklusiv.</p> </h3> <div class="ml-auto xl:max-w-sm"> <p>Wir fertigen leidenschaftlich Möbel aus Holz, unsere grenzenlose Fantasie trifft bestimmt auch Ihre persönliche Geschmacksrichtung. Uns ist wichtig, gezielt auf den Charakter des Hauses oder der Wohnung einzugehen. Auch und gerade auf kleinem Raum lassen sich kreative Ideen sehr gewinnbringend realisieren. Holz macht glücklich – unsere Holzmöbel nach Maß sind Ihre täglichen Glücksbringer, Garant für behagliches und ökologisches Wohnen. Sie erhalten alles aus einer Schreinerhand. Beste Materialien. Beste Verarbeitung. Beste Möbel.</p> </div> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-6"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1707" class="lozad aspect-square object-cover object-center"> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="w-24 mx-auto xl:ml-12 xl:col-span-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="hidden xl:block xl:col-span-8"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Küchen</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Betten</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Wohnzimmer</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Esszimmer</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Badmöbel</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Garderobe</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Schränke</button> </div> </div> <div id="cd4061da-5676-4190-857c-12918d634aec" x-show="tab === 'cd4061da-5676-4190-857c-12918d634aec'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1956" height="1694" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Küchen </h2> <div class="xl:max-w-sm"> <p>Unsere Königsdisziplin: Küchenunikate aus Holz. Offen oder als Wohnküche, unsere Möglichkeiten in Kombination mit weiteren Materialien sind vielfältig und lassen sich auf Ihre spezielle Wohnatmosphäre abstimmen. Gerne übernehmen wir die komplette Küchenplanung.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Küchen' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Küchen </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Küchen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Betten</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Wohnzimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Esszimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Badmöbel</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Garderobe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Schränke</button> </div> </div></div> <div id="3e4ab86f-c964-4bea-9298-75fee2ad86f3" x-show="tab === '3e4ab86f-c964-4bea-9298-75fee2ad86f3'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Betten </h2> <div class="xl:max-w-sm"> <p>Unsere Betten aus Holz vereinen alle Vorteile: Sie sind langlebig, in einer Vielzahl von Stilen und Designs erhältlich und bieten beste Voraussetzung für eine erholsame Nachtruhe. Wir schreinern Ihr Bett so einzigartig, wie Sie es sind.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Betten' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Betten </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Küchen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Betten</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Wohnzimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Esszimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Badmöbel</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Garderobe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Schränke</button> </div> </div></div> <div id="cf26a4a2-77f8-42ae-8466-a34aa36d03cd" x-show="tab === 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1707" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Wohnzimmer </h2> <div class="xl:max-w-sm"> <p>Unsere Wohnzimmer laden auf den ersten Blick ein: Ruhe, Erholung, Unterhaltung, Wohlfühlen – exakt, wie Sie es wünschen. Mit einer Kombination aus ausgesuchten Werkstoffen wie Glas oder edlen Hölzern schaffen wir das perfekte Ambiente – inklusive Integration von Smart Home.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Wohnzimmer' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Wohnzimmer </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Küchen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Betten</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Wohnzimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Esszimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Badmöbel</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Garderobe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Schränke</button> </div> </div></div> <div id="5803b6fd-b09b-4b5d-81b5-2d166d2cafe5" x-show="tab === '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Esszimmer </h2> <div class="xl:max-w-sm"> <p>Unsere Esszimmer sind das Ergebnis jahrzehntelanger Erfahrung: Wir planen und realisieren ästhetisch wunderschöne und hoch funktionale Räume. Technik und Optik mit unterschiedlichen Hölzern und Materialien ergänzen sich zur Perfektion. Sie werden Ihr Essen noch mehr genießen!</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Esszimmer' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Esszimmer </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Küchen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Betten</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Wohnzimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Esszimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Badmöbel</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Garderobe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Schränke</button> </div> </div></div> <div id="34c4b8c4-3bb2-4178-9c9b-aa9b178af874" x-show="tab === '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Badmöbel </h2> <div class="xl:max-w-sm"> <p>Unsere Badmöbel versprühen den Charme einer Wellness-Oase: Verschiedene Hölzer, kombiniert mit glänzenden Materialien, faszinieren – lassen Körper, Geist und Seele zur Ruhe kommen. Wir übernehmen gerne die Gesamtleitung für Raumkonzept, Design und Funktionen.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Badmöbel' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Badmöbel </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Küchen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Betten</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Wohnzimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Esszimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Badmöbel</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Garderobe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Schränke</button> </div> </div></div> <div id="a756a262-8af3-45aa-b371-9b9f43e56db7" x-show="tab === 'a756a262-8af3-45aa-b371-9b9f43e56db7'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="2880" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Garderobe </h2> <div class="xl:max-w-sm"> <p>Unsere Garderoben schaffen schön Ordnung: Intelligent geplante Werkstücke in Verbindung mit platzsparenden Schränken und Dielen definieren prägnant Räume – insbesondere Flur und Eingangsbereich.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Garderobe' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Garderobe </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Küchen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Betten</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Wohnzimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Esszimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Badmöbel</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Garderobe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Schränke</button> </div> </div></div> <div id="98d3da1a-7043-44c4-976b-ba5002d8642b" x-show="tab === '98d3da1a-7043-44c4-976b-ba5002d8642b'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 101.827 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.445,22.445,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.378,4.378,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.057,12.057,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.831,8.831,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.388,4.388,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.564,5.564,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.261,35.261,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.566,3.566,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.51,54.51,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.534,3.534,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.059-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.767.767,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#fff"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.54,13.54,0,0,1,1.781.113,2.151,2.151,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.146,1.146,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.994,3.994,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.889,3.889,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.742,1.742,0,0,1,1,1.118,3.775,3.775,0,0,1,.186.749c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.572,10.572,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.057,1.057,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#fff"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.419,4.419,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.849,2.849,0,0,1-.252.647,1,1,0,0,1-.87.565,10.773,10.773,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.856,2.856,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.031,4.031,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.1c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.107,2.107,0,0,1,.14.443,14.906,14.906,0,0,1,.372,3.692,7.273,7.273,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.526,4.526,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Schränke </h2> <div class="xl:max-w-sm"> <p>Unsere Kleiderschränke zeichnen sich neben schönem Design vor allem durch hohe Funktionalität aus. Dank individueller Planung und Fertigung passt sich das Unikat harmonisch dem Raum an, erfüllt zugleich Anforderungen wie Raumteilung oder Integration in verwinkelten Ecken.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Schränke' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Schränke </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cd4061da-5676-4190-857c-12918d634aec'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Küchen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '3e4ab86f-c964-4bea-9298-75fee2ad86f3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Betten</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cf26a4a2-77f8-42ae-8466-a34aa36d03cd'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Wohnzimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5803b6fd-b09b-4b5d-81b5-2d166d2cafe5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Esszimmer</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '34c4b8c4-3bb2-4178-9c9b-aa9b178af874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Badmöbel</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a756a262-8af3-45aa-b371-9b9f43e56db7'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Garderobe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '98d3da1a-7043-44c4-976b-ba5002d8642b'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Schränke</button> </div> </div></div> <div class="grid gap-4 xl:grid-cols-12" x-show="tab === 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a'" style="display: none;"> <div class="flex flex-col gap-12 m-8 text-white md:mt-24 md:ml-24 xl:col-span-4"> <h2 class="text-xl font-bold md:text-4xl"> <p>Bauelemente</p> </h2> <h3 class="-ml-2 text-xl grow md:mr-12 md:text-3xl md:-ml-12"> <p>Natürlich schön und funktional.</p> </h3> <div class="ml-auto xl:max-w-sm"> <p>Holz ist ideal geeignet für Innenausbau, Raumgestaltung und Sanierung von Gebäuden. Neben ästhetischer Schönheit überzeugt der Werkstoff durch Robustheit und zugleich durch eine gewisse Elastizität. Wir haben viel Erfahrung in Gesamtplanung, Sonderlösungen und Bemusterung. Diese Erfahrung ist deshalb so wichtig, weil die richtige Wahl der Materialien entscheidend ist für ein nachhaltig schönes Ergebnis. Wir haben alles im Blick, jede Holzkonstruktion fügt sich harmonisch in jeweilige Baustile. Sie erhalten alles aus einer Schreinerhand. Beste Materialien. Beste Verarbeitung. Beste Konstruktionen.</p> </div> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-6"> <img alt="Doepfner Holzfenster" src="https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1200" height="973" class="lozad aspect-square object-cover object-center"> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="w-24 mx-auto xl:ml-12 xl:col-span-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="hidden xl:block xl:col-span-8"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Fenster</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Türen</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Böden/Decken</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Treppen</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Balkone</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Trockenbau</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Glaserei</button> </div> </div> <div id="cfde0eeb-af55-4513-afdf-2f03866ed055" x-show="tab === 'cfde0eeb-af55-4513-afdf-2f03866ed055'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="Doepfner Holzfenster" src="https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1200" height="973" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Fenster </h2> <div class="xl:max-w-sm"> <p>Unsere Fensterlösungen unterstreichen den Charme jedes Hauses und jeder Wohnung: Holzfenster, Kunststofffenster, Holz-Alu-Fenster und Alu-Fenster – wir decken die gesamte Bandbreite ab. Zudem können Sie sich auf optimale Wärmedämmung verlassen.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Fenster' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Fenster </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Fenster</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Türen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Böden/Decken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Treppen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Balkone</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Trockenbau</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Glaserei</button> </div> </div></div> <div id="f593a639-623b-41e0-837b-a6abb4a2fdf3" x-show="tab === 'f593a639-623b-41e0-837b-a6abb4a2fdf3'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Türen </h2> <div class="xl:max-w-sm"> <p>Unsere Türen öffnen auf schönste Weisen Räume: Zimmertüren aus massivem Holz, Furnier, Lack, Glas ... Haustüren aus Holz, Kunststoff, Alu ... geschickt kombiniert mit Holz, Edelstahl, Glas ... wir fertigen, montieren und warten mit viel Erfahrung.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Türen' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Türen </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Fenster</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Türen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Böden/Decken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Treppen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Balkone</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Trockenbau</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Glaserei</button> </div> </div></div> <div id="a0a9fc8d-b4aa-4145-817f-b101e5b1d122" x-show="tab === 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1706" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Böden/Decken </h2> <div class="xl:max-w-sm"> <p>Unsere Böden sorgen dafür, dass sich jeder auf Schritt und Tritt wohlfühlt: Parkettboden, Vinyl, Massivholz, Laminat, Kork oder Linoleum – unsere Fußböden aus meisterhafter Qualität bieten einen guten Laufkomfort und einfache Reinigung.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Böden/Decken' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Böden/Decken </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Fenster</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Türen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Böden/Decken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Treppen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Balkone</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Trockenbau</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Glaserei</button> </div> </div></div> <div id="5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33" x-show="tab === '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Treppen </h2> <div class="xl:max-w-sm"> <p>Unsere Treppen zeichnen sich durch Sicherheit, Langlebigkeit und harmonischer Raumoptik aus: freitragende Treppe, Podesttreppe, Wangentreppe, Wendeltreppe, Treppengeländer – alles ist möglich, auch eine Treppen-Modernisierung.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Treppen' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Treppen </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Fenster</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Türen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Böden/Decken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Treppen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Balkone</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Trockenbau</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Glaserei</button> </div> </div></div> <div id="d3890463-eb96-4927-978b-9a453bf3aa3e" x-show="tab === 'd3890463-eb96-4927-978b-9a453bf3aa3e'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1707" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Balkone </h2> <div class="xl:max-w-sm"> <p>Unsere Balkone trotzen jedem Wetter, und das in schönsten Formen: Mit widerstandsfähigen Hölzern wie Lärche sowie weiteren Materialien wie Stahl, Edelstahl, Roststahl, Glas oder Kunststoff lässt sich eine echt sehenswerte Open-Air-Wohlfühlatmosphäre schaffen.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Balkone' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Balkone </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Fenster</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Türen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Böden/Decken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Treppen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Balkone</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Trockenbau</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Glaserei</button> </div> </div></div> <div id="4549a6d4-d5cc-456a-9654-613fc91a8aca" x-show="tab === '4549a6d4-d5cc-456a-9654-613fc91a8aca'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1472" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Trockenbau </h2> <div class="xl:max-w-sm"> <p>Unser Trockenbau ermöglicht eine Vielzahl an Innenausbau-Möglichkeiten: Gesamtes Dachgeschoss oder kleiner Raum – wir planen und realisieren professionell. Unsere Leistungen umfassen Gipskartonwände, nichttragende Innenwände, Deckenverkleidungen und Lichtelemente.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Trockenbau' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Trockenbau </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Fenster</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Türen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Böden/Decken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Treppen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Balkone</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Trockenbau</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Glaserei</button> </div> </div></div> <div id="c5c04967-974c-4b59-99f1-f409523ba190" x-show="tab === 'c5c04967-974c-4b59-99f1-f409523ba190'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 83.864 70.337"> <path d="M103.082,27.823c-.164-.011-.388-.02-.611-.044-1.949-.208-3.9-.424-5.847-.627-1.449-.151-2.9-.269-4.347-.433-1.419-.162-2.839-.312-4.263-.418-.447-.033-.895-.052-1.342-.072a8.812,8.812,0,0,1-1.826-.264,3.258,3.258,0,0,1-1.584-.9c-1.119-1.177-2.281-2.312-3.437-3.453-.2-.2-.406-.388-.588-.6a6.248,6.248,0,0,1-.5-.67,2.008,2.008,0,0,1-.3-.867,1.6,1.6,0,0,1,.271-1.2,16.406,16.406,0,0,1,1.059-1.3c1.047-1.129,2.12-2.235,3.175-3.358a51.735,51.735,0,0,1,3.8-3.688C88.832,8.1,90.807,6.157,92.77,4.2c.615-.613,1.216-1.241,1.837-1.847.481-.469.98-.92,1.479-1.371a6,6,0,0,1,1.25-.844A1.045,1.045,0,0,1,98.452.19a2.67,2.67,0,0,1,1,1.216,1.064,1.064,0,0,1,.008.82c-.059.157-.146.3-.212.457-.153.36-.3.725-.452,1.085a.816.816,0,0,0,.1.8,1.825,1.825,0,0,0,.741.665A12.446,12.446,0,0,0,102.191,6.3c1.272.336,2.545.672,3.823.987a29.691,29.691,0,0,1,4.335,1.323,17.811,17.811,0,0,1,3.254,1.74c.647.444,1.313.858,1.964,1.294.4.265.782.544,1.165.825a5.284,5.284,0,0,1,.511.436,1.867,1.867,0,0,1,.334,2.638,5.588,5.588,0,0,1-.569.726c-.244.27-.508.521-.771.773-1.132,1.086-2.276,2.159-3.4,3.256Q111.4,21.705,110,23.157c-1.034,1.066-2.068,2.131-3.166,3.132-.124.113-.247.228-.373.34a4.8,4.8,0,0,1-3.378,1.194M92.8,10.415c-.232.012-.679.045-1.126.053a1.063,1.063,0,0,0-.8.381c-.911.988-1.83,1.967-2.745,2.951-.114.123-.22.253-.326.382a.212.212,0,0,0,.055.294c.674.341,1.336.71,2.029,1.009a27.836,27.836,0,0,1,3.837,2.071,55.125,55.125,0,0,0,4.786,2.789c.475.238.931.512,1.4.772q1.648.922,3.3,1.845c.27.151.349.136.592-.085q1.15-1.043,2.3-2.087c.269-.245.544-.485.8-.746a9.1,9.1,0,0,0,.593-.707.538.538,0,0,0,.066-.556,7.3,7.3,0,0,0-.766-1.49,13.131,13.131,0,0,0-3.654-3.662,18.6,18.6,0,0,0-3.968-1.992,27.244,27.244,0,0,0-3.309-.938,12.912,12.912,0,0,0-3.049-.286" transform="translate(-34.113 0)" fill="#fff"></path> <path d="M51.964,56.581c0,.275.013.472,0,.667a1.9,1.9,0,0,1-.822,1.492c-.462.318-.929.627-1.4.937-.676.45-1.36.889-2.027,1.351a3.975,3.975,0,0,1-1.765.737,1.484,1.484,0,0,1-.74-.073,9,9,0,0,1-1.442-.677c-.138-.082-.277.01-.274.181a7.262,7.262,0,0,0,.144,1.753.838.838,0,0,1-.3.9,4.576,4.576,0,0,1-.475.346c-.718.488-1.431.985-2.16,1.457-.658.427-1.324.841-2,1.231a6.342,6.342,0,0,1-1.075.471,2.339,2.339,0,0,1-2.1-.183,2.02,2.02,0,0,0-.3-.136.176.176,0,0,0-.2.106c-.024.25-.031.5-.072.75a3.818,3.818,0,0,1-.2.811,1.712,1.712,0,0,1-.781.852c-1.329.727-2.557,1.617-3.841,2.415a5.631,5.631,0,0,1-.888.469,1.648,1.648,0,0,1-1.386-.041c-.15-.074-.306-.137-.46-.2a.16.16,0,0,0-.188.114c0,.14-.005.28-.005.42a1.605,1.605,0,0,1-.423,1.07,5.321,5.321,0,0,1-.982.914c-.529.368-1.056.739-1.587,1.1q-1.212.833-2.43,1.658a10.687,10.687,0,0,1-.926.579,1.949,1.949,0,0,1-1.93.037c-.123-.065-.254-.115-.383-.169a.217.217,0,0,0-.207.1c-.035.163-.074.327-.1.491a2.717,2.717,0,0,1-.988,1.708,9.334,9.334,0,0,1-.807.6q-1.636,1.107-3.283,2.2a7.915,7.915,0,0,1-1.02.581A1.906,1.906,0,0,1,10,83.413a2.912,2.912,0,0,0-.281-.182c-.051-.032-.181.05-.186.118-.01.139-.02.279-.023.418,0,.168.012.337,0,.5a1.727,1.727,0,0,1-.964,1.562c-.352.172-.7.351-1.056.516a6.9,6.9,0,0,1-2.376.47,2.274,2.274,0,0,1-1.212-.293A5.317,5.317,0,0,1,1.3,84.008c-.211-.457-.463-.9-.7-1.341a5.447,5.447,0,0,1-.533-1.5,3.43,3.43,0,0,1,.165-1.9A5.487,5.487,0,0,1,.9,78.014a15.759,15.759,0,0,1,1.77-2.131c.618-.611,1.212-1.244,1.823-1.861q1.182-1.195,2.376-2.378c.358-.355.731-.7,1.088-1.052,2.184-2.175,4.358-4.36,6.548-6.528,1.913-1.893,3.776-3.83,5.537-5.866.641-.741,1.321-1.45,2-2.155q2.978-3.083,5.974-6.15,1.91-1.955,4-3.715c2.272-1.916,4.4-3.985,6.576-6.01.492-.458.945-.958,1.423-1.431a7.789,7.789,0,0,1,.686-.616,1,1,0,0,1,.953-.162,2.9,2.9,0,0,1,1.161.651,10.623,10.623,0,0,1,1.316,1.412,17.562,17.562,0,0,0,4.1,3.707,4.261,4.261,0,0,0,1.212.569,17.116,17.116,0,0,0,3.124.641c1.725.205,3.44.48,5.154.762a21.009,21.009,0,0,0,3.091.314q1.681.025,3.361.067c.5.012,1.009.02,1.511.061a4.324,4.324,0,0,1,.818.175,1.194,1.194,0,0,1,.367.2.855.855,0,0,1,.264,1.121,3.133,3.133,0,0,1-.842,1.036c-.112.083-.227.164-.341.245Q64.93,49.65,63.9,50.38c-.206.145-.414.289-.631.417a1.679,1.679,0,0,1-1.831-.006c-.144-.086-.281-.185-.427-.267a1.316,1.316,0,0,0-.237-.082.208.208,0,0,0-.26.139c-.016.195-.019.391-.038.586-.027.278-.052.557-.1.833a1.4,1.4,0,0,1-.62.962c-.742.5-1.479,1.015-2.24,1.488-.857.532-1.737,1.026-2.607,1.535-.1.056-.2.108-.3.16a1.879,1.879,0,0,1-1.7.043c-.23-.1-.449-.228-.673-.342a.19.19,0,0,0-.25.144c-.016.223-.025.446-.032.592M25.334,71.007a4.87,4.87,0,0,1,.057-.608,1.075,1.075,0,0,1,1.155-.886,2.75,2.75,0,0,1,.575.107,6.212,6.212,0,0,1,.8.257,1.888,1.888,0,0,0,1.916-.181c.069-.047.146-.084.218-.127q1.433-.878,2.867-1.755a.67.67,0,0,0,.328-.55c.044-.417.094-.835.167-1.248a2.519,2.519,0,0,1,.206-.636,1.282,1.282,0,0,1,1.048-.745,2.442,2.442,0,0,1,1.466.261,2.7,2.7,0,0,1,.428.265.484.484,0,0,0,.615.029c1.223-.738,2.451-1.467,3.677-2.2.192-.115.379-.238.564-.364a.52.52,0,0,0,.233-.425c.014-.336.009-.673.04-1.007a7.449,7.449,0,0,1,.163-1.162,1.434,1.434,0,0,1,1.321-1.116,3,3,0,0,1,1.084.075,4.045,4.045,0,0,1,1.242.5.638.638,0,0,0,.711,0c.122-.068.25-.127.371-.2q1.486-.872,2.97-1.748a2.334,2.334,0,0,0,.279-.187.517.517,0,0,0,.2-.355c.026-.251.041-.5.069-.753.046-.418.088-.836.154-1.25a2.967,2.967,0,0,1,.179-.646,1.194,1.194,0,0,1,1.275-.758,5.391,5.391,0,0,1,.741.149c.3.075.6.159.89.251a1.121,1.121,0,0,0,.893-.085c.942-.495,1.889-.982,2.831-1.478a5.647,5.647,0,0,0,.5-.314c.968-.644.988-.682,1.069-1.825a5.687,5.687,0,0,1,.091-.834,1.23,1.23,0,0,1,1.4-1.046,3,3,0,0,1,.333.043c.276.047.551.1.828.145.3.05.608.1.914.137a.541.541,0,0,0,.516-.219.205.205,0,0,0,.046-.149.172.172,0,0,0-.118-.1c-.417-.043-.834-.094-1.253-.11a29.168,29.168,0,0,1-4.007-.43c-1.268-.225-2.535-.463-3.807-.67-.995-.162-2-.285-3-.425a8.42,8.42,0,0,1-3.719-1.46,17.02,17.02,0,0,1-2.111-1.662c-.946-.915-1.881-1.844-2.792-2.794-.623-.65-.521-.709-1.2-.029-.2.2-.386.406-.572.615q-1.676,1.883-3.351,3.768c-.242.272-.487.543-.747.8q-2.222,2.175-4.453,4.342c-.966.936-1.945,1.858-2.911,2.793q-1.147,1.11-2.277,2.239-.892.89-1.767,1.8c-.679.708-1.348,1.424-2.017,2.141-.631.676-1.266,1.348-1.88,2.039s-1.252,1.36-1.92,2c-.647.62-1.283,1.253-1.922,1.881q-.929.914-1.854,1.831c-.576.573-1.146,1.153-1.723,1.724q-2.3,2.276-4.605,4.546c-.26.255-.536.495-.813.731a22.675,22.675,0,0,0-2.613,2.611A16.2,16.2,0,0,1,3.369,78.5a7.057,7.057,0,0,0-.789.754A1.8,1.8,0,0,0,2.339,81.7a3.239,3.239,0,0,0,.343.476c.124.152.259.295.4.434A15.3,15.3,0,0,1,4.6,84.4a6.127,6.127,0,0,0,.429.516.475.475,0,0,0,.533.148c.61-.206,1.221-.412,1.828-.628a.409.409,0,0,0,.287-.38c.019-.447.019-.9.037-1.343a5.99,5.99,0,0,1,.069-.919,1.438,1.438,0,0,1,1.394-1.232,2.172,2.172,0,0,1,1.568.481c.558.437.438.451,1.095.12,1.585-.8,2.945-1.941,4.44-2.878a.747.747,0,0,0,.333-.56c.043-.305.082-.611.127-.916a4.3,4.3,0,0,1,.086-.5,1.18,1.18,0,0,1,1.162-.915,1.849,1.849,0,0,1,1.313.467c.127.109.231.244.347.364a.417.417,0,0,0,.6.107,11.289,11.289,0,0,0,1.167-.663c1.068-.722,2.122-1.464,3.178-2.2.206-.144.4-.3.6-.462a.572.572,0,0,0,.224-.435c.008-.251.009-.5,0-.755s-.046-.5-.075-.814" transform="translate(0 -16.488)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1846" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Glaserei </h2> <div class="xl:max-w-sm"> <p>Unsere Glaserei kombiniert Holz und Glas auf perfekte Weisen: Glänzende Elemente und klassisches Holzmaterial verleihen Inneneinrichtungen eine aufregende Optik. Unsere Leistungen umfassen Spiegelglas, Glasplatten, Sonnenschutzglas, Reparaturverglasungen und Wärmeschutz.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Glaserei' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Glaserei </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'cfde0eeb-af55-4513-afdf-2f03866ed055'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Fenster</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f593a639-623b-41e0-837b-a6abb4a2fdf3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Türen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a0a9fc8d-b4aa-4145-817f-b101e5b1d122'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Böden/Decken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '5cd78c10-7ef1-4d9f-8403-d0f4cb2e1b33'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Treppen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd3890463-eb96-4927-978b-9a453bf3aa3e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Balkone</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '4549a6d4-d5cc-456a-9654-613fc91a8aca'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Trockenbau</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'c5c04967-974c-4b59-99f1-f409523ba190'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Glaserei</button> </div> </div></div> <div class="grid gap-4 xl:grid-cols-12" x-show="tab === '7e2697f8-a042-4104-a215-d31f97826f8d'" style="display: none;"> <div class="flex flex-col gap-12 m-8 text-white md:mt-24 md:ml-24 xl:col-span-4"> <h2 class="text-xl font-bold md:text-4xl"> <p>ModerniÂsierung</p> </h2> <h3 class="-ml-2 text-xl grow md:mr-12 md:text-3xl md:-ml-12"> <p>Aus Altem wird ganz natürlich Neues.</p> </h3> <div class="ml-auto xl:max-w-sm"> <p>Werte erkennen und erhalten, nach diesem elementaren Grundsatz arbeiten wir im Bereich Modernisierung von Häusern, Wohnungen und einzelnen Räumen. Die Komplexität von Modernisierungsmaßnahmen ist hoch, gehören deshalb in erfahrene Profihände. Das spart Zeit, Kosten und Nerven. Insbesondere im Denkmalschutz sind wir geschätzter Partner. Sie erhalten alles aus einer Hand. Fundiertes Wissen. Virtuoses Können. Nachhaltige Ergebnisse.</p> </div> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-6"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1440" class="lozad aspect-square object-cover object-center"> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="w-24 mx-auto xl:ml-12 xl:col-span-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 85.282 72.825"> <path d="M0,55.606a1.764,1.764,0,0,1,.468-1.261,5.346,5.346,0,0,1,.593-.583q.615-.505,1.257-.976c.366-.269.749-.516,1.123-.776q1.837-1.274,3.672-2.55c1.057-.737,2.115-1.472,3.167-2.217,1.237-.877,2.467-1.762,3.7-2.645.041-.03.081-.06.121-.091,1.812-1.415,3.628-2.825,5.432-4.249.634-.5,1.241-1.037,1.859-1.558.077-.065.148-.138.218-.209a.215.215,0,0,0-.006-.276,1.44,1.44,0,0,0-.157-.162c-.139-.11-.281-.215-.425-.317-1.957-1.39-3.918-2.772-5.871-4.168-1.5-1.073-3.045-2.08-4.6-3.066-1.259-.8-2.5-1.63-3.745-2.443-.444-.289-.9-.568-1.348-.843q-.938-.571-1.885-1.129c-.283-.167-.577-.314-.858-.483a7.308,7.308,0,0,1-.758-.5.677.677,0,0,1-.2-.883c.155-.316.343-.617.524-.92.09-.152.214-.286.289-.443A21.918,21.918,0,0,1,4.29,20.012c.293-.433.346-.383-.145-.757-.141-.107-.28-.216-.413-.333a1.141,1.141,0,0,1-.2-.224.57.57,0,0,1-.046-.642q.3-.522.618-1.039c.43-.714.865-1.425,1.292-2.14.8-1.346,1.672-2.649,2.574-3.93,1.105-1.57,2.234-3.123,3.356-4.681.207-.287.424-.566.648-.839a1.789,1.789,0,0,1,.333-.305.476.476,0,0,1,.5-.063,9.7,9.7,0,0,1,1.059.582c1.3.874,2.584,1.768,3.878,2.65.543.37,1.1.722,1.642,1.09,4.169,2.81,8.358,5.589,12.482,8.464,2.175,1.517,4.411,2.947,6.622,4.412.442.293.892.571,1.34.857.218-.024.347-.193.5-.317.275-.223.544-.452.815-.679q2.99-2.511,6.141-4.817a23.526,23.526,0,0,0,1.991-1.634c.875-.8,1.756-1.6,2.629-2.4,1.3-1.2,2.618-2.379,3.974-3.515.484-.406.958-.823,1.429-1.244Q60.5,5.646,63.843,2.963c.61-.492,1.21-1,1.817-1.489A14.584,14.584,0,0,1,67.325.286c.13-.078.261-.155.4-.222A.557.557,0,0,1,68.3.1a2.826,2.826,0,0,1,.414.329c.545.527,1.092,1.051,1.622,1.593A7.856,7.856,0,0,0,72.11,3.429c.088.049.172.107.259.157a4.289,4.289,0,0,1,1.5,1.471c.349.556.7,1.112,1.061,1.66.418.632.852,1.254,1.272,1.884.2.294.383.594.565.9a1.077,1.077,0,0,1-.035,1.216c-.164.254-.343.5-.525.742-.334.444-.677.881-1.012,1.325a1.325,1.325,0,0,0-.133.267c-.006.013.014.044.03.057s.048.03.064.023c.116-.047.232-.1.343-.152.585-.3,1.165-.607,1.755-.9a5.436,5.436,0,0,1,.776-.3,1.94,1.94,0,0,1,.521-.084.978.978,0,0,1,1.038,1.182,2,2,0,0,1-.377.9,12.034,12.034,0,0,1-.817.993c-.344.369-.718.711-1.08,1.063-.562.546-1.128,1.087-1.686,1.636a4.213,4.213,0,0,0-.334.406c-.014.018-.024.065-.016.07.037.027.087.069.122.061a1.051,1.051,0,0,0,.278-.108c.415-.241.823-.5,1.238-.734.876-.5,1.755-1,2.631-1.5.263-.151.519-.315.786-.455a4.422,4.422,0,0,1,.624-.264.536.536,0,0,1,.564.13,22.247,22.247,0,0,1,2.253,2.243,4.427,4.427,0,0,0,.844.863,3.276,3.276,0,0,1,.525.543.559.559,0,0,1-.022.759c-.017.019-.032.039-.05.056-1.179,1.106-2.313,2.259-3.6,3.249-2.221,1.711-4.411,3.463-6.693,5.1-.823.588-1.585,1.251-2.361,1.9-2.117,1.762-4.249,3.507-6.531,5.055-1.362.924-2.611,1.99-3.884,3.027a.541.541,0,0,0-.155.163.268.268,0,0,0-.008.2.473.473,0,0,0,.157.159c2.2,1.653,4.386,3.332,6.612,4.951,2.328,1.694,4.7,3.323,7.047,5,1.089.778,2.15,1.595,3.226,2.393.385.286.775.565,1.159.854a2.805,2.805,0,0,1,.4.345.5.5,0,0,1,.093.56,4.367,4.367,0,0,1-.576,1.063,52.691,52.691,0,0,0-2.949,4.407c-.16.257-.335.5-.5.759a.263.263,0,0,0,.052.4c.138.111.284.211.421.323a2.365,2.365,0,0,1,.274.261.671.671,0,0,1,.063.778,1.026,1.026,0,0,1-.242.289,4.276,4.276,0,0,0-.889,1.023Q74.7,63.8,73.081,65.706c-.786.924-1.554,1.862-2.263,2.848a5.869,5.869,0,0,1-.6.679.28.28,0,0,1-.351.04c-.632-.37-1.276-.722-1.892-1.117-1.042-.668-2.062-1.369-3.1-2.045-.8-.524-1.621-1.028-2.428-1.547-.616-.4-1.23-.8-1.837-1.206-1.088-.735-2.169-1.483-3.257-2.218q-2.009-1.358-4.025-2.706Q51.19,57,49.048,55.566q-2.082-1.385-4.173-2.757a2.652,2.652,0,0,0-.529-.293,7.547,7.547,0,0,1-1.167-.538.433.433,0,0,0-.553.066c-.8.7-1.657,1.325-2.508,1.96-1.276.952-2.583,1.859-3.934,2.7q-2.7,1.685-5.4,3.372c-1.051.655-2.082,1.34-3.07,2.088-1.29.975-2.618,1.9-3.954,2.809-2.5,1.71-4.956,3.493-7.318,5.4-.707.57-1.434,1.119-2.162,1.664a6.9,6.9,0,0,1-.9.566,2.132,2.132,0,0,1-.643.208.983.983,0,0,1-.9-.3,3.4,3.4,0,0,1-.3-.342,8.419,8.419,0,0,0-1.085-1.161c-1.783-1.647-3.5-3.354-5.121-5.165-.606-.678-1.25-1.322-1.87-1.987-.482-.518-.962-1.038-1.426-1.57a5.547,5.547,0,0,1-.789-1.2,1.919,1.919,0,0,1-.209-.723,1.258,1.258,0,0,1,.269-.922c.194-.233.39-.465.6-.682C3.008,57.634,4.108,56.518,5.2,55.4a5.012,5.012,0,0,0,.332-.406s-.032-.049-.047-.048a.309.309,0,0,0-.139.032c-.235.147-.473.293-.7.452-.87.607-1.736,1.22-2.606,1.828a4.641,4.641,0,0,1-.574.365.727.727,0,0,1-.983-.293A4.046,4.046,0,0,1,0,55.606m78.782-2.924c-.04-.08-.057-.169-.11-.208q-.578-.429-1.169-.839-5.759-4-11.52-8c-2.593-1.8-5.176-3.619-7.77-5.42-4.8-3.329-9.6-6.636-14.39-9.977Q32.978,20.668,22.157,13.061q-4.128-2.894-8.246-5.8c-.186-.13-.378-.251-.571-.371a.216.216,0,0,0-.27.065q-.159.212-.31.43c-1.032,1.5-2.057,3-3.1,4.494-1.2,1.72-2.412,3.432-3.618,5.147-.1.145-.2.291-.3.44a.25.25,0,0,0,.068.336c.119.093.243.181.367.268.391.278.791.544,1.174.833,1.575,1.185,3.15,2.369,4.714,3.569.721.553,1.42,1.136,2.118,1.719a8.639,8.639,0,0,1,.638.643.126.126,0,0,1,.022.068c-.041.019-.094.056-.127.043-.165-.063-.326-.135-.485-.211-.912-.433-1.822-.872-2.736-1.3-.731-.344-1.472-.668-2.2-1.02-.887-.429-1.763-.879-2.646-1.318a2.593,2.593,0,0,0-.416-.177.266.266,0,0,0-.206.052.967.967,0,0,0-.192.23q-.935,1.426-1.865,2.856c-.055.085-.1.175-.147.264a.232.232,0,0,0,.077.269c.188.128.377.253.569.374,1.134.712,2.267,1.426,3.4,2.131,1.1.679,2.187,1.364,3.3,2.019,2.134,1.26,4.212,2.6,6.224,4.049,1.826,1.313,3.7,2.561,5.581,3.788q10.2,6.633,20.394,13.272c3.323,2.166,6.641,4.339,10.015,6.426,1.4.863,2.772,1.762,4.13,2.684,2.7,1.831,5.4,3.648,8.133,5.427,1.291.841,2.573,1.7,3.86,2.545.293.193.364.179.573-.07.1-.116.2-.232.283-.356.466-.661.938-1.317,1.388-1.989.929-1.384,1.823-2.793,2.83-4.124a2.547,2.547,0,0,0,.161-.256.261.261,0,0,0-.044-.282c-.112-.1-.225-.2-.344-.295q-.995-.759-1.993-1.513C70.494,57,68.642,55.556,66.846,54.04q-2.086-1.76-4.175-3.514a1.48,1.48,0,0,1-.155-.165.272.272,0,0,1-.031-.069c.041-.015.092-.054.122-.042a13.621,13.621,0,0,1,2.147,1.119c.831.531,1.686,1.019,2.559,1.478.76.4,1.518.8,2.282,1.2,1.8.923,3.586,1.866,5.325,2.9.108.065.219.127.331.185a.291.291,0,0,0,.4-.078c.235-.3.462-.6.695-.9.792-1.018,1.538-2.068,2.249-3.143.069-.1.124-.216.185-.325" transform="translate(0 0)" fill="#fff"></path> <path d="M24.625,23.647a1.416,1.416,0,0,1-1.417-.908,1.7,1.7,0,0,1,.751-2.146,1.943,1.943,0,0,1,1.745-.107A1.332,1.332,0,0,1,26.549,22a1.577,1.577,0,0,1-.573,1.031,5.74,5.74,0,0,1-.555.39,1.556,1.556,0,0,1-.8.225" transform="translate(-11.321 -9.974)" fill="#fff"></path> <path d="M20.7,51.6h-.155a1.47,1.47,0,0,1-1.5-1.94,1.179,1.179,0,0,1,1.118-.959,1.516,1.516,0,0,1,.451.026,9.526,9.526,0,0,1,1.014.3,1.154,1.154,0,0,1,.808,1,1.2,1.2,0,0,1-.533,1.178,2.185,2.185,0,0,1-1.2.393" transform="translate(-9.322 -23.895)" fill="#fff"></path> <path d="M124.11,113.278a3.478,3.478,0,0,1,.387.048,1.189,1.189,0,0,1,.927.8,1.69,1.69,0,0,1-.078,1.324,1.167,1.167,0,0,1-.458.492,1.843,1.843,0,0,1-2.122-.158,1.419,1.419,0,0,1-.482-.752,1.189,1.189,0,0,1,.274-1.127,2.035,2.035,0,0,1,1.553-.631" transform="translate(-59.978 -55.58)" fill="#fff"></path> <path d="M141.332,101.294a1.515,1.515,0,0,1-1.317-.612,1.289,1.289,0,0,1-.19-1.287,1.792,1.792,0,0,1,2.512-.914,1.015,1.015,0,0,1,.569.916,1.911,1.911,0,0,1-1,1.744,1.139,1.139,0,0,1-.574.153" transform="translate(-68.559 -48.214)" fill="#fff"></path> <path d="M115.819,101.471c-.2-.011-.277-.013-.352-.019a1.347,1.347,0,0,1-1.011-2.138,1.8,1.8,0,0,1,1.788-.742,1.521,1.521,0,0,1,1.187,1.4,1.394,1.394,0,0,1-.922,1.346,4.264,4.264,0,0,1-.689.15" transform="translate(-56.035 -48.349)" fill="#fff"></path> </svg> </div> <div class="hidden xl:block xl:col-span-8"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '35849a88-1596-4a70-ab31-d34418841f25'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Modernisieren/Sanieren</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '0985faef-8ab9-4fce-b983-b54853b98516'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Reparaturen</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'f172c3ac-d1fd-4d2b-aca9-8f45cc837dc8'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Barrierefrei Wohnen</button> </div> </div> <div id="35849a88-1596-4a70-ab31-d34418841f25" x-show="tab === '35849a88-1596-4a70-ab31-d34418841f25'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 85.282 72.825"> <path d="M0,55.606a1.764,1.764,0,0,1,.468-1.261,5.346,5.346,0,0,1,.593-.583q.615-.505,1.257-.976c.366-.269.749-.516,1.123-.776q1.837-1.274,3.672-2.55c1.057-.737,2.115-1.472,3.167-2.217,1.237-.877,2.467-1.762,3.7-2.645.041-.03.081-.06.121-.091,1.812-1.415,3.628-2.825,5.432-4.249.634-.5,1.241-1.037,1.859-1.558.077-.065.148-.138.218-.209a.215.215,0,0,0-.006-.276,1.44,1.44,0,0,0-.157-.162c-.139-.11-.281-.215-.425-.317-1.957-1.39-3.918-2.772-5.871-4.168-1.5-1.073-3.045-2.08-4.6-3.066-1.259-.8-2.5-1.63-3.745-2.443-.444-.289-.9-.568-1.348-.843q-.938-.571-1.885-1.129c-.283-.167-.577-.314-.858-.483a7.308,7.308,0,0,1-.758-.5.677.677,0,0,1-.2-.883c.155-.316.343-.617.524-.92.09-.152.214-.286.289-.443A21.918,21.918,0,0,1,4.29,20.012c.293-.433.346-.383-.145-.757-.141-.107-.28-.216-.413-.333a1.141,1.141,0,0,1-.2-.224.57.57,0,0,1-.046-.642q.3-.522.618-1.039c.43-.714.865-1.425,1.292-2.14.8-1.346,1.672-2.649,2.574-3.93,1.105-1.57,2.234-3.123,3.356-4.681.207-.287.424-.566.648-.839a1.789,1.789,0,0,1,.333-.305.476.476,0,0,1,.5-.063,9.7,9.7,0,0,1,1.059.582c1.3.874,2.584,1.768,3.878,2.65.543.37,1.1.722,1.642,1.09,4.169,2.81,8.358,5.589,12.482,8.464,2.175,1.517,4.411,2.947,6.622,4.412.442.293.892.571,1.34.857.218-.024.347-.193.5-.317.275-.223.544-.452.815-.679q2.99-2.511,6.141-4.817a23.526,23.526,0,0,0,1.991-1.634c.875-.8,1.756-1.6,2.629-2.4,1.3-1.2,2.618-2.379,3.974-3.515.484-.406.958-.823,1.429-1.244Q60.5,5.646,63.843,2.963c.61-.492,1.21-1,1.817-1.489A14.584,14.584,0,0,1,67.325.286c.13-.078.261-.155.4-.222A.557.557,0,0,1,68.3.1a2.826,2.826,0,0,1,.414.329c.545.527,1.092,1.051,1.622,1.593A7.856,7.856,0,0,0,72.11,3.429c.088.049.172.107.259.157a4.289,4.289,0,0,1,1.5,1.471c.349.556.7,1.112,1.061,1.66.418.632.852,1.254,1.272,1.884.2.294.383.594.565.9a1.077,1.077,0,0,1-.035,1.216c-.164.254-.343.5-.525.742-.334.444-.677.881-1.012,1.325a1.325,1.325,0,0,0-.133.267c-.006.013.014.044.03.057s.048.03.064.023c.116-.047.232-.1.343-.152.585-.3,1.165-.607,1.755-.9a5.436,5.436,0,0,1,.776-.3,1.94,1.94,0,0,1,.521-.084.978.978,0,0,1,1.038,1.182,2,2,0,0,1-.377.9,12.034,12.034,0,0,1-.817.993c-.344.369-.718.711-1.08,1.063-.562.546-1.128,1.087-1.686,1.636a4.213,4.213,0,0,0-.334.406c-.014.018-.024.065-.016.07.037.027.087.069.122.061a1.051,1.051,0,0,0,.278-.108c.415-.241.823-.5,1.238-.734.876-.5,1.755-1,2.631-1.5.263-.151.519-.315.786-.455a4.422,4.422,0,0,1,.624-.264.536.536,0,0,1,.564.13,22.247,22.247,0,0,1,2.253,2.243,4.427,4.427,0,0,0,.844.863,3.276,3.276,0,0,1,.525.543.559.559,0,0,1-.022.759c-.017.019-.032.039-.05.056-1.179,1.106-2.313,2.259-3.6,3.249-2.221,1.711-4.411,3.463-6.693,5.1-.823.588-1.585,1.251-2.361,1.9-2.117,1.762-4.249,3.507-6.531,5.055-1.362.924-2.611,1.99-3.884,3.027a.541.541,0,0,0-.155.163.268.268,0,0,0-.008.2.473.473,0,0,0,.157.159c2.2,1.653,4.386,3.332,6.612,4.951,2.328,1.694,4.7,3.323,7.047,5,1.089.778,2.15,1.595,3.226,2.393.385.286.775.565,1.159.854a2.805,2.805,0,0,1,.4.345.5.5,0,0,1,.093.56,4.367,4.367,0,0,1-.576,1.063,52.691,52.691,0,0,0-2.949,4.407c-.16.257-.335.5-.5.759a.263.263,0,0,0,.052.4c.138.111.284.211.421.323a2.365,2.365,0,0,1,.274.261.671.671,0,0,1,.063.778,1.026,1.026,0,0,1-.242.289,4.276,4.276,0,0,0-.889,1.023Q74.7,63.8,73.081,65.706c-.786.924-1.554,1.862-2.263,2.848a5.869,5.869,0,0,1-.6.679.28.28,0,0,1-.351.04c-.632-.37-1.276-.722-1.892-1.117-1.042-.668-2.062-1.369-3.1-2.045-.8-.524-1.621-1.028-2.428-1.547-.616-.4-1.23-.8-1.837-1.206-1.088-.735-2.169-1.483-3.257-2.218q-2.009-1.358-4.025-2.706Q51.19,57,49.048,55.566q-2.082-1.385-4.173-2.757a2.652,2.652,0,0,0-.529-.293,7.547,7.547,0,0,1-1.167-.538.433.433,0,0,0-.553.066c-.8.7-1.657,1.325-2.508,1.96-1.276.952-2.583,1.859-3.934,2.7q-2.7,1.685-5.4,3.372c-1.051.655-2.082,1.34-3.07,2.088-1.29.975-2.618,1.9-3.954,2.809-2.5,1.71-4.956,3.493-7.318,5.4-.707.57-1.434,1.119-2.162,1.664a6.9,6.9,0,0,1-.9.566,2.132,2.132,0,0,1-.643.208.983.983,0,0,1-.9-.3,3.4,3.4,0,0,1-.3-.342,8.419,8.419,0,0,0-1.085-1.161c-1.783-1.647-3.5-3.354-5.121-5.165-.606-.678-1.25-1.322-1.87-1.987-.482-.518-.962-1.038-1.426-1.57a5.547,5.547,0,0,1-.789-1.2,1.919,1.919,0,0,1-.209-.723,1.258,1.258,0,0,1,.269-.922c.194-.233.39-.465.6-.682C3.008,57.634,4.108,56.518,5.2,55.4a5.012,5.012,0,0,0,.332-.406s-.032-.049-.047-.048a.309.309,0,0,0-.139.032c-.235.147-.473.293-.7.452-.87.607-1.736,1.22-2.606,1.828a4.641,4.641,0,0,1-.574.365.727.727,0,0,1-.983-.293A4.046,4.046,0,0,1,0,55.606m78.782-2.924c-.04-.08-.057-.169-.11-.208q-.578-.429-1.169-.839-5.759-4-11.52-8c-2.593-1.8-5.176-3.619-7.77-5.42-4.8-3.329-9.6-6.636-14.39-9.977Q32.978,20.668,22.157,13.061q-4.128-2.894-8.246-5.8c-.186-.13-.378-.251-.571-.371a.216.216,0,0,0-.27.065q-.159.212-.31.43c-1.032,1.5-2.057,3-3.1,4.494-1.2,1.72-2.412,3.432-3.618,5.147-.1.145-.2.291-.3.44a.25.25,0,0,0,.068.336c.119.093.243.181.367.268.391.278.791.544,1.174.833,1.575,1.185,3.15,2.369,4.714,3.569.721.553,1.42,1.136,2.118,1.719a8.639,8.639,0,0,1,.638.643.126.126,0,0,1,.022.068c-.041.019-.094.056-.127.043-.165-.063-.326-.135-.485-.211-.912-.433-1.822-.872-2.736-1.3-.731-.344-1.472-.668-2.2-1.02-.887-.429-1.763-.879-2.646-1.318a2.593,2.593,0,0,0-.416-.177.266.266,0,0,0-.206.052.967.967,0,0,0-.192.23q-.935,1.426-1.865,2.856c-.055.085-.1.175-.147.264a.232.232,0,0,0,.077.269c.188.128.377.253.569.374,1.134.712,2.267,1.426,3.4,2.131,1.1.679,2.187,1.364,3.3,2.019,2.134,1.26,4.212,2.6,6.224,4.049,1.826,1.313,3.7,2.561,5.581,3.788q10.2,6.633,20.394,13.272c3.323,2.166,6.641,4.339,10.015,6.426,1.4.863,2.772,1.762,4.13,2.684,2.7,1.831,5.4,3.648,8.133,5.427,1.291.841,2.573,1.7,3.86,2.545.293.193.364.179.573-.07.1-.116.2-.232.283-.356.466-.661.938-1.317,1.388-1.989.929-1.384,1.823-2.793,2.83-4.124a2.547,2.547,0,0,0,.161-.256.261.261,0,0,0-.044-.282c-.112-.1-.225-.2-.344-.295q-.995-.759-1.993-1.513C70.494,57,68.642,55.556,66.846,54.04q-2.086-1.76-4.175-3.514a1.48,1.48,0,0,1-.155-.165.272.272,0,0,1-.031-.069c.041-.015.092-.054.122-.042a13.621,13.621,0,0,1,2.147,1.119c.831.531,1.686,1.019,2.559,1.478.76.4,1.518.8,2.282,1.2,1.8.923,3.586,1.866,5.325,2.9.108.065.219.127.331.185a.291.291,0,0,0,.4-.078c.235-.3.462-.6.695-.9.792-1.018,1.538-2.068,2.249-3.143.069-.1.124-.216.185-.325" transform="translate(0 0)" fill="#fff"></path> <path d="M24.625,23.647a1.416,1.416,0,0,1-1.417-.908,1.7,1.7,0,0,1,.751-2.146,1.943,1.943,0,0,1,1.745-.107A1.332,1.332,0,0,1,26.549,22a1.577,1.577,0,0,1-.573,1.031,5.74,5.74,0,0,1-.555.39,1.556,1.556,0,0,1-.8.225" transform="translate(-11.321 -9.974)" fill="#fff"></path> <path d="M20.7,51.6h-.155a1.47,1.47,0,0,1-1.5-1.94,1.179,1.179,0,0,1,1.118-.959,1.516,1.516,0,0,1,.451.026,9.526,9.526,0,0,1,1.014.3,1.154,1.154,0,0,1,.808,1,1.2,1.2,0,0,1-.533,1.178,2.185,2.185,0,0,1-1.2.393" transform="translate(-9.322 -23.895)" fill="#fff"></path> <path d="M124.11,113.278a3.478,3.478,0,0,1,.387.048,1.189,1.189,0,0,1,.927.8,1.69,1.69,0,0,1-.078,1.324,1.167,1.167,0,0,1-.458.492,1.843,1.843,0,0,1-2.122-.158,1.419,1.419,0,0,1-.482-.752,1.189,1.189,0,0,1,.274-1.127,2.035,2.035,0,0,1,1.553-.631" transform="translate(-59.978 -55.58)" fill="#fff"></path> <path d="M141.332,101.294a1.515,1.515,0,0,1-1.317-.612,1.289,1.289,0,0,1-.19-1.287,1.792,1.792,0,0,1,2.512-.914,1.015,1.015,0,0,1,.569.916,1.911,1.911,0,0,1-1,1.744,1.139,1.139,0,0,1-.574.153" transform="translate(-68.559 -48.214)" fill="#fff"></path> <path d="M115.819,101.471c-.2-.011-.277-.013-.352-.019a1.347,1.347,0,0,1-1.011-2.138,1.8,1.8,0,0,1,1.788-.742,1.521,1.521,0,0,1,1.187,1.4,1.394,1.394,0,0,1-.922,1.346,4.264,4.264,0,0,1-.689.15" transform="translate(-56.035 -48.349)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1440" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Modernisieren/Sanieren </h2> <div class="xl:max-w-sm"> <p>Wir übernehmen die ganzheitliche Planung: Raumplanung, Farbgestaltung, Stilfindung und Materialauswahl – mit unseren Ideen gelingt es zuverlässig, Räumlichkeiten in Bezug auf Komfort, Ergonomie, Funktion und Laufwege faszinierend neu zu definieren.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Modernisieren/Sanieren' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Modernisieren/Sanieren </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '35849a88-1596-4a70-ab31-d34418841f25'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Modernisieren/Sanieren</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0985faef-8ab9-4fce-b983-b54853b98516'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Reparaturen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f172c3ac-d1fd-4d2b-aca9-8f45cc837dc8'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Barrierefrei Wohnen</button> </div> </div></div> <div id="0985faef-8ab9-4fce-b983-b54853b98516" x-show="tab === '0985faef-8ab9-4fce-b983-b54853b98516'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 85.282 72.825"> <path d="M0,55.606a1.764,1.764,0,0,1,.468-1.261,5.346,5.346,0,0,1,.593-.583q.615-.505,1.257-.976c.366-.269.749-.516,1.123-.776q1.837-1.274,3.672-2.55c1.057-.737,2.115-1.472,3.167-2.217,1.237-.877,2.467-1.762,3.7-2.645.041-.03.081-.06.121-.091,1.812-1.415,3.628-2.825,5.432-4.249.634-.5,1.241-1.037,1.859-1.558.077-.065.148-.138.218-.209a.215.215,0,0,0-.006-.276,1.44,1.44,0,0,0-.157-.162c-.139-.11-.281-.215-.425-.317-1.957-1.39-3.918-2.772-5.871-4.168-1.5-1.073-3.045-2.08-4.6-3.066-1.259-.8-2.5-1.63-3.745-2.443-.444-.289-.9-.568-1.348-.843q-.938-.571-1.885-1.129c-.283-.167-.577-.314-.858-.483a7.308,7.308,0,0,1-.758-.5.677.677,0,0,1-.2-.883c.155-.316.343-.617.524-.92.09-.152.214-.286.289-.443A21.918,21.918,0,0,1,4.29,20.012c.293-.433.346-.383-.145-.757-.141-.107-.28-.216-.413-.333a1.141,1.141,0,0,1-.2-.224.57.57,0,0,1-.046-.642q.3-.522.618-1.039c.43-.714.865-1.425,1.292-2.14.8-1.346,1.672-2.649,2.574-3.93,1.105-1.57,2.234-3.123,3.356-4.681.207-.287.424-.566.648-.839a1.789,1.789,0,0,1,.333-.305.476.476,0,0,1,.5-.063,9.7,9.7,0,0,1,1.059.582c1.3.874,2.584,1.768,3.878,2.65.543.37,1.1.722,1.642,1.09,4.169,2.81,8.358,5.589,12.482,8.464,2.175,1.517,4.411,2.947,6.622,4.412.442.293.892.571,1.34.857.218-.024.347-.193.5-.317.275-.223.544-.452.815-.679q2.99-2.511,6.141-4.817a23.526,23.526,0,0,0,1.991-1.634c.875-.8,1.756-1.6,2.629-2.4,1.3-1.2,2.618-2.379,3.974-3.515.484-.406.958-.823,1.429-1.244Q60.5,5.646,63.843,2.963c.61-.492,1.21-1,1.817-1.489A14.584,14.584,0,0,1,67.325.286c.13-.078.261-.155.4-.222A.557.557,0,0,1,68.3.1a2.826,2.826,0,0,1,.414.329c.545.527,1.092,1.051,1.622,1.593A7.856,7.856,0,0,0,72.11,3.429c.088.049.172.107.259.157a4.289,4.289,0,0,1,1.5,1.471c.349.556.7,1.112,1.061,1.66.418.632.852,1.254,1.272,1.884.2.294.383.594.565.9a1.077,1.077,0,0,1-.035,1.216c-.164.254-.343.5-.525.742-.334.444-.677.881-1.012,1.325a1.325,1.325,0,0,0-.133.267c-.006.013.014.044.03.057s.048.03.064.023c.116-.047.232-.1.343-.152.585-.3,1.165-.607,1.755-.9a5.436,5.436,0,0,1,.776-.3,1.94,1.94,0,0,1,.521-.084.978.978,0,0,1,1.038,1.182,2,2,0,0,1-.377.9,12.034,12.034,0,0,1-.817.993c-.344.369-.718.711-1.08,1.063-.562.546-1.128,1.087-1.686,1.636a4.213,4.213,0,0,0-.334.406c-.014.018-.024.065-.016.07.037.027.087.069.122.061a1.051,1.051,0,0,0,.278-.108c.415-.241.823-.5,1.238-.734.876-.5,1.755-1,2.631-1.5.263-.151.519-.315.786-.455a4.422,4.422,0,0,1,.624-.264.536.536,0,0,1,.564.13,22.247,22.247,0,0,1,2.253,2.243,4.427,4.427,0,0,0,.844.863,3.276,3.276,0,0,1,.525.543.559.559,0,0,1-.022.759c-.017.019-.032.039-.05.056-1.179,1.106-2.313,2.259-3.6,3.249-2.221,1.711-4.411,3.463-6.693,5.1-.823.588-1.585,1.251-2.361,1.9-2.117,1.762-4.249,3.507-6.531,5.055-1.362.924-2.611,1.99-3.884,3.027a.541.541,0,0,0-.155.163.268.268,0,0,0-.008.2.473.473,0,0,0,.157.159c2.2,1.653,4.386,3.332,6.612,4.951,2.328,1.694,4.7,3.323,7.047,5,1.089.778,2.15,1.595,3.226,2.393.385.286.775.565,1.159.854a2.805,2.805,0,0,1,.4.345.5.5,0,0,1,.093.56,4.367,4.367,0,0,1-.576,1.063,52.691,52.691,0,0,0-2.949,4.407c-.16.257-.335.5-.5.759a.263.263,0,0,0,.052.4c.138.111.284.211.421.323a2.365,2.365,0,0,1,.274.261.671.671,0,0,1,.063.778,1.026,1.026,0,0,1-.242.289,4.276,4.276,0,0,0-.889,1.023Q74.7,63.8,73.081,65.706c-.786.924-1.554,1.862-2.263,2.848a5.869,5.869,0,0,1-.6.679.28.28,0,0,1-.351.04c-.632-.37-1.276-.722-1.892-1.117-1.042-.668-2.062-1.369-3.1-2.045-.8-.524-1.621-1.028-2.428-1.547-.616-.4-1.23-.8-1.837-1.206-1.088-.735-2.169-1.483-3.257-2.218q-2.009-1.358-4.025-2.706Q51.19,57,49.048,55.566q-2.082-1.385-4.173-2.757a2.652,2.652,0,0,0-.529-.293,7.547,7.547,0,0,1-1.167-.538.433.433,0,0,0-.553.066c-.8.7-1.657,1.325-2.508,1.96-1.276.952-2.583,1.859-3.934,2.7q-2.7,1.685-5.4,3.372c-1.051.655-2.082,1.34-3.07,2.088-1.29.975-2.618,1.9-3.954,2.809-2.5,1.71-4.956,3.493-7.318,5.4-.707.57-1.434,1.119-2.162,1.664a6.9,6.9,0,0,1-.9.566,2.132,2.132,0,0,1-.643.208.983.983,0,0,1-.9-.3,3.4,3.4,0,0,1-.3-.342,8.419,8.419,0,0,0-1.085-1.161c-1.783-1.647-3.5-3.354-5.121-5.165-.606-.678-1.25-1.322-1.87-1.987-.482-.518-.962-1.038-1.426-1.57a5.547,5.547,0,0,1-.789-1.2,1.919,1.919,0,0,1-.209-.723,1.258,1.258,0,0,1,.269-.922c.194-.233.39-.465.6-.682C3.008,57.634,4.108,56.518,5.2,55.4a5.012,5.012,0,0,0,.332-.406s-.032-.049-.047-.048a.309.309,0,0,0-.139.032c-.235.147-.473.293-.7.452-.87.607-1.736,1.22-2.606,1.828a4.641,4.641,0,0,1-.574.365.727.727,0,0,1-.983-.293A4.046,4.046,0,0,1,0,55.606m78.782-2.924c-.04-.08-.057-.169-.11-.208q-.578-.429-1.169-.839-5.759-4-11.52-8c-2.593-1.8-5.176-3.619-7.77-5.42-4.8-3.329-9.6-6.636-14.39-9.977Q32.978,20.668,22.157,13.061q-4.128-2.894-8.246-5.8c-.186-.13-.378-.251-.571-.371a.216.216,0,0,0-.27.065q-.159.212-.31.43c-1.032,1.5-2.057,3-3.1,4.494-1.2,1.72-2.412,3.432-3.618,5.147-.1.145-.2.291-.3.44a.25.25,0,0,0,.068.336c.119.093.243.181.367.268.391.278.791.544,1.174.833,1.575,1.185,3.15,2.369,4.714,3.569.721.553,1.42,1.136,2.118,1.719a8.639,8.639,0,0,1,.638.643.126.126,0,0,1,.022.068c-.041.019-.094.056-.127.043-.165-.063-.326-.135-.485-.211-.912-.433-1.822-.872-2.736-1.3-.731-.344-1.472-.668-2.2-1.02-.887-.429-1.763-.879-2.646-1.318a2.593,2.593,0,0,0-.416-.177.266.266,0,0,0-.206.052.967.967,0,0,0-.192.23q-.935,1.426-1.865,2.856c-.055.085-.1.175-.147.264a.232.232,0,0,0,.077.269c.188.128.377.253.569.374,1.134.712,2.267,1.426,3.4,2.131,1.1.679,2.187,1.364,3.3,2.019,2.134,1.26,4.212,2.6,6.224,4.049,1.826,1.313,3.7,2.561,5.581,3.788q10.2,6.633,20.394,13.272c3.323,2.166,6.641,4.339,10.015,6.426,1.4.863,2.772,1.762,4.13,2.684,2.7,1.831,5.4,3.648,8.133,5.427,1.291.841,2.573,1.7,3.86,2.545.293.193.364.179.573-.07.1-.116.2-.232.283-.356.466-.661.938-1.317,1.388-1.989.929-1.384,1.823-2.793,2.83-4.124a2.547,2.547,0,0,0,.161-.256.261.261,0,0,0-.044-.282c-.112-.1-.225-.2-.344-.295q-.995-.759-1.993-1.513C70.494,57,68.642,55.556,66.846,54.04q-2.086-1.76-4.175-3.514a1.48,1.48,0,0,1-.155-.165.272.272,0,0,1-.031-.069c.041-.015.092-.054.122-.042a13.621,13.621,0,0,1,2.147,1.119c.831.531,1.686,1.019,2.559,1.478.76.4,1.518.8,2.282,1.2,1.8.923,3.586,1.866,5.325,2.9.108.065.219.127.331.185a.291.291,0,0,0,.4-.078c.235-.3.462-.6.695-.9.792-1.018,1.538-2.068,2.249-3.143.069-.1.124-.216.185-.325" transform="translate(0 0)" fill="#fff"></path> <path d="M24.625,23.647a1.416,1.416,0,0,1-1.417-.908,1.7,1.7,0,0,1,.751-2.146,1.943,1.943,0,0,1,1.745-.107A1.332,1.332,0,0,1,26.549,22a1.577,1.577,0,0,1-.573,1.031,5.74,5.74,0,0,1-.555.39,1.556,1.556,0,0,1-.8.225" transform="translate(-11.321 -9.974)" fill="#fff"></path> <path d="M20.7,51.6h-.155a1.47,1.47,0,0,1-1.5-1.94,1.179,1.179,0,0,1,1.118-.959,1.516,1.516,0,0,1,.451.026,9.526,9.526,0,0,1,1.014.3,1.154,1.154,0,0,1,.808,1,1.2,1.2,0,0,1-.533,1.178,2.185,2.185,0,0,1-1.2.393" transform="translate(-9.322 -23.895)" fill="#fff"></path> <path d="M124.11,113.278a3.478,3.478,0,0,1,.387.048,1.189,1.189,0,0,1,.927.8,1.69,1.69,0,0,1-.078,1.324,1.167,1.167,0,0,1-.458.492,1.843,1.843,0,0,1-2.122-.158,1.419,1.419,0,0,1-.482-.752,1.189,1.189,0,0,1,.274-1.127,2.035,2.035,0,0,1,1.553-.631" transform="translate(-59.978 -55.58)" fill="#fff"></path> <path d="M141.332,101.294a1.515,1.515,0,0,1-1.317-.612,1.289,1.289,0,0,1-.19-1.287,1.792,1.792,0,0,1,2.512-.914,1.015,1.015,0,0,1,.569.916,1.911,1.911,0,0,1-1,1.744,1.139,1.139,0,0,1-.574.153" transform="translate(-68.559 -48.214)" fill="#fff"></path> <path d="M115.819,101.471c-.2-.011-.277-.013-.352-.019a1.347,1.347,0,0,1-1.011-2.138,1.8,1.8,0,0,1,1.788-.742,1.521,1.521,0,0,1,1.187,1.4,1.394,1.394,0,0,1-.922,1.346,4.264,4.264,0,0,1-.689.15" transform="translate(-56.035 -48.349)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="Ausbau Altholz" src="https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Reparaturen </h2> <div class="xl:max-w-sm"> <p>Schnell und unkompliziert erledigen wir jede Art von Reparaturen: Möbel, Böden, Fenster oder Türen – bei Bedarf justieren wir Fenster und Türen, damit diese wieder richtig schließen und somit keine Energie durch Wärmeverlust verschwendet wird.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Reparaturen' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Reparaturen </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '35849a88-1596-4a70-ab31-d34418841f25'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Modernisieren/Sanieren</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '0985faef-8ab9-4fce-b983-b54853b98516'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Reparaturen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f172c3ac-d1fd-4d2b-aca9-8f45cc837dc8'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Barrierefrei Wohnen</button> </div> </div></div> <div id="f172c3ac-d1fd-4d2b-aca9-8f45cc837dc8" x-show="tab === 'f172c3ac-d1fd-4d2b-aca9-8f45cc837dc8'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 85.282 72.825"> <path d="M0,55.606a1.764,1.764,0,0,1,.468-1.261,5.346,5.346,0,0,1,.593-.583q.615-.505,1.257-.976c.366-.269.749-.516,1.123-.776q1.837-1.274,3.672-2.55c1.057-.737,2.115-1.472,3.167-2.217,1.237-.877,2.467-1.762,3.7-2.645.041-.03.081-.06.121-.091,1.812-1.415,3.628-2.825,5.432-4.249.634-.5,1.241-1.037,1.859-1.558.077-.065.148-.138.218-.209a.215.215,0,0,0-.006-.276,1.44,1.44,0,0,0-.157-.162c-.139-.11-.281-.215-.425-.317-1.957-1.39-3.918-2.772-5.871-4.168-1.5-1.073-3.045-2.08-4.6-3.066-1.259-.8-2.5-1.63-3.745-2.443-.444-.289-.9-.568-1.348-.843q-.938-.571-1.885-1.129c-.283-.167-.577-.314-.858-.483a7.308,7.308,0,0,1-.758-.5.677.677,0,0,1-.2-.883c.155-.316.343-.617.524-.92.09-.152.214-.286.289-.443A21.918,21.918,0,0,1,4.29,20.012c.293-.433.346-.383-.145-.757-.141-.107-.28-.216-.413-.333a1.141,1.141,0,0,1-.2-.224.57.57,0,0,1-.046-.642q.3-.522.618-1.039c.43-.714.865-1.425,1.292-2.14.8-1.346,1.672-2.649,2.574-3.93,1.105-1.57,2.234-3.123,3.356-4.681.207-.287.424-.566.648-.839a1.789,1.789,0,0,1,.333-.305.476.476,0,0,1,.5-.063,9.7,9.7,0,0,1,1.059.582c1.3.874,2.584,1.768,3.878,2.65.543.37,1.1.722,1.642,1.09,4.169,2.81,8.358,5.589,12.482,8.464,2.175,1.517,4.411,2.947,6.622,4.412.442.293.892.571,1.34.857.218-.024.347-.193.5-.317.275-.223.544-.452.815-.679q2.99-2.511,6.141-4.817a23.526,23.526,0,0,0,1.991-1.634c.875-.8,1.756-1.6,2.629-2.4,1.3-1.2,2.618-2.379,3.974-3.515.484-.406.958-.823,1.429-1.244Q60.5,5.646,63.843,2.963c.61-.492,1.21-1,1.817-1.489A14.584,14.584,0,0,1,67.325.286c.13-.078.261-.155.4-.222A.557.557,0,0,1,68.3.1a2.826,2.826,0,0,1,.414.329c.545.527,1.092,1.051,1.622,1.593A7.856,7.856,0,0,0,72.11,3.429c.088.049.172.107.259.157a4.289,4.289,0,0,1,1.5,1.471c.349.556.7,1.112,1.061,1.66.418.632.852,1.254,1.272,1.884.2.294.383.594.565.9a1.077,1.077,0,0,1-.035,1.216c-.164.254-.343.5-.525.742-.334.444-.677.881-1.012,1.325a1.325,1.325,0,0,0-.133.267c-.006.013.014.044.03.057s.048.03.064.023c.116-.047.232-.1.343-.152.585-.3,1.165-.607,1.755-.9a5.436,5.436,0,0,1,.776-.3,1.94,1.94,0,0,1,.521-.084.978.978,0,0,1,1.038,1.182,2,2,0,0,1-.377.9,12.034,12.034,0,0,1-.817.993c-.344.369-.718.711-1.08,1.063-.562.546-1.128,1.087-1.686,1.636a4.213,4.213,0,0,0-.334.406c-.014.018-.024.065-.016.07.037.027.087.069.122.061a1.051,1.051,0,0,0,.278-.108c.415-.241.823-.5,1.238-.734.876-.5,1.755-1,2.631-1.5.263-.151.519-.315.786-.455a4.422,4.422,0,0,1,.624-.264.536.536,0,0,1,.564.13,22.247,22.247,0,0,1,2.253,2.243,4.427,4.427,0,0,0,.844.863,3.276,3.276,0,0,1,.525.543.559.559,0,0,1-.022.759c-.017.019-.032.039-.05.056-1.179,1.106-2.313,2.259-3.6,3.249-2.221,1.711-4.411,3.463-6.693,5.1-.823.588-1.585,1.251-2.361,1.9-2.117,1.762-4.249,3.507-6.531,5.055-1.362.924-2.611,1.99-3.884,3.027a.541.541,0,0,0-.155.163.268.268,0,0,0-.008.2.473.473,0,0,0,.157.159c2.2,1.653,4.386,3.332,6.612,4.951,2.328,1.694,4.7,3.323,7.047,5,1.089.778,2.15,1.595,3.226,2.393.385.286.775.565,1.159.854a2.805,2.805,0,0,1,.4.345.5.5,0,0,1,.093.56,4.367,4.367,0,0,1-.576,1.063,52.691,52.691,0,0,0-2.949,4.407c-.16.257-.335.5-.5.759a.263.263,0,0,0,.052.4c.138.111.284.211.421.323a2.365,2.365,0,0,1,.274.261.671.671,0,0,1,.063.778,1.026,1.026,0,0,1-.242.289,4.276,4.276,0,0,0-.889,1.023Q74.7,63.8,73.081,65.706c-.786.924-1.554,1.862-2.263,2.848a5.869,5.869,0,0,1-.6.679.28.28,0,0,1-.351.04c-.632-.37-1.276-.722-1.892-1.117-1.042-.668-2.062-1.369-3.1-2.045-.8-.524-1.621-1.028-2.428-1.547-.616-.4-1.23-.8-1.837-1.206-1.088-.735-2.169-1.483-3.257-2.218q-2.009-1.358-4.025-2.706Q51.19,57,49.048,55.566q-2.082-1.385-4.173-2.757a2.652,2.652,0,0,0-.529-.293,7.547,7.547,0,0,1-1.167-.538.433.433,0,0,0-.553.066c-.8.7-1.657,1.325-2.508,1.96-1.276.952-2.583,1.859-3.934,2.7q-2.7,1.685-5.4,3.372c-1.051.655-2.082,1.34-3.07,2.088-1.29.975-2.618,1.9-3.954,2.809-2.5,1.71-4.956,3.493-7.318,5.4-.707.57-1.434,1.119-2.162,1.664a6.9,6.9,0,0,1-.9.566,2.132,2.132,0,0,1-.643.208.983.983,0,0,1-.9-.3,3.4,3.4,0,0,1-.3-.342,8.419,8.419,0,0,0-1.085-1.161c-1.783-1.647-3.5-3.354-5.121-5.165-.606-.678-1.25-1.322-1.87-1.987-.482-.518-.962-1.038-1.426-1.57a5.547,5.547,0,0,1-.789-1.2,1.919,1.919,0,0,1-.209-.723,1.258,1.258,0,0,1,.269-.922c.194-.233.39-.465.6-.682C3.008,57.634,4.108,56.518,5.2,55.4a5.012,5.012,0,0,0,.332-.406s-.032-.049-.047-.048a.309.309,0,0,0-.139.032c-.235.147-.473.293-.7.452-.87.607-1.736,1.22-2.606,1.828a4.641,4.641,0,0,1-.574.365.727.727,0,0,1-.983-.293A4.046,4.046,0,0,1,0,55.606m78.782-2.924c-.04-.08-.057-.169-.11-.208q-.578-.429-1.169-.839-5.759-4-11.52-8c-2.593-1.8-5.176-3.619-7.77-5.42-4.8-3.329-9.6-6.636-14.39-9.977Q32.978,20.668,22.157,13.061q-4.128-2.894-8.246-5.8c-.186-.13-.378-.251-.571-.371a.216.216,0,0,0-.27.065q-.159.212-.31.43c-1.032,1.5-2.057,3-3.1,4.494-1.2,1.72-2.412,3.432-3.618,5.147-.1.145-.2.291-.3.44a.25.25,0,0,0,.068.336c.119.093.243.181.367.268.391.278.791.544,1.174.833,1.575,1.185,3.15,2.369,4.714,3.569.721.553,1.42,1.136,2.118,1.719a8.639,8.639,0,0,1,.638.643.126.126,0,0,1,.022.068c-.041.019-.094.056-.127.043-.165-.063-.326-.135-.485-.211-.912-.433-1.822-.872-2.736-1.3-.731-.344-1.472-.668-2.2-1.02-.887-.429-1.763-.879-2.646-1.318a2.593,2.593,0,0,0-.416-.177.266.266,0,0,0-.206.052.967.967,0,0,0-.192.23q-.935,1.426-1.865,2.856c-.055.085-.1.175-.147.264a.232.232,0,0,0,.077.269c.188.128.377.253.569.374,1.134.712,2.267,1.426,3.4,2.131,1.1.679,2.187,1.364,3.3,2.019,2.134,1.26,4.212,2.6,6.224,4.049,1.826,1.313,3.7,2.561,5.581,3.788q10.2,6.633,20.394,13.272c3.323,2.166,6.641,4.339,10.015,6.426,1.4.863,2.772,1.762,4.13,2.684,2.7,1.831,5.4,3.648,8.133,5.427,1.291.841,2.573,1.7,3.86,2.545.293.193.364.179.573-.07.1-.116.2-.232.283-.356.466-.661.938-1.317,1.388-1.989.929-1.384,1.823-2.793,2.83-4.124a2.547,2.547,0,0,0,.161-.256.261.261,0,0,0-.044-.282c-.112-.1-.225-.2-.344-.295q-.995-.759-1.993-1.513C70.494,57,68.642,55.556,66.846,54.04q-2.086-1.76-4.175-3.514a1.48,1.48,0,0,1-.155-.165.272.272,0,0,1-.031-.069c.041-.015.092-.054.122-.042a13.621,13.621,0,0,1,2.147,1.119c.831.531,1.686,1.019,2.559,1.478.76.4,1.518.8,2.282,1.2,1.8.923,3.586,1.866,5.325,2.9.108.065.219.127.331.185a.291.291,0,0,0,.4-.078c.235-.3.462-.6.695-.9.792-1.018,1.538-2.068,2.249-3.143.069-.1.124-.216.185-.325" transform="translate(0 0)" fill="#fff"></path> <path d="M24.625,23.647a1.416,1.416,0,0,1-1.417-.908,1.7,1.7,0,0,1,.751-2.146,1.943,1.943,0,0,1,1.745-.107A1.332,1.332,0,0,1,26.549,22a1.577,1.577,0,0,1-.573,1.031,5.74,5.74,0,0,1-.555.39,1.556,1.556,0,0,1-.8.225" transform="translate(-11.321 -9.974)" fill="#fff"></path> <path d="M20.7,51.6h-.155a1.47,1.47,0,0,1-1.5-1.94,1.179,1.179,0,0,1,1.118-.959,1.516,1.516,0,0,1,.451.026,9.526,9.526,0,0,1,1.014.3,1.154,1.154,0,0,1,.808,1,1.2,1.2,0,0,1-.533,1.178,2.185,2.185,0,0,1-1.2.393" transform="translate(-9.322 -23.895)" fill="#fff"></path> <path d="M124.11,113.278a3.478,3.478,0,0,1,.387.048,1.189,1.189,0,0,1,.927.8,1.69,1.69,0,0,1-.078,1.324,1.167,1.167,0,0,1-.458.492,1.843,1.843,0,0,1-2.122-.158,1.419,1.419,0,0,1-.482-.752,1.189,1.189,0,0,1,.274-1.127,2.035,2.035,0,0,1,1.553-.631" transform="translate(-59.978 -55.58)" fill="#fff"></path> <path d="M141.332,101.294a1.515,1.515,0,0,1-1.317-.612,1.289,1.289,0,0,1-.19-1.287,1.792,1.792,0,0,1,2.512-.914,1.015,1.015,0,0,1,.569.916,1.911,1.911,0,0,1-1,1.744,1.139,1.139,0,0,1-.574.153" transform="translate(-68.559 -48.214)" fill="#fff"></path> <path d="M115.819,101.471c-.2-.011-.277-.013-.352-.019a1.347,1.347,0,0,1-1.011-2.138,1.8,1.8,0,0,1,1.788-.742,1.521,1.521,0,0,1,1.187,1.4,1.394,1.394,0,0,1-.922,1.346,4.264,4.264,0,0,1-.689.15" transform="translate(-56.035 -48.349)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="3840" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Barrierefrei Wohnen </h2> <div class="xl:max-w-sm"> <p>Erleichterung im Alltag kann auf vielfältige Weise gelingen: Bauliche Veränderungen und der Einsatz moderner Technik bringen Selbstständigkeit und Lebensfreude zurück. Wir sind sehr erfahren im behindertengerechten Umbau, insbesondere für Rollstuhlfahrer.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Barrierefrei Wohnen' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Barrierefrei Wohnen </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '35849a88-1596-4a70-ab31-d34418841f25'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Modernisieren/Sanieren</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0985faef-8ab9-4fce-b983-b54853b98516'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Reparaturen</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'f172c3ac-d1fd-4d2b-aca9-8f45cc837dc8'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Barrierefrei Wohnen</button> </div> </div></div> <div class="grid gap-4 xl:grid-cols-12" x-show="tab === 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab'" style="display: none;"> <div class="flex flex-col gap-12 m-8 text-white md:mt-24 md:ml-24 xl:col-span-4"> <h2 class="text-xl font-bold md:text-4xl"> <p>DenkmalÂschutz</p> </h2> <h3 class="-ml-2 text-xl grow md:mr-12 md:text-3xl md:-ml-12"> <p>Wertvolles ganz natürlich erhalten</p> </h3> <div class="ml-auto xl:max-w-sm"> <p>Denkmalschutz erfordert viel Wissen und Können: Wir sind seit vielen Jahren geschätzter Partner für sensible Aufträge an historischen Bauten. Zahlreiche Gebäude in der Region tragen unsere Handschrift. Wir wissen um die Besonderheiten eines denkmalgeschützten Hauses, sanieren professionell, um das Bestehende behutsam und nachhaltig aufzubereiten, sowie den alten Charme zu bewahren. Vertrauen Sie auf unsere Expertise.</p> </div> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-6"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="3840" class="lozad aspect-square object-cover object-center"> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="w-24 mx-auto xl:ml-12 xl:col-span-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 88.634 73.986"> <path d="M43.7,73.811l-9.631.059c-.27,0-.539,0-.809.015-3.945.159-7.89.1-11.835.02-.833-.017-1.667-.005-2.5.018a24.218,24.218,0,0,1-2.718-.03c-.414-.035-.833-.021-1.249-.037q-.587-.023-1.174-.066a3.213,3.213,0,0,1-.507-.082.752.752,0,0,1-.634-.713c-.111-.949-.214-1.9-.254-2.855-.026-.612-.085-1.222-.132-1.832-.1-1.32-.186-2.641-.2-3.964q-.018-1.765-.013-3.529.01-5.405-.21-10.805-.1-2.351-.034-4.7c.032-1.251-.052-2.5-.119-3.747-.011-.22-.031-.44-.039-.66q-.135-3.784-.269-7.567a2.645,2.645,0,0,0-.06-.43c-.005-.025-.092-.065-.113-.051a3.047,3.047,0,0,0-.419.285q-1.834,1.589-3.661,3.184c-.277.242-.541.5-.825.732Q4.9,38.194,3.5,39.323a2.189,2.189,0,0,1-.5.3A.956.956,0,0,1,2.02,39.5a1.865,1.865,0,0,1-.327-.293C1.323,38.786.95,38.362.6,37.921a5.839,5.839,0,0,1-.425-.685,1.243,1.243,0,0,1,.135-1.442,1.741,1.741,0,0,1,.194-.22c.138-.14.274-.282.419-.413q2.041-1.853,4.085-3.7c1.6-1.446,3.283-2.8,4.947-4.169q3.832-3.155,7.531-6.464c2.3-2.057,4.681-4.028,7.094-5.956Q27.94,12.184,31.3,9.505C33.491,7.767,35.647,5.99,37.792,4.2c.6-.5,1.225-.98,1.836-1.471.63-.507,1.264-1.01,1.885-1.527A6.094,6.094,0,0,1,43.274.155a3.461,3.461,0,0,1,.347-.118A.853.853,0,0,1,44.33.13a7,7,0,0,1,.712.517c.409.351.807.715,1.2,1.088,1.882,1.8,3.894,3.437,5.942,5.037,1.468,1.148,2.978,2.236,4.49,3.325.815.587,1.615,1.195,2.424,1.791.177.131.357.257.537.383.06.042.171,0,.174-.062.01-.195.023-.39.024-.585.006-1.961.008-3.922.018-5.882a7.075,7.075,0,0,1,.055-.8.309.309,0,0,1,.229-.261,2,2,0,0,1,.356-.087c.975-.1,1.948-.22,2.925-.289,1-.071,2.007-.11,3.012-.129.857-.016,1.715.012,2.572.03a12.193,12.193,0,0,0,1.689-.029.375.375,0,0,1,.45.371,8.585,8.585,0,0,1-.016,1.028c-.1,1.076-.11,2.153-.109,3.232,0,.955,0,1.91-.1,2.864-.06.609-.065,1.224-.069,1.836q-.022,3.419.094,6.836c.011.319.013.637.023.956a.556.556,0,0,0,.225.442c.212.165.422.335.636.5,1.651,1.271,3.3,2.548,4.955,3.807.859.652,1.737,1.278,2.615,1.9.779.554,1.574,1.085,2.353,1.638A36.027,36.027,0,0,1,85.88,33c.352.339.739.643,1.117.954.284.233.586.444.871.676a4.522,4.522,0,0,1,.484.449.893.893,0,0,1,.168,1.085,8.157,8.157,0,0,1-.561.946,7.13,7.13,0,0,1-.664.785,1.31,1.31,0,0,1-1.673.272,3.621,3.621,0,0,1-.5-.313c-.411-.31-.825-.617-1.217-.949-.991-.84-2.021-1.63-3.06-2.411-1.019-.765-2.014-1.562-3.02-2.344q-.7-.541-1.4-1.075a.964.964,0,0,0-.258-.133c-.03-.011-.112.031-.116.057a3.728,3.728,0,0,0-.042.508q0,2.169,0,4.337c.007,3.75,0,7.5.028,11.249.029,4.093-.01,8.185-.078,12.278q-.1,6.065-.223,12.129a5.871,5.871,0,0,1-.034.66.784.784,0,0,1-.642.713,1.859,1.859,0,0,1-.289.046c-.782.055-1.564.112-2.347.159-.831.049-1.663.1-2.5.127-1.249.042-2.5.07-3.748.1-2.328.048-4.656.081-6.983.141-1.2.031-2.4.108-3.6.163-.368.017-.735.033-1.1.043-2.131.055-4.263.117-6.395.161-1.47.03-2.94.035-4.411.051,0-.016,0-.032,0-.048m1.326-2.061c0-.011,0-.023,0-.034q6.873-.123,13.746-.244c1.691-.028,3.382-.03,5.073-.054q2.977-.042,5.954-.105c.514-.011,1.028-.044,1.539-.095.61-.06,1.216-.149,1.823-.229a1.838,1.838,0,0,0,.287-.061.236.236,0,0,0,.18-.208c.014-.2.013-.392.016-.587.023-1.838.02-3.676.077-5.513q.056-1.764.043-3.527c0-.931,0-1.862,0-2.794q-.006-1.838-.017-3.675a9.471,9.471,0,0,1,0-.955c.069-.71.042-1.42.047-2.13q.017-2.573.032-5.146,0-.809,0-1.617c-.009-1.372-.036-2.745-.027-4.117.014-2.083.018-4.165-.018-6.248-.028-1.617,0-3.235.01-4.852a.64.64,0,0,0-.3-.622c-.083-.05-.159-.115-.238-.172-1.453-1.045-2.868-2.14-4.259-3.264-1.6-1.293-3.224-2.561-4.73-3.968a56.829,56.829,0,0,0-5.569-4.564c-1.491-1.075-2.939-2.207-4.364-3.37-1.253-1.023-2.525-2.022-3.782-3.039q-1.343-1.087-2.667-2.2-1.95-1.623-3.892-3.253a1.643,1.643,0,0,0-.3-.213.24.24,0,0,0-.205,0,4.2,4.2,0,0,0-.405.315c-1.806,1.508-3.6,3.035-5.419,4.521q-3.279,2.671-6.405,5.516-3.038,2.78-6.2,5.421-3.1,2.593-6.106,5.3c-1.566,1.411-3.143,2.808-4.715,4.212l-.383.343a.487.487,0,0,0-.159.395c0,.171.012.343.018.514.037,1.1.075,2.2.108,3.306.022.735.024,1.471.056,2.2.087,1.983.194,3.964.335,5.944.1,1.441.189,2.884.192,4.332,0,2.229.075,4.459.02,6.689-.033,1.348.012,2.694.087,4.042.084,1.517.14,3.036.176,4.554.031,1.274.026,2.546.131,3.818.144,1.733.219,3.472.325,5.208,0,.049.011.1.017.146a.256.256,0,0,0,.252.218q.33-.006.66-.027a17.944,17.944,0,0,1,3.3.017,5.41,5.41,0,0,0,.587.011c1.127.013,2.255.032,3.382.037,1.691.007,3.382.022,5.073,0,3.185-.036,6.371-.1,9.556-.138,2.353-.029,4.705-.038,7.058-.055" transform="translate(0 0)" fill="#fff"></path> <path d="M74.882,57.43l11.691-.038c.368,0,.735-.01,1.1-.008a1.92,1.92,0,0,1,.365.036.345.345,0,0,1,.263.233,1.45,1.45,0,0,1,.076.357c.028.366.058.733.063,1.1.024,1.814.036,3.627.061,5.441.042,3.136.1,6.273.133,9.411.023,2.107.017,4.215.025,6.323,0,.491-.017.982.016,1.47a1.252,1.252,0,0,1-.4,1.055c-.141.136-.269.286-.406.426q-4.588,4.717-9.179,9.433c-.873.894-1.768,1.767-2.656,2.647q-.261.259-.544.494a.437.437,0,0,1-.655,0c-.309-.28-.614-.565-.916-.851q-2.377-2.249-4.751-4.5-3.407-3.246-6.805-6.5c-.354-.339-.7-.691-1.051-1.029a1.221,1.221,0,0,1-.386-.772c-.032-.291-.062-.585-.067-.878-.02-1.3-.031-2.6-.045-3.9-.032-2.99-.075-5.98-.093-8.97-.019-3.039-.014-6.078-.018-9.118,0-.294.01-.588.019-.882a2.066,2.066,0,0,1,.025-.292.5.5,0,0,1,.392-.39c.413-.048.828-.1,1.243-.119.489-.026.98-.025,1.47-.034,2.451-.044,4.9-.094,7.351-.128,1.225-.017,2.451,0,3.676,0Zm-.355.867v.032c-1.4,0-2.794,0-4.191,0q-4.154-.009-8.309-.023a1.652,1.652,0,0,0-.364.021.219.219,0,0,0-.134.145,1.759,1.759,0,0,0-.009.365c.017.588.051,1.176.052,1.764q.021,9.89.033,19.78c0,.441-.008.882-.021,1.323a.6.6,0,0,0,.221.512c.424.371.831.761,1.236,1.155q5.745,5.587,11.488,11.179c.14.136.284.269.43.4a.139.139,0,0,0,.2-.02c.108-.1.209-.206.31-.312.95-.991,1.89-1.991,2.851-2.971q4.405-4.485,8.823-8.959c.221-.224.537-.4.614-.712a3.822,3.822,0,0,0,.036-.95c-.043-2.524-.106-5.048-.133-7.572-.052-4.877-.085-9.754-.128-14.632,0-.147-.01-.293-.021-.439a.227.227,0,0,0-.185-.2c-.269-.009-.538-.021-.808-.017-1.74.025-3.48.061-5.22.079-2.255.024-4.51.035-6.765.052" transform="translate(-30.715 -29.035)" fill="#fff"></path> <path d="M77.039,61.417l10.289-.093a2.837,2.837,0,0,1,.367,0,.3.3,0,0,1,.181.1c.069.089.022.189-.036.269a3.354,3.354,0,0,1-.237.281c-.247.272-.494.544-.745.812-2.934,3.126-5.825,6.292-8.816,9.364-.051.052-.1.106-.152.16-.277.3-.275.34.038.653.138.139.281.274.421.41q3.795,3.688,7.589,7.377c.807.786,1.6,1.584,2.4,2.377.052.052.106.1.155.157a.435.435,0,0,1,.034.482,2.709,2.709,0,0,1-.238.278c-3.178,3.266-6.347,6.54-9.607,9.724a2.294,2.294,0,0,0-.428.5,1.275,1.275,0,0,1-.248.267.261.261,0,0,1-.336.018c-.129-.112-.257-.226-.38-.345q-4.012-3.833-8.021-7.669c-.8-.763-1.58-1.537-2.369-2.308q-.158-.153-.307-.316a.278.278,0,0,1,.015-.4c.049-.054.1-.106.153-.159q4.926-5.153,9.852-10.307a4.522,4.522,0,0,0,.329-.392.142.142,0,0,0,0-.134,4.225,4.225,0,0,0-.34-.382c-1.228-1.2-2.462-2.388-3.686-3.589q-3.1-3.036-6.183-6.082c-.192-.188-.392-.369-.576-.564-.037-.04-.028-.136-.017-.2.006-.035.06-.075.1-.087a.793.793,0,0,1,.216-.033c1.053-.023,2.105-.049,3.158-.065q2.756-.04,5.512-.068c.637-.007,1.274,0,1.91,0v-.04" transform="translate(-33.462 -31.027)" fill="#fff"></path> </svg> </div> <div class="hidden xl:block xl:col-span-8"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> </div> </div> <div class="grid gap-4 xl:grid-cols-12" x-show="tab === '3a6bb201-e1de-4009-a600-7eaf024b8d09'" style="display: none;"> <div class="flex flex-col gap-12 m-8 text-white md:mt-24 md:ml-24 xl:col-span-4"> <h2 class="text-xl font-bold md:text-4xl"> <p>Objektbau</p> </h2> <h3 class="-ml-2 text-xl grow md:mr-12 md:text-3xl md:-ml-12"> <p>Objektbau aus Holz – natürlich eine gute Idee.</p> </h3> <div class="ml-auto xl:max-w-sm"> <p>Holz ist für gewerblichen und privaten Objektbau beste Wahl, denn der natürliche Werkstoff ist vielseitig, flexibel, robust und vor allem energieeffizient. Wir planen und fertigen abgestimmt auf die jeweilige DNA des Unternehmens und der Einrichtung. Die komplette Architektur stimmen wir auf individuelle Arbeitsprozesse, Laufwege und spezifische Anforderungen maßgenau ab. Wichtigster Baustein zu Beginn ist unsere Beratung, geprägt von jahrelanger Erfahrung. Wir wissen, was alles möglich ist. Insbesondere bei Ausschreibungen im öffentlichen und privaten Bereich.</p> </div> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-6"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1960" height="1694" class="lozad aspect-square object-cover object-center"> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="w-24 mx-auto xl:ml-12 xl:col-span-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 104.91 75"> <path d="M46.9,0a15.791,15.791,0,0,1,4.432.689A20.255,20.255,0,0,1,56.565,3.18a34.81,34.81,0,0,1,4.224,3.173,28.569,28.569,0,0,1,4.833,5.7,66.3,66.3,0,0,1,4.846,8.79c.06.134.119.268.184.4a13.685,13.685,0,0,1,1.2,3.023.454.454,0,0,0,.479.419,4.713,4.713,0,0,1,2.4.77A12.258,12.258,0,0,1,77.3,27.444c.8.817,1.608,1.632,2.423,2.437.5.5,1.019.974,1.538,1.451a3.815,3.815,0,0,1,.947,1.147.435.435,0,0,1-.047.491A27.067,27.067,0,0,1,79.6,35.878q-1.938,1.925-3.87,3.858c-.455.457-.885.939-1.327,1.412-.04.043-.075.09-.114.133-.679.778-.882.6-1.672.212a1.625,1.625,0,0,1-.28-.213,53.549,53.549,0,0,1-4.605-4.23,11.706,11.706,0,0,1-1.745-2.316c-.466-.816-.952-1.621-1.409-2.441a5.2,5.2,0,0,0-1.38-1.583l-.141-.1A15.637,15.637,0,0,0,57.988,28.2a4.988,4.988,0,0,0-4.281.759,12.4,12.4,0,0,0-1.963,1.63c-.892.936-1.795,1.86-2.671,2.811-.976,1.06-2.042,2.029-3.083,3.022-.043.04-.086.081-.13.12-1.834,1.611-3.523,3.369-5.248,5.092-.271.27-.524.557-.79.83-.511.527-1.015,1.061-1.542,1.571a.772.772,0,0,0-.29.843,3.107,3.107,0,0,1-.093,1.738,3.173,3.173,0,0,1-.461.947c-.226.307-.462.608-.716.892-.725.81-1.464,1.608-2.193,2.414-.848.938-1.755,1.816-2.69,2.666-.761.691-1.5,1.405-2.249,2.111-.277.262-.543.537-.825.795-1.8,1.651-3.5,3.395-5.156,5.187-1.375,1.489-2.818,2.913-4.257,4.342-2.437,2.423-4.889,4.832-7.482,7.093a17.922,17.922,0,0,1-1.821,1.385,2.994,2.994,0,0,1-3.178.182,16.911,16.911,0,0,1-2.4-1.463,3.262,3.262,0,0,1-.4-.349A22.361,22.361,0,0,1,.692,68.541,4.672,4.672,0,0,1,.071,67a2.491,2.491,0,0,1-.063-.7A3.919,3.919,0,0,1,.64,64.4a27.136,27.136,0,0,1,3.875-4.554c1.189-1.092,2.326-2.243,3.492-3.362q2.8-2.683,5.608-5.357c1.151-1.092,2.321-2.164,3.473-3.254.6-.565,1.174-1.153,1.762-1.728,1.468-1.439,2.932-2.884,4.409-4.313,1.056-1.022,2.129-2.025,3.2-3.027a10.975,10.975,0,0,1,.947-.789,8.064,8.064,0,0,1,.889-.571,3.138,3.138,0,0,1,2.3-.31,1.6,1.6,0,0,0,.341.082.5.5,0,0,0,.319-.1c.735-.719,1.473-1.436,2.181-2.18,2.33-2.446,4.642-4.91,6.977-7.352.649-.678,1.342-1.317,2.035-1.951a22.345,22.345,0,0,0,3.118-3.466,6.893,6.893,0,0,0,1-1.856c.165-.5.361-.993.533-1.493a10.791,10.791,0,0,0,.548-3.026,6.325,6.325,0,0,0-.189-1.923c-.213-.794-.421-1.59-.657-2.378a4.629,4.629,0,0,0-.873-1.621,14.333,14.333,0,0,0-1.194-1.292c-.469-.443-.98-.841-1.478-1.253a5.588,5.588,0,0,0-1.2-.741c-.611-.289-1.226-.567-1.841-.847A9.49,9.49,0,0,0,37.7,4.98a1.175,1.175,0,0,1-.723-.286.277.277,0,0,1-.051-.32,2.423,2.423,0,0,1,.295-.322c.658-.541,1.313-1.087,1.986-1.609a10.876,10.876,0,0,1,3.222-1.6A23.15,23.15,0,0,1,44.894.188,10.819,10.819,0,0,1,46.9,0M8.628,73.077a1.551,1.551,0,0,0,1-.319,9.882,9.882,0,0,0,1.506-1.352c1.339-1.484,2.809-2.842,4.193-4.282.224-.233.471-.444.711-.659.679-.608,1.365-1.207,2.038-1.821.52-.476,1.044-.95,1.531-1.459q1.433-1.5,2.823-3.033,2.242-2.494,4.7-4.768c.3-.279.6-.559.889-.855.694-.721,1.437-1.387,2.193-2.041a36.878,36.878,0,0,0,3.664-3.562c.562-.64,1.164-1.245,1.747-1.866a3.864,3.864,0,0,0,.354-.391,1.555,1.555,0,0,0,.24-.466,2.26,2.26,0,0,0-.145-1.792,4.174,4.174,0,0,0-.681-.91c-.891-.9-1.767-1.806-2.645-2.715A13.6,13.6,0,0,0,31.1,39.325a2.4,2.4,0,0,0-.364-.249,1.621,1.621,0,0,0-1.824.072,14.193,14.193,0,0,0-1.631,1.345c-.977.977-2,1.9-3.046,2.807a26.372,26.372,0,0,0-2.584,2.523c-1.167,1.324-2.406,2.58-3.677,3.8Q13.846,53.6,9.692,57.544C8.049,59.1,6.38,60.628,4.712,62.157a13.271,13.271,0,0,0-1.791,2.057,2.065,2.065,0,0,0-.4.872,14.241,14.241,0,0,0-.179,1.484,2.835,2.835,0,0,0,.295,1.365,7.617,7.617,0,0,0,1.209,1.831c.9,1.018,1.979,1.84,2.942,2.788a1.026,1.026,0,0,0,.458.249c.455.11.919.185,1.38.274" transform="translate(0)" fill="#fff"></path> <path d="M121.311,100c1.846.107,3.869.229,5.891.339.675.037,1.351.046,2.026.067l6.429.2c.323.01.646.02.968.035a31.482,31.482,0,0,0,3.434-.041c.849-.055,1.7-.054,2.554-.061a3.606,3.606,0,0,1,.694.093.687.687,0,0,1,.634.715c.019.528.1,1.053.113,1.581.027,1.027,0,2.057.046,3.083a7.634,7.634,0,0,1-.344,2.252.41.41,0,0,1-.293.3,3.186,3.186,0,0,1-.689.113c-3.465.089-6.93.128-10.4.093-.381,0-.764-.019-1.144-.036-1.438-.065-2.876-.127-4.313-.2-1.5-.076-2.991-.163-4.486-.245-.7-.038-1.407-.076-2.111-.11q-4.623-.219-9.25-.143c-1.175.017-2.35.012-3.524,0-2.35-.03-4.7-.034-7.049.056-.822.031-1.644.044-2.467.057-.293,0-.588,0-.88-.025a.875.875,0,0,1-.822-.684,3.412,3.412,0,0,1-.181-1.214c.1-1.553.213-3.105.276-4.659a.99.99,0,0,1,.859-1.049,12.385,12.385,0,0,1,1.56-.266c.965-.082,1.934-.121,2.9-.169.411-.02.822-.024,1.234-.027q7.754-.052,15.509-.1c.881,0,1.762.025,2.821.042" transform="translate(-39.194 -40.749)" fill="#fff"></path> <path d="M135.517,83.135c.422,0,1.155,0,1.888,0a1.707,1.707,0,0,1,.516.081.369.369,0,0,1,.2.567,5.057,5.057,0,0,1-.444.545c-.57.591-1.142,1.18-1.729,1.753a.765.765,0,0,0-.271.615c.01.235.018.469.015.7,0,.411-.016.82-.028,1.23-.011.381-.05.762-.039,1.142a7.785,7.785,0,0,1-.239,1.737.344.344,0,0,1-.317.261c-.438,0-.877-.01-1.315-.037a.386.386,0,0,1-.36-.336,5.823,5.823,0,0,1-.079-.872,23.063,23.063,0,0,1,.143-2.986c.024-.2.034-.409.045-.614a.461.461,0,0,0-.174-.385c-.088-.077-.186-.144-.27-.226-.566-.553-1.14-1.1-1.689-1.669a5.374,5.374,0,0,1-.57-.776A.236.236,0,0,1,131,83.5c.612-.06,1.225-.125,1.839-.174.789-.063,1.58-.111,2.682-.187" transform="translate(-53.303 -33.89)" fill="#fff"></path> <path d="M135.144,118.6a3.62,3.62,0,0,1,.09-1.22.618.618,0,0,1,.476-.465,3.165,3.165,0,0,1,1.308-.055.41.41,0,0,1,.379.49c-.046.377-.088.755-.133,1.133a15.893,15.893,0,0,1-.362,2.165c-.111.424-.167.862-.262,1.291a.307.307,0,0,1-.5.139,1.512,1.512,0,0,1-.46-.733,7.326,7.326,0,0,1-.537-2.746" transform="translate(-55.087 -47.619)" fill="#fff"></path> <path d="M12.337,114.331a1.668,1.668,0,0,1-1.593-1.005.969.969,0,0,1-.064-.427.515.515,0,0,1,.627-.456,3.4,3.4,0,0,1,.557.251.69.69,0,0,0,.75-.041,7.327,7.327,0,0,0,.838-.638c.758-.692,1.51-1.391,2.246-2.108.63-.614,1.237-1.252,1.847-1.887a35.556,35.556,0,0,1,3.361-3.1,7.673,7.673,0,0,1,.718-.506.944.944,0,0,1,.332-.092.311.311,0,0,1,.307.257.863.863,0,0,1-.054.341,4.455,4.455,0,0,1-.36.6,20.894,20.894,0,0,1-2.225,2.723q-2.175,2.18-4.388,4.322a14.888,14.888,0,0,1-1.207,1.024,3.369,3.369,0,0,1-1.156.622c-.2.055-.4.088-.535.118" transform="translate(-4.353 -42.527)" fill="#fff"></path> </svg> </div> <div class="hidden xl:block xl:col-span-8"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '0605caec-46de-4810-8eba-17798c749cd4'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Gastronomie</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'bac90c62-9665-4235-8185-f51c4bdda9a5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Büro</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '76ea084c-8518-4dca-a943-e3dd6b83a874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Theken</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'c0d77f93-116f-4a41-b79a-8cf98025c96a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Konferenz</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Messe</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Kindergarten</button> </div> </div> <div id="0605caec-46de-4810-8eba-17798c749cd4" x-show="tab === '0605caec-46de-4810-8eba-17798c749cd4'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 104.91 75"> <path d="M46.9,0a15.791,15.791,0,0,1,4.432.689A20.255,20.255,0,0,1,56.565,3.18a34.81,34.81,0,0,1,4.224,3.173,28.569,28.569,0,0,1,4.833,5.7,66.3,66.3,0,0,1,4.846,8.79c.06.134.119.268.184.4a13.685,13.685,0,0,1,1.2,3.023.454.454,0,0,0,.479.419,4.713,4.713,0,0,1,2.4.77A12.258,12.258,0,0,1,77.3,27.444c.8.817,1.608,1.632,2.423,2.437.5.5,1.019.974,1.538,1.451a3.815,3.815,0,0,1,.947,1.147.435.435,0,0,1-.047.491A27.067,27.067,0,0,1,79.6,35.878q-1.938,1.925-3.87,3.858c-.455.457-.885.939-1.327,1.412-.04.043-.075.09-.114.133-.679.778-.882.6-1.672.212a1.625,1.625,0,0,1-.28-.213,53.549,53.549,0,0,1-4.605-4.23,11.706,11.706,0,0,1-1.745-2.316c-.466-.816-.952-1.621-1.409-2.441a5.2,5.2,0,0,0-1.38-1.583l-.141-.1A15.637,15.637,0,0,0,57.988,28.2a4.988,4.988,0,0,0-4.281.759,12.4,12.4,0,0,0-1.963,1.63c-.892.936-1.795,1.86-2.671,2.811-.976,1.06-2.042,2.029-3.083,3.022-.043.04-.086.081-.13.12-1.834,1.611-3.523,3.369-5.248,5.092-.271.27-.524.557-.79.83-.511.527-1.015,1.061-1.542,1.571a.772.772,0,0,0-.29.843,3.107,3.107,0,0,1-.093,1.738,3.173,3.173,0,0,1-.461.947c-.226.307-.462.608-.716.892-.725.81-1.464,1.608-2.193,2.414-.848.938-1.755,1.816-2.69,2.666-.761.691-1.5,1.405-2.249,2.111-.277.262-.543.537-.825.795-1.8,1.651-3.5,3.395-5.156,5.187-1.375,1.489-2.818,2.913-4.257,4.342-2.437,2.423-4.889,4.832-7.482,7.093a17.922,17.922,0,0,1-1.821,1.385,2.994,2.994,0,0,1-3.178.182,16.911,16.911,0,0,1-2.4-1.463,3.262,3.262,0,0,1-.4-.349A22.361,22.361,0,0,1,.692,68.541,4.672,4.672,0,0,1,.071,67a2.491,2.491,0,0,1-.063-.7A3.919,3.919,0,0,1,.64,64.4a27.136,27.136,0,0,1,3.875-4.554c1.189-1.092,2.326-2.243,3.492-3.362q2.8-2.683,5.608-5.357c1.151-1.092,2.321-2.164,3.473-3.254.6-.565,1.174-1.153,1.762-1.728,1.468-1.439,2.932-2.884,4.409-4.313,1.056-1.022,2.129-2.025,3.2-3.027a10.975,10.975,0,0,1,.947-.789,8.064,8.064,0,0,1,.889-.571,3.138,3.138,0,0,1,2.3-.31,1.6,1.6,0,0,0,.341.082.5.5,0,0,0,.319-.1c.735-.719,1.473-1.436,2.181-2.18,2.33-2.446,4.642-4.91,6.977-7.352.649-.678,1.342-1.317,2.035-1.951a22.345,22.345,0,0,0,3.118-3.466,6.893,6.893,0,0,0,1-1.856c.165-.5.361-.993.533-1.493a10.791,10.791,0,0,0,.548-3.026,6.325,6.325,0,0,0-.189-1.923c-.213-.794-.421-1.59-.657-2.378a4.629,4.629,0,0,0-.873-1.621,14.333,14.333,0,0,0-1.194-1.292c-.469-.443-.98-.841-1.478-1.253a5.588,5.588,0,0,0-1.2-.741c-.611-.289-1.226-.567-1.841-.847A9.49,9.49,0,0,0,37.7,4.98a1.175,1.175,0,0,1-.723-.286.277.277,0,0,1-.051-.32,2.423,2.423,0,0,1,.295-.322c.658-.541,1.313-1.087,1.986-1.609a10.876,10.876,0,0,1,3.222-1.6A23.15,23.15,0,0,1,44.894.188,10.819,10.819,0,0,1,46.9,0M8.628,73.077a1.551,1.551,0,0,0,1-.319,9.882,9.882,0,0,0,1.506-1.352c1.339-1.484,2.809-2.842,4.193-4.282.224-.233.471-.444.711-.659.679-.608,1.365-1.207,2.038-1.821.52-.476,1.044-.95,1.531-1.459q1.433-1.5,2.823-3.033,2.242-2.494,4.7-4.768c.3-.279.6-.559.889-.855.694-.721,1.437-1.387,2.193-2.041a36.878,36.878,0,0,0,3.664-3.562c.562-.64,1.164-1.245,1.747-1.866a3.864,3.864,0,0,0,.354-.391,1.555,1.555,0,0,0,.24-.466,2.26,2.26,0,0,0-.145-1.792,4.174,4.174,0,0,0-.681-.91c-.891-.9-1.767-1.806-2.645-2.715A13.6,13.6,0,0,0,31.1,39.325a2.4,2.4,0,0,0-.364-.249,1.621,1.621,0,0,0-1.824.072,14.193,14.193,0,0,0-1.631,1.345c-.977.977-2,1.9-3.046,2.807a26.372,26.372,0,0,0-2.584,2.523c-1.167,1.324-2.406,2.58-3.677,3.8Q13.846,53.6,9.692,57.544C8.049,59.1,6.38,60.628,4.712,62.157a13.271,13.271,0,0,0-1.791,2.057,2.065,2.065,0,0,0-.4.872,14.241,14.241,0,0,0-.179,1.484,2.835,2.835,0,0,0,.295,1.365,7.617,7.617,0,0,0,1.209,1.831c.9,1.018,1.979,1.84,2.942,2.788a1.026,1.026,0,0,0,.458.249c.455.11.919.185,1.38.274" transform="translate(0)" fill="#fff"></path> <path d="M121.311,100c1.846.107,3.869.229,5.891.339.675.037,1.351.046,2.026.067l6.429.2c.323.01.646.02.968.035a31.482,31.482,0,0,0,3.434-.041c.849-.055,1.7-.054,2.554-.061a3.606,3.606,0,0,1,.694.093.687.687,0,0,1,.634.715c.019.528.1,1.053.113,1.581.027,1.027,0,2.057.046,3.083a7.634,7.634,0,0,1-.344,2.252.41.41,0,0,1-.293.3,3.186,3.186,0,0,1-.689.113c-3.465.089-6.93.128-10.4.093-.381,0-.764-.019-1.144-.036-1.438-.065-2.876-.127-4.313-.2-1.5-.076-2.991-.163-4.486-.245-.7-.038-1.407-.076-2.111-.11q-4.623-.219-9.25-.143c-1.175.017-2.35.012-3.524,0-2.35-.03-4.7-.034-7.049.056-.822.031-1.644.044-2.467.057-.293,0-.588,0-.88-.025a.875.875,0,0,1-.822-.684,3.412,3.412,0,0,1-.181-1.214c.1-1.553.213-3.105.276-4.659a.99.99,0,0,1,.859-1.049,12.385,12.385,0,0,1,1.56-.266c.965-.082,1.934-.121,2.9-.169.411-.02.822-.024,1.234-.027q7.754-.052,15.509-.1c.881,0,1.762.025,2.821.042" transform="translate(-39.194 -40.749)" fill="#fff"></path> <path d="M135.517,83.135c.422,0,1.155,0,1.888,0a1.707,1.707,0,0,1,.516.081.369.369,0,0,1,.2.567,5.057,5.057,0,0,1-.444.545c-.57.591-1.142,1.18-1.729,1.753a.765.765,0,0,0-.271.615c.01.235.018.469.015.7,0,.411-.016.82-.028,1.23-.011.381-.05.762-.039,1.142a7.785,7.785,0,0,1-.239,1.737.344.344,0,0,1-.317.261c-.438,0-.877-.01-1.315-.037a.386.386,0,0,1-.36-.336,5.823,5.823,0,0,1-.079-.872,23.063,23.063,0,0,1,.143-2.986c.024-.2.034-.409.045-.614a.461.461,0,0,0-.174-.385c-.088-.077-.186-.144-.27-.226-.566-.553-1.14-1.1-1.689-1.669a5.374,5.374,0,0,1-.57-.776A.236.236,0,0,1,131,83.5c.612-.06,1.225-.125,1.839-.174.789-.063,1.58-.111,2.682-.187" transform="translate(-53.303 -33.89)" fill="#fff"></path> <path d="M135.144,118.6a3.62,3.62,0,0,1,.09-1.22.618.618,0,0,1,.476-.465,3.165,3.165,0,0,1,1.308-.055.41.41,0,0,1,.379.49c-.046.377-.088.755-.133,1.133a15.893,15.893,0,0,1-.362,2.165c-.111.424-.167.862-.262,1.291a.307.307,0,0,1-.5.139,1.512,1.512,0,0,1-.46-.733,7.326,7.326,0,0,1-.537-2.746" transform="translate(-55.087 -47.619)" fill="#fff"></path> <path d="M12.337,114.331a1.668,1.668,0,0,1-1.593-1.005.969.969,0,0,1-.064-.427.515.515,0,0,1,.627-.456,3.4,3.4,0,0,1,.557.251.69.69,0,0,0,.75-.041,7.327,7.327,0,0,0,.838-.638c.758-.692,1.51-1.391,2.246-2.108.63-.614,1.237-1.252,1.847-1.887a35.556,35.556,0,0,1,3.361-3.1,7.673,7.673,0,0,1,.718-.506.944.944,0,0,1,.332-.092.311.311,0,0,1,.307.257.863.863,0,0,1-.054.341,4.455,4.455,0,0,1-.36.6,20.894,20.894,0,0,1-2.225,2.723q-2.175,2.18-4.388,4.322a14.888,14.888,0,0,1-1.207,1.024,3.369,3.369,0,0,1-1.156.622c-.2.055-.4.088-.535.118" transform="translate(-4.353 -42.527)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Gastronomie </h2> <div class="xl:max-w-sm"> <p>Ein unverwechselbares Ambiente erfordert unverwechselbare Einrichtung: Sitzmöbel, Theken, Vitrinen, Schränke – alles muss sich ineinanderfügen; ästhetik und Funktionalität eine Sprache sprechen. Wir übernehmen gerne die Gesamtplanung in Gastronomie und Hotellerie.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Gastronomie' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Gastronomie </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '0605caec-46de-4810-8eba-17798c749cd4'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Gastronomie</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'bac90c62-9665-4235-8185-f51c4bdda9a5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Büro</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '76ea084c-8518-4dca-a943-e3dd6b83a874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Theken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c0d77f93-116f-4a41-b79a-8cf98025c96a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Konferenz</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Messe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Kindergarten</button> </div> </div></div> <div id="bac90c62-9665-4235-8185-f51c4bdda9a5" x-show="tab === 'bac90c62-9665-4235-8185-f51c4bdda9a5'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 104.91 75"> <path d="M46.9,0a15.791,15.791,0,0,1,4.432.689A20.255,20.255,0,0,1,56.565,3.18a34.81,34.81,0,0,1,4.224,3.173,28.569,28.569,0,0,1,4.833,5.7,66.3,66.3,0,0,1,4.846,8.79c.06.134.119.268.184.4a13.685,13.685,0,0,1,1.2,3.023.454.454,0,0,0,.479.419,4.713,4.713,0,0,1,2.4.77A12.258,12.258,0,0,1,77.3,27.444c.8.817,1.608,1.632,2.423,2.437.5.5,1.019.974,1.538,1.451a3.815,3.815,0,0,1,.947,1.147.435.435,0,0,1-.047.491A27.067,27.067,0,0,1,79.6,35.878q-1.938,1.925-3.87,3.858c-.455.457-.885.939-1.327,1.412-.04.043-.075.09-.114.133-.679.778-.882.6-1.672.212a1.625,1.625,0,0,1-.28-.213,53.549,53.549,0,0,1-4.605-4.23,11.706,11.706,0,0,1-1.745-2.316c-.466-.816-.952-1.621-1.409-2.441a5.2,5.2,0,0,0-1.38-1.583l-.141-.1A15.637,15.637,0,0,0,57.988,28.2a4.988,4.988,0,0,0-4.281.759,12.4,12.4,0,0,0-1.963,1.63c-.892.936-1.795,1.86-2.671,2.811-.976,1.06-2.042,2.029-3.083,3.022-.043.04-.086.081-.13.12-1.834,1.611-3.523,3.369-5.248,5.092-.271.27-.524.557-.79.83-.511.527-1.015,1.061-1.542,1.571a.772.772,0,0,0-.29.843,3.107,3.107,0,0,1-.093,1.738,3.173,3.173,0,0,1-.461.947c-.226.307-.462.608-.716.892-.725.81-1.464,1.608-2.193,2.414-.848.938-1.755,1.816-2.69,2.666-.761.691-1.5,1.405-2.249,2.111-.277.262-.543.537-.825.795-1.8,1.651-3.5,3.395-5.156,5.187-1.375,1.489-2.818,2.913-4.257,4.342-2.437,2.423-4.889,4.832-7.482,7.093a17.922,17.922,0,0,1-1.821,1.385,2.994,2.994,0,0,1-3.178.182,16.911,16.911,0,0,1-2.4-1.463,3.262,3.262,0,0,1-.4-.349A22.361,22.361,0,0,1,.692,68.541,4.672,4.672,0,0,1,.071,67a2.491,2.491,0,0,1-.063-.7A3.919,3.919,0,0,1,.64,64.4a27.136,27.136,0,0,1,3.875-4.554c1.189-1.092,2.326-2.243,3.492-3.362q2.8-2.683,5.608-5.357c1.151-1.092,2.321-2.164,3.473-3.254.6-.565,1.174-1.153,1.762-1.728,1.468-1.439,2.932-2.884,4.409-4.313,1.056-1.022,2.129-2.025,3.2-3.027a10.975,10.975,0,0,1,.947-.789,8.064,8.064,0,0,1,.889-.571,3.138,3.138,0,0,1,2.3-.31,1.6,1.6,0,0,0,.341.082.5.5,0,0,0,.319-.1c.735-.719,1.473-1.436,2.181-2.18,2.33-2.446,4.642-4.91,6.977-7.352.649-.678,1.342-1.317,2.035-1.951a22.345,22.345,0,0,0,3.118-3.466,6.893,6.893,0,0,0,1-1.856c.165-.5.361-.993.533-1.493a10.791,10.791,0,0,0,.548-3.026,6.325,6.325,0,0,0-.189-1.923c-.213-.794-.421-1.59-.657-2.378a4.629,4.629,0,0,0-.873-1.621,14.333,14.333,0,0,0-1.194-1.292c-.469-.443-.98-.841-1.478-1.253a5.588,5.588,0,0,0-1.2-.741c-.611-.289-1.226-.567-1.841-.847A9.49,9.49,0,0,0,37.7,4.98a1.175,1.175,0,0,1-.723-.286.277.277,0,0,1-.051-.32,2.423,2.423,0,0,1,.295-.322c.658-.541,1.313-1.087,1.986-1.609a10.876,10.876,0,0,1,3.222-1.6A23.15,23.15,0,0,1,44.894.188,10.819,10.819,0,0,1,46.9,0M8.628,73.077a1.551,1.551,0,0,0,1-.319,9.882,9.882,0,0,0,1.506-1.352c1.339-1.484,2.809-2.842,4.193-4.282.224-.233.471-.444.711-.659.679-.608,1.365-1.207,2.038-1.821.52-.476,1.044-.95,1.531-1.459q1.433-1.5,2.823-3.033,2.242-2.494,4.7-4.768c.3-.279.6-.559.889-.855.694-.721,1.437-1.387,2.193-2.041a36.878,36.878,0,0,0,3.664-3.562c.562-.64,1.164-1.245,1.747-1.866a3.864,3.864,0,0,0,.354-.391,1.555,1.555,0,0,0,.24-.466,2.26,2.26,0,0,0-.145-1.792,4.174,4.174,0,0,0-.681-.91c-.891-.9-1.767-1.806-2.645-2.715A13.6,13.6,0,0,0,31.1,39.325a2.4,2.4,0,0,0-.364-.249,1.621,1.621,0,0,0-1.824.072,14.193,14.193,0,0,0-1.631,1.345c-.977.977-2,1.9-3.046,2.807a26.372,26.372,0,0,0-2.584,2.523c-1.167,1.324-2.406,2.58-3.677,3.8Q13.846,53.6,9.692,57.544C8.049,59.1,6.38,60.628,4.712,62.157a13.271,13.271,0,0,0-1.791,2.057,2.065,2.065,0,0,0-.4.872,14.241,14.241,0,0,0-.179,1.484,2.835,2.835,0,0,0,.295,1.365,7.617,7.617,0,0,0,1.209,1.831c.9,1.018,1.979,1.84,2.942,2.788a1.026,1.026,0,0,0,.458.249c.455.11.919.185,1.38.274" transform="translate(0)" fill="#fff"></path> <path d="M121.311,100c1.846.107,3.869.229,5.891.339.675.037,1.351.046,2.026.067l6.429.2c.323.01.646.02.968.035a31.482,31.482,0,0,0,3.434-.041c.849-.055,1.7-.054,2.554-.061a3.606,3.606,0,0,1,.694.093.687.687,0,0,1,.634.715c.019.528.1,1.053.113,1.581.027,1.027,0,2.057.046,3.083a7.634,7.634,0,0,1-.344,2.252.41.41,0,0,1-.293.3,3.186,3.186,0,0,1-.689.113c-3.465.089-6.93.128-10.4.093-.381,0-.764-.019-1.144-.036-1.438-.065-2.876-.127-4.313-.2-1.5-.076-2.991-.163-4.486-.245-.7-.038-1.407-.076-2.111-.11q-4.623-.219-9.25-.143c-1.175.017-2.35.012-3.524,0-2.35-.03-4.7-.034-7.049.056-.822.031-1.644.044-2.467.057-.293,0-.588,0-.88-.025a.875.875,0,0,1-.822-.684,3.412,3.412,0,0,1-.181-1.214c.1-1.553.213-3.105.276-4.659a.99.99,0,0,1,.859-1.049,12.385,12.385,0,0,1,1.56-.266c.965-.082,1.934-.121,2.9-.169.411-.02.822-.024,1.234-.027q7.754-.052,15.509-.1c.881,0,1.762.025,2.821.042" transform="translate(-39.194 -40.749)" fill="#fff"></path> <path d="M135.517,83.135c.422,0,1.155,0,1.888,0a1.707,1.707,0,0,1,.516.081.369.369,0,0,1,.2.567,5.057,5.057,0,0,1-.444.545c-.57.591-1.142,1.18-1.729,1.753a.765.765,0,0,0-.271.615c.01.235.018.469.015.7,0,.411-.016.82-.028,1.23-.011.381-.05.762-.039,1.142a7.785,7.785,0,0,1-.239,1.737.344.344,0,0,1-.317.261c-.438,0-.877-.01-1.315-.037a.386.386,0,0,1-.36-.336,5.823,5.823,0,0,1-.079-.872,23.063,23.063,0,0,1,.143-2.986c.024-.2.034-.409.045-.614a.461.461,0,0,0-.174-.385c-.088-.077-.186-.144-.27-.226-.566-.553-1.14-1.1-1.689-1.669a5.374,5.374,0,0,1-.57-.776A.236.236,0,0,1,131,83.5c.612-.06,1.225-.125,1.839-.174.789-.063,1.58-.111,2.682-.187" transform="translate(-53.303 -33.89)" fill="#fff"></path> <path d="M135.144,118.6a3.62,3.62,0,0,1,.09-1.22.618.618,0,0,1,.476-.465,3.165,3.165,0,0,1,1.308-.055.41.41,0,0,1,.379.49c-.046.377-.088.755-.133,1.133a15.893,15.893,0,0,1-.362,2.165c-.111.424-.167.862-.262,1.291a.307.307,0,0,1-.5.139,1.512,1.512,0,0,1-.46-.733,7.326,7.326,0,0,1-.537-2.746" transform="translate(-55.087 -47.619)" fill="#fff"></path> <path d="M12.337,114.331a1.668,1.668,0,0,1-1.593-1.005.969.969,0,0,1-.064-.427.515.515,0,0,1,.627-.456,3.4,3.4,0,0,1,.557.251.69.69,0,0,0,.75-.041,7.327,7.327,0,0,0,.838-.638c.758-.692,1.51-1.391,2.246-2.108.63-.614,1.237-1.252,1.847-1.887a35.556,35.556,0,0,1,3.361-3.1,7.673,7.673,0,0,1,.718-.506.944.944,0,0,1,.332-.092.311.311,0,0,1,.307.257.863.863,0,0,1-.054.341,4.455,4.455,0,0,1-.36.6,20.894,20.894,0,0,1-2.225,2.723q-2.175,2.18-4.388,4.322a14.888,14.888,0,0,1-1.207,1.024,3.369,3.369,0,0,1-1.156.622c-.2.055-.4.088-.535.118" transform="translate(-4.353 -42.527)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1707" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Büro </h2> <div class="xl:max-w-sm"> <p>Produktiv sind Mitarbeitende dann, wenn sie sich wohlfühlen: Beste Materialien ergänzen wir mit harmonischer Licht- und Farbgestaltung. Besprechungszimmer, Schreibtische, Empfangstheken, Wartezimmer – lassen Sie uns gemeinsam planen, visualisieren und realisieren!</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Büro' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Büro </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0605caec-46de-4810-8eba-17798c749cd4'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Gastronomie</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'bac90c62-9665-4235-8185-f51c4bdda9a5'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Büro</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '76ea084c-8518-4dca-a943-e3dd6b83a874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Theken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c0d77f93-116f-4a41-b79a-8cf98025c96a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Konferenz</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Messe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Kindergarten</button> </div> </div></div> <div id="76ea084c-8518-4dca-a943-e3dd6b83a874" x-show="tab === '76ea084c-8518-4dca-a943-e3dd6b83a874'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 104.91 75"> <path d="M46.9,0a15.791,15.791,0,0,1,4.432.689A20.255,20.255,0,0,1,56.565,3.18a34.81,34.81,0,0,1,4.224,3.173,28.569,28.569,0,0,1,4.833,5.7,66.3,66.3,0,0,1,4.846,8.79c.06.134.119.268.184.4a13.685,13.685,0,0,1,1.2,3.023.454.454,0,0,0,.479.419,4.713,4.713,0,0,1,2.4.77A12.258,12.258,0,0,1,77.3,27.444c.8.817,1.608,1.632,2.423,2.437.5.5,1.019.974,1.538,1.451a3.815,3.815,0,0,1,.947,1.147.435.435,0,0,1-.047.491A27.067,27.067,0,0,1,79.6,35.878q-1.938,1.925-3.87,3.858c-.455.457-.885.939-1.327,1.412-.04.043-.075.09-.114.133-.679.778-.882.6-1.672.212a1.625,1.625,0,0,1-.28-.213,53.549,53.549,0,0,1-4.605-4.23,11.706,11.706,0,0,1-1.745-2.316c-.466-.816-.952-1.621-1.409-2.441a5.2,5.2,0,0,0-1.38-1.583l-.141-.1A15.637,15.637,0,0,0,57.988,28.2a4.988,4.988,0,0,0-4.281.759,12.4,12.4,0,0,0-1.963,1.63c-.892.936-1.795,1.86-2.671,2.811-.976,1.06-2.042,2.029-3.083,3.022-.043.04-.086.081-.13.12-1.834,1.611-3.523,3.369-5.248,5.092-.271.27-.524.557-.79.83-.511.527-1.015,1.061-1.542,1.571a.772.772,0,0,0-.29.843,3.107,3.107,0,0,1-.093,1.738,3.173,3.173,0,0,1-.461.947c-.226.307-.462.608-.716.892-.725.81-1.464,1.608-2.193,2.414-.848.938-1.755,1.816-2.69,2.666-.761.691-1.5,1.405-2.249,2.111-.277.262-.543.537-.825.795-1.8,1.651-3.5,3.395-5.156,5.187-1.375,1.489-2.818,2.913-4.257,4.342-2.437,2.423-4.889,4.832-7.482,7.093a17.922,17.922,0,0,1-1.821,1.385,2.994,2.994,0,0,1-3.178.182,16.911,16.911,0,0,1-2.4-1.463,3.262,3.262,0,0,1-.4-.349A22.361,22.361,0,0,1,.692,68.541,4.672,4.672,0,0,1,.071,67a2.491,2.491,0,0,1-.063-.7A3.919,3.919,0,0,1,.64,64.4a27.136,27.136,0,0,1,3.875-4.554c1.189-1.092,2.326-2.243,3.492-3.362q2.8-2.683,5.608-5.357c1.151-1.092,2.321-2.164,3.473-3.254.6-.565,1.174-1.153,1.762-1.728,1.468-1.439,2.932-2.884,4.409-4.313,1.056-1.022,2.129-2.025,3.2-3.027a10.975,10.975,0,0,1,.947-.789,8.064,8.064,0,0,1,.889-.571,3.138,3.138,0,0,1,2.3-.31,1.6,1.6,0,0,0,.341.082.5.5,0,0,0,.319-.1c.735-.719,1.473-1.436,2.181-2.18,2.33-2.446,4.642-4.91,6.977-7.352.649-.678,1.342-1.317,2.035-1.951a22.345,22.345,0,0,0,3.118-3.466,6.893,6.893,0,0,0,1-1.856c.165-.5.361-.993.533-1.493a10.791,10.791,0,0,0,.548-3.026,6.325,6.325,0,0,0-.189-1.923c-.213-.794-.421-1.59-.657-2.378a4.629,4.629,0,0,0-.873-1.621,14.333,14.333,0,0,0-1.194-1.292c-.469-.443-.98-.841-1.478-1.253a5.588,5.588,0,0,0-1.2-.741c-.611-.289-1.226-.567-1.841-.847A9.49,9.49,0,0,0,37.7,4.98a1.175,1.175,0,0,1-.723-.286.277.277,0,0,1-.051-.32,2.423,2.423,0,0,1,.295-.322c.658-.541,1.313-1.087,1.986-1.609a10.876,10.876,0,0,1,3.222-1.6A23.15,23.15,0,0,1,44.894.188,10.819,10.819,0,0,1,46.9,0M8.628,73.077a1.551,1.551,0,0,0,1-.319,9.882,9.882,0,0,0,1.506-1.352c1.339-1.484,2.809-2.842,4.193-4.282.224-.233.471-.444.711-.659.679-.608,1.365-1.207,2.038-1.821.52-.476,1.044-.95,1.531-1.459q1.433-1.5,2.823-3.033,2.242-2.494,4.7-4.768c.3-.279.6-.559.889-.855.694-.721,1.437-1.387,2.193-2.041a36.878,36.878,0,0,0,3.664-3.562c.562-.64,1.164-1.245,1.747-1.866a3.864,3.864,0,0,0,.354-.391,1.555,1.555,0,0,0,.24-.466,2.26,2.26,0,0,0-.145-1.792,4.174,4.174,0,0,0-.681-.91c-.891-.9-1.767-1.806-2.645-2.715A13.6,13.6,0,0,0,31.1,39.325a2.4,2.4,0,0,0-.364-.249,1.621,1.621,0,0,0-1.824.072,14.193,14.193,0,0,0-1.631,1.345c-.977.977-2,1.9-3.046,2.807a26.372,26.372,0,0,0-2.584,2.523c-1.167,1.324-2.406,2.58-3.677,3.8Q13.846,53.6,9.692,57.544C8.049,59.1,6.38,60.628,4.712,62.157a13.271,13.271,0,0,0-1.791,2.057,2.065,2.065,0,0,0-.4.872,14.241,14.241,0,0,0-.179,1.484,2.835,2.835,0,0,0,.295,1.365,7.617,7.617,0,0,0,1.209,1.831c.9,1.018,1.979,1.84,2.942,2.788a1.026,1.026,0,0,0,.458.249c.455.11.919.185,1.38.274" transform="translate(0)" fill="#fff"></path> <path d="M121.311,100c1.846.107,3.869.229,5.891.339.675.037,1.351.046,2.026.067l6.429.2c.323.01.646.02.968.035a31.482,31.482,0,0,0,3.434-.041c.849-.055,1.7-.054,2.554-.061a3.606,3.606,0,0,1,.694.093.687.687,0,0,1,.634.715c.019.528.1,1.053.113,1.581.027,1.027,0,2.057.046,3.083a7.634,7.634,0,0,1-.344,2.252.41.41,0,0,1-.293.3,3.186,3.186,0,0,1-.689.113c-3.465.089-6.93.128-10.4.093-.381,0-.764-.019-1.144-.036-1.438-.065-2.876-.127-4.313-.2-1.5-.076-2.991-.163-4.486-.245-.7-.038-1.407-.076-2.111-.11q-4.623-.219-9.25-.143c-1.175.017-2.35.012-3.524,0-2.35-.03-4.7-.034-7.049.056-.822.031-1.644.044-2.467.057-.293,0-.588,0-.88-.025a.875.875,0,0,1-.822-.684,3.412,3.412,0,0,1-.181-1.214c.1-1.553.213-3.105.276-4.659a.99.99,0,0,1,.859-1.049,12.385,12.385,0,0,1,1.56-.266c.965-.082,1.934-.121,2.9-.169.411-.02.822-.024,1.234-.027q7.754-.052,15.509-.1c.881,0,1.762.025,2.821.042" transform="translate(-39.194 -40.749)" fill="#fff"></path> <path d="M135.517,83.135c.422,0,1.155,0,1.888,0a1.707,1.707,0,0,1,.516.081.369.369,0,0,1,.2.567,5.057,5.057,0,0,1-.444.545c-.57.591-1.142,1.18-1.729,1.753a.765.765,0,0,0-.271.615c.01.235.018.469.015.7,0,.411-.016.82-.028,1.23-.011.381-.05.762-.039,1.142a7.785,7.785,0,0,1-.239,1.737.344.344,0,0,1-.317.261c-.438,0-.877-.01-1.315-.037a.386.386,0,0,1-.36-.336,5.823,5.823,0,0,1-.079-.872,23.063,23.063,0,0,1,.143-2.986c.024-.2.034-.409.045-.614a.461.461,0,0,0-.174-.385c-.088-.077-.186-.144-.27-.226-.566-.553-1.14-1.1-1.689-1.669a5.374,5.374,0,0,1-.57-.776A.236.236,0,0,1,131,83.5c.612-.06,1.225-.125,1.839-.174.789-.063,1.58-.111,2.682-.187" transform="translate(-53.303 -33.89)" fill="#fff"></path> <path d="M135.144,118.6a3.62,3.62,0,0,1,.09-1.22.618.618,0,0,1,.476-.465,3.165,3.165,0,0,1,1.308-.055.41.41,0,0,1,.379.49c-.046.377-.088.755-.133,1.133a15.893,15.893,0,0,1-.362,2.165c-.111.424-.167.862-.262,1.291a.307.307,0,0,1-.5.139,1.512,1.512,0,0,1-.46-.733,7.326,7.326,0,0,1-.537-2.746" transform="translate(-55.087 -47.619)" fill="#fff"></path> <path d="M12.337,114.331a1.668,1.668,0,0,1-1.593-1.005.969.969,0,0,1-.064-.427.515.515,0,0,1,.627-.456,3.4,3.4,0,0,1,.557.251.69.69,0,0,0,.75-.041,7.327,7.327,0,0,0,.838-.638c.758-.692,1.51-1.391,2.246-2.108.63-.614,1.237-1.252,1.847-1.887a35.556,35.556,0,0,1,3.361-3.1,7.673,7.673,0,0,1,.718-.506.944.944,0,0,1,.332-.092.311.311,0,0,1,.307.257.863.863,0,0,1-.054.341,4.455,4.455,0,0,1-.36.6,20.894,20.894,0,0,1-2.225,2.723q-2.175,2.18-4.388,4.322a14.888,14.888,0,0,1-1.207,1.024,3.369,3.369,0,0,1-1.156.622c-.2.055-.4.088-.535.118" transform="translate(-4.353 -42.527)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Theken </h2> <div class="xl:max-w-sm"> <p>Empfangstheken sind die Visitenkarte eines Hauses: Modern, geschwungen, rund, eckig, klassisch – wir beherrschen das gesamte Handwerksportfolio. Holz ist perfektes Ausdrucksmittel für das Cor- porate Identity eines Unternehmens.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Theken' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Theken </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0605caec-46de-4810-8eba-17798c749cd4'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Gastronomie</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'bac90c62-9665-4235-8185-f51c4bdda9a5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Büro</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '76ea084c-8518-4dca-a943-e3dd6b83a874'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Theken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c0d77f93-116f-4a41-b79a-8cf98025c96a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Konferenz</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Messe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Kindergarten</button> </div> </div></div> <div id="c0d77f93-116f-4a41-b79a-8cf98025c96a" x-show="tab === 'c0d77f93-116f-4a41-b79a-8cf98025c96a'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 104.91 75"> <path d="M46.9,0a15.791,15.791,0,0,1,4.432.689A20.255,20.255,0,0,1,56.565,3.18a34.81,34.81,0,0,1,4.224,3.173,28.569,28.569,0,0,1,4.833,5.7,66.3,66.3,0,0,1,4.846,8.79c.06.134.119.268.184.4a13.685,13.685,0,0,1,1.2,3.023.454.454,0,0,0,.479.419,4.713,4.713,0,0,1,2.4.77A12.258,12.258,0,0,1,77.3,27.444c.8.817,1.608,1.632,2.423,2.437.5.5,1.019.974,1.538,1.451a3.815,3.815,0,0,1,.947,1.147.435.435,0,0,1-.047.491A27.067,27.067,0,0,1,79.6,35.878q-1.938,1.925-3.87,3.858c-.455.457-.885.939-1.327,1.412-.04.043-.075.09-.114.133-.679.778-.882.6-1.672.212a1.625,1.625,0,0,1-.28-.213,53.549,53.549,0,0,1-4.605-4.23,11.706,11.706,0,0,1-1.745-2.316c-.466-.816-.952-1.621-1.409-2.441a5.2,5.2,0,0,0-1.38-1.583l-.141-.1A15.637,15.637,0,0,0,57.988,28.2a4.988,4.988,0,0,0-4.281.759,12.4,12.4,0,0,0-1.963,1.63c-.892.936-1.795,1.86-2.671,2.811-.976,1.06-2.042,2.029-3.083,3.022-.043.04-.086.081-.13.12-1.834,1.611-3.523,3.369-5.248,5.092-.271.27-.524.557-.79.83-.511.527-1.015,1.061-1.542,1.571a.772.772,0,0,0-.29.843,3.107,3.107,0,0,1-.093,1.738,3.173,3.173,0,0,1-.461.947c-.226.307-.462.608-.716.892-.725.81-1.464,1.608-2.193,2.414-.848.938-1.755,1.816-2.69,2.666-.761.691-1.5,1.405-2.249,2.111-.277.262-.543.537-.825.795-1.8,1.651-3.5,3.395-5.156,5.187-1.375,1.489-2.818,2.913-4.257,4.342-2.437,2.423-4.889,4.832-7.482,7.093a17.922,17.922,0,0,1-1.821,1.385,2.994,2.994,0,0,1-3.178.182,16.911,16.911,0,0,1-2.4-1.463,3.262,3.262,0,0,1-.4-.349A22.361,22.361,0,0,1,.692,68.541,4.672,4.672,0,0,1,.071,67a2.491,2.491,0,0,1-.063-.7A3.919,3.919,0,0,1,.64,64.4a27.136,27.136,0,0,1,3.875-4.554c1.189-1.092,2.326-2.243,3.492-3.362q2.8-2.683,5.608-5.357c1.151-1.092,2.321-2.164,3.473-3.254.6-.565,1.174-1.153,1.762-1.728,1.468-1.439,2.932-2.884,4.409-4.313,1.056-1.022,2.129-2.025,3.2-3.027a10.975,10.975,0,0,1,.947-.789,8.064,8.064,0,0,1,.889-.571,3.138,3.138,0,0,1,2.3-.31,1.6,1.6,0,0,0,.341.082.5.5,0,0,0,.319-.1c.735-.719,1.473-1.436,2.181-2.18,2.33-2.446,4.642-4.91,6.977-7.352.649-.678,1.342-1.317,2.035-1.951a22.345,22.345,0,0,0,3.118-3.466,6.893,6.893,0,0,0,1-1.856c.165-.5.361-.993.533-1.493a10.791,10.791,0,0,0,.548-3.026,6.325,6.325,0,0,0-.189-1.923c-.213-.794-.421-1.59-.657-2.378a4.629,4.629,0,0,0-.873-1.621,14.333,14.333,0,0,0-1.194-1.292c-.469-.443-.98-.841-1.478-1.253a5.588,5.588,0,0,0-1.2-.741c-.611-.289-1.226-.567-1.841-.847A9.49,9.49,0,0,0,37.7,4.98a1.175,1.175,0,0,1-.723-.286.277.277,0,0,1-.051-.32,2.423,2.423,0,0,1,.295-.322c.658-.541,1.313-1.087,1.986-1.609a10.876,10.876,0,0,1,3.222-1.6A23.15,23.15,0,0,1,44.894.188,10.819,10.819,0,0,1,46.9,0M8.628,73.077a1.551,1.551,0,0,0,1-.319,9.882,9.882,0,0,0,1.506-1.352c1.339-1.484,2.809-2.842,4.193-4.282.224-.233.471-.444.711-.659.679-.608,1.365-1.207,2.038-1.821.52-.476,1.044-.95,1.531-1.459q1.433-1.5,2.823-3.033,2.242-2.494,4.7-4.768c.3-.279.6-.559.889-.855.694-.721,1.437-1.387,2.193-2.041a36.878,36.878,0,0,0,3.664-3.562c.562-.64,1.164-1.245,1.747-1.866a3.864,3.864,0,0,0,.354-.391,1.555,1.555,0,0,0,.24-.466,2.26,2.26,0,0,0-.145-1.792,4.174,4.174,0,0,0-.681-.91c-.891-.9-1.767-1.806-2.645-2.715A13.6,13.6,0,0,0,31.1,39.325a2.4,2.4,0,0,0-.364-.249,1.621,1.621,0,0,0-1.824.072,14.193,14.193,0,0,0-1.631,1.345c-.977.977-2,1.9-3.046,2.807a26.372,26.372,0,0,0-2.584,2.523c-1.167,1.324-2.406,2.58-3.677,3.8Q13.846,53.6,9.692,57.544C8.049,59.1,6.38,60.628,4.712,62.157a13.271,13.271,0,0,0-1.791,2.057,2.065,2.065,0,0,0-.4.872,14.241,14.241,0,0,0-.179,1.484,2.835,2.835,0,0,0,.295,1.365,7.617,7.617,0,0,0,1.209,1.831c.9,1.018,1.979,1.84,2.942,2.788a1.026,1.026,0,0,0,.458.249c.455.11.919.185,1.38.274" transform="translate(0)" fill="#fff"></path> <path d="M121.311,100c1.846.107,3.869.229,5.891.339.675.037,1.351.046,2.026.067l6.429.2c.323.01.646.02.968.035a31.482,31.482,0,0,0,3.434-.041c.849-.055,1.7-.054,2.554-.061a3.606,3.606,0,0,1,.694.093.687.687,0,0,1,.634.715c.019.528.1,1.053.113,1.581.027,1.027,0,2.057.046,3.083a7.634,7.634,0,0,1-.344,2.252.41.41,0,0,1-.293.3,3.186,3.186,0,0,1-.689.113c-3.465.089-6.93.128-10.4.093-.381,0-.764-.019-1.144-.036-1.438-.065-2.876-.127-4.313-.2-1.5-.076-2.991-.163-4.486-.245-.7-.038-1.407-.076-2.111-.11q-4.623-.219-9.25-.143c-1.175.017-2.35.012-3.524,0-2.35-.03-4.7-.034-7.049.056-.822.031-1.644.044-2.467.057-.293,0-.588,0-.88-.025a.875.875,0,0,1-.822-.684,3.412,3.412,0,0,1-.181-1.214c.1-1.553.213-3.105.276-4.659a.99.99,0,0,1,.859-1.049,12.385,12.385,0,0,1,1.56-.266c.965-.082,1.934-.121,2.9-.169.411-.02.822-.024,1.234-.027q7.754-.052,15.509-.1c.881,0,1.762.025,2.821.042" transform="translate(-39.194 -40.749)" fill="#fff"></path> <path d="M135.517,83.135c.422,0,1.155,0,1.888,0a1.707,1.707,0,0,1,.516.081.369.369,0,0,1,.2.567,5.057,5.057,0,0,1-.444.545c-.57.591-1.142,1.18-1.729,1.753a.765.765,0,0,0-.271.615c.01.235.018.469.015.7,0,.411-.016.82-.028,1.23-.011.381-.05.762-.039,1.142a7.785,7.785,0,0,1-.239,1.737.344.344,0,0,1-.317.261c-.438,0-.877-.01-1.315-.037a.386.386,0,0,1-.36-.336,5.823,5.823,0,0,1-.079-.872,23.063,23.063,0,0,1,.143-2.986c.024-.2.034-.409.045-.614a.461.461,0,0,0-.174-.385c-.088-.077-.186-.144-.27-.226-.566-.553-1.14-1.1-1.689-1.669a5.374,5.374,0,0,1-.57-.776A.236.236,0,0,1,131,83.5c.612-.06,1.225-.125,1.839-.174.789-.063,1.58-.111,2.682-.187" transform="translate(-53.303 -33.89)" fill="#fff"></path> <path d="M135.144,118.6a3.62,3.62,0,0,1,.09-1.22.618.618,0,0,1,.476-.465,3.165,3.165,0,0,1,1.308-.055.41.41,0,0,1,.379.49c-.046.377-.088.755-.133,1.133a15.893,15.893,0,0,1-.362,2.165c-.111.424-.167.862-.262,1.291a.307.307,0,0,1-.5.139,1.512,1.512,0,0,1-.46-.733,7.326,7.326,0,0,1-.537-2.746" transform="translate(-55.087 -47.619)" fill="#fff"></path> <path d="M12.337,114.331a1.668,1.668,0,0,1-1.593-1.005.969.969,0,0,1-.064-.427.515.515,0,0,1,.627-.456,3.4,3.4,0,0,1,.557.251.69.69,0,0,0,.75-.041,7.327,7.327,0,0,0,.838-.638c.758-.692,1.51-1.391,2.246-2.108.63-.614,1.237-1.252,1.847-1.887a35.556,35.556,0,0,1,3.361-3.1,7.673,7.673,0,0,1,.718-.506.944.944,0,0,1,.332-.092.311.311,0,0,1,.307.257.863.863,0,0,1-.054.341,4.455,4.455,0,0,1-.36.6,20.894,20.894,0,0,1-2.225,2.723q-2.175,2.18-4.388,4.322a14.888,14.888,0,0,1-1.207,1.024,3.369,3.369,0,0,1-1.156.622c-.2.055-.4.088-.535.118" transform="translate(-4.353 -42.527)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1199" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Konferenz </h2> <div class="xl:max-w-sm"> <p>Gute Besprechungsergebnisse setzen eine positive Atmosphäre voraus: Wir gestalten moderne Räume mit Holz, kombiniert mit Hightech – Tische mit Touchmonitoren, Datenschnittstellen, LED- Bildschirmen sowie Sound- und Lichtsystemen.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Konferenz' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Konferenz </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0605caec-46de-4810-8eba-17798c749cd4'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Gastronomie</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'bac90c62-9665-4235-8185-f51c4bdda9a5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Büro</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '76ea084c-8518-4dca-a943-e3dd6b83a874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Theken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'c0d77f93-116f-4a41-b79a-8cf98025c96a'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Konferenz</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Messe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Kindergarten</button> </div> </div></div> <div id="d0152735-79a4-4cfa-8eaa-b3077d328ffc" x-show="tab === 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 104.91 75"> <path d="M46.9,0a15.791,15.791,0,0,1,4.432.689A20.255,20.255,0,0,1,56.565,3.18a34.81,34.81,0,0,1,4.224,3.173,28.569,28.569,0,0,1,4.833,5.7,66.3,66.3,0,0,1,4.846,8.79c.06.134.119.268.184.4a13.685,13.685,0,0,1,1.2,3.023.454.454,0,0,0,.479.419,4.713,4.713,0,0,1,2.4.77A12.258,12.258,0,0,1,77.3,27.444c.8.817,1.608,1.632,2.423,2.437.5.5,1.019.974,1.538,1.451a3.815,3.815,0,0,1,.947,1.147.435.435,0,0,1-.047.491A27.067,27.067,0,0,1,79.6,35.878q-1.938,1.925-3.87,3.858c-.455.457-.885.939-1.327,1.412-.04.043-.075.09-.114.133-.679.778-.882.6-1.672.212a1.625,1.625,0,0,1-.28-.213,53.549,53.549,0,0,1-4.605-4.23,11.706,11.706,0,0,1-1.745-2.316c-.466-.816-.952-1.621-1.409-2.441a5.2,5.2,0,0,0-1.38-1.583l-.141-.1A15.637,15.637,0,0,0,57.988,28.2a4.988,4.988,0,0,0-4.281.759,12.4,12.4,0,0,0-1.963,1.63c-.892.936-1.795,1.86-2.671,2.811-.976,1.06-2.042,2.029-3.083,3.022-.043.04-.086.081-.13.12-1.834,1.611-3.523,3.369-5.248,5.092-.271.27-.524.557-.79.83-.511.527-1.015,1.061-1.542,1.571a.772.772,0,0,0-.29.843,3.107,3.107,0,0,1-.093,1.738,3.173,3.173,0,0,1-.461.947c-.226.307-.462.608-.716.892-.725.81-1.464,1.608-2.193,2.414-.848.938-1.755,1.816-2.69,2.666-.761.691-1.5,1.405-2.249,2.111-.277.262-.543.537-.825.795-1.8,1.651-3.5,3.395-5.156,5.187-1.375,1.489-2.818,2.913-4.257,4.342-2.437,2.423-4.889,4.832-7.482,7.093a17.922,17.922,0,0,1-1.821,1.385,2.994,2.994,0,0,1-3.178.182,16.911,16.911,0,0,1-2.4-1.463,3.262,3.262,0,0,1-.4-.349A22.361,22.361,0,0,1,.692,68.541,4.672,4.672,0,0,1,.071,67a2.491,2.491,0,0,1-.063-.7A3.919,3.919,0,0,1,.64,64.4a27.136,27.136,0,0,1,3.875-4.554c1.189-1.092,2.326-2.243,3.492-3.362q2.8-2.683,5.608-5.357c1.151-1.092,2.321-2.164,3.473-3.254.6-.565,1.174-1.153,1.762-1.728,1.468-1.439,2.932-2.884,4.409-4.313,1.056-1.022,2.129-2.025,3.2-3.027a10.975,10.975,0,0,1,.947-.789,8.064,8.064,0,0,1,.889-.571,3.138,3.138,0,0,1,2.3-.31,1.6,1.6,0,0,0,.341.082.5.5,0,0,0,.319-.1c.735-.719,1.473-1.436,2.181-2.18,2.33-2.446,4.642-4.91,6.977-7.352.649-.678,1.342-1.317,2.035-1.951a22.345,22.345,0,0,0,3.118-3.466,6.893,6.893,0,0,0,1-1.856c.165-.5.361-.993.533-1.493a10.791,10.791,0,0,0,.548-3.026,6.325,6.325,0,0,0-.189-1.923c-.213-.794-.421-1.59-.657-2.378a4.629,4.629,0,0,0-.873-1.621,14.333,14.333,0,0,0-1.194-1.292c-.469-.443-.98-.841-1.478-1.253a5.588,5.588,0,0,0-1.2-.741c-.611-.289-1.226-.567-1.841-.847A9.49,9.49,0,0,0,37.7,4.98a1.175,1.175,0,0,1-.723-.286.277.277,0,0,1-.051-.32,2.423,2.423,0,0,1,.295-.322c.658-.541,1.313-1.087,1.986-1.609a10.876,10.876,0,0,1,3.222-1.6A23.15,23.15,0,0,1,44.894.188,10.819,10.819,0,0,1,46.9,0M8.628,73.077a1.551,1.551,0,0,0,1-.319,9.882,9.882,0,0,0,1.506-1.352c1.339-1.484,2.809-2.842,4.193-4.282.224-.233.471-.444.711-.659.679-.608,1.365-1.207,2.038-1.821.52-.476,1.044-.95,1.531-1.459q1.433-1.5,2.823-3.033,2.242-2.494,4.7-4.768c.3-.279.6-.559.889-.855.694-.721,1.437-1.387,2.193-2.041a36.878,36.878,0,0,0,3.664-3.562c.562-.64,1.164-1.245,1.747-1.866a3.864,3.864,0,0,0,.354-.391,1.555,1.555,0,0,0,.24-.466,2.26,2.26,0,0,0-.145-1.792,4.174,4.174,0,0,0-.681-.91c-.891-.9-1.767-1.806-2.645-2.715A13.6,13.6,0,0,0,31.1,39.325a2.4,2.4,0,0,0-.364-.249,1.621,1.621,0,0,0-1.824.072,14.193,14.193,0,0,0-1.631,1.345c-.977.977-2,1.9-3.046,2.807a26.372,26.372,0,0,0-2.584,2.523c-1.167,1.324-2.406,2.58-3.677,3.8Q13.846,53.6,9.692,57.544C8.049,59.1,6.38,60.628,4.712,62.157a13.271,13.271,0,0,0-1.791,2.057,2.065,2.065,0,0,0-.4.872,14.241,14.241,0,0,0-.179,1.484,2.835,2.835,0,0,0,.295,1.365,7.617,7.617,0,0,0,1.209,1.831c.9,1.018,1.979,1.84,2.942,2.788a1.026,1.026,0,0,0,.458.249c.455.11.919.185,1.38.274" transform="translate(0)" fill="#fff"></path> <path d="M121.311,100c1.846.107,3.869.229,5.891.339.675.037,1.351.046,2.026.067l6.429.2c.323.01.646.02.968.035a31.482,31.482,0,0,0,3.434-.041c.849-.055,1.7-.054,2.554-.061a3.606,3.606,0,0,1,.694.093.687.687,0,0,1,.634.715c.019.528.1,1.053.113,1.581.027,1.027,0,2.057.046,3.083a7.634,7.634,0,0,1-.344,2.252.41.41,0,0,1-.293.3,3.186,3.186,0,0,1-.689.113c-3.465.089-6.93.128-10.4.093-.381,0-.764-.019-1.144-.036-1.438-.065-2.876-.127-4.313-.2-1.5-.076-2.991-.163-4.486-.245-.7-.038-1.407-.076-2.111-.11q-4.623-.219-9.25-.143c-1.175.017-2.35.012-3.524,0-2.35-.03-4.7-.034-7.049.056-.822.031-1.644.044-2.467.057-.293,0-.588,0-.88-.025a.875.875,0,0,1-.822-.684,3.412,3.412,0,0,1-.181-1.214c.1-1.553.213-3.105.276-4.659a.99.99,0,0,1,.859-1.049,12.385,12.385,0,0,1,1.56-.266c.965-.082,1.934-.121,2.9-.169.411-.02.822-.024,1.234-.027q7.754-.052,15.509-.1c.881,0,1.762.025,2.821.042" transform="translate(-39.194 -40.749)" fill="#fff"></path> <path d="M135.517,83.135c.422,0,1.155,0,1.888,0a1.707,1.707,0,0,1,.516.081.369.369,0,0,1,.2.567,5.057,5.057,0,0,1-.444.545c-.57.591-1.142,1.18-1.729,1.753a.765.765,0,0,0-.271.615c.01.235.018.469.015.7,0,.411-.016.82-.028,1.23-.011.381-.05.762-.039,1.142a7.785,7.785,0,0,1-.239,1.737.344.344,0,0,1-.317.261c-.438,0-.877-.01-1.315-.037a.386.386,0,0,1-.36-.336,5.823,5.823,0,0,1-.079-.872,23.063,23.063,0,0,1,.143-2.986c.024-.2.034-.409.045-.614a.461.461,0,0,0-.174-.385c-.088-.077-.186-.144-.27-.226-.566-.553-1.14-1.1-1.689-1.669a5.374,5.374,0,0,1-.57-.776A.236.236,0,0,1,131,83.5c.612-.06,1.225-.125,1.839-.174.789-.063,1.58-.111,2.682-.187" transform="translate(-53.303 -33.89)" fill="#fff"></path> <path d="M135.144,118.6a3.62,3.62,0,0,1,.09-1.22.618.618,0,0,1,.476-.465,3.165,3.165,0,0,1,1.308-.055.41.41,0,0,1,.379.49c-.046.377-.088.755-.133,1.133a15.893,15.893,0,0,1-.362,2.165c-.111.424-.167.862-.262,1.291a.307.307,0,0,1-.5.139,1.512,1.512,0,0,1-.46-.733,7.326,7.326,0,0,1-.537-2.746" transform="translate(-55.087 -47.619)" fill="#fff"></path> <path d="M12.337,114.331a1.668,1.668,0,0,1-1.593-1.005.969.969,0,0,1-.064-.427.515.515,0,0,1,.627-.456,3.4,3.4,0,0,1,.557.251.69.69,0,0,0,.75-.041,7.327,7.327,0,0,0,.838-.638c.758-.692,1.51-1.391,2.246-2.108.63-.614,1.237-1.252,1.847-1.887a35.556,35.556,0,0,1,3.361-3.1,7.673,7.673,0,0,1,.718-.506.944.944,0,0,1,.332-.092.311.311,0,0,1,.307.257.863.863,0,0,1-.054.341,4.455,4.455,0,0,1-.36.6,20.894,20.894,0,0,1-2.225,2.723q-2.175,2.18-4.388,4.322a14.888,14.888,0,0,1-1.207,1.024,3.369,3.369,0,0,1-1.156.622c-.2.055-.4.088-.535.118" transform="translate(-4.353 -42.527)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1920" height="1280" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Messe </h2> <div class="xl:max-w-sm"> <p>Zeit für Ihren großen Auftritt: Ein Verkaufs- oder Messestand muss auffallen, einladend sein – mit viel Erfahrung gestalten wir beste POS aus Holz, um auf Festen und Märkten zu glänzen. Individuell nach Maß planen und realisieren wir vielfältige Formen sowie Funktionen.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Messe' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Messe </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0605caec-46de-4810-8eba-17798c749cd4'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Gastronomie</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'bac90c62-9665-4235-8185-f51c4bdda9a5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Büro</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '76ea084c-8518-4dca-a943-e3dd6b83a874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Theken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c0d77f93-116f-4a41-b79a-8cf98025c96a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Konferenz</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Messe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Kindergarten</button> </div> </div></div> <div id="0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22" x-show="tab === '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 104.91 75"> <path d="M46.9,0a15.791,15.791,0,0,1,4.432.689A20.255,20.255,0,0,1,56.565,3.18a34.81,34.81,0,0,1,4.224,3.173,28.569,28.569,0,0,1,4.833,5.7,66.3,66.3,0,0,1,4.846,8.79c.06.134.119.268.184.4a13.685,13.685,0,0,1,1.2,3.023.454.454,0,0,0,.479.419,4.713,4.713,0,0,1,2.4.77A12.258,12.258,0,0,1,77.3,27.444c.8.817,1.608,1.632,2.423,2.437.5.5,1.019.974,1.538,1.451a3.815,3.815,0,0,1,.947,1.147.435.435,0,0,1-.047.491A27.067,27.067,0,0,1,79.6,35.878q-1.938,1.925-3.87,3.858c-.455.457-.885.939-1.327,1.412-.04.043-.075.09-.114.133-.679.778-.882.6-1.672.212a1.625,1.625,0,0,1-.28-.213,53.549,53.549,0,0,1-4.605-4.23,11.706,11.706,0,0,1-1.745-2.316c-.466-.816-.952-1.621-1.409-2.441a5.2,5.2,0,0,0-1.38-1.583l-.141-.1A15.637,15.637,0,0,0,57.988,28.2a4.988,4.988,0,0,0-4.281.759,12.4,12.4,0,0,0-1.963,1.63c-.892.936-1.795,1.86-2.671,2.811-.976,1.06-2.042,2.029-3.083,3.022-.043.04-.086.081-.13.12-1.834,1.611-3.523,3.369-5.248,5.092-.271.27-.524.557-.79.83-.511.527-1.015,1.061-1.542,1.571a.772.772,0,0,0-.29.843,3.107,3.107,0,0,1-.093,1.738,3.173,3.173,0,0,1-.461.947c-.226.307-.462.608-.716.892-.725.81-1.464,1.608-2.193,2.414-.848.938-1.755,1.816-2.69,2.666-.761.691-1.5,1.405-2.249,2.111-.277.262-.543.537-.825.795-1.8,1.651-3.5,3.395-5.156,5.187-1.375,1.489-2.818,2.913-4.257,4.342-2.437,2.423-4.889,4.832-7.482,7.093a17.922,17.922,0,0,1-1.821,1.385,2.994,2.994,0,0,1-3.178.182,16.911,16.911,0,0,1-2.4-1.463,3.262,3.262,0,0,1-.4-.349A22.361,22.361,0,0,1,.692,68.541,4.672,4.672,0,0,1,.071,67a2.491,2.491,0,0,1-.063-.7A3.919,3.919,0,0,1,.64,64.4a27.136,27.136,0,0,1,3.875-4.554c1.189-1.092,2.326-2.243,3.492-3.362q2.8-2.683,5.608-5.357c1.151-1.092,2.321-2.164,3.473-3.254.6-.565,1.174-1.153,1.762-1.728,1.468-1.439,2.932-2.884,4.409-4.313,1.056-1.022,2.129-2.025,3.2-3.027a10.975,10.975,0,0,1,.947-.789,8.064,8.064,0,0,1,.889-.571,3.138,3.138,0,0,1,2.3-.31,1.6,1.6,0,0,0,.341.082.5.5,0,0,0,.319-.1c.735-.719,1.473-1.436,2.181-2.18,2.33-2.446,4.642-4.91,6.977-7.352.649-.678,1.342-1.317,2.035-1.951a22.345,22.345,0,0,0,3.118-3.466,6.893,6.893,0,0,0,1-1.856c.165-.5.361-.993.533-1.493a10.791,10.791,0,0,0,.548-3.026,6.325,6.325,0,0,0-.189-1.923c-.213-.794-.421-1.59-.657-2.378a4.629,4.629,0,0,0-.873-1.621,14.333,14.333,0,0,0-1.194-1.292c-.469-.443-.98-.841-1.478-1.253a5.588,5.588,0,0,0-1.2-.741c-.611-.289-1.226-.567-1.841-.847A9.49,9.49,0,0,0,37.7,4.98a1.175,1.175,0,0,1-.723-.286.277.277,0,0,1-.051-.32,2.423,2.423,0,0,1,.295-.322c.658-.541,1.313-1.087,1.986-1.609a10.876,10.876,0,0,1,3.222-1.6A23.15,23.15,0,0,1,44.894.188,10.819,10.819,0,0,1,46.9,0M8.628,73.077a1.551,1.551,0,0,0,1-.319,9.882,9.882,0,0,0,1.506-1.352c1.339-1.484,2.809-2.842,4.193-4.282.224-.233.471-.444.711-.659.679-.608,1.365-1.207,2.038-1.821.52-.476,1.044-.95,1.531-1.459q1.433-1.5,2.823-3.033,2.242-2.494,4.7-4.768c.3-.279.6-.559.889-.855.694-.721,1.437-1.387,2.193-2.041a36.878,36.878,0,0,0,3.664-3.562c.562-.64,1.164-1.245,1.747-1.866a3.864,3.864,0,0,0,.354-.391,1.555,1.555,0,0,0,.24-.466,2.26,2.26,0,0,0-.145-1.792,4.174,4.174,0,0,0-.681-.91c-.891-.9-1.767-1.806-2.645-2.715A13.6,13.6,0,0,0,31.1,39.325a2.4,2.4,0,0,0-.364-.249,1.621,1.621,0,0,0-1.824.072,14.193,14.193,0,0,0-1.631,1.345c-.977.977-2,1.9-3.046,2.807a26.372,26.372,0,0,0-2.584,2.523c-1.167,1.324-2.406,2.58-3.677,3.8Q13.846,53.6,9.692,57.544C8.049,59.1,6.38,60.628,4.712,62.157a13.271,13.271,0,0,0-1.791,2.057,2.065,2.065,0,0,0-.4.872,14.241,14.241,0,0,0-.179,1.484,2.835,2.835,0,0,0,.295,1.365,7.617,7.617,0,0,0,1.209,1.831c.9,1.018,1.979,1.84,2.942,2.788a1.026,1.026,0,0,0,.458.249c.455.11.919.185,1.38.274" transform="translate(0)" fill="#fff"></path> <path d="M121.311,100c1.846.107,3.869.229,5.891.339.675.037,1.351.046,2.026.067l6.429.2c.323.01.646.02.968.035a31.482,31.482,0,0,0,3.434-.041c.849-.055,1.7-.054,2.554-.061a3.606,3.606,0,0,1,.694.093.687.687,0,0,1,.634.715c.019.528.1,1.053.113,1.581.027,1.027,0,2.057.046,3.083a7.634,7.634,0,0,1-.344,2.252.41.41,0,0,1-.293.3,3.186,3.186,0,0,1-.689.113c-3.465.089-6.93.128-10.4.093-.381,0-.764-.019-1.144-.036-1.438-.065-2.876-.127-4.313-.2-1.5-.076-2.991-.163-4.486-.245-.7-.038-1.407-.076-2.111-.11q-4.623-.219-9.25-.143c-1.175.017-2.35.012-3.524,0-2.35-.03-4.7-.034-7.049.056-.822.031-1.644.044-2.467.057-.293,0-.588,0-.88-.025a.875.875,0,0,1-.822-.684,3.412,3.412,0,0,1-.181-1.214c.1-1.553.213-3.105.276-4.659a.99.99,0,0,1,.859-1.049,12.385,12.385,0,0,1,1.56-.266c.965-.082,1.934-.121,2.9-.169.411-.02.822-.024,1.234-.027q7.754-.052,15.509-.1c.881,0,1.762.025,2.821.042" transform="translate(-39.194 -40.749)" fill="#fff"></path> <path d="M135.517,83.135c.422,0,1.155,0,1.888,0a1.707,1.707,0,0,1,.516.081.369.369,0,0,1,.2.567,5.057,5.057,0,0,1-.444.545c-.57.591-1.142,1.18-1.729,1.753a.765.765,0,0,0-.271.615c.01.235.018.469.015.7,0,.411-.016.82-.028,1.23-.011.381-.05.762-.039,1.142a7.785,7.785,0,0,1-.239,1.737.344.344,0,0,1-.317.261c-.438,0-.877-.01-1.315-.037a.386.386,0,0,1-.36-.336,5.823,5.823,0,0,1-.079-.872,23.063,23.063,0,0,1,.143-2.986c.024-.2.034-.409.045-.614a.461.461,0,0,0-.174-.385c-.088-.077-.186-.144-.27-.226-.566-.553-1.14-1.1-1.689-1.669a5.374,5.374,0,0,1-.57-.776A.236.236,0,0,1,131,83.5c.612-.06,1.225-.125,1.839-.174.789-.063,1.58-.111,2.682-.187" transform="translate(-53.303 -33.89)" fill="#fff"></path> <path d="M135.144,118.6a3.62,3.62,0,0,1,.09-1.22.618.618,0,0,1,.476-.465,3.165,3.165,0,0,1,1.308-.055.41.41,0,0,1,.379.49c-.046.377-.088.755-.133,1.133a15.893,15.893,0,0,1-.362,2.165c-.111.424-.167.862-.262,1.291a.307.307,0,0,1-.5.139,1.512,1.512,0,0,1-.46-.733,7.326,7.326,0,0,1-.537-2.746" transform="translate(-55.087 -47.619)" fill="#fff"></path> <path d="M12.337,114.331a1.668,1.668,0,0,1-1.593-1.005.969.969,0,0,1-.064-.427.515.515,0,0,1,.627-.456,3.4,3.4,0,0,1,.557.251.69.69,0,0,0,.75-.041,7.327,7.327,0,0,0,.838-.638c.758-.692,1.51-1.391,2.246-2.108.63-.614,1.237-1.252,1.847-1.887a35.556,35.556,0,0,1,3.361-3.1,7.673,7.673,0,0,1,.718-.506.944.944,0,0,1,.332-.092.311.311,0,0,1,.307.257.863.863,0,0,1-.054.341,4.455,4.455,0,0,1-.36.6,20.894,20.894,0,0,1-2.225,2.723q-2.175,2.18-4.388,4.322a14.888,14.888,0,0,1-1.207,1.024,3.369,3.369,0,0,1-1.156.622c-.2.055-.4.088-.535.118" transform="translate(-4.353 -42.527)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1763" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Kindergarten </h2> <div class="xl:max-w-sm"> <p>Aus Holz schaffen wir fantastische Lebens- und Spielräume für Kinder: Der natürliche Werkstoff verbreitet überall ein angenehmes und warmes Ambiente, ist zugleich robust und strapazierfähig sowie frei von Kunst- und Farbstoffen.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Kindergarten' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Kindergarten </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '0605caec-46de-4810-8eba-17798c749cd4'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Gastronomie</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'bac90c62-9665-4235-8185-f51c4bdda9a5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Büro</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '76ea084c-8518-4dca-a943-e3dd6b83a874'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Theken</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'c0d77f93-116f-4a41-b79a-8cf98025c96a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Konferenz</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'd0152735-79a4-4cfa-8eaa-b3077d328ffc'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Messe</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '0ad75e0b-dbbb-4210-a3b2-3dccdbc1fd22'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Kindergarten</button> </div> </div></div> <div class="grid gap-4 xl:grid-cols-12" x-show="tab === '77afcd7a-a238-4ecb-aac7-b5fc840fbedd'" style="display: none;"> <div class="flex flex-col gap-12 m-8 text-white md:mt-24 md:ml-24 xl:col-span-4"> <h2 class="text-xl font-bold md:text-4xl"> <p>Planung</p> </h2> <h3 class="-ml-2 text-xl grow md:mr-12 md:text-3xl md:-ml-12"> <p>Gute Planung – natürlich der 1. Schritt</p> </h3> <div class="ml-auto xl:max-w-sm"> <p>Aller Anfang ist die detaillierte Planung, unsere Richtschnur: Immer nur das Beste. Die besten Raumkonzepte. Die besten Möbelstücke. Wir realisieren exakt nach Kundenwunsch oder zeigen Möglichkeiten auf, die nur mit fachmännischem Wissen und Know-How präsentiert werden können. Unsere 3D-Planung zeigt bereits im Vorfeld das fertige Ergebnis, Probleme werden erkannt und gelöst, noch bevor die Maschinen in unserer Werkstatt laufen. Entdecken Sie in unserem Showroom unterschiedlichste Hölzer und Oberflächen.</p> </div> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-6"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1956" height="1694" class="lozad aspect-square object-cover object-center"> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="w-24 mx-auto xl:ml-12 xl:col-span-2"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 81.953 89.565"> <path d="M24.092,25.388a1.689,1.689,0,0,1-.3,1c-.142.2-.306.392-.43.605a.318.318,0,0,0,.044.285,1.07,1.07,0,0,0,.332.257A29.075,29.075,0,0,1,28.9,31.287c2.079,1.779,4.079,3.644,6.07,5.518q9.507,8.947,18.8,18.119,3.575,3.512,6.855,7.3c2,2.315,4.069,4.557,6.155,6.789.751.8,1.454,1.653,2.186,2.476a9.214,9.214,0,0,0,.676.672.712.712,0,0,1,.21.773,4.444,4.444,0,0,1-.573,1.255c-.115.18-.243.35-.358.529a.359.359,0,0,0,.091.477c.193.156.4.3.589.458a4.316,4.316,0,0,1,.456.445,1.018,1.018,0,0,1,.239.689.833.833,0,0,1-1.023.8,1.979,1.979,0,0,1-.726-.428c-.354-.281-.5-.785-1-.912l-1.126.794a3.242,3.242,0,0,1-.947.476,1.615,1.615,0,0,1-1.513-.265,8.64,8.64,0,0,1-.784-.719q-3.589-3.5-6.839-7.314A126.546,126.546,0,0,0,47.635,60c-1.355-1.307-2.686-2.639-4.029-3.958-.2-.2-.41-.394-.62-.584a.313.313,0,0,0-.465.062,1.842,1.842,0,0,0-.134.165,12.954,12.954,0,0,1-2.481,2.625c-.788.664-1.59,1.309-2.39,1.957-.443.358-.466.446-.2.987q.072.144.147.284c1.491,2.788,2.874,5.632,4.228,8.488a66.777,66.777,0,0,0,5.625,9.78c.591.843,1.164,1.7,1.73,2.56.586.89,1.159,1.789,1.73,2.688.19.3.353.617.542.917a2.514,2.514,0,0,1,.345,1.633,1.441,1.441,0,0,1-.343.871,4.459,4.459,0,0,1-.369.385c-.579.512-.575.53-.108,1.22a6.708,6.708,0,0,1,.476.83,1.424,1.424,0,0,1,.126.511.64.64,0,0,1-.318.63.675.675,0,0,1-.71.018,1.513,1.513,0,0,1-.468-.42c-.246-.347-.454-.72-.68-1.081a.462.462,0,0,0-.627-.232c-.24.066-.475.148-.718.2a2,2,0,0,1-1.87-.526,6.587,6.587,0,0,1-.821-.976c-.762-1.07-1.505-2.154-2.256-3.232-.162-.233-.321-.469-.49-.7a.378.378,0,0,0-.549-.137c-.093.051-.177.121-.271.17a1.565,1.565,0,0,1-1.961-.228,6.273,6.273,0,0,1-.808-.846q-1.042-1.348-2.041-2.729a6.009,6.009,0,0,1-.569-1.022,3.134,3.134,0,0,1-.241-.811,1.782,1.782,0,0,1,.554-1.646c.18-.17.382-.318.551-.5a.331.331,0,0,0,.052-.29,4.965,4.965,0,0,0-.35-.655c-.964-1.575-1.942-3.142-2.9-4.723-1.6-2.647-3.039-5.381-4.393-8.16q-3.712-7.617-7.74-15.07-1.144-2.106-2.357-4.176c-1.345-2.3-2.6-4.647-3.8-7.028-.367-.728-.8-1.424-1.2-2.13a.386.386,0,0,0-.459-.18c-.1.026-.2.07-.3.1a1.751,1.751,0,0,1-.314.058,1.5,1.5,0,0,1-1.012-.257,5.871,5.871,0,0,1-.576-.473,39.415,39.415,0,0,1-3.772-3.906c-1.581-1.92-3.22-3.789-4.89-5.632-.286-.316-.564-.639-.836-.967a7.266,7.266,0,0,1-.448-.6,1.979,1.979,0,0,1-.093-2.213,7.878,7.878,0,0,1,.859-1.214c.459-.541.954-1.053,1.448-1.563.814-.839.737-.783.044-1.628C3.024,15.332,1.958,14,.891,12.672a7.325,7.325,0,0,1-.621-.864A1.766,1.766,0,0,1,.738,9.431a1.218,1.218,0,0,1,1.571.01,3.686,3.686,0,0,1,.58.619c1.2,1.631,2.559,3.138,3.853,4.695.068.082.134.165.2.245.2.227.373.244.652.057.236-.159.46-.334.7-.489.566-.367,1.131-.737,1.709-1.083a6.484,6.484,0,0,1,.955-.468,2.3,2.3,0,0,1,2.655.483c1.244,1.217,2.516,2.408,3.722,3.661,1.675,1.74,3.3,3.525,4.945,5.3.338.364.665.74.972,1.131a8.287,8.287,0,0,1,.589.884,1.91,1.91,0,0,1,.246.917M68.5,72.492c-.021-.065-.023-.147-.065-.191a2.977,2.977,0,0,0-.32-.279c-.829-.668-1.674-1.318-2.488-2.006a68.4,68.4,0,0,1-5.642-5.5c-2.285-2.435-4.6-4.839-7.012-7.15-1.718-1.647-3.454-3.275-5.173-4.92Q41.677,46.59,35.561,40.728c-2.544-2.425-5.073-4.869-7.7-7.208-1.83-1.63-3.737-3.174-5.452-4.929-.025-.025-.054-.047-.081-.069a.4.4,0,0,0-.574-.018c-.612.541-1.215,1.092-1.832,1.627s-1.245,1.058-1.873,1.58c-.874.725-1.754,1.445-2.63,2.168a1.8,1.8,0,0,0-.234.215.237.237,0,0,0-.056.29c.13.211.256.425.407.622a37.748,37.748,0,0,1,2.415,3.636c.8,1.341,1.615,2.676,2.415,4.019,1.109,1.86,2.241,3.709,3.309,5.593,2.12,3.739,4.085,7.562,6.022,11.4,1.745,3.457,3.547,6.882,5.584,10.179,1.251,2.024,2.49,4.056,3.758,6.069q3.635,5.77,7.3,11.522c.171.27.35.535.541.791a.639.639,0,0,0,.846.228c.067-.023.134-.046.2-.075a14.426,14.426,0,0,1,3.1-1.114.234.234,0,0,0,.13-.341c-.053-.092-.1-.187-.163-.273-.39-.551-.791-1.094-1.171-1.652-1.2-1.762-2.453-3.485-3.782-5.152a44.439,44.439,0,0,1-3.931-5.694q-1.633-2.87-3.184-5.788c-3.227-6.088-6.534-12.132-10-18.087C27.26,47.41,25.611,44.547,24.11,41.6c-1-1.962-1.959-3.944-2.794-5.984a9.3,9.3,0,0,1-.355-1,1.594,1.594,0,0,1-.015-.523.29.29,0,0,1,.4-.225,16.872,16.872,0,0,1,2.584,1.681c1.162.99,2.331,1.974,3.464,3,2.453,2.212,4.882,4.45,7.326,6.673,2.39,2.175,4.811,4.317,7.172,6.524,2.309,2.158,4.553,4.385,6.834,6.575,3.051,2.929,6,5.95,8.761,9.16,2.2,2.56,4.448,5.074,6.779,7.516.736.771.768.836,1.64.143a3.846,3.846,0,0,0,.325-.274q1.1-1.087,2.188-2.181a.579.579,0,0,0,.082-.191M24.834,38.2c-.075.019-.112.017-.132.035s-.052.065-.044.085a7.186,7.186,0,0,0,.294.676c2.179,4.065,4.4,8.106,6.7,12.1,1.381,2.4,2.715,4.822,4.075,7.233a5.715,5.715,0,0,0,.465.705.312.312,0,0,0,.283.045,1.176,1.176,0,0,0,.344-.242c.885-.819,1.777-1.631,2.645-2.469.663-.641,1.293-1.315,1.933-1.979a.345.345,0,0,0,.015-.481c-.243-.258-.487-.516-.745-.759q-4.261-4.013-8.529-8.019c-2.231-2.082-4.478-4.145-6.635-6.3-.223-.223-.462-.432-.674-.629M11.5,19.6a3.391,3.391,0,0,0-2.424.925,2.248,2.248,0,0,0-.723,1.5,3.691,3.691,0,0,0,.407,2.059,5.416,5.416,0,0,0,1.2,1.483,1.792,1.792,0,0,0,1.575.467,3.808,3.808,0,0,0,3.349-3.24,2.372,2.372,0,0,0-.909-2.36A3.837,3.837,0,0,0,11.5,19.6" transform="translate(0 -2.597)" fill="#fff"></path> <path d="M35.6,0a3.909,3.909,0,0,1,1.669.6,15.825,15.825,0,0,1,1.247,1C39.9,2.872,41.3,4.135,42.641,5.455c3.543,3.489,7.056,7.008,10.588,10.51q11.54,11.441,23.081,22.881c3.223,3.207,6.392,6.468,9.581,9.707.349.354.687.72,1.01,1.1a1.044,1.044,0,0,1,.183,1.278.6.6,0,0,0,.049.7c.142.2.282.41.419.617A13.6,13.6,0,0,1,89,55.081c.352.967.757,1.916,1.141,2.872.119.3.251.589.362.888a3.75,3.75,0,0,1,.18.612c.169.891-.382,1.409-1.228,1.127a11.253,11.253,0,0,1-1.469-.624c-.6-.3-1.192-.633-1.777-.968a34.259,34.259,0,0,0-3.417-1.741c-.261-.112-.521-.228-.775-.354A9.172,9.172,0,0,1,79.6,55.182C69.543,45.194,59.637,35.058,49.634,25.018c-2.407-2.415-4.809-4.837-7.234-7.233-1.136-1.123-2.315-2.2-3.494-3.283a12.146,12.146,0,0,1-1.931-2.12,8.185,8.185,0,0,0-.833-.967c-.994-1.064-2.009-2.108-2.99-3.185-.692-.76-1.34-1.563-2.007-2.347a1.286,1.286,0,0,1-.287-.9,4.655,4.655,0,0,1,1.168-3.229A5.95,5.95,0,0,1,35.052.069,5.011,5.011,0,0,1,35.6,0m.592.734a.347.347,0,0,0-.1.019,15.4,15.4,0,0,0-2.682,1.721A3.726,3.726,0,0,0,32.34,4.041c-.157.434-.321.865-.482,1.3-.146.392-.105.528.238.827.776.676,1.555,1.348,2.323,2.034.45.4.879.828,1.32,1.24.155.145.319.28.483.415a.235.235,0,0,0,.357-.073,4.03,4.03,0,0,0,.155-.4,6.046,6.046,0,0,1,2.812-3.478c.183-.11.359-.228.535-.348a.3.3,0,0,0,.045-.385c-.231-.269-.463-.537-.7-.8a33.757,33.757,0,0,1-2.9-3.4.614.614,0,0,0-.145-.153,1.026,1.026,0,0,0-.189-.084M87.436,55.263a.711.711,0,0,0-.013-.208c-.115-.3-.23-.594-.363-.883-.208-.449-.452-.883-.644-1.339-.682-1.614-.5-1.466-1.917-.54-.09.058-.175.12-.263.18a7.1,7.1,0,0,0-2.2,2.935.329.329,0,0,0,.153.362c.064.031.126.064.191.09l2.855,1.149a2.282,2.282,0,0,0,.3.108.325.325,0,0,0,.372-.135,4.077,4.077,0,0,1,1.361-1.461.578.578,0,0,0,.134-.16.446.446,0,0,0,.041-.1" transform="translate(-8.761 0)" fill="#fff"></path> </svg> </div> <div class="hidden xl:block xl:col-span-8"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = '949c40b4-acd2-4151-862f-9d4230fccbd3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">3D-Planung</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'e2db0ef9-f152-4f41-9600-14394f5c798e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Raumgestaltung</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'a110c8c9-5b45-491f-8323-7609044be23a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Showroom</button> <button class="px-3 py-2 ml-2 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0" @click="tab = 'f5d83358-f9ee-49a2-877e-bf83ab4422c5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Sonderlösungen</button> </div> </div> <div id="949c40b4-acd2-4151-862f-9d4230fccbd3" x-show="tab === '949c40b4-acd2-4151-862f-9d4230fccbd3'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 81.953 89.565"> <path d="M24.092,25.388a1.689,1.689,0,0,1-.3,1c-.142.2-.306.392-.43.605a.318.318,0,0,0,.044.285,1.07,1.07,0,0,0,.332.257A29.075,29.075,0,0,1,28.9,31.287c2.079,1.779,4.079,3.644,6.07,5.518q9.507,8.947,18.8,18.119,3.575,3.512,6.855,7.3c2,2.315,4.069,4.557,6.155,6.789.751.8,1.454,1.653,2.186,2.476a9.214,9.214,0,0,0,.676.672.712.712,0,0,1,.21.773,4.444,4.444,0,0,1-.573,1.255c-.115.18-.243.35-.358.529a.359.359,0,0,0,.091.477c.193.156.4.3.589.458a4.316,4.316,0,0,1,.456.445,1.018,1.018,0,0,1,.239.689.833.833,0,0,1-1.023.8,1.979,1.979,0,0,1-.726-.428c-.354-.281-.5-.785-1-.912l-1.126.794a3.242,3.242,0,0,1-.947.476,1.615,1.615,0,0,1-1.513-.265,8.64,8.64,0,0,1-.784-.719q-3.589-3.5-6.839-7.314A126.546,126.546,0,0,0,47.635,60c-1.355-1.307-2.686-2.639-4.029-3.958-.2-.2-.41-.394-.62-.584a.313.313,0,0,0-.465.062,1.842,1.842,0,0,0-.134.165,12.954,12.954,0,0,1-2.481,2.625c-.788.664-1.59,1.309-2.39,1.957-.443.358-.466.446-.2.987q.072.144.147.284c1.491,2.788,2.874,5.632,4.228,8.488a66.777,66.777,0,0,0,5.625,9.78c.591.843,1.164,1.7,1.73,2.56.586.89,1.159,1.789,1.73,2.688.19.3.353.617.542.917a2.514,2.514,0,0,1,.345,1.633,1.441,1.441,0,0,1-.343.871,4.459,4.459,0,0,1-.369.385c-.579.512-.575.53-.108,1.22a6.708,6.708,0,0,1,.476.83,1.424,1.424,0,0,1,.126.511.64.64,0,0,1-.318.63.675.675,0,0,1-.71.018,1.513,1.513,0,0,1-.468-.42c-.246-.347-.454-.72-.68-1.081a.462.462,0,0,0-.627-.232c-.24.066-.475.148-.718.2a2,2,0,0,1-1.87-.526,6.587,6.587,0,0,1-.821-.976c-.762-1.07-1.505-2.154-2.256-3.232-.162-.233-.321-.469-.49-.7a.378.378,0,0,0-.549-.137c-.093.051-.177.121-.271.17a1.565,1.565,0,0,1-1.961-.228,6.273,6.273,0,0,1-.808-.846q-1.042-1.348-2.041-2.729a6.009,6.009,0,0,1-.569-1.022,3.134,3.134,0,0,1-.241-.811,1.782,1.782,0,0,1,.554-1.646c.18-.17.382-.318.551-.5a.331.331,0,0,0,.052-.29,4.965,4.965,0,0,0-.35-.655c-.964-1.575-1.942-3.142-2.9-4.723-1.6-2.647-3.039-5.381-4.393-8.16q-3.712-7.617-7.74-15.07-1.144-2.106-2.357-4.176c-1.345-2.3-2.6-4.647-3.8-7.028-.367-.728-.8-1.424-1.2-2.13a.386.386,0,0,0-.459-.18c-.1.026-.2.07-.3.1a1.751,1.751,0,0,1-.314.058,1.5,1.5,0,0,1-1.012-.257,5.871,5.871,0,0,1-.576-.473,39.415,39.415,0,0,1-3.772-3.906c-1.581-1.92-3.22-3.789-4.89-5.632-.286-.316-.564-.639-.836-.967a7.266,7.266,0,0,1-.448-.6,1.979,1.979,0,0,1-.093-2.213,7.878,7.878,0,0,1,.859-1.214c.459-.541.954-1.053,1.448-1.563.814-.839.737-.783.044-1.628C3.024,15.332,1.958,14,.891,12.672a7.325,7.325,0,0,1-.621-.864A1.766,1.766,0,0,1,.738,9.431a1.218,1.218,0,0,1,1.571.01,3.686,3.686,0,0,1,.58.619c1.2,1.631,2.559,3.138,3.853,4.695.068.082.134.165.2.245.2.227.373.244.652.057.236-.159.46-.334.7-.489.566-.367,1.131-.737,1.709-1.083a6.484,6.484,0,0,1,.955-.468,2.3,2.3,0,0,1,2.655.483c1.244,1.217,2.516,2.408,3.722,3.661,1.675,1.74,3.3,3.525,4.945,5.3.338.364.665.74.972,1.131a8.287,8.287,0,0,1,.589.884,1.91,1.91,0,0,1,.246.917M68.5,72.492c-.021-.065-.023-.147-.065-.191a2.977,2.977,0,0,0-.32-.279c-.829-.668-1.674-1.318-2.488-2.006a68.4,68.4,0,0,1-5.642-5.5c-2.285-2.435-4.6-4.839-7.012-7.15-1.718-1.647-3.454-3.275-5.173-4.92Q41.677,46.59,35.561,40.728c-2.544-2.425-5.073-4.869-7.7-7.208-1.83-1.63-3.737-3.174-5.452-4.929-.025-.025-.054-.047-.081-.069a.4.4,0,0,0-.574-.018c-.612.541-1.215,1.092-1.832,1.627s-1.245,1.058-1.873,1.58c-.874.725-1.754,1.445-2.63,2.168a1.8,1.8,0,0,0-.234.215.237.237,0,0,0-.056.29c.13.211.256.425.407.622a37.748,37.748,0,0,1,2.415,3.636c.8,1.341,1.615,2.676,2.415,4.019,1.109,1.86,2.241,3.709,3.309,5.593,2.12,3.739,4.085,7.562,6.022,11.4,1.745,3.457,3.547,6.882,5.584,10.179,1.251,2.024,2.49,4.056,3.758,6.069q3.635,5.77,7.3,11.522c.171.27.35.535.541.791a.639.639,0,0,0,.846.228c.067-.023.134-.046.2-.075a14.426,14.426,0,0,1,3.1-1.114.234.234,0,0,0,.13-.341c-.053-.092-.1-.187-.163-.273-.39-.551-.791-1.094-1.171-1.652-1.2-1.762-2.453-3.485-3.782-5.152a44.439,44.439,0,0,1-3.931-5.694q-1.633-2.87-3.184-5.788c-3.227-6.088-6.534-12.132-10-18.087C27.26,47.41,25.611,44.547,24.11,41.6c-1-1.962-1.959-3.944-2.794-5.984a9.3,9.3,0,0,1-.355-1,1.594,1.594,0,0,1-.015-.523.29.29,0,0,1,.4-.225,16.872,16.872,0,0,1,2.584,1.681c1.162.99,2.331,1.974,3.464,3,2.453,2.212,4.882,4.45,7.326,6.673,2.39,2.175,4.811,4.317,7.172,6.524,2.309,2.158,4.553,4.385,6.834,6.575,3.051,2.929,6,5.95,8.761,9.16,2.2,2.56,4.448,5.074,6.779,7.516.736.771.768.836,1.64.143a3.846,3.846,0,0,0,.325-.274q1.1-1.087,2.188-2.181a.579.579,0,0,0,.082-.191M24.834,38.2c-.075.019-.112.017-.132.035s-.052.065-.044.085a7.186,7.186,0,0,0,.294.676c2.179,4.065,4.4,8.106,6.7,12.1,1.381,2.4,2.715,4.822,4.075,7.233a5.715,5.715,0,0,0,.465.705.312.312,0,0,0,.283.045,1.176,1.176,0,0,0,.344-.242c.885-.819,1.777-1.631,2.645-2.469.663-.641,1.293-1.315,1.933-1.979a.345.345,0,0,0,.015-.481c-.243-.258-.487-.516-.745-.759q-4.261-4.013-8.529-8.019c-2.231-2.082-4.478-4.145-6.635-6.3-.223-.223-.462-.432-.674-.629M11.5,19.6a3.391,3.391,0,0,0-2.424.925,2.248,2.248,0,0,0-.723,1.5,3.691,3.691,0,0,0,.407,2.059,5.416,5.416,0,0,0,1.2,1.483,1.792,1.792,0,0,0,1.575.467,3.808,3.808,0,0,0,3.349-3.24,2.372,2.372,0,0,0-.909-2.36A3.837,3.837,0,0,0,11.5,19.6" transform="translate(0 -2.597)" fill="#fff"></path> <path d="M35.6,0a3.909,3.909,0,0,1,1.669.6,15.825,15.825,0,0,1,1.247,1C39.9,2.872,41.3,4.135,42.641,5.455c3.543,3.489,7.056,7.008,10.588,10.51q11.54,11.441,23.081,22.881c3.223,3.207,6.392,6.468,9.581,9.707.349.354.687.72,1.01,1.1a1.044,1.044,0,0,1,.183,1.278.6.6,0,0,0,.049.7c.142.2.282.41.419.617A13.6,13.6,0,0,1,89,55.081c.352.967.757,1.916,1.141,2.872.119.3.251.589.362.888a3.75,3.75,0,0,1,.18.612c.169.891-.382,1.409-1.228,1.127a11.253,11.253,0,0,1-1.469-.624c-.6-.3-1.192-.633-1.777-.968a34.259,34.259,0,0,0-3.417-1.741c-.261-.112-.521-.228-.775-.354A9.172,9.172,0,0,1,79.6,55.182C69.543,45.194,59.637,35.058,49.634,25.018c-2.407-2.415-4.809-4.837-7.234-7.233-1.136-1.123-2.315-2.2-3.494-3.283a12.146,12.146,0,0,1-1.931-2.12,8.185,8.185,0,0,0-.833-.967c-.994-1.064-2.009-2.108-2.99-3.185-.692-.76-1.34-1.563-2.007-2.347a1.286,1.286,0,0,1-.287-.9,4.655,4.655,0,0,1,1.168-3.229A5.95,5.95,0,0,1,35.052.069,5.011,5.011,0,0,1,35.6,0m.592.734a.347.347,0,0,0-.1.019,15.4,15.4,0,0,0-2.682,1.721A3.726,3.726,0,0,0,32.34,4.041c-.157.434-.321.865-.482,1.3-.146.392-.105.528.238.827.776.676,1.555,1.348,2.323,2.034.45.4.879.828,1.32,1.24.155.145.319.28.483.415a.235.235,0,0,0,.357-.073,4.03,4.03,0,0,0,.155-.4,6.046,6.046,0,0,1,2.812-3.478c.183-.11.359-.228.535-.348a.3.3,0,0,0,.045-.385c-.231-.269-.463-.537-.7-.8a33.757,33.757,0,0,1-2.9-3.4.614.614,0,0,0-.145-.153,1.026,1.026,0,0,0-.189-.084M87.436,55.263a.711.711,0,0,0-.013-.208c-.115-.3-.23-.594-.363-.883-.208-.449-.452-.883-.644-1.339-.682-1.614-.5-1.466-1.917-.54-.09.058-.175.12-.263.18a7.1,7.1,0,0,0-2.2,2.935.329.329,0,0,0,.153.362c.064.031.126.064.191.09l2.855,1.149a2.282,2.282,0,0,0,.3.108.325.325,0,0,0,.372-.135,4.077,4.077,0,0,1,1.361-1.461.578.578,0,0,0,.134-.16.446.446,0,0,0,.041-.1" transform="translate(-8.761 0)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="3d-planung" src="https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1024" height="683" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> 3D-Planung </h2> <div class="xl:max-w-sm"> <p>Moderne 3D-Planung macht es möglich, Ideen sofort als dreidimensionales Objekt zu begutachten: farbige Oberflächen, Ablagefächer, Positionierung von Schüben, Elektrogeräten oder Steckdosen. Von allen Seiten lassen sich zudem Möbelstücke, Küchen und Wohnzimmer anschauen.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: '3D-Planung' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: 3D-Planung </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = '949c40b4-acd2-4151-862f-9d4230fccbd3'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">3D-Planung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'e2db0ef9-f152-4f41-9600-14394f5c798e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Raumgestaltung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a110c8c9-5b45-491f-8323-7609044be23a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Showroom</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f5d83358-f9ee-49a2-877e-bf83ab4422c5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Sonderlösungen</button> </div> </div></div> <div id="e2db0ef9-f152-4f41-9600-14394f5c798e" x-show="tab === 'e2db0ef9-f152-4f41-9600-14394f5c798e'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 81.953 89.565"> <path d="M24.092,25.388a1.689,1.689,0,0,1-.3,1c-.142.2-.306.392-.43.605a.318.318,0,0,0,.044.285,1.07,1.07,0,0,0,.332.257A29.075,29.075,0,0,1,28.9,31.287c2.079,1.779,4.079,3.644,6.07,5.518q9.507,8.947,18.8,18.119,3.575,3.512,6.855,7.3c2,2.315,4.069,4.557,6.155,6.789.751.8,1.454,1.653,2.186,2.476a9.214,9.214,0,0,0,.676.672.712.712,0,0,1,.21.773,4.444,4.444,0,0,1-.573,1.255c-.115.18-.243.35-.358.529a.359.359,0,0,0,.091.477c.193.156.4.3.589.458a4.316,4.316,0,0,1,.456.445,1.018,1.018,0,0,1,.239.689.833.833,0,0,1-1.023.8,1.979,1.979,0,0,1-.726-.428c-.354-.281-.5-.785-1-.912l-1.126.794a3.242,3.242,0,0,1-.947.476,1.615,1.615,0,0,1-1.513-.265,8.64,8.64,0,0,1-.784-.719q-3.589-3.5-6.839-7.314A126.546,126.546,0,0,0,47.635,60c-1.355-1.307-2.686-2.639-4.029-3.958-.2-.2-.41-.394-.62-.584a.313.313,0,0,0-.465.062,1.842,1.842,0,0,0-.134.165,12.954,12.954,0,0,1-2.481,2.625c-.788.664-1.59,1.309-2.39,1.957-.443.358-.466.446-.2.987q.072.144.147.284c1.491,2.788,2.874,5.632,4.228,8.488a66.777,66.777,0,0,0,5.625,9.78c.591.843,1.164,1.7,1.73,2.56.586.89,1.159,1.789,1.73,2.688.19.3.353.617.542.917a2.514,2.514,0,0,1,.345,1.633,1.441,1.441,0,0,1-.343.871,4.459,4.459,0,0,1-.369.385c-.579.512-.575.53-.108,1.22a6.708,6.708,0,0,1,.476.83,1.424,1.424,0,0,1,.126.511.64.64,0,0,1-.318.63.675.675,0,0,1-.71.018,1.513,1.513,0,0,1-.468-.42c-.246-.347-.454-.72-.68-1.081a.462.462,0,0,0-.627-.232c-.24.066-.475.148-.718.2a2,2,0,0,1-1.87-.526,6.587,6.587,0,0,1-.821-.976c-.762-1.07-1.505-2.154-2.256-3.232-.162-.233-.321-.469-.49-.7a.378.378,0,0,0-.549-.137c-.093.051-.177.121-.271.17a1.565,1.565,0,0,1-1.961-.228,6.273,6.273,0,0,1-.808-.846q-1.042-1.348-2.041-2.729a6.009,6.009,0,0,1-.569-1.022,3.134,3.134,0,0,1-.241-.811,1.782,1.782,0,0,1,.554-1.646c.18-.17.382-.318.551-.5a.331.331,0,0,0,.052-.29,4.965,4.965,0,0,0-.35-.655c-.964-1.575-1.942-3.142-2.9-4.723-1.6-2.647-3.039-5.381-4.393-8.16q-3.712-7.617-7.74-15.07-1.144-2.106-2.357-4.176c-1.345-2.3-2.6-4.647-3.8-7.028-.367-.728-.8-1.424-1.2-2.13a.386.386,0,0,0-.459-.18c-.1.026-.2.07-.3.1a1.751,1.751,0,0,1-.314.058,1.5,1.5,0,0,1-1.012-.257,5.871,5.871,0,0,1-.576-.473,39.415,39.415,0,0,1-3.772-3.906c-1.581-1.92-3.22-3.789-4.89-5.632-.286-.316-.564-.639-.836-.967a7.266,7.266,0,0,1-.448-.6,1.979,1.979,0,0,1-.093-2.213,7.878,7.878,0,0,1,.859-1.214c.459-.541.954-1.053,1.448-1.563.814-.839.737-.783.044-1.628C3.024,15.332,1.958,14,.891,12.672a7.325,7.325,0,0,1-.621-.864A1.766,1.766,0,0,1,.738,9.431a1.218,1.218,0,0,1,1.571.01,3.686,3.686,0,0,1,.58.619c1.2,1.631,2.559,3.138,3.853,4.695.068.082.134.165.2.245.2.227.373.244.652.057.236-.159.46-.334.7-.489.566-.367,1.131-.737,1.709-1.083a6.484,6.484,0,0,1,.955-.468,2.3,2.3,0,0,1,2.655.483c1.244,1.217,2.516,2.408,3.722,3.661,1.675,1.74,3.3,3.525,4.945,5.3.338.364.665.74.972,1.131a8.287,8.287,0,0,1,.589.884,1.91,1.91,0,0,1,.246.917M68.5,72.492c-.021-.065-.023-.147-.065-.191a2.977,2.977,0,0,0-.32-.279c-.829-.668-1.674-1.318-2.488-2.006a68.4,68.4,0,0,1-5.642-5.5c-2.285-2.435-4.6-4.839-7.012-7.15-1.718-1.647-3.454-3.275-5.173-4.92Q41.677,46.59,35.561,40.728c-2.544-2.425-5.073-4.869-7.7-7.208-1.83-1.63-3.737-3.174-5.452-4.929-.025-.025-.054-.047-.081-.069a.4.4,0,0,0-.574-.018c-.612.541-1.215,1.092-1.832,1.627s-1.245,1.058-1.873,1.58c-.874.725-1.754,1.445-2.63,2.168a1.8,1.8,0,0,0-.234.215.237.237,0,0,0-.056.29c.13.211.256.425.407.622a37.748,37.748,0,0,1,2.415,3.636c.8,1.341,1.615,2.676,2.415,4.019,1.109,1.86,2.241,3.709,3.309,5.593,2.12,3.739,4.085,7.562,6.022,11.4,1.745,3.457,3.547,6.882,5.584,10.179,1.251,2.024,2.49,4.056,3.758,6.069q3.635,5.77,7.3,11.522c.171.27.35.535.541.791a.639.639,0,0,0,.846.228c.067-.023.134-.046.2-.075a14.426,14.426,0,0,1,3.1-1.114.234.234,0,0,0,.13-.341c-.053-.092-.1-.187-.163-.273-.39-.551-.791-1.094-1.171-1.652-1.2-1.762-2.453-3.485-3.782-5.152a44.439,44.439,0,0,1-3.931-5.694q-1.633-2.87-3.184-5.788c-3.227-6.088-6.534-12.132-10-18.087C27.26,47.41,25.611,44.547,24.11,41.6c-1-1.962-1.959-3.944-2.794-5.984a9.3,9.3,0,0,1-.355-1,1.594,1.594,0,0,1-.015-.523.29.29,0,0,1,.4-.225,16.872,16.872,0,0,1,2.584,1.681c1.162.99,2.331,1.974,3.464,3,2.453,2.212,4.882,4.45,7.326,6.673,2.39,2.175,4.811,4.317,7.172,6.524,2.309,2.158,4.553,4.385,6.834,6.575,3.051,2.929,6,5.95,8.761,9.16,2.2,2.56,4.448,5.074,6.779,7.516.736.771.768.836,1.64.143a3.846,3.846,0,0,0,.325-.274q1.1-1.087,2.188-2.181a.579.579,0,0,0,.082-.191M24.834,38.2c-.075.019-.112.017-.132.035s-.052.065-.044.085a7.186,7.186,0,0,0,.294.676c2.179,4.065,4.4,8.106,6.7,12.1,1.381,2.4,2.715,4.822,4.075,7.233a5.715,5.715,0,0,0,.465.705.312.312,0,0,0,.283.045,1.176,1.176,0,0,0,.344-.242c.885-.819,1.777-1.631,2.645-2.469.663-.641,1.293-1.315,1.933-1.979a.345.345,0,0,0,.015-.481c-.243-.258-.487-.516-.745-.759q-4.261-4.013-8.529-8.019c-2.231-2.082-4.478-4.145-6.635-6.3-.223-.223-.462-.432-.674-.629M11.5,19.6a3.391,3.391,0,0,0-2.424.925,2.248,2.248,0,0,0-.723,1.5,3.691,3.691,0,0,0,.407,2.059,5.416,5.416,0,0,0,1.2,1.483,1.792,1.792,0,0,0,1.575.467,3.808,3.808,0,0,0,3.349-3.24,2.372,2.372,0,0,0-.909-2.36A3.837,3.837,0,0,0,11.5,19.6" transform="translate(0 -2.597)" fill="#fff"></path> <path d="M35.6,0a3.909,3.909,0,0,1,1.669.6,15.825,15.825,0,0,1,1.247,1C39.9,2.872,41.3,4.135,42.641,5.455c3.543,3.489,7.056,7.008,10.588,10.51q11.54,11.441,23.081,22.881c3.223,3.207,6.392,6.468,9.581,9.707.349.354.687.72,1.01,1.1a1.044,1.044,0,0,1,.183,1.278.6.6,0,0,0,.049.7c.142.2.282.41.419.617A13.6,13.6,0,0,1,89,55.081c.352.967.757,1.916,1.141,2.872.119.3.251.589.362.888a3.75,3.75,0,0,1,.18.612c.169.891-.382,1.409-1.228,1.127a11.253,11.253,0,0,1-1.469-.624c-.6-.3-1.192-.633-1.777-.968a34.259,34.259,0,0,0-3.417-1.741c-.261-.112-.521-.228-.775-.354A9.172,9.172,0,0,1,79.6,55.182C69.543,45.194,59.637,35.058,49.634,25.018c-2.407-2.415-4.809-4.837-7.234-7.233-1.136-1.123-2.315-2.2-3.494-3.283a12.146,12.146,0,0,1-1.931-2.12,8.185,8.185,0,0,0-.833-.967c-.994-1.064-2.009-2.108-2.99-3.185-.692-.76-1.34-1.563-2.007-2.347a1.286,1.286,0,0,1-.287-.9,4.655,4.655,0,0,1,1.168-3.229A5.95,5.95,0,0,1,35.052.069,5.011,5.011,0,0,1,35.6,0m.592.734a.347.347,0,0,0-.1.019,15.4,15.4,0,0,0-2.682,1.721A3.726,3.726,0,0,0,32.34,4.041c-.157.434-.321.865-.482,1.3-.146.392-.105.528.238.827.776.676,1.555,1.348,2.323,2.034.45.4.879.828,1.32,1.24.155.145.319.28.483.415a.235.235,0,0,0,.357-.073,4.03,4.03,0,0,0,.155-.4,6.046,6.046,0,0,1,2.812-3.478c.183-.11.359-.228.535-.348a.3.3,0,0,0,.045-.385c-.231-.269-.463-.537-.7-.8a33.757,33.757,0,0,1-2.9-3.4.614.614,0,0,0-.145-.153,1.026,1.026,0,0,0-.189-.084M87.436,55.263a.711.711,0,0,0-.013-.208c-.115-.3-.23-.594-.363-.883-.208-.449-.452-.883-.644-1.339-.682-1.614-.5-1.466-1.917-.54-.09.058-.175.12-.263.18a7.1,7.1,0,0,0-2.2,2.935.329.329,0,0,0,.153.362c.064.031.126.064.191.09l2.855,1.149a2.282,2.282,0,0,0,.3.108.325.325,0,0,0,.372-.135,4.077,4.077,0,0,1,1.361-1.461.578.578,0,0,0,.134-.16.446.446,0,0,0,.041-.1" transform="translate(-8.761 0)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1024" height="683" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Raumgestaltung </h2> <div class="xl:max-w-sm"> <p>Jeder Raum hat seine Besonderheiten: Mit unseren Ideen bringen wir den individuellen Stil immer bestens zur Geltung – gemeinsam analysieren und diskutieren wir Möglichkeiten. Am Ende des Prozesses steht die Realisierung einer einzigartigen Raumgestaltung.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Raumgestaltung' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Raumgestaltung </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '949c40b4-acd2-4151-862f-9d4230fccbd3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">3D-Planung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'e2db0ef9-f152-4f41-9600-14394f5c798e'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Raumgestaltung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a110c8c9-5b45-491f-8323-7609044be23a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Showroom</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f5d83358-f9ee-49a2-877e-bf83ab4422c5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Sonderlösungen</button> </div> </div></div> <div id="a110c8c9-5b45-491f-8323-7609044be23a" x-show="tab === 'a110c8c9-5b45-491f-8323-7609044be23a'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 81.953 89.565"> <path d="M24.092,25.388a1.689,1.689,0,0,1-.3,1c-.142.2-.306.392-.43.605a.318.318,0,0,0,.044.285,1.07,1.07,0,0,0,.332.257A29.075,29.075,0,0,1,28.9,31.287c2.079,1.779,4.079,3.644,6.07,5.518q9.507,8.947,18.8,18.119,3.575,3.512,6.855,7.3c2,2.315,4.069,4.557,6.155,6.789.751.8,1.454,1.653,2.186,2.476a9.214,9.214,0,0,0,.676.672.712.712,0,0,1,.21.773,4.444,4.444,0,0,1-.573,1.255c-.115.18-.243.35-.358.529a.359.359,0,0,0,.091.477c.193.156.4.3.589.458a4.316,4.316,0,0,1,.456.445,1.018,1.018,0,0,1,.239.689.833.833,0,0,1-1.023.8,1.979,1.979,0,0,1-.726-.428c-.354-.281-.5-.785-1-.912l-1.126.794a3.242,3.242,0,0,1-.947.476,1.615,1.615,0,0,1-1.513-.265,8.64,8.64,0,0,1-.784-.719q-3.589-3.5-6.839-7.314A126.546,126.546,0,0,0,47.635,60c-1.355-1.307-2.686-2.639-4.029-3.958-.2-.2-.41-.394-.62-.584a.313.313,0,0,0-.465.062,1.842,1.842,0,0,0-.134.165,12.954,12.954,0,0,1-2.481,2.625c-.788.664-1.59,1.309-2.39,1.957-.443.358-.466.446-.2.987q.072.144.147.284c1.491,2.788,2.874,5.632,4.228,8.488a66.777,66.777,0,0,0,5.625,9.78c.591.843,1.164,1.7,1.73,2.56.586.89,1.159,1.789,1.73,2.688.19.3.353.617.542.917a2.514,2.514,0,0,1,.345,1.633,1.441,1.441,0,0,1-.343.871,4.459,4.459,0,0,1-.369.385c-.579.512-.575.53-.108,1.22a6.708,6.708,0,0,1,.476.83,1.424,1.424,0,0,1,.126.511.64.64,0,0,1-.318.63.675.675,0,0,1-.71.018,1.513,1.513,0,0,1-.468-.42c-.246-.347-.454-.72-.68-1.081a.462.462,0,0,0-.627-.232c-.24.066-.475.148-.718.2a2,2,0,0,1-1.87-.526,6.587,6.587,0,0,1-.821-.976c-.762-1.07-1.505-2.154-2.256-3.232-.162-.233-.321-.469-.49-.7a.378.378,0,0,0-.549-.137c-.093.051-.177.121-.271.17a1.565,1.565,0,0,1-1.961-.228,6.273,6.273,0,0,1-.808-.846q-1.042-1.348-2.041-2.729a6.009,6.009,0,0,1-.569-1.022,3.134,3.134,0,0,1-.241-.811,1.782,1.782,0,0,1,.554-1.646c.18-.17.382-.318.551-.5a.331.331,0,0,0,.052-.29,4.965,4.965,0,0,0-.35-.655c-.964-1.575-1.942-3.142-2.9-4.723-1.6-2.647-3.039-5.381-4.393-8.16q-3.712-7.617-7.74-15.07-1.144-2.106-2.357-4.176c-1.345-2.3-2.6-4.647-3.8-7.028-.367-.728-.8-1.424-1.2-2.13a.386.386,0,0,0-.459-.18c-.1.026-.2.07-.3.1a1.751,1.751,0,0,1-.314.058,1.5,1.5,0,0,1-1.012-.257,5.871,5.871,0,0,1-.576-.473,39.415,39.415,0,0,1-3.772-3.906c-1.581-1.92-3.22-3.789-4.89-5.632-.286-.316-.564-.639-.836-.967a7.266,7.266,0,0,1-.448-.6,1.979,1.979,0,0,1-.093-2.213,7.878,7.878,0,0,1,.859-1.214c.459-.541.954-1.053,1.448-1.563.814-.839.737-.783.044-1.628C3.024,15.332,1.958,14,.891,12.672a7.325,7.325,0,0,1-.621-.864A1.766,1.766,0,0,1,.738,9.431a1.218,1.218,0,0,1,1.571.01,3.686,3.686,0,0,1,.58.619c1.2,1.631,2.559,3.138,3.853,4.695.068.082.134.165.2.245.2.227.373.244.652.057.236-.159.46-.334.7-.489.566-.367,1.131-.737,1.709-1.083a6.484,6.484,0,0,1,.955-.468,2.3,2.3,0,0,1,2.655.483c1.244,1.217,2.516,2.408,3.722,3.661,1.675,1.74,3.3,3.525,4.945,5.3.338.364.665.74.972,1.131a8.287,8.287,0,0,1,.589.884,1.91,1.91,0,0,1,.246.917M68.5,72.492c-.021-.065-.023-.147-.065-.191a2.977,2.977,0,0,0-.32-.279c-.829-.668-1.674-1.318-2.488-2.006a68.4,68.4,0,0,1-5.642-5.5c-2.285-2.435-4.6-4.839-7.012-7.15-1.718-1.647-3.454-3.275-5.173-4.92Q41.677,46.59,35.561,40.728c-2.544-2.425-5.073-4.869-7.7-7.208-1.83-1.63-3.737-3.174-5.452-4.929-.025-.025-.054-.047-.081-.069a.4.4,0,0,0-.574-.018c-.612.541-1.215,1.092-1.832,1.627s-1.245,1.058-1.873,1.58c-.874.725-1.754,1.445-2.63,2.168a1.8,1.8,0,0,0-.234.215.237.237,0,0,0-.056.29c.13.211.256.425.407.622a37.748,37.748,0,0,1,2.415,3.636c.8,1.341,1.615,2.676,2.415,4.019,1.109,1.86,2.241,3.709,3.309,5.593,2.12,3.739,4.085,7.562,6.022,11.4,1.745,3.457,3.547,6.882,5.584,10.179,1.251,2.024,2.49,4.056,3.758,6.069q3.635,5.77,7.3,11.522c.171.27.35.535.541.791a.639.639,0,0,0,.846.228c.067-.023.134-.046.2-.075a14.426,14.426,0,0,1,3.1-1.114.234.234,0,0,0,.13-.341c-.053-.092-.1-.187-.163-.273-.39-.551-.791-1.094-1.171-1.652-1.2-1.762-2.453-3.485-3.782-5.152a44.439,44.439,0,0,1-3.931-5.694q-1.633-2.87-3.184-5.788c-3.227-6.088-6.534-12.132-10-18.087C27.26,47.41,25.611,44.547,24.11,41.6c-1-1.962-1.959-3.944-2.794-5.984a9.3,9.3,0,0,1-.355-1,1.594,1.594,0,0,1-.015-.523.29.29,0,0,1,.4-.225,16.872,16.872,0,0,1,2.584,1.681c1.162.99,2.331,1.974,3.464,3,2.453,2.212,4.882,4.45,7.326,6.673,2.39,2.175,4.811,4.317,7.172,6.524,2.309,2.158,4.553,4.385,6.834,6.575,3.051,2.929,6,5.95,8.761,9.16,2.2,2.56,4.448,5.074,6.779,7.516.736.771.768.836,1.64.143a3.846,3.846,0,0,0,.325-.274q1.1-1.087,2.188-2.181a.579.579,0,0,0,.082-.191M24.834,38.2c-.075.019-.112.017-.132.035s-.052.065-.044.085a7.186,7.186,0,0,0,.294.676c2.179,4.065,4.4,8.106,6.7,12.1,1.381,2.4,2.715,4.822,4.075,7.233a5.715,5.715,0,0,0,.465.705.312.312,0,0,0,.283.045,1.176,1.176,0,0,0,.344-.242c.885-.819,1.777-1.631,2.645-2.469.663-.641,1.293-1.315,1.933-1.979a.345.345,0,0,0,.015-.481c-.243-.258-.487-.516-.745-.759q-4.261-4.013-8.529-8.019c-2.231-2.082-4.478-4.145-6.635-6.3-.223-.223-.462-.432-.674-.629M11.5,19.6a3.391,3.391,0,0,0-2.424.925,2.248,2.248,0,0,0-.723,1.5,3.691,3.691,0,0,0,.407,2.059,5.416,5.416,0,0,0,1.2,1.483,1.792,1.792,0,0,0,1.575.467,3.808,3.808,0,0,0,3.349-3.24,2.372,2.372,0,0,0-.909-2.36A3.837,3.837,0,0,0,11.5,19.6" transform="translate(0 -2.597)" fill="#fff"></path> <path d="M35.6,0a3.909,3.909,0,0,1,1.669.6,15.825,15.825,0,0,1,1.247,1C39.9,2.872,41.3,4.135,42.641,5.455c3.543,3.489,7.056,7.008,10.588,10.51q11.54,11.441,23.081,22.881c3.223,3.207,6.392,6.468,9.581,9.707.349.354.687.72,1.01,1.1a1.044,1.044,0,0,1,.183,1.278.6.6,0,0,0,.049.7c.142.2.282.41.419.617A13.6,13.6,0,0,1,89,55.081c.352.967.757,1.916,1.141,2.872.119.3.251.589.362.888a3.75,3.75,0,0,1,.18.612c.169.891-.382,1.409-1.228,1.127a11.253,11.253,0,0,1-1.469-.624c-.6-.3-1.192-.633-1.777-.968a34.259,34.259,0,0,0-3.417-1.741c-.261-.112-.521-.228-.775-.354A9.172,9.172,0,0,1,79.6,55.182C69.543,45.194,59.637,35.058,49.634,25.018c-2.407-2.415-4.809-4.837-7.234-7.233-1.136-1.123-2.315-2.2-3.494-3.283a12.146,12.146,0,0,1-1.931-2.12,8.185,8.185,0,0,0-.833-.967c-.994-1.064-2.009-2.108-2.99-3.185-.692-.76-1.34-1.563-2.007-2.347a1.286,1.286,0,0,1-.287-.9,4.655,4.655,0,0,1,1.168-3.229A5.95,5.95,0,0,1,35.052.069,5.011,5.011,0,0,1,35.6,0m.592.734a.347.347,0,0,0-.1.019,15.4,15.4,0,0,0-2.682,1.721A3.726,3.726,0,0,0,32.34,4.041c-.157.434-.321.865-.482,1.3-.146.392-.105.528.238.827.776.676,1.555,1.348,2.323,2.034.45.4.879.828,1.32,1.24.155.145.319.28.483.415a.235.235,0,0,0,.357-.073,4.03,4.03,0,0,0,.155-.4,6.046,6.046,0,0,1,2.812-3.478c.183-.11.359-.228.535-.348a.3.3,0,0,0,.045-.385c-.231-.269-.463-.537-.7-.8a33.757,33.757,0,0,1-2.9-3.4.614.614,0,0,0-.145-.153,1.026,1.026,0,0,0-.189-.084M87.436,55.263a.711.711,0,0,0-.013-.208c-.115-.3-.23-.594-.363-.883-.208-.449-.452-.883-.644-1.339-.682-1.614-.5-1.466-1.917-.54-.09.058-.175.12-.263.18a7.1,7.1,0,0,0-2.2,2.935.329.329,0,0,0,.153.362c.064.031.126.064.191.09l2.855,1.149a2.282,2.282,0,0,0,.3.108.325.325,0,0,0,.372-.135,4.077,4.077,0,0,1,1.361-1.461.578.578,0,0,0,.134-.16.446.446,0,0,0,.041-.1" transform="translate(-8.761 0)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1024" height="683" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Showroom </h2> <div class="xl:max-w-sm"> <p>Herzlich willkommen in unserem Showroom: Entdecken Sie unzählige Muster auf Materialien, dazu strukturierte, lackierte und lasierte Oberflächen – nähern Sie sich Schritt für Schritt Ihrem Traummöbelstück. Außerdem präsentieren wir Fenster, Türen und Böden.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Showroom' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Showroom </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '949c40b4-acd2-4151-862f-9d4230fccbd3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">3D-Planung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'e2db0ef9-f152-4f41-9600-14394f5c798e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Raumgestaltung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'a110c8c9-5b45-491f-8323-7609044be23a'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Showroom</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'f5d83358-f9ee-49a2-877e-bf83ab4422c5'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Sonderlösungen</button> </div> </div></div> <div id="f5d83358-f9ee-49a2-877e-bf83ab4422c5" x-show="tab === 'f5d83358-f9ee-49a2-877e-bf83ab4422c5'" class="block block-type-serviceDetail" style="display: none;"> <div class="grid gap-4 xl:grid-cols-12"> <div class="w-24 mx-auto mt-12 xl:ml-12 xl:col-span-10"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 81.953 89.565"> <path d="M24.092,25.388a1.689,1.689,0,0,1-.3,1c-.142.2-.306.392-.43.605a.318.318,0,0,0,.044.285,1.07,1.07,0,0,0,.332.257A29.075,29.075,0,0,1,28.9,31.287c2.079,1.779,4.079,3.644,6.07,5.518q9.507,8.947,18.8,18.119,3.575,3.512,6.855,7.3c2,2.315,4.069,4.557,6.155,6.789.751.8,1.454,1.653,2.186,2.476a9.214,9.214,0,0,0,.676.672.712.712,0,0,1,.21.773,4.444,4.444,0,0,1-.573,1.255c-.115.18-.243.35-.358.529a.359.359,0,0,0,.091.477c.193.156.4.3.589.458a4.316,4.316,0,0,1,.456.445,1.018,1.018,0,0,1,.239.689.833.833,0,0,1-1.023.8,1.979,1.979,0,0,1-.726-.428c-.354-.281-.5-.785-1-.912l-1.126.794a3.242,3.242,0,0,1-.947.476,1.615,1.615,0,0,1-1.513-.265,8.64,8.64,0,0,1-.784-.719q-3.589-3.5-6.839-7.314A126.546,126.546,0,0,0,47.635,60c-1.355-1.307-2.686-2.639-4.029-3.958-.2-.2-.41-.394-.62-.584a.313.313,0,0,0-.465.062,1.842,1.842,0,0,0-.134.165,12.954,12.954,0,0,1-2.481,2.625c-.788.664-1.59,1.309-2.39,1.957-.443.358-.466.446-.2.987q.072.144.147.284c1.491,2.788,2.874,5.632,4.228,8.488a66.777,66.777,0,0,0,5.625,9.78c.591.843,1.164,1.7,1.73,2.56.586.89,1.159,1.789,1.73,2.688.19.3.353.617.542.917a2.514,2.514,0,0,1,.345,1.633,1.441,1.441,0,0,1-.343.871,4.459,4.459,0,0,1-.369.385c-.579.512-.575.53-.108,1.22a6.708,6.708,0,0,1,.476.83,1.424,1.424,0,0,1,.126.511.64.64,0,0,1-.318.63.675.675,0,0,1-.71.018,1.513,1.513,0,0,1-.468-.42c-.246-.347-.454-.72-.68-1.081a.462.462,0,0,0-.627-.232c-.24.066-.475.148-.718.2a2,2,0,0,1-1.87-.526,6.587,6.587,0,0,1-.821-.976c-.762-1.07-1.505-2.154-2.256-3.232-.162-.233-.321-.469-.49-.7a.378.378,0,0,0-.549-.137c-.093.051-.177.121-.271.17a1.565,1.565,0,0,1-1.961-.228,6.273,6.273,0,0,1-.808-.846q-1.042-1.348-2.041-2.729a6.009,6.009,0,0,1-.569-1.022,3.134,3.134,0,0,1-.241-.811,1.782,1.782,0,0,1,.554-1.646c.18-.17.382-.318.551-.5a.331.331,0,0,0,.052-.29,4.965,4.965,0,0,0-.35-.655c-.964-1.575-1.942-3.142-2.9-4.723-1.6-2.647-3.039-5.381-4.393-8.16q-3.712-7.617-7.74-15.07-1.144-2.106-2.357-4.176c-1.345-2.3-2.6-4.647-3.8-7.028-.367-.728-.8-1.424-1.2-2.13a.386.386,0,0,0-.459-.18c-.1.026-.2.07-.3.1a1.751,1.751,0,0,1-.314.058,1.5,1.5,0,0,1-1.012-.257,5.871,5.871,0,0,1-.576-.473,39.415,39.415,0,0,1-3.772-3.906c-1.581-1.92-3.22-3.789-4.89-5.632-.286-.316-.564-.639-.836-.967a7.266,7.266,0,0,1-.448-.6,1.979,1.979,0,0,1-.093-2.213,7.878,7.878,0,0,1,.859-1.214c.459-.541.954-1.053,1.448-1.563.814-.839.737-.783.044-1.628C3.024,15.332,1.958,14,.891,12.672a7.325,7.325,0,0,1-.621-.864A1.766,1.766,0,0,1,.738,9.431a1.218,1.218,0,0,1,1.571.01,3.686,3.686,0,0,1,.58.619c1.2,1.631,2.559,3.138,3.853,4.695.068.082.134.165.2.245.2.227.373.244.652.057.236-.159.46-.334.7-.489.566-.367,1.131-.737,1.709-1.083a6.484,6.484,0,0,1,.955-.468,2.3,2.3,0,0,1,2.655.483c1.244,1.217,2.516,2.408,3.722,3.661,1.675,1.74,3.3,3.525,4.945,5.3.338.364.665.74.972,1.131a8.287,8.287,0,0,1,.589.884,1.91,1.91,0,0,1,.246.917M68.5,72.492c-.021-.065-.023-.147-.065-.191a2.977,2.977,0,0,0-.32-.279c-.829-.668-1.674-1.318-2.488-2.006a68.4,68.4,0,0,1-5.642-5.5c-2.285-2.435-4.6-4.839-7.012-7.15-1.718-1.647-3.454-3.275-5.173-4.92Q41.677,46.59,35.561,40.728c-2.544-2.425-5.073-4.869-7.7-7.208-1.83-1.63-3.737-3.174-5.452-4.929-.025-.025-.054-.047-.081-.069a.4.4,0,0,0-.574-.018c-.612.541-1.215,1.092-1.832,1.627s-1.245,1.058-1.873,1.58c-.874.725-1.754,1.445-2.63,2.168a1.8,1.8,0,0,0-.234.215.237.237,0,0,0-.056.29c.13.211.256.425.407.622a37.748,37.748,0,0,1,2.415,3.636c.8,1.341,1.615,2.676,2.415,4.019,1.109,1.86,2.241,3.709,3.309,5.593,2.12,3.739,4.085,7.562,6.022,11.4,1.745,3.457,3.547,6.882,5.584,10.179,1.251,2.024,2.49,4.056,3.758,6.069q3.635,5.77,7.3,11.522c.171.27.35.535.541.791a.639.639,0,0,0,.846.228c.067-.023.134-.046.2-.075a14.426,14.426,0,0,1,3.1-1.114.234.234,0,0,0,.13-.341c-.053-.092-.1-.187-.163-.273-.39-.551-.791-1.094-1.171-1.652-1.2-1.762-2.453-3.485-3.782-5.152a44.439,44.439,0,0,1-3.931-5.694q-1.633-2.87-3.184-5.788c-3.227-6.088-6.534-12.132-10-18.087C27.26,47.41,25.611,44.547,24.11,41.6c-1-1.962-1.959-3.944-2.794-5.984a9.3,9.3,0,0,1-.355-1,1.594,1.594,0,0,1-.015-.523.29.29,0,0,1,.4-.225,16.872,16.872,0,0,1,2.584,1.681c1.162.99,2.331,1.974,3.464,3,2.453,2.212,4.882,4.45,7.326,6.673,2.39,2.175,4.811,4.317,7.172,6.524,2.309,2.158,4.553,4.385,6.834,6.575,3.051,2.929,6,5.95,8.761,9.16,2.2,2.56,4.448,5.074,6.779,7.516.736.771.768.836,1.64.143a3.846,3.846,0,0,0,.325-.274q1.1-1.087,2.188-2.181a.579.579,0,0,0,.082-.191M24.834,38.2c-.075.019-.112.017-.132.035s-.052.065-.044.085a7.186,7.186,0,0,0,.294.676c2.179,4.065,4.4,8.106,6.7,12.1,1.381,2.4,2.715,4.822,4.075,7.233a5.715,5.715,0,0,0,.465.705.312.312,0,0,0,.283.045,1.176,1.176,0,0,0,.344-.242c.885-.819,1.777-1.631,2.645-2.469.663-.641,1.293-1.315,1.933-1.979a.345.345,0,0,0,.015-.481c-.243-.258-.487-.516-.745-.759q-4.261-4.013-8.529-8.019c-2.231-2.082-4.478-4.145-6.635-6.3-.223-.223-.462-.432-.674-.629M11.5,19.6a3.391,3.391,0,0,0-2.424.925,2.248,2.248,0,0,0-.723,1.5,3.691,3.691,0,0,0,.407,2.059,5.416,5.416,0,0,0,1.2,1.483,1.792,1.792,0,0,0,1.575.467,3.808,3.808,0,0,0,3.349-3.24,2.372,2.372,0,0,0-.909-2.36A3.837,3.837,0,0,0,11.5,19.6" transform="translate(0 -2.597)" fill="#fff"></path> <path d="M35.6,0a3.909,3.909,0,0,1,1.669.6,15.825,15.825,0,0,1,1.247,1C39.9,2.872,41.3,4.135,42.641,5.455c3.543,3.489,7.056,7.008,10.588,10.51q11.54,11.441,23.081,22.881c3.223,3.207,6.392,6.468,9.581,9.707.349.354.687.72,1.01,1.1a1.044,1.044,0,0,1,.183,1.278.6.6,0,0,0,.049.7c.142.2.282.41.419.617A13.6,13.6,0,0,1,89,55.081c.352.967.757,1.916,1.141,2.872.119.3.251.589.362.888a3.75,3.75,0,0,1,.18.612c.169.891-.382,1.409-1.228,1.127a11.253,11.253,0,0,1-1.469-.624c-.6-.3-1.192-.633-1.777-.968a34.259,34.259,0,0,0-3.417-1.741c-.261-.112-.521-.228-.775-.354A9.172,9.172,0,0,1,79.6,55.182C69.543,45.194,59.637,35.058,49.634,25.018c-2.407-2.415-4.809-4.837-7.234-7.233-1.136-1.123-2.315-2.2-3.494-3.283a12.146,12.146,0,0,1-1.931-2.12,8.185,8.185,0,0,0-.833-.967c-.994-1.064-2.009-2.108-2.99-3.185-.692-.76-1.34-1.563-2.007-2.347a1.286,1.286,0,0,1-.287-.9,4.655,4.655,0,0,1,1.168-3.229A5.95,5.95,0,0,1,35.052.069,5.011,5.011,0,0,1,35.6,0m.592.734a.347.347,0,0,0-.1.019,15.4,15.4,0,0,0-2.682,1.721A3.726,3.726,0,0,0,32.34,4.041c-.157.434-.321.865-.482,1.3-.146.392-.105.528.238.827.776.676,1.555,1.348,2.323,2.034.45.4.879.828,1.32,1.24.155.145.319.28.483.415a.235.235,0,0,0,.357-.073,4.03,4.03,0,0,0,.155-.4,6.046,6.046,0,0,1,2.812-3.478c.183-.11.359-.228.535-.348a.3.3,0,0,0,.045-.385c-.231-.269-.463-.537-.7-.8a33.757,33.757,0,0,1-2.9-3.4.614.614,0,0,0-.145-.153,1.026,1.026,0,0,0-.189-.084M87.436,55.263a.711.711,0,0,0-.013-.208c-.115-.3-.23-.594-.363-.883-.208-.449-.452-.883-.644-1.339-.682-1.614-.5-1.466-1.917-.54-.09.058-.175.12-.263.18a7.1,7.1,0,0,0-2.2,2.935.329.329,0,0,0,.153.362c.064.031.126.064.191.09l2.855,1.149a2.282,2.282,0,0,0,.3.108.325.325,0,0,0,.372-.135,4.077,4.077,0,0,1,1.361-1.461.578.578,0,0,0,.134-.16.446.446,0,0,0,.041-.1" transform="translate(-8.761 0)" fill="#fff"></path> </svg> </div> <div class="order-last flex flex-wrap xl:order-none xl:w-32 xl:ml-auto xl:col-span-2 row-span-2"> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'c64a0aa9-3fd5-48d6-bc0d-ea828eba7925' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 102 50"> <path d="M49.035.443C51.806.435,54.577.419,57.348.422c1.942,0,3.884.033,5.826.047.6,0,1.191.009,1.787,0,2.3-.052,4.609-.1,6.913-.037,1.475.038,2.95.109,4.425.162,2.511.089,5.023.072,7.535.018.673-.014,1.346-.034,2.02-.039a15.128,15.128,0,0,0,2.319-.2A8.825,8.825,0,0,1,90.03.26c.568.029,1.136.07,1.7.114a1.626,1.626,0,0,1,1.5,1.265,6.807,6.807,0,0,1,.279,1.6A8.634,8.634,0,0,1,93.463,5.1,22.446,22.446,0,0,0,93.2,8.43a6.846,6.846,0,0,1-.086,1,1.562,1.562,0,0,1-.8,1.178,5.34,5.34,0,0,1-.923.4,9.357,9.357,0,0,1-2.137.377c-.181.017-.362.021-.542.04-.339.035-.436.149-.433.512a4.376,4.376,0,0,0,.03.543,22.457,22.457,0,0,1,.069,3.956c-.081,1.862-.183,3.724-.272,5.587a12.056,12.056,0,0,0,.047,1.862c.1.9.185,1.8.28,2.7a.521.521,0,0,0,.05.224c.037.056.125.126.18.118a23.06,23.06,0,0,1,2.325-.111,4.414,4.414,0,0,0,.461-.054.327.327,0,0,0,.278-.325c.009-.129.015-.258.015-.387,0-.285,0-.57,0-.854,0-1.3-.032-2.59,0-3.884.022-.93.117-1.859.194-2.788.069-.825.153-1.649.241-2.473a9.57,9.57,0,0,1,.147-1A1.646,1.646,0,0,1,93.648,13.7,8.83,8.83,0,0,1,94.8,13.57a3.241,3.241,0,0,1,.465.024c.931.056,1.862.079,2.8.045.491-.018.984-.019,1.476-.013a3.139,3.139,0,0,1,1.345.34,1.419,1.419,0,0,1,.861,1.284c.021.465.057.93.078,1.4a2.97,2.97,0,0,1-.1,1,1.983,1.983,0,0,1-1.456,1.474c-.425.108-.862.172-1.294.254-.152.029-.31.035-.458.078a.365.365,0,0,0-.287.329,4.578,4.578,0,0,0-.01.542c.026.6.054,1.19.091,1.785.065,1.035.063,2.07.043,3.106-.015.8-.021,1.607.031,2.407.14,2.148.128,4.3.082,6.445-.011.518-.046,1.035-.078,1.552a5.656,5.656,0,0,1-.577,2.082,2.022,2.022,0,0,1-1.669,1.232c-.643.076-1.288.15-1.933.167-1.5.038-3,.067-4.505.051-1.657-.019-3.313-.092-4.969-.143-.1,0-.207-.015-.31-.018-1.657-.045-3.313-.121-4.97-.128-3.185-.015-6.37-.042-9.555-.113-.906-.02-1.813,0-2.719-.02q-5.2-.093-10.408-.2c-1.036-.019-2.072-.025-3.107-.045-1.32-.026-2.64-.061-3.961-.09-.336-.007-.673-.018-1.009-.016q-3.457.022-6.914.047c-2.382.014-4.765.019-7.147.035-2.123.014-4.247.027-6.37.061-1.943.03-3.88.157-5.814.357a37.616,37.616,0,0,1-5.274.2c-2.3-.085-4.607-.11-6.912-.027-1.112.04-2.227.009-3.34-.006-.439-.006-.879-.044-1.317-.09a4.387,4.387,0,0,1-.76-.149,2.078,2.078,0,0,1-1.541-1.68,4.31,4.31,0,0,1-.075-.849c-.006-.544.013-1.088.017-1.631.007-.828.017-1.657.014-2.486q-.016-3.728-.044-7.458c0-.362.006-.726-.025-1.087a30.263,30.263,0,0,1-.068-3.183c0-.181.007-.362,0-.543C3.115,19.43,3,19.33,2.57,19.4c-.127.021-.252.066-.381.077-.232.019-.465.027-.7.027a1.368,1.368,0,0,1-.668-.184.85.85,0,0,1-.476-.586,12.957,12.957,0,0,1-.332-3.079A1.233,1.233,0,0,1,.89,14.572a1.462,1.462,0,0,1,.377-.086c.49-.048.979-.1,1.47-.126.75-.044,1.5-.068,2.25-.11.361-.02.721-.071,1.082-.09.491-.026.982-.046,1.474-.049a2.4,2.4,0,0,1,1.115.3.907.907,0,0,1,.513.728,35.582,35.582,0,0,1,.376,6.348c-.044.931-.113,1.86-.176,2.79-.049.723-.116,1.445-.157,2.169-.028.5.016.8.72.878a10.353,10.353,0,0,0,1.239.075c.517,0,1.034-.05,1.551-.082.258-.016.362-.109.4-.38a5.563,5.563,0,0,0,.076-.771c.005-.518.013-1.038-.025-1.553-.1-1.4-.111-2.8-.076-4.193.049-1.917.023-3.831-.089-5.746-.045-.774,0-1.553,0-2.329a3.442,3.442,0,0,1,.185-.989.187.187,0,0,0-.161-.217c-.155,0-.31,0-.465,0-.751,0-1.5.021-2.252.009a5.643,5.643,0,0,1-.923-.113,1.137,1.137,0,0,1-.861-.712,2.1,2.1,0,0,1-.161-.517,11.275,11.275,0,0,1-.142-1.232c-.026-.646-.008-1.294-.019-1.942-.009-.6-.009-1.192-.052-1.786a11.3,11.3,0,0,1,.081-2.093,3.564,3.564,0,0,1,.234-.9A2.4,2.4,0,0,1,10.365.29,7.9,7.9,0,0,1,11.521.163C12.582.126,13.644.1,14.705.09,18.072.075,21.439.077,24.8.065c1.657-.006,3.315-.03,4.972-.047q5.672-.06,11.342.08c2.2.052,4.4.186,6.6.28.439.019.88.027,1.32.04V.443m3.911,18.962a35.262,35.262,0,0,0,0,4.034c.031.413.041.827.064,1.24q.067,1.2.138,2.4c0,.077.016.155.028.231a.407.407,0,0,0,.4.391,3.567,3.567,0,0,0,.388.014c1.681-.053,3.363-.086,5.043-.169a54.511,54.511,0,0,1,5.663-.081,2.5,2.5,0,0,0,.385-.017.334.334,0,0,0,.259-.257,3.67,3.67,0,0,0-.012-.541,32.841,32.841,0,0,1-.161-4.263c0-1.4.011-2.8.006-4.193,0-.983,0-1.968-.053-2.949-.066-1.137-.132-2.273-.132-3.412a.592.592,0,0,0-.024-.229.273.273,0,0,0-.151-.151,2.067,2.067,0,0,0-.461-.038c-1.32.038-2.64.061-3.957.127-2.121.107-4.24.163-6.363.085-.232-.009-.465-.01-.7-.009a.219.219,0,0,0-.212.261,19.976,19.976,0,0,1-.022,3.1c-.031.465-.043.93-.056,1.4-.027,1.009-.049,2.017-.074,3.026m17.732-.1h-.022q-.027.7-.053,1.4-.034.853-.07,1.706c-.024.569-.057,1.138-.072,1.707-.022.88-.033,1.759-.046,2.639a2.931,2.931,0,0,0,.016.31c.025.266.137.382.383.4.1.006.207.007.31.009.492.01.984.009,1.475.031,2.3.1,4.606.07,6.909-.028a12.808,12.808,0,0,1,2.712.065.261.261,0,0,0,.267-.23,8.836,8.836,0,0,0,.1-1.933c-.077-.954-.154-1.91-.172-2.866-.053-2.847-.073-5.694-.118-8.541-.011-.672-.068-1.344-.109-2.015a.933.933,0,0,0-.057-.3.373.373,0,0,0-.164-.145.3.3,0,0,0-.15-.023q-1.863.037-3.726.078c-.7.016-1.4.051-2.1.061a45.01,45.01,0,0,1-4.732-.15c-.714-.064-.732-.023-.717.692.051,2.381.091,4.761.135,7.142m-34.472-.424h-.024c0,.362.017.726,0,1.087-.1,1.837-.082,3.675-.073,5.514a6.936,6.936,0,0,0,.171,1.618c.1.413.232.507.647.524.129.005.259.005.388.007,2.227.019,4.453.043,6.68.055.647,0,1.294-.023,1.941-.041a11.769,11.769,0,0,1,1.784.035,1.8,1.8,0,0,0,.232.006.253.253,0,0,0,.213-.192,3.533,3.533,0,0,0,0-.386c-.043-.542-.111-1.083-.135-1.625-.058-1.345-.092-2.69-.143-4.036-.06-1.552-.127-3.1-.19-4.655q-.1-2.405-.193-4.811a.778.778,0,0,0-.035-.226.166.166,0,0,0-.105-.1,3.412,3.412,0,0,0-.461-.023c-2.978.061-5.955.025-8.932-.019-.517-.008-1.034-.047-1.55-.07a.206.206,0,0,0-.2.2c.008.336.03.672.028,1.007q-.016,3.068-.042,6.137m-11.52,8.506v-.03c.647,0,1.293-.014,1.94,0,1.267.032,2.534.082,3.8.123.208.007.314-.118.3-.353-.029-.387-.085-.772-.1-1.159-.06-1.81-.163-3.618-.149-5.43,0-.362-.014-.724-.037-1.086-.155-2.479-.21-4.962-.251-7.445-.007-.443-.06-.5-.484-.5-.207,0-.413.021-.62.029-.75.028-1.5.082-2.249.074-2.51-.027-5.017.139-7.527.079-.221-.005-.317.093-.328.336-.046,1.007-.117,2.015-.126,3.023-.018,2.121-.007,4.243,0,6.364,0,.672.06,1.346.035,2.017-.043,1.214,0,2.433-.147,3.643a.765.765,0,0,0,0,.077c-.01.266.1.389.362.38.595-.021,1.189-.052,1.783-.066,1.267-.031,2.534-.054,3.8-.08" transform="translate(0 0)" fill="#17302d"></path> <path d="M22,76.5c.932,0,1.864.007,2.8,0a13.539,13.539,0,0,1,1.781.113,2.15,2.15,0,0,1,.453.1.872.872,0,0,1,.62.811,1.329,1.329,0,0,1-.019.386c-.073.328-.155.654-.248.977a1.225,1.225,0,0,1-.629.754,1.147,1.147,0,0,1-.139.068c-.68.256-.661.476-.733.969-.138.948-.265,1.9-.414,2.844-.08.51-.179,1.02-.305,1.522a3.951,3.951,0,0,1-.342.862,1.179,1.179,0,0,1-1.068.661c-.336.009-.673.011-1.009,0q-.853-.022-1.706-.063a3.993,3.993,0,0,1-.539-.066,1.627,1.627,0,0,1-1.364-1.316,3.273,3.273,0,0,1-.075-.615c-.047-.931-.08-1.862-.133-2.793-.023-.412-.073-.824-.124-1.234a.8.8,0,0,0-.486-.656c-.14-.067-.278-.139-.414-.213a2.084,2.084,0,0,1-1.065-1.626,1.479,1.479,0,0,1,.34-1.082.483.483,0,0,1,.259-.159,3.061,3.061,0,0,1,.607-.112c.8-.047,1.6-.088,2.4-.114.517-.017,1.036,0,1.553,0Zm.247,1.614c-.348,0-.942,0-1.536,0-.465,0-.93-.008-1.395,0a3.887,3.887,0,0,0-.459.05c-.023,0-.065.027-.064.037,0,.047.008.114.038.134a1.993,1.993,0,0,0,.338.183,1.741,1.741,0,0,1,1,1.118,3.776,3.776,0,0,1,.186.748c.062.513.1,1.028.133,1.543.048.8.077,1.6.12,2.4a1.771,1.771,0,0,0,.062.38.267.267,0,0,0,.225.187,1.794,1.794,0,0,0,.385.011,6.709,6.709,0,0,1,1.544.063c.883.133.9.122,1.064-.754a10.573,10.573,0,0,0,.166-1.228,29.968,29.968,0,0,1,.537-3.206,1.844,1.844,0,0,1,.086-.3,1.079,1.079,0,0,1,.895-.761c.127-.02.258-.016.385-.039a.291.291,0,0,0,.216-.2,1.058,1.058,0,0,0,.048-.225.239.239,0,0,0-.168-.225c-.232-.012-.464-.031-.7-.024-.955.029-1.91.067-3.111.11" transform="translate(-8.043 -36.566)" fill="#17302d"></path> <path d="M161.74,76.031c.853,0,1.707,0,2.56,0,.388,0,.776.01,1.163.022a2.976,2.976,0,0,1,.462.044,1.02,1.02,0,0,1,.932,1.133,4.42,4.42,0,0,1-.229,1.216,1.213,1.213,0,0,1-.643.742.888.888,0,0,1-.212.094.812.812,0,0,0-.641.774q-.3,1.718-.616,3.435c-.084.457-.17.915-.28,1.366a2.85,2.85,0,0,1-.252.647,1,1,0,0,1-.87.565,10.772,10.772,0,0,1-1.317,0c-.721-.052-1.44-.143-2.159-.219a2.857,2.857,0,0,1-.307-.043.988.988,0,0,1-.751-.61,4.029,4.029,0,0,1-.241-.814c-.076-.458-.115-.923-.162-1.385q-.085-.849-.153-1.7c-.04-.49-.067-.98-.1-1.469a.417.417,0,0,0-.358-.441c-.224-.063-.45-.115-.676-.174a1.164,1.164,0,0,1-.927-1.105c-.018-.18-.033-.361-.041-.541a1.46,1.46,0,0,1,.462-1.112.9.9,0,0,1,.326-.2,1.445,1.445,0,0,1,.379-.073c.541-.044,1.082-.107,1.624-.117,1.008-.019,2.016-.005,3.025-.005v-.039m-.381,1.28c-1.136-.042-2.273-.087-3.409-.125a2.5,2.5,0,0,0-.458.038.149.149,0,0,0-.087.107.514.514,0,0,0,.3.57c.244.084.5.138.745.213a1.448,1.448,0,0,1,.941.86,2.108,2.108,0,0,1,.14.443,14.907,14.907,0,0,1,.372,3.692,7.27,7.27,0,0,0,.022.929.3.3,0,0,0,.3.294c.568.034,1.135.067,1.7.1a4.186,4.186,0,0,0,.465-.011.338.338,0,0,0,.322-.283c.034-.151.056-.3.083-.457.05-.28.08-.565.154-.838q.46-1.683.946-3.358a4.528,4.528,0,0,1,.258-.647,1.343,1.343,0,0,1,.706-.687c.118-.051.244-.088.358-.147a.438.438,0,0,0,.22-.459.225.225,0,0,0-.129-.167,3.021,3.021,0,0,0-.613-.049c-1.112.049-2.223.032-3.334-.013" transform="translate(-74.535 -36.345)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Möbel</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: 'cdda7a9f-6546-4d36-a4a5-fb564fc5e21a' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M95.951,19.778c-.116-.008-.276-.014-.434-.031-1.386-.148-2.77-.3-4.156-.446-1.03-.107-2.062-.191-3.09-.308-1.009-.115-2.018-.222-3.03-.3-.318-.023-.636-.037-.954-.051a6.264,6.264,0,0,1-1.3-.188,2.316,2.316,0,0,1-1.126-.643c-.8-.837-1.622-1.643-2.443-2.455-.142-.14-.288-.276-.418-.426a4.444,4.444,0,0,1-.359-.476,1.428,1.428,0,0,1-.211-.617,1.137,1.137,0,0,1,.193-.853,11.662,11.662,0,0,1,.753-.926c.745-.8,1.507-1.589,2.257-2.387a36.775,36.775,0,0,1,2.7-2.621c1.49-1.293,2.894-2.677,4.289-4.07.437-.436.864-.882,1.306-1.313.342-.333.7-.654,1.051-.975a4.268,4.268,0,0,1,.888-.6.743.743,0,0,1,.794.039,1.9,1.9,0,0,1,.71.865.757.757,0,0,1,.006.583c-.042.111-.1.215-.151.325-.109.256-.21.516-.321.771a.58.58,0,0,0,.073.566,1.3,1.3,0,0,0,.527.473,8.847,8.847,0,0,0,1.815.759c.9.239,1.809.478,2.717.7a21.106,21.106,0,0,1,3.081.94,12.661,12.661,0,0,1,2.313,1.237c.46.315.933.61,1.4.92.281.188.556.386.828.587a3.756,3.756,0,0,1,.363.31,1.327,1.327,0,0,1,.238,1.875,3.972,3.972,0,0,1-.4.516c-.174.192-.361.371-.548.55-.8.772-1.618,1.535-2.415,2.315q-1.025,1-2.021,2.034c-.735.757-1.47,1.515-2.25,2.226-.088.08-.176.162-.265.241a3.415,3.415,0,0,1-2.4.849M88.642,7.4c-.165.008-.482.032-.8.038a.756.756,0,0,0-.572.271c-.647.7-1.3,1.4-1.951,2.1-.081.087-.156.18-.232.272a.151.151,0,0,0,.039.209c.479.242.95.5,1.442.717A19.788,19.788,0,0,1,89.3,12.481a39.185,39.185,0,0,0,3.4,1.982c.338.169.662.364.992.549l2.344,1.312c.192.107.248.1.421-.06q.818-.742,1.635-1.484c.191-.174.386-.345.566-.531a6.47,6.47,0,0,0,.421-.5.382.382,0,0,0,.047-.4,5.186,5.186,0,0,0-.544-1.059,9.335,9.335,0,0,0-2.6-2.6,13.222,13.222,0,0,0-2.821-1.416,19.367,19.367,0,0,0-2.352-.667,9.179,9.179,0,0,0-2.168-.2" transform="translate(-46.923 0)" fill="#17302d"></path> <path d="M36.94,51.18c0,.2.009.336,0,.474a1.349,1.349,0,0,1-.584,1.06c-.328.226-.661.445-.992.666-.481.32-.967.632-1.441.961a2.826,2.826,0,0,1-1.255.524,1.055,1.055,0,0,1-.526-.052,6.4,6.4,0,0,1-1.025-.481c-.1-.058-.2.007-.195.129a5.163,5.163,0,0,0,.1,1.246.6.6,0,0,1-.214.639,3.252,3.252,0,0,1-.337.246c-.51.347-1.017.7-1.535,1.036-.468.3-.941.6-1.425.875a4.508,4.508,0,0,1-.764.335,1.662,1.662,0,0,1-1.493-.13,1.437,1.437,0,0,0-.216-.1.125.125,0,0,0-.14.075c-.017.178-.022.357-.051.533a2.714,2.714,0,0,1-.141.577,1.217,1.217,0,0,1-.555.606c-.945.517-1.817,1.149-2.731,1.717a4,4,0,0,1-.631.333,1.171,1.171,0,0,1-.985-.029c-.107-.053-.217-.1-.327-.145a.114.114,0,0,0-.134.081c0,.1,0,.2,0,.3a1.141,1.141,0,0,1-.3.76,3.782,3.782,0,0,1-.7.649c-.376.262-.751.525-1.128.785q-.861.592-1.727,1.179a7.6,7.6,0,0,1-.658.411,1.385,1.385,0,0,1-1.372.026c-.088-.046-.181-.082-.272-.12a.155.155,0,0,0-.147.071c-.025.116-.053.232-.07.349a1.931,1.931,0,0,1-.7,1.214,6.634,6.634,0,0,1-.574.428q-1.163.787-2.333,1.562a5.627,5.627,0,0,1-.725.413,1.355,1.355,0,0,1-1.517-.132,2.069,2.069,0,0,0-.2-.129c-.037-.023-.129.036-.132.084-.007.1-.014.2-.016.3,0,.119.009.239,0,.358a1.228,1.228,0,0,1-.686,1.11c-.25.122-.5.25-.751.367a4.907,4.907,0,0,1-1.689.334,1.617,1.617,0,0,1-.862-.208A3.78,3.78,0,0,1,.923,70.678c-.15-.325-.329-.637-.5-.953A3.872,3.872,0,0,1,.046,68.66a2.438,2.438,0,0,1,.117-1.35,3.9,3.9,0,0,1,.478-.893A11.2,11.2,0,0,1,1.9,64.9c.439-.434.862-.884,1.3-1.323q.84-.849,1.689-1.69c.255-.253.519-.495.773-.748,1.552-1.546,3.1-3.1,4.655-4.641,1.36-1.345,2.685-2.723,3.936-4.17.456-.527.939-1.031,1.423-1.532q2.117-2.192,4.247-4.372,1.358-1.39,2.846-2.641c1.615-1.362,3.131-2.833,4.675-4.273.349-.326.672-.681,1.011-1.017a5.537,5.537,0,0,1,.488-.438.709.709,0,0,1,.677-.115,2.059,2.059,0,0,1,.825.463,7.551,7.551,0,0,1,.936,1,12.485,12.485,0,0,0,2.912,2.635,3.029,3.029,0,0,0,.862.4,12.167,12.167,0,0,0,2.221.456c1.227.146,2.445.341,3.664.542a14.935,14.935,0,0,0,2.2.223q1.195.018,2.389.048c.358.008.717.014,1.074.043a3.073,3.073,0,0,1,.581.125.849.849,0,0,1,.261.141.608.608,0,0,1,.188.8,2.227,2.227,0,0,1-.6.736c-.08.059-.161.116-.243.174q-.73.521-1.46,1.04c-.146.1-.294.206-.448.3a1.193,1.193,0,0,1-1.3,0c-.1-.061-.2-.131-.3-.19a.935.935,0,0,0-.168-.058.148.148,0,0,0-.185.1c-.011.139-.014.278-.027.416-.019.2-.037.4-.069.592a1,1,0,0,1-.441.684c-.528.357-1.051.721-1.592,1.058-.609.378-1.235.729-1.853,1.091-.069.04-.14.077-.21.114a1.336,1.336,0,0,1-1.21.031c-.163-.072-.319-.162-.479-.243a.135.135,0,0,0-.178.1c-.011.159-.018.317-.023.421M18.009,61.436a3.462,3.462,0,0,1,.04-.433.764.764,0,0,1,.821-.63,1.955,1.955,0,0,1,.409.076,4.418,4.418,0,0,1,.568.183A1.342,1.342,0,0,0,21.21,60.5c.049-.034.1-.059.155-.09q1.019-.624,2.038-1.248a.476.476,0,0,0,.233-.391c.031-.3.067-.594.118-.887a1.791,1.791,0,0,1,.146-.452.911.911,0,0,1,.745-.53,1.736,1.736,0,0,1,1.042.186,1.923,1.923,0,0,1,.3.188.344.344,0,0,0,.437.021c.869-.525,1.743-1.043,2.614-1.566.137-.082.269-.169.4-.259a.369.369,0,0,0,.165-.3c.01-.239.006-.479.029-.716a5.3,5.3,0,0,1,.116-.826,1.019,1.019,0,0,1,.939-.794,2.133,2.133,0,0,1,.771.053,2.875,2.875,0,0,1,.883.355.454.454,0,0,0,.506,0c.087-.049.178-.09.263-.141q1.057-.62,2.111-1.242a1.659,1.659,0,0,0,.2-.133.368.368,0,0,0,.145-.252c.018-.178.029-.357.049-.535.033-.3.063-.594.109-.889a2.109,2.109,0,0,1,.127-.459.848.848,0,0,1,.906-.539,3.831,3.831,0,0,1,.527.106c.212.053.423.113.633.178a.8.8,0,0,0,.635-.061c.67-.352,1.343-.7,2.012-1.051a4.014,4.014,0,0,0,.353-.223c.688-.458.7-.485.76-1.3a4.042,4.042,0,0,1,.065-.593.874.874,0,0,1,1-.743,2.135,2.135,0,0,1,.237.031c.2.033.392.071.588.1.216.035.432.073.65.1a.384.384,0,0,0,.367-.156.146.146,0,0,0,.033-.106.122.122,0,0,0-.084-.073c-.3-.031-.593-.067-.89-.078a20.735,20.735,0,0,1-2.849-.306c-.9-.16-1.8-.329-2.706-.476-.707-.115-1.419-.2-2.129-.3a5.986,5.986,0,0,1-2.644-1.038,12.1,12.1,0,0,1-1.5-1.181c-.673-.651-1.337-1.311-1.985-1.986-.443-.462-.37-.5-.853-.021-.141.141-.274.289-.407.437Q27.375,41.655,26.185,43c-.172.193-.346.386-.531.567q-1.58,1.546-3.166,3.087c-.686.666-1.382,1.321-2.069,1.986q-.816.789-1.619,1.592-.634.633-1.256,1.278c-.482.5-.958,1.012-1.434,1.522-.449.481-.9.958-1.336,1.449s-.89.967-1.365,1.422c-.46.441-.912.891-1.366,1.337s-.88.866-1.318,1.3c-.41.407-.815.819-1.225,1.225q-1.634,1.618-3.274,3.232c-.185.182-.381.352-.578.519A16.12,16.12,0,0,0,3.791,65.37a11.515,11.515,0,0,1-1.4,1.388,5.018,5.018,0,0,0-.561.536,1.276,1.276,0,0,0-.171,1.741,2.3,2.3,0,0,0,.244.339c.088.108.184.21.282.309A10.879,10.879,0,0,1,3.27,70.958a4.355,4.355,0,0,0,.3.367.338.338,0,0,0,.379.105c.434-.147.868-.293,1.3-.446a.29.29,0,0,0,.2-.27c.013-.318.014-.637.026-.955a4.258,4.258,0,0,1,.049-.653,1.022,1.022,0,0,1,.991-.876,1.544,1.544,0,0,1,1.115.342c.4.31.312.321.778.086,1.127-.568,2.094-1.38,3.156-2.046a.531.531,0,0,0,.237-.4c.031-.217.059-.434.09-.651a3.059,3.059,0,0,1,.061-.353.839.839,0,0,1,.826-.651,1.314,1.314,0,0,1,.933.332c.09.078.164.173.247.259a.3.3,0,0,0,.425.076,8.023,8.023,0,0,0,.829-.472c.759-.513,1.508-1.041,2.259-1.566.147-.1.286-.216.425-.329a.407.407,0,0,0,.159-.309c.006-.179.006-.358,0-.537s-.033-.357-.053-.578" transform="translate(0 -22.68)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Bauelemente</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '7e2697f8-a042-4104-a215-d31f97826f8d' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M0,38.178a1.211,1.211,0,0,1,.321-.866,3.67,3.67,0,0,1,.407-.4q.422-.347.863-.67c.251-.185.514-.355.771-.533q1.261-.875,2.521-1.751c.726-.506,1.452-1.011,2.174-1.522.849-.6,1.694-1.21,2.54-1.816l.083-.062c1.244-.972,2.491-1.939,3.73-2.917.435-.344.852-.712,1.276-1.07.053-.044.1-.094.15-.144a.148.148,0,0,0,0-.189.988.988,0,0,0-.108-.112c-.1-.076-.193-.148-.292-.218-1.344-.954-2.69-1.9-4.031-2.862-1.03-.737-2.091-1.428-3.161-2.1-.864-.547-1.713-1.119-2.571-1.677-.3-.2-.615-.39-.926-.579q-.644-.392-1.294-.775c-.194-.115-.4-.215-.589-.332a5.018,5.018,0,0,1-.521-.342.465.465,0,0,1-.14-.606c.106-.217.236-.423.36-.632.062-.1.147-.2.2-.3A15.048,15.048,0,0,1,2.945,13.74c.2-.3.237-.263-.1-.52-.1-.074-.192-.149-.284-.228a.784.784,0,0,1-.139-.154.392.392,0,0,1-.031-.441q.209-.358.424-.713c.3-.49.594-.978.887-1.469C4.255,9.29,4.851,8.4,5.47,7.516,6.229,6.438,7,5.372,7.775,4.3c.142-.2.291-.389.445-.576a1.228,1.228,0,0,1,.229-.209.327.327,0,0,1,.346-.043,6.662,6.662,0,0,1,.727.4c.892.6,1.774,1.214,2.663,1.819.373.254.753.5,1.127.748,2.862,1.929,5.738,3.837,8.57,5.811,1.493,1.041,3.028,2.023,4.546,3.029.3.2.613.392.92.588.15-.016.238-.132.344-.218.189-.153.373-.311.56-.467q2.053-1.724,4.216-3.308a16.152,16.152,0,0,0,1.367-1.122c.6-.552,1.205-1.1,1.8-1.651.893-.823,1.8-1.633,2.728-2.413.332-.279.658-.565.981-.854q2.192-1.961,4.485-3.8c.419-.337.831-.683,1.248-1.023A10.014,10.014,0,0,1,46.223.2C46.313.142,46.4.09,46.5.044a.383.383,0,0,1,.4.025,1.94,1.94,0,0,1,.284.226c.374.362.75.722,1.113,1.094a5.393,5.393,0,0,0,1.219.966c.06.034.118.073.178.108a2.945,2.945,0,0,1,1.03,1.01c.24.382.48.763.729,1.14.287.434.585.861.874,1.293.135.2.263.408.388.616a.74.74,0,0,1-.024.835c-.113.175-.236.343-.361.509-.229.3-.465.6-.695.91a.91.91,0,0,0-.092.184c0,.009.009.03.02.039s.033.02.044.016c.079-.033.159-.065.235-.1.4-.2.8-.417,1.2-.615a3.732,3.732,0,0,1,.533-.2,1.332,1.332,0,0,1,.358-.057.671.671,0,0,1,.712.812,1.373,1.373,0,0,1-.259.619,8.263,8.263,0,0,1-.561.682c-.236.254-.493.488-.742.73-.386.375-.775.746-1.158,1.123a2.891,2.891,0,0,0-.229.279c-.01.012-.017.044-.011.048.026.019.06.047.084.042a.721.721,0,0,0,.191-.074c.285-.166.565-.34.85-.5.6-.347,1.2-.688,1.807-1.033.18-.1.356-.216.54-.313a3.036,3.036,0,0,1,.429-.181.368.368,0,0,1,.387.089,15.274,15.274,0,0,1,1.547,1.54,3.04,3.04,0,0,0,.579.593,2.249,2.249,0,0,1,.36.373.384.384,0,0,1-.015.521c-.012.013-.022.027-.035.038-.81.759-1.588,1.551-2.471,2.231-1.525,1.175-3.029,2.378-4.6,3.5-.565.4-1.088.859-1.621,1.3-1.453,1.21-2.917,2.408-4.484,3.471-.935.634-1.793,1.366-2.667,2.078a.371.371,0,0,0-.106.112.184.184,0,0,0-.006.138.325.325,0,0,0,.108.109c1.512,1.135,3.011,2.287,4.54,3.4,1.6,1.163,3.23,2.282,4.839,3.431.748.534,1.476,1.095,2.215,1.643.264.2.532.388.8.586a1.926,1.926,0,0,1,.273.237.341.341,0,0,1,.064.384,3,3,0,0,1-.4.729,36.177,36.177,0,0,0-2.025,3.026c-.11.176-.23.347-.343.521a.181.181,0,0,0,.036.273c.095.076.2.145.289.222a1.624,1.624,0,0,1,.188.179.461.461,0,0,1,.043.534.7.7,0,0,1-.166.2,2.936,2.936,0,0,0-.61.7q-1.019,1.383-2.133,2.691c-.54.634-1.067,1.278-1.553,1.955a4.029,4.029,0,0,1-.412.466.192.192,0,0,1-.241.027c-.434-.254-.876-.5-1.3-.767-.715-.458-1.416-.94-2.128-1.4-.552-.36-1.113-.706-1.667-1.062-.423-.272-.845-.547-1.261-.828-.747-.5-1.489-1.018-2.236-1.523q-1.38-.933-2.764-1.858-1.469-.986-2.94-1.969-1.429-.951-2.865-1.893a1.82,1.82,0,0,0-.363-.2,5.181,5.181,0,0,1-.8-.369.3.3,0,0,0-.38.045c-.548.482-1.138.91-1.722,1.346-.876.654-1.774,1.276-2.7,1.855q-1.854,1.157-3.707,2.315c-.722.449-1.43.92-2.108,1.433-.886.67-1.8,1.3-2.715,1.928-1.72,1.174-3.4,2.4-5.024,3.706-.486.392-.984.768-1.485,1.142a4.739,4.739,0,0,1-.615.389,1.464,1.464,0,0,1-.441.143.675.675,0,0,1-.617-.206,2.333,2.333,0,0,1-.2-.235,5.781,5.781,0,0,0-.745-.8c-1.224-1.131-2.405-2.3-3.516-3.546-.416-.466-.858-.907-1.284-1.364-.331-.355-.66-.712-.979-1.078a3.809,3.809,0,0,1-.542-.824,1.317,1.317,0,0,1-.143-.5A.864.864,0,0,1,.9,40.809c.133-.16.268-.319.413-.468.75-.771,1.5-1.537,2.256-2.307a3.441,3.441,0,0,0,.228-.279s-.022-.034-.033-.033a.212.212,0,0,0-.1.022c-.162.1-.325.2-.481.311-.6.417-1.192.838-1.789,1.255a3.187,3.187,0,0,1-.394.251.5.5,0,0,1-.675-.2A2.778,2.778,0,0,1,0,38.178M54.09,36.17c-.028-.055-.039-.116-.076-.143q-.4-.294-.8-.576Q49.258,32.7,45.3,29.959c-1.78-1.238-3.553-2.485-5.334-3.721-3.292-2.285-6.594-4.556-9.88-6.85q-7.447-5.2-14.877-10.421Q12.378,6.981,9.55,4.985c-.128-.09-.26-.172-.392-.255a.148.148,0,0,0-.186.044q-.109.145-.213.3C8.051,6.1,7.347,7.13,6.633,8.155c-.823,1.181-1.656,2.356-2.484,3.534-.07.1-.138.2-.2.3a.172.172,0,0,0,.047.231c.082.064.167.124.252.184.269.191.543.374.806.572,1.081.813,2.163,1.626,3.236,2.45.5.38.975.78,1.454,1.18a5.931,5.931,0,0,1,.438.442.086.086,0,0,1,.015.047c-.028.013-.065.038-.087.03-.113-.043-.224-.093-.333-.145-.626-.3-1.251-.6-1.878-.894-.5-.236-1.01-.458-1.509-.7-.609-.294-1.211-.6-1.816-.9a1.78,1.78,0,0,0-.286-.122.182.182,0,0,0-.141.036.664.664,0,0,0-.132.158q-.642.979-1.281,1.961c-.038.058-.069.12-.1.181a.159.159,0,0,0,.053.185c.129.088.259.174.391.257.779.489,1.556.979,2.337,1.463.752.466,1.5.936,2.263,1.386,1.465.865,2.892,1.787,4.273,2.78,1.254.9,2.538,1.758,3.832,2.6q7,4.554,14,9.112c2.281,1.487,4.56,2.979,6.876,4.412.959.593,1.9,1.21,2.836,1.843,1.851,1.257,3.709,2.5,5.584,3.726.887.578,1.766,1.166,2.65,1.747.2.132.25.123.393-.048.067-.08.134-.159.194-.244.32-.454.644-.9.953-1.365.638-.951,1.252-1.917,1.943-2.832a1.747,1.747,0,0,0,.111-.176.179.179,0,0,0-.03-.193c-.077-.07-.154-.14-.236-.2q-.683-.521-1.368-1.039c-1.288-.973-2.559-1.966-3.792-3.006q-1.432-1.208-2.866-2.413a1.017,1.017,0,0,1-.106-.113.187.187,0,0,1-.021-.047c.028-.01.063-.037.084-.029a9.352,9.352,0,0,1,1.474.768c.57.365,1.158.7,1.757,1.015.522.275,1.042.552,1.567.821,1.235.634,2.462,1.281,3.656,1.991.074.044.15.087.227.127a.2.2,0,0,0,.277-.054c.161-.2.318-.412.477-.618.543-.7,1.056-1.42,1.544-2.158.047-.071.085-.149.127-.223" fill="#17302d"></path> <path d="M24.139,22.607a.972.972,0,0,1-.973-.623,1.164,1.164,0,0,1,.515-1.474,1.334,1.334,0,0,1,1.2-.073.915.915,0,0,1,.581,1.041,1.083,1.083,0,0,1-.393.708,3.941,3.941,0,0,1-.381.268,1.069,1.069,0,0,1-.547.154" transform="translate(-15.005 -13.219)" fill="#17302d"></path> <path d="M20.169,50.695h-.106a1.009,1.009,0,0,1-1.029-1.332A.81.81,0,0,1,19.8,48.7a1.04,1.04,0,0,1,.309.018,6.541,6.541,0,0,1,.7.206.792.792,0,0,1,.555.688.826.826,0,0,1-.366.809,1.5,1.5,0,0,1-.826.27" transform="translate(-12.355 -31.67)" fill="#17302d"></path> <path d="M123.525,113.278a2.39,2.39,0,0,1,.265.033.816.816,0,0,1,.636.552,1.16,1.16,0,0,1-.054.909.8.8,0,0,1-.314.337A1.265,1.265,0,0,1,122.6,115a.974.974,0,0,1-.331-.517.817.817,0,0,1,.188-.774,1.4,1.4,0,0,1,1.066-.433" transform="translate(-79.493 -73.664)" fill="#17302d"></path> <path d="M140.831,100.345a1.04,1.04,0,0,1-.9-.42.885.885,0,0,1-.131-.883,1.231,1.231,0,0,1,1.725-.627.7.7,0,0,1,.391.629,1.312,1.312,0,0,1-.686,1.2.782.782,0,0,1-.394.1" transform="translate(-90.867 -63.901)" fill="#17302d"></path> <path d="M115.314,100.553c-.138-.007-.19-.009-.242-.013a.925.925,0,0,1-.694-1.468,1.238,1.238,0,0,1,1.228-.51,1.044,1.044,0,0,1,.815.963.957.957,0,0,1-.633.924,2.927,2.927,0,0,1-.473.1" transform="translate(-74.268 -64.08)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>ModerniÂsierung</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-100" x-data="{ tabId: 'a129a00c-42ef-4b7f-b02e-36e5fdef92ab' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-100'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 60 50"> <path d="M29.531,49.882l-6.509.04c-.182,0-.365,0-.547.01-2.666.107-5.332.069-8,.013-.563-.012-1.126,0-1.689.012a16.367,16.367,0,0,1-1.837-.02c-.28-.024-.563-.014-.844-.025q-.4-.016-.793-.044a2.172,2.172,0,0,1-.343-.056.508.508,0,0,1-.428-.482c-.075-.641-.145-1.283-.172-1.929-.017-.413-.057-.826-.089-1.238-.068-.892-.126-1.784-.135-2.679q-.012-1.193-.009-2.385Q8.145,37.446,8,33.8q-.065-1.589-.023-3.179c.021-.845-.035-1.689-.08-2.532-.008-.149-.021-.3-.026-.446q-.091-2.557-.182-5.114a1.787,1.787,0,0,0-.04-.291c0-.017-.062-.044-.076-.035a2.059,2.059,0,0,0-.283.192q-1.239,1.074-2.474,2.152c-.187.163-.366.337-.558.494q-.939.774-1.887,1.537a1.479,1.479,0,0,1-.341.2.646.646,0,0,1-.659-.077,1.26,1.26,0,0,1-.221-.2c-.25-.287-.5-.574-.739-.871a3.947,3.947,0,0,1-.287-.463.84.84,0,0,1,.091-.975,1.177,1.177,0,0,1,.131-.149c.093-.094.185-.19.283-.279Q2,22.509,3.384,21.259c1.082-.977,2.218-1.891,3.343-2.817q2.59-2.132,5.09-4.368c1.557-1.39,3.164-2.722,4.794-4.025q2.271-1.814,4.544-3.625c1.478-1.175,2.935-2.376,4.384-3.586.407-.34.828-.662,1.241-.994s.854-.682,1.274-1.032A4.118,4.118,0,0,1,29.245.1a2.339,2.339,0,0,1,.235-.08.576.576,0,0,1,.479.063,4.727,4.727,0,0,1,.481.35c.276.237.545.483.809.735,1.272,1.214,2.632,2.323,4.016,3.4.992.776,2.013,1.511,3.034,2.247.551.4,1.092.807,1.638,1.211.12.088.241.174.363.259.04.028.116,0,.118-.042.007-.132.015-.263.016-.4,0-1.325.006-2.65.012-3.975a4.781,4.781,0,0,1,.037-.544.209.209,0,0,1,.155-.177,1.351,1.351,0,0,1,.24-.059c.659-.069,1.316-.149,1.977-.2.677-.048,1.356-.074,2.035-.087.579-.011,1.159.008,1.738.02a8.24,8.24,0,0,0,1.141-.019.254.254,0,0,1,.3.25,5.8,5.8,0,0,1-.011.694c-.066.727-.074,1.455-.073,2.184,0,.646,0,1.291-.065,1.935-.04.411-.044.827-.046,1.241q-.015,2.311.063,4.62c.008.215.009.431.015.646a.376.376,0,0,0,.152.3c.144.112.285.227.43.338,1.115.859,2.227,1.722,3.349,2.573.581.44,1.174.863,1.767,1.286.526.375,1.064.733,1.59,1.107A24.347,24.347,0,0,1,58.038,22.3c.238.229.5.435.755.645.192.157.4.3.589.457a3.057,3.057,0,0,1,.327.3.6.6,0,0,1,.114.733,5.51,5.51,0,0,1-.379.639,4.818,4.818,0,0,1-.449.531.886.886,0,0,1-1.13.184,2.446,2.446,0,0,1-.336-.212c-.277-.21-.558-.417-.823-.641-.67-.568-1.366-1.1-2.068-1.629s-1.361-1.056-2.041-1.584q-.471-.366-.945-.727a.652.652,0,0,0-.175-.09c-.02-.007-.076.021-.078.038a2.519,2.519,0,0,0-.029.344q0,1.466,0,2.931c.005,2.534,0,5.068.019,7.6.02,2.766-.007,5.532-.052,8.3q-.067,4.1-.151,8.2a3.968,3.968,0,0,1-.023.446.529.529,0,0,1-.434.482,1.256,1.256,0,0,1-.2.031c-.528.037-1.057.076-1.586.107-.562.033-1.124.067-1.687.086-.844.029-1.689.047-2.533.065-1.573.033-3.146.055-4.719.1-.811.021-1.621.073-2.432.11-.248.011-.5.022-.745.029-1.44.037-2.881.079-4.321.109-.994.02-1.987.024-2.981.035,0-.011,0-.022,0-.033m.9-1.393c0-.008,0-.015,0-.023q4.645-.083,9.289-.165c1.143-.019,2.286-.02,3.428-.037q2.012-.029,4.024-.071c.347-.007.695-.03,1.04-.064.412-.041.822-.1,1.232-.155a1.242,1.242,0,0,0,.194-.041.16.16,0,0,0,.122-.141c.009-.132.009-.265.011-.4.016-1.242.013-2.485.052-3.726q.038-1.192.029-2.384c0-.629,0-1.259,0-1.888q0-1.242-.012-2.484a6.4,6.4,0,0,1,0-.645c.047-.48.028-.96.032-1.44q.012-1.739.021-3.478,0-.547,0-1.093c-.006-.927-.024-1.855-.018-2.782.009-1.408.012-2.815-.012-4.223-.019-1.093,0-2.186.007-3.279a.433.433,0,0,0-.2-.421c-.056-.034-.107-.078-.161-.116-.982-.706-1.938-1.446-2.879-2.206-1.082-.874-2.179-1.731-3.2-2.682a38.4,38.4,0,0,0-3.763-3.084c-1.008-.726-1.986-1.491-2.949-2.277-.847-.691-1.706-1.366-2.556-2.054q-.907-.735-1.8-1.484-1.318-1.1-2.63-2.2a1.111,1.111,0,0,0-.2-.144.162.162,0,0,0-.139,0,2.838,2.838,0,0,0-.274.213c-1.22,1.019-2.43,2.051-3.662,3.055q-2.216,1.8-4.329,3.728-2.053,1.878-4.188,3.664-2.1,1.752-4.126,3.583c-1.058.953-2.124,1.9-3.187,2.846l-.259.232a.329.329,0,0,0-.108.267c0,.116.008.232.012.348.025.745.051,1.489.073,2.234.015.5.016.994.038,1.49.059,1.34.131,2.679.227,4.017.069.974.128,1.949.13,2.928,0,1.507.05,3.013.014,4.521-.022.911.008,1.821.059,2.731.057,1.025.094,2.052.119,3.078.021.861.018,1.72.089,2.58.1,1.171.148,2.347.219,3.52,0,.033.007.066.012.1a.173.173,0,0,0,.17.148q.223,0,.446-.018a12.127,12.127,0,0,1,2.232.012,3.655,3.655,0,0,0,.4.008c.762.009,1.524.022,2.285.025,1.143.005,2.286.015,3.428,0,2.153-.024,4.305-.067,6.458-.093,1.59-.02,3.18-.025,4.769-.037" transform="translate(0 0)" fill="#17302d"></path> <path d="M70.285,57.415l7.9-.026c.248,0,.5-.007.745-.006a1.3,1.3,0,0,1,.246.024.233.233,0,0,1,.178.157.979.979,0,0,1,.051.241c.019.247.039.5.043.744.016,1.226.024,2.451.041,3.677.028,2.12.067,4.24.09,6.36.016,1.424.012,2.849.017,4.273,0,.332-.011.664.011.994a.846.846,0,0,1-.271.713c-.1.092-.182.193-.274.288q-3.1,3.188-6.2,6.375c-.59.6-1.195,1.194-1.795,1.789q-.176.175-.368.334a.3.3,0,0,1-.443,0c-.209-.189-.415-.382-.619-.575q-1.607-1.52-3.211-3.041-2.3-2.193-4.6-4.393c-.239-.229-.47-.467-.71-.7a.825.825,0,0,1-.261-.521c-.022-.2-.042-.4-.045-.593-.014-.878-.021-1.756-.03-2.633-.022-2.021-.051-4.041-.063-6.062-.013-2.054-.01-4.108-.012-6.162,0-.2.007-.4.013-.6a1.4,1.4,0,0,1,.017-.2A.335.335,0,0,1,61,57.618c.279-.033.56-.065.84-.08.331-.018.662-.017.993-.023,1.656-.03,3.312-.063,4.968-.086.828-.011,1.656,0,2.485,0Zm-.24.586v.021c-.944,0-1.888,0-2.832,0q-2.807-.006-5.615-.015a1.116,1.116,0,0,0-.246.014.148.148,0,0,0-.091.1,1.188,1.188,0,0,0-.006.246c.011.4.035.795.035,1.192q.015,6.683.022,13.367c0,.3-.006.6-.014.894a.4.4,0,0,0,.15.346c.286.251.562.514.835.78q3.883,3.776,7.763,7.555c.094.092.192.182.29.269a.094.094,0,0,0,.132-.013c.073-.066.141-.139.21-.211.642-.669,1.277-1.346,1.927-2.007q2.977-3.031,5.962-6.054c.149-.152.363-.27.415-.481a2.583,2.583,0,0,0,.024-.642c-.029-1.706-.072-3.411-.09-5.117-.035-3.3-.058-6.592-.086-9.888,0-.1-.007-.2-.014-.3a.153.153,0,0,0-.125-.134c-.182-.006-.364-.014-.546-.011-1.176.017-2.352.041-3.528.053-1.524.016-3.048.024-4.572.035" transform="translate(-40.438 -38.226)" fill="#17302d"></path> <path d="M73.5,61.386l6.953-.063a1.915,1.915,0,0,1,.248,0,.2.2,0,0,1,.123.065c.047.06.015.128-.024.182a2.269,2.269,0,0,1-.16.19c-.167.184-.334.368-.5.549-1.983,2.112-3.937,4.252-5.958,6.328-.035.035-.069.072-.1.108-.187.2-.186.23.026.441.093.094.19.185.284.277q2.565,2.492,5.128,4.985c.546.531,1.083,1.071,1.625,1.606.035.035.072.069.1.106a.294.294,0,0,1,.023.326,1.83,1.83,0,0,1-.161.188c-2.147,2.207-4.289,4.42-6.493,6.572a1.551,1.551,0,0,0-.289.338.862.862,0,0,1-.167.181.176.176,0,0,1-.227.012c-.087-.075-.174-.153-.257-.233q-2.711-2.591-5.421-5.182c-.538-.515-1.068-1.039-1.6-1.559q-.107-.1-.208-.213a.188.188,0,0,1,.01-.267c.033-.037.069-.071.1-.107q3.329-3.482,6.658-6.965a3.054,3.054,0,0,0,.222-.265.1.1,0,0,0,0-.091,2.855,2.855,0,0,0-.23-.258c-.83-.809-1.664-1.614-2.491-2.425Q68.626,64.16,66.54,62.1c-.13-.127-.265-.249-.389-.381-.025-.027-.019-.092-.011-.137,0-.023.041-.05.068-.059a.536.536,0,0,1,.146-.022c.711-.016,1.423-.033,2.134-.044q1.862-.027,3.725-.046c.43,0,.861,0,1.291,0v-.027" transform="translate(-44.054 -40.848)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>DenkmalÂschutz</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-200" x-data="{ tabId: '3a6bb201-e1de-4009-a600-7eaf024b8d09' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-200'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 70 50"> <path d="M31.267,0a10.527,10.527,0,0,1,2.955.46A13.5,13.5,0,0,1,37.71,2.12a23.207,23.207,0,0,1,2.816,2.115,19.046,19.046,0,0,1,3.222,3.8,44.2,44.2,0,0,1,3.231,5.86c.04.089.079.179.122.267a9.123,9.123,0,0,1,.8,2.016.3.3,0,0,0,.319.28,3.142,3.142,0,0,1,1.6.513A8.172,8.172,0,0,1,51.534,18.3c.536.545,1.072,1.088,1.616,1.625.334.33.68.649,1.025.967a2.543,2.543,0,0,1,.631.765.29.29,0,0,1-.032.327,18.044,18.044,0,0,1-1.708,1.938q-1.292,1.284-2.58,2.572c-.3.3-.59.626-.885.941-.026.028-.05.06-.076.089-.453.518-.588.4-1.114.141a1.083,1.083,0,0,1-.187-.142,35.7,35.7,0,0,1-3.07-2.82,7.8,7.8,0,0,1-1.163-1.544c-.31-.544-.635-1.08-.939-1.627a3.463,3.463,0,0,0-.92-1.056l-.094-.07a10.425,10.425,0,0,0-3.378-1.6A3.325,3.325,0,0,0,35.8,19.3,8.267,8.267,0,0,0,34.5,20.39c-.595.624-1.2,1.24-1.781,1.874-.651.707-1.361,1.353-2.055,2.014l-.086.08c-1.223,1.074-2.349,2.246-3.5,3.395-.18.18-.349.371-.526.554-.341.351-.676.708-1.028,1.048a.515.515,0,0,0-.193.562,2.072,2.072,0,0,1-.062,1.159,2.115,2.115,0,0,1-.308.631c-.15.2-.308.406-.477.595-.483.54-.976,1.072-1.462,1.61-.565.625-1.17,1.21-1.794,1.777-.507.461-1,.937-1.5,1.407-.185.175-.362.358-.55.53-1.2,1.1-2.333,2.263-3.437,3.458-.917.993-1.879,1.942-2.838,2.895-1.625,1.616-3.259,3.222-4.988,4.729a11.948,11.948,0,0,1-1.214.924,2,2,0,0,1-2.119.122,11.273,11.273,0,0,1-1.6-.975,2.174,2.174,0,0,1-.264-.233A14.908,14.908,0,0,1,.461,45.694a3.115,3.115,0,0,1-.414-1.03A1.661,1.661,0,0,1,0,44.2a2.612,2.612,0,0,1,.422-1.262A18.09,18.09,0,0,1,3.01,39.9c.793-.728,1.551-1.5,2.328-2.241Q7.2,35.871,9.076,34.089c.767-.728,1.548-1.443,2.316-2.17.4-.377.783-.768,1.174-1.152.979-.96,1.954-1.923,2.94-2.875.7-.681,1.419-1.35,2.135-2.018a7.317,7.317,0,0,1,.631-.526,5.376,5.376,0,0,1,.592-.381A2.092,2.092,0,0,1,20.4,24.76a1.068,1.068,0,0,0,.227.055.334.334,0,0,0,.212-.066c.49-.479.982-.957,1.454-1.454,1.554-1.631,3.094-3.273,4.651-4.9.433-.452.895-.878,1.357-1.3a14.9,14.9,0,0,0,2.079-2.311,4.6,4.6,0,0,0,.664-1.237c.11-.334.24-.662.355-1a7.194,7.194,0,0,0,.365-2.018,4.217,4.217,0,0,0-.126-1.282c-.142-.529-.28-1.06-.438-1.585a3.086,3.086,0,0,0-.582-1.08,9.555,9.555,0,0,0-.8-.862c-.312-.3-.654-.561-.985-.835a3.725,3.725,0,0,0-.8-.494c-.407-.193-.817-.378-1.227-.565a6.327,6.327,0,0,0-1.681-.51.783.783,0,0,1-.482-.19.185.185,0,0,1-.034-.213,1.615,1.615,0,0,1,.2-.215c.439-.361.875-.725,1.324-1.073A7.251,7.251,0,0,1,28.284.564,15.433,15.433,0,0,1,29.929.126,7.213,7.213,0,0,1,31.267,0M5.752,48.718a1.034,1.034,0,0,0,.664-.213,6.588,6.588,0,0,0,1-.9c.893-.99,1.873-1.895,2.8-2.855.15-.155.314-.3.474-.44.453-.405.91-.8,1.359-1.214.347-.317.7-.633,1.02-.973q.955-1,1.882-2.022,1.494-1.663,3.136-3.179c.2-.186.4-.373.592-.57.463-.481.958-.925,1.462-1.361a24.585,24.585,0,0,0,2.442-2.375c.374-.426.776-.83,1.165-1.244a2.576,2.576,0,0,0,.236-.261,1.037,1.037,0,0,0,.16-.31,1.507,1.507,0,0,0-.1-1.195A2.783,2.783,0,0,0,23.6,29c-.594-.6-1.178-1.2-1.763-1.81a9.067,9.067,0,0,0-1.1-.974,1.6,1.6,0,0,0-.243-.166,1.081,1.081,0,0,0-1.216.048,9.462,9.462,0,0,0-1.088.9c-.651.652-1.334,1.268-2.031,1.871a17.582,17.582,0,0,0-1.723,1.682c-.778.883-1.6,1.72-2.451,2.535q-2.754,2.647-5.523,5.279c-1.1,1.038-2.208,2.056-3.32,3.075a8.847,8.847,0,0,0-1.194,1.371,1.377,1.377,0,0,0-.266.581,9.494,9.494,0,0,0-.119.989,1.89,1.89,0,0,0,.2.91,5.078,5.078,0,0,0,.806,1.221c.6.678,1.319,1.227,1.961,1.858a.684.684,0,0,0,.306.166c.3.073.612.124.92.183" transform="translate(0)" fill="#17302d"></path> <path d="M112.922,99.987c1.23.071,2.579.153,3.928.226.45.025.9.03,1.351.045l4.286.135c.215.007.431.013.646.023a20.991,20.991,0,0,0,2.29-.028c.566-.037,1.135-.036,1.7-.041a2.4,2.4,0,0,1,.463.062.458.458,0,0,1,.423.477c.013.352.066.7.075,1.054.018.685,0,1.371.031,2.055a5.09,5.09,0,0,1-.229,1.5.273.273,0,0,1-.2.2,2.124,2.124,0,0,1-.46.075c-2.31.06-4.62.085-6.931.062-.254,0-.509-.013-.763-.024-.958-.043-1.917-.085-2.875-.133-1-.051-1.994-.109-2.991-.163-.469-.025-.938-.051-1.407-.073q-3.082-.146-6.167-.1c-.783.011-1.567.008-2.35,0-1.567-.02-3.133-.023-4.7.038-.548.021-1.1.029-1.644.038-.2,0-.392,0-.587-.017a.583.583,0,0,1-.548-.456,2.275,2.275,0,0,1-.12-.809c.064-1.035.142-2.07.184-3.106a.66.66,0,0,1,.573-.7,8.258,8.258,0,0,1,1.04-.177c.643-.055,1.289-.081,1.935-.113.274-.013.548-.016.823-.018q5.169-.035,10.34-.066c.587,0,1.174.017,1.88.028" transform="translate(-58.178 -60.485)" fill="#17302d"></path> <path d="M133.93,83.135c.281,0,.77,0,1.259,0a1.138,1.138,0,0,1,.344.054.246.246,0,0,1,.136.378,3.368,3.368,0,0,1-.3.363c-.38.394-.761.787-1.153,1.169a.51.51,0,0,0-.18.41c.007.156.012.313.01.469,0,.274-.011.547-.019.82-.008.254-.033.508-.026.761a5.19,5.19,0,0,1-.16,1.158.229.229,0,0,1-.211.174c-.292,0-.585-.007-.877-.024a.258.258,0,0,1-.24-.224,3.882,3.882,0,0,1-.053-.581,15.375,15.375,0,0,1,.1-1.991c.016-.136.023-.273.03-.41a.307.307,0,0,0-.116-.257c-.059-.051-.124-.1-.18-.15-.378-.369-.76-.733-1.126-1.112a3.583,3.583,0,0,1-.38-.517.157.157,0,0,1,.129-.252c.408-.04.817-.083,1.226-.116.526-.042,1.053-.074,1.788-.124" transform="translate(-79.121 -50.305)" fill="#17302d"></path> <path d="M135.14,118a2.413,2.413,0,0,1,.06-.813.412.412,0,0,1,.317-.31,2.11,2.11,0,0,1,.872-.037.273.273,0,0,1,.252.327c-.031.252-.058.5-.089.755a10.6,10.6,0,0,1-.242,1.443c-.074.283-.111.575-.175.861a.2.2,0,0,1-.332.093,1.008,1.008,0,0,1-.307-.489,4.884,4.884,0,0,1-.358-1.83" transform="translate(-81.769 -70.683)" fill="#17302d"></path> <path d="M11.785,110.994a1.112,1.112,0,0,1-1.062-.67.646.646,0,0,1-.043-.285.343.343,0,0,1,.418-.3,2.269,2.269,0,0,1,.372.167.46.46,0,0,0,.5-.027,4.885,4.885,0,0,0,.558-.425c.505-.462,1.007-.928,1.5-1.405.42-.41.825-.834,1.231-1.258a23.7,23.7,0,0,1,2.241-2.067,5.117,5.117,0,0,1,.479-.337.63.63,0,0,1,.222-.062.207.207,0,0,1,.2.171.575.575,0,0,1-.036.227,2.971,2.971,0,0,1-.24.4,13.931,13.931,0,0,1-1.484,1.815q-1.45,1.453-2.925,2.882a9.923,9.923,0,0,1-.8.682,2.246,2.246,0,0,1-.77.415c-.13.037-.265.059-.357.079" transform="translate(-6.462 -63.125)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Objektbau</p> </div> </button> <button class="flex flex-col items-center gap-2 p-2 text-left grow basis-1/2 sm:basis-1/3 bg-slate-300" x-data="{ tabId: '77afcd7a-a238-4ecb-aac7-b5fc840fbedd' }" :class="(tab === tabId) ? 'bg-transparent' : 'bg-slate-300'" @click="tab = tabId; $refs.article.scrollIntoView({ behavior: 'smooth' })"> <div class="flex w-16 h-16 grow" :class="{ '[&>svg>*]:fill-white': tab === tabId }"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 46 51"> <path d="M13.449,18.215a.943.943,0,0,1-.167.561c-.079.113-.171.219-.24.338a.178.178,0,0,0,.025.159.6.6,0,0,0,.185.144,16.231,16.231,0,0,1,2.883,2.092c1.161.993,2.277,2.034,3.389,3.081Q24.832,29.583,30.018,34.7q2,1.961,3.827,4.074c1.114,1.292,2.271,2.544,3.436,3.79.419.449.812.923,1.22,1.382a5.143,5.143,0,0,0,.377.375.4.4,0,0,1,.117.431,2.481,2.481,0,0,1-.32.7c-.064.1-.136.2-.2.3a.2.2,0,0,0,.051.266c.108.087.223.166.329.255a2.409,2.409,0,0,1,.255.248.568.568,0,0,1,.134.385.465.465,0,0,1-.571.445,1.1,1.1,0,0,1-.405-.239c-.2-.157-.281-.438-.557-.509l-.629.443a1.81,1.81,0,0,1-.528.266.9.9,0,0,1-.845-.148,4.822,4.822,0,0,1-.438-.4q-2-1.953-3.818-4.083a70.644,70.644,0,0,0-4.86-5.143c-.756-.73-1.5-1.473-2.249-2.209-.113-.111-.229-.22-.346-.326a.175.175,0,0,0-.26.035,1.028,1.028,0,0,0-.075.092,7.232,7.232,0,0,1-1.385,1.466c-.44.371-.888.731-1.334,1.093-.247.2-.26.249-.11.551.027.054.054.106.082.159.832,1.557,1.6,3.144,2.36,4.738a37.279,37.279,0,0,0,3.14,5.46c.33.471.65.949.966,1.429.327.5.647,1,.966,1.5.106.167.2.344.3.512a1.4,1.4,0,0,1,.193.911.8.8,0,0,1-.191.486,2.489,2.489,0,0,1-.206.215c-.323.286-.321.3-.06.681a3.745,3.745,0,0,1,.266.463.8.8,0,0,1,.07.285.357.357,0,0,1-.177.352.377.377,0,0,1-.4.01.845.845,0,0,1-.261-.235c-.138-.193-.253-.4-.38-.6a.258.258,0,0,0-.35-.13c-.134.037-.265.083-.4.112a1.117,1.117,0,0,1-1.044-.293,3.677,3.677,0,0,1-.459-.545c-.425-.6-.84-1.2-1.26-1.8-.09-.13-.179-.262-.273-.389a.211.211,0,0,0-.306-.076c-.052.028-.1.068-.151.095a.874.874,0,0,1-1.095-.128,3.5,3.5,0,0,1-.451-.473q-.582-.753-1.139-1.523a3.354,3.354,0,0,1-.318-.57,1.75,1.75,0,0,1-.135-.453,1,1,0,0,1,.309-.919c.1-.1.213-.177.307-.278a.185.185,0,0,0,.029-.162,2.772,2.772,0,0,0-.2-.366c-.538-.879-1.084-1.754-1.617-2.637-.892-1.478-1.7-3-2.453-4.555q-2.072-4.252-4.321-8.413-.639-1.176-1.316-2.331c-.751-1.284-1.453-2.594-2.123-3.923-.2-.406-.444-.8-.672-1.189a.215.215,0,0,0-.256-.1c-.058.014-.112.039-.17.054a.978.978,0,0,1-.175.032.838.838,0,0,1-.565-.144,3.277,3.277,0,0,1-.321-.264,22,22,0,0,1-2.106-2.181c-.883-1.072-1.8-2.115-2.73-3.144-.16-.176-.315-.357-.467-.54a4.056,4.056,0,0,1-.25-.333A1.1,1.1,0,0,1,.98,15.8a4.4,4.4,0,0,1,.479-.678c.256-.3.532-.588.808-.872.455-.469.411-.437.024-.909-.6-.736-1.2-1.479-1.795-2.221a4.089,4.089,0,0,1-.347-.483A.986.986,0,0,1,.412,9.307a.68.68,0,0,1,.877.006,2.058,2.058,0,0,1,.324.346c.672.911,1.428,1.752,2.151,2.621.038.046.075.092.114.137.113.127.208.136.364.032.132-.089.257-.187.39-.273.316-.2.631-.411.954-.6a3.62,3.62,0,0,1,.533-.261,1.286,1.286,0,0,1,1.482.269c.694.68,1.4,1.344,2.078,2.044.935.971,1.844,1.968,2.761,2.957.189.2.371.413.543.631a4.626,4.626,0,0,1,.329.494,1.066,1.066,0,0,1,.137.512m24.79,26.3c-.012-.036-.013-.082-.036-.107a1.661,1.661,0,0,0-.179-.156c-.463-.373-.935-.736-1.389-1.12a38.186,38.186,0,0,1-3.15-3.071c-1.276-1.36-2.569-2.7-3.914-3.992-.959-.919-1.928-1.828-2.888-2.746q-3.417-3.269-6.831-6.541c-1.42-1.354-2.832-2.718-4.3-4.024-1.021-.91-2.086-1.772-3.044-2.752-.014-.014-.03-.026-.045-.039a.224.224,0,0,0-.32-.01c-.342.3-.678.61-1.023.908s-.695.59-1.045.882c-.488.4-.979.807-1.468,1.21a1.007,1.007,0,0,0-.131.12.132.132,0,0,0-.031.162c.073.118.143.237.227.347a21.073,21.073,0,0,1,1.348,2.03c.448.749.9,1.494,1.348,2.243.619,1.039,1.251,2.07,1.847,3.122C14.4,33.067,15.5,35.2,16.58,37.342c.974,1.93,1.98,3.842,3.117,5.683.7,1.13,1.39,2.264,2.1,3.388q2.029,3.221,4.074,6.432c.1.151.2.3.3.441a.357.357,0,0,0,.473.128c.037-.013.075-.026.111-.042a8.054,8.054,0,0,1,1.73-.622.131.131,0,0,0,.072-.19c-.03-.051-.057-.1-.091-.152-.217-.308-.442-.611-.654-.922-.67-.984-1.369-1.946-2.111-2.876a24.809,24.809,0,0,1-2.195-3.179q-.911-1.6-1.777-3.231c-1.8-3.4-3.647-6.773-5.583-10.1-.928-1.593-1.849-3.191-2.687-4.835-.558-1.1-1.094-2.2-1.56-3.34a5.193,5.193,0,0,1-.2-.559.89.89,0,0,1-.008-.292.162.162,0,0,1,.223-.126,9.419,9.419,0,0,1,1.442.938c.648.553,1.3,1.1,1.934,1.673,1.369,1.235,2.726,2.484,4.09,3.725,1.334,1.214,2.686,2.41,4,3.642,1.289,1.2,2.542,2.448,3.815,3.67,1.7,1.635,3.352,3.322,4.891,5.113,1.227,1.429,2.483,2.833,3.784,4.2.411.431.429.467.915.08a2.147,2.147,0,0,0,.181-.153q.613-.607,1.221-1.217a.323.323,0,0,0,.046-.107M13.863,25.365c-.042.01-.062.01-.074.02s-.029.036-.024.048a4.012,4.012,0,0,0,.164.377c1.216,2.269,2.458,4.525,3.743,6.756.771,1.338,1.516,2.692,2.275,4.038a3.191,3.191,0,0,0,.26.394.174.174,0,0,0,.158.025.657.657,0,0,0,.192-.135c.494-.457.992-.911,1.476-1.378.37-.358.722-.734,1.079-1.1a.193.193,0,0,0,.008-.268c-.136-.144-.272-.288-.416-.424q-2.379-2.24-4.761-4.477c-1.246-1.162-2.5-2.314-3.7-3.52-.125-.125-.258-.241-.376-.351M6.419,14.983a1.893,1.893,0,0,0-1.353.516,1.255,1.255,0,0,0-.4.836,2.06,2.06,0,0,0,.227,1.15,3.023,3.023,0,0,0,.669.828,1,1,0,0,0,.879.261,2.126,2.126,0,0,0,1.87-1.809A1.324,1.324,0,0,0,7.8,15.449a2.142,2.142,0,0,0-1.381-.465" transform="translate(0 -5.492)" fill="#17302d"></path> <path d="M33.506,0a2.182,2.182,0,0,1,.931.334,8.834,8.834,0,0,1,.7.558c.773.712,1.553,1.416,2.3,2.154,1.978,1.948,3.939,3.912,5.91,5.867Q49.788,15.3,56.231,21.686c1.8,1.79,3.568,3.611,5.349,5.419.195.2.383.4.564.613a.583.583,0,0,1,.1.713.337.337,0,0,0,.027.389c.079.114.158.229.234.345a7.6,7.6,0,0,1,.809,1.585c.2.54.423,1.069.637,1.6.066.166.14.329.2.5a2.093,2.093,0,0,1,.1.342c.094.5-.213.786-.686.629a6.282,6.282,0,0,1-.82-.348c-.337-.168-.666-.353-.992-.54a19.126,19.126,0,0,0-1.907-.972c-.146-.063-.291-.127-.433-.2a5.12,5.12,0,0,1-1.35-.955C52.454,25.229,46.924,19.571,41.34,13.967,40,12.618,38.655,11.266,37.3,9.929,36.667,9.3,36.009,8.7,35.351,8.1a6.78,6.78,0,0,1-1.078-1.184,4.57,4.57,0,0,0-.465-.54c-.555-.594-1.122-1.177-1.669-1.778-.386-.425-.748-.872-1.12-1.31a.718.718,0,0,1-.16-.5,2.6,2.6,0,0,1,.652-1.8A3.322,3.322,0,0,1,33.2.038,2.8,2.8,0,0,1,33.506,0m.331.41a.194.194,0,0,0-.058.01,8.6,8.6,0,0,0-1.5.961,2.08,2.08,0,0,0-.6.875c-.088.242-.179.483-.269.724-.082.219-.059.295.133.462.433.377.868.752,1.3,1.135.251.224.491.462.737.692.086.081.178.156.27.231a.131.131,0,0,0,.2-.041,2.251,2.251,0,0,0,.086-.221A3.375,3.375,0,0,1,35.709,3.3c.1-.061.2-.127.3-.194a.168.168,0,0,0,.025-.215c-.129-.15-.258-.3-.392-.446a18.844,18.844,0,0,1-1.617-1.9.343.343,0,0,0-.081-.085A.573.573,0,0,0,33.837.41M62.442,30.851a.4.4,0,0,0-.007-.116c-.064-.166-.128-.332-.2-.493-.116-.251-.252-.493-.36-.748-.381-.9-.277-.818-1.07-.3-.05.032-.1.067-.147.1a3.966,3.966,0,0,0-1.23,1.638.184.184,0,0,0,.085.2c.036.017.07.036.107.05l1.594.641a1.274,1.274,0,0,0,.166.06.182.182,0,0,0,.208-.076,2.276,2.276,0,0,1,.76-.816.322.322,0,0,0,.075-.09.249.249,0,0,0,.023-.054" transform="translate(-18.522 0)" fill="#17302d"></path> </svg> </div> <div class="relative mb-2 text-sm text-left" :class="{ 'text-white after:absolute xl:after:left-2 after:w-full after:border after:border-white xl:w-full xl:pl-2': tab === tabId }"> <p>Planung</p> </div> </button> </div> <div class="px-12 mb-8 xl:px-0 xl:col-span-5"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2560" height="1440" class="lozad aspect-square object-cover object-center"> </div> <div class="flex flex-col gap-12 m-8 text-white md:ml-24 xl:col-span-5"> <h2 class="text-xl font-bold md:text-4xl"> Sonderlösungen </h2> <div class="xl:max-w-sm"> <p>Mit Produkten von der Stange lassen sich selten räumliche Probleme lösen: Vertrauen Sie auf die Qualitätsarbeit unserer Schreinerei – wir planen und fertigen Möbel und Einrichtungsgegenstände exakt, passgenau. Unsere Lösungen werten Räume auf und schenken nachhaltig Freude.</p> </div> <a href="#portfolio" @click="$dispatch('set-gallery', { gallery: 'Sonderlösungen' })" class="flex px-3 py-2 ml-4 text-sm text-white border-2 border-white rounded-full lg:ml-0 w-fit"> <span class="mr-2"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </span> <span class="flex-grow [&>p]:inline-block [&>p>*]:!font-normal"> Zu unserem Portfolio: Sonderlösungen </span> </a> </div> <div class="hidden xl:block xl:col-span-10"></div> <button class="flex items-center justify-center order-1 gap-2 text-white xl:-order-none xl:col-span-2 hover:underline" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <span class="p-2 border-2 rounded-full [&>svg]:fill-white"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </span> zurück </button> <div class="mx-8 mb-8 text-white sm:mx-auto col-span-full w-fit space-x-2 space-y-4"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = '949c40b4-acd2-4151-862f-9d4230fccbd3'; $refs.article.scrollIntoView({ behavior: 'smooth' })">3D-Planung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'e2db0ef9-f152-4f41-9600-14394f5c798e'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Raumgestaltung</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="false" @click="tab = 'a110c8c9-5b45-491f-8323-7609044be23a'; $refs.article.scrollIntoView({ behavior: 'smooth' })">Showroom</button> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-timber-green/75 hover:bg-timber-green/25 ring-2 ring-timber-green lg:ml-0 disabled:bg-timber-green/25 disabled:underline" x-bind:disabled="true" @click="tab = 'f5d83358-f9ee-49a2-877e-bf83ab4422c5'; $refs.article.scrollIntoView({ behavior: 'smooth' })" disabled="disabled">Sonderlösungen</button> </div> </div></div> </article> <article id="philosophie" x-data="{ tab: 'start', active: 0 }"> <div class="flex flex-wrap lg:flex-nowrap" x-show="tab === 'start'"> <div class="lg:w-7/12"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="2169" height="1665" class="lozad object-cover h-full"></div> <div class="mx-auto mt-16 lg:mx-24 lg:w-5/12"> <div class="flex flex-col justify-between h-full gap-12 mx-8 lg:mx-0"> <h2 class="max-w-xs ml-4 text-xl font-bold lg:ml-0 md:text-4xl text-casal"> <p>HOLZ SPRICHT EINE SPRACHE.</p> </h2> <h3 class="max-w-xs text-xl md:-ml-32 md:mr-32 md:text-3xl"> <p>Wir verstehen diese Sprache seit 1962.</p> </h3> <div class="max-w-md ml-4 text-xs md:text-sm xl:text-base md:mt-12 lg:ml-0"> <p>Schreiner wissen um ihr bedeutendes Handwerk. Deshalb lieben wir das, was wir tun: Holz jeden Tag in schönsten Formen zu neuem Leben erwecken. Für ein Zuhause mit einzigartigen Möbeln, ein Leben lang. Wir sind eine innovative Traditionsschreinerei. Altes, bewährtes Handwerk verbinden wir mit modernen Technologien und sind somit in der Lage, ästhetisch wunderschöne sowie funktional erstklassige Unikate zu schaffen.</p> </div> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full w-max bg-casal hover:bg-timber-green lg:ml-0" @click="tab = 'philosophie'; $root.scrollIntoView({ behavior: 'smooth' })"> Jetzt Philosophie erfahren </button> </div> </div> </div> <div x-show="tab === 'philosophie'" style="display: none;"> <div class="grid lg:grid-cols-2"> <div class="py-12 mx-8 space-y-6 sm:space-y-12 sm:mx-32"> <h2 class="text-2xl font-bold md:text-4xl text-casal"> <p>Holz spricht eine Sprache.</p> </h2> <h3 class="max-w-xs mr-12 -ml-2 text-xl sm:-ml-12 md:text-3xl"> <p>Wir verstehen diese Sprache seit 1962.</p> </h3> <div class="text-base [&>h3]:text-lg [&>h3]:text-casal [&>h3]:font-bold [&>*:first-child]:mb-12 space-y-4"> <p>Was Schreinermeister Josef Birkner sen. damals im Kleinen aufbaute, ist heute ein modernes und innovatives Unternehmen mit höchsten Ansprüchen. Wir sind ein bestens eingespieltes Team, in dem alle Hand in Hand arbeiten und fertigen. Menschen und Maschinen ergänzen sich bei uns zur täglichen Perfektion.</p><h3>Alles aus einer Hand</h3> <p>Montage. Dadurch sind wir in der Lage, alles aus einer Hand anbieten zu können.</p><h3>Familiärer Schreinerbetrieb</h3> <p>Die Schreinerei Birkner ist ein Familienbetrieb, wird in zweiter Generation von Josef Birkner jun. zusammen mit seinem Bruder Rainer geführt. Mit Sohn Julian Birkner ist bereits die dritte Generation im Betrieb tätig.</p> </div> <button class="flex items-center gap-4 px-12 py-2 text-sm text-white rounded-full bg-casal hover:bg-timber-green" @click="tab = 'start'; $root.scrollIntoView({ behavior: 'smooth' })"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> zurück </button> </div> <div class="py-12 text-white bg-casal"> <div class="space-y-12"> <div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32"> <h2 class="text-2xl font-bold md:text-4xl"> <p>Unser Team</p> </h2> <h3 class="max-w-md mr-12 -ml-2 text-xl sm:-ml-12 md:text-3xl"> <p>Erstklassig ausgebildet im eigenen Haus.</p> </h3> </div> <div class="grid grid-cols-4 select-none sm:mr-24" x-data="{ size: 7 }"> <div class="flex justify-end gap-3 pb-4 pr-4 col-span-full"> <button @click="active--" :class="{ invisible: active <= 0 }" class="invisible"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03" transform="rotate(180) translate(-14, -12)"></path> </svg> </button> <button @click="active++" :class="{ invisible: active >= size }"> <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </button> </div> <figure x-data="{ index: 0 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> <figure x-data="{ index: 1 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index" class="brightness-50"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> <figure x-data="{ index: 2 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index" class="brightness-50"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> <figure x-data="{ index: 3 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index" class="brightness-50"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> <figure x-data="{ index: 4 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index" class="brightness-50"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> <figure x-data="{ index: 5 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index" class="brightness-50"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> <figure x-data="{ index: 6 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index" class="brightness-50"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> <figure x-data="{ index: 7 }" :class="{ 'brightness-50': active!==index }" @mouseover="active = index" @click="active = index" class="brightness-50"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-320x.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-320x.webp 320w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-480x.webp 480w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-640x.webp 640w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-768x.webp 768w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="846" height="913" class="lozad pointer-events-none"> </figure> </div> <div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 0"> <p>Kundenbetreuung, Beratung, Planung, Bemusterung</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>Josef Birkner</p> </div> <p>Schreinermeister seit dem Jahr 1988. Er ist der erste Ansprechpartner, wenn es um Ihre Vorhaben geht. Von der Planung bis zur Umsetzung begleitet er Ihre Ideen und unterstützt Sie bei allen relevanten Themen.</p></div><div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 1" style="display: none;"> <p>Kundenbetreuung, Werkstattleiter, Beratung, Planung, Bemusterung</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>Rainer Birkner</p> </div> <p>Schreinermeister seit dem Jahr 1997. Als Spezialist für alle Werkstoffe und Maschinen ist er derjenige, der in der Werkstatt und beim Kunden dafür sorgt, dass alles zur vollsten Zufriedenheit gefertigt wird.</p></div><div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 2" style="display: none;"> <p>Juniorchef, Schreinermeister</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>Julian Birkner</p> </div> </div><div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 3" style="display: none;"> <p>Seniorchef</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>Josef Birkner sen.</p> </div> <p>Als gute Seele der Werkstatt kümmert er sich in seinem wohlverdienten Ruhestand schnell und unkompliziert um die kleinen Arbeiten, die in der Werkstatt zu erledigen sind. Gerne steht er allen mit Rat und Tat zur Seite und gibt sein umfangreiches Wissen an die nächsten Generationen weiter.</p></div><div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 4" style="display: none;"> <p>Schreinergeselle</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>Josef Weidner</p> </div> </div><div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 5" style="display: none;"> <p>Schreinergeselle</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>Hannes Heining</p> </div> </div><div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 6" style="display: none;"> <p>Schreinergeselle</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>Josef Götzl</p> </div> </div><div class="mx-8 space-y-6 sm:space-y-12 sm:mx-32" x-show="active === 7" style="display: none;"> <p>Schreinergeselle</p> <div class="-ml-2 text-2xl sm:-ml-12 md:text-5xl"> <p>W. Kopp</p> </div> </div> </div> </div> </div> </div> </article> <article id="portfolio" class="pt-16 pb-8"> <div class="mx-8 mb-12 space-y-12 text-center sm:max-w-md sm:mx-auto"> <h2 class="text-xl md:text-4xl"> <p>Alles natürlich aus Holz</p> </h2> <div class="text-xs md:text-base"> <p>Wir fertigen, schreinern nach alter Handwerkskunst, mit leidenschaftlicher Liebe zum Detail – und setzen Hightech dort ein, wo es dem Unikat dient.</p><p><strong>Jetzt Portfolio entdecken</strong></p> </div> </div> <div x-data="{ tab: 'Küchen', page: 1, perPage: 9, showAll: false }" @set-gallery.window="tab = $event.detail.gallery"> <div class="pb-8 mx-8 my-4 md:mx-16"> <div class="relative grid items-center max-w-6xl grid-cols-2 gap-4 mx-auto md:grid-cols-3 lg:grid-cols-6"> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold bg-casal text-white cursor-default" x-show="true || showAll" :class="tab === 'Küchen' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Küchen'; page = 1"> Küchen </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="true || showAll" :class="tab === 'Betten' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Betten'; page = 1"> Betten </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="true || showAll" :class="tab === 'Wohnzimmer' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Wohnzimmer'; page = 1"> Wohnzimmer </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="true || showAll" :class="tab === 'Esszimmer' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Esszimmer'; page = 1"> Esszimmer </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="true || showAll" :class="tab === 'Gaderobe' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Gaderobe'; page = 1"> Gaderobe </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="true || showAll" :class="tab === 'Schränke' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Schränke'; page = 1"> Schränke </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Fenster' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Fenster'; page = 1" style="display: none;"> Fenster </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Türen' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Türen'; page = 1" style="display: none;"> Türen </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Böden/Decken' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Böden/Decken'; page = 1" style="display: none;"> Böden/Decken </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Treppen' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Treppen'; page = 1" style="display: none;"> Treppen </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Balkone' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Balkone'; page = 1" style="display: none;"> Balkone </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Trockenbau' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Trockenbau'; page = 1" style="display: none;"> Trockenbau </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Glaserei' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Glaserei'; page = 1" style="display: none;"> Glaserei </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Modernisieren/Sanieren' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Modernisieren/Sanieren'; page = 1" style="display: none;"> Modernisieren/Sanieren </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Reparaturen' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Reparaturen'; page = 1" style="display: none;"> Reparaturen </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Barrierefrei Wohnen' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Barrierefrei Wohnen'; page = 1" style="display: none;"> Barrierefrei Wohnen </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Gastronomie' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Gastronomie'; page = 1" style="display: none;"> Gastronomie </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Büro' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Büro'; page = 1" style="display: none;"> Büro </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Theken' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Theken'; page = 1" style="display: none;"> Theken </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Konferenz' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Konferenz'; page = 1" style="display: none;"> Konferenz </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Kindergarten' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Kindergarten'; page = 1" style="display: none;"> Kindergarten </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === '3D-Planung' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = '3D-Planung'; page = 1" style="display: none;"> 3D-Planung </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Raumgestaltung' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Raumgestaltung'; page = 1" style="display: none;"> Raumgestaltung </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Showroom' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Showroom'; page = 1" style="display: none;"> Showroom </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Sonderlösungen' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Sonderlösungen'; page = 1" style="display: none;"> Sonderlösungen </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Ausbau Altholz' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Ausbau Altholz'; page = 1" style="display: none;"> Ausbau Altholz </button> <button class="px-3 py-2 text-sm rounded-full min-w-[7rem] border-2 border-casal font-bold hover:bg-slate-300 bg-transparent text-casal" x-show="false || showAll" :class="tab === 'Wohlfühlbäder' ? 'bg-casal text-white cursor-default' : 'hover:bg-slate-300 bg-transparent text-casal'" @click="tab = 'Wohlfühlbäder'; page = 1" style="display: none;"> Wohlfühlbäder </button> <button class="flex items-center justify-center w-12 h-12 col-span-2 gap-2 px-3 py-2 mx-auto text-sm font-bold text-white transform border-2 rounded-full border-casal md:absolute md:-translate-y-1/2 md:top-1/2 md:-right-14 place-self-start md:col-span-6 hover:bg-slate-300" @click="showAll = true" x-show="showAll === false" aria-label="showAll"> <span class="transition-transform transform [&>svg]:fill-casal"><svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg></span> </button> </div> </div> <div x-show="tab === 'Küchen'"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/c40d07629e-1699446644/fa8a0454-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/c40d07629e-1699446644/fa8a0454-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/c40d07629e-1699446644/fa8a0454-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/c40d07629e-1699446644/fa8a0454-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/c40d07629e-1699446644/fa8a0454-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/c40d07629e-1699446644/fa8a0454-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/6c2118a3bd-1699446650/fa8a0496-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/6c2118a3bd-1699446650/fa8a0496-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/6c2118a3bd-1699446650/fa8a0496-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/6c2118a3bd-1699446650/fa8a0496-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/6c2118a3bd-1699446650/fa8a0496-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/6c2118a3bd-1699446650/fa8a0496-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/d869775500-1699446617/fa8a0445-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d869775500-1699446617/fa8a0445-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/d869775500-1699446617/fa8a0445-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/d869775500-1699446617/fa8a0445-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/d869775500-1699446617/fa8a0445-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/d869775500-1699446617/fa8a0445-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/8d1ca85f20-1699446658/fa8a0479-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/8d1ca85f20-1699446658/fa8a0479-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/8d1ca85f20-1699446658/fa8a0479-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/8d1ca85f20-1699446658/fa8a0479-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/8d1ca85f20-1699446658/fa8a0479-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/8d1ca85f20-1699446658/fa8a0479-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/741c7bf3d9-1699446623/kuche-fa8a5867-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/741c7bf3d9-1699446623/kuche-fa8a5867-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/741c7bf3d9-1699446623/kuche-fa8a5867-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/741c7bf3d9-1699446623/kuche-fa8a5867-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/741c7bf3d9-1699446623/kuche-fa8a5867-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/741c7bf3d9-1699446623/kuche-fa8a5867-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7ac4c2280a-1699446656/kuche-fa8a5876-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7ac4c2280a-1699446656/kuche-fa8a5876-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7ac4c2280a-1699446656/kuche-fa8a5876-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7ac4c2280a-1699446656/kuche-fa8a5876-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7ac4c2280a-1699446656/kuche-fa8a5876-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7ac4c2280a-1699446656/kuche-fa8a5876-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7baa643943-1699446625/kuche-fa8a5893-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7baa643943-1699446625/kuche-fa8a5893-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7baa643943-1699446625/kuche-fa8a5893-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7baa643943-1699446625/kuche-fa8a5893-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7baa643943-1699446625/kuche-fa8a5893-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7baa643943-1699446625/kuche-fa8a5893-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="7 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Betten'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7861a34748-1699446614/schlafzimmer-fa8a7343-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7861a34748-1699446614/schlafzimmer-fa8a7343-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7861a34748-1699446614/schlafzimmer-fa8a7343-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7861a34748-1699446614/schlafzimmer-fa8a7343-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7861a34748-1699446614/schlafzimmer-fa8a7343-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7861a34748-1699446614/schlafzimmer-fa8a7343-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/0c17795d7c-1699446618/schlafzimmer-fa8a7341-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/0c17795d7c-1699446618/schlafzimmer-fa8a7341-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/0c17795d7c-1699446618/schlafzimmer-fa8a7341-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/0c17795d7c-1699446618/schlafzimmer-fa8a7341-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/0c17795d7c-1699446618/schlafzimmer-fa8a7341-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/0c17795d7c-1699446618/schlafzimmer-fa8a7341-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2483b20b67-1699446625/schlafzimmer-fa8a7927-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2483b20b67-1699446625/schlafzimmer-fa8a7927-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/2483b20b67-1699446625/schlafzimmer-fa8a7927-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/2483b20b67-1699446625/schlafzimmer-fa8a7927-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/2483b20b67-1699446625/schlafzimmer-fa8a7927-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/2483b20b67-1699446625/schlafzimmer-fa8a7927-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/ccf87dffe8-1699446614/schlafzimmer-fa8a7967-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/ccf87dffe8-1699446614/schlafzimmer-fa8a7967-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/ccf87dffe8-1699446614/schlafzimmer-fa8a7967-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/ccf87dffe8-1699446614/schlafzimmer-fa8a7967-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/ccf87dffe8-1699446614/schlafzimmer-fa8a7967-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/ccf87dffe8-1699446614/schlafzimmer-fa8a7967-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/fe808cc279-1699446632/schlafzimmer-fa8a7955-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/fe808cc279-1699446632/schlafzimmer-fa8a7955-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/fe808cc279-1699446632/schlafzimmer-fa8a7955-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/fe808cc279-1699446632/schlafzimmer-fa8a7955-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/fe808cc279-1699446632/schlafzimmer-fa8a7955-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/fe808cc279-1699446632/schlafzimmer-fa8a7955-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/92fd76b521-1699446647/schlafzimmer-fa8a7979-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/92fd76b521-1699446647/schlafzimmer-fa8a7979-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/92fd76b521-1699446647/schlafzimmer-fa8a7979-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/92fd76b521-1699446647/schlafzimmer-fa8a7979-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/92fd76b521-1699446647/schlafzimmer-fa8a7979-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/92fd76b521-1699446647/schlafzimmer-fa8a7979-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 7 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 8 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/6a54ba1402-1699446641/schlafzimmer-fa8a8032-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/6a54ba1402-1699446641/schlafzimmer-fa8a8032-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/6a54ba1402-1699446641/schlafzimmer-fa8a8032-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/6a54ba1402-1699446641/schlafzimmer-fa8a8032-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/6a54ba1402-1699446641/schlafzimmer-fa8a8032-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/6a54ba1402-1699446641/schlafzimmer-fa8a8032-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 9 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/5f53f085be-1699446653/schlafzimmer-fa8a7992-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/5f53f085be-1699446653/schlafzimmer-fa8a7992-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/5f53f085be-1699446653/schlafzimmer-fa8a7992-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/5f53f085be-1699446653/schlafzimmer-fa8a7992-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/5f53f085be-1699446653/schlafzimmer-fa8a7992-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/5f53f085be-1699446653/schlafzimmer-fa8a7992-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="10 > (page*perPage)"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Wohnzimmer'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/dbe2795368-1699446639/wohnzimmer-fa8a1535-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/dbe2795368-1699446639/wohnzimmer-fa8a1535-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/dbe2795368-1699446639/wohnzimmer-fa8a1535-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/dbe2795368-1699446639/wohnzimmer-fa8a1535-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/dbe2795368-1699446639/wohnzimmer-fa8a1535-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/dbe2795368-1699446639/wohnzimmer-fa8a1535-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/69743a9bf2-1699446618/wohnzimmer-fa8a1552-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/69743a9bf2-1699446618/wohnzimmer-fa8a1552-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/69743a9bf2-1699446618/wohnzimmer-fa8a1552-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/69743a9bf2-1699446618/wohnzimmer-fa8a1552-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/69743a9bf2-1699446618/wohnzimmer-fa8a1552-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/69743a9bf2-1699446618/wohnzimmer-fa8a1552-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/e7eaed18a5-1699446613/wohnzimmer-fa8a1568-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/e7eaed18a5-1699446613/wohnzimmer-fa8a1568-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/e7eaed18a5-1699446613/wohnzimmer-fa8a1568-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/e7eaed18a5-1699446613/wohnzimmer-fa8a1568-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/e7eaed18a5-1699446613/wohnzimmer-fa8a1568-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/e7eaed18a5-1699446613/wohnzimmer-fa8a1568-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/fc1ac40305-1699446630/wohnzimmer-fa8a1583-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/fc1ac40305-1699446630/wohnzimmer-fa8a1583-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/fc1ac40305-1699446630/wohnzimmer-fa8a1583-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/fc1ac40305-1699446630/wohnzimmer-fa8a1583-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/fc1ac40305-1699446630/wohnzimmer-fa8a1583-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/fc1ac40305-1699446630/wohnzimmer-fa8a1583-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/6a7c8efe9d-1699446633/wohnzimmer-fa8a1586-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/6a7c8efe9d-1699446633/wohnzimmer-fa8a1586-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/6a7c8efe9d-1699446633/wohnzimmer-fa8a1586-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/6a7c8efe9d-1699446633/wohnzimmer-fa8a1586-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/6a7c8efe9d-1699446633/wohnzimmer-fa8a1586-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/6a7c8efe9d-1699446633/wohnzimmer-fa8a1586-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="5 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Esszimmer'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/27943619bf-1699446612/esszimmer-fa8a5563-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/27943619bf-1699446612/esszimmer-fa8a5563-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/27943619bf-1699446612/esszimmer-fa8a5563-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/27943619bf-1699446612/esszimmer-fa8a5563-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/27943619bf-1699446612/esszimmer-fa8a5563-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/27943619bf-1699446612/esszimmer-fa8a5563-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/3537bf5f58-1699446638/esszimmer-fa8a5784-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/3537bf5f58-1699446638/esszimmer-fa8a5784-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/3537bf5f58-1699446638/esszimmer-fa8a5784-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/3537bf5f58-1699446638/esszimmer-fa8a5784-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/3537bf5f58-1699446638/esszimmer-fa8a5784-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/3537bf5f58-1699446638/esszimmer-fa8a5784-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/47928bd712-1699446651/esszimmer-fa8a5597-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/47928bd712-1699446651/esszimmer-fa8a5597-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/47928bd712-1699446651/esszimmer-fa8a5597-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/47928bd712-1699446651/esszimmer-fa8a5597-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/47928bd712-1699446651/esszimmer-fa8a5597-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/47928bd712-1699446651/esszimmer-fa8a5597-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/7b4ef5bf99-1699446649/esszimmer-fa8a6050-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7b4ef5bf99-1699446649/esszimmer-fa8a6050-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7b4ef5bf99-1699446649/esszimmer-fa8a6050-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7b4ef5bf99-1699446649/esszimmer-fa8a6050-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7b4ef5bf99-1699446649/esszimmer-fa8a6050-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7b4ef5bf99-1699446649/esszimmer-fa8a6050-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/4aee052c04-1699446635/esszimmer-fa8a6058-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/4aee052c04-1699446635/esszimmer-fa8a6058-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/4aee052c04-1699446635/esszimmer-fa8a6058-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/4aee052c04-1699446635/esszimmer-fa8a6058-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/4aee052c04-1699446635/esszimmer-fa8a6058-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/4aee052c04-1699446635/esszimmer-fa8a6058-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/1095833cec-1699446627/esszimmer-fa8a6065-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/1095833cec-1699446627/esszimmer-fa8a6065-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/1095833cec-1699446627/esszimmer-fa8a6065-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/1095833cec-1699446627/esszimmer-fa8a6065-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/1095833cec-1699446627/esszimmer-fa8a6065-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/1095833cec-1699446627/esszimmer-fa8a6065-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 7 }" x-show="index < (page*perPage)"> <img alt="esszimmer-fa8a7442" src="https://www.schreinerei-birkner.de/media/pages/home/e1e9aeaa04-1699446651/esszimmer-fa8a7442-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/e1e9aeaa04-1699446651/esszimmer-fa8a7442-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/e1e9aeaa04-1699446651/esszimmer-fa8a7442-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/e1e9aeaa04-1699446651/esszimmer-fa8a7442-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/e1e9aeaa04-1699446651/esszimmer-fa8a7442-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/e1e9aeaa04-1699446651/esszimmer-fa8a7442-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 8 }" x-show="index < (page*perPage)"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/37361959e9-1699446613/esszimmer-fa8a7444-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/37361959e9-1699446613/esszimmer-fa8a7444-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/37361959e9-1699446613/esszimmer-fa8a7444-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/37361959e9-1699446613/esszimmer-fa8a7444-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/37361959e9-1699446613/esszimmer-fa8a7444-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/37361959e9-1699446613/esszimmer-fa8a7444-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 9 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="esszimmer" src="https://www.schreinerei-birkner.de/media/pages/home/9323172a2a-1699446661/esszimmer-fa8a7451-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9323172a2a-1699446661/esszimmer-fa8a7451-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/9323172a2a-1699446661/esszimmer-fa8a7451-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/9323172a2a-1699446661/esszimmer-fa8a7451-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/9323172a2a-1699446661/esszimmer-fa8a7451-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/9323172a2a-1699446661/esszimmer-fa8a7451-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 10 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2c2fac86cd-1699446657/esszimmer-fa8a7455-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2c2fac86cd-1699446657/esszimmer-fa8a7455-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/2c2fac86cd-1699446657/esszimmer-fa8a7455-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/2c2fac86cd-1699446657/esszimmer-fa8a7455-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/2c2fac86cd-1699446657/esszimmer-fa8a7455-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/2c2fac86cd-1699446657/esszimmer-fa8a7455-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 11 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7ee79b41be-1699446644/esszimmer-fa8a7459-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7ee79b41be-1699446644/esszimmer-fa8a7459-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7ee79b41be-1699446644/esszimmer-fa8a7459-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7ee79b41be-1699446644/esszimmer-fa8a7459-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7ee79b41be-1699446644/esszimmer-fa8a7459-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7ee79b41be-1699446644/esszimmer-fa8a7459-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="12 > (page*perPage)"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Gaderobe'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/f93d96c14f-1699446633/gaderobe-fa8a2058-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/f93d96c14f-1699446633/gaderobe-fa8a2058-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/f93d96c14f-1699446633/gaderobe-fa8a2058-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/f93d96c14f-1699446633/gaderobe-fa8a2058-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/f93d96c14f-1699446633/gaderobe-fa8a2058-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/f93d96c14f-1699446633/gaderobe-fa8a2058-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/6325ab1af4-1699446639/gaderobe-fa8a2062-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/6325ab1af4-1699446639/gaderobe-fa8a2062-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/6325ab1af4-1699446639/gaderobe-fa8a2062-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/6325ab1af4-1699446639/gaderobe-fa8a2062-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/6325ab1af4-1699446639/gaderobe-fa8a2062-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/6325ab1af4-1699446639/gaderobe-fa8a2062-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/ee68d6ffc5-1699446660/gaderobe-fa8a2069-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/ee68d6ffc5-1699446660/gaderobe-fa8a2069-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/ee68d6ffc5-1699446660/gaderobe-fa8a2069-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/ee68d6ffc5-1699446660/gaderobe-fa8a2069-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/ee68d6ffc5-1699446660/gaderobe-fa8a2069-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/ee68d6ffc5-1699446660/gaderobe-fa8a2069-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/6f25d404c6-1699446641/gaderobe-fa8a2073-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/6f25d404c6-1699446641/gaderobe-fa8a2073-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/6f25d404c6-1699446641/gaderobe-fa8a2073-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/6f25d404c6-1699446641/gaderobe-fa8a2073-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/6f25d404c6-1699446641/gaderobe-fa8a2073-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/6f25d404c6-1699446641/gaderobe-fa8a2073-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/a852a9ce7f-1699446613/gaderobe-fa8a1382-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/a852a9ce7f-1699446613/gaderobe-fa8a1382-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/a852a9ce7f-1699446613/gaderobe-fa8a1382-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/a852a9ce7f-1699446613/gaderobe-fa8a1382-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/a852a9ce7f-1699446613/gaderobe-fa8a1382-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/a852a9ce7f-1699446613/gaderobe-fa8a1382-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/ae46637d7a-1699446617/gaderobe-fa8a1405-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/ae46637d7a-1699446617/gaderobe-fa8a1405-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/ae46637d7a-1699446617/gaderobe-fa8a1405-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/ae46637d7a-1699446617/gaderobe-fa8a1405-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/ae46637d7a-1699446617/gaderobe-fa8a1405-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/ae46637d7a-1699446617/gaderobe-fa8a1405-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="7 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Schränke'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/3ef7cd2105-1699446648/fa8a9900-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/3ef7cd2105-1699446648/fa8a9900-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/3ef7cd2105-1699446648/fa8a9900-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/3ef7cd2105-1699446648/fa8a9900-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/3ef7cd2105-1699446648/fa8a9900-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/3ef7cd2105-1699446648/fa8a9900-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/57871ebcc8-1699446630/fa8a9907-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/57871ebcc8-1699446630/fa8a9907-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/57871ebcc8-1699446630/fa8a9907-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/57871ebcc8-1699446630/fa8a9907-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/57871ebcc8-1699446630/fa8a9907-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/57871ebcc8-1699446630/fa8a9907-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/b0d6f4e501-1699446625/fa8a9912-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b0d6f4e501-1699446625/fa8a9912-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/b0d6f4e501-1699446625/fa8a9912-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/b0d6f4e501-1699446625/fa8a9912-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/b0d6f4e501-1699446625/fa8a9912-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/b0d6f4e501-1699446625/fa8a9912-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7980489e68-1699446623/fa8a0060-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7980489e68-1699446623/fa8a0060-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7980489e68-1699446623/fa8a0060-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7980489e68-1699446623/fa8a0060-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7980489e68-1699446623/fa8a0060-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7980489e68-1699446623/fa8a0060-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/a270e1e0ca-1699446652/fa8a0078-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/a270e1e0ca-1699446652/fa8a0078-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/a270e1e0ca-1699446652/fa8a0078-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/a270e1e0ca-1699446652/fa8a0078-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/a270e1e0ca-1699446652/fa8a0078-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/a270e1e0ca-1699446652/fa8a0078-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 7 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/4b7248495d-1699446636/fa8a0076-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/4b7248495d-1699446636/fa8a0076-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/4b7248495d-1699446636/fa8a0076-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/4b7248495d-1699446636/fa8a0076-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/4b7248495d-1699446636/fa8a0076-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/4b7248495d-1699446636/fa8a0076-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 8 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/9571e92d1f-1699446613/fa8a0071-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9571e92d1f-1699446613/fa8a0071-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/9571e92d1f-1699446613/fa8a0071-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/9571e92d1f-1699446613/fa8a0071-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/9571e92d1f-1699446613/fa8a0071-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/9571e92d1f-1699446613/fa8a0071-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 9 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/1fb3694645-1699446636/schrank-losungen-16bad4-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/1fb3694645-1699446636/schrank-losungen-16bad4-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/1fb3694645-1699446636/schrank-losungen-16bad4-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/1fb3694645-1699446636/schrank-losungen-16bad4-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/1fb3694645-1699446636/schrank-losungen-16bad4-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/1fb3694645-1699446636/schrank-losungen-16bad4-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 10 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/603b2e5055-1699446619/schrank-losungen-16bad4-3-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/603b2e5055-1699446619/schrank-losungen-16bad4-3-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/603b2e5055-1699446619/schrank-losungen-16bad4-3-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/603b2e5055-1699446619/schrank-losungen-16bad4-3-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/603b2e5055-1699446619/schrank-losungen-16bad4-3-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/603b2e5055-1699446619/schrank-losungen-16bad4-3-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 11 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/5332bacd32-1699446641/schrank-losungen-16bad4-1-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/5332bacd32-1699446641/schrank-losungen-16bad4-1-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/5332bacd32-1699446641/schrank-losungen-16bad4-1-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/5332bacd32-1699446641/schrank-losungen-16bad4-1-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/5332bacd32-1699446641/schrank-losungen-16bad4-1-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/5332bacd32-1699446641/schrank-losungen-16bad4-1-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 12 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/91c8d922cf-1699446629/schrank-losungen-fa8a2116-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/91c8d922cf-1699446629/schrank-losungen-fa8a2116-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/91c8d922cf-1699446629/schrank-losungen-fa8a2116-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/91c8d922cf-1699446629/schrank-losungen-fa8a2116-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/91c8d922cf-1699446629/schrank-losungen-fa8a2116-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/91c8d922cf-1699446629/schrank-losungen-fa8a2116-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 13 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/34746b8c81-1699446616/schrank-losungen-fa8a2137-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/34746b8c81-1699446616/schrank-losungen-fa8a2137-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/34746b8c81-1699446616/schrank-losungen-fa8a2137-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/34746b8c81-1699446616/schrank-losungen-fa8a2137-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/34746b8c81-1699446616/schrank-losungen-fa8a2137-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/34746b8c81-1699446616/schrank-losungen-fa8a2137-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 14 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/4a67b61adc-1699446645/schrank-losungen-fa8a2092-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/4a67b61adc-1699446645/schrank-losungen-fa8a2092-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/4a67b61adc-1699446645/schrank-losungen-fa8a2092-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/4a67b61adc-1699446645/schrank-losungen-fa8a2092-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/4a67b61adc-1699446645/schrank-losungen-fa8a2092-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/4a67b61adc-1699446645/schrank-losungen-fa8a2092-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="15 > (page*perPage)"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Fenster'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/0e1584df29-1699446643/closed-window-beautiful-picture-outside-nature-view-resort-resting-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/0e1584df29-1699446643/closed-window-beautiful-picture-outside-nature-view-resort-resting-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/0e1584df29-1699446643/closed-window-beautiful-picture-outside-nature-view-resort-resting-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/0e1584df29-1699446643/closed-window-beautiful-picture-outside-nature-view-resort-resting-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/0e1584df29-1699446643/closed-window-beautiful-picture-outside-nature-view-resort-resting-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/0e1584df29-1699446643/closed-window-beautiful-picture-outside-nature-view-resort-resting-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/47b4bc8db2-1699446634/empty-door-living-room-interior-background-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/47b4bc8db2-1699446634/empty-door-living-room-interior-background-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/47b4bc8db2-1699446634/empty-door-living-room-interior-background-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/47b4bc8db2-1699446634/empty-door-living-room-interior-background-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/47b4bc8db2-1699446634/empty-door-living-room-interior-background-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/47b4bc8db2-1699446634/empty-door-living-room-interior-background-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="2 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Türen'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/77ca19ff12-1699446615/turen-fa8a1505-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/77ca19ff12-1699446615/turen-fa8a1505-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/77ca19ff12-1699446615/turen-fa8a1505-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/77ca19ff12-1699446615/turen-fa8a1505-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/77ca19ff12-1699446615/turen-fa8a1505-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/77ca19ff12-1699446615/turen-fa8a1505-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/a31a5b08b9-1699446658/turen-fa8a1515-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/a31a5b08b9-1699446658/turen-fa8a1515-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/a31a5b08b9-1699446658/turen-fa8a1515-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/a31a5b08b9-1699446658/turen-fa8a1515-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/a31a5b08b9-1699446658/turen-fa8a1515-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/a31a5b08b9-1699446658/turen-fa8a1515-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="3 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Böden/Decken'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="Tisch" src="https://www.schreinerei-birkner.de/media/pages/home/7f92f547a2-1699446638/desk-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7f92f547a2-1699446638/desk-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7f92f547a2-1699446638/desk-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7f92f547a2-1699446638/desk-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7f92f547a2-1699446638/desk-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7f92f547a2-1699446638/desk-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="1 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Treppen'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/d7408c4306-1699446612/treppen-fa8a6999-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d7408c4306-1699446612/treppen-fa8a6999-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/d7408c4306-1699446612/treppen-fa8a6999-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/d7408c4306-1699446612/treppen-fa8a6999-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/d7408c4306-1699446612/treppen-fa8a6999-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/d7408c4306-1699446612/treppen-fa8a6999-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/4c727c5ed7-1699446656/treppen-fa8a7034-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/4c727c5ed7-1699446656/treppen-fa8a7034-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/4c727c5ed7-1699446656/treppen-fa8a7034-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/4c727c5ed7-1699446656/treppen-fa8a7034-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/4c727c5ed7-1699446656/treppen-fa8a7034-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/4c727c5ed7-1699446656/treppen-fa8a7034-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2bcdc5a281-1699446611/treppen-fa8a7030-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2bcdc5a281-1699446611/treppen-fa8a7030-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/2bcdc5a281-1699446611/treppen-fa8a7030-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/2bcdc5a281-1699446611/treppen-fa8a7030-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/2bcdc5a281-1699446611/treppen-fa8a7030-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/2bcdc5a281-1699446611/treppen-fa8a7030-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/22b738c216-1699446631/treppen-fa8a7041-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/22b738c216-1699446631/treppen-fa8a7041-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/22b738c216-1699446631/treppen-fa8a7041-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/22b738c216-1699446631/treppen-fa8a7041-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/22b738c216-1699446631/treppen-fa8a7041-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/22b738c216-1699446631/treppen-fa8a7041-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2531859a18-1699446633/treppen-fa8a5922-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2531859a18-1699446633/treppen-fa8a5922-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/2531859a18-1699446633/treppen-fa8a5922-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/2531859a18-1699446633/treppen-fa8a5922-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/2531859a18-1699446633/treppen-fa8a5922-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/2531859a18-1699446633/treppen-fa8a5922-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/25a7db8ac2-1699446643/treppen-fa8a5928-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/25a7db8ac2-1699446643/treppen-fa8a5928-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/25a7db8ac2-1699446643/treppen-fa8a5928-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/25a7db8ac2-1699446643/treppen-fa8a5928-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/25a7db8ac2-1699446643/treppen-fa8a5928-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/25a7db8ac2-1699446643/treppen-fa8a5928-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/ca02381991-1699446638/treppen-fa8a5342-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/ca02381991-1699446638/treppen-fa8a5342-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/ca02381991-1699446638/treppen-fa8a5342-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/ca02381991-1699446638/treppen-fa8a5342-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/ca02381991-1699446638/treppen-fa8a5342-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/ca02381991-1699446638/treppen-fa8a5342-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 7 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/9a12a37435-1699446640/treppen-fa8a5391-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9a12a37435-1699446640/treppen-fa8a5391-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/9a12a37435-1699446640/treppen-fa8a5391-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/9a12a37435-1699446640/treppen-fa8a5391-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/9a12a37435-1699446640/treppen-fa8a5391-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/9a12a37435-1699446640/treppen-fa8a5391-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 8 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 9 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/80c36835a8-1699446652/treppen-fa8a5311-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/80c36835a8-1699446652/treppen-fa8a5311-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/80c36835a8-1699446652/treppen-fa8a5311-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/80c36835a8-1699446652/treppen-fa8a5311-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/80c36835a8-1699446652/treppen-fa8a5311-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/80c36835a8-1699446652/treppen-fa8a5311-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 10 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/55f0366911-1699446635/treppen-fa8a5473-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/55f0366911-1699446635/treppen-fa8a5473-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/55f0366911-1699446635/treppen-fa8a5473-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/55f0366911-1699446635/treppen-fa8a5473-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/55f0366911-1699446635/treppen-fa8a5473-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/55f0366911-1699446635/treppen-fa8a5473-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 11 }" x-show="index < (page*perPage)" style="display: none;"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/8646cc6ddd-1699446650/treppen-fa8a5406-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/8646cc6ddd-1699446650/treppen-fa8a5406-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/8646cc6ddd-1699446650/treppen-fa8a5406-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/8646cc6ddd-1699446650/treppen-fa8a5406-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/8646cc6ddd-1699446650/treppen-fa8a5406-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/8646cc6ddd-1699446650/treppen-fa8a5406-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="12 > (page*perPage)"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Balkone'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Trockenbau'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Glaserei'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/ebd7962fe0-1699446659/fa8a0004-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/ebd7962fe0-1699446659/fa8a0004-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/ebd7962fe0-1699446659/fa8a0004-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/ebd7962fe0-1699446659/fa8a0004-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/ebd7962fe0-1699446659/fa8a0004-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/ebd7962fe0-1699446659/fa8a0004-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="2 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Modernisieren/Sanieren'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/9fff7a3370-1699446612/nachher-kaibitz-2-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9fff7a3370-1699446612/nachher-kaibitz-2-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/9fff7a3370-1699446612/nachher-kaibitz-2-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/9fff7a3370-1699446612/nachher-kaibitz-2-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/9fff7a3370-1699446612/nachher-kaibitz-2-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/9fff7a3370-1699446612/nachher-kaibitz-2-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="2 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Reparaturen'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Barrierefrei Wohnen'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Gastronomie'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/b905809a5f-1699446616/gastronomie-fa8a7857-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b905809a5f-1699446616/gastronomie-fa8a7857-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/b905809a5f-1699446616/gastronomie-fa8a7857-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/b905809a5f-1699446616/gastronomie-fa8a7857-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/b905809a5f-1699446616/gastronomie-fa8a7857-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/b905809a5f-1699446616/gastronomie-fa8a7857-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/ab46aa007c-1699446639/gastronomie-fa8a7823-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/ab46aa007c-1699446639/gastronomie-fa8a7823-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/ab46aa007c-1699446639/gastronomie-fa8a7823-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/ab46aa007c-1699446639/gastronomie-fa8a7823-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/ab46aa007c-1699446639/gastronomie-fa8a7823-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/ab46aa007c-1699446639/gastronomie-fa8a7823-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/99c3201edf-1699446632/gastronomie-fa8a7879-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/99c3201edf-1699446632/gastronomie-fa8a7879-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/99c3201edf-1699446632/gastronomie-fa8a7879-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/99c3201edf-1699446632/gastronomie-fa8a7879-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/99c3201edf-1699446632/gastronomie-fa8a7879-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/99c3201edf-1699446632/gastronomie-fa8a7879-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/4458ee1b64-1699446620/gastronomie-fa8a7866-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/4458ee1b64-1699446620/gastronomie-fa8a7866-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/4458ee1b64-1699446620/gastronomie-fa8a7866-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/4458ee1b64-1699446620/gastronomie-fa8a7866-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/4458ee1b64-1699446620/gastronomie-fa8a7866-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/4458ee1b64-1699446620/gastronomie-fa8a7866-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="5 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Büro'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/bc3f1020f6-1699446656/fa8a9803-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/bc3f1020f6-1699446656/fa8a9803-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/bc3f1020f6-1699446656/fa8a9803-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/bc3f1020f6-1699446656/fa8a9803-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/bc3f1020f6-1699446656/fa8a9803-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/bc3f1020f6-1699446656/fa8a9803-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/91f4f08ef5-1699446661/fa8a9816-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/91f4f08ef5-1699446661/fa8a9816-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/91f4f08ef5-1699446661/fa8a9816-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/91f4f08ef5-1699446661/fa8a9816-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/91f4f08ef5-1699446661/fa8a9816-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/91f4f08ef5-1699446661/fa8a9816-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/5f522dc482-1699446641/fa8a9820-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/5f522dc482-1699446641/fa8a9820-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/5f522dc482-1699446641/fa8a9820-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/5f522dc482-1699446641/fa8a9820-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/5f522dc482-1699446641/fa8a9820-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/5f522dc482-1699446641/fa8a9820-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/827ee3960d-1699446656/fa8a9826-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/827ee3960d-1699446656/fa8a9826-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/827ee3960d-1699446656/fa8a9826-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/827ee3960d-1699446656/fa8a9826-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/827ee3960d-1699446656/fa8a9826-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/827ee3960d-1699446656/fa8a9826-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2151e81d55-1699446650/fa8a9844-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2151e81d55-1699446650/fa8a9844-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/2151e81d55-1699446650/fa8a9844-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/2151e81d55-1699446650/fa8a9844-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/2151e81d55-1699446650/fa8a9844-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/2151e81d55-1699446650/fa8a9844-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 7 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/936162c839-1699446646/fa8a0028-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/936162c839-1699446646/fa8a0028-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/936162c839-1699446646/fa8a0028-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/936162c839-1699446646/fa8a0028-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/936162c839-1699446646/fa8a0028-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/936162c839-1699446646/fa8a0028-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 8 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/d299e5ce87-1699446621/fa8a9875-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/d299e5ce87-1699446621/fa8a9875-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/d299e5ce87-1699446621/fa8a9875-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/d299e5ce87-1699446621/fa8a9875-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/d299e5ce87-1699446621/fa8a9875-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/d299e5ce87-1699446621/fa8a9875-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="9 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Theken'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/3a2caebe8d-1699446624/theken-fa8a7772-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/3a2caebe8d-1699446624/theken-fa8a7772-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/3a2caebe8d-1699446624/theken-fa8a7772-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/3a2caebe8d-1699446624/theken-fa8a7772-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/3a2caebe8d-1699446624/theken-fa8a7772-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/3a2caebe8d-1699446624/theken-fa8a7772-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/52766b6df4-1699446656/theken-fa8a1423-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/52766b6df4-1699446656/theken-fa8a1423-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/52766b6df4-1699446656/theken-fa8a1423-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/52766b6df4-1699446656/theken-fa8a1423-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/52766b6df4-1699446656/theken-fa8a1423-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/52766b6df4-1699446656/theken-fa8a1423-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/b99234b07c-1699446624/theken-fa8a1430-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b99234b07c-1699446624/theken-fa8a1430-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/b99234b07c-1699446624/theken-fa8a1430-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/b99234b07c-1699446624/theken-fa8a1430-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/b99234b07c-1699446624/theken-fa8a1430-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/b99234b07c-1699446624/theken-fa8a1430-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/bea2ba9b82-1699446615/theken-fa8a1467-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/bea2ba9b82-1699446615/theken-fa8a1467-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/bea2ba9b82-1699446615/theken-fa8a1467-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/bea2ba9b82-1699446615/theken-fa8a1467-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/bea2ba9b82-1699446615/theken-fa8a1467-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/bea2ba9b82-1699446615/theken-fa8a1467-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/4d4e308aa8-1699446653/theken-fa8a1460-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/4d4e308aa8-1699446653/theken-fa8a1460-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/4d4e308aa8-1699446653/theken-fa8a1460-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/4d4e308aa8-1699446653/theken-fa8a1460-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/4d4e308aa8-1699446653/theken-fa8a1460-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/4d4e308aa8-1699446653/theken-fa8a1460-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="6 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Konferenz'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/122415d8dd-1699446627/konferenz-fa8a7693-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/122415d8dd-1699446627/konferenz-fa8a7693-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/122415d8dd-1699446627/konferenz-fa8a7693-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/122415d8dd-1699446627/konferenz-fa8a7693-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/122415d8dd-1699446627/konferenz-fa8a7693-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/122415d8dd-1699446627/konferenz-fa8a7693-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/451b0409ea-1699446638/konferenz-fa8a7703-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/451b0409ea-1699446638/konferenz-fa8a7703-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/451b0409ea-1699446638/konferenz-fa8a7703-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/451b0409ea-1699446638/konferenz-fa8a7703-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/451b0409ea-1699446638/konferenz-fa8a7703-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/451b0409ea-1699446638/konferenz-fa8a7703-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/276434b41f-1699446633/konferenz-fa8a7734-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/276434b41f-1699446633/konferenz-fa8a7734-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/276434b41f-1699446633/konferenz-fa8a7734-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/276434b41f-1699446633/konferenz-fa8a7734-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/276434b41f-1699446633/konferenz-fa8a7734-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/276434b41f-1699446633/konferenz-fa8a7734-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/41a4daeefc-1699446660/konferenz-fa8a7756-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/41a4daeefc-1699446660/konferenz-fa8a7756-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/41a4daeefc-1699446660/konferenz-fa8a7756-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/41a4daeefc-1699446660/konferenz-fa8a7756-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/41a4daeefc-1699446660/konferenz-fa8a7756-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/41a4daeefc-1699446660/konferenz-fa8a7756-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="5 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Kindergarten'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === '3D-Planung'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Raumgestaltung'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Showroom'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Sonderlösungen'" style="display: none;"> <p class="text-center px-3 text-xs md:text-base"> Dieses Portfolio ist aktuell leer, aber entdecken Sie unsere anderen Portfolios für beeindruckende Schreinerarbeiten. Wir aktualisieren bald. Bleiben Sie dran! </p> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="0 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Ausbau Altholz'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="Ausbau Altholz" src="https://www.schreinerei-birkner.de/media/pages/home/b10bb95a3a-1699446654/ausbau-altholz-fa8a7580-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b10bb95a3a-1699446654/ausbau-altholz-fa8a7580-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/b10bb95a3a-1699446654/ausbau-altholz-fa8a7580-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/b10bb95a3a-1699446654/ausbau-altholz-fa8a7580-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/b10bb95a3a-1699446654/ausbau-altholz-fa8a7580-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/b10bb95a3a-1699446654/ausbau-altholz-fa8a7580-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="Ausbau Altholz" src="https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="Ausbau Altholz" src="https://www.schreinerei-birkner.de/media/pages/home/8d67c4430d-1699446649/ausbau-altholz-fa8a7804-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/8d67c4430d-1699446649/ausbau-altholz-fa8a7804-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/8d67c4430d-1699446649/ausbau-altholz-fa8a7804-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/8d67c4430d-1699446649/ausbau-altholz-fa8a7804-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/8d67c4430d-1699446649/ausbau-altholz-fa8a7804-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/8d67c4430d-1699446649/ausbau-altholz-fa8a7804-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="Ausbau Altholz" src="https://www.schreinerei-birkner.de/media/pages/home/e5973c45d5-1699446630/ausbau-altholz-fa8a7662-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/e5973c45d5-1699446630/ausbau-altholz-fa8a7662-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/e5973c45d5-1699446630/ausbau-altholz-fa8a7662-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/e5973c45d5-1699446630/ausbau-altholz-fa8a7662-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/e5973c45d5-1699446630/ausbau-altholz-fa8a7662-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/e5973c45d5-1699446630/ausbau-altholz-fa8a7662-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="Ausbau Altholz" src="https://www.schreinerei-birkner.de/media/pages/home/12c1a495cc-1699446619/ausbau-altholz-fa8a7811-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/12c1a495cc-1699446619/ausbau-altholz-fa8a7811-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/12c1a495cc-1699446619/ausbau-altholz-fa8a7811-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/12c1a495cc-1699446619/ausbau-altholz-fa8a7811-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/12c1a495cc-1699446619/ausbau-altholz-fa8a7811-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/12c1a495cc-1699446619/ausbau-altholz-fa8a7811-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="5 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> <div x-show="tab === 'Wohlfühlbäder'" style="display: none;"> <ul class="grid items-start grid-cols-1 gap-8 portfolio sm:grid-cols-2 lg:grid-cols-3"> <li x-data="{ index: 0 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/7a61a34a2a-1699446611/wohlfuhlbader-16bad1-3-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/7a61a34a2a-1699446611/wohlfuhlbader-16bad1-3-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/7a61a34a2a-1699446611/wohlfuhlbader-16bad1-3-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/7a61a34a2a-1699446611/wohlfuhlbader-16bad1-3-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/7a61a34a2a-1699446611/wohlfuhlbader-16bad1-3-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/7a61a34a2a-1699446611/wohlfuhlbader-16bad1-3-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 1 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/093a05387a-1699446624/wohlfuhlbader-16bad1-2-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/093a05387a-1699446624/wohlfuhlbader-16bad1-2-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/093a05387a-1699446624/wohlfuhlbader-16bad1-2-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/093a05387a-1699446624/wohlfuhlbader-16bad1-2-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/093a05387a-1699446624/wohlfuhlbader-16bad1-2-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/093a05387a-1699446624/wohlfuhlbader-16bad1-2-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 2 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/e5acb4ecfd-1699446637/wohlfuhlbader-16bad2-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/e5acb4ecfd-1699446637/wohlfuhlbader-16bad2-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/e5acb4ecfd-1699446637/wohlfuhlbader-16bad2-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/e5acb4ecfd-1699446637/wohlfuhlbader-16bad2-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/e5acb4ecfd-1699446637/wohlfuhlbader-16bad2-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/e5acb4ecfd-1699446637/wohlfuhlbader-16bad2-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 3 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/b5d3d6d78c-1699446640/wohlfuhlbader-16bad1-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/b5d3d6d78c-1699446640/wohlfuhlbader-16bad1-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/b5d3d6d78c-1699446640/wohlfuhlbader-16bad1-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/b5d3d6d78c-1699446640/wohlfuhlbader-16bad1-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/b5d3d6d78c-1699446640/wohlfuhlbader-16bad1-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/b5d3d6d78c-1699446640/wohlfuhlbader-16bad1-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 4 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 5 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/e5fe64b0a0-1699446639/wohlfuhlbader-16bad2-1-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/e5fe64b0a0-1699446639/wohlfuhlbader-16bad2-1-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/e5fe64b0a0-1699446639/wohlfuhlbader-16bad2-1-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/e5fe64b0a0-1699446639/wohlfuhlbader-16bad2-1-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/e5fe64b0a0-1699446639/wohlfuhlbader-16bad2-1-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/e5fe64b0a0-1699446639/wohlfuhlbader-16bad2-1-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 6 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/8efef6841a-1699446652/wohlfuhlbader-fa8a7250-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/8efef6841a-1699446652/wohlfuhlbader-fa8a7250-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/8efef6841a-1699446652/wohlfuhlbader-fa8a7250-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/8efef6841a-1699446652/wohlfuhlbader-fa8a7250-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/8efef6841a-1699446652/wohlfuhlbader-fa8a7250-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/8efef6841a-1699446652/wohlfuhlbader-fa8a7250-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 7 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/3605db7787-1699446637/wohlfuhlbader-fa8a7235-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/3605db7787-1699446637/wohlfuhlbader-fa8a7235-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/3605db7787-1699446637/wohlfuhlbader-fa8a7235-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/3605db7787-1699446637/wohlfuhlbader-fa8a7235-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/3605db7787-1699446637/wohlfuhlbader-fa8a7235-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/3605db7787-1699446637/wohlfuhlbader-fa8a7235-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> <li x-data="{ index: 8 }" x-show="index < (page*perPage)"> <img alt="" src="https://www.schreinerei-birkner.de/media/pages/home/3325119df5-1699446649/wohlfuhlbader-fa8a7256-300x200-crop.jpg" data-srcset="https://www.schreinerei-birkner.de/media/pages/home/3325119df5-1699446649/wohlfuhlbader-fa8a7256-300x200-crop.jpg 300w, https://www.schreinerei-birkner.de/media/pages/home/3325119df5-1699446649/wohlfuhlbader-fa8a7256-600x400-crop.jpg 600w, https://www.schreinerei-birkner.de/media/pages/home/3325119df5-1699446649/wohlfuhlbader-fa8a7256-900x600-crop.jpg 900w, https://www.schreinerei-birkner.de/media/pages/home/3325119df5-1699446649/wohlfuhlbader-fa8a7256-1200x800-crop.jpg 1200w, https://www.schreinerei-birkner.de/media/pages/home/3325119df5-1699446649/wohlfuhlbader-fa8a7256-1800x1200-crop.jpg 1800w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="1800" height="1200" class="lozad " loading="lazy"> </li> </ul> <div class="flex justify-center mt-8"> <button class="px-3 py-2 ml-4 text-sm text-white rounded-full bg-casal hover:bg-timber-green lg:ml-0" @click="page++" x-show="9 > (page*perPage)" style="display: none;"> Mehr Projekte </button> </div> </div> </div> </article><article id="kontakt" class="grid grid-cols-1 px-8 py-12 text-white gap-x-4 gap-y-12 lg:grid-cols-2 bg-casal"> <div class="grid max-w-3xl mx-auto sm:grid-cols-2 gap-y-12"> <div class="mr-8 max-w-[230px]"> <img alt="Standort Karte" src="https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-320x.png" data-srcset="https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-320x.webp 320w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-480x.webp 480w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-640x.webp 640w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-768x.webp 768w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-1024x.webp 1024w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-1280x.webp 1280w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-1600x.webp 1600w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-1920x.webp 1920w, https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-2560x.webp 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="526" height="714" class="lozad "> </div> <div class="flex flex-col space-y-4 hover:[&>*>a]:underline"> <img alt="" src="https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg" data-srcset="https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 320w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 480w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 640w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 768w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 1024w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 1280w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 1600w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 1920w, https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg 2560w" data-sizes="(min-width: 1200px) 25vw, (min-width: 900px) 10vw, (min-width: 600px) 50vw, 100vw" width="162" height="95" class="lozad "> <p>Atzmannsberg 22<br>95478 Kemnath</p><p>09642 550<br>09642 7178</p><p><a href="https://schreinerei-birkner.de" target="_blank" title="www.schreinerei-birkner.de" rel="noreferrer">www.schreinerei-birkner.de</a><br><a href="mailto:[email protected]" title="[email protected]">[email protected]</a><br>Folgen Sie uns auf Facebook</p> </div> </div> <form action="#kontakt" method="POST" class="max-w-2xl mx-auto space-y-4"> <div> <label for="name">Name, Vorname*</label> <input class="w-full bg-casal text-white placeholder:text-gray-400 border-white" id="name" name="name" type="text" placeholder="Name, Vorname" autocomplete="name" value=""> </div> <div> <label for="email">E-Mailadresse*</label> <input class="w-full bg-casal text-white placeholder:text-gray-400 border-white" id="email" name="email" type="email" placeholder="E-Mailadresse" autocomplete="email" value=""> </div> <div> <label for="nachricht">Ihre Nachricht*</label> <textarea class="w-full h-48 bg-casal text-white placeholder:text-gray-400 border-white" id="nachricht" name="nachricht" type="nachricht" placeholder="Ihre Nachricht" autocomplete="off"></textarea> </div> <input type="hidden" name="csrf_token" value="b25018103b4169dd9e0b732d164307b1dfc0ac83888d6c05390b69abcc0d3a04"> <input type="text" name="website" class="uniform__potty" tabindex="-1" autocomplete="off"> <input type="hidden" name="uniform-honeytime" value="CNR4sWBte9kAOW4aKI2c9nqH9EiSdGKO6gyQYQi27721BQdnfAMgCC6StGnoUSQ8Q/fFNXvFUF5rVqMG5GcTLA=="> <template x-if="turnstileLoaded"> <div class="cf-turnstile" data-sitekey="0x4AAAAAAAKuANPQDKp1bfab" data-callback="javascriptCallback"></div> </template> <template x-if="!turnstileLoaded"> <p> Wir benötigen Ihre Zustimmung, um den Turnstile-Service zu laden! Wir verwenden Cloudflare Turnstile, um das Formular vor Spam zu schützen. Dieser Service kann Daten zu Ihren Aktivitäten sammeln. Bitte lesen Sie die <a class="underline" href="https://www.schreinerei-birkner.de/datenschutz">Datenschutzerklärung</a> und <span class="underline hover:cursor-pointer" @click="$dispatch('cookies:update')">stimmen Sie der Nutzung des Service zu</span>, um fortzufahren. </p> </template><p> Wir benötigen Ihre Zustimmung, um den Turnstile-Service zu laden! Wir verwenden Cloudflare Turnstile, um das Formular vor Spam zu schützen. Dieser Service kann Daten zu Ihren Aktivitäten sammeln. Bitte lesen Sie die <a class="underline" href="https://www.schreinerei-birkner.de/datenschutz">Datenschutzerklärung</a> und <span class="underline hover:cursor-pointer" @click="$dispatch('cookies:update')">stimmen Sie der Nutzung des Service zu</span>, um fortzufahren. </p> <div class="flex gap-2 text-xs"> <input type="checkbox" id="privacy" name="privacy" class="border-black"> <label for="privacy" class="text-xs"> Ja, ich habe die <a class="hover:underline font-bold" href="https://www.schreinerei-birkner.de/datenschutz">Datenschutzerklärung</a> zur Kenntnis genommen und bin damit einverstanden, dass die von mir angegebenen Daten elektronisch erhoben und gespeichert werden. Meine Daten werden dabei nur streng zweckgebunden zur Bearbeitung und Beantwortung meiner Anfrage genutzt. </label> </div> <button class="flex items-center float-right gap-2" type="submit"> Absenden <svg class="w-3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 14 12" fill="#fff"> <path d="M13.733,6.368l.026-.035c.008-.012.015-.024.022-.036s.013-.021.019-.032.012-.025.018-.038.011-.023.016-.035.009-.025.014-.038.01-.025.013-.038.007-.026.01-.038.007-.026.01-.04,0-.03.007-.045,0-.022,0-.034a.811.811,0,0,0,0-.163c0-.012,0-.023,0-.034s0-.031-.007-.046-.006-.026-.01-.04-.006-.026-.01-.038-.009-.026-.013-.038-.009-.025-.014-.038-.011-.023-.016-.034-.012-.026-.018-.038l-.019-.033c-.007-.012-.014-.024-.022-.036l-.026-.035-.022-.03a.8.8,0,0,0-.054-.06L8.6.241A.822.822,0,1,0,7.44,1.4l3.651,3.651H.822a.822.822,0,0,0,0,1.644H11.091L7.44,10.349A.822.822,0,1,0,8.6,11.512l5.054-5.054c.019-.019.037-.039.054-.06l.022-.03"></path> </svg> </button> <div> </div> </form></article> </main> <div data-nosnippet=""> <div class="cookie-modal" id="cookie-modal" data-show-on-first="true"> <div class="cookie-modal__content"> <p class="cookie-modal__title">Cookie Einstellungen</p> <p class="cookie-modal__text">Wir nutzen Cookies um Dir die bestmögliche Erfahrung zu bieten. Außerdem können wir damit das Verhalten der Benutzer analysieren um die Webseite stetig für Dich zu verbessern. <a href="https://www.schreinerei-birkner.de/datenschutz">Datenschutz</a></p> <div class="cookie-modal__options"> <label class="cookie-modal__option disabled"> <input class="cookie-modal__checkbox" type="checkbox" checked="" disabled="" data-cookie-id="essential"> <span class="cookie-modal__check"> <svg width="12" height="10" viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg"> <path d="M1 5l3.3 3L11 1" stroke-width="2" fill="none" fill-rule="evenodd"></path> </svg> </span> <span class="cookie-modal__label">Essentiell</span> </label> <label class="cookie-modal__option "> <input class="cookie-modal__checkbox" type="checkbox" data-cookie-id="functional"> <span class="cookie-modal__check"> <svg width="12" height="10" viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg"> <path d="M1 5l3.3 3L11 1" stroke-width="2" fill="none" fill-rule="evenodd"></path> </svg> </span> <span class="cookie-modal__label">Turnstile</span> </label> </div> <div class="cookie-modal__buttons"> <a href="#" class="cookie-modal__button primary" id="cookie-accept" title="Alle annehmen"> <span>Alle annehmen</span> </a> <a href="#" class="cookie-modal__button" id="cookie-deny" title="Alle ablehnen"> <span>Alle ablehnen</span> </a> <a href="#" class="cookie-modal__button hide" id="cookie-save" title="Einstellung speichern"> <span>Einstellung speichern</span> </a> </div> </div> </div> </div> <template x-if="turnstileLoaded"> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async="" defer=""></script> </template> <footer class="font-nexa" id="footer"> <div class="text-center text-white bg-casal"> <a href="https://www.schreinerei-birkner.de/datenschutz">Datenschutz</a> | <a href="https://www.schreinerei-birkner.de/impressum">Impressum</a> | <a href="https://www.schreinerei-birkner.de/agb">AGB</a> | <button @click="$dispatch('cookies:update')">Cookies</button> </div> <div class="py-1 text-xs text-center text-casal">© 2023 – BILD-PUNKTE Werbeagentur</div> </footer> </body></html>
- securityHeaders
- {"securityHeadersList":["strict-transport-security","x-content-type-options"],"securityHeadersGrade":"D","securityHeadersScore":45}
Waterfall View
| Start Render | First Contentful Paint | Largest Contentful Paint | Layout Shift | DOM Interactive | DOM Content Loaded | On Load | Document Complete |
 Render Blocking Resource |
 Insecure Request |
3xx response | 4xx+ response | Doesn't Belong to Main Doc |
Connection View
| DNS Lookup | Initial Connection | SSL Negotiation | Start Render | DOM Content Loaded | On Load | Document Complete |
Request Details
| Before Start Render | Before On Load | After On Load | 3xx Response | 4xx Response |
| # | Resource | Content Type | Priority | Request Start | DNS Lookup | Initial Connection | SSL Negotiation | Time to First Byte | Content Download | Bytes Downloaded | CPU Time | Error/Status Code | IP |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 | https://www.schreinerei-birkner.de/ | text/html | Highest | 0.193 s | 65 ms | 51 ms | 76 ms | 460 ms | 234 ms | 84.3 KB | - | 200 | 85.13.150.174 |
| 2 | https://www.schreine...ets/main-6691b1dd.js | application/javascript | High | 0.671 s | - | - | - | 168 ms | 9 ms | 21.3 KB | 9 ms | 200 | 85.13.150.174 |
| 3 | https://www.schreine...ts/main-e7bc776c.css | text/css | Highest | 0.672 s | - | - | - | 126 ms | 2 ms | 7.0 KB | - | 200 | 85.13.150.174 |
| 4 | https://www.schreine...ets/home-57ca7485.js | application/javascript | High | 0.672 s | - | - | - | 146 ms | 2 ms | 7.1 KB | 1 ms | 200 | 85.13.150.174 |
| 5 | https://www.schreine...ts/home-402947b9.css | text/css | Highest | 0.672 s | - | - | - | 112 ms | 2 ms | 0.3 KB | - | 200 | 85.13.150.174 |
| 6 | https://www.schreine.../wood-slice-320x.png | image/png | Low | 0.689 s | - | - | - | 183 ms | 66 ms | 53.4 KB | - | 200 | 85.13.150.174 |
| 7 | https://www.schreine...r-saw-blade-320x.png | image/png | High | 0.693 s | - | - | - | 273 ms | 139 ms | 97.5 KB | - | 200 | 85.13.150.174 |
| 8 | https://www.schreine...rior-design-320x.png | image/png | Low | 0.727 s | - | - | - | 404 ms | 90 ms | 67.4 KB | - | 200 | 85.13.150.174 |
| 9 | https://www.schreine...46645/blatt-320x.png | image/png | Low | 0.728 s | - | - | - | 521 ms | 83 ms | 63.6 KB | - | 200 | 85.13.150.174 |
| 10 | https://www.schreine...9446631/wohnwelt.svg | image/svg+xml | Low | 0.728 s | - | - | - | 617 ms | 1 ms | 9.0 KB | - | 200 | 85.13.150.174 |
| 11 | https://www.schreine...99446661/bauwelt.svg | image/svg+xml | Low | 0.729 s | - | - | - | 626 ms | 1 ms | 6.9 KB | - | 200 | 85.13.150.174 |
| 12 | https://www.schreine...446647/sanierung.svg | image/svg+xml | Low | 0.729 s | - | - | - | 680 ms | 2 ms | 7.1 KB | - | 200 | 85.13.150.174 |
| 13 | https://www.schreine...23/denkmalschutz.svg | image/svg+xml | Low | 0.731 s | - | - | - | 679 ms | 9 ms | 6.9 KB | - | 200 | 85.13.150.174 |
| 14 | https://www.schreine...446647/objektbau.svg | image/svg+xml | Low | 0.732 s | - | - | - | 678 ms | 18 ms | 5.9 KB | - | 200 | 85.13.150.174 |
| 15 | https://www.schreine...99446655/planung.svg | image/svg+xml | Low | 0.732 s | - | - | - | 678 ms | 32 ms | 6.5 KB | - | 200 | 85.13.150.174 |
| 16 | https://www.schreine...29/fa8a0044-320x.jpg | image/jpeg | Low | 0.733 s | - | - | - | 650 ms | 12 ms | 22.1 KB | - | 200 | 85.13.150.174 |
| 17 | https://www.schreine...615/kueche1-320x.png | image/png | Low | 0.751 s | - | - | - | 719 ms | 201 ms | 134.4 KB | - | 200 | 85.13.150.174 |
| 18 | https://www.schreine...-01fa8a7319-320x.jpg | image/jpeg | Low | 0.774 s | - | - | - | 925 ms | 24 ms | 28.4 KB | - | 200 | 85.13.150.174 |
| 19 | https://www.schreine...28/fa8a9894-320x.jpg | image/jpeg | Low | 0.775 s | - | - | - | 925 ms | 56 ms | 20.5 KB | - | 200 | 85.13.150.174 |
| 20 | https://www.schreine...er-fa8a5489-320x.jpg | image/jpeg | Low | 0.777 s | - | - | - | 923 ms | 115 ms | 32.6 KB | - | 200 | 85.13.150.174 |
| 21 | https://www.schreine...ader-16bad3-320x.jpg | image/jpeg | Low | 0.788 s | - | - | - | 913 ms | 156 ms | 24.7 KB | - | 200 | 85.13.150.174 |
| 22 | https://www.schreine...be-fa8a2027-320x.jpg | image/jpeg | Low | 0.841 s | - | - | - | 861 ms | 203 ms | 28.6 KB | - | 200 | 85.13.150.174 |
| 23 | https://www.schreine...er-fa8a7972-320x.jpg | image/jpeg | Low | 0.842 s | - | - | - | 859 ms | 240 ms | 20.9 KB | - | 200 | 85.13.150.174 |
| 24 | https://www.schreine...-hlzfenster-320x.jpg | image/jpeg | Low | 0.842 s | - | - | - | 860 ms | 285 ms | 27.6 KB | - | 200 | 85.13.150.174 |
| 25 | https://www.schreine...en-fa8a1517-320x.jpg | image/jpeg | Low | 0.843 s | - | - | - | 1196 ms | 12 ms | 24.0 KB | - | 200 | 85.13.150.174 |
| 26 | https://www.schreine...rior-design-320x.jpg | image/jpeg | Low | 0.846 s | - | - | - | 857 ms | 303 ms | 11.2 KB | - | 200 | 85.13.150.174 |
| 27 | https://www.schreine...en-fa8a5320-320x.jpg | image/jpeg | Low | 0.846 s | - | - | - | 1193 ms | 42 ms | 19.1 KB | - | 200 | 85.13.150.174 |
| 28 | https://www.schreine...ama-windows-320x.jpg | image/jpeg | Low | 0.851 s | - | - | - | 1186 ms | 117 ms | 42.6 KB | - | 200 | 85.13.150.174 |
| 29 | https://www.schreine...nto-drywall-320x.jpg | image/jpeg | Low | 0.852 s | - | - | - | 1185 ms | 149 ms | 18.0 KB | - | 200 | 85.13.150.174 |
| 30 | https://www.schreine...22/fa8a0006-320x.jpg | image/jpeg | Low | 0.853 s | - | - | - | 1184 ms | 198 ms | 28.2 KB | - | 200 | 85.13.150.174 |
| 31 | https://www.schreine...r-pegnitz-1-320x.jpg | image/jpeg | Low | 0.853 s | - | - | - | 1185 ms | 230 ms | 19.2 KB | - | 200 | 85.13.150.174 |
| 32 | https://www.schreine...lz-fa8a7609-320x.jpg | image/jpeg | Low | 0.854 s | - | - | - | 1184 ms | 267 ms | 21.2 KB | - | 200 | 85.13.150.174 |
| 33 | https://www.schreine...parkinson-1-320x.jpg | image/jpeg | Low | 0.855 s | - | - | - | 1183 ms | 331 ms | 37.1 KB | - | 200 | 85.13.150.174 |
| 34 | https://www.schreine...one-atelier-320x.jpg | image/jpeg | Low | 0.855 s | - | - | - | 1184 ms | 391 ms | 35.6 KB | - | 200 | 85.13.150.174 |
| 35 | https://www.schreine...6637/gastro-320x.png | image/png | Low | 0.855 s | - | - | - | 1184 ms | 630 ms | 138.3 KB | - | 200 | 85.13.150.174 |
| 36 | https://www.schreine...ie-fa8a7850-320x.jpg | image/jpeg | Low | 0.859 s | - | - | - | 1181 ms | 690 ms | 35.8 KB | - | 200 | 85.13.150.174 |
| 37 | https://www.schreine...22/fa8a0020-320x.jpg | image/jpeg | Low | 0.859 s | - | - | - | 1181 ms | 725 ms | 20.9 KB | - | 200 | 85.13.150.174 |
| 38 | https://www.schreine...en-fa8a7782-320x.jpg | image/jpeg | Low | 0.86 s | - | - | - | 1180 ms | 791 ms | 39.3 KB | - | 200 | 85.13.150.174 |
| 39 | https://www.schreine...20Light-3a52bad7.otf | font/otf | Highest | 1.034 s | - | - | - | 1823 ms | 24 ms | 29.3 KB | - | 200 | 85.13.150.174 |
| 40 | https://www.schreine...%20Bold-560e2a7c.otf | font/otf | Highest | 1.036 s | - | - | - | 1873 ms | 52 ms | 29.7 KB | - | 200 | 85.13.150.174 |
| 41 | https://www.schreine...nz-fa8a7725-320x.jpg | image/jpeg | Low | 1.078 s | - | - | - | 1832 ms | 68 ms | 25.4 KB | - | 200 | 85.13.150.174 |
| 42 | https://www.schreine...42/fa8a0875-320x.jpg | image/jpeg | Low | 1.078 s | - | - | - | 1832 ms | 124 ms | 31.7 KB | - | 200 | 85.13.150.174 |
| 43 | https://www.schreine...l-education-320x.jpg | image/jpeg | Low | 1.079 s | - | - | - | 1831 ms | 179 ms | 31.6 KB | - | 200 | 85.13.150.174 |
| 44 | https://www.schreine...612/planung-320x.png | image/png | Low | 1.079 s | - | - | - | 2154 ms | 186 ms | 123.6 KB | - | 200 | 85.13.150.174 |
| 45 | https://www.schreine.../3d-planung-320x.jpg | image/jpeg | Low | 1.08 s | - | - | - | 1830 ms | 216 ms | 23.7 KB | - | 200 | 85.13.150.174 |
| 46 | https://www.schreine...mgestaltung-320x.jpg | image/jpeg | Low | 1.08 s | - | - | - | 1831 ms | 253 ms | 22.2 KB | - | 200 | 85.13.150.174 |
| 47 | https://www.schreine...49/showroom-320x.jpg | image/jpeg | Low | 1.081 s | - | - | - | 1830 ms | 293 ms | 23.4 KB | - | 200 | 85.13.150.174 |
| 48 | https://www.schreine...-assortment-320x.jpg | image/jpeg | Low | 1.081 s | - | - | - | 2156 ms | 212 ms | 17.3 KB | - | 200 | 85.13.150.174 |
| 49 | https://www.schreine...446618/team-320x.jpg | image/jpeg | Low | 1.082 s | - | - | - | 2150 ms | 269 ms | 30.9 KB | - | 200 | 85.13.150.174 |
| 50 | https://www.schreine...46629/josef-320x.jpg | image/jpeg | Low | 1.127 s | - | - | - | 2110 ms | 328 ms | 37.2 KB | - | 200 | 85.13.150.174 |
| 51 | https://www.schreine...21/reinhard-320x.jpg | image/jpeg | Low | 1.129 s | - | - | - | 2104 ms | 410 ms | 43.5 KB | - | 200 | 85.13.150.174 |
| 52 | https://www.schreine...6649/julian-320x.jpg | image/jpeg | Low | 1.13 s | - | - | - | 2104 ms | 480 ms | 41.5 KB | - | 200 | 85.13.150.174 |
| 53 | https://www.schreine...9446612/opa-320x.jpg | image/jpeg | Low | 1.133 s | - | - | - | 2101 ms | 534 ms | 33.3 KB | - | 200 | 85.13.150.174 |
| 54 | https://www.schreine...657/weidner-320x.jpg | image/jpeg | Low | 1.142 s | - | - | - | 2093 ms | 592 ms | 34.2 KB | - | 200 | 85.13.150.174 |
| 55 | https://www.schreine...637/heining-320x.jpg | image/jpeg | Low | 1.142 s | - | - | - | 2093 ms | 675 ms | 39.1 KB | - | 200 | 85.13.150.174 |
| 56 | https://www.schreine...6611/goetzl-320x.jpg | image/jpeg | Low | 1.143 s | - | - | - | 2092 ms | 748 ms | 44.7 KB | - | 200 | 85.13.150.174 |
| 57 | https://www.schreine...446624/kopp-320x.jpg | image/jpeg | Low | 1.143 s | - | - | - | 2093 ms | 820 ms | 42.0 KB | - | 200 | 85.13.150.174 |
| 58 | https://www.schreine.../footer-map-320x.png | image/png | Low | 1.148 s | - | - | - | 2088 ms | 1058 ms | 136.0 KB | - | 200 | 85.13.150.174 |
| 59 | https://www.schreine...46610/logo_white.svg | image/svg+xml | Low | 1.148 s | - | - | - | 2088 ms | 1114 ms | 34.3 KB | - | 200 | 85.13.150.174 |
| 60 | https://www.schreine...ood-slice-1920x.webp | image/webp | Low | 1.473 s | - | - | - | 1764 ms | 1475 ms | 208.9 KB | - | 200 | 85.13.150.174 |
| 61 | https://www.schreine...rkner.de/favicon.ico | image/x-icon | High | 4.724 s | - | - | - | 56 ms | 2 ms | 1.9 KB | - | 200 | 85.13.150.174 |
| 62 | https://www.schreine...de/favicon-32x32.png | image/png | High | 4.787 s | - | - | - | 61 ms | - | 1.2 KB | - | 200 | 85.13.150.174 |
| 63 | https://www.schreine....de/site.webmanifest | text/plain | Medium | 4.846 s | - | 50 ms | 74 ms | 58 ms | 1 ms | 0.4 KB | - | 200 | 85.13.150.174 |
| 64 | https://www.schreine...d-chrome-192x192.png | image/png | High | 4.909 s | - | - | - | 81 ms | 11 ms | 22.7 KB | - | 200 | 85.13.150.174 |
| 65 | https://www.schreine...saw-blade-1920x.webp | image/webp | Low | 6.504 s | - | - | - | 114 ms | 263 ms | 164.6 KB | - | 200 | 85.13.150.174 |
Request Headers
Request 1: https://www.schreinerei-birkner.de/
URL: https://www.schreinerei-birkner.de/
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/dist/assets/main-6691b1dd.js
Request Start: 0.193 s
DNS Lookup: 65 ms
Initial Connection: 51 ms
Time to First Byte: 460 ms
Content Download: 234 ms
Bytes In (downloaded): 84.3 KB
Uncompressed Size: 2,244.0 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
cache-control: no-store, private
content-encoding: br
content-type: text/html; charset=UTF-8
date: Thu, 14 Nov 2024 01:52:27 GMT
server: Apache
set-cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec; expires=Thu, 14-Nov-2024 03:52:27 GMT; Max-Age=7199; path=/; secure; HttpOnly; SameSite=Lax
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
x-content-type-options: nosniff
:status: 200
Request 2: https://www.schreinerei-birkner.de/dist/assets/main-6691b1dd.js
URL: https://www.schreinerei-birkner.de/dist/assets/main-6691b1dd.js
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 220, depends on 5, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 76
Request Start: 0.671 s
Time to First Byte: 168 ms
Content Download: 9 ms
Bytes In (downloaded): 21.3 KB
Uncompressed Size: 62.4 KB
Bytes Out (uploaded): 2.4 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /dist/assets/main-6691b1dd.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
origin: https://www.schreinerei-birkner.de
priority: u=1
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-encoding: br
content-length: 21815
content-type: application/javascript
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "f9b3-609a11de20400-br"
last-modified: Wed, 08 Nov 2023 09:57:36 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
x-content-type-options: nosniff
:status: 200
Request 3: https://www.schreinerei-birkner.de/dist/assets/main-e7bc776c.css
URL: https://www.schreinerei-birkner.de/dist/assets/main-e7bc776c.css
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 1, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 76
Request Start: 0.672 s
Time to First Byte: 126 ms
Content Download: 2 ms
Bytes In (downloaded): 7.0 KB
Uncompressed Size: 40.7 KB
Bytes Out (uploaded): 2.4 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /dist/assets/main-e7bc776c.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: u=0
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-encoding: br
content-length: 7204
content-type: text/css
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "a2b7-609a11de20400-br"
last-modified: Wed, 08 Nov 2023 09:57:36 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
x-content-type-options: nosniff
:status: 200
Request 4: https://www.schreinerei-birkner.de/dist/assets/home-57ca7485.js
URL: https://www.schreinerei-birkner.de/dist/assets/home-57ca7485.js
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 220, depends on 7, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 76
Request Start: 0.672 s
Time to First Byte: 146 ms
Content Download: 2 ms
Bytes In (downloaded): 7.1 KB
Uncompressed Size: 24.9 KB
Bytes Out (uploaded): 2.4 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /dist/assets/home-57ca7485.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
origin: https://www.schreinerei-birkner.de
priority: u=1
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-encoding: br
content-length: 7251
content-type: application/javascript
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "636e-609a11de20400-br"
last-modified: Wed, 08 Nov 2023 09:57:36 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
x-content-type-options: nosniff
:status: 200
Request 5: https://www.schreinerei-birkner.de/dist/assets/home-402947b9.css
URL: https://www.schreinerei-birkner.de/dist/assets/home-402947b9.css
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 76
Request Start: 0.672 s
Time to First Byte: 112 ms
Content Download: 2 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.9 KB
Bytes Out (uploaded): 2.4 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /dist/assets/home-402947b9.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: u=0
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-encoding: br
content-length: 291
content-type: text/css
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "397-609a11de20400-br"
last-modified: Wed, 08 Nov 2023 09:57:36 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
x-content-type-options: nosniff
:status: 200
Request 6: https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-320x.png
URL: https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 147, depends on 9, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.689 s
Time to First Byte: 183 ms
Content Download: 66 ms
Bytes In (downloaded): 53.4 KB
Uncompressed Size: 53.4 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/3ca38297ff-1699446631/wood-slice-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 54723
content-type: image/png
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "d5c3-609a365346098"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 7: https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-320x.png
URL: https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 147, depends on 11, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.693 s
Time to First Byte: 273 ms
Content Download: 139 ms
Bytes In (downloaded): 97.5 KB
Uncompressed Size: 97.5 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/94b5d5baba-1699446644/circular-saw-blade-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 99813
content-type: image/png
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "185e5-609a36534aeb8"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 8: https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-320x.png
URL: https://www.schreinerei-birkner.de/media/pages/home/8077b9abd9-1699446611/room-interior-design-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 13, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.727 s
Time to First Byte: 404 ms
Content Download: 90 ms
Bytes In (downloaded): 67.4 KB
Uncompressed Size: 67.4 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/8077b9abd9-1699446611/room-interior-design-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 68980
content-type: image/png
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "10d74-609a36534cdf8"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 9: https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-320x.png
URL: https://www.schreinerei-birkner.de/media/pages/home/825fa4d4c8-1699446645/blatt-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.728 s
Time to First Byte: 521 ms
Content Download: 83 ms
Bytes In (downloaded): 63.6 KB
Uncompressed Size: 63.6 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/825fa4d4c8-1699446645/blatt-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 65174
content-type: image/png
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "fe96-609a36536c1f9"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 10: https://www.schreinerei-birkner.de/media/pages/home/b819feb409-1699446631/wohnwelt.svg
URL: https://www.schreinerei-birkner.de/media/pages/home/b819feb409-1699446631/wohnwelt.svg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 17, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.728 s
Time to First Byte: 617 ms
Content Download: 1 ms
Bytes In (downloaded): 9.0 KB
Uncompressed Size: 9.0 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/b819feb409-1699446631/wohnwelt.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 9240
content-type: image/svg+xml
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "2418-609a365366439"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 11: https://www.schreinerei-birkner.de/media/pages/home/87f6a4ecac-1699446661/bauwelt.svg
URL: https://www.schreinerei-birkner.de/media/pages/home/87f6a4ecac-1699446661/bauwelt.svg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 19, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.729 s
Time to First Byte: 626 ms
Content Download: 1 ms
Bytes In (downloaded): 6.9 KB
Uncompressed Size: 6.9 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/87f6a4ecac-1699446661/bauwelt.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 7029
content-type: image/svg+xml
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "1b75-609a36536e139"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 12: https://www.schreinerei-birkner.de/media/pages/home/08c973688e-1699446647/sanierung.svg
URL: https://www.schreinerei-birkner.de/media/pages/home/08c973688e-1699446647/sanierung.svg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.729 s
Time to First Byte: 680 ms
Content Download: 2 ms
Bytes In (downloaded): 7.1 KB
Uncompressed Size: 7.1 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/08c973688e-1699446647/sanierung.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 7305
content-type: image/svg+xml
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "1c89-609a365373efa"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 13: https://www.schreinerei-birkner.de/media/pages/home/1c5750a646-1699446623/denkmalschutz.svg
URL: https://www.schreinerei-birkner.de/media/pages/home/1c5750a646-1699446623/denkmalschutz.svg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 147, depends on 23, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.731 s
Time to First Byte: 679 ms
Content Download: 9 ms
Bytes In (downloaded): 6.9 KB
Uncompressed Size: 6.9 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/1c5750a646-1699446623/denkmalschutz.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 7024
content-type: image/svg+xml
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "1b70-609a365376dda"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 14: https://www.schreinerei-birkner.de/media/pages/home/83b4c02fe0-1699446647/objektbau.svg
URL: https://www.schreinerei-birkner.de/media/pages/home/83b4c02fe0-1699446647/objektbau.svg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 147, depends on 25, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.732 s
Time to First Byte: 678 ms
Content Download: 18 ms
Bytes In (downloaded): 5.9 KB
Uncompressed Size: 5.9 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/83b4c02fe0-1699446647/objektbau.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 6040
content-type: image/svg+xml
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "1798-609a36537cb9a"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 15: https://www.schreinerei-birkner.de/media/pages/home/447f1a21cf-1699446655/planung.svg
URL: https://www.schreinerei-birkner.de/media/pages/home/447f1a21cf-1699446655/planung.svg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 147, depends on 27, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.732 s
Time to First Byte: 678 ms
Content Download: 32 ms
Bytes In (downloaded): 6.5 KB
Uncompressed Size: 6.5 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/447f1a21cf-1699446655/planung.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 6674
content-type: image/svg+xml
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "1a12-609a36537eada"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 16: https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/b42e2c3f74-1699446629/fa8a0044-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 147, depends on 29, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 501
Request Start: 0.733 s
Time to First Byte: 650 ms
Content Download: 12 ms
Bytes In (downloaded): 22.1 KB
Uncompressed Size: 22.1 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/b42e2c3f74-1699446629/fa8a0044-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 22676
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "5894-609a3653f3dde"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 17: https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-320x.png
URL: https://www.schreinerei-birkner.de/media/pages/home/db2306b3c1-1699446615/kueche1-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 147, depends on 31, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 833
Request Start: 0.751 s
Time to First Byte: 719 ms
Content Download: 201 ms
Bytes In (downloaded): 134.4 KB
Uncompressed Size: 134.4 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/db2306b3c1-1699446615/kueche1-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 137669
content-type: image/png
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "219c5-609a36539ee7b"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 18: https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 147, depends on 33, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 1572
Request Start: 0.774 s
Time to First Byte: 925 ms
Content Download: 24 ms
Bytes In (downloaded): 28.4 KB
Uncompressed Size: 28.4 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/15843e296b-1699446631/schlafzimmer-01fa8a7319-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 29058
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "7182-609a36539523b"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 19: https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/720544837c-1699446628/fa8a9894-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 147, depends on 35, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 1572
Request Start: 0.775 s
Time to First Byte: 925 ms
Content Download: 56 ms
Bytes In (downloaded): 20.5 KB
Uncompressed Size: 20.5 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/720544837c-1699446628/fa8a9894-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 20980
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "51f4-609a36542d7c1"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 20: https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 39, weight 147, depends on 37, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 1572
Request Start: 0.777 s
Time to First Byte: 923 ms
Content Download: 115 ms
Bytes In (downloaded): 32.6 KB
Uncompressed Size: 32.6 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/b6a853e22a-1699446648/esszimmer-fa8a5489-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 33374
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "825e-609a3653b369c"
last-modified: Wed, 08 Nov 2023 12:40:42 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 21: https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 41, weight 147, depends on 39, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 1572
Request Start: 0.788 s
Time to First Byte: 913 ms
Content Download: 156 ms
Bytes In (downloaded): 24.7 KB
Uncompressed Size: 24.7 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/467daccc2f-1699446656/wohlfuhlbader-16bad3-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 25285
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "62c5-609a3653d1afd"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 22: https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 43, weight 147, depends on 41, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 2356
Request Start: 0.841 s
Time to First Byte: 861 ms
Content Download: 203 ms
Bytes In (downloaded): 28.6 KB
Uncompressed Size: 28.6 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/1cef296f62-1699446617/gaderobe-fa8a2027-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 29237
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "7235-609a3653f2e3e"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 23: https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 45, weight 147, depends on 43, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 2356
Request Start: 0.842 s
Time to First Byte: 859 ms
Content Download: 240 ms
Bytes In (downloaded): 20.9 KB
Uncompressed Size: 20.9 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/2a06af7dc2-1699446623/schlafzimmer-fa8a7972-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 21397
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "5395-609a3654066bf"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 24: https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 47, weight 147, depends on 45, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 2356
Request Start: 0.842 s
Time to First Byte: 860 ms
Content Download: 285 ms
Bytes In (downloaded): 27.6 KB
Uncompressed Size: 27.6 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/6d9f73f4d8-1699446630/doepfner-hlzfenster-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 28289
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "6e81-609a3654066bf"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 25: https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 49, weight 147, depends on 47, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 2356
Request Start: 0.843 s
Time to First Byte: 1196 ms
Content Download: 12 ms
Bytes In (downloaded): 24.0 KB
Uncompressed Size: 24.0 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/fe75e03b40-1699446635/turen-fa8a1517-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 24555
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "5feb-609a365418fa0"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 26: https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 51, weight 147, depends on 49, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 3614
Request Start: 0.846 s
Time to First Byte: 857 ms
Content Download: 303 ms
Bytes In (downloaded): 11.2 KB
Uncompressed Size: 11.2 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/32fbca58dd-1699446648/japandi-living-room-interior-design-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 11489
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "2ce1-609a365479a84"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 27: https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/982ae19335-1699446626/treppen-fa8a5320-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 53, weight 147, depends on 51, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 3614
Request Start: 0.846 s
Time to First Byte: 1193 ms
Content Download: 42 ms
Bytes In (downloaded): 19.1 KB
Uncompressed Size: 19.1 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/982ae19335-1699446626/treppen-fa8a5320-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 19558
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "4c66-609a36542d7c1"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 28: https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 55, weight 147, depends on 53, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 3614
Request Start: 0.851 s
Time to First Byte: 1186 ms
Content Download: 117 ms
Bytes In (downloaded): 42.6 KB
Uncompressed Size: 42.6 KB
Bytes Out (uploaded): 2.7 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/d579ce7e50-1699446616/wooden-terrace-wooden-house-panorama-windows-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 43656
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "aa88-609a3654db507"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 29: https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 57, weight 147, depends on 55, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 3614
Request Start: 0.852 s
Time to First Byte: 1185 ms
Content Download: 149 ms
Bytes In (downloaded): 18.0 KB
Uncompressed Size: 18.0 KB
Bytes Out (uploaded): 2.7 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/2875c644ef-1699446657/worker-with-drill-screwdriver-twists-screw-into-drywall-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 18420
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "47f4-609a365499e25"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 30: https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/9cabaa417a-1699446622/fa8a0006-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 59, weight 147, depends on 57, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 3614
Request Start: 0.853 s
Time to First Byte: 1184 ms
Content Download: 198 ms
Bytes In (downloaded): 28.2 KB
Uncompressed Size: 28.2 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/9cabaa417a-1699446622/fa8a0006-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 28851
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "70b3-609a365498e85"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 31: https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 61, weight 147, depends on 59, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 3614
Request Start: 0.853 s
Time to First Byte: 1185 ms
Content Download: 230 ms
Bytes In (downloaded): 19.2 KB
Uncompressed Size: 19.2 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/51df8206ee-1699446624/nachher-pegnitz-1-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 19701
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "4cf5-609a3654b4406"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 32: https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 63, weight 147, depends on 61, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 4906
Request Start: 0.854 s
Time to First Byte: 1184 ms
Content Download: 267 ms
Bytes In (downloaded): 21.2 KB
Uncompressed Size: 21.2 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/81c32d96a3-1699446648/ausbau-altholz-fa8a7609-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 21732
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "54e4-609a3654af5e6"
last-modified: Wed, 08 Nov 2023 12:40:43 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 33: https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 65, weight 147, depends on 63, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 4906
Request Start: 0.855 s
Time to First Byte: 1183 ms
Content Download: 331 ms
Bytes In (downloaded): 37.1 KB
Uncompressed Size: 37.1 KB
Bytes Out (uploaded): 2.7 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/0293323d9f-1699446632/old-patient-suffering-from-parkinson-1-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 37962
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "944a-609a365547b6c"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 34: https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 67, weight 147, depends on 65, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 4906
Request Start: 0.855 s
Time to First Byte: 1184 ms
Content Download: 391 ms
Bytes In (downloaded): 35.6 KB
Uncompressed Size: 35.6 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/8ddf447010-1699446659/jewelry-maker-working-alone-atelier-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 36434
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "8e52-609a36553816b"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 35: https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-320x.png
URL: https://www.schreinerei-birkner.de/media/pages/home/07d2012787-1699446637/gastro-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 69, weight 147, depends on 67, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 4906
Request Start: 0.855 s
Time to First Byte: 1184 ms
Content Download: 630 ms
Bytes In (downloaded): 138.3 KB
Uncompressed Size: 138.3 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/07d2012787-1699446637/gastro-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 141650
content-type: image/png
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "22952-609a36550d1e9"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 36: https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 71, weight 147, depends on 69, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 4906
Request Start: 0.859 s
Time to First Byte: 1181 ms
Content Download: 690 ms
Bytes In (downloaded): 35.8 KB
Uncompressed Size: 35.8 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/10a82a722d-1699446617/gastronomie-fa8a7850-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 36631
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "8f17-609a36552c5ea"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 37: https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/615f017c92-1699446622/fa8a0020-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 73, weight 147, depends on 71, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 4906
Request Start: 0.859 s
Time to First Byte: 1181 ms
Content Download: 725 ms
Bytes In (downloaded): 20.9 KB
Uncompressed Size: 20.9 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/615f017c92-1699446622/fa8a0020-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 21381
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "5385-609a3655b2290"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 38: https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/2884cbb568-1699446660/theken-fa8a7782-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 75, weight 147, depends on 73, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 4906
Request Start: 0.860 s
Time to First Byte: 1180 ms
Content Download: 791 ms
Bytes In (downloaded): 39.3 KB
Uncompressed Size: 39.3 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/2884cbb568-1699446660/theken-fa8a7782-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 40204
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:28 GMT
etag: "9d0c-609a36556020c"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 39: https://www.schreinerei-birkner.de/dist/assets/Nexa%20Light-3a52bad7.otf
URL: https://www.schreinerei-birkner.de/dist/assets/Nexa%20Light-3a52bad7.otf
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 77, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/dist/assets/main-e7bc776c.css
Request Start: 1.034 s
Time to First Byte: 1823 ms
Content Download: 24 ms
Bytes In (downloaded): 29.3 KB
Uncompressed Size: 29.3 KB
Bytes Out (uploaded): 2.5 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /dist/assets/Nexa%20Light-3a52bad7.otf
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
origin: https://www.schreinerei-birkner.de
priority: u=0
referer: https://www.schreinerei-birkner.de/dist/assets/main-e7bc776c.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 30004
content-type: font/otf
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "7534-609a11de20400"
last-modified: Wed, 08 Nov 2023 09:57:36 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 40: https://www.schreinerei-birkner.de/dist/assets/Nexa%20Bold-560e2a7c.otf
URL: https://www.schreinerei-birkner.de/dist/assets/Nexa%20Bold-560e2a7c.otf
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 79, weight 256, depends on 77, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/dist/assets/main-e7bc776c.css
Request Start: 1.036 s
Time to First Byte: 1873 ms
Content Download: 52 ms
Bytes In (downloaded): 29.7 KB
Uncompressed Size: 29.7 KB
Bytes Out (uploaded): 2.5 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /dist/assets/Nexa%20Bold-560e2a7c.otf
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
origin: https://www.schreinerei-birkner.de
priority: u=0
referer: https://www.schreinerei-birkner.de/dist/assets/main-e7bc776c.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 30388
content-type: font/otf
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "76b4-609a11de20400"
last-modified: Wed, 08 Nov 2023 09:57:36 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 41: https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 81, weight 147, depends on 75, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.078 s
Time to First Byte: 1832 ms
Content Download: 68 ms
Bytes In (downloaded): 25.4 KB
Uncompressed Size: 25.4 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/5b342aa7a0-1699446636/konferenz-fa8a7725-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 25995
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "658b-609a36555c38c"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 42: https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/16d61deda7-1699446642/fa8a0875-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 83, weight 147, depends on 81, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.078 s
Time to First Byte: 1832 ms
Content Download: 124 ms
Bytes In (downloaded): 31.7 KB
Uncompressed Size: 31.7 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/16d61deda7-1699446642/fa8a0875-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 32477
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "7edd-609a3655759cd"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 43: https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 85, weight 147, depends on 83, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.079 s
Time to First Byte: 1831 ms
Content Download: 179 ms
Bytes In (downloaded): 31.6 KB
Uncompressed Size: 31.6 KB
Bytes Out (uploaded): 2.7 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/f3b309148d-1699446646/modern-interior-playroom-kindergarten-preschool-education-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 32397
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "7e8d-609a365669c17"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 44: https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-320x.png
URL: https://www.schreinerei-birkner.de/media/pages/home/103d449ab6-1699446612/planung-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 87, weight 147, depends on 85, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.079 s
Time to First Byte: 2154 ms
Content Download: 186 ms
Bytes In (downloaded): 123.6 KB
Uncompressed Size: 123.6 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/103d449ab6-1699446612/planung-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 126572
content-type: image/png
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "1ee6c-609a365597caf"
last-modified: Wed, 08 Nov 2023 12:40:44 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 45: https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/d0128a8189-1699446632/3d-planung-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 89, weight 147, depends on 87, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.080 s
Time to First Byte: 1830 ms
Content Download: 216 ms
Bytes In (downloaded): 23.7 KB
Uncompressed Size: 23.7 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/d0128a8189-1699446632/3d-planung-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 24287
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "5edf-609a3655a576f"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 46: https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/175a0690b9-1699446620/raumgestaltung-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 91, weight 147, depends on 89, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.080 s
Time to First Byte: 1831 ms
Content Download: 253 ms
Bytes In (downloaded): 22.2 KB
Uncompressed Size: 22.2 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/175a0690b9-1699446620/raumgestaltung-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 22751
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "58df-609a3655b3230"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 47: https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/7ac4bca810-1699446649/showroom-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 93, weight 147, depends on 91, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.081 s
Time to First Byte: 1830 ms
Content Download: 293 ms
Bytes In (downloaded): 23.4 KB
Uncompressed Size: 23.4 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/7ac4bca810-1699446649/showroom-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 23917
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "5d6d-609a3655d7451"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 48: https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 95, weight 147, depends on 93, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.081 s
Time to First Byte: 2156 ms
Content Download: 212 ms
Bytes In (downloaded): 17.3 KB
Uncompressed Size: 17.3 KB
Bytes Out (uploaded): 2.7 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/9b88ddd0de-1699446656/top-view-abstract-innovation-assortment-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 17746
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "4552-609a3656b10b9"
last-modified: Wed, 08 Nov 2023 12:40:46 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 49: https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/d951ca7631-1699446618/team-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 97, weight 147, depends on 95, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 6240
Request Start: 1.082 s
Time to First Byte: 2150 ms
Content Download: 269 ms
Bytes In (downloaded): 30.9 KB
Uncompressed Size: 30.9 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/d951ca7631-1699446618/team-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 31636
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "7b94-609a36565b1b6"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 50: https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/5832572402-1699446629/josef-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 99, weight 147, depends on 97, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.127 s
Time to First Byte: 2110 ms
Content Download: 328 ms
Bytes In (downloaded): 37.2 KB
Uncompressed Size: 37.2 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/5832572402-1699446629/josef-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 38065
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "94b1-609a3655fa6d2"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 51: https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/7210ab3c0b-1699446621/reinhard-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 101, weight 147, depends on 99, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.129 s
Time to First Byte: 2104 ms
Content Download: 410 ms
Bytes In (downloaded): 43.5 KB
Uncompressed Size: 43.5 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/7210ab3c0b-1699446621/reinhard-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 44494
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "adce-609a3655e2fd1"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 52: https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/2711d72f77-1699446649/julian-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 103, weight 147, depends on 101, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.130 s
Time to First Byte: 2104 ms
Content Download: 480 ms
Bytes In (downloaded): 41.5 KB
Uncompressed Size: 41.5 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/2711d72f77-1699446649/julian-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 42453
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "a5d5-609a3655e7df2"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 53: https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/d94959cec2-1699446612/opa-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 105, weight 147, depends on 103, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.133 s
Time to First Byte: 2101 ms
Content Download: 534 ms
Bytes In (downloaded): 33.3 KB
Uncompressed Size: 33.3 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/d94959cec2-1699446612/opa-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 34117
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "8545-609a3655f29d2"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 54: https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/a98e54f871-1699446657/weidner-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 107, weight 147, depends on 105, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.142 s
Time to First Byte: 2093 ms
Content Download: 592 ms
Bytes In (downloaded): 34.2 KB
Uncompressed Size: 34.2 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/a98e54f871-1699446657/weidner-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 35047
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "88e7-609a365603373"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 55: https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/3b64f7f869-1699446637/heining-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 109, weight 147, depends on 107, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.142 s
Time to First Byte: 2093 ms
Content Download: 675 ms
Bytes In (downloaded): 39.1 KB
Uncompressed Size: 39.1 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/3b64f7f869-1699446637/heining-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 40085
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "9c95-609a365625654"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 56: https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/0bcfefc966-1699446611/goetzl-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 111, weight 147, depends on 109, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.143 s
Time to First Byte: 2092 ms
Content Download: 748 ms
Bytes In (downloaded): 44.7 KB
Uncompressed Size: 44.7 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/0bcfefc966-1699446611/goetzl-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 45787
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "b2db-609a3655edbb2"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 57: https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-320x.jpg
URL: https://www.schreinerei-birkner.de/media/pages/home/d61cfe5b45-1699446624/kopp-320x.jpg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 113, weight 147, depends on 111, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.143 s
Time to First Byte: 2093 ms
Content Download: 820 ms
Bytes In (downloaded): 42.0 KB
Uncompressed Size: 42.0 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/d61cfe5b45-1699446624/kopp-320x.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 43023
content-type: image/jpeg
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "a80f-609a365612d73"
last-modified: Wed, 08 Nov 2023 12:40:45 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 58: https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-320x.png
URL: https://www.schreinerei-birkner.de/media/site/5512660644-1699446610/footer-map-320x.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 115, weight 147, depends on 113, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.148 s
Time to First Byte: 2088 ms
Content Download: 1058 ms
Bytes In (downloaded): 136.0 KB
Uncompressed Size: 136.0 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/site/5512660644-1699446610/footer-map-320x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 139221
content-type: image/png
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "21fd5-609a365afbb03"
last-modified: Wed, 08 Nov 2023 12:40:50 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 59: https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg
URL: https://www.schreinerei-birkner.de/media/site/efb9b4f452-1699446610/logo_white.svg
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 117, weight 147, depends on 115, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8057
Request Start: 1.148 s
Time to First Byte: 2088 ms
Content Download: 1114 ms
Bytes In (downloaded): 34.3 KB
Uncompressed Size: 34.3 KB
Bytes Out (uploaded): 2.5 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/site/efb9b4f452-1699446610/logo_white.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 35160
content-type: image/svg+xml
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "8958-609a365ab9481"
last-modified: Wed, 08 Nov 2023 12:40:50 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 60: https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1920x.webp
URL: https://www.schreinerei-birkner.de/media/pages/home/3ca38297ff-1699446631/wood-slice-1920x.webp
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 119, weight 147, depends on 117, EXCLUSIVE
Initiated By: https://www.schreinerei-birkner.de/ line 8070
Request Start: 1.473 s
Time to First Byte: 1764 ms
Content Download: 1475 ms
Bytes In (downloaded): 208.9 KB
Uncompressed Size: 208.9 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/3ca38297ff-1699446631/wood-slice-1920x.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 213954
content-type: image/webp
date: Thu, 14 Nov 2024 01:52:29 GMT
etag: "343c2-609a3915c40b3"
last-modified: Wed, 08 Nov 2023 12:53:03 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 61: https://www.schreinerei-birkner.de/favicon.ico
URL: https://www.schreinerei-birkner.de/favicon.ico
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 121, weight 220, depends on 0, EXCLUSIVE
Request Start: 4.724 s
Time to First Byte: 56 ms
Content Download: 2 ms
Bytes In (downloaded): 1.9 KB
Uncompressed Size: 9.1 KB
Bytes Out (uploaded): 2.5 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /favicon.ico
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: u=1, i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-encoding: br
content-length: 1957
content-type: image/x-icon
date: Thu, 14 Nov 2024 01:52:32 GMT
etag: "243e-6059d9ad63d80-br"
last-modified: Mon, 18 Sep 2023 08:05:26 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
x-content-type-options: nosniff
:status: 200
Request 62: https://www.schreinerei-birkner.de/favicon-32x32.png
URL: https://www.schreinerei-birkner.de/favicon-32x32.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 123, weight 220, depends on 0, EXCLUSIVE
Request Start: 4.787 s
Time to First Byte: 61 ms
Bytes In (downloaded): 1.2 KB
Uncompressed Size: 1.2 KB
Bytes Out (uploaded): 2.5 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /favicon-32x32.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: u=1, i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 1260
content-type: image/png
date: Thu, 14 Nov 2024 01:52:32 GMT
etag: "4ec-6059d9ad63d80"
last-modified: Mon, 18 Sep 2023 08:05:26 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 63: https://www.schreinerei-birkner.de/site.webmanifest
URL: https://www.schreinerei-birkner.de/site.webmanifest
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 183, depends on 0, EXCLUSIVE
Request Start: 4.846 s
Initial Connection: 50 ms
Time to First Byte: 58 ms
Content Download: 1 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /site.webmanifest
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: manifest
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 407
content-type: text/plain
date: Thu, 14 Nov 2024 01:52:32 GMT
etag: "197-6059dff454cc0"
last-modified: Mon, 18 Sep 2023 08:33:31 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200
Request 64: https://www.schreinerei-birkner.de/android-chrome-192x192.png
URL: https://www.schreinerei-birkner.de/android-chrome-192x192.png
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 125, weight 220, depends on 0, EXCLUSIVE
Request Start: 4.909 s
Time to First Byte: 81 ms
Content Download: 11 ms
Bytes In (downloaded): 22.7 KB
Uncompressed Size: 22.7 KB
Bytes Out (uploaded): 2.5 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /android-chrome-192x192.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: u=1, i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 23195
content-type: image/png
date: Thu, 14 Nov 2024 01:52:32 GMT
etag: "5a9b-6059d9ad63d80"
last-modified: Mon, 18 Sep 2023 08:05:26 GMT
server: Apache
strict-transport-security: max-age=600000
x-content-type-options: nosniff
:status: 200
Request 65: https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1920x.webp
URL: https://www.schreinerei-birkner.de/media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1920x.webp
Host: www.schreinerei-birkner.de
IP: 85.13.150.174
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 127, weight 147, depends on 0, EXCLUSIVE
Request Start: 6.504 s
Time to First Byte: 114 ms
Content Download: 263 ms
Bytes In (downloaded): 164.6 KB
Uncompressed Size: 164.6 KB
Bytes Out (uploaded): 2.6 KB
Request Headers:
:authority: www.schreinerei-birkner.de
:method: GET
:path: /media/pages/home/94b5d5baba-1699446644/circular-saw-blade-1920x.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=43bdc6bd936087cd6798006520c2d1070f707200%2B1731556347.b65877305330bff4ce06.5e97b502de704475fde7adfdd1377a29d91f0fd6246ceddb69d7f308bf5c71ec
priority: i
referer: https://www.schreinerei-birkner.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
Response Headers:
accept-ranges: bytes
content-length: 168590
content-type: image/webp
date: Thu, 14 Nov 2024 01:52:33 GMT
etag: "2928e-609a392cbbfac"
last-modified: Wed, 08 Nov 2023 12:53:27 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
x-content-type-options: nosniff
:status: 200