/* Premium-Navigation für eigenständige Seiten ohne Tailwind-Basis
   (Travemünde-Leistungsseiten). Grundregeln wie in den Premium-Seiten. */
.flex{display:flex}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:50;padding:20px 12px 0;transition:all .6s cubic-bezier(.16,1,.3,1)}
@media(min-width:768px){.nav-wrap{padding:20px 20px 0}}
@media(min-width:1280px){.nav-wrap{padding:20px 28px 0}}
.nav-wrap.scrolled{padding:8px 20px 0}
.nav-pill{max-width:1280px;margin:0 auto;border-radius:24px 24px 0 0;border:1px solid transparent;border-bottom:none;transition:all .6s cubic-bezier(.16,1,.3,1)}
.nav-wrap.scrolled .nav-pill{border-radius:100px;background:rgba(17,17,20,.55);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 40px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.04)}
.nav-inner{height:100px;padding:0 20px;transition:all .4s cubic-bezier(.16,1,.3,1)}
@media(min-width:1024px){.nav-inner{padding:0 28px}}
.nav-wrap.scrolled .nav-inner{height:64px;padding:0 12px 0 24px}
.nav-logo{display:block;height:80px;width:auto;transition:height .4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 8px rgba(255,255,255,.1))}
.nav-cta{padding:10px 24px;font:600 11px/1.4 var(--m-sans);letter-spacing:.12em;text-transform:uppercase;color:#1a1a1f;text-decoration:none;white-space:nowrap;transition:all .4s cubic-bezier(.25,.46,.45,.94);border-radius:100px;background:#fff;border:none}
.nav-cta:hover{background:#e4e4e7;box-shadow:0 0 30px rgba(255,255,255,.12)}
.nav-wrap.scrolled .nav-cta{background:rgba(255,255,255,.04);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.12)}
.nav-wrap.scrolled .nav-cta:hover{background:#fff;color:#1a1a1f;border-color:transparent}
#navbar ul{margin:0;padding:0;list-style:none}
body.p-shell>main{padding-top:120px}
@media(max-width:767px){body.p-shell>main{padding-top:96px}}