{"id":6729,"date":"2026-01-03T10:38:44","date_gmt":"2026-01-03T09:38:44","guid":{"rendered":"https:\/\/swisspunk.ch\/?page_id=6729"},"modified":"2026-04-28T14:28:45","modified_gmt":"2026-04-28T13:28:45","slug":"archive-suche","status":"publish","type":"page","link":"https:\/\/swisspunk.ch\/index.php\/archive-suche\/","title":{"rendered":"ARCHIV DB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6729\" class=\"elementor elementor-6729\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a5bada7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a5bada7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12575ae\" data-id=\"12575ae\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8b8e86c elementor-widget elementor-widget-html\" data-id=\"8b8e86c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \nELEMENTOR HTML WIDGET CODE\nCopy this entire code into an HTML widget in Elementor Pro\n\nThis widget code is self-contained and will work with the archiv-unified-search plugin.\nThe plugin automatically enqueues the required CSS and JS files.\n-->\n\n<!-- Statistics Block -->\n<!-- Use shortcode: [archiv_statistics] -->\n    <div id=\"archiv-statistics\" class=\"archiv-statistics-block\" style=\"background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); padding: 30px 40px; border-radius: 12px; margin-bottom: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); color: #ffffff;\">\n        <div class=\"stats-container\" style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 25px; margin-bottom: 30px;\">\n            <div class=\"stat-card\" style=\"background: rgba(40, 40, 40, 0.9); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center; transition: all 0.3s;\">\n                <span class=\"stat-number\" style=\"font-size: 36px; font-weight: 700; color: #667eea; margin-bottom: 8px; display: block;\">2'360<\/span>\n                <span class=\"stat-label\" style=\"font-size: 14px; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; letter-spacing: 1px; display: block;\">Konzerte<\/span>\n            <\/div>\n            <div class=\"stat-card\" style=\"background: rgba(40, 40, 40, 0.9); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center; transition: all 0.3s;\">\n                <span class=\"stat-number\" style=\"font-size: 36px; font-weight: 700; color: #667eea; margin-bottom: 8px; display: block;\">493<\/span>\n                <span class=\"stat-label\" style=\"font-size: 14px; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; letter-spacing: 1px; display: block;\">Bands \/ K\u00fcnstler<\/span>\n            <\/div>\n            <div class=\"stat-card\" style=\"background: rgba(40, 40, 40, 0.9); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 20px; text-align: center; transition: all 0.3s;\">\n                <span class=\"stat-number\" style=\"font-size: 36px; font-weight: 700; color: #667eea; margin-bottom: 8px; display: block;\">1'032<\/span>\n                <span class=\"stat-label\" style=\"font-size: 14px; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; letter-spacing: 1px; display: block;\">Aufnahmen<\/span>\n            <\/div>\n        <\/div>\n                <div class=\"stats-chart-container\" style=\"margin-top: 30px; padding-top: 30px; border-top: 2px solid rgba(255,255,255,0.1);\">\n            <div class=\"stats-chart-title\" style=\"font-size: 18px; font-weight: 600; color: #ffffff; margin-bottom: 20px; text-align: center;\">Aufnahmen nach Jahr<\/div>\n            <div class=\"stats-chart\" style=\"display: flex !important; align-items: flex-end !important; justify-content: space-around !important; gap: 6px !important; height: 250px !important; max-height: 250px !important; min-height: 250px !important; padding: 10px 10px 45px 10px !important; background: rgba(20, 20, 20, 0.6) !important; border-radius: 8px !important; box-sizing: border-box !important; overflow: visible !important;\">\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1977\" style=\"width: 70% !important; height: 5px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1977: 2 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">2<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1977<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1978\" style=\"width: 70% !important; height: 8px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1978: 5 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">5<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1978<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1979\" style=\"width: 70% !important; height: 33px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1979: 21 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">21<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1979<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1980\" style=\"width: 70% !important; height: 47px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1980: 30 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">30<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1980<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1981\" style=\"width: 70% !important; height: 66px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1981: 42 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">42<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1981<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1982\" style=\"width: 70% !important; height: 101px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1982: 64 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">64<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1982<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1983\" style=\"width: 70% !important; height: 115px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1983: 73 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">73<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1983<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1984\" style=\"width: 70% !important; height: 132px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1984: 84 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">84<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1984<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1985\" style=\"width: 70% !important; height: 151px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1985: 96 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">96<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1985<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1986\" style=\"width: 70% !important; height: 113px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1986: 72 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">72<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1986<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1987\" style=\"width: 70% !important; height: 173px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1987: 110 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">110<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1987<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1988\" style=\"width: 70% !important; height: 178px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1988: 113 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">113<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1988<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1989\" style=\"width: 70% !important; height: 195px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1989: 124 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">124<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1989<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1990\" style=\"width: 70% !important; height: 143px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1990: 91 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">91<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1990<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1991\" style=\"width: 70% !important; height: 82px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1991: 52 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">52<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1991<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1992\" style=\"width: 70% !important; height: 27px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1992: 17 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">17<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1992<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1993\" style=\"width: 70% !important; height: 5px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1993: 3 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">3<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1993<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1994\" style=\"width: 70% !important; height: 8px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1994: 5 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">5<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1994<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1995\" style=\"width: 70% !important; height: 5px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1995: 2 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">2<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1995<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1996\" style=\"width: 70% !important; height: 5px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1996: 2 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">2<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1996<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1997\" style=\"width: 70% !important; height: 5px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1997: 1 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">1<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1997<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"1998\" style=\"width: 70% !important; height: 5px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"1998: 3 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">3<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">1998<\/div>\n                <\/div>\n                                <div class=\"chart-bar-container\" style=\"flex: 1 1 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; height: 195px !important; max-height: 195px !important; min-height: 195px !important; min-width: 25px !important; max-width: 50px !important; position: relative !important;\">\n                    <div class=\"chart-bar archiv-year-filter\" data-year=\"2025\" style=\"width: 70% !important; height: 5px !important; min-height: 5px !important; max-height: 195px !important; background: linear-gradient(to top, #667eea, #764ba2) !important; background-color: #667eea !important; border-radius: 4px 4px 0 0 !important; position: relative !important; cursor: pointer !important; transition: all 0.2s !important; flex-shrink: 0 !important; flex-grow: 0 !important; display: block !important; margin: 0 !important; padding: 0 !important;\" title=\"2025: 3 Aufnahmen - Klicken zum Filtern\">\n                        <span class=\"chart-bar-value\" style=\"position: absolute; top: -25px; left: 50%; transform: translateX(-50%); font-size: 11px; color: #ffffff; font-weight: 600; opacity: 0; transition: opacity 0.3s; white-space: nowrap; background: rgba(0, 0, 0, 0.8); padding: 3px 6px; border-radius: 4px; z-index: 10; pointer-events: none;\">3<\/span>\n                    <\/div>\n                    <div class=\"chart-year-label\" style=\"font-size: 11px; color: rgba(255, 255, 255, 0.6); margin-top: 8px; text-align: center; white-space: nowrap; width: 100%; flex-shrink: 0;\">2025<\/div>\n                <\/div>\n                            <\/div>\n        <\/div>\n            <\/div>\n    <style>\n    \/* Lock chart to prevent collapsing *\/\n    #archiv-statistics .stats-chart {\n        height: 250px !important;\n        max-height: 250px !important;\n        min-height: 250px !important;\n        display: flex !important;\n        align-items: flex-end !important;\n    }\n    #archiv-statistics .chart-bar-container {\n        height: 195px !important;\n        max-height: 195px !important;\n        display: flex !important;\n        flex-direction: column !important;\n        justify-content: flex-end !important;\n    }\n    #archiv-statistics .chart-bar {\n        flex-shrink: 0 !important;\n        flex-grow: 0 !important;\n    }\n    .chart-bar:hover,\n    .archiv-year-filter:hover {\n        background: linear-gradient(to top, #764ba2, #667eea) !important;\n        opacity: 0.9;\n    }\n    .chart-bar:hover .chart-bar-value {\n        opacity: 1 !important;\n    }\n    .stat-card:hover {\n        transform: translateY(-5px) !important;\n        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;\n        border-color: #667eea !important;\n    }\n    <\/style>\n    \n\n<!-- Search Form -->\n<div class=\"archiv-search-form\">\n    <form id=\"archiv-unified-search-form\">\n        <!-- Type Selection (Dropdown) -->\n        <div class=\"search-row\">\n            <select name=\"type\" id=\"search-type\" class=\"elementor-field\">\n                <option value=\"all\">Alle<\/option>\n                <option value=\"albums\">Aufnahmen<\/option>\n                <option value=\"concerts\">Konzerte<\/option>\n            <\/select>\n            \n            <button type=\"submit\" class=\"elementor-button elementor-size-md\">\n                <i class=\"fas fa-search\"><\/i> Suchen\n            <\/button>\n        <\/div>\n        \n        <!-- Aufnahmen (Albums) Search Fields -->\n        <div id=\"albums-search-fields\" class=\"search-fields-group\">\n            <div class=\"search-row\">\n                <input type=\"text\" name=\"query\" id=\"search-query-albums\" placeholder=\"Generelles Suchfeld (Aufnahmen, Band, Info)\" class=\"elementor-field autocomplete-field\" data-autocomplete=\"none\">\n            <\/div>\n            <div class=\"search-filters\">\n                <input type=\"text\" name=\"artist\" id=\"search-artist-albums\" placeholder=\"K\u00fcnstler \/ Band\" class=\"elementor-field autocomplete-field\" data-autocomplete=\"artist\">\n                <input type=\"number\" name=\"year\" id=\"search-year-albums\" placeholder=\"Jahr\" min=\"1970\" max=\"2030\" class=\"elementor-field\">\n                <input type=\"text\" name=\"label\" id=\"search-label-albums\" placeholder=\"Record Label\" class=\"elementor-field autocomplete-field\" data-autocomplete=\"label\">\n            <\/div>\n        <\/div>\n        \n        <!-- Konzerte (Concerts) Search Fields -->\n        <div id=\"concerts-search-fields\" class=\"search-fields-group\" style=\"display: none;\">\n            <div class=\"search-row\">\n                <input type=\"text\" name=\"query\" id=\"search-query-concerts\" placeholder=\"Generelles Suchfeld (Band, Venue, Stadt)\" class=\"elementor-field autocomplete-field\" data-autocomplete=\"none\">\n            <\/div>\n            <div class=\"search-filters\">\n                <input type=\"text\" name=\"artist\" id=\"search-artist-concerts\" placeholder=\"Band\" class=\"elementor-field autocomplete-field\" data-autocomplete=\"artist\">\n                <input type=\"text\" name=\"venue\" id=\"search-venue-concerts\" placeholder=\"Venue\" class=\"elementor-field autocomplete-field\" data-autocomplete=\"venue\">\n                <input type=\"text\" name=\"city\" id=\"search-city-concerts\" placeholder=\"Stadt\" class=\"elementor-field autocomplete-field\" data-autocomplete=\"city\">\n                <input type=\"number\" name=\"year\" id=\"search-year-concerts\" placeholder=\"Jahr\" min=\"1970\" max=\"2030\" class=\"elementor-field\">\n                <select name=\"month\" id=\"search-month-concerts\" class=\"elementor-field\">\n                    <option value=\"\">Monat<\/option>\n                    <option value=\"1\">Januar<\/option>\n                    <option value=\"2\">Februar<\/option>\n                    <option value=\"3\">M\u00e4rz<\/option>\n                    <option value=\"4\">April<\/option>\n                    <option value=\"5\">Mai<\/option>\n                    <option value=\"6\">Juni<\/option>\n                    <option value=\"7\">Juli<\/option>\n                    <option value=\"8\">August<\/option>\n                    <option value=\"9\">September<\/option>\n                    <option value=\"10\">Oktober<\/option>\n                    <option value=\"11\">November<\/option>\n                    <option value=\"12\">Dezember<\/option>\n                <\/select>\n            <\/div>\n        <\/div>\n    <\/form>\n<\/div>\n\n<!-- Results Container -->\n<div id=\"archiv-search-results\" class=\"archiv-results-container\"><\/div>\n\n<!-- Details Container -->\n<div id=\"archiv-item-details\" class=\"archiv-details-container\"><\/div>\n\n<!-- \nNote: The CSS and JavaScript are automatically loaded by the plugin.\nIf you need to customize styles, you can add custom CSS in Elementor's\nCustom CSS section or in your theme's style.css\n--> \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AlleAufnahmenKonzerte Suchen MonatJanuarFebruarM\u00e4rzAprilMaiJuniJuliAugustSeptemberOktoberNovemberDezember<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6729","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/pages\/6729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/comments?post=6729"}],"version-history":[{"count":35,"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/pages\/6729\/revisions"}],"predecessor-version":[{"id":6827,"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/pages\/6729\/revisions\/6827"}],"wp:attachment":[{"href":"https:\/\/swisspunk.ch\/index.php\/wp-json\/wp\/v2\/media?parent=6729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}