/* 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:center;gap:10px}
body .sitehead .navcopy .nav-countries #laendermenue .nav-sec a.nav-land{font-weight:600;font-size:15px;padding:6px 8px;margin:0 -8px;border-radius:8px;white-space:nowrap}
.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{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}
}
@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}
