/* Nnedi Mobilansicht + App-Ansicht (HA-Claude 09.10.2026) */
:root{
  --nm-wein:var(--wp--preset--color--accent-1,#5B2434);
  --nm-wein-dunkel:var(--wp--preset--color--accent-3,#3F1622);
  --nm-creme:var(--wp--preset--color--base,#FBF8F4);
  --nm-sand:var(--wp--preset--color--accent-5,#F3ECE4);
  --nm-rose:var(--wp--preset--color--accent-2,#EFDDE2);
  --nm-tinte:var(--wp--preset--color--contrast,#231A1D);
  --nm-taupe:var(--wp--preset--color--accent-4,#7A6A6E);
  --nm-linie:rgba(35,26,29,.10);
  --nm-tab:64px;
}

/* ---------- 1. Immer auf kleinen Bildschirmen ---------- */
@media (max-width:781px){
  /* Menue-Overlay: linksbuendig, ruhige Zeilen */
  .wp-block-navigation__responsive-container.is-menu-open{padding:20px 0 0 !important}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:stretch !important;padding:56px 20px 32px !important}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:stretch !important;gap:0 !important;width:100%}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{width:100%;align-items:stretch !important;border-bottom:1px solid var(--nm-linie)}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:flex !important;align-items:center;justify-content:flex-start !important;text-align:left !important;width:100%;padding:16px 4px !important;font-size:1.15rem !important;line-height:1.3}
  .wp-block-navigation__responsive-container.is-menu-open .current-menu-item>.wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current]{color:var(--nm-wein) !important;font-weight:600;outline:0}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible{outline:2px solid var(--nm-wein);outline-offset:2px}
  /* Untermenue wie FAQ: zu, mit Pfeil */
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu{position:relative}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu>.wp-block-navigation-item__content{padding-right:52px !important}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{padding:0 0 8px 14px !important;gap:0 !important;border-left:2px solid var(--nm-rose);margin:0 0 10px 6px !important}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border-bottom:0}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:1.02rem !important;padding:11px 4px !important;color:var(--nm-taupe)}
  .nm-sub-zu>.wp-block-navigation__submenu-container{display:none !important}
  .nm-sub-knopf{position:absolute;right:0;top:6px;width:44px;height:44px;border:0;background:transparent;color:var(--nm-tinte);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}
  .nm-sub-knopf svg{transition:transform .25s ease}
  .wp-block-navigation-submenu:not(.nm-sub-zu)>.nm-sub-knopf svg{transform:rotate(180deg)}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none !important}
  .nm-menue-app{margin-top:22px}
  /* Slideshow: gleich hohe Bilder, kein Leerraum */
  .nnedi-slideshow__track{align-items:flex-start}
  .nnedi-slideshow__slide img{aspect-ratio:4/5;height:auto;max-height:72vh;object-fit:cover;object-position:center 20%}
  /* FAQ- und andere Aufklapper als Karten */
  .wp-block-details{background:#fff;border:1px solid var(--nm-linie) !important;border-radius:14px;padding:0 !important;margin:10px 0 !important;overflow:hidden}
  .wp-block-details>summary{list-style:none;cursor:pointer;padding:15px 48px 15px 16px;position:relative;font-weight:600;line-height:1.35}
  .wp-block-details>summary::-webkit-details-marker{display:none}
  .wp-block-details>summary::marker{content:""}
  .wp-block-details>summary::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid var(--nm-wein);border-bottom:2px solid var(--nm-wein);transform:translateY(-70%) rotate(45deg);transition:transform .25s ease}
  .wp-block-details[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
  .wp-block-details[open]>summary{color:var(--nm-wein)}
  .wp-block-details>:not(summary){padding-left:16px;padding-right:16px}
  .wp-block-details>:last-child{padding-bottom:14px}
  .wp-block-details>ol.wp-block-list,.wp-block-details>ul.wp-block-list{padding-left:2.4em}
  /* App-Knopf im Kopf (nur klassische Ansicht) */
  .nm-app-knopf{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--nm-wein);color:var(--nm-wein);background:transparent;border-radius:999px;padding:6px 11px;font:600 .78rem/1 var(--wp--preset--font-family--manrope,inherit);letter-spacing:.02em;cursor:pointer;white-space:nowrap}
  .nm-app-knopf svg{flex:none}
  html.nn-app .nm-app-knopf{display:none}
}
@media (min-width:782px){ .nm-app-knopf,.nm-menue-app,.nm-tabs,.nm-blatt,.nm-hinweis{display:none !important} }

