/* Info-Hinweis in der Menüzeile */
.nav-info{display:inline-flex;align-items:center;gap:7px;margin:0 auto 0 18px;padding:6px 14px;border-radius:999px;background:#fff4d6;border:1px solid #f0c24b;color:#7a5200;font-size:.82rem;font-weight:600;line-height:1.2;white-space:nowrap}
.nav-info svg{flex:none;color:#c98a00}
.nav-info-short{display:none}
@media (max-width:1180px){.nav-info-long{display:none}.nav-info-short{display:inline}.nav-info{margin-left:12px;font-size:.78rem;padding:5px 11px}}
@media (max-width:640px){.nav-info{margin-left:8px;font-size:.72rem;padding:4px 9px;gap:5px}.nav-info svg{display:none}}
@media (max-width:420px){.nav-info{display:none}}
/* Mobil: Hinweis als Zeile unter der Menüleiste */
@media (max-width:640px){.nav-info,.nav-info-short{font-size:.74rem}.nav-info{display:inline-flex;position:absolute;top:100%;left:16px;margin:8px 0 0;padding:5px 12px;box-shadow:0 2px 8px rgba(0,0,0,.18)}}
/* Info-Hinweis schließbar */
.nav-info[hidden]{display:none!important}
.nav-info-close{flex:none;margin:0 -4px 0 2px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:rgba(122,82,0,.12);color:#7a5200;font-size:1rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.nav-info-close:hover,.nav-info-close:focus-visible{background:rgba(122,82,0,.28)}
.nav-info-ok{display:none;font-weight:700}
.nav-info.is-closing{background:#e3f6ea;border-color:#6fcf97;color:#14532d}
.nav-info.is-closing svg,.nav-info.is-closing .nav-info-long,.nav-info.is-closing .nav-info-short,.nav-info.is-closing .nav-info-close{display:none}
.nav-info.is-closing .nav-info-ok{display:inline}
/* "OK, verstanden!" mittig in der Menüleiste */
.nav-info.is-closing{position:absolute;left:50%;top:50%;margin:0;transform:translate(calc(-50% - 200px),-50%);padding:7px 20px;font-size:.9rem;z-index:5}
@media (max-width:640px){.nav-info.is-closing{top:100%;transform:translate(-50%,8px)}}