{"id":21814,"date":"2022-08-31T17:46:30","date_gmt":"2022-08-31T15:46:30","guid":{"rendered":"https:\/\/mokaefti.ch\/news\/"},"modified":"2025-11-08T08:41:25","modified_gmt":"2025-11-08T07:41:25","slug":"news","status":"publish","type":"page","link":"https:\/\/mokaefti.ch\/de\/news\/","title":{"rendered":"NEWS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21814\" class=\"elementor elementor-21814 elementor-848\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-57e7fdce elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"57e7fdce\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-2113429\" data-id=\"2113429\" 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<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-inner-section elementor-element elementor-element-2196a5ee elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"2196a5ee\" 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-inner-column elementor-element elementor-element-6a3025ae\" data-id=\"6a3025ae\" 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-11dfa359 elementor-hidden-phone elementor-widget elementor-widget-spacer\" data-id=\"11dfa359\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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 class=\"elementor-element elementor-element-2e63ce4 elementor-widget elementor-widget-html\" data-id=\"2e63ce4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<center><!-- Pulsante rotondo -->\r\n<a href=\"https:\/\/mokaefti.ch\/de\/sonderoeffnungszeiten-und-schliessungen\/\" id=\"apriModaleConPagina\" class=\"mio-bottone-modale\" role=\"button\" aria-haspopup=\"dialog\" aria-controls=\"mioModalePagina\" aria-label=\"Apri informazioni su aperture e chiusure straordinarie\">\r\n  <i class=\"fas fa-bell\" aria-hidden=\"true\"><\/i>\r\n<\/a>\r\n\r\n<!-- Modale nascosto (no flicker) -->\r\n<div id=\"mioModalePagina\" class=\"modale-overlay-pagina\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"titoloModalePagina\" hidden=\"\">\r\n  <div class=\"modale-contenuto-pagina\" role=\"document\">\r\n    <!-- Pulsante Chiudi pi\u00f9 visibile -->\r\n    <button type=\"button\" class=\"modale-chiudi-pagina\" aria-label=\"Chiudi modale\">\r\n      <span class=\"chiudi-testo\">Schlie\u00dfen<\/span>\r\n      <span aria-hidden=\"true\" class=\"chiudi-icona\">\u2715<\/span>\r\n    <\/button>\r\n\r\n    <h2 id=\"titoloModalePagina\" class=\"sr-only\">Sonder\u00f6ffnungszeiten und Schlie\u00dfungen<\/h2>\r\n\r\n    <!-- Spinner di caricamento -->\r\n    <div class=\"modale-loading\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\">\r\n      <div class=\"spinner\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"loading-text\">Laden\u2026<\/div>\r\n    <\/div>\r\n\r\n    <iframe id=\"iframeModale\" title=\"Inhalt: Sonder\u00f6ffnungszeiten und Schlie\u00dfungen\" src=\"\" loading=\"lazy\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .sr-only {\r\n    position: absolute !important;\r\n    width: 1px; height: 1px;\r\n    padding: 0; margin: -1px;\r\n    overflow: hidden; clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap; border: 0;\r\n  }\r\n  .modale-overlay-pagina[hidden] { display: none !important; }\r\n  body.no-scroll { overflow: hidden; }\r\n\r\n  \/* === BOTTONE ICONA TONDO (apertura) === *\/\r\n  .mio-bottone-modale {\r\n    display: flex; justify-content: center; align-items: center;\r\n    width: 50px; height: 50px; border-radius: 50%;\r\n    background-color: #444; text-decoration: none; cursor: pointer;\r\n    box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n    transition: background-color 0.3s ease, transform 0.3s ease;\r\n  }\r\n  .mio-bottone-modale:hover { background-color: #e74c3c; transform: scale(1.1); }\r\n  .mio-bottone-modale i { color: #fff; font-size: 22px; }\r\n\r\n  \/* === OVERLAY MODALE === *\/\r\n  .modale-overlay-pagina {\r\n    position: fixed; z-index: 9999; inset: 0;\r\n    width: 100%; height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.7);\r\n    display: flex; justify-content: center; align-items: center;\r\n    opacity: 0; visibility: hidden;\r\n    transition: opacity 0.4s ease, visibility 0.4s ease;\r\n  }\r\n  .modale-overlay-pagina.attivo { opacity: 1; visibility: visible; }\r\n\r\n  .modale-contenuto-pagina {\r\n    background-color: #fff; border-radius: 12px;\r\n    box-shadow: 0 5px 25px rgba(0,0,0,0.3);\r\n    position: relative; width: 90%; height: 85%; max-width: 1200px;\r\n    display: flex; flex-direction: column;\r\n    overflow: hidden; transform: scale(0.96);\r\n    transition: transform 0.4s ease;\r\n  }\r\n  .modale-overlay-pagina.attivo .modale-contenuto-pagina { transform: scale(1); }\r\n\r\n  \/* === PULSANTE CHIUDI (molto visibile) === *\/\r\n  .modale-chiudi-pagina {\r\n    position: absolute; top: 10px; right: 10px;\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    padding: 10px 16px;\r\n    background: #e74c3c; color: #fff; font-weight: 700;\r\n    border: none; border-radius: 999px; cursor: pointer;\r\n    box-shadow: 0 6px 18px rgba(231,76,60,0.45);\r\n    font-size: 15px; line-height: 1; letter-spacing: .02em;\r\n    transition: transform .15s ease, box-shadow .15s ease;\r\n  }\r\n  .modale-chiudi-pagina:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(231,76,60,0.55); }\r\n  .modale-chiudi-pagina:active { transform: translateY(0); }\r\n  .modale-chiudi-pagina:focus-visible {\r\n    outline: 3px solid #ffdada; outline-offset: 3px;\r\n  }\r\n  .modale-chiudi-pagina .chiudi-icona { font-size: 18px; }\r\n  .modale-chiudi-pagina .chiudi-testo { font-size: 15px; }\r\n\r\n  \/* Mobile: se lo spazio \u00e8 stretto, rendi pi\u00f9 compatto *\/\r\n  @media (max-width: 480px) {\r\n    .modale-chiudi-pagina { padding: 8px 12px; font-size: 14px; }\r\n    .modale-chiudi-pagina .chiudi-icona { font-size: 16px; }\r\n  }\r\n\r\n  \/* === SPINNER & OVERLAY DI CARICAMENTO === *\/\r\n  .modale-loading {\r\n    position: absolute; inset: 0;\r\n    display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n    gap: 12px;\r\n    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.92));\r\n    z-index: 5;\r\n    opacity: 0; visibility: hidden;\r\n    transition: opacity .25s ease, visibility .25s ease;\r\n  }\r\n  .modale-loading.visibile { opacity: 1; visibility: visible; }\r\n\r\n  .spinner {\r\n    width: 44px; height: 44px;\r\n    border: 4px solid rgba(0,0,0,.1);\r\n    border-top-color: #e74c3c;\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n  }\r\n  .loading-text { font-weight: 600; color: #333; }\r\n  @keyframes spin { to { transform: rotate(360deg); } }\r\n\r\n  \/* Iframe *\/\r\n  #iframeModale { width: 100%; height: 100%; border: none; flex-grow: 1; }\r\n\r\n  \/* Riduci animazioni se prefers-reduced-motion *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .mio-bottone-modale,\r\n    .modale-overlay-pagina,\r\n    .modale-contenuto-pagina,\r\n    .modale-chiudi-pagina,\r\n    .modale-loading {\r\n      transition: none !important;\r\n    }\r\n    .spinner { animation: none !important; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const linkApriModale = document.getElementById('apriModaleConPagina');\r\n  const modale = document.getElementById('mioModalePagina');\r\n  const contenuto = modale ? modale.querySelector('.modale-contenuto-pagina') : null;\r\n  const iframe = document.getElementById('iframeModale');\r\n  const bottoneChiudi = modale ? modale.querySelector('.modale-chiudi-pagina') : null;\r\n  const loading = modale ? modale.querySelector('.modale-loading') : null;\r\n\r\n  let ultimoFocus = null;\r\n  let spinnerTimeout = null; \/\/ fallback timeout\r\n\r\n  const selettoriFocus = [\r\n    'a[href]', 'area[href]', 'input:not([disabled]):not([type=\"hidden\"])',\r\n    'select:not([disabled])', 'textarea:not([disabled])',\r\n    'button:not([disabled])', 'iframe', 'object', 'embed',\r\n    '[contenteditable]', '[tabindex]:not([tabindex^=\"-\"])'\r\n  ].join(',');\r\n\r\n  function getElementiFocalizzabili() {\r\n    return contenuto ? Array.from(contenuto.querySelectorAll(selettoriFocus))\r\n                     .filter(el => el.offsetParent !== null) : [];\r\n  }\r\n\r\n  function mostraSpinner() {\r\n    if (loading) loading.classList.add('visibile');\r\n    \/\/ Fallback: se per qualche motivo l'iframe non emette 'load', togli lo spinner dopo 12s\r\n    spinnerTimeout = setTimeout(() => {\r\n      if (loading) loading.classList.remove('visibile');\r\n    }, 12000);\r\n  }\r\n\r\n  function nascondiSpinner() {\r\n    if (loading) loading.classList.remove('visibile');\r\n    if (spinnerTimeout) { clearTimeout(spinnerTimeout); spinnerTimeout = null; }\r\n  }\r\n\r\n  function apriModale(event) {\r\n    if (event) event.preventDefault();\r\n    ultimoFocus = document.activeElement;\r\n\r\n    \/\/ Mostra subito lo spinner per non avere la modale bianca\r\n    mostraSpinner();\r\n\r\n    \/\/ Imposta URL iframe\r\n    const urlPagina = linkApriModale.getAttribute('href');\r\n    if (iframe) iframe.setAttribute('src', urlPagina);\r\n\r\n    \/\/ Apertura senza flicker\r\n    modale.removeAttribute('hidden');\r\n    void modale.offsetWidth; \/\/ reflow\r\n    modale.classList.add('attivo');\r\n    document.body.classList.add('no-scroll');\r\n\r\n    \/\/ Focus iniziale\r\n    const focusables = getElementiFocalizzabili();\r\n    const targetFocus = bottoneChiudi || focusables[0] || contenuto;\r\n    if (targetFocus) targetFocus.focus();\r\n  }\r\n\r\n  function chiudiModale() {\r\n    modale.classList.remove('attivo');\r\n\r\n    \/\/ Interrompi caricamenti e reset\r\n    if (iframe) iframe.setAttribute('src', '');\r\n    nascondiSpinner();\r\n\r\n    setTimeout(() => {\r\n      modale.setAttribute('hidden', '');\r\n      document.body.classList.remove('no-scroll');\r\n      if (ultimoFocus && typeof ultimoFocus.focus === 'function') ultimoFocus.focus();\r\n    }, 400); \/\/ coerente con CSS\r\n  }\r\n\r\n  function gestisciTrapFocus(e) {\r\n    if (!modale.classList.contains('attivo')) return;\r\n    if (e.key !== 'Tab') return;\r\n\r\n    const focusables = getElementiFocalizzabili();\r\n    if (focusables.length === 0) { e.preventDefault(); return; }\r\n\r\n    const first = focusables[0];\r\n    const last = focusables[focusables.length - 1];\r\n\r\n    if (e.shiftKey && document.activeElement === first) {\r\n      e.preventDefault(); last.focus();\r\n    } else if (!e.shiftKey && document.activeElement === last) {\r\n      e.preventDefault(); first.focus();\r\n    }\r\n  }\r\n\r\n  \/\/ Eventi\r\n  if (linkApriModale) linkApriModale.addEventListener('click', apriModale);\r\n  if (bottoneChiudi) bottoneChiudi.addEventListener('click', chiudiModale);\r\n\r\n  if (modale) {\r\n    modale.addEventListener('click', function(e) { if (e.target === modale) chiudiModale(); });\r\n  }\r\n\r\n  document.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape' && modale && modale.classList.contains('attivo')) {\r\n      e.preventDefault(); chiudiModale();\r\n    }\r\n    gestisciTrapFocus(e);\r\n  });\r\n\r\n  \/\/ Nascondi spinner quando l'iframe ha finito di caricare\r\n  if (iframe) {\r\n    iframe.addEventListener('load', () => {\r\n      nascondiSpinner();\r\n    });\r\n  }\r\n})();\r\n<\/script><\/center>\r\n\t\t\t\t<\/div>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-inner-section elementor-element elementor-element-7f51403c elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"7f51403c\" 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-inner-column elementor-element elementor-element-514d9245\" data-id=\"514d9245\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:17892,&quot;url&quot;:&quot;https:\\\/\\\/mokaefti.ch\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/sfondo-b.png&quot;}],&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\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-5aefcbbc elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"5aefcbbc\" 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\">NEWS<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b777657 elementor-widget elementor-widget-heading\" data-id=\"5b777657\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">KAFFEEGESCHICHTEN<\/p>\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 class=\"elementor-element elementor-element-c0b0dd4 elementor-grid-eael-col-3 elementor-grid-tablet-eael-col-2 elementor-grid-mobile-eael-col-1 elementor-widget elementor-widget-eael-post-grid\" data-id=\"c0b0dd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;eael_post_grid_columns&quot;:&quot;eael-col-3&quot;,&quot;eael_post_grid_columns_tablet&quot;:&quot;eael-col-2&quot;,&quot;eael_post_grid_columns_mobile&quot;:&quot;eael-col-1&quot;}\" data-widget_type=\"eael-post-grid.default\">\n\t\t\t\t\t<div id=\"eael-post-grid-c0b0dd4\" class=\"eael-post-grid-container\">\n            <div class=\"eael-post-grid eael-post-appender eael-post-appender-c0b0dd4 eael-post-grid-style-two\" data-layout-mode=\"masonry\"><p class=\"no-posts-found\">No posts found!<\/p><\/div>\n            <div class=\"clearfix\"><\/div>\n        <\/div>\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>Schlie\u00dfen \u2715 Sonder\u00f6ffnungszeiten und Schlie\u00dfungen Laden\u2026 NEWS KAFFEEGESCHICHTEN No posts found!<\/p>\n","protected":false},"author":3129,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_eb_attr":"","inline_featured_image":false,"footnotes":""},"folder":[],"class_list":["post-21814","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/pages\/21814","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/users\/3129"}],"replies":[{"embeddable":true,"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/comments?post=21814"}],"version-history":[{"count":0,"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/pages\/21814\/revisions"}],"wp:attachment":[{"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/media?parent=21814"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/mokaefti.ch\/de\/wp-json\/wp\/v2\/folder?post=21814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}