- URL: https://neuelandlust.de
- Date: 09/02/24 09:43:29
Webpage Performance Test Result
- Settings: Desktop
v128
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 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| .424S | 1.100S | 1.143S | 1.109S | 1.143S | .002 | .047S | 8.889S | 25 | 5,003KB | 9.533S | 26 | 5,003KB |
Visual Page Loading Process (Explore)
| Navigation Timings | |
|---|---|
| domContentLoadedEvent | loadEvent |
| 1.985s - 1.986s (0.001s) | 8.869s - 8.869s (0s) |
Custom Metrics Data
- Colordepth
- 24
- Dpi
- {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
- Images
- [{"url":"https://neuelandlust.de/assets/icons/wuestenrot.svg","width":157,"height":50,"naturalWidth":157,"naturalHeight":50},{"url":"https://neuelandlust.de/assets/icons/berlin-institut.svg","width":161,"height":41,"naturalWidth":161,"naturalHeight":41},{"url":"https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x610.webp","width":398,"height":538,"naturalWidth":451,"naturalHeight":610},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_1/wanderungssaldo_2018-2020_overlay.svg","width":499,"height":538,"naturalWidth":522,"naturalHeight":600},{"url":"https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x610.webp","width":398,"height":538,"naturalWidth":451,"naturalHeight":610},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_1/wanderungssaldo_2008-2010_overlay.svg","width":499,"height":538,"naturalWidth":476,"naturalHeight":601},{"url":"https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/3863076062-1694121931/bevoelkerungswachstum-2018-2020-x610.png","width":398,"height":538,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_1/bevoelkerungswachstum_2018-2020_overlay.svg","width":499,"height":538,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/3493304219-1694121922/aussen-binnen-2018-2020-aussen-450x.png","width":0,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/aussen-binnen_2018-2020_aussen_overlay.svg","width":0,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/2420327433-1694121923/aussen-binnen-2018-2020-binnen-450x.png","width":0,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/aussen-binnen_2018-2020_binnen_overlay.svg","width":0,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/2490833485-1694121929/wanderungssaldo-unter18-300x.png","width":235,"height":309,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/2093078372-1694121927/wanderungssaldo-18bisunter25-300x.png","width":235,"height":309,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/2864401743-1694121927/wanderungssaldo-25bisunter30-300x.png","width":235,"height":309,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/3775758664-1694121928/wanderungssaldo-30bisunter50-300x.png","width":235,"height":309,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/4243068274-1694121928/wanderungssaldo-50bisunter65-300x.png","width":235,"height":309,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/assets/assets/charts/details/3437787157-1694121929/wanderungssaldo-65undaelter-300x.png","width":235,"height":309,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/legende.svg","width":0,"height":260,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/part1.svg","width":0,"height":260,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/legende.svg","width":0,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/part2.svg","width":0,"height":260,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/legende.svg","width":0,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/part3.svg","width":0,"height":260,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/legende.svg","width":0,"height":0,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/details/wanderungssaldo/part4.svg","width":0,"height":260,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/wanderungssaldo_jahre_1.svg","width":820,"height":454,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/wanderungssaldo_jahre_2.svg","width":820,"height":454,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/wanderungssaldo_jahre_3.svg","width":820,"height":454,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/wanderungssaldo_jahre_4.svg","width":820,"height":454,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/wanderungssaldo_jahre_5.svg","width":820,"height":454,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/wanderungssaldo_jahre_6.svg","width":820,"height":454,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/grossstadt_alter.svg","width":516,"height":153,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/ausland.svg","width":640,"height":270,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/overview_1.svg","width":516,"height":103,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/overview_2.svg","width":516,"height":103,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/overview_3.svg","width":516,"height":103,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/overview_4.svg","width":516,"height":103,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/overview_5.svg","width":516,"height":103,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/assets/charts/scrollytelling_2/overview_6.svg","width":516,"height":103,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/pages/home/d7d1ce7e66-1694121915/berlin-institut.svg","width":171,"height":48,"naturalWidth":0,"naturalHeight":0},{"url":"https://neuelandlust.de/media/pages/home/269cfd9912-1694121917/wuestenrot-stiftung.svg","width":149,"height":48,"naturalWidth":0,"naturalHeight":0}]
- Resolution
- {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
- fonts
- [{"family":"Fira Sans","display":"swap","status":"unloaded","style":"normal","weight":"300"},{"family":"Fira Sans","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"italic","weight":"400"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"italic","weight":"300"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"normal","weight":"500"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"italic","weight":"500"},{"family":"Fira Sans","display":"swap","status":"loaded","style":"normal","weight":"600"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"italic","weight":"600"},{"family":"Fira Sans","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"italic","weight":"700"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"italic","weight":"800"},{"family":"Fira Sans","display":"swap","status":"unloaded","style":"normal","weight":"800"}]
- generated-content-percent
- 0.97
- generated-content-size
- 1.4
- imgs-in-viewport
- [{"src":"\/assets\/icons\/wuestenrot.svg","html":"<img width=\"157\" height=\"50\" src=\"\/assets\/icons\/wuestenrot.svg\" alt=\"W\u00fcstenrot Stiftung\">","currentSrc":"https:\/\/neuelandlust.de\/assets\/icons\/wuestenrot.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":157,"naturalHeight":50},{"src":"\/assets\/icons\/berlin-institut.svg","html":"<img width=\"161\" height=\"41\" src=\"\/assets\/icons\/berlin-institut.svg\" alt=\"Berlin Institut f\u00fcr Bev\u00f6lkerung und Entwicklung\">","currentSrc":"https:\/\/neuelandlust.de\/assets\/icons\/berlin-institut.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":161,"naturalHeight":41},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x610.png","html":"<img x-ref=\"chart1chart\" width=\"434\" height=\"610\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x610.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x610.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x1220.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x1830.webp 3x\" class=\"z-10 px-7 w-full object-contain\" alt=\"Wanderungssaldo 2018-2020\" @load=\"load()\">","currentSrc":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x610.webp","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x610.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x1220.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/1198847701-1694121934\/wanderungssaldo-2018-2020-x1830.webp 3x","sizes":null,"priority":null,"loading":null,"naturalWidth":451,"naturalHeight":610},{"src":"\/assets\/charts\/scrollytelling_1\/wanderungssaldo_2018-2020_overlay.svg","html":"<img src=\"\/assets\/charts\/scrollytelling_1\/wanderungssaldo_2018-2020_overlay.svg\" class=\"h-full object-left object-fit min-w-[110%] absolute left-[-5.2%] inset-y-0\" alt=\"Wanderungssaldo 2018-2020 Textannotation\">","currentSrc":"https:\/\/neuelandlust.de\/assets\/charts\/scrollytelling_1\/wanderungssaldo_2018-2020_overlay.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":522,"naturalHeight":600}]
- imgs-no-alt
- []
- imgs-out-viewport
- [{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x610.png","html":"<img width=\"434\" height=\"610\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x610.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x610.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x1220.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x1830.webp 3x\" loading=\"lazy\" class=\"z-10 px-7 w-full object-contain\" alt=\"Wanderungssaldo 2008-2010\" :style=\"{ 'height': `${ $refs.chart1chart.clientHeight }px` }\" style=\"height: 538px;\">","currentSrc":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x610.webp","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x610.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x1220.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/7232443-1694121933\/wanderungssaldo-2008-2010-x1830.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":451,"naturalHeight":610},{"src":"\/assets\/charts\/scrollytelling_1\/wanderungssaldo_2008-2010_overlay.svg","html":"<img src=\"\/assets\/charts\/scrollytelling_1\/wanderungssaldo_2008-2010_overlay.svg\" class=\"h-full object-left object-fit min-w-[110%] absolute left-[-2.5%] inset-y-0\" loading=\"lazy\" alt=\"Wanderungssaldo 2008-2010 Textannotation\">","currentSrc":"https:\/\/neuelandlust.de\/assets\/charts\/scrollytelling_1\/wanderungssaldo_2008-2010_overlay.svg","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":476,"naturalHeight":601},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x610.png","html":"<img width=\"434\" height=\"610\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x610.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x610.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x1220.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x1830.webp 3x\" loading=\"lazy\" class=\"z-10 px-7 w-full object-contain\" alt=\"Wanderungssaldo 2008-2010\" :style=\"{ 'height': `${ $refs.chart1chart.clientHeight }px` }\" style=\"height: 538px;\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x610.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x1220.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/scrollytelling_1\/3863076062-1694121931\/bevoelkerungswachstum-2018-2020-x1830.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_1\/bevoelkerungswachstum_2018-2020_overlay.svg","html":"<img src=\"\/assets\/charts\/scrollytelling_1\/bevoelkerungswachstum_2018-2020_overlay.svg\" class=\"h-full object-left object-fit min-w-[110%] absolute left-[-1.5%] inset-y-0\" loading=\"lazy\" alt=\"Wanderungssaldo 2008-2010 Textannotation\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-450x.png","html":"<img width=\"330\" height=\"432\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-450x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-450x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-900x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-1350x.webp 3x\" loading=\"lazy\" style=\"max-width: 450px\" alt=\"Au\u00dfenwanderung\" class=\"w-full object-contain\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-450x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-900x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3493304219-1694121922\/aussen-binnen-2018-2020-aussen-1350x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"assets\/charts\/details\/aussen-binnen_2018-2020_aussen_overlay.svg","html":"<img src=\"assets\/charts\/details\/aussen-binnen_2018-2020_aussen_overlay.svg\" class=\"h-full object-left object-fit absolute min-w-[160%] left-[-41%] inset-y-0 z-50\" alt=\"Au\u00dfenwanderung Textannotation\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-450x.png","html":"<img width=\"330\" height=\"432\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-450x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-450x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-900x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-1350x.webp 3x\" loading=\"lazy\" style=\"max-width: 450px\" alt=\"Binnenwanderung\" class=\"w-full object-contain\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-450x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-900x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2420327433-1694121923\/aussen-binnen-2018-2020-binnen-1350x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"assets\/charts\/details\/aussen-binnen_2018-2020_binnen_overlay.svg","html":"<img src=\"assets\/charts\/details\/aussen-binnen_2018-2020_binnen_overlay.svg\" class=\"h-full object-left object-fit absolute min-w-[130%] left-[-2%] inset-y-0 z-50\" alt=\"Binnenwanderung Textannotation\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-300x.png","html":"<img width=\"235\" height=\"309\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-300x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-900x.webp 3x\" loading=\"lazy\" style=\"max-width: 300px\" alt=\"Familienwander:innen<br>unter 18\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2490833485-1694121929\/wanderungssaldo-unter18-900x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-300x.png","html":"<img width=\"235\" height=\"309\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-300x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-900x.webp 3x\" loading=\"lazy\" style=\"max-width: 300px\" alt=\"Bildungswander:innen<br>18 bis unter 25\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2093078372-1694121927\/wanderungssaldo-18bisunter25-900x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-300x.png","html":"<img width=\"235\" height=\"309\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-300x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-900x.webp 3x\" loading=\"lazy\" style=\"max-width: 300px\" alt=\"Berufswander:innen<br>25 bis unter 30\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/2864401743-1694121927\/wanderungssaldo-25bisunter30-900x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-300x.png","html":"<img width=\"235\" height=\"309\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-300x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-900x.webp 3x\" loading=\"lazy\" style=\"max-width: 300px\" alt=\"Familienwander:innen<br>30 bis unter 50\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3775758664-1694121928\/wanderungssaldo-30bisunter50-900x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-300x.png","html":"<img width=\"235\" height=\"309\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-300x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-900x.webp 3x\" loading=\"lazy\" style=\"max-width: 300px\" alt=\"Empty-Nest-Wander:innen<br>50 bis unter 65\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/4243068274-1694121928\/wanderungssaldo-50bisunter65-900x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-300x.png","html":"<img width=\"235\" height=\"309\" src=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-300x.png\" srcset=\"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-900x.webp 3x\" loading=\"lazy\" style=\"max-width: 300px\" alt=\"Ruhestandswander:innen<br>65 und \u00e4lter\">","currentSrc":"","srcSet":"https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-300x.webp 1x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-600x.webp 2x, https:\/\/neuelandlust.de\/media\/assets\/assets\/charts\/details\/3437787157-1694121929\/wanderungssaldo-65undaelter-900x.webp 3x","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/details\/wanderungssaldo\/legende.svg","html":"<img src=\"\/assets\/charts\/details\/wanderungssaldo\/legende.svg\" alt=\"Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Legende\" loading=\"lazy\" class=\"h-[260px] object-fit object-center\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/details\/wanderungssaldo\/part1.svg","html":"<img src=\"\/assets\/charts\/details\/wanderungssaldo\/part1.svg\" alt=\"Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, D\u00fcnn besiedelte l\u00e4ndliche Kreise\" loading=\"lazy\" class=\"h-[260px] object-fit object-center\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/details\/wanderungssaldo\/part2.svg","html":"<img src=\"\/assets\/charts\/details\/wanderungssaldo\/part2.svg\" alt=\"Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Kreisfreie Gro\u00dfst\u00e4dte\" loading=\"lazy\" class=\"h-[260px] object-fit object-center\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/details\/wanderungssaldo\/part3.svg","html":"<img src=\"\/assets\/charts\/details\/wanderungssaldo\/part3.svg\" alt=\"Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, St\u00e4dtische Kreise\" loading=\"lazy\" class=\"h-[260px] object-fit object-center\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/details\/wanderungssaldo\/part4.svg","html":"<img src=\"\/assets\/charts\/details\/wanderungssaldo\/part4.svg\" alt=\"Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Kreisfreie Gro\u00dfst\u00e4dte\" loading=\"lazy\" class=\"h-[260px] object-fit object-center\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_1.svg","html":"<img x-ref=\"chart1\" class=\"\" :style=\"{ 'opacity': charts[0]['opacity']}\" width=\"820\" height=\"454\" src=\"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_1.svg\" loading=\"lazy\" alt=\"Durchschnittlicher Wanderungssaldo \u00fcber Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021\" style=\"opacity: 1;\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_2.svg","html":"<img x-ref=\"chart2\" class=\"absolute inset-0 w-full h-full object-contain\" :style=\"{ 'opacity': charts[1]['opacity']}\" width=\"820\" height=\"454\" src=\"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_2.svg\" loading=\"lazy\" alt=\"Durchschnittlicher Wanderungssaldo \u00fcber Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021\" style=\"opacity: 0;\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_3.svg","html":"<img x-ref=\"chart3\" class=\"absolute inset-0 w-full h-full object-contain\" :style=\"{ 'opacity': charts[2]['opacity']}\" width=\"820\" height=\"454\" src=\"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_3.svg\" loading=\"lazy\" alt=\"Durchschnittlicher Wanderungssaldo \u00fcber Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021\" style=\"opacity: 0;\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_4.svg","html":"<img x-ref=\"chart4\" class=\"absolute inset-0 w-full h-full object-contain\" :style=\"{ 'opacity': charts[3]['opacity']}\" width=\"820\" height=\"454\" src=\"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_4.svg\" loading=\"lazy\" alt=\"Durchschnittlicher Wanderungssaldo \u00fcber Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021\" style=\"opacity: 0;\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_5.svg","html":"<img x-ref=\"chart4\" class=\"absolute inset-0 w-full h-full object-contain\" :style=\"{ 'opacity': charts[4]['opacity']}\" width=\"820\" height=\"454\" src=\"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_5.svg\" loading=\"lazy\" alt=\"Durchschnittlicher Wanderungssaldo \u00fcber Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021\" style=\"opacity: 0;\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_6.svg","html":"<img x-ref=\"chart5\" class=\"absolute inset-0 w-full h-full object-contain\" :style=\"{ 'opacity': charts[5]['opacity']}\" width=\"820\" height=\"454\" src=\"\/assets\/charts\/scrollytelling_2\/wanderungssaldo_jahre_6.svg\" loading=\"lazy\" alt=\"Durchschnittlicher Wanderungssaldo \u00fcber Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021\" style=\"opacity: 0;\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/grossstadt_alter.svg","html":"<img width=\"1000\" height=\"296\" src=\"\/assets\/charts\/scrollytelling_2\/grossstadt_alter.svg\" alt=\"Altersgruppen f\u00fcr Gro\u00dfstadt\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/ausland.svg","html":"<img width=\"663\" height=\"280\" src=\"\/assets\/charts\/scrollytelling_2\/ausland.svg\" alt=\"Zuwanderung aus dem Ausland\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/overview_1.svg","html":"<img width=\"775\" height=\"155\" src=\"\/assets\/charts\/scrollytelling_2\/overview_1.svg\" alt=\"Bundeslaender\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/overview_2.svg","html":"<img width=\"775\" height=\"155\" src=\"\/assets\/charts\/scrollytelling_2\/overview_2.svg\" alt=\"Bundeslaender\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/overview_3.svg","html":"<img width=\"775\" height=\"155\" src=\"\/assets\/charts\/scrollytelling_2\/overview_3.svg\" alt=\"Bundeslaender\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/overview_4.svg","html":"<img width=\"775\" height=\"155\" src=\"\/assets\/charts\/scrollytelling_2\/overview_4.svg\" alt=\"Bundeslaender\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/overview_5.svg","html":"<img width=\"775\" height=\"155\" src=\"\/assets\/charts\/scrollytelling_2\/overview_5.svg\" alt=\"Bundeslaender\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"\/assets\/charts\/scrollytelling_2\/overview_6.svg","html":"<img width=\"775\" height=\"155\" src=\"\/assets\/charts\/scrollytelling_2\/overview_6.svg\" alt=\"Bundeslaender\" loading=\"lazy\" class=\"w-full\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/pages\/home\/d7d1ce7e66-1694121915\/berlin-institut.svg","html":"<img src=\"https:\/\/neuelandlust.de\/media\/pages\/home\/d7d1ce7e66-1694121915\/berlin-institut.svg\" width=\"171\" height=\"47\" alt=\"Berlin-Institut f\u00fcr Bev\u00f6lkerung und Entwicklung \" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/neuelandlust.de\/media\/pages\/home\/269cfd9912-1694121917\/wuestenrot-stiftung.svg","html":"<img src=\"https:\/\/neuelandlust.de\/media\/pages\/home\/269cfd9912-1694121917\/wuestenrot-stiftung.svg\" width=\"149\" height=\"47\" alt=\"W\u00fcstenrot Stiftung\" loading=\"lazy\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
- jsLibsVulns
- []
- meta-viewport
- width=device-width, initial-scale=1.0, viewport-fit=cover
- possibly-render-blocking-reqs
- ["https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.8.1\/mapbox-gl.js","https:\/\/neuelandlust.de\/assets\/css\/tailwind.css","https:\/\/api.mapbox.com\/mapbox-gl-js\/v2.8.1\/mapbox-gl.css"]
- rendered-html
- <html lang="de" class="w-full"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> <title>Landlust neu vermessen | Berlin-Institut & Wüstenrot Stiftung</title> <meta content="Viele Jahre zogen die Menschen vom Land in die großen Städte. Doch jetzt zeichnet sich ein Wandel ab. Erleben wir eine neue Landlust?" name="description"> <meta content="Landlust, Bevölkerungswanderung, Berlin-Institut, Wüstenrot Stiftung" name="keywords"> <meta content="Landlust neu vermessen | Berlin-Institut & Wüstenrot Stiftung" property="og:title"> <meta content="website" property="og:type"> <meta content="Die neue Landlust" property="og:site_name"> <meta content="https://neuelandlust.de" property="og:url"> <meta content="https://neuelandlust.de/media/pages/home/f50f56aa68-1694121916/landlust-neu-vermessen-1200-630-1280x720-crop.jpg" property="og:image"> <meta content="Viele Jahre zogen die Menschen vom Land in die großen Städte. Doch jetzt zeichnet sich ein Wandel ab. Erleben wir eine neue Landlust?" property="og:description"> <meta content="en_GB" property="og:locale"> <meta content="Landlust neu vermessen | Berlin-Institut & Wüstenrot Stiftung" name="twitter:title"> <meta content="summary_large_image" name="twitter:card"> <meta content="http://twitter.com/share?text=Landlust%20neu%20vermessen%21%20Erleben%20wir%20eine%20https%3A%2F%2Fneuelandlust.de%2F%3F%20via%20%40berlin_institut%20%40WuestenrotStift&url=https%3A%2F%2Fneuelandlust.de%2F" name="twitter:site"> <meta content="" name="twitter:creator"> <meta content="https://neuelandlust.de/media/pages/home/f50f56aa68-1694121916/landlust-neu-vermessen-1200-630-1280x720-crop.jpg" name="twitter:image"> <meta content="https://neuelandlust.de" name="twitter:url"> <meta content="Viele Jahre zogen die Menschen vom Land in die großen Städte. Doch jetzt zeichnet sich ein Wandel ab. Erleben wir eine neue Landlust?" name="twitter:description"> <meta content="index,follow" name="robots"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> <link rel="manifest" href="/assets/favicon/manifest.json"> <link rel="shortcut icon" href="/assets/favicon/favicon.ico"> <link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#2c1269"> <meta name="msapplication-TileColor" content="#2c1269"> <meta name="msapplication-TileImage" content="/assets/favicon/mstile-144x144.png"> <meta name="msapplication-config" content="/assets/favicon/browserconfig.xml"> <meta name="theme-color" content="#2c1269"> <link href="https://neuelandlust.de/assets/css/tailwind.css" rel="stylesheet"></head> <body class="w-full"> <header class="px-5 lg:px-7 mx-auto py-6 flex flex-row justify-between items-center space-x-6"> <div class="flex flex-row space-x-10"> <a href="https://wuestenrot-stiftung.de/" target="_blank"> <img width="157" height="50" src="/assets/icons/wuestenrot.svg" alt="Wüstenrot Stiftung"> </a> <a href="https://www.berlin-institut.org/" target="_blank"> <img width="161" height="41" src="/assets/icons/berlin-institut.svg" alt="Berlin Institut für Bevölkerung und Entwicklung"> </a> </div> <div class="flex flex-col lg:flex-row gap-x-4"> <a aria-label="Facebook" href="http://www.facebook.com/sharer/sharer.php?display=page&u=https%3A%2F%2Fneuelandlust.de%2F" target="_blank" class="h-8 w-8 flex justify-center items-center"> <svg width="12" height="18" viewBox="0 0 12 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.77365 17.25L3.75 9.75H0.75V6.75H3.75V4.875C3.75 2.09145 5.47374 0.75 7.95686 0.75C9.14629 0.75 10.1686 0.838556 10.4665 0.878138V3.78711L8.74429 3.78789C7.39384 3.78789 7.13236 4.42961 7.13236 5.37129V6.75H11.0625L9.5625 9.75H7.13236V17.25H3.77365Z" fill="white"></path> </svg> </a> <a aria-label="Twitter" href="http://twitter.com/share?text=Landlust%20neu%20vermessen%21%20Erleben%20wir%20eine%20https%3A%2F%2Fneuelandlust.de%2F%3F%20via%20%40berlin_institut%20%40WuestenrotStift&url=https%3A%2F%2Fneuelandlust.de%2F" target="_blank" class="h-8 w-8 flex justify-center items-center"> <svg width="18px" height="19px" viewBox="0 0 18 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#FFFFFF" d="M10.712445,7.78926 L17.41335,0 L15.82545,0 L10.007055,6.763305 L5.35992,0 L0,0 L7.02738,10.227315 L0,18.39555 L1.58799,18.39555 L7.732365,11.25327 L12.64008,18.39555 L18,18.39555 L10.712055,7.78926 L10.712445,7.78926 Z M8.537475,10.31742 L7.825455,9.29901 L2.160165,1.195416 L4.599225,1.195416 L9.17118,7.735275 L9.8832,8.753685 L15.8262,17.2545 L13.38714,17.2545 L8.537475,10.31781 L8.537475,10.31742 Z"></path> </svg> </a> <a aria-label="Instagram" href="https://www.instagram.com/berlininstitute/" target="_blank" class="h-8 w-8 flex justify-center items-center"> <svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path fill="#FFFFFF" d="M8.99182561,13.8964578 C11.7005722,13.8964578 13.8964578,11.7005722 13.8964578,8.99182561 C13.8964578,6.28307084 11.7005722,4.08719346 8.99182561,4.08719346 C6.28307084,4.08719346 4.08719346,6.28307084 4.08719346,8.99182561 C4.08719346,11.7005722 6.28307084,13.8964578 8.99182561,13.8964578 Z M8.99182561,12.2615804 C10.7976294,12.2615804 12.2615804,10.7976294 12.2615804,8.99182561 C12.2615804,7.1859891 10.7976294,5.72207084 8.99182561,5.72207084 C7.1859891,5.72207084 5.72207084,7.1859891 5.72207084,8.99182561 C5.72207084,10.7976294 7.1859891,12.2615804 8.99182561,12.2615804 Z"></path> <path fill="#FFFFFF" d="M13.8964578,3.26975477 C13.4449864,3.26975477 13.0790191,3.63573842 13.0790191,4.08719346 C13.0790191,4.5386485 13.4449864,4.90463215 13.8964578,4.90463215 C14.3479292,4.90463215 14.7138965,4.5386485 14.7138965,4.08719346 C14.7138965,3.63573842 14.3479292,3.26975477 13.8964578,3.26975477 Z"></path> <path fill="#FFFFFF" d="M0.534572207,2.6779782 C8.52651283e-15,3.72713624 8.52651283e-15,5.10056403 8.52651283e-15,7.84741144 L8.52651283e-15,10.1362398 C8.52651283e-15,12.883079 8.52651283e-15,14.2565395 0.534572207,15.3056403 C1.00479564,16.2285286 1.75510627,16.9788556 2.6779782,17.4490463 C3.72713624,17.9836512 5.10056403,17.9836512 7.84741144,17.9836512 L10.1362398,17.9836512 C12.883079,17.9836512 14.2565395,17.9836512 15.3056403,17.4490463 C16.2285286,16.9788556 16.9788556,16.2285286 17.4490463,15.3056403 C17.9836512,14.2565395 17.9836512,12.883079 17.9836512,10.1362398 L17.9836512,7.84741144 C17.9836512,5.10056403 17.9836512,3.72713624 17.4490463,2.6779782 C16.9788556,1.75510627 16.2285286,1.00479564 15.3056403,0.534572207 C14.2565395,0 12.883079,0 10.1362398,0 L7.84741144,0 C5.10056403,0 3.72713624,0 2.6779782,0.534572207 C1.75510627,1.00479564 1.00479564,1.75510627 0.534572207,2.6779782 Z M10.1362398,1.63487738 L7.84741144,1.63487738 C6.44700817,1.63487738 5.49502725,1.63615259 4.75919346,1.69626703 C4.04243052,1.75482834 3.67589101,1.86097275 3.42019619,1.99125613 C2.80495095,2.30474387 2.30474387,2.80495095 1.99125613,3.42019619 C1.86097275,3.67589101 1.75482834,4.04243052 1.69626703,4.75919346 C1.63615259,5.49502725 1.63487738,6.44700817 1.63487738,7.84741144 L1.63487738,10.1362398 C1.63487738,11.5366757 1.63615259,12.4885831 1.69626703,13.2244414 C1.75482834,13.9412534 1.86097275,14.3077929 1.99125613,14.5634877 C2.30474387,15.1786921 2.80495095,15.6788828 3.42019619,15.9923706 C3.67589101,16.1226703 4.04243052,16.2288556 4.75919346,16.2873842 C5.49502725,16.3474659 6.44700817,16.3487738 7.84741144,16.3487738 L10.1362398,16.3487738 C11.5366757,16.3487738 12.4885831,16.3474659 13.2244414,16.2873842 C13.9412534,16.2288556 14.3077929,16.1226703 14.5634877,15.9923706 C15.1786921,15.6788828 15.6788828,15.1786921 15.9923706,14.5634877 C16.1226703,14.3077929 16.2288556,13.9412534 16.2873842,13.2244414 C16.3474659,12.4885831 16.3487738,11.5366757 16.3487738,10.1362398 L16.3487738,7.84741144 C16.3487738,6.44700817 16.3474659,5.49502725 16.2873842,4.75919346 C16.2288556,4.04243052 16.1226703,3.67589101 15.9923706,3.42019619 C15.6788828,2.80495095 15.1786921,2.30474387 14.5634877,1.99125613 C14.3077929,1.86097275 13.9412534,1.75482834 13.2244414,1.69626703 C12.4885831,1.63615259 11.5366757,1.63487738 10.1362398,1.63487738 Z"></path> </g> </svg> </a> </div> </header> <article class="pt-10 pb-14 space-y-20 max-w-full"> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="mx-auto max-w-[700px] text-center space-y-4"> <h1 class="meta uppercase opacity-50 "> Wanderungsgeschehen in Deutschland </h1> <h2 class="h1 max-w-[473px] mx-auto"> Landlust neu vermessen </h2> <p class="p-bold"> Viele Jahre zogen die Menschen vom Land in die großen Städte.<br> Doch jetzt zeichnet sich ein Wandel ab.<br> Erleben wir eine neue Landlust? </p> <p class="h5 opacity-75"> Das Berlin-Institut und die Wüstenrot Stiftung haben das aktuelle<br> Wanderungsgeschehen in Stadt und Land genau unter die Lupe genommen.<br> Außerdem werfen sie einen Blick auf die Auswirkungen, die die Pandemie mit sich gebracht hat. </p> <div class="lg:mx-auto px-5 py-4 bg-lila-80 bg-opacity-90 custom-full-width-on-mobile"> <p class="p kt"> Im zweiten Teil der Studie haben wir sechs ländliche Gemeinden besucht, die in den letzten Jahren viel Zuzug erfahren haben. <br> Wie die Gemeinden das Zusammenleben mit den neuen Bewohner:innen gestalten, lesen Sie jetzt in „Neu im Dorf – Wie der Zuzug das Leben auf dem Land verändert“. Die Studie steht <a href="https://www.berlin-institut.org/studien-analysen/detail/neu-im-dorf" rel="noopener noreferrer" target="_blank">hier zum Download</a> zur Verfügung. </p> </div> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="" x-data="{ show: false, pos: { 'top': 0, 'left': 0}, selected: 'Wanderungssaldo', texts: { 'Wanderungssaldo': 'Der Wanderungssaldo ergibt sich aus der Differenz von Zu- und Fortzügen je 1.000 Einwohner:innen. Die Angabe je 1.000 Personen dient dazu, unterschiedlich große Gemeinden vergleichbar zu machen. Ein Wanderungssaldo von fünf bedeutet, dass pro 1.000 Einwohner:innen fünf Personen mehr zu- als fortgezogen sind.', 'Landgemeinden': 'Landgemeinden: weniger als 5.000 Einwohner:innen <br>Kleinstädte: 5.000 bis unter 20.000 Einwohner:innen <br>Mittelstädte: 20.000 bis unter 100.000 Einwohner:innen <br>Großstädte: über 100.000 Einwohner:innen', 'Kleinstädte': 'Landgemeinden: weniger als 5.000 Einwohner:innen <br>Kleinstädte: 5.000 bis unter 20.000 Einwohner:innen <br>Mittelstädte: 20.000 bis unter 100.000 Einwohner:innen <br>Großstädte: über 100.000 Einwohner:innen', 'Einheitsgemeinden': 'Gemeindeverbände sind Zusammenschlüsse kleinerer Gemeinden, die öffentliche Aufgaben unter Beibehaltung der Selbstständigkeit der Mitgliedsgemeinden übernehmen. Im Jahr 2019 waren von den rund 11.000 deutschen Gemeinden gut 7.500 in insgesamt rund 1.200 Gemeindeverbänden organisiert. Die rund 3.500 Einheitsgemeinden gehören keinem Gemeindeverband an.', }, isMobile: (window.innerWidth || document.documentElement.clientWidth) < 1024, mouseEnter(e) { let isLeft = e.clientX <= (window.innerWidth || document.documentElement.clientWidth) / 2; this.pos = { 'top': e.clientY + 24, 'left': isLeft ? e.clientX : e.clientX - 500 }; switch (this.$el) { case this.$refs.wanderungssaldo: this.selected = 'Wanderungssaldo'; break; case this.$refs.landgemeinden: this.selected = 'Landgemeinden'; break; case this.$refs.kleinstaedte: this.selected = 'Kleinstädte'; break; case this.$refs.Einheitsgemeinden: this.selected = 'Einheitsgemeinden'; break; }; this.show = true; }, mouseLeave(e) { this.show = false; }, resize() { this.isMobile = (window.innerWidth || document.documentElement.clientWidth) < 1024; }, }" @resize.window.debounce="resize()"> <div class="fixed max-w-full lg:max-w-[600px] lg:w-[500px] flex flex-col" style="z-index: 100; top: 0px; left: 0px; display: none;" :style="{ 'top': isMobile ? null : `${ pos['top'] }px`, 'bottom': isMobile ? '96px' : null, 'left': isMobile ? 0 : `${ pos['left'] }px` }" x-show="show" x-transition="" @scroll.window.debounce="show = false"> <div class="relative mx-6 px-5 py-4 bg-lila-80 bg-opacity-90 p-small flex flex-col gap-y-2"> <div class="flex lg:hidden flex-row justify-end "> <button @click="show = false"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 16.999L17 6.99902" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M17 16.999L7 6.99902" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> <p x-html="texts[selected]">Der Wanderungssaldo ergibt sich aus der Differenz von Zu- und Fortzügen je 1.000 Einwohner:innen. Die Angabe je 1.000 Personen dient dazu, unterschiedlich große Gemeinden vergleichbar zu machen. Ein Wanderungssaldo von fünf bedeutet, dass pro 1.000 Einwohner:innen fünf Personen mehr zu- als fortgezogen sind.</p> </div> </div> <div id="scrolly-1" class="mx-auto max-w-[980px] flex flex-col justify-center space-y-32" x-data="{ id: '#scrolly-1', intro: { 'pt': 0 }, chart1: { 'top': 0, }, chart2: { 'top': 0, 'pb': 110 }, chart3: { 'top': 0, 'pb': 0 }, steps: [ { 'opacity': 1 }, { 'opacity': 0 }, { 'opacity': 0 }, ], scroller: null, init() { this.setup(); this.scroller = scrollama(); this.scroller .setup({ step: `${ this.id } .step`, progress: true, debug: false }) .onStepProgress((progress) => this.handleStepProgress(this, progress)); }, resize() { this.setup(); }, load() { this.setup(); setTimeout(this.setup, 500); }, setup() { if (window.innerWidth && window.innerWidth > 1024) { let h1 = this.$refs.chart1.clientHeight; this.chart1['top'] = (window.innerHeight - h1) / 2; this.chart2['top'] = this.chart1['top']; this.chart3['top'] = this.chart1['top']; let h2 = this.$refs.chart2.clientHeight; this.chart2['pb'] = h1-h2; let h3 = this.$refs.chart3.clientHeight; this.chart3['pb'] = h1-h3; let hi = this.$refs.intro.clientHeight - this.$refs.intro.paddingTop; this.intro['pt'] = (h1 - hi) / 2; } else { this.chart2['pb'] = 0; this.chart3['pb'] = 0; this.intro['pt'] = 0; } }, handleStepProgress(that, response) { let { index, progress, direction } = response; let clamp = (num) => Math.min(Math.max(num, 0), 1); for (var i = 0; i < that.steps.length; i++) { if (i == index) { that.steps[i]['opacity'] = clamp(1 - progress * 2) } else if (i == (index + 1)) { that.steps[i]['opacity'] = clamp(progress * 2); } else { that.steps[i]['opacity'] = 0; } } }, }" @resize.window="resize()"> <div class="grid grid-cols-2 gap-x-4 gap-y-24"> <div class="col-span-full lg:col-span-1"> <figure x-ref="chart1" class="w-full flex flex-col justify-center lg:sticky max-w-lg lg:max-w-none mx-auto" :style="{ 'top': `${ chart1['top'] }px` }" style="top: 151.5px;"> <div class="flex flex-col"> <div class="flex flex-row justify-center items-center space-x-1 z-20 min-h-[38px]"> <span class="h4"> Wanderungssaldo </span> <span class="p-1"><span x-ref="wanderungssaldo" class="cursor-pointer inline-block pr-1" @mouseenter.debounce="mouseEnter" @mouseleave.debounce="mouseLeave"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 17.251C13.5564 17.251 17.25 13.5573 17.25 9.00098C17.25 4.44463 13.5564 0.750977 9 0.750977C4.44365 0.750977 0.75 4.44463 0.75 9.00098C0.75 13.5573 4.44365 17.251 9 17.251Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.95039 12.75C8.89106 12.75 8.83305 12.7676 8.78372 12.8006C8.73439 12.8335 8.69593 12.8804 8.67323 12.9352C8.65052 12.99 8.64458 13.0503 8.65616 13.1085C8.66773 13.1667 8.6963 13.2202 8.73826 13.2621C8.78021 13.3041 8.83367 13.3327 8.89186 13.3442C8.95006 13.3558 9.01038 13.3499 9.0652 13.3272C9.12001 13.3045 9.16687 13.266 9.19983 13.2167C9.2328 13.1673 9.25039 13.1093 9.25039 13.05C9.25039 12.9704 9.21878 12.8941 9.16252 12.8379C9.10626 12.7816 9.02996 12.75 8.95039 12.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.75 7.50357C6.75006 7.09793 6.85978 6.69985 7.06755 6.35146C7.27531 6.00307 7.5734 5.71733 7.93026 5.52447C8.28712 5.33162 8.68948 5.23882 9.09475 5.2559C9.50003 5.27299 9.89315 5.39931 10.2325 5.62151C10.5719 5.84372 10.8449 6.15353 11.0226 6.51817C11.2003 6.88281 11.2761 7.2887 11.242 7.69291C11.208 8.09711 11.0653 8.48459 10.829 8.81433C10.5928 9.14407 10.2718 9.40381 9.9 9.56607C9.6325 9.68281 9.40488 9.87506 9.24502 10.1192C9.08515 10.3634 9 10.649 9 10.9408V11.2498" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </span> </div> <span class="p text-center z-20">2018 bis 2020</span> </div> <div class="lg:w-full relative"> <img x-ref="chart1chart" width="434" height="610" src="https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x610.png" srcset="https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x610.webp 1x, https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x1220.webp 2x, https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x1830.webp 3x" class="z-10 px-7 w-full object-contain" alt="Wanderungssaldo 2018-2020" @load="load()"> <img src="/assets/charts/scrollytelling_1/wanderungssaldo_2018-2020_overlay.svg" class="h-full object-left object-fit min-w-[110%] absolute left-[-5.2%] inset-y-0" alt="Wanderungssaldo 2018-2020 Textannotation"> </div> <figcaption class="pt-4 flex flex-col space-y-2 "> <p class="p-small"> Wo mehr Personen zu- als fortgezogen (<span class="text-red">Wanderungsgewinn</span>) und fort- als zugezogen sind (<span class="text-blue">Wanderungsverlust</span>). </p> <p class="p-small opacity-70"> <a href="#methodik" class="a">Methodik</a> • Quelle: Statistische Ämter des Bundes und der Länder (2021) </p> </figcaption> </figure> </div> <div class="col-span-full lg:col-span-1 flex flex-col space-y-6 lg:space-y-[400px] overflow-x-hidden-onmobile"> <div class="space-y-2 max-w-lg lg:max-w-[405px] self-center lg:self-end z-0 " x-ref="intro" style="padding-top: 147px;" :style="{ 'padding-top': `${ intro['pt'] }px` }"> <h2 class="meta opacity-70 uppercase"> Wanderungsgeschehen im Zeitverlauf </h2> <h3 class="pt-1 h4"> Entscheiden sich wirklich mehr Menschen für ein Leben auf dem Land? </h3> <p class="p kt"> Tatsächlich verwirklichen immer mehr Menschen ihren Traum vom Haus im Grünen. In 63 Prozent der Landgemeinden <span x-ref="landgemeinden" class="cursor-pointer inline-block pr-1" @mouseenter.debounce="mouseEnter" @mouseleave.debounce="mouseLeave"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 17.251C13.5564 17.251 17.25 13.5573 17.25 9.00098C17.25 4.44463 13.5564 0.750977 9 0.750977C4.44365 0.750977 0.75 4.44463 0.75 9.00098C0.75 13.5573 4.44365 17.251 9 17.251Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.95039 12.75C8.89106 12.75 8.83305 12.7676 8.78372 12.8006C8.73439 12.8335 8.69593 12.8804 8.67323 12.9352C8.65052 12.99 8.64458 13.0503 8.65616 13.1085C8.66773 13.1667 8.6963 13.2202 8.73826 13.2621C8.78021 13.3041 8.83367 13.3327 8.89186 13.3442C8.95006 13.3558 9.01038 13.3499 9.0652 13.3272C9.12001 13.3045 9.16687 13.266 9.19983 13.2167C9.2328 13.1673 9.25039 13.1093 9.25039 13.05C9.25039 12.9704 9.21878 12.8941 9.16252 12.8379C9.10626 12.7816 9.02996 12.75 8.95039 12.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.75 7.50357C6.75006 7.09793 6.85978 6.69985 7.06755 6.35146C7.27531 6.00307 7.5734 5.71733 7.93026 5.52447C8.28712 5.33162 8.68948 5.23882 9.09475 5.2559C9.50003 5.27299 9.89315 5.39931 10.2325 5.62151C10.5719 5.84372 10.8449 6.15353 11.0226 6.51817C11.2003 6.88281 11.2761 7.2887 11.242 7.69291C11.208 8.09711 11.0653 8.48459 10.829 8.81433C10.5928 9.14407 10.2718 9.40381 9.9 9.56607C9.6325 9.68281 9.40488 9.87506 9.24502 10.1192C9.08515 10.3634 9 10.649 9 10.9408V11.2498" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> und in 72 Prozent der Kleinstädte <span x-ref="kleinstaedte" class="cursor-pointer inline-block pr-1" @mouseenter.debounce="mouseEnter" @mouseleave.debounce="mouseLeave"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 17.251C13.5564 17.251 17.25 13.5573 17.25 9.00098C17.25 4.44463 13.5564 0.750977 9 0.750977C4.44365 0.750977 0.75 4.44463 0.75 9.00098C0.75 13.5573 4.44365 17.251 9 17.251Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.95039 12.75C8.89106 12.75 8.83305 12.7676 8.78372 12.8006C8.73439 12.8335 8.69593 12.8804 8.67323 12.9352C8.65052 12.99 8.64458 13.0503 8.65616 13.1085C8.66773 13.1667 8.6963 13.2202 8.73826 13.2621C8.78021 13.3041 8.83367 13.3327 8.89186 13.3442C8.95006 13.3558 9.01038 13.3499 9.0652 13.3272C9.12001 13.3045 9.16687 13.266 9.19983 13.2167C9.2328 13.1673 9.25039 13.1093 9.25039 13.05C9.25039 12.9704 9.21878 12.8941 9.16252 12.8379C9.10626 12.7816 9.02996 12.75 8.95039 12.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.75 7.50357C6.75006 7.09793 6.85978 6.69985 7.06755 6.35146C7.27531 6.00307 7.5734 5.71733 7.93026 5.52447C8.28712 5.33162 8.68948 5.23882 9.09475 5.2559C9.50003 5.27299 9.89315 5.39931 10.2325 5.62151C10.5719 5.84372 10.8449 6.15353 11.0226 6.51817C11.2003 6.88281 11.2761 7.2887 11.242 7.69291C11.208 8.09711 11.0653 8.48459 10.829 8.81433C10.5928 9.14407 10.2718 9.40381 9.9 9.56607C9.6325 9.68281 9.40488 9.87506 9.24502 10.1192C9.08515 10.3634 9 10.649 9 10.9408V11.2498" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> zogen mehr Menschen zu als fort. Nicht nur das Umland vieler Städte, sondern auch abgelegenere Regionen in ganz Deutschland verzeichnen Wanderungsgewinne. </p> <div class="hidden lg:flex self-center pt-10 w-full flex-col justify-center"> <a href="#datenentdecken"> <div class="w-full"> <hr class="mx-auto border-t border-white opacity-40 max-w-[320px]"> </div> <div class="p-3 flex flex-row justify-center space-x-3 "> <div class="w-6 h-10 border-2 border-white opacity-75 rounded-full flex justify-center items-center"> <svg class="animate-bounce pr-[0.5px]" width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.54193 13.5003H5.62182L5.79925 13.7103V13.7106C5.96616 13.8997 6.19281 14.0064 6.4297 14.0064C6.66659 14.0064 6.89325 13.8997 7.06015 13.7106L7.23758 13.5007L7.31747 13.5003V13.4103L12.3871 7.7104L11.1265 6.2906L7.31747 10.5905V0.000488281H5.54196V10.5905L1.73322 6.2906L0.472656 7.7104L5.54196 13.4103L5.54193 13.5003Z" fill="white"></path> </svg> </div> <span class="p-small leading-5 opacity-75">Scrollen Sie nach unten, um die Daten<br>für Ihre Gemeinde zu entdecken.</span> </div> </a> </div> </div> <div class="space-y-6 lg:space-y-0"> <figure x-ref="chart2" class="w-full flex flex-col justify-center lg:sticky" :style="{ 'top': `${ chart2['top'] }px`, 'padding-bottom': `${ chart2['pb'] }px`, 'height': `${ $refs.chart1.clientHeight }px`}" style="top: 151.5px; padding-bottom: 84px; height: 690px;"> <div class="lg:h-full"> <div class="flex flex-col"> <div class="flex flex-row justify-center items-center space-x-2 z-20 min-h-[38px]"> <span class="h4"> Wanderungssaldo </span> </div> <span class="p text-center z-20">2008 bis 2010</span> </div> <div class="w-full relative"> <img width="434" height="610" src="https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x610.png" srcset="https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x610.webp 1x, https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x1220.webp 2x, https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x1830.webp 3x" loading="lazy" class="z-10 px-7 w-full object-contain" alt="Wanderungssaldo 2008-2010" :style="{ 'height': `${ $refs.chart1chart.clientHeight }px` }" style="height: 538px;"> <img src="/assets/charts/scrollytelling_1/wanderungssaldo_2008-2010_overlay.svg" class="h-full object-left object-fit min-w-[110%] absolute left-[-2.5%] inset-y-0" loading="lazy" alt="Wanderungssaldo 2008-2010 Textannotation"> </div> </div> </figure> <div class="step z-40 lg:pt-[300px] lg:pb-[1200px]" style="z-index: 40 !important;" data-scrollama-index="0"> <div class="max-w-[700px] mx-auto lg:absolute inset-x-0 w-full flex justify-center "> <div class="lg:mx-6 px-5 py-4 bg-lila-80 bg-opacity-90"> <p class="p kt"> Zehn Jahre zuvor schrumpften 72 Prozent der Landgemeinden und 66 Prozent der Kleinstädte, weil mehr Menschen fort- also zuzogen. Vor allem größere Städte und ihr Umland gewannen Bewohner:innen durch Umzüge hinzu.<br> Besonders ausgeprägt war die Landflucht in Ostdeutschland - Landgemeinden verloren jährlich im Schnitt fast ein Prozent ihrer Bewohner:innen durch Abwanderung, und nur etwa eine von zehn erzielte Wanderungsgewinne. </p> </div> </div> </div> </div> <div class="pt-12 space-y-6 lg:space-y-0"> <figure x-ref="chart3" class="w-full flex flex-col justify-center lg:sticky" :style="{ 'top': `${ chart3['top'] }px`, 'padding-bottom': `${ chart3['pb'] }px` }" style="top: 151.5px; padding-bottom: 27px;"> <div class="lg:h-full"> <div class="flex flex-col"> <div class="flex flex-row justify-center items-center space-x-2 z-20 min-h-[38px]"> <span class="h4"> Bevölkerungsentwicklung </span> </div> <span class="p text-center z-20">2018 bis 2020</span> </div> <div class="w-full relative"> <img width="434" height="610" src="https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/3863076062-1694121931/bevoelkerungswachstum-2018-2020-x610.png" srcset="https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/3863076062-1694121931/bevoelkerungswachstum-2018-2020-x610.webp 1x, https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/3863076062-1694121931/bevoelkerungswachstum-2018-2020-x1220.webp 2x, https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/3863076062-1694121931/bevoelkerungswachstum-2018-2020-x1830.webp 3x" loading="lazy" class="z-10 px-7 w-full object-contain" alt="Wanderungssaldo 2008-2010" :style="{ 'height': `${ $refs.chart1chart.clientHeight }px` }" style="height: 538px;"> <img src="/assets/charts/scrollytelling_1/bevoelkerungswachstum_2018-2020_overlay.svg" class="h-full object-left object-fit min-w-[110%] absolute left-[-1.5%] inset-y-0" loading="lazy" alt="Wanderungssaldo 2008-2010 Textannotation"> </div> </div> <figcaption class="pt-4 flex flex-col space-y-2 "> <p class="p-small text-center"> Wo Gemeinden <span class="text-red">wachsen</span> und <span class="text-blue">schrumpfen</span>. </p> </figcaption> </figure> <div class="step z-40 lg:pt-[300px] lg:pb-[1200px]" style="z-index: 40 !important;" data-scrollama-index="1"> <div class="max-w-[700px] mx-auto lg:absolute inset-x-0 w-full flex justify-center "> <div class="lg:mx-6 px-5 py-4 bg-lila-80 bg-opacity-90"> <p class="p kt"> Aber: Trotz Zuzug bleiben viele ländliche Gemeinden auf Schrumpfkurs. Wenn deutlich mehr Menschen sterben, als Kinder auf die Welt kommen, reichen selbst hohe Wanderungsgewinne nicht aus, um die Sterbeüberschüsse auszugleichen. <br> Rund jede dritte der 3.532 Gemeindeverbände und Einheitsgemeinden <span x-ref="Einheitsgemeinden" class="cursor-pointer inline-block pr-1" @mouseenter.debounce="mouseEnter" @mouseleave.debounce="mouseLeave"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 17.251C13.5564 17.251 17.25 13.5573 17.25 9.00098C17.25 4.44463 13.5564 0.750977 9 0.750977C4.44365 0.750977 0.75 4.44463 0.75 9.00098C0.75 13.5573 4.44365 17.251 9 17.251Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.95039 12.75C8.89106 12.75 8.83305 12.7676 8.78372 12.8006C8.73439 12.8335 8.69593 12.8804 8.67323 12.9352C8.65052 12.99 8.64458 13.0503 8.65616 13.1085C8.66773 13.1667 8.6963 13.2202 8.73826 13.2621C8.78021 13.3041 8.83367 13.3327 8.89186 13.3442C8.95006 13.3558 9.01038 13.3499 9.0652 13.3272C9.12001 13.3045 9.16687 13.266 9.19983 13.2167C9.2328 13.1673 9.25039 13.1093 9.25039 13.05C9.25039 12.9704 9.21878 12.8941 9.16252 12.8379C9.10626 12.7816 9.02996 12.75 8.95039 12.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.75 7.50357C6.75006 7.09793 6.85978 6.69985 7.06755 6.35146C7.27531 6.00307 7.5734 5.71733 7.93026 5.52447C8.28712 5.33162 8.68948 5.23882 9.09475 5.2559C9.50003 5.27299 9.89315 5.39931 10.2325 5.62151C10.5719 5.84372 10.8449 6.15353 11.0226 6.51817C11.2003 6.88281 11.2761 7.2887 11.242 7.69291C11.208 8.09711 11.0653 8.48459 10.829 8.81433C10.5928 9.14407 10.2718 9.40381 9.9 9.56607C9.6325 9.68281 9.40488 9.87506 9.24502 10.1192C9.08515 10.3634 9 10.649 9 10.9408V11.2498" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> , die Wanderungsgewinne verzeichneten, ist insgesamt geschrumpft. </p> </div> </div> </div> </div> </div> </div> <div class="mx-auto max-w-[660px] text-left"> <p class="p kt"> Das wachsende Interesse am Landleben ist dennoch eine gute Nachricht für kleine Gemeinden. Denn es bietet die Chance, viele der demografischen Herausforderungen und Probleme ländlicher Regionen zumindest abzumildern. Mehr Familien sorgen dafür, dass auch in kleineren Orten wieder ausreichend Schülerinnen und Schüler für eine eigene Schule leben.<br> <br> Mit größerer lokaler Nachfrage nach Dienstleistungen und Gütern des täglichen Bedarfs lohnen sich auch wohnortnahe Versorgungsangebote wieder. Und die neuen Landlustigen sind vor allem Menschen im Erwerbsalter, die die wachsende Fachkräftelücke schließen können. </p> </div> </div> </div> </section> <section class="max-w-full"> <div class="mx-auto space-y-12"> <div class="px-7 max-w-[980px] mx-auto space-y-36"> <hr class="max-w-[830px] border-t border-lila-80 mx-auto"> <div id="datenentdecken" class="max-w-[660px] mx-auto flex flex-col space-y-4 scroll-pt-6"> <h2 class="h2 text-center"> Entdecken Sie Ihre Gemeinde selbst </h2> <p class="h5 text-center kt opacity-80"> Ziehen in Ihrer Gemeinde mehr Menschen zu als fort? Wie hat sich das Wanderungsgeschehen in den letzten zehn Jahren verändert? </p> </div> </div> <div x-data="{ map: null, colorSteps: [ { c: '#2166ac', t: 'Weniger als -10', t2: 'Weniger als -5' }, { c: '#4393c3', t: '-10 bis -5', t2: '-5 bis -2,5' }, { c: '#92c5de', t: '-5 bis -2,5', t2: '-2,5 bis -1' }, { c: '#d1e5f0', t: '-2,5 bis 0', t2: '-1 bis 0' }, { c: '#fddbc7', t: '0 bis 2,5', t2: '0 bis 1' }, { c: '#f4a582', t: '2,5 bis 5', t2: '1 bis 2,5' }, { c: '#d6604d', t: '5 bis 10', t2: '2,5 bis 5' }, { c: '#b2182b', t: 'Mehr als 10', t2: 'Mehr als 5' }, ], autocompleteJsonPath: '/assets/json/gemeinden.json', trie: null, states: null, accessToken: 'pk.eyJ1IjoibmV1ZWxhbmRsdXN0IiwiYSI6ImNsM29nYWtubDBtYnkzcG55NHY1ZXE0c3YifQ.oHunGmZZr0W9utD2PvZXAg', mapStyle: 'mapbox://styles/neuelandlust/cl4om0uyv000214ppzfu9qy91/draft', layerName: 'gem_data', hoverLayerName: 'gem_hover', tilesetId: 'neuelandlust.bqk9ec5n', // Main layer with data mapPosition: { center: [ 9, 51.3 ], // starting position [lng, lat] zoom: 5.4, }, flyToZoom: 10, timerange: 1, // 'x' or 'y' dataset: 0, // 's', 'b' or 'a', timerangeMap: [ 'x', 'y' ], datasetMap: [ 's', 'b', 'a' ], tooltip: { 'top': -544, 'left': 16, 'position': 'absolute' }, tooltipIsLocked: false, searchTerm: '', searchCandidates: [], preventSearch: false, currentFeature: null, getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); }, get isMapboxCookieAccepted() { var cookie = this.getCookie('cookie_status'); if (!cookie) return false; cookie = cookie.replaceAll('%2C', ','); return cookie && cookie.split(',').includes('mapbox'); }, get isMapCanvasHidden() { return window.getComputedStyle(this.$refs.mapCanvas).display === 'none'; }, get isMapHidden() { return this.isMapCanvasHidden || !this.isMapboxCookieAccepted; }, init() { const that = this; if (!this.isMapHidden) { // Initialize Mapbox on when javascript library has loaded if ('mapboxgl' in window) { that.initMapbox(); } else { document.getElementById('mapbox-gl').addEventListener('load', that.initMapbox); } } else { console.log('Not loading map') this.selectGemeinde({ name: 'Osterheide', id: 3358501, gps: [9.784490400119797, 52.8295644202767] }); } document.querySelector('body').addEventListener('cookies:saved', function(event) { if (event.detail.includes('mapbox')) { location.reload(); } else { localStorage.clear(); location.reload(); } }); this.loadAutocompleteJSON(); // Search for the entered search term this.$watch('searchTerm', function(value) { if (that.preventSearch) { that.preventSearch = false; return; } if (!that.isMapHidden) { that.currentFeature = null; this.tooltipIsLocked = false; } if (!that.trie) { that.loadAutocompleteJSON(); return; } if (value && value.length >= 2 ) { const val = value.toLowerCase().trim(); let subsetAgs = new Set(), candidates = []; let subset = that.trie[val.substring(0, 2)]; if (!subset) return; for (var i=0; i < subset.length; i++) { const [ name, ags, gps, stateId ] = subset[i]; const startsWith = name.toLowerCase().startsWith(val); if (startsWith && !subsetAgs.has(ags)) { subsetAgs.add(ags); candidates.push({ name: name, id: parseInt(ags), gps: gps, state: stateId > 0 ? that.states[stateId] : null }); } else { // Subset is sorted by Gemeinde name if (candidates.length > 0) break; else continue; } } that.searchCandidates = candidates; that.trackSiteSearch(that.searchTerm, that.searchCandidates.length); } }); // Automatically set and unset feature-state 'hover' on currentFeature // for white boarder hover effect on map features this.$watch('currentFeature', (value, oldValue) => { if (this.isMapHidden || !this.map) return; const hoverLayer = this.map.getStyle().layers.find(l => l.id == this.hoverLayerName); let feature = { id: null, source: hoverLayer['source'], sourceLayer: hoverLayer['source-layer'] }; if (oldValue !== null) { feature.id = oldValue.id this.map.setFeatureState(feature, { hover: false }); } if (value !== null) { feature.id = value.id this.map.setFeatureState(feature, { hover: true }); } }); }, resize() { if (this.isMapHidden) { this.tooltip = { 'top': null, 'left': null, 'position': 'static' }; } else { this.tooltip = { 'top': -544, 'left': 16, 'position': 'absolute' }; } if (this.map) return; if (this.isMapHidden) { this.dataset = 0; } else { // Initialize Mapbox on when javascript library has loaded if ('mapboxgl' in window) { this.initMapbox(); } else { document.getElementById('mapbox-gl').addEventListener('load', this.initMapbox); } } }, initMapbox() { const that = this; mapboxgl.accessToken = this.accessToken; this.map = new mapboxgl.Map({ container: 'map', style: that.mapStyle, center: this.mapPosition.center, zoom: this.mapPosition.zoom, minZoom: 5.4, maxZoom: 10, }); this.map.on('load', () => { this.map.scrollZoom.disable(); this.setTileColors(); // Set white outline if feature-state 'hover' is set to true that.map.setPaintProperty(that.hoverLayerName, 'line-color', [ 'case', ['boolean', [ 'feature-state', 'hover' ], false ], '#fff', 'rgba(255,255,255,0)' ]); }); this.map.on('mousemove', this.layerName, (e) => { if (that.tooltipIsLocked) return; let t = document.getElementById('maptooltip'); let rect = t.getBoundingClientRect(); let isLeft = e.originalEvent.clientX <= (window.innerWidth || document.documentElement.clientWidth) / 2; that.tooltip = { 'top': e.originalEvent.clientY + 16, 'left': isLeft ? e.originalEvent.clientX + 16 : e.originalEvent.clientX - rect.width - 16, 'position': 'fixed' }; that.map.getCanvas().style.cursor = 'pointer'; for (var i=0; i<e.features.length; i++) { let f = e.features[i]; if (f.layer.id == that.layerName) { if (!that.currentFeature || f.id !== that.currentFeature.id) { that.selectFeature(e.features[0], false) } break; } } }); this.map.on('mouseleave', this.layerName, () => { if (that.tooltipIsLocked) return; that.map.getCanvas().style.cursor = 'grab'; if (that.currentFeature !== null) { that.currentFeature = null; } }); document.addEventListener('scroll', () => { if (this.isMapHidden || !this.map) return; // that.unlockTooltip(); that.map.getCanvas().style.cursor = 'grab'; }); this.map.on('click', this.layerName, (e) => { that.unlockTooltip(); if (e.features.length > 0) { let f = e.features[0]; that.flyToFeature(f); that.currentFeature = f; that.tooltipIsLocked = true; that.preventSearch = true; that.searchTerm = f.properties.GEN; // Set top left of map canvas, gets hidden on scroll that.resetTooltip(); } }); this.map.on('dragstart', this.layerName, (e) => { console.log('drag start') that.unlockTooltip(); }); this.$watch('timerange', val => { this.setTileColors(); }); this.$watch('dataset', val => { this.setTileColors(); }); }, flyToOriginalPosition() { this.map.flyTo(this.mapPosition); }, setTileColors() { const key = `${ this.datasetMap[this.dataset] }_${ this.timerangeMap[this.timerange] }`; const interpolatedTileColors = [ 'match', ['get', key], 0, this.colorSteps[0].c, 1, this.colorSteps[1].c, 2, this.colorSteps[2].c, 3, this.colorSteps[3].c, 4, this.colorSteps[4].c, 5, this.colorSteps[5].c, 6, this.colorSteps[6].c, 7, this.colorSteps[7].c, 'rgba(0,0,0,0)' // FALLBACK ]; this.map.setPaintProperty(this.layerName, 'fill-color', interpolatedTileColors); }, getFeatureCenter(coordinates) { var coords = coordinates; while (coords && coords.length && coords[0].length && coords[0][0].length) { coords = coords[0]; } const lngs = coords.map(c => c[0]); const lats = coords.map(c => c[1]); return [ (Math.min(...lngs) + Math.max(...lngs)) / 2, (Math.min(...lats) + Math.max(...lats)) / 2 ]; }, flyToFeature(feature) { if (!feature) return; this.map.flyTo({ center: this.getFeatureCenter(feature.geometry.coordinates), zoom: this.flyToZoom, }); }, selectFeature(feature, flyTo=true) { if (!feature.properties) return; this.currentFeature = feature; if (flyTo) this.flyToFeature(feature); // Reset search this.searchTerm = ''; this.$nextTick(() => { this.searchCandidates = []; }); }, selectGemeinde(gemeinde) { if (!gemeinde) return; const that = this; this.trackGemeindeSelect(gemeinde); if (!this.isMapHidden) { this.tooltipIsLocked = true; this.map.flyTo({ center: gemeinde.gps, zoom: this.flyToZoom, }); // Set top left of map canvas, gets hidden on scroll this.resetTooltip(); } this.queryFeaturesAPI(gemeinde.gps, (featureCollection) => { if (featureCollection && featureCollection.features) { const f = featureCollection.features[0]; f['api'] = true; that.currentFeature = f; } }); if (!this.isMapHidden) { setTimeout(() => { // Wait for flyTo to finish before querying tiles const features = this.map.queryRenderedFeatures( { filter: [ 'any', [ '==', [ 'id' ], gemeinde.id ] ], layers: [ this.layerName ], }); if (features) that.currentFeature = features[0]; }, 1000); } // Reset search //this.searchTerm = ''; this.searchTerm = gemeinde.name; this.$nextTick(() => { this.searchCandidates = []; }); }, loadAutocompleteJSON() { const that = this; var xobj = new XMLHttpRequest(); xobj.overrideMimeType('application/json'); xobj.open('GET', this.autocompleteJsonPath, true); xobj.onreadystatechange = function () { if (xobj.readyState == 4 && xobj.status == '200') { const obj = JSON.parse(xobj.responseText); that.trie = obj['trie']; that.states = obj['states']; console.log('Loaded autocomplete JSON'); } }; xobj.send(null); }, queryFeaturesAPI(gps, callback) { const that = this; var xobj = new XMLHttpRequest(); xobj.overrideMimeType('application/json'); xobj.open('GET', `https://api.mapbox.com/v4/${ this.tilesetId }/tilequery/${ gps[0] },${ gps[1] }.json?access_token=${ this.accessToken }`, true); xobj.onreadystatechange = function () { if (xobj.readyState == 4 && xobj.status == '200') { const response = JSON.parse(xobj.responseText); callback(response); } }; xobj.send(null); }, unlockTooltip() { if (!this.isMapHidden) this.currentFeature = null; this.tooltipIsLocked = false; this.searchTerm = ''; }, trackSiteSearch(keyword, resultsCount) { var _paq = window._paq = window._paq || []; _paq.push(['trackSiteSearch', keyword, 'data-explorer', resultsCount]); }, trackGemeindeSelect(gemeinde) { var _paq = window._paq = window._paq || []; _paq.push([ 'trackEvent', 'data-explorer', 'select', gemeinde.name, gemeinde.id ]); }, resetTooltip() { this.tooltip = { 'top': -544, 'left': 16, 'position': 'absolute' }; } }" x-on:resize.window="resize();"> <div class="hidden lg:flex px-7 max-w-[980px] mx-auto flex-row justify-between "> <div class="flex flex-col space-y-1"> <span class="pl-2 meta uppercase opacity-80"> Daten der Karte zeigt: </span> <div class="flex flex-row space-x-2"> <button class="p-4 border-b-2 w-[200px] text-center border-white font-semibold" :class="dataset == 0 ? ' border-white font-semibold' : 'border-transparent'" @click="dataset = 0"> Wanderungsbewegung </button> <button class="p-4 border-b-2 w-[170px] text-center border-transparent" :class="dataset == 1 ? 'border-white font-semibold' : 'border-transparent'" @click="dataset = 1"> Binnenwanderung </button> <button class="p-4 border-b-2 w-[170px] text-center border-transparent" :class="dataset == 2 ? 'border-white font-semibold' : 'border-transparent'" @click="dataset = 2"> Außenwanderung </button> </div> </div> <div class="pb-4 flex flex-col space-y-1 justify-between"> <span class="meta uppercase opacity-80"> Jahresdurchschnitt </span> <div class="flex flex-row space-x-4 justify-center items-center"> <button class="w-[76px] text-center opacity-75" :class="timerange == 0 ? '' : 'opacity-75'" @click="timerange = 0">2008-2010</button> <div class="w-[46px] h-[28px] rounded-full border-2 border-white flex items-center cursor-pointer" @click="timerange == 0 ? timerange = 1 : timerange = 0"> <div class="w-[18px] h-[18px] rounded-full bg-white ml-[3px] -mr-[2px] transition translate-x-full" :class="timerange == 0 ? '' : 'translate-x-full'"></div> </div> <button class="w-[76px] text-center" :class="timerange == 1 ? '' : 'opacity-75'" @click="timerange = 1">2018-2020</button> </div> </div> </div> <div class="lg:bg-background-dark w-full relative flex flex-col-reverse lg:block"> <div x-ref="mapCanvas" id="map" class="hidden lg:block w-full h-full max-w-full min-h-[820px] relative bg-center bg-no-repeat bg-contain" :style="!isMapboxCookieAccepted ? `background-image: url('/assets/img/map_blurred.png')`: ``" style="background-image: url('/assets/img/map_blurred.png')"></div> <div class="hidden lg:block absolute top-1/2 right-5 -translate-y-1/2 space-y-2 z-10 lg:hidden" :class="isMapboxCookieAccepted ? '' : 'lg:hidden'"> <button @click="map.zoomIn(); unlockTooltip();" class="bg-lila hover:bg-lila-highlight-light transition rounded-full w-10 h-10 flex justify-center items-center drop-shadow-tooltip"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 1V15" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M15 8H1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <button @click="map.zoomOut(); unlockTooltip();" class="bg-lila hover:bg-lila-highlight-light transition rounded-full w-10 h-10 flex justify-center items-center drop-shadow-tooltip cursor-pointer"> <svg width="16" height="2" viewBox="0 0 16 2" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 1H1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <button @click="flyToOriginalPosition(); unlockTooltip();" class="bg-lila hover:bg-lila-highlight-light transition rounded-full w-10 h-10 flex justify-center items-center drop-shadow-tooltip cursor-pointer"> <svg width="19" height="25" viewBox="0 0 19 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.46965 0.000114262C5.39938 0.00321441 5.33543 0.0473917 5.30346 0.114821C5.27148 0.182056 5.27582 0.26266 5.31484 0.32563L6.08584 1.56529L5.71191 2.03884C5.65031 2.11673 5.65013 2.23105 5.71154 2.30913L6.75641 3.63986L5.45812 3.47439C5.37629 3.46374 5.29716 3.50947 5.26032 3.58833L4.78538 4.6077L4.41198 3.89874C4.36718 3.81368 4.27325 3.77338 4.186 3.80167L2.48196 4.34962C2.40446 4.37462 2.34954 4.44844 2.34376 4.53505L2.30077 5.17467C2.30059 5.17835 2.30041 5.18204 2.30023 5.18552L2.26139 7.21302L1.81574 7.31552C1.75071 7.33043 1.69723 7.37984 1.67393 7.44669C1.65063 7.51334 1.66056 7.58833 1.70048 7.64548L2.13945 8.27305L1.72469 9.16282C1.69994 9.2163 1.69741 9.2783 1.71819 9.33371L1.79948 9.55286L0.160314 9.87295C0.104857 9.8838 0.0566232 9.91964 0.02772 9.97138C-0.00118326 10.0231 -0.00786713 10.0859 0.00947482 10.1432L0.497593 11.7561L0.060613 12.7788C0.035684 12.8369 0.0371292 12.9041 0.0642259 12.9611L0.98876 14.9006L0.422811 15.7101C0.363196 15.7952 0.372774 15.9148 0.44503 15.9878L1.08594 16.6352L0.857787 17.6127C0.840807 17.6857 0.861762 17.7626 0.912343 17.8146L1.89219 18.8192C1.91748 18.8456 1.94891 18.8638 1.98323 18.8725L4.49546 19.4943L3.47626 21.3968C3.46072 21.4262 3.45205 21.4592 3.45097 21.4929L3.36552 23.7314C3.36335 23.7883 3.38286 23.8437 3.41954 23.8848C3.45639 23.9261 3.50715 23.9494 3.56026 23.9494H5.30694C5.37216 23.9494 5.43303 23.9143 5.46916 23.8562L5.81112 23.3059L7.93748 24.1084L8.93448 24.9547C9.01522 25.0233 9.13174 25.0129 9.20057 24.9307L9.5839 24.474C9.62653 24.4233 9.64333 24.3533 9.62906 24.2869L9.57288 24.0259L10.2754 24.2142L10.9467 24.4843C10.9929 24.5029 11.0441 24.5019 11.0898 24.4816L12.986 23.6413L13.7669 23.8806L14.285 24.4361C14.3454 24.5008 14.4379 24.5159 14.5135 24.4735C14.5891 24.4308 14.6301 24.3405 14.6147 24.2504L14.2547 22.1481L15.3815 21.3561C15.4209 21.3285 15.4496 21.2867 15.4625 21.2384L15.5777 20.8054L16.1959 21.0148C16.2566 21.0354 16.3227 21.0228 16.3731 20.9813C16.4235 20.9399 16.452 20.8746 16.4493 20.8066L16.4069 19.7556C16.4045 19.7 16.3818 19.6477 16.3436 19.6103L13.5064 16.8319L13.7073 16.3289C13.7333 16.264 13.7272 16.1894 13.6907 16.1305L13.0534 15.1051L17.1417 13.1943C17.1809 13.1759 17.2134 13.1443 17.2342 13.1042L17.3688 12.8449L17.6531 12.9463L17.9145 13.4671C17.9506 13.5388 18.0222 13.5814 18.0979 13.5766C18.1736 13.5717 18.2398 13.5202 18.2677 13.4444L18.7365 12.165C18.756 12.112 18.7543 12.0527 18.7319 12.0007L17.8569 9.96784L17.9403 7.6648C17.9425 7.60861 17.9234 7.55397 17.8872 7.5129L16.9318 6.42685L17.5003 5.56095C17.535 5.50824 17.5451 5.4414 17.5276 5.37978L17.0799 3.80317C17.064 3.74679 17.0265 3.70029 16.9768 3.6751L16.2454 3.30347L16.0366 2.56951C16.0089 2.47301 15.9211 2.4114 15.8277 2.42302L15.3568 2.48096L14.3988 1.62492C14.3461 1.57784 14.2743 1.56389 14.2095 1.58811L11.4621 2.61622C11.4416 2.62377 11.4227 2.63501 11.4059 2.64916L10.8905 3.08318L10.2217 2.85435L10.6289 2.12078C10.6614 2.06207 10.6652 1.98999 10.6388 1.9276C10.6126 1.8654 10.5595 1.82084 10.4968 1.80825L8.97237 1.50289L8.27236 0.537774C8.24201 0.495922 8.19811 0.468023 8.14952 0.45969L5.50813 0.00280778C5.49549 0.00048262 5.48248 -0.000273231 5.46965 0.000114262Z" fill="white"></path> </svg> </button> </div> <div class="hidden lg:block absolute inset-0 w-full h-full" :class="isMapboxCookieAccepted ? 'lg:hidden' : 'lg:block absolute inset-0 w-full h-full'"> <div class="h-full w-full flex justify-center items-center"> <div class="bg-lila-80 bg-opacity-80 px-9 py-6 max-w-md" x-data="{ openCookieModal() { const event = document.createEvent('HTMLEvents'); event.initEvent('cookies:update', true, false); document.querySelector('body').dispatchEvent(event); } }"> <h4 class="h3"> Karte deaktiviert </h4> <p class="pt-2 p"> Diese interaktive Karte benötigt Cookies von Mapbox, um voll funktionsfähig zu sein. </p> <button x-on:click="openCookieModal()" class="mt-6 cookie-modal__button primary"> Cookie-Einstellungen anpassen </button> </div> </div> </div> <div x-data="{ get d() { return this.datasetMap[this.dataset] }, get t() { return this.timerangeMap[this.timerange]; }, get isSet() { //if (this.isMapHidden) return true; return this.currentFeature && this.currentFeature.properties && this.currentFeature.properties && this.currentFeature.properties.GEN; }, get hasData() { if (!this.currentFeature || !this.currentFeature.properties) return false; return this.currentFeature.properties[`${ this.d }_${ this.t }`] !== undefined; }, get props() { if (this.currentFeature && this.currentFeature.properties) return this.currentFeature.properties; else return { } }, get population() { return this.props[`bev_${ this.t }`] ? this.props[`bev_${ this.t }`].toLocaleString() : ''; }, get saldo() { switch (this.dataset) { case 0: return this.props[`sf_${ this.t }`]; case 1: return this.props[`bf_${ this.t }`]; case 2: return this.props[`af_${ this.t }`]; } }, get saldoLabel() { switch (this.dataset) { case 0: return 'Wanderungssaldo für die Gemeinde'; case 1: return 'Binnenwanderung'; case 2: return 'Außenwanderung'; } }, get byAge() { if (!this.currentFeature || !this.currentFeature.properties) return {}; else { return [ this.props[`s_u18_${ this.t }`], this.props[`s_18-u25_${ this.t }`], this.props[`s_25-u30_${ this.t }`], this.props[`s_30-u50_${ this.t }`], this.props[`s_50-u65_${ this.t }`], this.props[`s_ue65_${ this.t }`], ] } }, get stateName() { if (!this.states) return ''; return this.states[this.props.l]; }, }" class="px-7 lg:px-0 pt-0.5 lg:pt-0 relative z-10 opacity-100 lg:hidden" :class="isMapboxCookieAccepted ? '' : 'lg:hidden'" x-on:resize.window="isSet"> <div x-show="isSet" id="maptooltip" x-transition="" class="mx-auto lg:mx-0 lg:absolute top-[-544px] left-4 bg-lila rounded drop-shadow-tooltip pt-5 max-w-[364px] lg:w-[364px] flex flex-col space-y-6 lg:transition" :style="{ 'position' : isMapCanvasHidden ? 'static' : tooltip['position'], 'top': `${ tooltip['top'] }px`, 'left': `${ tooltip['left'] }px` }" style="position: absolute; top: -544px; left: 16px;"> <div class="px-6 lg:px-7 leading-normal"> <h2 class="h4" x-text="props.GEN">Osterheide</h2> <p class="h5 opacity-80 inline"> <span x-show="hasData" x-text="'Gemeindeverband: ' + props.gv" style="">Gemeindeverband: Osterheide, gemfr. Bezirk</span> </p> <template x-if="hasData"> <p class="h5 opacity-80 inline"> (mit <span x-text="population"></span> Einwohner:innen <span x-text="t == 'x' ? '2010' : '2020'"></span>) <br> in <span x-text="stateName"></span> </p> </template><p class="h5 opacity-80 inline"> (mit <span x-text="population">2,791</span> Einwohner:innen <span x-text="t == 'x' ? '2010' : '2020'">2020</span>) <br> in <span x-text="stateName">Niedersachsen</span> </p> </div> <template x-if="hasData"> <div class="px-6 lg:px-7"> <h3 class="meta opacity-90 uppercase pb-2" x-text="saldoLabel">Wanderungssaldo für die Gemeinde</h3> <div class="flex flex-row space-x-4"> <p class="h4 flex-grow"> <span x-text="saldo > 0 ? 'Wanderungsgewinn' : 'Wanderungsverlust'" :class="saldo > 0 ? 'text-red' : 'text-blue'"></span> <br> <span x-show="dataset != 0" x-cloak=""> im Landkreis <br> </span> von <span x-text="saldo"></span> pro 1.000 <br> Einwohner:innen </p> <div x-show="dataset == 0" class="flex flex-col space-y-3 pt-1"> <div class="flex flex-col"> <span class="text-red meta uppercase">Zuzug</span> <span class="h5" x-text="props[`zuz_${ t }`]"></span> </div> <div class="flex flex-col"> <span class="text-blue meta uppercase">Fortzug</span> <span class="h5" x-text="'-' + props[`fortz_${ t }`]"></span> </div> </div> </div> </div> </template><div class="px-6 lg:px-7"> <h3 class="meta opacity-90 uppercase pb-2" x-text="saldoLabel">Wanderungssaldo für die Gemeinde</h3> <div class="flex flex-row space-x-4"> <p class="h4 flex-grow"> <span x-text="saldo > 0 ? 'Wanderungsgewinn' : 'Wanderungsverlust'" :class="saldo > 0 ? 'text-red' : 'text-blue'" class="text-red">Wanderungsgewinn</span> <br> <span x-show="dataset != 0" style="display: none;"> im Landkreis <br> </span> von <span x-text="saldo">45</span> pro 1.000 <br> Einwohner:innen </p> <div x-show="dataset == 0" class="flex flex-col space-y-3 pt-1"> <div class="flex flex-col"> <span class="text-red meta uppercase">Zuzug</span> <span class="h5" x-text="props[`zuz_${ t }`]">1841</span> </div> <div class="flex flex-col"> <span class="text-blue meta uppercase">Fortzug</span> <span class="h5" x-text="'-' + props[`fortz_${ t }`]">-1796</span> </div> </div> </div> </div> <template x-if="hasData && dataset == 0"> <div class="px-6 lg:px-7 bg-lila-80 bg-opacity-90 py-6"> <h3 class="meta opacity-90 uppercase">Nach altersgruppen für den gesamten Landkreis</h3> <div class="pt-1 grid grid-cols-2 gap-6"> <div class=" flex flex-col"> <div class="flex flex-row justify-between"> <span>Unter 18 Jahren</span> <span x-text="byAge[0]" :class="byAge[0] > 0 ? 'text-red' : 'text-blue'"></span> </div> <div class="flex flex-row justify-between"> <span>18 bis unter 25</span> <span x-text="byAge[1]" :class="byAge[1] > 0 ? 'text-red' : 'text-blue'"></span> </div> <div class="flex flex-row justify-between"> <span>25 bis unter 30</span> <span x-text="byAge[2]" :class="byAge[2] > 0 ? 'text-red' : 'text-blue'"></span> </div> </div> <div class="flex flex-col"> <div class="flex flex-row justify-between"> <span>30 bis unter 50</span> <span x-text="byAge[3]" :class="byAge[3] > 0 ? 'text-red' : 'text-blue'"></span> </div> <div class="flex flex-row justify-between"> <span>50 bis unter 65</span> <span x-text="byAge[4]" :class="byAge[4] > 0 ? 'text-red' : 'text-blue'"></span> </div> <div class="flex flex-row justify-between"> <span>65 und älter</span> <span x-text="byAge[5]" :class="byAge[5] > 0 ? 'text-red' : 'text-blue'"></span> </div> </div> </div> </div> </template><div class="px-6 lg:px-7 bg-lila-80 bg-opacity-90 py-6"> <h3 class="meta opacity-90 uppercase">Nach altersgruppen für den gesamten Landkreis</h3> <div class="pt-1 grid grid-cols-2 gap-6"> <div class=" flex flex-col"> <div class="flex flex-row justify-between"> <span>Unter 18 Jahren</span> <span x-text="byAge[0]" :class="byAge[0] > 0 ? 'text-red' : 'text-blue'" class="text-red">15</span> </div> <div class="flex flex-row justify-between"> <span>18 bis unter 25</span> <span x-text="byAge[1]" :class="byAge[1] > 0 ? 'text-red' : 'text-blue'" class="text-blue">-3</span> </div> <div class="flex flex-row justify-between"> <span>25 bis unter 30</span> <span x-text="byAge[2]" :class="byAge[2] > 0 ? 'text-red' : 'text-blue'" class="text-red">10</span> </div> </div> <div class="flex flex-col"> <div class="flex flex-row justify-between"> <span>30 bis unter 50</span> <span x-text="byAge[3]" :class="byAge[3] > 0 ? 'text-red' : 'text-blue'" class="text-red">14</span> </div> <div class="flex flex-row justify-between"> <span>50 bis unter 65</span> <span x-text="byAge[4]" :class="byAge[4] > 0 ? 'text-red' : 'text-blue'" class="text-red">5</span> </div> <div class="flex flex-row justify-between"> <span>65 und älter</span> <span x-text="byAge[5]" :class="byAge[5] > 0 ? 'text-red' : 'text-blue'" class="text-red">2</span> </div> </div> </div> </div> <div x-show="!hasData" class="px-6 lg:px-7" style="display: none;"> <p class="h4">Keine Daten vorhanden</p> </div> </div> <div style="background-image: url('/assets/img/desktop_teaser.jpg')" class="mt-0.5 mx-auto lg:hidden bg-lila rounded drop-shadow-tooltip px-6 lg:px-7 py-5 max-w-[364px] lg:w-[364px] flex flex-col justify-center items-center bg-center bg-cover bg-no-repeat"> <span class="py-4 max-w-[243px] h5-bold text-center"> Entdecken Sie noch mehr auf einem größeren Gerät. </span> </div> </div> <div x-ref="searchTile" class="mx-auto lg:mx-0 px-7 lg:px-0 w-full max-w-[420px] lg:w-[364px] lg:absolute lg:left-4 lg:top-4 flex flex-col space-y-4 drop-shadow-tooltip z-20 lg:hidden" :class="isMapboxCookieAccepted ? '' : 'lg:hidden'"> <div class="p-6 lg:p-7 bg-lila rounded flex flex-col space-y-3"> <span class="pl-2 lg:pl-0 h3">Wie ist es bei Ihnen?</span> <div> <div class="rounded flex flex-row relative"> <input id="searchbar" x-model="searchTerm" placeholder="Geben Sie eine Gemeinde ein" class="pl-3 py-2 flex-grow placeholder-background placeholder-opacity-60 focus:outline-none text-background rounded-l"> <button x-show="tooltipIsLocked || (isMapHidden && searchTerm && searchTerm.length > 0)" @click="unlockTooltip()" class="bg-white px-3"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 16.999L18 6.99902" stroke="#4D28B5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M18 16.999L8 6.99902" stroke="#4D28B5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div class="px-3 py-2 flex justify-center items-center bg-search rounded-r"> <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.71 16.29L14.31 12.9C15.407 11.5025 16.0022 9.77666 16 8C16 6.41775 15.5308 4.87103 14.6518 3.55544C13.7727 2.23985 12.5233 1.21447 11.0615 0.608967C9.59966 0.00346625 7.99113 -0.15496 6.43928 0.153721C4.88743 0.462403 3.46197 1.22433 2.34315 2.34315C1.22433 3.46197 0.462403 4.88743 0.153721 6.43928C-0.15496 7.99113 0.00346625 9.59966 0.608967 11.0615C1.21447 12.5233 2.23985 13.7727 3.55544 14.6518C4.87103 15.5308 6.41775 16 8 16C9.77666 16.0022 11.5025 15.407 12.9 14.31L16.29 17.71C16.383 17.8037 16.4936 17.8781 16.6154 17.9289C16.7373 17.9797 16.868 18.0058 17 18.0058C17.132 18.0058 17.2627 17.9797 17.3846 17.9289C17.5064 17.8781 17.617 17.8037 17.71 17.71C17.8037 17.617 17.8781 17.5064 17.9289 17.3846C17.9797 17.2627 18.0058 17.132 18.0058 17C18.0058 16.868 17.9797 16.7373 17.9289 16.6154C17.8781 16.4936 17.8037 16.383 17.71 16.29ZM2 8C2 6.81332 2.3519 5.65328 3.01119 4.66658C3.67047 3.67989 4.60755 2.91085 5.7039 2.45673C6.80026 2.0026 8.00666 1.88378 9.17055 2.11529C10.3344 2.3468 11.4035 2.91825 12.2426 3.75736C13.0818 4.59648 13.6532 5.66558 13.8847 6.82946C14.1162 7.99335 13.9974 9.19975 13.5433 10.2961C13.0892 11.3925 12.3201 12.3295 11.3334 12.9888C10.3467 13.6481 9.18669 14 8 14C6.4087 14 4.88258 13.3679 3.75736 12.2426C2.63214 11.1174 2 9.5913 2 8Z" fill="white"></path> </svg> </div> <div class="absolute z-30 inset-x-0 top-[52px]"> <template x-if="searchCandidates && searchCandidates.length > 0"> <ul class="relative z-40 flex flex-col max-h-[284px] bg-lila-80 overflow-y-scroll rounded autocomplete-dropdown"> <template x-for="gemeinde in searchCandidates"> <li class="border-b last:border-b-0 border-lila text-white"> <button class="p-3 w-full text-left flex flex-col" @click="selectGemeinde(gemeinde); $nextTick(() => document.getElementById('searchbar').focus());"> <span x-text="gemeinde.name" class="h5-bold"></span> <span x-show="gemeinde.state" x-text="gemeinde.state" class="text-[#FDFCFF] text-opacity-75 p-small"></span> </button> </li> </template> </ul> </template> </div> </div> <div class="hidden lg:flex pt-5 flex-col space-y-3 "> <span class="p-small">Oder wählen Sie ein Beispiel:</span> <div class=" flex flex-row space-x-3"> <button class="rounded px-4 py-3 border-2 border-lila-highlight-light hover:bg-lila-highlight-light transition button-text" @click="selectGemeinde({ name: 'Osterheide', id: 3358501, gps: [9.784490400119797, 52.8295644202767] })">Osterheide</button> <button class="rounded px-4 py-3 border-2 border-lila-highlight-light hover:bg-lila-highlight-light transition button-text" @click="selectGemeinde({ name: 'Göttingen', id: 3159016, gps: [9.931539160635566, 51.54306407137201] })">Göttingen</button> <button class="rounded px-4 py-3 border-2 border-lila-highlight-light hover:bg-lila-highlight-light transition button-text" @click="selectGemeinde({ name: 'Weimar', id: 16055000, gps: [11.31789332544626, 50.97830608838363] })">Weimar</button> </div> </div> <div class="flex lg:hidden pt-5 pl-5 flex-row space-x-4 justify-start items-center"> <button class="w-[76px] text-center opacity-75" :class="timerange == 0 ? '' : 'opacity-75'" @click="timerange = 0">2008-2010</button> <div class="w-[46px] h-[28px] rounded-full border-2 border-white flex items-center cursor-pointer" @click="timerange == 0 ? timerange = 1 : timerange = 0"> <div class="w-[18px] h-[18px] rounded-full bg-white ml-[3px] -mr-[2px] transition translate-x-full" :class="timerange == 0 ? '' : 'translate-x-full'"></div> </div> <button class="w-[76px] text-center" :class="timerange == 1 ? '' : 'opacity-75'" @click="timerange = 1">2018-2020</button> </div> </div> </div> </div> </div> <div class="hidden lg:block px-7 max-w-[980px] mx-auto"> <div class="pt-5 flex flex-row justify-center space-x-9"> <span class="font-semibold text-sm leading-5 text-right"> Durchschnittlicher Wanderungssaldo<br> pro 1.000 Einwohner:innen </span> <div class="pt-2 flex flex-row items-start space-x-[5px]"> <template x-for="step in colorSteps" :key="step.c"> <div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2"></span> </div> </template><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(33, 102, 172);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">Weniger als -10</span> </div><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(67, 147, 195);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">-10 bis -5</span> </div><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(146, 197, 222);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">-5 bis -2,5</span> </div><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(209, 229, 240);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">-2,5 bis 0</span> </div><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(253, 219, 199);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">0 bis 2,5</span> </div><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(244, 165, 130);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">2,5 bis 5</span> </div><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(214, 96, 77);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">5 bis 10</span> </div><div class="w-[69px] flex flex-col justify-center space-y-[6px]"> <div class="h-[6px]" :style="{'background-color': step.c }" style="background-color: rgb(178, 24, 43);"></div> <span class="text-center text-sm opacity-75" x-text="dataset == 0 ? step.t : step.t2">Mehr als 10</span> </div> </div> </div> </div> </div> </div></section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <hr class="hidden max-w-[830px] border-t border-lila-80 mx-auto"> <div class="hidden lg:flex pt-8 mx-auto max-w-[830px] text-center flex-row justify-center space-x-5"> <div class="flex justify-center items-center"> <span class="leading-none text-right">Springen<br>zu:</span> </div> <div class="flex flex-row space-x-2"> <a class="rounded px-4 py-3 border-2 border-lila-highlight-light hover:bg-lila-highlight-light transition button-text" href="https://neuelandlust.de#altersgruppen">Altersgruppen</a> <a class="rounded px-4 py-3 border-2 border-lila-highlight-light hover:bg-lila-highlight-light transition button-text" href="https://neuelandlust.de#gemeindetypen">Gemeindetypen</a> <a class="rounded px-4 py-3 border-2 border-lila-highlight-light hover:bg-lila-highlight-light transition button-text" href="https://neuelandlust.de#bundeslaender">Bundesländer</a> <a class="rounded px-4 py-3 border-2 border-lila-highlight-light hover:bg-lila-highlight-light transition button-text" href="https://neuelandlust.de#ueber">Über das Projekt</a> </div> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="pt-24 mx-auto max-w-[980px] flex flex-col justify-center space-y-20"> <div class="max-w-[660px] mx-auto"> <h2 class="h2 text-center pb-3 border-b-4 border-white"> Wer treibt die neue Landlust an? </h2> </div> <div class="flex flex-col space-y-40"> <div class="flex flex-col justify-center space-y-4"> <h3 class="mx-auto max-w-[500px] h3 text-center"> Vom Ausland in die Stadt, von der Stadt aufs Land </h3> <figure class="max-w-[700px] mx-auto"> <figcaption class="space-y-3 pb-12"> <p class="h5 max-w-[516px] mx-auto text-center opacity-80 "> Durchschnittliche jährliche Außen- und Binnenwanderungssalden pro 1.000 Einwohner:innen, Landkreise und kreisfreie Städte, 2018-2020 </p> <div class="p-small flex flex-row space-x-2 justify-center items-center"> <span class="opacity-80">Weniger als -5</span> <svg width="48" height="12" viewBox="0 0 48 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="12" height="12" fill="#2166AC"></rect> <rect x="12" width="12" height="12" fill="#4393C3"></rect> <rect x="24" width="12" height="12" fill="#92C5DE"></rect> <rect x="36" width="12" height="12" fill="#D1E5F0"></rect> </svg> <span>0</span> <svg width="48" height="12" viewBox="0 0 48 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="12" height="12" fill="#FDDBC7"></rect> <rect x="12" width="12" height="12" fill="#F4A582"></rect> <rect x="24" width="12" height="12" fill="#D6604D"></rect> <rect x="36" width="12" height="12" fill="#B2182B"></rect> </svg> <span class="opacity-80">Mehr als 5 Einwohner:innen</span> </div> </figcaption> <div class="px-[20%] lg:px-0 grid grid-cols-1 md:grid-cols-2 gap-10"> <div class="col-span-1 flex flex-col items-center space-y-3 "> <span class="h5-bold">Außenwanderung</span> <div class="relative"> <img width="330" height="432" src="https://neuelandlust.de/media/assets/assets/charts/details/3493304219-1694121922/aussen-binnen-2018-2020-aussen-450x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/3493304219-1694121922/aussen-binnen-2018-2020-aussen-450x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/3493304219-1694121922/aussen-binnen-2018-2020-aussen-900x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/3493304219-1694121922/aussen-binnen-2018-2020-aussen-1350x.webp 3x" loading="lazy" style="max-width: 450px" alt="Außenwanderung" class="w-full object-contain"> <img src="assets/charts/details/aussen-binnen_2018-2020_aussen_overlay.svg" class="h-full object-left object-fit absolute min-w-[160%] left-[-41%] inset-y-0 z-50" alt="Außenwanderung Textannotation" loading="lazy"> </div> </div> <div class="col-span-1 flex flex-col items-center space-y-3 "> <span class="h5-bold">Binnenwanderung</span> <div class="relative"> <img width="330" height="432" src="https://neuelandlust.de/media/assets/assets/charts/details/2420327433-1694121923/aussen-binnen-2018-2020-binnen-450x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/2420327433-1694121923/aussen-binnen-2018-2020-binnen-450x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/2420327433-1694121923/aussen-binnen-2018-2020-binnen-900x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/2420327433-1694121923/aussen-binnen-2018-2020-binnen-1350x.webp 3x" loading="lazy" style="max-width: 450px" alt="Binnenwanderung" class="w-full object-contain"> <img src="assets/charts/details/aussen-binnen_2018-2020_binnen_overlay.svg" class="h-full object-left object-fit absolute min-w-[130%] left-[-2%] inset-y-0 z-50" alt="Binnenwanderung Textannotation" loading="lazy"> </div> </div> </div> </figure> <p class="pt-6 mx-auto max-w-[660px] p kt"> Menschen, die innerhalb Deutschlands umziehen, entscheiden sich besonders häufig für ländliche Regionen. Kreisfreie Großstädte würden ohne Zuzug aus dem Ausland jährlich 3,1 pro 1.000 Einwohner:innen verlieren. Bei Menschen, die aus anderen Ländern zuziehen, gewinnen sie aber 5,5 pro 1.000 Einwohner:innen dazu. Menschen aus dem Ausland ziehen auch in ländliche Regionen, etwa in den wirtschaftsstarken Süden. Viele Geflüchtete können dagegen ihren Wohnort zunächst nicht frei wählen. </p> </div> <div id="altersgruppen" class="flex flex-col justify-center space-y-4 scroll-mt-6"> <h3 class="mx-auto max-w-[500px] h3 text-center "> Wohnortpräferenzen verändern sich im Lauf des Lebens </h3> <figure class="max-w-[790px] mx-auto"> <figcaption class="space-y-3 pb-12"> <p class="h5 max-w-[516px] mx-auto text-center opacity-80 "> Durchschnittlicher jährlicher Wanderungssaldo pro 1.000 Einwohner:innen der Altersgruppe, Kreise und kreisfreie Städte, 2018-2020 </p> <div class="p-small flex flex-row space-x-2 justify-center items-center"> <span class="opacity-80">Weniger als -10</span> <svg width="48" height="12" viewBox="0 0 48 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="12" height="12" fill="#2166AC"></rect> <rect x="12" width="12" height="12" fill="#4393C3"></rect> <rect x="24" width="12" height="12" fill="#92C5DE"></rect> <rect x="36" width="12" height="12" fill="#D1E5F0"></rect> </svg> <span>0</span> <svg width="48" height="12" viewBox="0 0 48 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="12" height="12" fill="#FDDBC7"></rect> <rect x="12" width="12" height="12" fill="#F4A582"></rect> <rect x="24" width="12" height="12" fill="#D6604D"></rect> <rect x="36" width="12" height="12" fill="#B2182B"></rect> </svg> <span class="opacity-80">Mehr als 10 Einwohner:innen</span> </div> </figcaption> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-10"> <div class="col-span-1 flex flex-col items-center space-y-3"> <span class="h5-bold text-center">Familienwander:innen<br>unter 18</span> <img width="235" height="309" src="https://neuelandlust.de/media/assets/assets/charts/details/2490833485-1694121929/wanderungssaldo-unter18-300x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/2490833485-1694121929/wanderungssaldo-unter18-300x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/2490833485-1694121929/wanderungssaldo-unter18-600x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/2490833485-1694121929/wanderungssaldo-unter18-900x.webp 3x" loading="lazy" style="max-width: 300px" alt="Familienwander:innen<br>unter 18"> </div> <div class="col-span-1 flex flex-col items-center space-y-3"> <span class="h5-bold text-center">Bildungswander:innen<br>18 bis unter 25</span> <img width="235" height="309" src="https://neuelandlust.de/media/assets/assets/charts/details/2093078372-1694121927/wanderungssaldo-18bisunter25-300x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/2093078372-1694121927/wanderungssaldo-18bisunter25-300x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/2093078372-1694121927/wanderungssaldo-18bisunter25-600x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/2093078372-1694121927/wanderungssaldo-18bisunter25-900x.webp 3x" loading="lazy" style="max-width: 300px" alt="Bildungswander:innen<br>18 bis unter 25"> </div> <div class="col-span-1 flex flex-col items-center space-y-3"> <span class="h5-bold text-center">Berufswander:innen<br>25 bis unter 30</span> <img width="235" height="309" src="https://neuelandlust.de/media/assets/assets/charts/details/2864401743-1694121927/wanderungssaldo-25bisunter30-300x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/2864401743-1694121927/wanderungssaldo-25bisunter30-300x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/2864401743-1694121927/wanderungssaldo-25bisunter30-600x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/2864401743-1694121927/wanderungssaldo-25bisunter30-900x.webp 3x" loading="lazy" style="max-width: 300px" alt="Berufswander:innen<br>25 bis unter 30"> </div> <div class="col-span-1 flex flex-col items-center space-y-3"> <span class="h5-bold text-center">Familienwander:innen<br>30 bis unter 50</span> <img width="235" height="309" src="https://neuelandlust.de/media/assets/assets/charts/details/3775758664-1694121928/wanderungssaldo-30bisunter50-300x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/3775758664-1694121928/wanderungssaldo-30bisunter50-300x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/3775758664-1694121928/wanderungssaldo-30bisunter50-600x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/3775758664-1694121928/wanderungssaldo-30bisunter50-900x.webp 3x" loading="lazy" style="max-width: 300px" alt="Familienwander:innen<br>30 bis unter 50"> </div> <div class="col-span-1 flex flex-col items-center space-y-3"> <span class="h5-bold text-center">Empty-Nest-Wander:innen<br>50 bis unter 65</span> <img width="235" height="309" src="https://neuelandlust.de/media/assets/assets/charts/details/4243068274-1694121928/wanderungssaldo-50bisunter65-300x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/4243068274-1694121928/wanderungssaldo-50bisunter65-300x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/4243068274-1694121928/wanderungssaldo-50bisunter65-600x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/4243068274-1694121928/wanderungssaldo-50bisunter65-900x.webp 3x" loading="lazy" style="max-width: 300px" alt="Empty-Nest-Wander:innen<br>50 bis unter 65"> </div> <div class="col-span-1 flex flex-col items-center space-y-3"> <span class="h5-bold text-center">Ruhestandswander:innen<br>65 und älter</span> <img width="235" height="309" src="https://neuelandlust.de/media/assets/assets/charts/details/3437787157-1694121929/wanderungssaldo-65undaelter-300x.png" srcset="https://neuelandlust.de/media/assets/assets/charts/details/3437787157-1694121929/wanderungssaldo-65undaelter-300x.webp 1x, https://neuelandlust.de/media/assets/assets/charts/details/3437787157-1694121929/wanderungssaldo-65undaelter-600x.webp 2x, https://neuelandlust.de/media/assets/assets/charts/details/3437787157-1694121929/wanderungssaldo-65undaelter-900x.webp 3x" loading="lazy" style="max-width: 300px" alt="Ruhestandswander:innen<br>65 und älter"> </div> </div> </figure> <p class="pt-6 mx-auto max-w-[660px] p"> Die jungen Bildungswander:innen ziehen dorthin, wo Universitäten und vielfältige andere Ausbildungsangebote locken: in die großen Städte. Mit ihrem Jobangebot ziehen diese auch zahlreiche Berufswander:innen an. Dank Homeoffice und Co. kommen für sie inzwischen häufiger auch ländliche Wohnorte in Frage. Viele der Familienwander:innen sehnen sich nach einem Haus im Grünen, viele ziehen mit ihren minderjährigen Kindern in ländliche Regionen. Empty-Nest- und Ruhestandswander:innen sind eher sesshaft. Wenn sie umziehen, dann häufig raus aus den Großstädten. </p> </div> <div class="flex flex-col justify-center space-y-4"> <h3 class="mx-auto max-w-[500px] h3 text-center"> Familien- und Berufswander:innen sind besonders landlustig </h3> <figure class="max-w-full mx-auto"> <figcaption class="space-y-3 pb-12"> <p class="h5 max-w-[516px] mx-auto text-center"> Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen der Altersgruppe, Kreise und kreisfreie Städte nach Siedlungsstruktur, 2008-2010 und 2018-2020 </p> <div class="p-small flex flex-row space-x-6 justify-center items-center flex-wrap gap-y-2"> <div class="flex flex-row space-x-2 justify-center items-center"> <svg class="mb-0.5" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#527BFF"></rect> </svg> <span class="opacity-80">2008-2010</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg class="mb-0.5" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#45E6B4"></rect> </svg> <span class="opacity-80">2018-2020</span> </div> </div> </figcaption> <div class="flex flex-col lg:flex-row items-center lg:items-start lg:space-x-4"> <div class="flex flex-row space-x-4"> <img src="/assets/charts/details/wanderungssaldo/legende.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Legende" loading="lazy" class="h-[260px] object-fit object-center"> <img src="/assets/charts/details/wanderungssaldo/part1.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Dünn besiedelte ländliche Kreise" loading="lazy" class="h-[260px] object-fit object-center"> </div> <div class="flex flex-row space-x-4 lg:space-x-0"> <img src="/assets/charts/details/wanderungssaldo/legende.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Legende" loading="lazy" class="h-[260px] lg:hidden object-fit object-center"> <img src="/assets/charts/details/wanderungssaldo/part2.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Kreisfreie Großstädte" loading="lazy" class="h-[260px] object-fit object-center"> </div> <div class="flex flex-row space-x-4 lg:space-x-0"> <img src="/assets/charts/details/wanderungssaldo/legende.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Legende" loading="lazy" class="h-[260px] lg:hidden object-fit object-center"> <img src="/assets/charts/details/wanderungssaldo/part3.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Städtische Kreise" loading="lazy" class="h-[260px] object-fit object-center"> </div> <div class="flex flex-row space-x-4 lg:space-x-0"> <img src="/assets/charts/details/wanderungssaldo/legende.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen" loading="lazy" class="h-[260px] lg:hidden object-fit object-center"> <img src="/assets/charts/details/wanderungssaldo/part4.svg" alt="Durchschnittlicher Wanderungssaldo pro 1.000 Einwohner:innen, Kreisfreie Großstädte" loading="lazy" class="h-[260px] object-fit object-center"> </div> </div> </figure> <p class="pt-6 mx-auto max-w-[660px] p kt"> Vor allem zwei Altersgruppen zogen im Zeitraum 2018 bis 2020 häufiger aufs Land als zehn Jahre zuvor: die Familien- und die Berufswander:innen. Früher verließen die 25- bis unter 30-Jährigen die ländlichen Regionen deutlich häufiger als sie zuzogen, bei den Familienwander:innen war das Verhältnis ausgeglichen. Beide Altersgruppen sorgen heute für die Belebung entlegener Regionen. </p> </div> </div> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div id="scrolly-5" class="mx-auto max-w-[980px] flex flex-col justify-center space-y-20" x-data="{ id: '#scrolly-5', figure: { 'top': 0, }, pos: { 'top': 0, 'left': 0 }, tooltip1: false, tooltip2: false, isMobile: (window.innerWidth || document.documentElement.clientWidth) < 1024, charts: [ { 'opacity': 1 }, { 'opacity': 0 }, { 'opacity': 0 }, { 'opacity': 0 }, { 'opacity': 0 }, { 'opacity': 0 }, ], scoller: null, init() { this.setup(); this.scroller = scrollama(); this.scroller .setup({ step: `${ this.id } .step`, progress: true, debug: false }) .onStepProgress((progress) => this.handleStepProgress(this, progress)); }, resize() { this.setup(); this.scroller.resize(); this.isMobile = (window.innerWidth || document.documentElement.clientWidth) < 1024; }, setup() { let h = this.$refs.figure.clientHeight; this.figure['top'] = (window.innerHeight - h) / 2; }, handleStepProgress(that, response) { let { index, progress, direction } = response; let clamp = (num) => Math.min(Math.max(num, 0), 1); for (var i = 0; i < that.charts.length; i++) { if (i == index) { that.charts[i]['opacity'] = clamp(1 - progress * 2) } else if (i == (index + 1)) { that.charts[i]['opacity'] = clamp(progress * 2); } else { that.charts[i]['opacity'] = 0; } } }, mouseEnter(e) { let isLeft = e.clientX <= (window.innerWidth || document.documentElement.clientWidth) / 2; this.pos = { 'top': e.clientY + 24, 'left': isLeft ? e.clientX : e.clientX - 500 }; var el = e.target || e.srcElement; var classes = el.className; if(classes.indexOf('tooltip-1') >= 0) { this.tooltip1 = true; } else { this.tooltip2 = true; } }, mouseLeave(e) { var el = e.target || e.srcElement; var classes = el.className; if(classes.indexOf('tooltip-1') >= 0) { this.tooltip1 = false; }else { this.tooltip2 = false; } } }" @resize.window="resize()"> <div class="fixed max-w-full lg:max-w-[600px] lg:w-[500px] flex flex-col" style="z-index: 100; top: 0px; left: 0px; display: none;" :style="{ 'top': isMobile ? null : `${ pos['top'] }px`, 'bottom': isMobile ? '96px' : null, 'left': isMobile ? 0 : `${ pos['left'] }px` }" x-show="tooltip1" x-transition="" @scroll.window.debounce="tooltip1 = false"> <div class="relative mx-6 px-5 py-4 bg-lila-80 bg-opacity-90 p-small flex flex-col gap-y-2"> <div class="flex lg:hidden flex-row justify-end "> <button @click="tooltip1 = false"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 16.999L17 6.99902" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M17 16.999L7 6.99902" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> <p> Landgemeinden: weniger als 5.000 Einwohner:innen<br> kleine Kleinstädte: 5.000 bis unter 10.000 Einwohner:innen<br> größere Kleinstädte: 10.000 bis unter 20.000 Einwohner:innen<br> Mittelstädte: 20.000 bis unter 100.000 Einwohner:innen<br> Großstädte: über 100.000 Einwohner:innen </p> </div> </div> <div class="fixed max-w-full lg:max-w-[600px] lg:w-[500px] flex flex-col" style="z-index: 100; top: -110px; left: 20px; display: none;" :style="{ 'top': isMobile ? null : `${ pos['top'] - 110 }px`, 'bottom': isMobile ? '96px' : null, 'left': isMobile ? 0 : `${ pos['left'] + 20 }px` }" x-show="tooltip2" x-transition="" @scroll.window.debounce="tooltip2 = false"> <div class="relative mx-6 px-5 py-4 bg-lila-80 bg-opacity-90 p-small flex flex-col gap-y-2"> <div class="flex lg:hidden flex-row justify-end "> <button @click="tooltip2 = false"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7 16.999L17 6.99902" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M17 16.999L7 6.99902" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </div> <p> Das Bundesinstitut für Bau-, Stadt- und Raumforschung (BBSR) unterteilt die Landkreise und kreisfreien Städte nach ihrer Siedlungsstruktur entsprechend ihrer Bevölkerungsdichte und des Anteils der Menschen, die in Groß- und Mittelstädten leben. <br> <br>Das BBSR unterscheidet zwischen ländlichen Regionen und städtischen Regionen. Erstere sind die dünn besiedelten ländlichen Kreise und die ländlichen Kreise mit Verdichtungsansätzen, letztere die städtischen Kreise und die kreisfreien Großstädte. </p> </div> </div> <div id="gemeindetypen" class="max-w-[600px] mx-auto scroll-mt-6"> <h2 class="h2 text-center pb-3 border-b-4 border-white"> Welche Gemeindetypen verzeichnen besonders viel Zuzug? </h2> </div> <div class="flex flex-col space-y-40"> <div class="flex flex-col justify-center space-y-4"> <h3 class="mx-auto max-w-[500px] h3 text-center"> Landgemeinden legen zu, Großstädte verlieren </h3> <figure class="max-w-[820px] mx-auto sticky" x-ref="figure" :style="{ 'top': `${ figure['top'] }px` }" style="top: 206.5px;"> <figcaption class="space-y-3 pb-12"> <p class="h5 max-w-[516px] mx-auto text-center opacity-80"> Durchschnittlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021 </p> <div class="p-small flex flex-row space-x-6 justify-center items-center flex-wrap gap-y-2"> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#8A92B8"></rect> </svg> <span class="opacity-80">Landgemeinden</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#3796B8"></rect> </svg> <span class="opacity-80">Kleine Kleinstädte</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#25C497"></rect> </svg> <span class="opacity-80">Größere Kleinstädte</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#74E070"></rect> </svg> <span class="opacity-80">Mittelstädte</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#EEEE4C"></rect> </svg> <span class="opacity-80">Großstädte</span> </div> <span class="cursor-pointer inline-block pr-2 tooltip-1" @mouseenter.debounce="mouseEnter" @mouseleave.debounce="mouseLeave"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 17.251C13.5564 17.251 17.25 13.5573 17.25 9.00098C17.25 4.44463 13.5564 0.750977 9 0.750977C4.44365 0.750977 0.75 4.44463 0.75 9.00098C0.75 13.5573 4.44365 17.251 9 17.251Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.95039 12.75C8.89106 12.75 8.83305 12.7676 8.78372 12.8006C8.73439 12.8335 8.69593 12.8804 8.67323 12.9352C8.65052 12.99 8.64458 13.0503 8.65616 13.1085C8.66773 13.1667 8.6963 13.2202 8.73826 13.2621C8.78021 13.3041 8.83367 13.3327 8.89186 13.3442C8.95006 13.3558 9.01038 13.3499 9.0652 13.3272C9.12001 13.3045 9.16687 13.266 9.19983 13.2167C9.2328 13.1673 9.25039 13.1093 9.25039 13.05C9.25039 12.9704 9.21878 12.8941 9.16252 12.8379C9.10626 12.7816 9.02996 12.75 8.95039 12.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.75 7.50357C6.75006 7.09793 6.85978 6.69985 7.06755 6.35146C7.27531 6.00307 7.5734 5.71733 7.93026 5.52447C8.28712 5.33162 8.68948 5.23882 9.09475 5.2559C9.50003 5.27299 9.89315 5.39931 10.2325 5.62151C10.5719 5.84372 10.8449 6.15353 11.0226 6.51817C11.2003 6.88281 11.2761 7.2887 11.242 7.69291C11.208 8.09711 11.0653 8.48459 10.829 8.81433C10.5928 9.14407 10.2718 9.40381 9.9 9.56607C9.6325 9.68281 9.40488 9.87506 9.24502 10.1192C9.08515 10.3634 9 10.649 9 10.9408V11.2498" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> </figcaption> <div class="max-w-[820px] max-h-[454px] relative"> <img x-ref="chart1" class="" :style="{ 'opacity': charts[0]['opacity']}" width="820" height="454" src="/assets/charts/scrollytelling_2/wanderungssaldo_jahre_1.svg" loading="lazy" alt="Durchschnittlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021" style="opacity: 1;"> <img x-ref="chart2" class="absolute inset-0 w-full h-full object-contain" :style="{ 'opacity': charts[1]['opacity']}" width="820" height="454" src="/assets/charts/scrollytelling_2/wanderungssaldo_jahre_2.svg" loading="lazy" alt="Durchschnittlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021" style="opacity: 0;"> <img x-ref="chart3" class="absolute inset-0 w-full h-full object-contain" :style="{ 'opacity': charts[2]['opacity']}" width="820" height="454" src="/assets/charts/scrollytelling_2/wanderungssaldo_jahre_3.svg" loading="lazy" alt="Durchschnittlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021" style="opacity: 0;"> <img x-ref="chart4" class="absolute inset-0 w-full h-full object-contain" :style="{ 'opacity': charts[3]['opacity']}" width="820" height="454" src="/assets/charts/scrollytelling_2/wanderungssaldo_jahre_4.svg" loading="lazy" alt="Durchschnittlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021" style="opacity: 0;"> <img x-ref="chart4" class="absolute inset-0 w-full h-full object-contain" :style="{ 'opacity': charts[4]['opacity']}" width="820" height="454" src="/assets/charts/scrollytelling_2/wanderungssaldo_jahre_5.svg" loading="lazy" alt="Durchschnittlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021" style="opacity: 0;"> <img x-ref="chart5" class="absolute inset-0 w-full h-full object-contain" :style="{ 'opacity': charts[5]['opacity']}" width="820" height="454" src="/assets/charts/scrollytelling_2/wanderungssaldo_jahre_6.svg" loading="lazy" alt="Durchschnittlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Gemeindetyp, 2008 bis 2021" style="opacity: 0;"> </div> </figure> <div class="pb-[750px]"> <div class="step z-50 py-[400px]" data-scrollama-index="0"> <div class="max-w-[700px] mx-auto absolute inset-x-0 w-full flex justify-center "> <div class="mx-6 px-5 py-4 bg-lila-80 bg-opacity-90"> <p class="p kt"> 2008 erzielten nur die Großstädte im Schnitt Wanderungsgewinne. Die durchschnittlichen Wanderungssalden aller Gemeindetypen stiegen in den folgenden Jahren. Das Wanderungsplus der Großstädte stagnierte ab 2012 auf hohem Niveau. Seit 2013 verzeichneten auch die kleinen Landgemeinden insgesamt Wanderungsgewinne. </p> </div> </div> </div> <div class="step z-50 py-[400px]" data-scrollama-index="1"> <div class="max-w-[700px] mx-auto absolute inset-x-0 w-full flex justify-center "> <div class="mx-6 px-5 py-4 bg-lila-80 bg-opacity-90"> <p class="p kt"> Rund 1,2 Millionen Schutzsuchende beantragten 2015 und 2016 in Deutschland Asyl. Die meisten von ihnen kamen 2015 an und wurden auf alle Gemeindetypen verteilt, deren Wanderungsgewinne sich in etwa verdoppelten. </p> </div> </div> </div> <div class="step z-50 py-[400px]" data-scrollama-index="2"> <div class="max-w-[700px] mx-auto absolute inset-x-0 w-full flex justify-center "> <div class="mx-6 px-5 py-4 bg-lila-80 bg-opacity-90"> <p class="p kt"> 2017 nahm die neue Landlust an Fahrt auf: Die durchschnittlichen Wanderungssalden der größeren und kleineren Gemeindetypen begannen, sich einander anzugleichen. Im letzten Jahr vor der Pandemie 2019 lagen sie fast gleichauf. </p> </div> </div> </div> <div class="step z-50 py-[400px]" data-scrollama-index="3"> <div class="max-w-[700px] mx-auto absolute inset-x-0 w-full flex justify-center "> <div class="mx-6 px-5 py-4 bg-lila-80 bg-opacity-90"> <p class="p kt"> Die Corona-Pandemie verstärkte diese Entwicklung: 2020 stürzte die Wanderungsbilanz der Großstädte ins Negative auf -0,9 pro tausend Einwohner:innen. Landgemeinden und Kleinstädte legten dagegen zu und verzeichneten die höchsten Wanderungsgewinne von im Schnitt über fünf Personen pro tausend Einwohner:innen. </p> </div> </div> </div> <div class="step z-50 py-[400px]" data-scrollama-index="4"> <div class="max-w-[700px] mx-auto absolute inset-x-0 w-full flex justify-center "> <div class="mx-6 px-5 py-4 bg-lila-80 bg-opacity-90"> <p class="p kt"> Der Trend hin zum ländlichen Raum, der sich bereits vor Beginn der Pandemie abzeichnete, hat sich im Verlauf der Pandemie verstetigt, wie die Daten für 2021 zeigen: Die Landgemeinden und Kleinstädte konnten auch im zweiten Pandemiejahr das Niveau halten oder sogar steigern. Indessen verzeichneten auch Mittel- und Großstädte wieder vermehrt Zuzüge. Das hat hauptsächlich zwei Gründe. </p> </div> </div> </div> </div> </div> </div> <div class="flex flex-col justify-center space-y-4"> <h3 class="mx-auto max-w-[660px] h3 text-center"> Wieso Mittel- und Großstädte im zweiten Jahr der Pandemie wieder mehr Zuzug erleben </h3> <p class="mx-auto max-w-[660px] p"> Erstens hat sich im Jahr 2020 das Mobilitätsverhalten der Bildungswander:innen durch die Pandemie am stärksten verändert. Nach dem Schulabschluss blieben viele zu Hause, denn Hochschulveranstaltungen fanden nicht in Präsenz statt. Nachdem sich die Einschränkungen durch die Pandemie 2021 etwas gelockert hatten, zogen wieder mehr Bildungswander:innen in die Großstädte. </p> </div> <div class="pt-19 flex flex-col justify-center space-y-4"> <h3 id="grossstaedt_alter" class="mx-auto max-w-[510px] h3 text-center scroll-pt-6"> Es ziehen wieder mehr junge Menschen in die Großstädte </h3> <figure class="max-w-full mx-auto"> <figcaption class="space-y-3 pb-12"> <p class="h5 max-w-[516px] mx-auto text-center opacity-80"> Durschnittliche Fort- und Zuzüge pro 1.000 Einwohner:innen der Altersgruppe, nur für Großstädte, 2008 bis 2021 </p> <div class="p-small flex flex-row space-x-6 justify-center items-center flex-wrap gap-y-2"> <div class="flex flex-row space-x-2 justify-center items-center"> <svg class="mb-0.5" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#45E6B4"></rect> </svg> <span class="opacity-80">Zuzug</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg class="mb-0.5" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#EF5675"></rect> </svg> <span class="opacity-80">Fortzug</span> </div> </div> </figcaption> <div class="w-full flex flex-col space-y-8 pb-3"> <img width="1000" height="296" src="/assets/charts/scrollytelling_2/grossstadt_alter.svg" alt="Altersgruppen für Großstadt" loading="lazy" class="w-full"> </div> </figure> <p class="mx-auto max-w-[660px] p"> Zweitens steigt die Zuwanderung aus dem Ausland seit 2021 wieder an, nachdem diese im ersten Pandemiejahr stark eingebrochen war. Menschen, die aus dem Ausland zuziehen, entscheiden sich besonders häufig für die größeren Städte. Diese bieten ihnen vielfältige Ausbildungs- und Jobangebote und sie finden hier oft schnell sozialen Anschluss. </p> </div> <div class="pt-19 flex flex-col justify-center space-y-4"> <h3 id="zuwanderung_ausland" class="mx-auto max-w-[510px] h3 text-center scroll-pt-6"> Die Zuwanderung aus dem Ausland steigt wieder an </h3> <figure class="max-w-full mx-auto"> <figcaption class="space-y-3 pb-12"> <p class="h5 max-w-[516px] mx-auto text-center opacity-80"> Durchschnittliche jährliche Außenwanderungssalden pro 1.000 Einwohner:innen, nach Gemeindetyp, 2018-2021 </p> <div class="p-small flex flex-row space-x-6 justify-center items-center flex-wrap gap-y-2 max-w-[640px] mx-auto text-center"> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#8A92B8"></rect> </svg> <span class="opacity-80">Dünn besiedelte ländliche Kreise</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#3796B8"></rect> </svg> <span class="opacity-80">Ländliche Kreise mit Verdichtungsansätzen</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#74E070"></rect> </svg> <span class="opacity-80">Städtische Kreise</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#EEEE4C"></rect> </svg> <span class="opacity-80">Kreisfreie Großstädte </span> </div> <span class="cursor-pointer inline-block pr-2 tooltip2" @mouseenter.debounce="mouseEnter" @mouseleave.debounce="mouseLeave"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 17.251C13.5564 17.251 17.25 13.5573 17.25 9.00098C17.25 4.44463 13.5564 0.750977 9 0.750977C4.44365 0.750977 0.75 4.44463 0.75 9.00098C0.75 13.5573 4.44365 17.251 9 17.251Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M8.95039 12.75C8.89106 12.75 8.83305 12.7676 8.78372 12.8006C8.73439 12.8335 8.69593 12.8804 8.67323 12.9352C8.65052 12.99 8.64458 13.0503 8.65616 13.1085C8.66773 13.1667 8.6963 13.2202 8.73826 13.2621C8.78021 13.3041 8.83367 13.3327 8.89186 13.3442C8.95006 13.3558 9.01038 13.3499 9.0652 13.3272C9.12001 13.3045 9.16687 13.266 9.19983 13.2167C9.2328 13.1673 9.25039 13.1093 9.25039 13.05C9.25039 12.9704 9.21878 12.8941 9.16252 12.8379C9.10626 12.7816 9.02996 12.75 8.95039 12.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6.75 7.50357C6.75006 7.09793 6.85978 6.69985 7.06755 6.35146C7.27531 6.00307 7.5734 5.71733 7.93026 5.52447C8.28712 5.33162 8.68948 5.23882 9.09475 5.2559C9.50003 5.27299 9.89315 5.39931 10.2325 5.62151C10.5719 5.84372 10.8449 6.15353 11.0226 6.51817C11.2003 6.88281 11.2761 7.2887 11.242 7.69291C11.208 8.09711 11.0653 8.48459 10.829 8.81433C10.5928 9.14407 10.2718 9.40381 9.9 9.56607C9.6325 9.68281 9.40488 9.87506 9.24502 10.1192C9.08515 10.3634 9 10.649 9 10.9408V11.2498" stroke="white" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span> </div> </figcaption> <div class="w-full flex flex-col space-y-8 pb-1"> <img width="663" height="280" src="/assets/charts/scrollytelling_2/ausland.svg" alt="Zuwanderung aus dem Ausland" loading="lazy" class="w-full"> </div> </figure> <p class="mx-auto max-w-[660px] p"> Im ersten Coronajahr 2020 brach der Außenwanderungssaldo gegenüber 2019 ein. Diese Entwicklung traf vor allem die Großstädte. Hier sank der Saldo von 6,0 auf 3,7 pro tausend Einwohner:innen um mehr als ein Drittel. 2021 hat die Außenwanderung insgesamt wieder in etwa das Niveau von 2019 erreicht. </p> <div class="lg:mx-auto pt-10"> <div class="bg-lila-80 bg-opacity-90 px-5 py-4 space-y-4 custom-full-width-on-mobile"> <p class="mx-auto max-w-[660px] p kt"> <b>Zuwanderung in Zeiten von Corona</b> </p> <p class="mx-auto max-w-[660px] p kt"> Grenzschließungen, Einreisestopps, die Schließung von Visavergabestellen, der Rückgang bei der Vermittlung von Arbeitskräften aus dem Ausland sowie die Einschränkungen im Reise- und Flugverkehr wirkten sich auch auf die Migrationsbewegungen nach Deutschland aus. Das galt vor allem zu Beginn der Pandemie im Frühjahr 2020.<br> <br> In Deutschland wurden ab <a href="https://www.bamf.de/SharedDocs/Anlagen/DE/Forschung/Migrationsberichte/MB-2020/migrationsbericht-2020-politikkapitel.pdf" rel="noopener noreferrer" target="_blank">März 2020</a> verstärkte Binnen- und Außengrenzkontrollen und Einreisebeschränkungen eingeführt. Überstellungen von Asylsuchenden zwischen EU-Staaten im Rahmen des Asylverfahrens wurden ab März 2020 ausgesetzt. All dies führte zu einem vorübergehenden Rückgang der Außenwanderung.<br> <br> Im zweiten Pandemiejahr 2021 ist die <a href="https://www.bamf.de/SharedDocs/Anlagen/DE/Forschung/Migrationsberichte/migrationsbericht-2021.pdf" rel="noopener noreferrer" target="_blank">Nettozuwanderung mit 329.000 Personen</a> deutlich höher ausgefallen als im ersten Pandemiejahr 2020, wo sie bei 220.000 Personen lag. Sie erreichte damit wieder das Niveau von vor der Pandemie. Auch die Zahl der Asylerstanträge war 2021 mit <a href="https://www.bamf.de/SharedDocs/Anlagen/DE/Statistik/BundesamtinZahlen/bundesamt-in-zahlen-2021.pdf" rel="noopener noreferrer" target="_blank">148.000 Anträgen</a> wieder mit dem Wert vor der Pandemie vergleichbar, nachdem sie 2020 auf 103.000 Anträge zurückgegangen war. </p> </div> </div> </div> <div class="pt-20 flex flex-col justify-center space-y-4"> <h3 id="bundeslaender" class="mx-auto max-w-[524px] h3 text-center scroll-pt-6"> Kleine ländliche Gemeinden legen in allen Bundesländern in ihrer Beliebtheit zu </h3> <figure class="max-w-full mx-auto"> <figcaption class="space-y-3 pb-12"> <p class="h5 max-w-[516px] mx-auto text-center opacity-80"> Durchschnittlicher jährlicher Wanderungssaldo über Gemeindegrenzen pro 1.000 Einwohner:innen, nach Bundesland und Gemeindetyp, 2008 bis 2010 und 2018 bis 2020 </p> <div class="p-small flex flex-row space-x-6 justify-center items-center flex-wrap gap-y-2"> <div class="flex flex-row space-x-2 justify-center items-center"> <span class="opacity-80">2008-2010</span> <svg class="mb-0.5" width="57" height="13" viewBox="0 0 57 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 6.5C0 8.70914 1.79086 10.5 4 10.5C6.20914 10.5 8 8.70914 8 6.5C8 4.29086 6.20914 2.5 4 2.5C1.79086 2.5 0 4.29086 0 6.5ZM56.5303 7.03033C56.8232 6.73744 56.8232 6.26256 56.5303 5.96967L51.7574 1.1967C51.4645 0.903806 50.9896 0.903806 50.6967 1.1967C50.4038 1.48959 50.4038 1.96447 50.6967 2.25736L54.9393 6.5L50.6967 10.7426C50.4038 11.0355 50.4038 11.5104 50.6967 11.8033C50.9896 12.0962 51.4645 12.0962 51.7574 11.8033L56.5303 7.03033ZM4 7.25H56V5.75H4V7.25Z" fill="#FDFCFF"></path> </svg> <span class="opacity-80">2018-2020</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg class="mb-0.5" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#45E6B4"></rect> </svg> <span class="opacity-80">Saldo gestiegen</span> </div> <div class="flex flex-row space-x-2 justify-center items-center"> <svg class="mb-0.5" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect y="0.5" width="12" height="12" fill="#EF5675"></rect> </svg> <span class="opacity-80">Saldo gesunken</span> </div> </div> </figcaption> <div class="max-w-[798px] relative" x-data="{ expanded: false, buttonText: 'Alles anzeigen', }"> <div class="w-full flex flex-col space-y-8" x-show="expanded" x-collapse.min.320px.duration.1000ms="" style="height: 320px; overflow: hidden;"> <img width="775" height="155" src="/assets/charts/scrollytelling_2/overview_1.svg" alt="Bundeslaender" loading="lazy" class="w-full"> <img width="775" height="155" src="/assets/charts/scrollytelling_2/overview_2.svg" alt="Bundeslaender" loading="lazy" class="w-full"> <img width="775" height="155" src="/assets/charts/scrollytelling_2/overview_3.svg" alt="Bundeslaender" loading="lazy" class="w-full"> <img width="775" height="155" src="/assets/charts/scrollytelling_2/overview_4.svg" alt="Bundeslaender" loading="lazy" class="w-full"> <img width="775" height="155" src="/assets/charts/scrollytelling_2/overview_5.svg" alt="Bundeslaender" loading="lazy" class="w-full"> <img width="775" height="155" src="/assets/charts/scrollytelling_2/overview_6.svg" alt="Bundeslaender" loading="lazy" class="w-full"> <div class="absolute -bottom-16 inset-x-0 h-64 flex justify-center items-end transition duration-1000 -bottom-5 bg-gradient-to-b from-transparent to-lila" :class="expanded ? 'bottom-0 bg-transparent': '-bottom-5 bg-gradient-to-b from-transparent to-lila' "> <button class="mb-1 px-4 py-3 bg-lila-highlight hover:bg-lila-highlight-light transition rounded shadow font-semibold text-sm" @click="expanded = !expanded;" x-transition.duration.1000ms="" x-text="expanded ? 'Einklappen' : 'Alles anzeigen'">Alles anzeigen</button> </div> </div> </div> </figure></div> <p class="mx-auto max-w-[660px] p"> In allen Flächenländern zogen im Zeitraum 2018 bis 2020 mehr Menschen in Landgemeinden, Klein- und Mittelstädte als diese verließen. Die größten Zuwächse bei den Wanderungssalden im Vergleich zum Zeitraum 2008 bis 2010 verzeichnen die Landgemeinden. In den ostdeutschen Bundesländern und in Nordrhein-Westfalen ist die Differenz zwischen den beiden Zeiträumen besonders groß. Die Großstädte dagegen waren im Zeitraum 2018 bis 2020 in der Mehrzahl der Bundesländer weniger beliebt als ein Jahrzehnt zuvor. </p> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="pt-24 mx-auto max-w-[980px] flex flex-col justify-center space-y-20"> <div class="max-w-[660px] mx-auto"> <h2 class="h2 text-center pb-3 border-b-4 border-white"> Auf einen Blick </h2> </div> <div class="flex flex-col space-y-52 pb-8"> <div class="flex flex-col justify-center space-y-8"> <h3 class="mx-auto max-w-[500px] h3 text-center"> Eine neue Landlust zieht auf </h3> <p class="mx-auto max-w-[660px] p kt"> Die Analyse der Wanderungsstatistik zeigt: Der ländliche Raum zählt heute zu den Wanderungsgewinnern – das gilt für kleine Gemeinden am Rande der Zentren genauso wie für solche in der Peripherie. Deutschlandweit zogen zuletzt mehr Menschen in Landgemeinden und Kleinstädte als ihnen den Rücken kehrten. Sie locken im Schnitt inzwischen anteilig mehr neue Bewohner:innen an als die Großstädte.<br> <br> Das wachsende Interesse am Landleben ist eine gute Nachricht für kleine Gemeinden. Denn es bietet die Chance, viele demografische Herausforderungen ländlicher Regionen abzumildern. Um von der neuen Landlust zu profitieren, sollten sich die kleinen Gemeinden um Attraktivität für potenzielle Umzugswillige bemühen – also vor allem Menschen im Berufsstart- und Familiengründungsalter. Dennoch gilt: Trotz aktueller Wanderungsgewinne bleiben viele ländliche Gemeinden auf demografischem Schrumpfkurs und die Alterung der Bevölkerung schreitet voran. Die Verantwortlichen in den Gemeinden sollten daher ebenfalls im Blick behalten, wie sie mit Schrumpfung umgehen und sich altersfreundlich aufstellen.<br> <br> Und nicht zuletzt verändert der Zuzug nicht nur das Leben der Zuziehenden, sondern auch das bisherige Leben in den Gemeinden. Daher gilt es, eine lebendige Dorf- oder Stadtgemeinschaft zu schaffen und das Zusammenleben vor Ort aktiv zu gestalten. </p> </div> </div> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="pt-16 mx-auto max-w-[660px] space-y-8"> <h2 id="ueber" class="h2 text-center kt scroll-pt-6"> Über das Projekt </h2> <p class="p text-left kt"> Diese Datenvisualisierung ist im Rahmen eines gemeinsamen Projekts des Berlin-Instituts für Bevölkerung und Entwicklung und der Wüstenrot Stiftung entstanden. Das Projekt nimmt die viel diskutierte Landlust genauer unter die Lupe. Der erste Teil des Projektes geht der Frage nach, ob diese Landlust auch in den tatsächlichen Wanderungsbewegungen zwischen Stadt und Land erkennbar ist.<br> Neben der Datenvisualisierung, die die Ergebnisse interaktiv aufbereitet, ist zeitgleich dazu die Studie "<a href="https://www.berlin-institut.org/studien-analysen/detail/landlust-neu-vermessen" rel="noopener noreferrer" target="_blank">Landlust neu vermessen</a>" erschienen.<br> <br> Die zweite Projektphase untersucht, wie Zuziehende und Alteingesessene zusammenleben. Treffen verschiedene Welten aufeinander oder spielt dies im Alltag vor Ort gar keine so große Rolle mehr? Wie gelingt es, dass ländliche Regionen insgesamt von der neuen Landlust profitieren können, wenn die verschiedenen Bewohner:innengruppen gut zusammenfinden und gemeinschaftlich an der Weiterentwicklung dörflicher und kleinstädtischer Lebenswelten arbeiten? Die Ergebnisse der zweiten Phase finden Sie <a href="https://www.berlin-institut.org/studien-analysen/detail/neu-im-dorf" rel="noopener noreferrer" target="_blank">hier</a>. </p> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="pt-16 mx-auto max-w-[660px] space-y-4 relative" x-data="{ expanded: false }" id="methodik"> <h3 class="h4 text-center kt"> Quellen und Methodik </h3> <div x-show="expanded" x-collapse.min.128px.duration.1000ms="" style="height: 128px; overflow: hidden;"> <p class="p text-left kt h-full pb-16"> Die Auswertungen basieren auf der Wanderungsstatistik der Statistischen Ämter des Bundes und der Länder. Diese enthält die Zuzüge und Fortzüge über Gemeindegrenzen innerhalb Deutschlands, sowie die Umzüge über die Grenzen der Bundesrepublik hinaus. Woher die Personen zuziehen oder wohin sie fortziehen, lässt sich aus den Daten nicht ablesen.<br> Die statistischen Ämter stellen die Daten zu Wanderungsbewegungen auf Gemeindeebene seit 2008 zur Verfügung. Die vorliegende Analyse betrachtet die Wanderungen von 2008 bis 2021, dem bis Redaktionsschluss letzten verfügbaren Jahr.<br> <br> Aufgrund von Gebietsreformen haben sich Gemeindegrenzen in ganz Deutschland immer wieder verschoben. Gemeinden wurden zusammengelegt, aufgelöst oder umbenannt. Um die Wanderungen über den betrachteten Zeitraum vergleichen zu können, basieren die Berechnungen für alle Jahre auf dem aktuellen Gebietsstand von 2019. Entsprechend des Umstiegsschlüssel des Bundesinstituts für Bau-, Stadt und Raumforschung (BBSR) haben wir die Gebietsstände aller Untersuchungsjahre dem aktuellen Gebietsstand angepasst. Handelt es sich bei den Gemeindereformen um Eingemeindungen oder Zusammenschlüsse, haben wir die Werte der Gemeinden aggregiert. Bei Aufsplittungen haben wir die Anteilswerte aus der neu zugeordneten Fläche und der betroffenen Bevölkerung ermittelt.<br> <br> Gemeindeverbände sind Zusammenschlüsse von Gemeinden, die in größerem Umfang öffentliche Aufgaben unter Beibehaltung der Selbstständigkeit der Mitgliedsgemeinden wahrnehmen. Im Jahr 2019 waren von den 10.756 deutschen Gemeinden 7.581 in insgesamt 1.223 Gemeindeverbänden organisiert.<br> <br> Das Wanderungsverhalten gibt der Wanderungssaldo wieder. Dieser ergibt sich aus der Differenz von Zu- und Fortzügen je 1.000 Einwohner:innen. Die Angabe je 1.000 Personen dient dazu, unterschiedlich große Gemeinden vergleichbar zu machen. Aus dem Saldo lassen sich also keine absoluten Wanderungsgewinne oder -verluste ablesen, da dieser sich relativ zur Einwohner:innenzahl berechnet. Kleine Gemeinden brauchen weniger Umzüge als große, um auf den gleichen Wanderungssaldo zu kommen.<br> <br> Wir haben zunächst den durchschnittlichen Wanderungssaldo der Jahre 2008 bis 2010 und 2018 bis 2020 gebildet. Mit dem Durchschnittswert jeweils dreier Jahre soll der Einfluss von Ausreißerjahren auf die Analyse reduziert werden. Wenn zum Beispiel ein Neubaugebiet bezogen oder eine alte Kaserne zu einer Unterkunft für Geflüchtete wird, kann das den Wanderungssaldo gerade kleinerer Gemeinden in einzelnen Jahren stark verzerren. Der Vergleich der beiden Zeiträume 2008 bis 2010 und 2018 bis 2020 erlaubt es zu beschreiben, wie sich das Wanderungsgeschehen über ein Jahrzehnt verändert hat. Gleichzeitig fließen die Ausnahmejahre 2015/16, in denen die Zuwanderung einer hohen Zahl von Geflüchteten das Wanderungsgeschehen deutschlandweit kurzfristig stark beeinfluss hat, in diese Analyse nicht ein.<br> <br> In den anschließenden Darstellungen des Wanderungsgeschehens im Zeitverlauf sind diese Jahre aber gut zu erkennen. Alle Daten beziehen sich auf Umzüge über Gemeindegrenzen, manche Daten sind aus Datenschutzgründen jedoch nur auf Kreisebene verfügbar. Die Karten zur Außen- und Binnenwanderung und die Umzüge nach Altersgruppen stellen daher die Umzüge über Gemeindegrenzen in der regionalen Tiefe der Kreise und kreisfreien Städte dar.<br> <br> Im Zuge der Aktualisierung des Online Tools wurden die Daten des Jahres 2021 mit Blick auf Wanderungsbewegungen nach Gemeindetypen und Altersgruppen sowie auf Außenwanderung ausgewertet und ergänzt. </p> </div> <div class="absolute -bottom-5 inset-x-0 h-36 flex justify-center items-end transition duration-1000 bg-gradient-to-b from-transparent to-lila" :class="expanded ? 'bottom-0 bg-transparent': '-bottom-5 bg-gradient-to-b from-transparent to-lila' "> <button class="mb-1 px-4 py-3 bg-lila-highlight hover:bg-lila-highlight-light transition rounded shadow font-semibold text-sm" @click="expanded = !expanded;" x-transition.duration.3000ms="" x-text="expanded ? 'Einklappen' : 'Alles anzeigen'">Alles anzeigen</button> </div> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="mx-auto max-w-[980px] flex flex-col justify-center pb-20"> <div class="pt-12 grid grid-cols-1 md:grid-cols-2 gap-x-10 gap-y-12"> <div class="col-span-1 font-normal text-base leading-[23px] flex flex-col space-y-4"> <div class="h-12 flex justify-start"> <img src="https://neuelandlust.de/media/pages/home/d7d1ce7e66-1694121915/berlin-institut.svg" width="171" height="47" alt="Berlin-Institut für Bevölkerung und Entwicklung " loading="lazy"> </div> <span class="font-semibold"> Berlin-Institut für Bevölkerung und Entwicklung </span> <p class="kt p"> Das Berlin-Institut für Bevölkerung und Entwicklung ist ein unabhängiger Thinktank, der sich mit Fragen regionaler und globaler demografischer Veränderungen beschäftigt. Das Institut wurde 2000 als gemeinnützige Stiftung gegründet und hat die Aufgabe, das Bewusstsein für den demografischen Wandel zu schärfen, nachhaltige Entwicklung zu fördern, neue Ideen in die Politik einzubringen und Konzepte zur Lösung demografischer und entwicklungspolitischer Probleme zu erarbeiten.<br> <br> In seinen Studien, Diskussions- und Hintergrundpapieren bereitet das Berlin-Institut wissenschaftliche Informationen für den politischen Entscheidungsprozess auf. Weitere Informationen, wie auch die Möglichkeit, den kostenlosen regelmäßigen Newsletter „Demos“ zu abonnieren, finden Sie unter <a href="https://www.berlin-institut.org" rel="noopener noreferrer" target="_blank">www.berlin-institut.org</a>. </p> </div> <div class="col-span-1 font-normal text-base leading-[23px] flex flex-col space-y-4"> <div class="h-12 flex justify-start"> <img src="https://neuelandlust.de/media/pages/home/269cfd9912-1694121917/wuestenrot-stiftung.svg" width="149" height="47" alt="Wüstenrot Stiftung" loading="lazy"> </div> <span class="font-semibold"> Wüstenrot Stiftung </span> <p class="kt p"> Die Wüstenrot Stiftung arbeitet ausschließlich und unmittelbar gemeinnützig in den Bereichen Denkmalpflege, Wissenschaft, Forschung, Bildung, Kunst und Kultur.<br> Zwei Aufgaben stehen im Mittelpunkt aller Aktivitäten der Wüstenrot Stiftung: der richtige Umgang mit kulturellem Erbe und die Suche nach Wegen, wie sich unser Gemeinwesen den Herausforderungen der Zukunft stellen kann.<br> <br> Als operativ tätige Stiftung initiiert, konzipiert und realisiert die Wüstenrot Stiftung selbst Projekte und fördert darüber hinaus die Umsetzung herausragender Ideen und Projekte anderer Institutionen durch finanzielle Zuwendungen.<br> <br> Weitere Informationen finden Sie unter <a href="https://www.wuestenrot-stiftung.de" rel="noopener noreferrer" target="_blank">www.wuestenrot-stiftung.de</a>. </p> </div> </div> </div> </section> <section class=" px-5 lg:px-7 max-w-[980px] mx-auto"> <div class="mx-auto max-w-[980px] flex flex-col justify-center"> <h3 class="h3 text-center kt"> Kontakt </h3> <div class="pt-12 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-10 gap-y-12"> <div class="col-span-1 font-normal text-base leading-[23px] "> <span class="font-semibold">Nele Disselkamp (Pressekontakt)</span> <div class="flex flex-col pt-2 pb-4"> <p class="kt"> Presse- und Öffentlichkeitsarbeit am Berlin-Institut </p> </div> <span> E-Mail: <a href="mailto:[email protected]" class="a">[email protected]</a> </span> </div> <div class="col-span-1 font-normal text-base leading-[23px] "> <span class="font-semibold">Frederick Sixtus</span> <div class="flex flex-col pt-2 pb-4"> <p class="kt"> Magister in Soziologie an der Universität Potsdam und der Technischen Universität Berlin. Wissenschaftlicher Mitarbeiter am Berlin-Institut für Bevölkerung und Entwicklung. </p> </div> <span> E-Mail: <a href="mailto:[email protected]" class="a">[email protected]</a> </span> </div> <div class="col-span-1 font-normal text-base leading-[23px] "> <span class="font-semibold">Manuel Slupina</span> <div class="flex flex-col pt-2 pb-4"> <p class="kt"> Diplom in Volkswirtschaftslehre an der Universität zu Köln. Leiter des Themengebiets Stadt und Land bei der Wüstenrot Stiftung. </p> </div> <span> E-Mail: <a href="mailto:[email protected]" class="a">[email protected]</a> </span> </div> <div class="col-span-1 font-normal text-base leading-[23px] "> <span class="font-semibold">Eva Eichenauer</span> <div class="flex flex-col pt-2 pb-4"> <p class="kt"> Magister in Soziologie und Südostasien-Studien in Potsdam und Berlin. Wissenschaftliche Mitarbeiterin am Berlin-Institut für Bevölkerung und Entwicklung. </p> </div> <span> E-Mail: <a href="mailto:[email protected]" class="a">[email protected]</a> </span> </div> <div class="col-span-1 font-normal text-base leading-[23px] "> <span class="font-semibold">DataDesign</span> <div class="flex flex-col pt-2 pb-4"> <p class="kt"> Diese Website wurde designt und programmiert vom DataDesign Studio Berlin (Sebastian Lühr & Philipp Trenz). </p> <span> <a href="https://datadesign.studio" target="_blank" class="a">https://datadesign.studio</a> </span> </div> </div> </div> </div> </section> </article> <footer class="pt-8 px-5 lg:px-7 w-full"> <hr class="max-w-[1000px] border-t border-lila-80 mx-auto"> <div class="pt-10 flex flex-col justify-center space-y-6"> <h4 class="h4 text-center">Diesen Artikel teilen:</h4> <div class="flex flex-row justify-center space-x-1"> <a href="http://www.facebook.com/sharer/sharer.php?display=page&u=https%3A%2F%2Fneuelandlust.de%2F" target="_blank" aria-label="Auf Facebook teilen"> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="4" fill="#5931B5"></rect> <g transform="translate(18 14) scale(1.1)"> <path d="M3.77365 17.25L3.75 9.75H0.75V6.75H3.75V4.875C3.75 2.09145 5.47374 0.75 7.95686 0.75C9.14629 0.75 10.1686 0.838556 10.4665 0.878138V3.78711L8.74429 3.78789C7.39384 3.78789 7.13236 4.42961 7.13236 5.37129V6.75H11.0625L9.5625 9.75H7.13236V17.25H3.77365Z" fill="white"></path> </g> </svg> </a> <a href="http://twitter.com/share?text=Landlust%20neu%20vermessen%21%20Erleben%20wir%20eine%20https%3A%2F%2Fneuelandlust.de%2F%3F%20via%20%40berlin_institut%20%40WuestenrotStift&url=https%3A%2F%2Fneuelandlust.de%2F" target="_blank" aria-label="Auf Twitter teilen"> <svg width="50px" height="51px" viewBox="0 0 50 51" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect width="50" height="50" rx="4" fill="#5931B5"></rect> <g transform="translate(14 14) scale(1.1)"> <path fill="#FFFFFF" d="M10.712445,7.78926 L17.41335,0 L15.82545,0 L10.007055,6.763305 L5.35992,0 L0,0 L7.02738,10.227315 L0,18.39555 L1.58799,18.39555 L7.732365,11.25327 L12.64008,18.39555 L18,18.39555 L10.712055,7.78926 L10.712445,7.78926 Z M8.537475,10.31742 L7.825455,9.29901 L2.160165,1.195416 L4.599225,1.195416 L9.17118,7.735275 L9.8832,8.753685 L15.8262,17.2545 L13.38714,17.2545 L8.537475,10.31781 L8.537475,10.31742 Z"></path> </g> </svg> </a> <a href="mailto:?subject=Landlust neu vermessen&body=Sieh dir diesen Artikel an: https://neuelandlust.de" target="_blank" aria-label="Per E-Mail teilen"> <svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="50" height="50" rx="4" fill="#5931B5"></rect> <g transform="translate(3 3) scale(1.1)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1875 13.9639V26.0362L16.8335 19.9815L11.1875 13.9639Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.3153 21.5535L27.9929 13.25H11.8594L19.6468 21.5525C19.8315 21.7509 20.1312 21.751 20.3153 21.5535Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M23.1318 19.9452L28.8121 26.0361V13.8037L23.1318 19.9452Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M22.4679 20.6641L20.9849 22.2675C20.7079 22.5645 20.3444 22.713 19.9815 22.713C19.619 22.713 19.2567 22.5649 18.9807 22.2692L17.5037 20.6951L11.8555 26.7495H28.1454L22.4679 20.6641Z" fill="white"></path> </g> </svg> </a> </div> </div> <div id="matomo-optout" class="pt-20 flex flex-col justify-center space-y-4 p-small max-w-2xl mx-auto"> <h3 class="h5-bold -mb-2">Matomo-Tracking-Einstellungen</h3> <p class="h5"> Sie können diese Website daran hindern, die von Ihnen durchgeführten Aktionen zu sammeln und zu analysieren. Dadurch wird Ihre Privatsphäre geschützt, aber auch verhindert, dass wir aus Ihren Aktionen lernen und eine bessere Erfahrung für Sie und andere Benutzer:innen schaffen können. </p><p> <label for="optout" class="align-middle cursor-pointer inline-flex flex-row justify-start mb-2 mr-7 max-w-md relative"> <input id="optout" type="checkbox" class="flex-shrink-0 self-start h-5 w-5 appearance-none border-2 border-white checked:bg-white rounded-sm"> <span class="ml-0 absolute h-5 w-5 flex justify-center items-center inset-0 z-10"> <svg width="12" height="10" viewBox="0 0 12 10" xmlns="http://www.w3.org/2000/svg"> <path class="stroke-lila" d="M1 5l3.3 3L11 1" stroke-width="2" fill="none" fill-rule="evenodd"></path> </svg> </span> <span id="optout-text" class="pl-4 -mt-1.5 h5 flex-shrink">Sie sind nicht abgemeldet. Deaktivieren Sie dieses Kontrollkästchen, um sich abzumelden.</span> </label> </p></div> <script type="text/javascript" async="" defer="" src="https://analytics.neuelandlust.de/matomo.js"></script><script> document.addEventListener("DOMContentLoaded", function(event) { const optOutText = 'Sie sind nicht abgemeldet. Deaktivieren Sie dieses Kontrollkästchen, um sich abzumelden.'; const optInText = 'Klicken Sie dieses Kontrollkästchen, um Ihre Nutzungsdaten dieser Webseite mit uns zu teilen.'; var _paq = window._paq = window._paq || []; document.getElementById('optout-text').innerText = optInText; function setOptOutText(element) { _paq.push([function() { element.checked = !this.isUserOptedOut(); document.getElementById('optout-text').innerText = this.isUserOptedOut() ? optInText : optOutText; }]); } var optOut = document.getElementById("optout"); optOut.addEventListener("click", function() { const checked = this.checked; if (checked) _paq.push(['forgetUserOptOut']); else _paq.push(['optUserOut']); setOptOutText(optOut); }); setOptOutText(optOut); }); </script> <div class="pt-12 pb-6 flex flex-col justify-center space-y-4 p-small"> <div class="flex flex-row justify-center space-x-1 "> <a href="https://www.berlin-institut.org/impressum" target="_blank" class="a"> Impressum </a> <span>/</span> <a href="https://www.berlin-institut.org/datenschutz" target="_blank" class="a"> Datenschutz </a> </div> <span class="text-center">© Copyright 2024</span> </div> </footer> <script> var _paq = window._paq || []; _paq.push(['disableCookies']); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u='https://analytics.neuelandlust.de/'; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', 1]); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <script defer="" src="https://neuelandlust.de/assets/js/scrollama.min.js"></script> <script defer="" src="https://neuelandlust.de/assets/js/alpine-collapse.min.js"></script> <script defer="" src="https://neuelandlust.de/assets/js/alpine.min.js"></script> <script async="" id="smooth-scroll-js" src="https://neuelandlust.de/assets/js/smooth-scroll.min.js"></script> <script> document.getElementById('smooth-scroll-js').addEventListener('load', () => { const scroll = new SmoothScroll('a[href*="#"]', { ignore: null, topOnEmptyHash: true, header: '[data-scroll-header]', speed: 600, speedAsDuration: true, easing: 'easeInOutCubic', offset: function (anchor, toggle) { /* Parses tailwindcss `scroll-` classes and converts to pixel offset */ for (var i=0; i< anchor.classList.length; i++) { var cls = anchor.classList[i]; if (cls.startsWith('scroll-')) { var val = cls.split('-').pop(); var rem = 0.25 * parseInt(val); var px = rem * parseFloat(getComputedStyle(document.documentElement).fontSize); return px; } } return 0; }, }); }); </script> <script defer="" src="https://neuelandlust.de/media/plugins/michnhokn/cookie-banner/cookie-modal.js"></script> <div class="cookie-modal cookie-modal--hidden" id="cookie-modal" data-show-on-first="false"> <div class="cookie-modal__content"> <p class="cookie-modal__title">Cookie-Einstellungen</p> <p class="cookie-modal__text">Für die Bereitstellung einer interaktiven Karte mittels des Kartendienstes <a href="https://www.mapbox.com/" target="_blank">Mapbox</a> werden Cookies benötigt. Mehr Informationen hierzu finden Sie in unserer <a href="https://www.berlin-institut.org/datenschutz" rel="noopener noreferrer" target="_blank">Datenschutzerklärung</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="mapbox"> <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">Mapbox</span> </label> </div> <div class="cookie-modal__buttons"> <a href="#" class="cookie-modal__button primary" id="cookie-accept" title="Mapbox akzeptieren"> <span>Mapbox akzeptieren</span> </a> <a href="#" class="cookie-modal__button" id="cookie-deny" title="Mapbox ablehnen"> <span>Mapbox ablehnen</span> </a> <a href="#" class="cookie-modal__button hide" id="cookie-save" title="Speichern"> <span>Speichern</span> </a> </div> </div> </div> <script id="mapbox-gl" src="https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.js"></script> <link href="https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.css" rel="stylesheet"> </body></html>
- securityHeaders
- {"securityHeadersList":[],"securityHeadersGrade":"F","securityHeadersScore":0}
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://neuelandlust.de/ | text/html | Highest | 0.177 s | 44 ms | 52 ms | 80 ms | 247 ms | 27 ms | 29.3 KB | 9 ms | 200 | 85.13.152.180 |
| 2 | https://neuelandlust...ets/css/tailwind.css | text/css | Highest | 0.469 s | - | - | - | 204 ms | 3 ms | 6.2 KB | - | 200 | 85.13.152.180 |
| 3 | https://neuelandlust...icons/wuestenrot.svg | image/svg+xml | Low | 0.47 s | - | - | - | 350 ms | 1 ms | 4.9 KB | - | 200 | 85.13.152.180 |
| 4 | https://neuelandlust...-2018-2020-x610.webp | image/webp | Medium | 0.47 s | - | - | - | 87 ms | 104 ms | 75.8 KB | - | 200 | 85.13.152.180 |
| 5 | https://neuelandlust...018-2020_overlay.svg | image/svg+xml | Medium | 0.471 s | - | - | - | 203 ms | 143 ms | 81.3 KB | - | 200 | 85.13.152.180 |
| 6 | https://neuelandlust.../berlin-institut.svg | image/svg+xml | Low | 0.48 s | - | - | - | 339 ms | 38 ms | 19.7 KB | - | 200 | 85.13.152.180 |
| 7 | https://neuelandlust.../js/scrollama.min.js | application/javascript | Low | 0.513 s | - | - | - | 378 ms | 2 ms | 2.3 KB | 2 ms | 200 | 85.13.152.180 |
| 8 | https://neuelandlust...pine-collapse.min.js | application/javascript | Low | 0.514 s | - | - | - | 344 ms | 3 ms | 0.6 KB | - | 200 | 85.13.152.180 |
| 9 | https://neuelandlust...ets/js/alpine.min.js | application/javascript | Low | 0.514 s | - | - | - | 346 ms | 22 ms | 13.5 KB | 204 ms | 200 | 85.13.152.180 |
| 10 | https://neuelandlust...smooth-scroll.min.js | application/javascript | Low | 0.514 s | - | - | - | 345 ms | 28 ms | 2.5 KB | 4 ms | 200 | 85.13.152.180 |
| 11 | https://neuelandlust...nner/cookie-modal.js | application/javascript | Low | 0.515 s | - | - | - | 344 ms | 30 ms | 1.6 KB | 1 ms | 200 | 85.13.152.180 |
| 12 | https://api.mapbox.c.../v2.8.1/mapbox-gl.js | application/javascript | High | 0.918 s | 96 ms | 112 ms | 200 ms | 66 ms | 794 ms | 243.9 KB | 103 ms | 200 | 13.224.189.14 |
| 13 | https://api.mapbox.c...v2.8.1/mapbox-gl.css | text/css | Medium | 0.918 s | - | - | - | 864 ms | 5 ms | 4.7 KB | - | 200 | 13.224.189.14 |
| 14 | https://neuelandlust...-2008-2010-x610.webp | image/webp | Low | 0.927 s | - | - | - | 99 ms | 102 ms | 72.7 KB | - | 200 | 85.13.152.180 |
| 15 | https://neuelandlust...008-2010_overlay.svg | image/svg+xml | Low | 0.931 s | - | - | - | 230 ms | 182 ms | 78.5 KB | - | 200 | 85.13.152.180 |
| 16 | https://neuelandlust...-v16-latin-600.woff2 | font/woff2 | Highest | 0.937 s | - | - | - | 430 ms | 14 ms | 23.0 KB | - | 200 | 85.13.152.180 |
| 17 | https://neuelandlust...-latin-regular.woff2 | font/woff2 | Highest | 0.952 s | - | - | - | 460 ms | 16 ms | 22.1 KB | - | 200 | 85.13.152.180 |
| 18 | https://neuelandlust...-v16-latin-700.woff2 | font/woff2 | Highest | 0.952 s | - | - | - | 497 ms | 13 ms | 23.2 KB | - | 200 | 85.13.152.180 |
| 19 | https://analytics.ne...andlust.de/matomo.js | application/javascript | Low | 1.654 s | 279 ms | 274 ms | 128 ms | 218 ms | 8 ms | 20.1 KB | 20 ms | 200 | 85.13.152.180 |
| 20 | https://neuelandlust.../json/gemeinden.json | application/json | High | 1.954 s | - | - | - | 6933 ms | 599 ms | 313.1 KB | - | 200 | 85.13.152.180 |
| 21 | https://neuelandlust.../img/map_blurred.png | image/png | Low | 1.956 s | - | - | - | 94 ms | 6812 ms | 3,957.3 KB | - | 200 | 85.13.152.180 |
| 22 | https://api.mapbox.c...unGmZZr0W9utD2PvZXAg | application/json | High | 2.015 s | - | - | 71 | 482 ms | 3 ms | 0.7 KB | - | 200 | 13.224.189.14 |
| 23 | https://analytics.ne...sion%22%3A%220%22%7D | - | Lowest | 2.037 s | - | - | - | -1 ms | - | - | - | -1 | 85.13.152.180 |
| 24 | https://analytics.ne...sion%22%3A%220%22%7D | - | Lowest | 2.836 s | - | - | - | 282 ms | - | - | - | 204 | 85.13.152.180 |
| 25 | https://neuelandlust.../favicon/favicon.ico | image/x-icon | High | 8.875 s | - | - | - | 574 ms | 4 ms | 5.9 KB | - | 200 | 85.13.152.180 |
| 26 | https://neuelandlust...avicon/manifest.json | application/json | Medium | 9.473 s | - | 517 ms | 78 ms | 59 ms | 1 ms | 0.2 KB | - | 200 | 85.13.152.180 |
Request Headers
Request 1: https://neuelandlust.de/
URL: https://neuelandlust.de/
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://neuelandlust.de/
Request Start: 0.177 s
DNS Lookup: 44 ms
Initial Connection: 52 ms
Time to First Byte: 247 ms
Content Download: 27 ms
Bytes In (downloaded): 29.3 KB
Uncompressed Size: 142.6 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: neuelandlust.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="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
cache-control: max-age=1209600
content-encoding: br
content-type: text/html; charset=UTF-8
date: Mon, 02 Sep 2024 09:42:22 GMT
expires: Mon, 16 Sep 2024 09:42:22 GMT
server: Apache
vary: Cookie,Accept-Encoding,User-Agent
:status: 200
Request 2: https://neuelandlust.de/assets/css/tailwind.css
URL: https://neuelandlust.de/assets/css/tailwind.css
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 35
Request Start: 0.469 s
Time to First Byte: 204 ms
Content Download: 3 ms
Bytes In (downloaded): 6.2 KB
Uncompressed Size: 35.7 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/css/tailwind.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-encoding: br
content-length: 6298
content-type: text/css
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "8eb7-604cb80806c21-br"
expires: Wed, 02 Oct 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:25:41 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 3: https://neuelandlust.de/assets/icons/wuestenrot.svg
URL: https://neuelandlust.de/assets/icons/wuestenrot.svg
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 147, depends on 7, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 42
Request Start: 0.470 s
Time to First Byte: 350 ms
Content Download: 1 ms
Bytes In (downloaded): 4.9 KB
Uncompressed Size: 4.9 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/icons/wuestenrot.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
priority: i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-length: 4996
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "1384-604cb820306cd"
expires: Wed, 02 Oct 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:26:06 GMT
server: Apache
vary: User-Agent
:status: 200
Request 4: https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x610.webp
URL: https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x610.webp
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 183, depends on 3, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 313
Request Start: 0.470 s
Time to First Byte: 87 ms
Content Download: 104 ms
Bytes In (downloaded): 75.8 KB
Uncompressed Size: 75.8 KB
Bytes Out (uploaded): 2.2 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /media/assets/assets/charts/scrollytelling_1/1198847701-1694121934/wanderungssaldo-2018-2020-x610.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
priority: u=2, i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-length: 77578
content-type: image/webp
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "12f0a-604d3fb34cb4b"
expires: Wed, 02 Oct 2024 09:42:22 GMT
last-modified: Fri, 08 Sep 2023 07:32:39 GMT
server: Apache
vary: User-Agent
:status: 200
Request 5: https://neuelandlust.de/assets/charts/scrollytelling_1/wanderungssaldo_2018-2020_overlay.svg
URL: https://neuelandlust.de/assets/charts/scrollytelling_1/wanderungssaldo_2018-2020_overlay.svg
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 183, depends on 5, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 319
Request Start: 0.471 s
Time to First Byte: 203 ms
Content Download: 143 ms
Bytes In (downloaded): 81.3 KB
Uncompressed Size: 81.3 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/charts/scrollytelling_1/wanderungssaldo_2018-2020_overlay.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
priority: u=2, i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-length: 83272
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "14548-604cb801201f5"
expires: Wed, 02 Oct 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:25:33 GMT
server: Apache
vary: User-Agent
:status: 200
Request 6: https://neuelandlust.de/assets/icons/berlin-institut.svg
URL: https://neuelandlust.de/assets/icons/berlin-institut.svg
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 147, depends on 9, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 45
Request Start: 0.480 s
Time to First Byte: 339 ms
Content Download: 38 ms
Bytes In (downloaded): 19.7 KB
Uncompressed Size: 19.7 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/icons/berlin-institut.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
priority: i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-length: 20192
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "4ee0-604cb81fae8a2"
expires: Wed, 02 Oct 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:26:05 GMT
server: Apache
vary: User-Agent
:status: 200
Request 7: https://neuelandlust.de/assets/js/scrollama.min.js
URL: https://neuelandlust.de/assets/js/scrollama.min.js
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 147, depends on 11, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2970
Request Start: 0.513 s
Time to First Byte: 378 ms
Content Download: 2 ms
Bytes In (downloaded): 2.3 KB
Uncompressed Size: 8.0 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/js/scrollama.min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-length: 2386
content-type: application/javascript
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "1fd7-604cb823ac0b3-br"
expires: Mon, 16 Sep 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:26:10 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 8: https://neuelandlust.de/assets/js/alpine-collapse.min.js
URL: https://neuelandlust.de/assets/js/alpine-collapse.min.js
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 13, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2970
Request Start: 0.514 s
Time to First Byte: 344 ms
Content Download: 3 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 1.4 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/js/alpine-collapse.min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-length: 595
content-type: application/javascript
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "593-604cb822b3040-br"
expires: Mon, 16 Sep 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:26:09 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 9: https://neuelandlust.de/assets/js/alpine.min.js
URL: https://neuelandlust.de/assets/js/alpine.min.js
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2970
Request Start: 0.514 s
Time to First Byte: 346 ms
Content Download: 22 ms
Bytes In (downloaded): 13.5 KB
Uncompressed Size: 37.6 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/js/alpine.min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-length: 13841
content-type: application/javascript
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "963a-604cb82301246-br"
expires: Mon, 16 Sep 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:26:09 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 10: https://neuelandlust.de/assets/js/smooth-scroll.min.js
URL: https://neuelandlust.de/assets/js/smooth-scroll.min.js
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 17, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2971
Request Start: 0.514 s
Time to First Byte: 345 ms
Content Download: 28 ms
Bytes In (downloaded): 2.5 KB
Uncompressed Size: 6.4 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/js/smooth-scroll.min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-length: 2549
content-type: application/javascript
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "19a1-604cb823ef6d9-br"
expires: Mon, 16 Sep 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:26:10 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 11: https://neuelandlust.de/media/plugins/michnhokn/cookie-banner/cookie-modal.js
URL: https://neuelandlust.de/media/plugins/michnhokn/cookie-banner/cookie-modal.js
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 19, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2997
Request Start: 0.515 s
Time to First Byte: 344 ms
Content Download: 30 ms
Bytes In (downloaded): 1.6 KB
Uncompressed Size: 4.4 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /media/plugins/michnhokn/cookie-banner/cookie-modal.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-length: 1614
content-type: application/javascript
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "11c1-604c66f5b5a9c-br"
expires: Mon, 16 Sep 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 15:22:58 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 12: https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.js
URL: https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.js
Host: api.mapbox.com
IP: 13.224.189.14
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 183, depends on 0, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 3040
Request Start: 0.918 s
DNS Lookup: 96 ms
Initial Connection: 112 ms
Time to First Byte: 66 ms
Content Download: 794 ms
Bytes In (downloaded): 243.9 KB
Uncompressed Size: 913.8 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: api.mapbox.com
:method: GET
:path: /mapbox-gl-js/v2.8.1/mapbox-gl.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
access-control-allow-origin: *
age: 30547853
alt-svc: h3=":443"; ma=86400
cache-control: max-age=31536000
content-encoding: gzip
content-type: application/javascript; charset=utf-8
date: Thu, 14 Sep 2023 20:11:29 GMT
etag: "adae782a55dce1cb551a5f979d2fa26d"
last-modified: Wed Apr 13 2022 20:53:27 GMT+0000 (Coordinated Universal Time)
timing-allow-origin: *
vary: Accept-Encoding
via: 1.1 9e62923882d737ac8cd27f0d1b1c24ce.cloudfront.net (CloudFront)
x-amz-cf-id: ttHLhqR6TpraugqGVPJGK7-gX6MwWOUhe1R-9i_sq_8Ns5uZiMSFKQ==
x-amz-cf-pop: FRA2-C1
x-cache: Hit from cloudfront
x-powered-by: Express
:status: 200
Request 13: https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.css
URL: https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.css
Host: api.mapbox.com
IP: 13.224.189.14
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 183, depends on 1, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 3040
Request Start: 0.918 s
Time to First Byte: 864 ms
Content Download: 5 ms
Bytes In (downloaded): 4.7 KB
Uncompressed Size: 35.7 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: api.mapbox.com
:method: GET
:path: /mapbox-gl-js/v2.8.1/mapbox-gl.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
access-control-allow-origin: *
age: 30887584
alt-svc: h3=":443"; ma=86400
cache-control: max-age=31536000
content-encoding: gzip
content-type: text/css; charset=utf-8
date: Sun, 10 Sep 2023 21:49:18 GMT
etag: "6c12d1a1a17f372b89cbcdc8790876ed"
last-modified: Wed Apr 13 2022 20:53:31 GMT+0000 (Coordinated Universal Time)
timing-allow-origin: *
vary: Accept-Encoding
via: 1.1 9e62923882d737ac8cd27f0d1b1c24ce.cloudfront.net (CloudFront)
x-amz-cf-id: iNEzGf4lMT1b6iN8IOW6wUMukMlE4JQ1-_rc2gzR2wrx9WV294sWNQ==
x-amz-cf-pop: FRA2-C1
x-cache: Hit from cloudfront
x-powered-by: Express
:status: 200
Request 14: https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x610.webp
URL: https://neuelandlust.de/media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x610.webp
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2934
Request Start: 0.927 s
Time to First Byte: 99 ms
Content Download: 102 ms
Bytes In (downloaded): 72.7 KB
Uncompressed Size: 72.7 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /media/assets/assets/charts/scrollytelling_1/7232443-1694121933/wanderungssaldo-2008-2010-x610.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
priority: i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-length: 74434
content-type: image/webp
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "122c2-604d3fb36136c"
expires: Wed, 02 Oct 2024 09:42:22 GMT
last-modified: Fri, 08 Sep 2023 07:32:39 GMT
server: Apache
vary: User-Agent
:status: 200
Request 15: https://neuelandlust.de/assets/charts/scrollytelling_1/wanderungssaldo_2008-2010_overlay.svg
URL: https://neuelandlust.de/assets/charts/scrollytelling_1/wanderungssaldo_2008-2010_overlay.svg
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 147, depends on 23, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2934
Request Start: 0.931 s
Time to First Byte: 230 ms
Content Download: 182 ms
Bytes In (downloaded): 78.5 KB
Uncompressed Size: 78.5 KB
Bytes Out (uploaded): 2.1 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/charts/scrollytelling_1/wanderungssaldo_2008-2010_overlay.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
priority: i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-length: 80340
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "139d4-604cb7ffc2819"
expires: Wed, 02 Oct 2024 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:25:32 GMT
server: Apache
vary: User-Agent
:status: 200
Request 16: https://neuelandlust.de/assets/fonts/fira-sans-v16-latin-600.woff2
URL: https://neuelandlust.de/assets/fonts/fira-sans-v16-latin-600.woff2
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://neuelandlust.de/assets/css/tailwind.css
Request Start: 0.937 s
Time to First Byte: 430 ms
Content Download: 14 ms
Bytes In (downloaded): 23.0 KB
Uncompressed Size: 23.0 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/fonts/fira-sans-v16-latin-600.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://neuelandlust.de
priority: u=0
referer: https://neuelandlust.de/assets/css/tailwind.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=31536000
content-length: 23600
content-type: font/woff2
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "5c30-604cb81396c6c"
expires: Tue, 02 Sep 2025 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:25:53 GMT
server: Apache
:status: 200
Request 17: https://neuelandlust.de/assets/fonts/fira-sans-v16-latin-regular.woff2
URL: https://neuelandlust.de/assets/fonts/fira-sans-v16-latin-regular.woff2
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 256, depends on 27, EXCLUSIVE
Initiated By: https://neuelandlust.de/assets/css/tailwind.css
Request Start: 0.952 s
Time to First Byte: 460 ms
Content Download: 16 ms
Bytes In (downloaded): 22.1 KB
Uncompressed Size: 22.1 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/fonts/fira-sans-v16-latin-regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://neuelandlust.de
priority: u=0
referer: https://neuelandlust.de/assets/css/tailwind.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=31536000
content-length: 22592
content-type: font/woff2
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "5840-604cb81f2da18"
expires: Tue, 02 Sep 2025 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:26:05 GMT
server: Apache
:status: 200
Request 18: https://neuelandlust.de/assets/fonts/fira-sans-v16-latin-700.woff2
URL: https://neuelandlust.de/assets/fonts/fira-sans-v16-latin-700.woff2
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 256, depends on 29, EXCLUSIVE
Initiated By: https://neuelandlust.de/assets/css/tailwind.css
Request Start: 0.952 s
Time to First Byte: 497 ms
Content Download: 13 ms
Bytes In (downloaded): 23.2 KB
Uncompressed Size: 23.2 KB
Bytes Out (uploaded): 2.0 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/fonts/fira-sans-v16-latin-700.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://neuelandlust.de
priority: u=0
referer: https://neuelandlust.de/assets/css/tailwind.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=31536000
content-length: 23724
content-type: font/woff2
date: Mon, 02 Sep 2024 09:42:22 GMT
etag: "5cac-604cb816ea5b0"
expires: Tue, 02 Sep 2025 09:42:22 GMT
last-modified: Thu, 07 Sep 2023 21:25:56 GMT
server: Apache
:status: 200
Request 19: https://analytics.neuelandlust.de/matomo.js
URL: https://analytics.neuelandlust.de/matomo.js
Host: analytics.neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 2965 column 94
Request Start: 1.654 s
DNS Lookup: 279 ms
Initial Connection: 274 ms
Time to First Byte: 218 ms
Content Download: 8 ms
Bytes In (downloaded): 20.1 KB
Uncompressed Size: 64.3 KB
Bytes Out (uploaded): 1.7 KB
Request Headers:
:authority: analytics.neuelandlust.de
:method: GET
:path: /matomo.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
content-encoding: br
content-length: 20594
content-type: application/javascript
date: Mon, 02 Sep 2024 09:42:23 GMT
etag: "10132-5f067e1346ea9-br"
last-modified: Thu, 22 Dec 2022 10:10:34 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 20: https://neuelandlust.de/assets/json/gemeinden.json
URL: https://neuelandlust.de/assets/json/gemeinden.json
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://neuelandlust.de/assets/js/alpine.min.js
Request Start: 1.954 s
Time to First Byte: 6933 ms
Content Download: 599 ms
Bytes In (downloaded): 313.1 KB
Uncompressed Size: 809.0 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/json/gemeinden.json
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-type: application/json
date: Mon, 02 Sep 2024 09:42:23 GMT
etag: "ca3dd-604cb824e96ed-br"
expires: Mon, 16 Sep 2024 09:42:23 GMT
last-modified: Thu, 07 Sep 2023 21:26:11 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 21: https://neuelandlust.de/assets/img/map_blurred.png
URL: https://neuelandlust.de/assets/img/map_blurred.png
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 147, depends on 33, EXCLUSIVE
Initiated By: https://neuelandlust.de/ line 3042
Request Start: 1.956 s
Time to First Byte: 94 ms
Content Download: 6812 ms
Bytes In (downloaded): 3,957.3 KB
Uncompressed Size: 3,957.3 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/img/map_blurred.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
priority: i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=2592000
content-length: 4052301
content-type: image/png
date: Mon, 02 Sep 2024 09:42:23 GMT
etag: "3dd54d-604cb821fe591"
expires: Wed, 02 Oct 2024 09:42:23 GMT
last-modified: Thu, 07 Sep 2023 21:26:08 GMT
server: Apache
:status: 200
Request 22: https://api.mapbox.com/v4/neuelandlust.bqk9ec5n/tilequery/9.784490400119797,52.8295644202767.json?access_token=pk.eyJ1IjoibmV1ZWxhbmRsdXN0IiwiYSI6ImNsM29nYWtubDBtYnkzcG55NHY1ZXE0c3YifQ.oHunGmZZr0W9utD2PvZXAg
URL: https://api.mapbox.com/v4/neuelandlust.bqk9ec5n/tilequery/9.784490400119797,52.8295644202767.json?access_token=pk.eyJ1IjoibmV1ZWxhbmRsdXN0IiwiYSI6ImNsM29nYWtubDBtYnkzcG55NHY1ZXE0c3YifQ.oHunGmZZr0W9utD2PvZXAg
Host: api.mapbox.com
IP: 13.224.189.14
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://neuelandlust.de/assets/js/alpine.min.js
Request Start: 2.015 s
Time to First Byte: 482 ms
Content Download: 3 ms
Bytes In (downloaded): 0.7 KB
Uncompressed Size: 0.7 KB
Bytes Out (uploaded): 2.3 KB
Request Headers:
:authority: api.mapbox.com
:method: GET
:path: /v4/neuelandlust.bqk9ec5n/tilequery/9.784490400119797,52.8295644202767.json?access_token=pk.eyJ1IjoibmV1ZWxhbmRsdXN0IiwiYSI6ImNsM29nYWtubDBtYnkzcG55NHY1ZXE0c3YifQ.oHunGmZZr0W9utD2PvZXAg
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://neuelandlust.de
priority: u=1, i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
access-control-allow-origin: *
access-control-expose-headers: Link
alt-svc: h3=":443"; ma=86400
cache-control: s-maxage=300,max-age=43200,stale-while-revalidate=300,stale-if-error=600
content-length: 673
content-type: application/json; charset=utf-8
date: Mon, 02 Sep 2024 09:42:24 GMT
etag: "1535dab9c1ad9589ad6651336d63e693"
last-modified: Fri, 24 Jun 2022 14:39:26 GMT
timing-allow-origin: *
via: 1.1 69f13f852a135432abb1b7bfc5a8b420.cloudfront.net (CloudFront)
x-amz-cf-id: fRwQkAX8Ar40xbick4eb_75YQBlU01Ubdln6Lp_oyy_0G-0NfkE_eQ==
x-amz-cf-pop: FRA2-C1
x-cache: Miss from cloudfront
x-mapbox-region: eu-west-1
x-rate-limit-interval: 60
x-rate-limit-limit: 600
x-rate-limit-reset: 1725270204
Request 23: https://analytics.neuelandlust.de/matomo.php?action_name=Landlust%20neu%20vermessen%20%7C%20Berlin-Institut%20%26%20W%C3%BCstenrot%20Stiftung&idsite=1&rec=1&r=194996&h=9&m=42&s=23&url=https%3A%2F%2Fneuelandlust.de%2F&_id=&_idn=1&send_image=0&_refts=0&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200&pv_id=HC8Wx0&pf_net=165&pf_srv=247&pf_tfr=43&pf_dm1=1465&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22128.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22128.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D
URL: https://analytics.neuelandlust.de/matomo.php?action_name=Landlust%20neu%20vermessen%20%7C%20Berlin-Institut%20%26%20W%C3%BCstenrot%20Stiftung&idsite=1&rec=1&r=194996&h=9&m=42&s=23&url=https%3A%2F%2Fneuelandlust.de%2F&_id=&_idn=1&send_image=0&_refts=0&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200&pv_id=HC8Wx0&pf_net=165&pf_srv=247&pf_tfr=43&pf_dm1=1465&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22128.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22128.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D
Host: analytics.neuelandlust.de
IP: 85.13.152.180
Error/Status Code: -1
Priority: Lowest
Protocol: HTTP/2
Initiated By: https://analytics.neuelandlust.de/matomo.js line 35 column 250
Request Start: 2.037 s
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 4.2 KB
Request Headers:
:authority: analytics.neuelandlust.de
:method: POST
:path: /matomo.php?action_name=Landlust%20neu%20vermessen%20%7C%20Berlin-Institut%20%26%20W%C3%BCstenrot%20Stiftung&idsite=1&rec=1&r=194996&h=9&m=42&s=23&url=https%3A%2F%2Fneuelandlust.de%2F&_id=&_idn=1&send_image=0&_refts=0&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200&pv_id=HC8Wx0&pf_net=165&pf_srv=247&pf_tfr=43&pf_dm1=1465&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22128.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22128.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
content-type: application/x-www-form-urlencoded; charset=utf-8
origin: https://neuelandlust.de
priority: u=4, i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: no-cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
Request 24: https://analytics.neuelandlust.de/matomo.php?e_c=data-explorer&e_a=select&e_n=Osterheide&e_v=3358501&ca=1&idsite=1&rec=1&r=282063&h=9&m=42&s=23&url=https%3A%2F%2Fneuelandlust.de%2F&_id=&_idn=1&send_image=0&_refts=0&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200&pv_id=HC8Wx0&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22128.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22128.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D
URL: https://analytics.neuelandlust.de/matomo.php?e_c=data-explorer&e_a=select&e_n=Osterheide&e_v=3358501&ca=1&idsite=1&rec=1&r=282063&h=9&m=42&s=23&url=https%3A%2F%2Fneuelandlust.de%2F&_id=&_idn=1&send_image=0&_refts=0&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200&pv_id=HC8Wx0&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22128.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22128.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D
Host: analytics.neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 204
Priority: Lowest
Protocol: HTTP/2
Initiated By: https://analytics.neuelandlust.de/matomo.js line 35 column 250
Request Start: 2.836 s
Time to First Byte: 282 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 4.0 KB
Request Headers:
:authority: analytics.neuelandlust.de
:method: POST
:path: /matomo.php?e_c=data-explorer&e_a=select&e_n=Osterheide&e_v=3358501&ca=1&idsite=1&rec=1&r=282063&h=9&m=42&s=23&url=https%3A%2F%2Fneuelandlust.de%2F&_id=&_idn=1&send_image=0&_refts=0&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200&pv_id=HC8Wx0&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22128.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22128.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
content-type: application/x-www-form-urlencoded; charset=utf-8
origin: https://neuelandlust.de
priority: u=4, i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: no-cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
access-control-allow-credentials: true
access-control-allow-origin: https://neuelandlust.de
date: Mon, 02 Sep 2024 09:42:24 GMT
server: Apache
vary: User-Agent
Request 25: https://neuelandlust.de/assets/favicon/favicon.ico
URL: https://neuelandlust.de/assets/favicon/favicon.ico
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 220, depends on 33, EXCLUSIVE
Request Start: 8.875 s
Time to First Byte: 574 ms
Content Download: 4 ms
Bytes In (downloaded): 5.9 KB
Uncompressed Size: 14.7 KB
Bytes Out (uploaded): 1.9 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/favicon/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
priority: u=1, i
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-length: 6032
content-type: image/x-icon
date: Mon, 02 Sep 2024 09:42:30 GMT
etag: "3aee-604cb80a5f5b1-br"
expires: Mon, 16 Sep 2024 09:42:30 GMT
last-modified: Thu, 07 Sep 2023 21:25:43 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200
Request 26: https://neuelandlust.de/assets/favicon/manifest.json
URL: https://neuelandlust.de/assets/favicon/manifest.json
Host: neuelandlust.de
IP: 85.13.152.180
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 183, depends on 0, EXCLUSIVE
Request Start: 9.473 s
Initial Connection: 517 ms
Time to First Byte: 59 ms
Content Download: 1 ms
Bytes In (downloaded): 0.2 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 1.8 KB
Request Headers:
:authority: neuelandlust.de
:method: GET
:path: /assets/favicon/manifest.json
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://neuelandlust.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07
Response Headers:
accept-ranges: bytes
cache-control: max-age=1209600
content-encoding: br
content-length: 187
content-type: application/json
date: Mon, 02 Sep 2024 09:42:31 GMT
etag: "1e8-604cb80a9fcf6-br"
expires: Mon, 16 Sep 2024 09:42:31 GMT
last-modified: Thu, 07 Sep 2023 21:25:43 GMT
server: Apache
vary: Accept-Encoding,User-Agent
:status: 200