{"id":1282,"date":"2024-05-23T16:50:39","date_gmt":"2024-05-23T14:50:39","guid":{"rendered":"https:\/\/up-vhs.ch.ownb.it\/projekte\/"},"modified":"2024-07-24T09:20:19","modified_gmt":"2024-07-24T07:20:19","slug":"projekte","status":"publish","type":"page","link":"https:\/\/www.up-vhs.ch\/it\/projekte\/","title":{"rendered":"Progetti"},"content":{"rendered":"<link data-name=\"until-sm\" rel=\"preload\" as=\"style\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-768x432.jpg\" media=\"(max-width: 767px) and (max-height: 432px) and (max-resolution: 1.999dppx)\">\n<link data-name=\"until-sm@2x\" rel=\"preload\" as=\"style\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-1536x864.jpg\" media=\"(max-width: 767px) and (max-height: 432px) and (min-resolution: 2dppx)\">\n<link data-name=\"until-xl\" rel=\"preload\" as=\"style\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-1400x788.jpg\" media=\"(max-width: 1399px) and (max-height: 787.5px) and (max-resolution: 1.999dppx)\">\n<link data-name=\"until-xl@2x\" rel=\"preload\" as=\"style\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-2800x1576.jpg\" media=\"(max-width: 1399px) and (max-height: 787.5px) and (min-resolution: 2dppx)\">\n<link data-name=\"until-3xl\" rel=\"preload\" as=\"style\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-1900x1069.jpg\" media=\"(max-width: 1899px) and (max-height: 1068.75px) and (max-resolution: 1.999dppx)\">\n<link data-name=\"until-3xl@2x\" rel=\"preload\" as=\"style\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-3800x2138.jpg\" media=\"(max-width: 1899px) and (max-height: 1068.75px) and (min-resolution: 2dppx)\">\n<link data-name=\"full\" rel=\"preload\" as=\"style\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero.jpg\" media=\"(min-width: 1900px)\">\n\n<div class=\"hero-section hero-is-image hero-size-default\" style=\"--hero-image-full: url('https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero.jpg'); --hero-image-aspect-ratio: 0.8; --hero-image-preview: url('data:image\/jpeg;base64,\/9j\/4AAQSkZJRgABAQEASABIAAD\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\/M7gz8TQrNGU0njTYNRM1TTWHNcI1\/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE\/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0\/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg\/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg\/aJZo7GlDaZpp8WpIap9q92tPa6dr\/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN\/hH\/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ\/opkisqLMIuWi\/yMY4zKjTGNmI3\/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ\/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln\/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum\/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7\/v3q\/9cBwwOzBZ8Hjwl\/C28NYw9TEUcTOxUvFyMZGxsPHQce\/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI\/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x\/nqegy6LzpRunQ6lvq5etw6\/vshu0R7ZzuKO6070DvzPBY8OXxcvH\/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x\/pX+uf7d\/wH\/Jj9Kf26\/kv+3P9t\/\/\/\/2wBDAAYEBAUEBAYFBQUGBgYHCQ4JCQgICRINDQoOFRIWFhUSFBQXGiEcFxgfGRQUHScdHyIjJSUlFhwpLCgkKyEkJST\/2wBDAQYGBgkICREJCREkGBQYJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCT\/wAARCAAkAEADASIAAhEBAxEB\/8QAGwAAAgIDAQAAAAAAAAAAAAAAAAcFBgECBAP\/xAAwEAACAQMDAwIEBQUBAAAAAAABAgMEBREAEiEGMUETURQiYXEHMoGRwUJSobHh0f\/EABoBAAMAAwEAAAAAAAAAAAAAAAIDBAABBQb\/xAAhEQACAwACAgIDAAAAAAAAAAABAgADEQQhEkExcQUiwf\/aAAwDAQACEQMRAD8ATTyCWhepbAqSRtZfPH\/Nb2qonLCKZWD4yARyfrqMtFurw8Tz1qwpCyyljhuR2AwedXKshWTZJNVfKwbbkYZ84Ax9PfUz\/kxSwCjYhuMHGGS3SfWU9juAZ2ZoAfTlUH5inGcHTxT8SulLPbIKyGSH0Au5pZFw6n2xySftpE1EHSD2m3zUwrWeohWKean\/ACwzDgu+7vk4GBjjVWWz3WrhWO5U03oK5EcbSBSftjOQe\/11VZzl8dPzF1cVlbo9RmdS9Zz9eXiovMaejS09IY6cSMMjLck88f8AdQXTNgW9zw3C4rTsjJ8KKeZgCy4HPjjdxjXLRdN9Qw29lkoxDQlDOFYgys+OFC5yfse2uiyXS6VFtaSloKhJE2rGaiIRmQjyMYwOwwPb668xaWd2fR3OimATWqtdvtl1ku0tMY5C0u5ozswfZV8\/caXl9o\/j4xWw+okRkdN0pOd24n388frpiVcFfekWSV5aeOmYl4VQlXZm\/uP5uCfPjURerkjQCnoKOFaemUbj8rbsdgvsec40dFhVh7P8mmEoFupruY1igpap9rFQEQnB8540xemrITTJJe46pXjhDxQTR43ZzkgNjPt\/rJ1vX\/HXWFJVnmb0tuxKJS0u3yCf41eehaFrhKI6u2VkRhgUCasOXbk9g2Tjk6ZfytXc7gA5Odae2VdgS4VscqVzJshpEhACe2AQSB9sa5en+l5aeZahBJLOx3hpTwn2Hg899X652uCgjilAV\/VkEI2qdwYgkZx44PP00egQvpI3pgj+nuf11JbfaVAIz6hA77kSKCV8NUVTOwzxnYv\/AL\/nXnVPFDGhjYoyjAlVeCBxgDz551Jmgjjf1WcSOD3bnWJKdZZMsm7HcNqHG3TC3Bgi\/uElbNcShWSanDO8TMCCnAGOMdsn9tVCttdXVVFRaqONtyxFgzjaZCG7DnA9tOOWahgk2PMisTtJzjb+o\/jSg\/EFDLdVMNznQOmWBAySWIAz7cZ5zrocNyx8cyAZv+Fc07dULH8RKqRoFwDjIOO+ne8zpftg7Gkxnzw50aNZzBlx+ov3Pevq5YKYsjDP1Gdbz0sUlGKhl+dDwB20aNbqG0ts2JCvVyLDIcAmM\/KTn6nWXneZFRjw4zkeO3b99GjUwEJviRV0ijWlqY1RVEHKYHOcE51RuoI4nE0kkSO7J6m8jBDbhyMfbRo02k\/tAn\/\/2Q=='); --hero-image-until-sm: url('https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-768x432.jpg'); --hero-image-until-sm-2x: url('https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-1536x864.jpg'); --hero-image-until-xl: url('https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-1400x788.jpg'); --hero-image-until-xl-2x: url('https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-2800x1576.jpg'); --hero-image-until-3xl: url('https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-1900x1069.jpg'); --hero-image-until-3xl-2x: url('https:\/\/www.up-vhs.ch\/wp-content\/uploads\/sample-hero-3800x2138.jpg'); --hero-image-position: 38.930885529158% 44.084628670121%\"\n>\n\t<div class=\"hero-media\">\n\t\t\t<div class=\"hero-logo-overlay-container\">\n\t\t\t\t<svg class=\"hero-logo-overlay-mask\" aria-hidden=\"true\" focusable=\"false\" width=\"576\" height=\"576\" viewBox=\"0 0 576 576\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<clipPath id=\"overlay-logo-16fc90428-2053-4737-b5a1-91ad0329b05b\" clipPathUnits=\"objectBoundingBox\">\n\t\t\t\t\t\t\t<path d=\"M0 1c.55229167 0 1-.44770833 1-1H.71875v.00223958c0 .3974132-.32159722.7197743-.71875.72097223V1Z\"><\/path>\n\t\t\t\t\t\t<\/clipPath>\n\t\t\t\t\t<\/defs>\n\t\t\t\t<\/svg>\n\t\t\t\t<div class=\"hero-logo-overlay hero-logo-overlay-1\" style=\"--width: 576px; --aspect-ratio: 576 \/ 576; --url: url(#overlay-logo-16fc90428-2053-4737-b5a1-91ad0329b05b)\"><\/div>\n\n\t\t\t\t<svg class=\"hero-logo-overlay-mask\" aria-hidden=\"true\" focusable=\"false\" width=\"906\" height=\"906\" viewBox=\"0 0 906 906\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<clipPath id=\"overlay-logo-26fc90428-2053-4737-b5a1-91ad0329b05b\" clipPathUnits=\"objectBoundingBox\">\n\t\t\t\t\t\t\t<path d=\"M1 0C.44771523 0 0 .44771523 0 1h.28125386C.28125166.99925607.28124945.99851214.28124945.99776821c0-.3974437.3215894-.71977594.71875055-.72097903V0Z\"><\/path>\n\t\t\t\t\t\t<\/clipPath>\n\t\t\t\t\t<\/defs>\n\t\t\t\t<\/svg>\n\t\t\t\t<div class=\"hero-logo-overlay hero-logo-overlay-2\" style=\"--width: 906px; --aspect-ratio: 906 \/ 906; --url: url(#overlay-logo-26fc90428-2053-4737-b5a1-91ad0329b05b)\"><\/div>\n\t\t\t<\/div>\n\n\t\t<div class=\"hero-content-wrapper\">\n\t\t\t<div class=\"hero-content\">\n\t\t\t\t<h1 class=\"hero-title\">\n\t\t\t\t\t<span class=\"headline-bg-wrapper-ghost\" aria-hidden=\"true\" data-content=\"Progetti\"><\/span><span class=\"headline-bg-wrapper\">Progetti<\/span>\n\t\t\t\t<\/h1>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"hero-scroll-indicator-wrapper\">\n\t\t\t<button class=\"hero-scroll-indicator\" aria-hidden=\"true\" tabindex=\"-1\">\n\t\t\t\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"22\" height=\"24\" viewBox=\"0 0 22 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m21.248 13.493-7.938 9.352a3.275 3.275 0 0 1-4.993 0L.378 13.493a1.606 1.606 0 1 1 2.457-2.07l6.373 7.505V1.605a1.605 1.605 0 0 1 3.21 0v17.323l6.35-7.506a1.616 1.616 0 1 1 2.48 2.071Z\" fill=\"currentColor\" fill-rule=\"nonzero\"><\/path><\/svg>\n\n\t\t\t\t<span class=\"sr-only\">Scorri gi\u00f9<\/span>\n\t\t\t<\/button>\n\t\t<\/div>\n\t\t<div class=\"hero-preview-wrapper loading\"><div class=\"hero-preview\"><\/div><\/div>\n\t\t<svg width=\"0\" height=\"0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\">\n\t\t\t<defs>\n\t\t\t\t<filter id=\"goo\">\n\t\t\t\t<feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"5\" result=\"blur\"><\/feGaussianBlur>\n\t\t\t\t<feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9\" result=\"goo\"><\/feColorMatrix>\n\t\t\t\t<feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\"><\/feComposite>\n\t\t\t\t<\/filter>\n\t\t\t<\/defs>\n\t\t<\/svg>\n\t<\/div>\n<\/div>\n<script>\nwindow.heroPageLoadTimestamp = Date.now()\n\n;(() => {\nconst previewElement = document.currentScript.previousElementSibling.querySelector('.hero-preview-wrapper')\nconst mediaElement = previewElement.closest('.hero-media')\nconst getUrl = () => getComputedStyle(mediaElement).backgroundImage\n\t.match(\/url\\(([\"']?)([^'\"]*?)\\1\\)\/)?.[2] ?? undefined\n\nlet isInitialLoad = true\nlet currentUrl = getUrl()\n\nconst reactToUrl = url => {\n\tif (!url) return\n\n\tpreviewElement.classList.add('loading')\n\n\tconst start = isInitialLoad ? window.heroPageLoadTimestamp : Date.now()\n\tconst image = new Image()\n\timage.src = url\n\timage.onload = () => {\n\t\tconst end = Date.now()\n\t\tconst duration = end - start\n\n\t\tlet loadingSpeed = 'instant'\n\t\tif (duration > 500) {\n\t\t\tloadingSpeed = 'fast'\n\t\t}\n\t\tif (duration > 1_500) {\n\t\t\tloadingSpeed = 'medium'\n\t\t}\n\t\tif (duration > 3_000) {\n\t\t\tloadingSpeed = 'slow'\n\t\t}\n\n\t\tpreviewElement.dataset.loadingSpeed = loadingSpeed\n\t\tpreviewElement.classList.remove('loading')\n\t}\n\n\tisInitialLoad = false\n}\nreactToUrl(currentUrl)\n\nconst observer = new ResizeObserver(() => {\n\tconst newUrl = getUrl()\n\tif (currentUrl !== newUrl) {\n\t\tcurrentUrl = newUrl\n\t\treactToUrl(currentUrl)\n\t}\n})\nobserver.observe(mediaElement)\n})()\n<\/script>\n<div class=\"breadcrumb-container\">\n\t<div class=\"container\">\n\t\t<nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n\t\t\t<ol>\n\t\t\t\t<li>\n\t\t\t\t\t<a href=\"https:\/\/www.up-vhs.ch\/it\/\" class=\"breadcrumb-link\">Pagina iniziale<\/a>\n\t\t\t\t<\/li>\n\t\t\t\t<li>\n\t\t\t\t\t<a href=\"https:\/\/www.up-vhs.ch\/it\/projekte\/\" class=\"breadcrumb-link\" aria-current=\"page\">Progetti<\/a>\n\t\t\t\t<\/li>\n\t\t\t<\/ol>\n\t\t<\/nav>\n\t<\/div>\n<\/div>\n\n<div\n\tclass=\"scrollable-section page-section layout-default align-default\"\n\tx-data=\"{\n\t\tscrollPositions: new Map(),\n\t\tget _matchingId() {\n\t\t\tlet firstItem = [...this.scrollPositions]\n\t\t\t\t.sort(([_1, a], [_2, b]) =&gt; a - b)\n\t\t\t\t.findLast(([_, position]) => position < 200)\n\t\t\treturn firstItem?.[0] ?? &quot;weiterbildung&quot;\n\t\t},\n\t\tmatchingId: &quot;weiterbildung&quot;,\n\t}\"\n\tx-init=\"$watch('_matchingId', (value, oldValue) =&gt; {\n\t\tif (value !== oldValue) {\n\t\t\t$data.matchingId = value\n\t\t}\n\t})\"\n>\n\t<div class=\"section-grid grid-layout container\">\n\t\t<div style=\"--grid-layout-index: 1; --col-xs: 12; --col-sm: 4; --col-md: 3; --col-lg: 3; --col-xl: 3\" class=\"section-item layout-default layout-margin-default\" x-ref=\"listWrapper\">\n\t\t\t<div class=\"scrollable-mobile-navigation\">\n\n<div class=\"accordion-wrapper\">\n\t<div class=\"accordion-group\"\n\t\tdata-reflect-hash=\"false\"\n\t\tdata-exclusive=\"true\"\n\t\tdata-style=\"cards\"\n\t>\n\n\n\n\n<div class=\"wpce-accordion accordion\">\n\t<div class=\"accordion-heading-wrapper\" role=\"heading\" aria-level=\"2\">\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclass=\"accordion-heading\"\n\t\t\tid=\"accordion-header-wpce-latte-69d70ccb93130-render-1\"\n\t\t\taria-controls=\"accordion-content-wpce-latte-69d70ccb93130-render-1\"\n\t\t>\n\t\t\tIndice\n\n\t\t\t<div class=\"accordion-icon-wrapper toggle-wrapper\">\n\t\t\t\t<svg class=\"toggle-icon\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t<g fill=\"currentColor\" fill-rule=\"evenodd\">\n\t\t\t\t\t\t<rect y=\"5\" width=\"12\" height=\"2\"><\/rect>\n\t\t\t\t\t\t<polygon class=\"toggle-icon-vertical\" points=\"7 0 7 12 5 12 5 0\"><\/polygon>\n\t\t\t\t\t<\/g>\n\t\t\t\t<\/svg>\n\t\t\t<\/div>\n\t\t<\/button>\n\t<\/div>\n\t<div\n\t\tclass=\"accordion-inner\"\n\t\tid=\"accordion-content-wpce-latte-69d70ccb93130-render-1\"\n\t\trole=\"region\"\n\t\taria-labelledby=\"accordion-header-wpce-latte-69d70ccb93130-render-1\"\n\t>\n\t\t\t\t\t\t<ul class=\"scrollable-mobile-summary\">\n\t\t\t\t\t\t\t\t<li class=\"scrollable-mobile-item\">\n\t\t\t\t\t\t\t\t\t<a href=\"#weiterbildung\">Weiterbildung 65+<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"scrollable-mobile-item\">\n\t\t\t\t\t\t\t\t\t<a href=\"#qualitaet\">Bildung &amp; Qualit\u00e4t<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"scrollable-mobile-item\">\n\t\t\t\t\t\t\t\t\t<a href=\"#digitalisierung\">Bildung &amp; Digitalisierung<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"scrollable-mobile-item\">\n\t\t\t\t\t\t\t\t\t<a href=\"#grundkompetenzen\">Grundkompetenzen<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"scrollable-mobile-item\">\n\t\t\t\t\t\t\t\t\t<a href=\"#nachhaltigkeit\">Nachhaltigkeit \u2013 Bildung 2030<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"scrollable-mobile-item\">\n\t\t\t\t\t\t\t\t\t<a href=\"#partnerschaften\">Partnerschaften<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"scrollable-mobile-item\">\n\t\t\t\t\t\t\t\t\t<a href=\"#fruehere\">Fr\u00fchere Projekte<\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t<\/div>\n<\/div>\n\t<\/div>\n<\/div>\n\t\t\t<\/div>\n\t\t\t<ul class=\"scrollable-summary\">\n\t\t\t\t\t<li\n\t\t\t\t\t\tx-data=\"{\n\t\t\t\t\t\t\tget isActive() {\n\t\t\t\t\t\t\t\treturn $breakpoints('sm') &#038;&#038; matchingId === &quot;weiterbildung&quot;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tx-init=\"$watch('isActive', (value, oldValue) =&gt; {\n\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\tlet rect = $el.getBoundingClientRect()\n\t\t\t\t\t\t\t\tlet containerStyle = getComputedStyle($refs.listWrapper)\n\t\t\t\t\t\t\t\tlet containerRect = $refs.listWrapper.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\tlet containerTop = containerRect.top + parseInt(containerStyle.paddingTop)\n\t\t\t\t\t\t\t\tlet containerHeight = containerRect.height - parseInt(containerStyle.paddingTop) - parseInt(containerStyle.paddingBottom)\n\n\t\t\t\t\t\t\t\tlet top = rect.top - containerTop\n\t\t\t\t\t\t\t\tlet bottom = top + rect.height\n\n\t\t\t\t\t\t\t\tlet scrollBehavior = matchMedia('(prefers-reduced-motion: reduce)')\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth'\n\n\t\t\t\t\t\t\t\tif (top < 0) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: top + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else if (bottom &gt; containerHeight) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: bottom - containerHeight + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\"\n\t\t\t\t\t\tclass=\"scrollable-item\"\n\t\t\t\t\t\t:class=\"{ active: $breakpoints('sm') &#038;&#038; matchingId === &quot;weiterbildung&quot; }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<a href=\"#weiterbildung\">Weiterbildung 65+<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li\n\t\t\t\t\t\tx-data=\"{\n\t\t\t\t\t\t\tget isActive() {\n\t\t\t\t\t\t\t\treturn $breakpoints('sm') &#038;&#038; matchingId === &quot;qualitaet&quot;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tx-init=\"$watch('isActive', (value, oldValue) =&gt; {\n\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\tlet rect = $el.getBoundingClientRect()\n\t\t\t\t\t\t\t\tlet containerStyle = getComputedStyle($refs.listWrapper)\n\t\t\t\t\t\t\t\tlet containerRect = $refs.listWrapper.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\tlet containerTop = containerRect.top + parseInt(containerStyle.paddingTop)\n\t\t\t\t\t\t\t\tlet containerHeight = containerRect.height - parseInt(containerStyle.paddingTop) - parseInt(containerStyle.paddingBottom)\n\n\t\t\t\t\t\t\t\tlet top = rect.top - containerTop\n\t\t\t\t\t\t\t\tlet bottom = top + rect.height\n\n\t\t\t\t\t\t\t\tlet scrollBehavior = matchMedia('(prefers-reduced-motion: reduce)')\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth'\n\n\t\t\t\t\t\t\t\tif (top < 0) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: top + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else if (bottom &gt; containerHeight) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: bottom - containerHeight + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\"\n\t\t\t\t\t\tclass=\"scrollable-item\"\n\t\t\t\t\t\t:class=\"{ active: $breakpoints('sm') &#038;&#038; matchingId === &quot;qualitaet&quot; }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<a href=\"#qualitaet\">Bildung &amp; Qualit\u00e4t<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li\n\t\t\t\t\t\tx-data=\"{\n\t\t\t\t\t\t\tget isActive() {\n\t\t\t\t\t\t\t\treturn $breakpoints('sm') &#038;&#038; matchingId === &quot;digitalisierung&quot;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tx-init=\"$watch('isActive', (value, oldValue) =&gt; {\n\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\tlet rect = $el.getBoundingClientRect()\n\t\t\t\t\t\t\t\tlet containerStyle = getComputedStyle($refs.listWrapper)\n\t\t\t\t\t\t\t\tlet containerRect = $refs.listWrapper.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\tlet containerTop = containerRect.top + parseInt(containerStyle.paddingTop)\n\t\t\t\t\t\t\t\tlet containerHeight = containerRect.height - parseInt(containerStyle.paddingTop) - parseInt(containerStyle.paddingBottom)\n\n\t\t\t\t\t\t\t\tlet top = rect.top - containerTop\n\t\t\t\t\t\t\t\tlet bottom = top + rect.height\n\n\t\t\t\t\t\t\t\tlet scrollBehavior = matchMedia('(prefers-reduced-motion: reduce)')\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth'\n\n\t\t\t\t\t\t\t\tif (top < 0) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: top + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else if (bottom &gt; containerHeight) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: bottom - containerHeight + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\"\n\t\t\t\t\t\tclass=\"scrollable-item\"\n\t\t\t\t\t\t:class=\"{ active: $breakpoints('sm') &#038;&#038; matchingId === &quot;digitalisierung&quot; }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<a href=\"#digitalisierung\">Bildung &amp; Digitalisierung<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li\n\t\t\t\t\t\tx-data=\"{\n\t\t\t\t\t\t\tget isActive() {\n\t\t\t\t\t\t\t\treturn $breakpoints('sm') &#038;&#038; matchingId === &quot;grundkompetenzen&quot;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tx-init=\"$watch('isActive', (value, oldValue) =&gt; {\n\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\tlet rect = $el.getBoundingClientRect()\n\t\t\t\t\t\t\t\tlet containerStyle = getComputedStyle($refs.listWrapper)\n\t\t\t\t\t\t\t\tlet containerRect = $refs.listWrapper.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\tlet containerTop = containerRect.top + parseInt(containerStyle.paddingTop)\n\t\t\t\t\t\t\t\tlet containerHeight = containerRect.height - parseInt(containerStyle.paddingTop) - parseInt(containerStyle.paddingBottom)\n\n\t\t\t\t\t\t\t\tlet top = rect.top - containerTop\n\t\t\t\t\t\t\t\tlet bottom = top + rect.height\n\n\t\t\t\t\t\t\t\tlet scrollBehavior = matchMedia('(prefers-reduced-motion: reduce)')\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth'\n\n\t\t\t\t\t\t\t\tif (top < 0) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: top + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else if (bottom &gt; containerHeight) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: bottom - containerHeight + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\"\n\t\t\t\t\t\tclass=\"scrollable-item\"\n\t\t\t\t\t\t:class=\"{ active: $breakpoints('sm') &#038;&#038; matchingId === &quot;grundkompetenzen&quot; }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<a href=\"#grundkompetenzen\">Grundkompetenzen<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li\n\t\t\t\t\t\tx-data=\"{\n\t\t\t\t\t\t\tget isActive() {\n\t\t\t\t\t\t\t\treturn $breakpoints('sm') &#038;&#038; matchingId === &quot;nachhaltigkeit&quot;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tx-init=\"$watch('isActive', (value, oldValue) =&gt; {\n\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\tlet rect = $el.getBoundingClientRect()\n\t\t\t\t\t\t\t\tlet containerStyle = getComputedStyle($refs.listWrapper)\n\t\t\t\t\t\t\t\tlet containerRect = $refs.listWrapper.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\tlet containerTop = containerRect.top + parseInt(containerStyle.paddingTop)\n\t\t\t\t\t\t\t\tlet containerHeight = containerRect.height - parseInt(containerStyle.paddingTop) - parseInt(containerStyle.paddingBottom)\n\n\t\t\t\t\t\t\t\tlet top = rect.top - containerTop\n\t\t\t\t\t\t\t\tlet bottom = top + rect.height\n\n\t\t\t\t\t\t\t\tlet scrollBehavior = matchMedia('(prefers-reduced-motion: reduce)')\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth'\n\n\t\t\t\t\t\t\t\tif (top < 0) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: top + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else if (bottom &gt; containerHeight) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: bottom - containerHeight + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\"\n\t\t\t\t\t\tclass=\"scrollable-item\"\n\t\t\t\t\t\t:class=\"{ active: $breakpoints('sm') &#038;&#038; matchingId === &quot;nachhaltigkeit&quot; }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<a href=\"#nachhaltigkeit\">Nachhaltigkeit \u2013 Bildung 2030<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li\n\t\t\t\t\t\tx-data=\"{\n\t\t\t\t\t\t\tget isActive() {\n\t\t\t\t\t\t\t\treturn $breakpoints('sm') &#038;&#038; matchingId === &quot;partnerschaften&quot;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tx-init=\"$watch('isActive', (value, oldValue) =&gt; {\n\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\tlet rect = $el.getBoundingClientRect()\n\t\t\t\t\t\t\t\tlet containerStyle = getComputedStyle($refs.listWrapper)\n\t\t\t\t\t\t\t\tlet containerRect = $refs.listWrapper.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\tlet containerTop = containerRect.top + parseInt(containerStyle.paddingTop)\n\t\t\t\t\t\t\t\tlet containerHeight = containerRect.height - parseInt(containerStyle.paddingTop) - parseInt(containerStyle.paddingBottom)\n\n\t\t\t\t\t\t\t\tlet top = rect.top - containerTop\n\t\t\t\t\t\t\t\tlet bottom = top + rect.height\n\n\t\t\t\t\t\t\t\tlet scrollBehavior = matchMedia('(prefers-reduced-motion: reduce)')\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth'\n\n\t\t\t\t\t\t\t\tif (top < 0) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: top + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else if (bottom &gt; containerHeight) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: bottom - containerHeight + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\"\n\t\t\t\t\t\tclass=\"scrollable-item\"\n\t\t\t\t\t\t:class=\"{ active: $breakpoints('sm') &#038;&#038; matchingId === &quot;partnerschaften&quot; }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<a href=\"#partnerschaften\">Partnerschaften<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t\t\t<li\n\t\t\t\t\t\tx-data=\"{\n\t\t\t\t\t\t\tget isActive() {\n\t\t\t\t\t\t\t\treturn $breakpoints('sm') &#038;&#038; matchingId === &quot;fruehere&quot;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\tx-init=\"$watch('isActive', (value, oldValue) =&gt; {\n\t\t\t\t\t\t\tif (value) {\n\t\t\t\t\t\t\t\tlet rect = $el.getBoundingClientRect()\n\t\t\t\t\t\t\t\tlet containerStyle = getComputedStyle($refs.listWrapper)\n\t\t\t\t\t\t\t\tlet containerRect = $refs.listWrapper.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\tlet containerTop = containerRect.top + parseInt(containerStyle.paddingTop)\n\t\t\t\t\t\t\t\tlet containerHeight = containerRect.height - parseInt(containerStyle.paddingTop) - parseInt(containerStyle.paddingBottom)\n\n\t\t\t\t\t\t\t\tlet top = rect.top - containerTop\n\t\t\t\t\t\t\t\tlet bottom = top + rect.height\n\n\t\t\t\t\t\t\t\tlet scrollBehavior = matchMedia('(prefers-reduced-motion: reduce)')\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth'\n\n\t\t\t\t\t\t\t\tif (top < 0) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: top + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else if (bottom &gt; containerHeight) {\n\t\t\t\t\t\t\t\t\t$refs.listWrapper.scrollTo({\n\t\t\t\t\t\t\t\t\t\ttop: bottom - containerHeight + $refs.listWrapper.scrollTop,\n\t\t\t\t\t\t\t\t\t\tbehavior: scrollBehavior,\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t})\"\n\t\t\t\t\t\tclass=\"scrollable-item\"\n\t\t\t\t\t\t:class=\"{ active: $breakpoints('sm') &#038;&#038; matchingId === &quot;fruehere&quot; }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<a href=\"#fruehere\">Fr\u00fchere Projekte<\/a>\n\t\t\t\t\t<\/li>\n\t\t\t<\/ul>\n\t\t<\/div>\n\n\t\t<div style=\"--grid-layout-index: 2; --col-xs: 12; --col-sm: 8; --col-md: 9; --col-lg: 9; --col-xl: 9\" class=\"section-item layout-default layout-margin-default scrollable-content\">\n\t\t\t<div class=\"column-content\">\n\t\t\t\t<a name=\"weiterbildung\" x-data='{ id: \"weiterbildung\", requested: false }' x-on:scroll.document.passive=\"!requested &amp;&amp; requestAnimationFrame(() =&gt; {\n\t\t\tlet scrollTop = $el.getBoundingClientRect().top;\n\t\t\t$data.scrollPositions.set(id, scrollTop);\n\t\t})\"><\/a><h2>Weiterbildung 65+<\/h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p><div class=\"buttons\">\n\t<div class=\"button-group\">\n\n\t\t\t<a href=\"#\" class=\"button style-default with-arrow\">\n\t\t\t\tMehr erfahren\n\t\t\t<\/a>\n\t<\/div>\n<\/div><a name=\"qualitaet\" x-data='{ id: \"qualitaet\", requested: false }' x-on:scroll.document.passive=\"!requested &amp;&amp; requestAnimationFrame(() =&gt; {\n\t\t\tlet scrollTop = $el.getBoundingClientRect().top;\n\t\t\t$data.scrollPositions.set(id, scrollTop);\n\t\t})\"><\/a><h2>Bildung &amp; Qualit&auml;t<\/h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p><div class=\"buttons\">\n\t<div class=\"button-group\">\n\n\t\t\t<a href=\"#\" class=\"button style-default with-arrow\">\n\t\t\t\tMehr erfahren\n\t\t\t<\/a>\n\t<\/div>\n<\/div><a name=\"digitalisierung\" x-data='{ id: \"digitalisierung\", requested: false }' x-on:scroll.document.passive=\"!requested &amp;&amp; requestAnimationFrame(() =&gt; {\n\t\t\tlet scrollTop = $el.getBoundingClientRect().top;\n\t\t\t$data.scrollPositions.set(id, scrollTop);\n\t\t})\"><\/a><h2>Digitalisierung<\/h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p><div class=\"buttons\">\n\t<div class=\"button-group\">\n\n\t\t\t<a href=\"#\" class=\"button style-default with-arrow\">\n\t\t\t\tMehr erfahren\n\t\t\t<\/a>\n\t<\/div>\n<\/div><a name=\"grundkompetenzen\" x-data='{ id: \"grundkompetenzen\", requested: false }' x-on:scroll.document.passive=\"!requested &amp;&amp; requestAnimationFrame(() =&gt; {\n\t\t\tlet scrollTop = $el.getBoundingClientRect().top;\n\t\t\t$data.scrollPositions.set(id, scrollTop);\n\t\t})\"><\/a><h2>Grundkompetenzen<\/h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p><div class=\"buttons\">\n\t<div class=\"button-group\">\n\n\t\t\t<a href=\"#\" class=\"button style-default with-arrow\">\n\t\t\t\tMehr erfahren\n\t\t\t<\/a>\n\t<\/div>\n<\/div><a name=\"nachhaltigkeit\" x-data='{ id: \"nachhaltigkeit\", requested: false }' x-on:scroll.document.passive=\"!requested &amp;&amp; requestAnimationFrame(() =&gt; {\n\t\t\tlet scrollTop = $el.getBoundingClientRect().top;\n\t\t\t$data.scrollPositions.set(id, scrollTop);\n\t\t})\"><\/a><h2>Bildung und Nachhaltigkeit<\/h2><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p><div class=\"buttons\">\n\t<div class=\"button-group\">\n\n\t\t\t<a href=\"#\" class=\"button style-default with-arrow\">\n\t\t\t\tMehr erfahren\n\t\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"file-download-wrap\" data-files=\"3\">\n\n\n\n\n\t<a class=\"card can-hover with-border\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/ownbit-sign.svg\" download>\n\t\t<div class=\"card-inner\">\n\t\t\t\t<div class=\"file-item\">\n\t\t\t\t\t<span>Datei 1<\/span>\n\t\t\t\t\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.1 8.5c.5 0 .9.4.9.8V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9.3a.9.9 0 0 1 1.8 0V12c0 .1 0 .2.2.3h10l.3-.3V9.3c0-.4.3-.8.8-.8ZM7 0c.5 0 .9.4.9.9v8l1.6-1.7a.9.9 0 1 1 1.2 1.3L9 10.3l-.2.2c-1 .8-2.6.8-3.5-.2l-2-1.8a.9.9 0 0 1 1.3-1.3l1.6 1.6v-8c0-.4.4-.8.9-.8Z\" fill=\"currentColor\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/a>\n\n\n\n\n\n\t<a class=\"card can-hover with-border\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/ownbit-sign.svg\" download>\n\t\t<div class=\"card-inner\">\n\t\t\t\t<div class=\"file-item\">\n\t\t\t\t\t<span>Datei 2<\/span>\n\t\t\t\t\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.1 8.5c.5 0 .9.4.9.8V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9.3a.9.9 0 0 1 1.8 0V12c0 .1 0 .2.2.3h10l.3-.3V9.3c0-.4.3-.8.8-.8ZM7 0c.5 0 .9.4.9.9v8l1.6-1.7a.9.9 0 1 1 1.2 1.3L9 10.3l-.2.2c-1 .8-2.6.8-3.5-.2l-2-1.8a.9.9 0 0 1 1.3-1.3l1.6 1.6v-8c0-.4.4-.8.9-.8Z\" fill=\"currentColor\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/a>\n\n\n\n\n\n\t<a class=\"card can-hover with-border\" href=\"https:\/\/www.up-vhs.ch\/wp-content\/uploads\/ownbit-sign.svg\" download>\n\t\t<div class=\"card-inner\">\n\t\t\t\t<div class=\"file-item\">\n\t\t\t\t\t<span>Datei 3<\/span>\n\t\t\t\t\t<svg aria-hidden=\"true\" focusable=\"false\" width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M13.1 8.5c.5 0 .9.4.9.8V12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9.3a.9.9 0 0 1 1.8 0V12c0 .1 0 .2.2.3h10l.3-.3V9.3c0-.4.3-.8.8-.8ZM7 0c.5 0 .9.4.9.9v8l1.6-1.7a.9.9 0 1 1 1.2 1.3L9 10.3l-.2.2c-1 .8-2.6.8-3.5-.2l-2-1.8a.9.9 0 0 1 1.3-1.3l1.6 1.6v-8c0-.4.4-.8.9-.8Z\" fill=\"currentColor\"><\/path><\/svg>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/a>\n\n<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Progetti Scorri gi\u00f9 Pagina iniziale Progetti Indice Weiterbildung 65+ Bildung &amp; Qualit\u00e4t Bildung &amp; Digitalisierung Grundkompetenzen Nachhaltigkeit \u2013 Bildung 2030 Partnerschaften Fr\u00fchere Projekte Weiterbildung 65+ Bildung &amp; Qualit\u00e4t Bildung &amp; Digitalisierung Grundkompetenzen Nachhaltigkeit \u2013 Bildung 2030 Partnerschaften Fr\u00fchere Projekte Weiterbildung 65+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut [&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,"inline_featured_image":false,"footnotes":""},"class_list":["post-1282","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.up-vhs.ch\/it\/wp-json\/wp\/v2\/pages\/1282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.up-vhs.ch\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.up-vhs.ch\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.up-vhs.ch\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.up-vhs.ch\/it\/wp-json\/wp\/v2\/comments?post=1282"}],"version-history":[{"count":0,"href":"https:\/\/www.up-vhs.ch\/it\/wp-json\/wp\/v2\/pages\/1282\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.up-vhs.ch\/it\/wp-json\/wp\/v2\/media?parent=1282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}