/* Hinweis beim ersten Besuch */
.nm-hinweis{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:99990;background:var(--nm-tinte);color:#fff;border-radius:16px;padding:14px 14px 14px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:.92rem;line-height:1.35;transform:translateY(140%);transition:transform .35s ease}
.nm-hinweis.zeigen{transform:none}
.nm-hinweis b{font-weight:600}
.nm-hinweis button{border:0;border-radius:999px;padding:9px 14px;font:600 .85rem/1 inherit;cursor:pointer;white-space:nowrap}
.nm-hinweis .ja{background:var(--nm-creme);color:var(--nm-wein)}
.nm-hinweis .nein{background:transparent;color:#fff;opacity:.7;padding:9px 6px}

/* ---------- 2. App-Ansicht ---------- */
html.nn-app body{background:var(--nm-creme);padding-bottom:calc(var(--nm-tab) + env(safe-area-inset-bottom) + 8px) !important;-webkit-tap-highlight-color:transparent}
html.nn-app header.wp-block-template-part{position:sticky;top:0;z-index:9990;background:rgba(251,248,244,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--nm-linie)}
html.nn-app header.wp-block-template-part .alignwide{padding-top:8px !important;padding-bottom:8px !important}
html.nn-app header .wp-block-site-logo img{width:auto !important;max-height:42px !important}
html.nn-app header .wp-block-navigation__responsive-container-open,
html.nn-app header .wp-block-navigation__container{display:none !important}
html.nn-app footer.wp-block-template-part{display:none}
html.nn-app main{margin-top:0 !important}
html.nn-app main>.wp-block-group:first-child,html.nn-app main .wp-block-post-title{margin-top:0}
html.nn-app main{padding-top:6px}
html.nn-app h1,html.nn-app .wp-block-post-title{font-size:clamp(1.7rem,7vw,2.1rem) !important;margin-top:18px !important;margin-bottom:10px !important}
html.nn-app .entry-content>*:first-child{margin-top:8px}
html.nn-app .wp-block-post-content{font-size:1rem;line-height:1.55}

/* Abschnitte als Aufklapper */
.nm-akk{background:#fff;border:1px solid var(--nm-linie);border-radius:16px;margin:12px 0;overflow:hidden;box-shadow:0 1px 2px rgba(35,26,29,.04)}
.nm-akk>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 18px;min-height:56px}
.nm-akk>summary::-webkit-details-marker{display:none}
.nm-akk>summary::marker{content:""}
.nm-akk>summary .nm-titel{flex:1;font-family:var(--wp--preset--font-family--literata,serif);font-weight:500;font-size:1.18rem;line-height:1.25;color:var(--nm-tinte)}
.nm-akk>summary .nm-pfeil{flex:none;width:30px;height:30px;border-radius:50%;background:var(--nm-sand);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background .25s ease}
.nm-akk[open]>summary .nm-pfeil{transform:rotate(180deg);background:var(--nm-rose)}
.nm-akk[open]>summary .nm-titel{color:var(--nm-wein)}
.nm-akk>.nm-inhalt{padding:0 18px 16px;border-top:1px solid var(--nm-linie)}
.nm-akk>.nm-inhalt>*:first-child{margin-top:14px}
.nm-akk>.nm-inhalt>*:last-child{margin-bottom:0}
.nm-akk .wp-block-details{margin:8px 0 !important;box-shadow:none}
.nm-akk table{font-size:.9rem}
.nm-akk .wp-block-table{overflow-x:auto}
.nm-mehr-lesen{margin:8px 0 14px}
.nm-mehr-lesen>summary{list-style:none;cursor:pointer;color:var(--nm-wein);font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:6px;padding:6px 0}
.nm-mehr-lesen>summary::-webkit-details-marker{display:none}
.nm-mehr-lesen>summary::marker{content:""}
.nm-mehr-lesen[open]>summary .nm-zu{display:inline}.nm-mehr-lesen[open]>summary .nm-auf{display:none}
.nm-mehr-lesen:not([open])>summary .nm-zu{display:none}
.nm-mehr-lesen>summary svg{transition:transform .25s}.nm-mehr-lesen[open]>summary svg{transform:rotate(180deg)}

/* Buchungsformular in der App: als Karte */
html.nn-app .ea-bootstrap{border-radius:16px !important}
html.nn-app .wp-block-buttons{gap:10px}
html.nn-app .wp-block-button,html.nn-app .wp-block-button__link{width:100%;text-align:center}
html.nn-app .wp-block-button__link{border-radius:14px !important;padding:15px 18px !important}

/* Tab-Leiste */
.nm-tabs{display:none}
html.nn-app .nm-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99980;height:calc(var(--nm-tab) + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--nm-linie);box-shadow:0 -4px 18px rgba(35,26,29,.06)}
.nm-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--nm-taupe);text-decoration:none !important;font:600 .68rem/1 var(--wp--preset--font-family--manrope,inherit);letter-spacing:.01em;border:0;background:transparent;cursor:pointer;border-radius:12px;padding:4px 0;min-width:0}
.nm-tab svg{width:24px;height:24px}
.nm-tab.aktiv{color:var(--nm-wein)}
.nm-tab.aktiv .nm-tab-icon{background:var(--nm-rose)}
.nm-tab-icon{display:flex;align-items:center;justify-content:center;width:52px;height:30px;border-radius:15px;transition:background .2s}
.nm-tab.termin .nm-tab-icon{background:var(--nm-wein);color:#fff}
.nm-tab.termin{color:var(--nm-wein)}

/* Mehr-Blatt */
.nm-blatt{position:fixed;inset:0;z-index:99995;display:none}
.nm-blatt.offen{display:block}
.nm-blatt-grund{position:absolute;inset:0;background:rgba(35,26,29,.38);opacity:0;transition:opacity .25s}
.nm-blatt.sichtbar .nm-blatt-grund{opacity:1}
.nm-blatt-flaeche{position:absolute;left:0;right:0;bottom:0;max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--nm-creme);border-radius:22px 22px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -10px 30px rgba(0,0,0,.15)}
.nm-blatt.sichtbar .nm-blatt-flaeche{transform:none}
.nm-griff{width:40px;height:5px;border-radius:3px;background:rgba(35,26,29,.18);margin:6px auto 12px}
.nm-blatt h2{font-size:1.3rem !important;margin:2px 4px 12px !important}
.nm-gruppe{background:#fff;border:1px solid var(--nm-linie);border-radius:16px;margin:0 0 12px;overflow:hidden}
.nm-gruppe a,.nm-gruppe button,.nm-gruppe>summary{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;color:var(--nm-tinte);text-decoration:none !important;font:500 1rem/1.3 var(--wp--preset--font-family--manrope,inherit);background:transparent;border:0;border-bottom:1px solid var(--nm-linie);text-align:left;cursor:pointer}
.nm-gruppe>*:last-child,.nm-gruppe details:last-child>summary{border-bottom:0}
.nm-gruppe a .nm-pf,.nm-gruppe>summary .nm-pf{margin-left:auto;color:var(--nm-taupe)}
.nm-gruppe>summary{list-style:none}
.nm-gruppe>summary::-webkit-details-marker{display:none}
.nm-gruppe>summary::marker{content:""}
.nm-gruppe[open]>summary{color:var(--nm-wein);border-bottom:1px solid var(--nm-linie)}
.nm-gruppe[open]>summary .nm-pf{transform:rotate(180deg)}
.nm-gruppe>summary .nm-pf{transition:transform .25s}
.nm-gruppe details>a{padding-left:28px}
.nm-ico{flex:none;width:34px;height:34px;border-radius:10px;background:var(--nm-sand);color:var(--nm-wein);display:flex;align-items:center;justify-content:center}
.nm-sprache{display:flex;gap:8px;padding:12px 16px}
.nm-sprache button{flex:1;justify-content:center;border:1px solid var(--nm-linie) !important;border-radius:12px;padding:11px !important;font-weight:600 !important}
.nm-sprache button[aria-pressed="true"]{background:var(--nm-wein);color:#fff;border-color:var(--nm-wein) !important}
.nm-klassisch{justify-content:center !important;color:var(--nm-taupe) !important;font-size:.92rem !important}
.nm-klein{font-size:.8rem;color:var(--nm-taupe);text-align:center;margin:8px 0 0}

@media (prefers-reduced-motion:reduce){.nm-blatt-flaeche,.nm-blatt-grund,.nm-hinweis,.nm-akk>summary .nm-pfeil{transition:none}}
@media (min-width:782px){.nm-sub-knopf{display:none !important}}