/* Kopfmenü: Deutschland direkt, Kontinente als Aufklapper mit Ländern und ihren meistgesuchten
   Parks (Quelle der Auswahl: source-data/menue.json). Auf dem Handy ein »Menü« als Vollbild. */
body .sitehead .navcopy{display:flex!important;align-items:center!important}
.nav-countries{position:relative;display:flex;align-items:center;gap:clamp(14px,1.8vw,30px)}
.navcopy .nav-direct{white-space:nowrap}
.nav-toggle{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;color:inherit;background:none;border:0;padding:6px 0;cursor:pointer;white-space:nowrap}
.nav-toggle svg{transition:transform .2s}
.nav-toggle[aria-expanded="true"]:not(.nav-burger) svg{transform:rotate(180deg)}
.nav-burger{display:none}
body.pdx .sitehead .nav-toggle,body.pdxl .sitehead .nav-toggle{color:#fff}
.nav-panel{position:absolute;top:calc(100% + 14px);left:0;z-index:60;width:max-content;max-width:calc(100vw - 32px);background:#fff;color:#17392b;border:1px solid #dfe7df;border-radius:14px;box-shadow:0 18px 50px rgba(16,43,31,.18);padding:22px 26px 18px}
.nav-panel[hidden],.nav-sec[hidden]{display:none}
.nav-panel-head{display:none}
.nav-cont{display:block;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#6c8173;margin-bottom:12px}
.nav-cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,230px);gap:28px}
.nav-col ul{list-style:none;margin:6px 0 0;padding:0}
/* Muss ».sitehead .navcopy a{color:#fff}« der Seiten über dem Heldenbild schlagen (ID + 4 Klassen). */
body .sitehead .navcopy .nav-countries #laendermenue .nav-sec a,body .sitehead .navcopy .nav-countries #laendermenue a.nav-all{color:#17392b!important;opacity:1!important;text-decoration:none!important}
.nav-landrow{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
body .sitehead .navcopy .nav-countries #laendermenue .nav-sec a.nav-land{font-weight:600;font-size:15px;line-height:1.3;padding:6px 8px;margin:0 -8px;border-radius:8px;min-width:0}
.nav-col li a{display:block;font-size:14px;padding:5px 8px;margin:0 -8px;border-radius:8px;line-height:1.35}
body .sitehead .navcopy .nav-countries #laendermenue .nav-sec a.nav-more{color:#1d6149!important;font-size:13px}
.nav-sec a:hover,.nav-sec a:focus-visible{background:#eef4ee}
.nav-count{flex-shrink:0;margin-top:5px;font-size:12px;font-weight:400;color:#6c8173;background:#f1f5f0;border-radius:20px;padding:1px 8px;min-width:24px;text-align:center}
body .sitehead .navcopy .nav-countries #laendermenue a.nav-all{display:block;margin-top:16px;padding-top:14px;border-top:1px solid #e5ece5;font-size:14px;font-weight:600;color:#1d6149!important}
@media(max-width:1180px){.navcopy .nav-direct{display:none}}
@media(max-width:900px){
 .nav-countries>.nav-toggle:not(.nav-burger){display:none}
 .nav-burger{display:inline-flex}
 .nav-panel{position:fixed;inset:0;width:auto;max-width:none;border-radius:0;border:0;padding:20px 20px 28px;overflow-y:auto;z-index:1000}
 .nav-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-weight:600;font-size:17px}
 .nav-close{font-size:28px;line-height:1;width:40px;height:40px;border-radius:50%;border:0;background:#eef4ee;color:#17392b;cursor:pointer}
 .nav-sec{margin-bottom:24px}
 .nav-cols{grid-auto-flow:row;grid-template-columns:1fr;gap:18px}
 body .sitehead .navcopy .nav-countries #laendermenue .nav-sec a.nav-land{font-size:17px}
 .nav-col li a{font-size:15px;padding:8px}
 html.nav-open,html.nav-open body{overflow:hidden}
 /* Das Milchglas der gescrollten Kopfleiste (backdrop-filter) macht sie zum Bezugsrahmen für position:fixed:
    das Vollbildmenü war dann nur so hoch wie die Leiste. Solange es offen ist, entfällt der Effekt, und die
    Leiste liegt über allem (sonst verdeckt z. B. die Kapitelleiste unten das Menü). Ohne Übergang, sonst ist
    das Menü beim Fokussieren noch 0,4 s lang leistenhoch und scrollt seinen Kopf aus dem Bild. */
 html.nav-open .sitehead{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important;transform:none!important;transition:none!important;z-index:1000!important}
}
@media(max-width:560px){.sitehead .saved{display:none!important}}
/* Hover und Fokus: Die Seiten über dem Heldenbild färben ».sitehead .navcopy a:hover« weiß mit
   75 % Deckkraft. Im weißen Panel muss die Schrift dunkel bleiben (ID + 6 Klassen schlagen das). */
body .sitehead .navcopy .nav-countries .nav-panel#laendermenue .nav-sec a:hover,
body .sitehead .navcopy .nav-countries .nav-panel#laendermenue .nav-sec a:focus-visible,
body .sitehead .navcopy .nav-countries .nav-panel#laendermenue a.nav-all:hover,
body .sitehead .navcopy .nav-countries .nav-panel#laendermenue a.nav-all:focus-visible{color:#0f2a1f!important;opacity:1!important;background:#e6efe6!important}
body .sitehead .navcopy .nav-countries .nav-panel#laendermenue a.nav-all:hover{background:none!important;text-decoration:underline!important}