{"id":1130,"date":"2026-04-21T08:25:05","date_gmt":"2026-04-21T08:25:05","guid":{"rendered":"http:\/\/urban.test\/?page_id=1130"},"modified":"2026-05-08T11:44:57","modified_gmt":"2026-05-08T11:44:57","slug":"arten","status":"publish","type":"page","link":"https:\/\/urban.quattro.dev\/de\/arten\/","title":{"rendered":"Arten"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1130\" class=\"elementor elementor-1130 elementor-2196\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7034ef7 e-flex e-con-boxed e-con e-parent\" data-id=\"7034ef7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5826e98 e-con-full e-flex e-con e-child\" data-id=\"5826e98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a367da elementor-widget elementor-widget-heading\" data-id=\"0a367da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Urbane Vogelarten<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f72876e elementor-widget elementor-widget-text-editor\" data-id=\"f72876e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Entdecken Sie, wie wir urbane R\u00e4ume gestalten, um die Biodiversit\u00e4t zu f\u00f6rdern und Ihren Alltag zu verbessern.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3dcbb29 e-flex e-con-boxed e-con e-parent\" data-id=\"3dcbb29\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-170cd43 e-con-full e-flex e-con e-child\" data-id=\"170cd43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10e2291 elementor-widget elementor-widget-quattro-bird-list-filter-widget\" data-id=\"10e2291\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"quattro-bird-list-filter-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"bird-list-filter-wrapper qc:md:flex qc:md:flex-col qc:md:gap-8 qc:px-5 qc:md:px-6\" x-data=\"birdListFilter()\">\n    <div class=\"qc:inline-flex qc:flex-col qc:lg:flex-row qc:gap-4 qc:justify-between qc:lg:items-center\">\n        <h2 class=\"qc:text-urban-brown-100 qc:font-bold qc:lg:w-9\/10\">Entdecken Sie die verschiedenen Vogelarten Luxemburgs<\/h2>\n        <!-- Results Count -->\n        <span class=\"qc:text-lg qc:font-semibold qc:lg:text-right qc:shrink-0 qc:w-fit\" role=\"status\">\n            Ergebnisse            <span x-cloak x-show=\"visibleCount !== null\">(<span x-text=\"visibleCount\"><\/span>)<\/span>\n        <\/span>\n    <\/div>\n    \n    <div class=\"qc:flex qc:flex-col qc:lg:flex-row qc:gap-6\">\n                    <!-- Mobile Filter Button -->\n            <div class=\"qc:mb-4 qc:lg:hidden qc:text-center\">\n                <button type=\"button\"\n                        @click=\"toggleMobileFilters()\"\n                        :aria-expanded=\"showMobileFilters ? 'true' : 'false'\"\n                        aria-controls=\"quattro-bird-list-filter-widget-10e2291-mobile-filters\"\n                        class=\"qc-button-primary qc:cursor-pointer qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-brown-100 qc:bg-urban-green-100 qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:bg-white qc:[:focus:not(:disabled)]:bg-white qc:[:hover:not(:disabled)]:text-urban-brown-100 qc:[:focus:not(:disabled)]:text-urban-brown-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\">\n                    <span>Filter<\/span>\n                    <span x-cloak x-show=\"hasActiveFilters()\"\n                    class=\"qc:inline-flex qc:justify-center qc:w-2.5 qc:h-2.5 qc:bg-urban-brown-100 qc:text-white qc:rounded-full qc:text-xs\"><\/span>\n                <\/button>\n            <\/div>\n\n            <!-- Desktop Filters -->\n            <div class=\"bird-list-filters qc:hidden qc:lg:block qc:w-80 qc:w-max-80 qc:shrink-0\">\n                <div class=\"qc:mb-8 qc:bg-white qc:rounded-3xl qc:p-8\">\n                <span class=\"qc:inline-flex qc:items-center qc:gap-3\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M7.02 16a.97.97 0 0 1-.712-.287.97.97 0 0 1-.287-.713V9L.22 1.6Q-.154 1.1.108.55.371 0 1.021 0h14q.65 0 .912.55.263.55-.112 1.05L10.02 9v6q0 .424-.288.713A.97.97 0 0 1 9.02 16zm1-7.7L12.97 2h-9.9z\" fill=\"#482d1f\"\/>\n                    <\/svg>\n                    <span class=\"qc:text-xl qc:text-urban-brown-100 qc:font-bold\">Arten filtern nach:<\/span>\n                <\/span>\n                    <div class=\"qc:mt-6\">\n                                <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_size')\"\n                    :aria-expanded=\"openSections['urban_size'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-size\">\n                    <span>Gr\u00f6\u00dfen<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_size'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-size\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:gap-2\"\n                x-show=\"openSections['urban_size']\"\n                :aria-hidden=\"openSections['urban_size'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_size[]\"\n                                value=\"44\"\n                                data-taxonomy=\"urban_size\"\n                                data-term-slug=\"gross\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_size']\"\n                            \/>\n                            <span class=\"\">Gross (ab 60x60x60 cm)<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_size[]\"\n                                value=\"12\"\n                                data-taxonomy=\"urban_size\"\n                                data-term-slug=\"klein\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_size']\"\n                            \/>\n                            <span class=\"\">Klein (bis 30x30x30 cm)<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_size[]\"\n                                value=\"13\"\n                                data-taxonomy=\"urban_size\"\n                                data-term-slug=\"mittel\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_size']\"\n                            \/>\n                            <span class=\"\">Mittel (bis 60x60x60 cm)<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n                <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_location')\"\n                    :aria-expanded=\"openSections['urban_location'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-location\">\n                    <span>Lage<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_location'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-location\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:gap-2\"\n                x-show=\"openSections['urban_location']\"\n                :aria-hidden=\"openSections['urban_location'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_location[]\"\n                                value=\"14\"\n                                data-taxonomy=\"urban_location\"\n                                data-term-slug=\"aussenwand-von-gebauden\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_location']\"\n                            \/>\n                            <span class=\"\">Aussenwand von Geb\u00e4uden<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_location[]\"\n                                value=\"15\"\n                                data-taxonomy=\"urban_location\"\n                                data-term-slug=\"baum\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_location']\"\n                            \/>\n                            <span class=\"\">Baum<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_location[]\"\n                                value=\"40\"\n                                data-taxonomy=\"urban_location\"\n                                data-term-slug=\"innerhalb-von-gebaeuden\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_location']\"\n                            \/>\n                            <span class=\"\">Innerhalb von Geb\u00e4uden<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n                <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_food')\"\n                    :aria-expanded=\"openSections['urban_food'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-food\">\n                    <span>Nahrung<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_food'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-food\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:gap-2\"\n                x-show=\"openSections['urban_food']\"\n                :aria-hidden=\"openSections['urban_food'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_food[]\"\n                                value=\"7\"\n                                data-taxonomy=\"urban_food\"\n                                data-term-slug=\"bevorzugt-vegetarisch\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_food']\"\n                            \/>\n                            <span class=\"\">Bevorzugt vegetarisch<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_food[]\"\n                                value=\"8\"\n                                data-taxonomy=\"urban_food\"\n                                data-term-slug=\"insekten-und-oder-wuermer\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_food']\"\n                            \/>\n                            <span class=\"\">Insekten und\/oder W\u00fcrmer<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_food[]\"\n                                value=\"9\"\n                                data-taxonomy=\"urban_food\"\n                                data-term-slug=\"wirbeltiere\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_food']\"\n                            \/>\n                            <span class=\"\">Wirbeltiere (Nagetiere, V\u00f6gel etc.)<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n                <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_environment')\"\n                    :aria-expanded=\"openSections['urban_environment'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-environment\">\n                    <span>Standort<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_environment'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-desktop-urban-environment\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:gap-2\"\n                x-show=\"openSections['urban_environment']\"\n                :aria-hidden=\"openSections['urban_environment'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_environment[]\"\n                                value=\"5\"\n                                data-taxonomy=\"urban_environment\"\n                                data-term-slug=\"dorfrand\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_environment']\"\n                            \/>\n                            <span class=\"\">Dorfrand<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_environment[]\"\n                                value=\"4\"\n                                data-taxonomy=\"urban_environment\"\n                                data-term-slug=\"stadt-oder-dorfkern\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_environment']\"\n                            \/>\n                            <span class=\"\">Stadt- oder Dorfkern<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_environment[]\"\n                                value=\"6\"\n                                data-taxonomy=\"urban_environment\"\n                                data-term-slug=\"streuobstwiese-oder-andere-gruenflaechen\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-4 qc:h-4 qc:cursor-pointer\"\n                                x-model=\"filters['urban_environment']\"\n                            \/>\n                            <span class=\"\">Streuobstwiese oder andere Gr\u00fcnfl\u00e4chen<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n                                    <div class=\"qc:hidden\" :class=\"{ 'qc:hidden': !hasActiveFilters() }\">\n                <button type=\"button\"\n                @click=\"resetFilters()\"\n                class=\"qc-button-link qc:cursor-pointer qc:inline-flex qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:!underline qc:underline-offset-8 qc:decoration-2 qc:[:hover:not(:disabled)]:underline-offset-6 qc:[:focus:not(:disabled)]:underline-offset-6 qc:[:hover:not(:disabled)]:!decoration-2 qc:[:focus:not(:disabled)]:!decoration-2 qc:disabled:opacity-50 qc:transition-all\">\n            Filter zur\u00fccksetzen        <\/button>\n    <\/div>\n                        <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Mobile Filters Modal (Bottom Sheet) -->\n            <div x-cloak\n                x-show=\"showMobileFilters\"\n                @click.self=\"toggleMobileFilters()\"\n                @keydown.escape.window=\"showMobileFilters && toggleMobileFilters()\"\n                id=\"quattro-bird-list-filter-widget-10e2291-mobile-filters\"\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-labelledby=\"quattro-bird-list-filter-widget-10e2291-mobile-filters-title\"\n                class=\"qc:fixed qc:inset-0 qc:z-50 qc:lg:hidden\"\n                x-transition:enter=\"qc:transition-opacity qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0\"\n                x-transition:enter-end=\"qc:opacity-100\"\n                x-transition:leave=\"qc:transition-opacity qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100\"\n                x-transition:leave-end=\"qc:opacity-0\">\n                <!-- Backdrop -->\n                <div class=\"qc:absolute qc:inset-0 qc:bg-black qc:bg-opacity-50\"><\/div>\n\n                <!-- Bottom Sheet -->\n                <div class=\"qc:absolute qc:bottom-0 qc:left-0 qc:right-0 qc:bg-white qc:rounded-t-3xl qc:h-[95vh] qc:max-h-[95vh] qc:overflow-y-auto\"\n                    x-transition:enter=\"qc:transition-transform qc:duration-300\"\n                    x-transition:enter-start=\"qc:translate-y-full\"\n                    x-transition:enter-end=\"qc:translate-y-0\"\n                    x-transition:leave=\"qc:transition-transform qc:duration-300\"\n                    x-transition:leave-start=\"qc:translate-y-0\"\n                    x-transition:leave-end=\"qc:translate-y-full\">\n                    <div class=\"qc:p-6\">\n                        <!-- Header -->\n                        <div class=\"qc:flex qc:justify-between qc:items-center qc:mb-6\">\n                            <span class=\"qc:inline-flex qc:items-center qc:gap-3\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 17 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M7.02 16a.97.97 0 0 1-.712-.287.97.97 0 0 1-.287-.713V9L.22 1.6Q-.154 1.1.108.55.371 0 1.021 0h14q.65 0 .912.55.263.55-.112 1.05L10.02 9v6q0 .424-.288.713A.97.97 0 0 1 9.02 16zm1-7.7L12.97 2h-9.9z\" fill=\"#482d1f\"\/>\n                                <\/svg>\n                                <span id=\"quattro-bird-list-filter-widget-10e2291-mobile-filters-title\" class=\"qc:text-xl qc:font-bold\">Arten filtern nach:<\/span>\n                            <\/span>\n                            <button type=\"button\"\n                                    @click=\"toggleMobileFilters()\"\n                                    class=\"qc:p-2 qc:text-gray-500 qc:hover:text-black qc:cursor-pointer\">\n                                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\">\n                                    <path d=\"M6 18L18 6M6 6l12 12\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n\n                        <!-- Filter Content -->\n                        <div>\n                                    <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:text-xl qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_size')\"\n                    :aria-expanded=\"openSections['urban_size'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-size\">\n                    <span>Gr\u00f6\u00dfen<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_size'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-size\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:flex-wrap qc:gap-4!\"\n                x-show=\"openSections['urban_size']\"\n                :aria-hidden=\"openSections['urban_size'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_size[]\"\n                                value=\"44\"\n                                data-taxonomy=\"urban_size\"\n                                data-term-slug=\"gross\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_size']\"\n                            \/>\n                            <span class=\"\">Gross (ab 60x60x60 cm)<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_size[]\"\n                                value=\"12\"\n                                data-taxonomy=\"urban_size\"\n                                data-term-slug=\"klein\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_size']\"\n                            \/>\n                            <span class=\"\">Klein (bis 30x30x30 cm)<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_size[]\"\n                                value=\"13\"\n                                data-taxonomy=\"urban_size\"\n                                data-term-slug=\"mittel\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_size']\"\n                            \/>\n                            <span class=\"\">Mittel (bis 60x60x60 cm)<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n                <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:text-xl qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_location')\"\n                    :aria-expanded=\"openSections['urban_location'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-location\">\n                    <span>Lage<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_location'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-location\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:flex-wrap qc:gap-4!\"\n                x-show=\"openSections['urban_location']\"\n                :aria-hidden=\"openSections['urban_location'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_location[]\"\n                                value=\"14\"\n                                data-taxonomy=\"urban_location\"\n                                data-term-slug=\"aussenwand-von-gebauden\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_location']\"\n                            \/>\n                            <span class=\"\">Aussenwand von Geb\u00e4uden<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_location[]\"\n                                value=\"15\"\n                                data-taxonomy=\"urban_location\"\n                                data-term-slug=\"baum\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_location']\"\n                            \/>\n                            <span class=\"\">Baum<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_location[]\"\n                                value=\"40\"\n                                data-taxonomy=\"urban_location\"\n                                data-term-slug=\"innerhalb-von-gebaeuden\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_location']\"\n                            \/>\n                            <span class=\"\">Innerhalb von Geb\u00e4uden<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n                <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:text-xl qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_food')\"\n                    :aria-expanded=\"openSections['urban_food'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-food\">\n                    <span>Nahrung<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_food'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-food\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:flex-wrap qc:gap-4!\"\n                x-show=\"openSections['urban_food']\"\n                :aria-hidden=\"openSections['urban_food'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_food[]\"\n                                value=\"7\"\n                                data-taxonomy=\"urban_food\"\n                                data-term-slug=\"bevorzugt-vegetarisch\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_food']\"\n                            \/>\n                            <span class=\"\">Bevorzugt vegetarisch<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_food[]\"\n                                value=\"8\"\n                                data-taxonomy=\"urban_food\"\n                                data-term-slug=\"insekten-und-oder-wuermer\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_food']\"\n                            \/>\n                            <span class=\"\">Insekten und\/oder W\u00fcrmer<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_food[]\"\n                                value=\"9\"\n                                data-taxonomy=\"urban_food\"\n                                data-term-slug=\"wirbeltiere\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_food']\"\n                            \/>\n                            <span class=\"\">Wirbeltiere (Nagetiere, V\u00f6gel etc.)<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n                <fieldset class=\"bird-filter-fieldset qc:mb-5\">\n            <legend class=\"qc:mb-3 qc:w-full\">\n                <button\n                    type=\"button\"\n                    class=\"qc:text-xl qc:inline-flex qc:justify-between qc:items-center qc:w-full qc:text-black qc:font-semibold qc:text-left qc:cursor-pointer\"\n                    @click=\"toggleSection('urban_environment')\"\n                    :aria-expanded=\"openSections['urban_environment'] ? 'true' : 'false'\"\n                    aria-controls=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-environment\">\n                    <span>Standort<\/span>\n                    <svg class=\"bird-filter-toggle-icon qc:transition-transform qc:duration-300\"\n                        :class=\"{ 'qc:-rotate-180': !openSections['urban_environment'] }\"\n                        width=\"14\" height=\"11\" viewBox=\"0 0 14 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"m1 9.667 5.806-8 6.194 8\" stroke=\"#b9c20a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                    <\/svg>\n                <\/button>\n            <\/legend>\n            <ul id=\"quattro-bird-list-filter-widget-10e2291-mobile-urban-environment\"\n                class=\"qc:list-none qc:p-0 qc:m-0 qc:flex qc:flex-col qc:flex-wrap qc:gap-4!\"\n                x-show=\"openSections['urban_environment']\"\n                :aria-hidden=\"openSections['urban_environment'] ? 'false' : 'true'\"\n                x-transition:enter=\"qc:transition-all qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0 qc:max-h-0\"\n                x-transition:enter-end=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave=\"qc:transition-all qc:duration-300\"\n                x-transition:leave-start=\"qc:opacity-100 qc:max-h-screen\"\n                x-transition:leave-end=\"qc:opacity-0 qc:max-h-0\">\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_environment[]\"\n                                value=\"5\"\n                                data-taxonomy=\"urban_environment\"\n                                data-term-slug=\"dorfrand\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_environment']\"\n                            \/>\n                            <span class=\"\">Dorfrand<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_environment[]\"\n                                value=\"4\"\n                                data-taxonomy=\"urban_environment\"\n                                data-term-slug=\"stadt-oder-dorfkern\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_environment']\"\n                            \/>\n                            <span class=\"\">Stadt- oder Dorfkern<\/span>\n                        <\/label>\n                    <\/li>\n                                    <li class=\"qc:flex qc:items-center\">\n                        <label class=\"qc:flex qc:cursor-pointer qc:gap-2 qc:text-urban-black-50 qc:hover:text-urban-brown-100 qc:peer-has-checked:text-black\">\n                            <input\n                                type=\"checkbox\"\n                                name=\"filter_urban_environment[]\"\n                                value=\"6\"\n                                data-taxonomy=\"urban_environment\"\n                                data-term-slug=\"streuobstwiese-oder-andere-gruenflaechen\"\n                                class=\"bird-filter-checkbox qc:flex-shrink-0 qc:w-6 qc:h-6 qc:cursor-pointer\"\n                                x-model=\"filters['urban_environment']\"\n                            \/>\n                            <span class=\"\">Streuobstwiese oder andere Gr\u00fcnfl\u00e4chen<\/span>\n                        <\/label>\n                    <\/li>\n                            <\/ul>\n        <\/fieldset>\n        \n                                <div class=\"qc:flex qc:flex-col qc:gap-4\" x-show=\"hasActiveFilters()\">\n                    <button type=\"button\"\n                    @click=\"toggleMobileFilters()\"\n                    class=\"qc-button-primary qc:cursor-pointer qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-brown-100 qc:bg-urban-green-100 qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:bg-white qc:[:focus:not(:disabled)]:bg-white qc:[:hover:not(:disabled)]:text-urban-brown-100 qc:[:focus:not(:disabled)]:text-urban-brown-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\">\n                Filter anwenden            <\/button>\n                <button type=\"button\"\n                @click=\"resetFilters()\"\n                class=\"qc-button-link qc:cursor-pointer qc:inline-flex qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:!underline qc:underline-offset-8 qc:decoration-2 qc:[:hover:not(:disabled)]:underline-offset-6 qc:[:focus:not(:disabled)]:underline-offset-6 qc:[:hover:not(:disabled)]:!decoration-2 qc:[:focus:not(:disabled)]:!decoration-2 qc:disabled:opacity-50 qc:transition-all\">\n            Filter zur\u00fccksetzen        <\/button>\n    <\/div>\n                            <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        \n        <div class=\"qc:w-full qc:grow\">\n\n\n            <style>\n                [x-cloak] { display: none !important; }\n            <\/style>\n\n            <ul class=\"quattro-card-list-widget qc:grid qc:xs:grid-cols-[repeat(var(--grid-cols-mobile,1),1fr)] qc:md:grid-cols-[repeat(var(--grid-cols-tablet,1),1fr)] qc:lg:grid-cols-[repeat(var(--grid-cols-laptop,1),1fr)] qc:xl:grid-cols-[repeat(var(--grid-cols-default,1),1fr)] qc-p-0 qc-m-0\" style=\"--grid-cols-default: 3;--grid-cols-mobile: 2;--grid-cols-tablet: 3;--grid-cols-laptop: 2\">\n                                                                    <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"12\" data-terms-urban-location=\"14\" data-terms-urban-environment=\"5\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-5J1GHMij\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-bachstelze.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Bachstelze<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/bachstelze\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"13\" data-terms-urban-location=\"40\" data-terms-urban-environment=\"6\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-14ZJ8f8t\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-dohle.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Dohle<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/dohle\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"12\" data-terms-urban-location=\"15\" data-terms-urban-environment=\"5\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-92x7U9cc\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-gartenrotschwanz.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Gartenrotschwanz<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/gartenrotschwanz\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"12\" data-terms-urban-location=\"40\" data-terms-urban-environment=\"4\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-A8eNKPc2\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-hausrotschwanz.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Hausrotschwanz<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/hausrotschwanz\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"12\" data-terms-urban-location=\"15\" data-terms-urban-environment=\"4\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-mMvIXE5g\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-haussperling.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Haussperling<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/haussperling\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"13\" data-terms-urban-location=\"40\" data-terms-urban-environment=\"6\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-Wb1RdN5g\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-mauersegler.png\"\n            alt=\"\" \/>\n            <\/div>\n\n            <div class=\"qc:relative\">\n            <div class=\"qc:absolute qc:right-6 qc:h-full qc:flex qc:items-center\">\n                <div class=\"urban-player urban-player--compact\">\n<div class=\"urban-player-wrapper urban-player-component\" id=\"player-TcpWO9iD\">\n    <div class=\"urban-player-inner\">\n        <!-- Play\/Pause Button (inner circle) -->\n        <button class=\"urban-player-button qc:rounded-full qc:border-none qc:cursor-pointer qc:flex qc:items-center qc:justify-center qc:transition-all qc:duration-300\"\n                type=\"button\"\n                aria-label=\"Wiedergabe \/ Pause\"\n                aria-pressed=\"false\">\n\n            <!-- Play Icon -->\n            <svg class=\"urban-player-icon urban-player-icon-play\" width=\"18\" height=\"18\" viewBox=\"0 0 20 16\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M13.218 5.286a4.225 4.225 0 0 1 0 5.14m2.936 2.883a7.7 7.7 0 0 0 1.703-2.502 7.6 7.6 0 0 0 0-5.902 7.7 7.7 0 0 0-1.703-2.502m-7.3-.8a.6.6 0 0 0-.103-.335.61.61 0 0 0-.632-.256.6.6 0 0 0-.314.164l-2.954 2.9a1.22 1.22 0 0 1-.87.353H1.873a.88.88 0 0 0-.617.25.85.85 0 0 0-.256.607v5.14a.85.85 0 0 0 .256.607.88.88 0 0 0 .617.25H3.98a1.24 1.24 0 0 1 .87.354l2.953 2.9a.62.62 0 0 0 .67.131.6.6 0 0 0 .277-.223.6.6 0 0 0 .104-.336z\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n\n            <!-- Pause Icon -->\n            <svg class=\"urban-player-icon urban-player-icon-pause\" width=\"18\" height=\"18\" viewBox=\"0 0 11 15\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"display: none;\">\n                <path d=\"M1.5 1.5v12m8-12v12\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n            <\/svg>\n        <\/button>\n\n        <!-- Hidden Audio Element -->\n        <audio class=\"urban-player-audio qc:hidden\"\n                        preload=\"metadata\"\n            aria-label=\"Audioplayer\">\n            <source src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/09\/martinet-marco-schweitzer.mp3\" type=\"audio\/mpeg\">\n            Ihr Browser unterst\u00fctzt das Audio-Element nicht.        <\/audio>\n    <\/div>\n\n    <\/div>\n\n                        <!-- Copyright: toggletip opened by the \u00a9 button (compact player) -->\n            <button type=\"button\"\n                    class=\"urban-player-copyright-toggle\"\n                    aria-expanded=\"false\"\n                    aria-controls=\"player-TcpWO9iD-copyright\"\n                    aria-label=\"Copyright anzeigen\">\n                <span aria-hidden=\"true\">&copy;<\/span>\n            <\/button>\n            <div id=\"player-TcpWO9iD-copyright\" class=\"urban-player-copyright-tip\" hidden>\n                Marco Schweitzer            <\/div>\n            <\/div>\n            <\/div>\n        <\/div>\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Mauersegler<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Auch wenn sie vielen Menschen nur unbewusst auffallen, gibt es kaum eine Vogelart, die im Sommer so pr\u00e4sent ist wie der Mauersegler.                    <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/aigle\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"12\" data-terms-urban-location=\"14\" data-terms-urban-environment=\"6\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-zKIHzN05\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-mehlschwalbe.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Mehlschwalbe<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/mehlschwalbe\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"12\" data-terms-urban-location=\"14\" data-terms-urban-environment=\"5\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-l6jGSv4V\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-rauchschwalbe.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Rauchschwalbe<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/rauchschwalbe\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"44\" data-terms-urban-location=\"40\" data-terms-urban-environment=\"5\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-R6WGE2Y1\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-schleiereule.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Schleiereule<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/schleiereule\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"13\" data-terms-urban-location=\"15\" data-terms-urban-environment=\"5\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-SwvGRxwh\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-star.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Star<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/star\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"13\" data-terms-urban-location=\"15\" data-terms-urban-environment=\"5\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-64lXtEwK\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-steinkauz.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Steinkauz<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/steinkauz\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"44\" data-terms-urban-location=\"14\" data-terms-urban-environment=\"4\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-CcobXeJQ\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-turmfalke.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Turmfalke<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/turmfalke\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                                        <li class=\"quattro-card-list-widget-item bird-item qc:flex qc:w-full\"\n                        x-show=\"shouldShowBird($el)\"\n                        x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                        x-transition:enter-start=\"qc:opacity-0 qc:scale-95\"\n                        x-transition:enter-end=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave=\"qc:transition qc:ease-in qc:duration-200\"\n                        x-transition:leave-start=\"qc:opacity-100 qc:scale-100\"\n                        x-transition:leave-end=\"qc:opacity-0 qc:scale-95\"\n                         data-terms-urban-size=\"44\" data-terms-urban-location=\"14\" data-terms-urban-environment=\"4\">\n                        \n<div class=\"urban-card-widget species-card qc:bg-white qc:rounded-3xl qc:overflow-hidden urban-card-component\" id=\"card-R94YkHir\">\n        <div class=\"qc-img-wrapper qc:bg-urban-blue-100 qc:w-full qc:h-45\">\n                    <img decoding=\"async\" class=\"qc:w-full qc:h-full! qc:object-cover\"\n            src=\"https:\/\/urban.quattro.dev\/wp-content\/uploads\/2026\/05\/bird-wanderfalke.png\"\n            alt=\"\" \/>\n            <\/div>\n\n    \n    <div class=\"qc:px-8 qc:py-7 qc:flex qc:flex-col qc:gap-2\">\n        \n                    <h3 class=\"qc:text-urban-brown-100 qc:mb-2 qc:text-[16px]! qc:md:text-[21px]!\">Wanderfalke<\/h3>\n        \n                    <div class=\"qc:flex qc:flex-col qc:gap-4 urban-card-content\">\n                                    <p class=\"qc:line-clamp-2\">\n                        Der Gartenrotschwanz ist ein farbenpr\u00e4chtiger und zugleich anspruchsvoller Gartenvogel, der als typischer Vertreter halboffener Kulturlandschaften gilt.                     <\/p>\n                \n                                    <div>\n                        \n<a class=\"qc-button qc-button-secondary qc:items-center qc:justify-center qc:gap-2.5 qc:font-bold qc:text-urban-green-100 qc:bg-white qc:!no-underline qc:transition-all qc:disabled:bg-urban-black-40 qc:rounded-full qc:border-2 qc:border-urban-green-100 qc:[:hover:not(:disabled)]:text-white qc:[:focus:not(:disabled)]:text-white qc:[:hover:not(:disabled)]:bg-urban-green-100 qc:[:focus:not(:disabled)]:bg-urban-green-100 qc:inline-flex qc:px-4 qc:py-3 qc:text-sm\" href=\"https:\/\/urban.quattro.dev\/de\/birds\/wanderfalke\/\">\n    <span>Art anzeigen<\/span><\/a>                    <\/div>\n                            <\/div>\n            <\/div>\n<\/div>\n                    <\/li>\n                                        <\/ul>\n\n            <!-- No results message when filtering -->\n            <div x-show=\"visibleCount === 0 && hasActiveFilters()\"\n                x-transition:enter=\"qc:transition qc:ease-out qc:duration-300\"\n                x-transition:enter-start=\"qc:opacity-0\"\n                x-transition:enter-end=\"qc:opacity-100\"\n                class=\"qc:p-8 qc:text-center qc:text-gray-600\">\n                <p class=\"qc:text-xl qc:text-urban-brown-100 qc:font-bold\">\n                    Keine Ergebnisse f\u00fcr diese Kriterien gefunden.                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Urbane Vogelarten Entdecken Sie, wie wir urbane R\u00e4ume gestalten, um die Biodiversit\u00e4t zu f\u00f6rdern und Ihren Alltag zu verbessern. Entdecken Sie die verschiedenen Vogelarten Luxemburgs Results () Filter Filter species by: Environment Dorfrand Stadt- oder Dorfkern Streuobstwiese oder andere Gr\u00fcnfl\u00e4chen Foods Bevorzugt vegetarisch Insekten und\/oder W\u00fcrmer Wirbeltiere (Nagetiere, V\u00f6gel etc.) Locations Aussenwand von Geb\u00e4uden Baum [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1130","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/pages\/1130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/comments?post=1130"}],"version-history":[{"count":69,"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/pages\/1130\/revisions"}],"predecessor-version":[{"id":2138,"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/pages\/1130\/revisions\/2138"}],"wp:attachment":[{"href":"https:\/\/urban.quattro.dev\/de\/wp-json\/wp\/v2\/media?parent=1130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}