/* CF Homes 5.0.96 – Mein Nautic 360° (alles auf diesen Shortcode begrenzt) */
.cfh-nl{--nl-navy:#123d6b;--nl-blue:#057ea5;--nl-turq:#06a3b1;--nl-line:#cfe3ed;--nl-bg:#f3f8fb;--nl-muted:#55758b;box-sizing:border-box;color:#183d58;font-family:inherit;line-height:1.55;width:100%;max-width:1240px;margin:0 auto}
.cfh-nl *{box-sizing:border-box}
.cfh-nl button,.cfh-nl input,.cfh-nl select,.cfh-nl textarea{font:inherit;box-sizing:border-box}
.cfh-nl button{cursor:pointer}
.cfh-nl .cfh-nl-hero{position:relative;background:linear-gradient(120deg,#0e3b6e,#087fa7 70%,#10b3b5);border-radius:24px 24px 0 0;padding:clamp(25px,4vw,46px);color:#fff;overflow:hidden}
.cfh-nl .cfh-nl-hero:after{content:"";position:absolute;right:-48px;top:-82px;width:290px;height:290px;border:2px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.03);pointer-events:none}
.cfh-nl .cfh-nl-kicker{display:block;font-size:12px;font-weight:800;letter-spacing:2.5px;opacity:.95}
.cfh-nl .cfh-nl-hero h1{color:#fff!important;margin:15px 0 7px!important;font-size:clamp(26px,3.4vw,39px)!important;line-height:1.17;font-weight:800}
.cfh-nl .cfh-nl-hero p{color:#eefaff;margin:0!important;font-size:16px;max-width:580px}
.cfh-nl .cfh-nl-edition{display:inline-block;border:1px solid rgba(255,255,255,.52);border-radius:40px;font-size:12px;font-weight:700;letter-spacing:.2px;padding:6px 12px;margin-top:17px}
.cfh-nl .cfh-nl-shell{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid var(--nl-line);border-top:0;background:#fff;border-radius:0 0 19px 19px;overflow:hidden;box-shadow:0 16px 34px rgba(18,61,107,.07)}
.cfh-nl .cfh-nl-navigation{display:flex;flex-direction:column;align-items:stretch;gap:6px;background:#f2f8fb;border-right:1px solid var(--nl-line);padding:24px 13px}
.cfh-nl .cfh-nl-nav{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent!important;background:transparent!important;color:#235474!important;border-radius:12px!important;min-height:45px;padding:10px 13px!important;box-shadow:none!important;font-weight:700!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;line-height:1.3!important;transition:background .16s ease,color .16s ease}
.cfh-nl .cfh-nl-nav>span{font-size:20px;line-height:1;width:22px;text-align:center}
.cfh-nl .cfh-nl-nav:hover{background:#deeff6!important;color:#0c4c76!important}
.cfh-nl .cfh-nl-nav.is-active{background:#0a81a4!important;border-color:#0a81a4!important;color:white!important;box-shadow:0 5px 16px rgba(2,98,137,.15)!important}
.cfh-nl .cfh-nl-main{min-width:0;padding:clamp(18px,3vw,36px)}
.cfh-nl .cfh-nl-content-head{margin:0 0 21px}
.cfh-nl .cfh-nl-content-head h2{color:var(--nl-navy)!important;font-size:clamp(22px,2.4vw,30px)!important;line-height:1.2!important;margin:0 0 7px!important;font-weight:800!important}
.cfh-nl .cfh-nl-content-head p{margin:0!important;color:var(--nl-muted);font-size:14px}
.cfh-nl .cfh-nl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:17px 0 20px}
.cfh-nl .cfh-nl-stats>div{background:linear-gradient(180deg,#f6fbfd,#eaf5f9);border:1px solid var(--nl-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:5px}
.cfh-nl .cfh-nl-stats strong{font-size:29px;color:#096b96;font-weight:800;line-height:1}
.cfh-nl .cfh-nl-stats span{font-size:12px;color:var(--nl-muted)}
.cfh-nl .cfh-nl-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 23px;align-items:center}
.cfh-nl .cfh-nl-primary,.cfh-nl .cfh-nl-secondary,.cfh-nl .cfh-nl-quiet{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px!important;padding:10px 16px!important;font-size:13px!important;line-height:1.3!important;font-weight:800!important;text-decoration:none!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;white-space:normal!important}
.cfh-nl .cfh-nl-primary{background:#087fa7!important;color:#fff!important;border:1px solid #087fa7!important}
.cfh-nl .cfh-nl-primary:hover{background:#0b5f84!important;border-color:#0b5f84!important}
.cfh-nl .cfh-nl-secondary{background:#fff!important;color:#0d6891!important;border:1px solid #a5d4e4!important}
.cfh-nl .cfh-nl-secondary:hover{background:#eaf8fc!important}
.cfh-nl .cfh-nl-quiet{margin-left:auto;background:transparent!important;color:#9a4050!important;border:1px solid transparent!important}
.cfh-nl .cfh-nl-quiet:hover{background:#fff0f2!important}
.cfh-nl .cfh-nl-primary:focus-visible,.cfh-nl .cfh-nl-secondary:focus-visible,.cfh-nl button:focus-visible,.cfh-nl input:focus-visible,.cfh-nl select:focus-visible,.cfh-nl textarea:focus-visible{outline:3px solid #61c8da!important;outline-offset:2px}
.cfh-nl .cfh-nl-section{padding:clamp(17px,2.5vw,24px);border:1px solid #d7e6ef;background:#fff;border-radius:17px;margin-bottom:17px;box-shadow:0 4px 16px rgba(7,59,99,.035)}
.cfh-nl .cfh-nl-section h3{font-size:19px!important;line-height:1.3!important;color:#134675!important;margin:0 0 15px!important;font-weight:800!important}
.cfh-nl .cfh-nl-section p{color:var(--nl-muted);font-size:14px;margin:0 0 13px}
.cfh-nl .cfh-nl-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.cfh-nl .cfh-nl-field{min-width:0;display:flex;flex-direction:column;gap:6px;margin:0!important;color:#28516c;font-size:13px;font-weight:750}
.cfh-nl .cfh-nl-field.cfh-nl-wide{grid-column:1/-1}
.cfh-nl .cfh-nl-field>span{color:#255271!important;font-size:13px!important;font-weight:700!important}
.cfh-nl .cfh-nl-field input:not([type=checkbox]),.cfh-nl .cfh-nl-field select,.cfh-nl .cfh-nl-field textarea{background:#f9fcfe!important;border:1px solid #bfdae8!important;color:#173d58!important;border-radius:9px!important;padding:10px 12px!important;width:100%!important;max-width:100%;min-width:0;min-height:43px;box-shadow:none!important;line-height:1.45!important;font-size:15px!important;font-weight:400!important;text-transform:none!important}
.cfh-nl .cfh-nl-field textarea{resize:vertical;min-height:95px}
.cfh-nl .cfh-nl-check{display:flex;align-items:flex-start;gap:10px;min-height:42px;padding:10px 12px;border:1px solid #d7e6ef;border-radius:11px;background:#f6fbfd;color:#28516c;cursor:pointer;font-size:14px;line-height:1.4;font-weight:650}
.cfh-nl .cfh-nl-check input{width:17px!important;height:17px!important;min-width:17px!important;accent-color:#0689aa;margin:2px 0 0!important}
.cfh-nl .cfh-nl-charter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.cfh-nl .cfh-nl-charter-card{background:#f8fbfd;border:1px solid #c9e1ec;border-radius:15px;overflow:hidden;padding:18px;display:flex;flex-direction:column;min-height:186px}
.cfh-nl .cfh-nl-card-icon{width:43px;height:43px;border-radius:13px;background:#dff3f9;display:grid;place-items:center;color:#0a709a;font-size:25px;margin-bottom:10px}
.cfh-nl .cfh-nl-charter-card h3{font-size:17px!important;color:#124473!important;margin:0!important;font-weight:800!important;overflow-wrap:anywhere}
.cfh-nl .cfh-nl-charter-card p{font-size:13px;color:var(--nl-muted);margin:5px 0 15px}
.cfh-nl .cfh-nl-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;font-size:12px;color:var(--nl-muted)}
.cfh-nl .cfh-nl-card-foot .cfh-nl-primary{min-height:36px;padding:8px 12px!important;font-size:12px!important}
.cfh-nl .cfh-nl-empty,.cfh-nl .cfh-nl-note,.cfh-nl .cfh-nl-warning{border-radius:13px;border:1px solid #c4e1eb;background:#eff9fc;padding:16px;font-size:13px;color:#25516f;line-height:1.6}
.cfh-nl .cfh-nl-note{margin-top:15px}
.cfh-nl .cfh-nl-warning{background:#fff4ed;border-color:#f4cfb7;color:#824522;margin-bottom:20px}
.cfh-nl .cfh-nl-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 23px}
.cfh-nl .cfh-nl-step{display:flex;flex-direction:column;align-items:center;gap:8px;background:#f1f8fb!important;border:1px solid #cde4ee!important;color:#315e7b!important;border-radius:12px!important;min-height:76px;padding:11px 7px!important;font-size:12px!important;line-height:1.25!important;font-weight:750!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;text-align:center}
.cfh-nl .cfh-nl-step>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d8e9f3;color:#125179}
.cfh-nl .cfh-nl-step.is-active{background:#087fa7!important;border-color:#087fa7!important;color:#fff!important}
.cfh-nl .cfh-nl-step.is-active>span{background:#fff;color:#075d86}
.cfh-nl .cfh-nl-back{margin-bottom:10px}
.cfh-nl .cfh-nl-back button{border:0!important;color:#08749d!important;background:transparent!important;padding:4px 0!important;box-shadow:none!important;text-transform:none!important;font-size:13px!important;font-weight:700!important}
.cfh-nl .cfh-nl-leg{border:1px solid #cfe4ed;background:#f8fbfd;border-radius:12px;padding:15px;margin-bottom:13px}
.cfh-nl .cfh-nl-leg-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px;color:#164b73}
.cfh-nl .cfh-nl-leg-head .cfh-nl-secondary{min-height:32px;padding:5px 10px!important}
.cfh-nl .cfh-nl-code-ready{margin-top:14px;background:#e8f8f3;border:1px solid #bde6d8;border-radius:12px;padding:15px}
.cfh-nl .cfh-nl-code-ready p{color:#25624f}
.cfh-nl .cfh-nl-code-ready .cfh-nl-actions{margin-bottom:0}
.cfh-nl .cfh-nl-danger{border-top:1px solid #e4eaee;margin-top:30px;padding:12px 4px;color:#84515e;font-size:13px}
.cfh-nl .cfh-nl-danger summary{cursor:pointer;font-weight:700}
.cfh-nl .cfh-nl-danger button{margin-top:10px;background:#fff!important;color:#a32740!important;border:1px solid #d8a7b1!important;border-radius:9px!important;padding:8px 13px!important;text-transform:none!important}
.cfh-nl .cfh-nl-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;font-size:12px;color:#587b91}
.cfh-nl [data-nl-status].is-error{color:#ae243a;font-weight:700}
.cfh-nl-loading{background:#f2f9fc;border:1px solid #d0e6ef;border-radius:16px;padding:28px;color:#18527b}
@media(max-width:850px){.cfh-nl .cfh-nl-shell{grid-template-columns:minmax(0,1fr)}.cfh-nl .cfh-nl-navigation{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:11px 12px;border-right:0;border-bottom:1px solid var(--nl-line)}.cfh-nl .cfh-nl-nav{flex:none;white-space:nowrap;min-height:41px;padding:9px 12px!important}.cfh-nl .cfh-nl-hero{border-radius:19px 19px 0 0}.cfh-nl .cfh-nl-stats{gap:8px}}
@media(max-width:590px){.cfh-nl .cfh-nl-hero{padding:24px 18px}.cfh-nl .cfh-nl-hero h1{font-size:26px!important}.cfh-nl .cfh-nl-main{padding:17px 12px}.cfh-nl .cfh-nl-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cfh-nl .cfh-nl-stats>div{padding:12px 7px}.cfh-nl .cfh-nl-stats strong{font-size:23px}.cfh-nl .cfh-nl-stats span{font-size:11px}.cfh-nl .cfh-nl-fields{grid-template-columns:minmax(0,1fr);gap:12px}.cfh-nl .cfh-nl-charter-grid{grid-template-columns:minmax(0,1fr)}.cfh-nl .cfh-nl-steps{gap:5px}.cfh-nl .cfh-nl-step{font-size:10px!important;padding:10px 3px!important;min-height:74px}.cfh-nl .cfh-nl-footer{flex-direction:column;align-items:flex-start}.cfh-nl .cfh-nl-step-actions>.cfh-nl-primary{flex:1}}
@media(prefers-reduced-motion:reduce){.cfh-nl *{transition:none!important;animation:none!important}}

/* 5.0.97 – QR mosaic preview (identical local QR transfer principle to Reise-Code). */
.cfh-nl .cfh-nl-qr-preview{display:block;width:min(100%,460px);height:auto;max-height:620px;object-fit:contain;object-position:center top;margin:12px auto 17px;border:1px solid #c4dce9;border-radius:12px;box-shadow:0 10px 26px rgba(4,53,86,.08);background:#fff}
.cfh-nl .cfh-nl-code-ready{overflow:hidden}
.cfh-nl [data-restore-file]{cursor:pointer}

/* CF Homes 5.0.97 – Header, transfer strip and content menu based on Mein Empuriabrava 360°. */
.cfh-nl{max-width:1240px}
.cfh-nl .cfh-nl-hero{isolation:isolate;overflow:visible;border-radius:0;background:#effaff;color:#0c285e;padding:23px clamp(12px,2vw,25px) 14px;box-shadow:none}
.cfh-nl .cfh-nl-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:0;width:62%;height:calc(100% - 40px);border:0;border-radius:0 0 0 45%;box-shadow:none;background-image:linear-gradient(180deg,rgba(239,250,255,0) 8%,rgba(239,250,255,.2) 44%,#effaff 100%),linear-gradient(90deg,#effaff,rgba(239,250,255,.35) 30%,transparent 72%),var(--cfh-nl-title-bg,url('../mein-360/assets/images/360-top-coast.webp'));background-position:center,center,center 45%;background-size:cover;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.cfh-nl .cfh-nl-kicker{position:relative;color:#0089a9;font-size:clamp(12px,1.25vw,15px);font-weight:850;letter-spacing:.16em;opacity:1}
.cfh-nl .cfh-nl-hero h1.cfh-nl-hero-title{position:relative;margin:11px 0 9px!important;color:#0c285e!important;max-width:100%;font-size:clamp(32px,4.25vw,59px)!important;font-weight:850!important;line-height:1.07!important;letter-spacing:-.042em;overflow-wrap:anywhere}
.cfh-nl .cfh-nl-title-first,.cfh-nl .cfh-nl-title-second{display:block;max-width:100%}
.cfh-nl .cfh-nl-title-second{width:max-content;max-width:100%;background:linear-gradient(100deg,#00679e 5%,#00afc2 94%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cfh-nl .cfh-nl-hero p.cfh-nl-hero-lead{position:relative;margin:11px 0 0!important;color:#526f85;font-size:clamp(15px,1.5vw,21px);line-height:1.45;max-width:800px}
.cfh-nl .cfh-nl-transfer-strip{position:relative;z-index:2;display:flex;align-items:center;gap:18px;min-height:92px;margin:24px 0 0;padding:14px 17px;border:1px solid #deecf3;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(15,76,113,.12);text-align:left}
.cfh-nl .cfh-nl-transfer-icon{display:grid;place-items:center;flex:0 0 59px;width:59px;height:59px;border-radius:50%;background:linear-gradient(145deg,#02b9c9,#006fa6);color:#fff}
.cfh-nl .cfh-nl-transfer-icon svg{display:block;width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.cfh-nl .cfh-nl-transfer-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}
.cfh-nl .cfh-nl-transfer-copy strong{color:#0c285e;line-height:1.27;font-size:clamp(13px,1.5vw,18px);font-weight:850;letter-spacing:.03em}
.cfh-nl .cfh-nl-transfer-copy>span{color:#7890a2;font-size:clamp(12px,1.15vw,15px);line-height:1.4}
.cfh-nl button.cfh-nl-transfer-privacy{align-self:flex-start;border:0!important;padding:0!important;margin:2px 0 0!important;background:transparent!important;color:#087ba3!important;text-decoration:underline;text-underline-offset:3px;text-align:left;box-shadow:none!important;font-size:12px!important;font-weight:700!important;min-height:auto;letter-spacing:0!important;text-transform:none!important}
.cfh-nl .cfh-nl-transfer-privacy-content{position:absolute;top:calc(100% + 7px);left:5%;width:min(620px,90%);z-index:20;border:1px solid #c8e1ec;border-radius:14px;background:white;box-shadow:0 18px 40px rgba(4,55,85,.19);padding:16px;color:#456b82;font-size:13px;line-height:1.55}
.cfh-nl .cfh-nl-transfer-privacy-content[hidden]{display:none!important}
.cfh-nl button.cfh-nl-transfer-launch{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 35%;min-width:0;min-height:59px;border:0!important;border-radius:999px!important;padding:12px 15px!important;background:linear-gradient(105deg,#00b9c7,#0086b2)!important;color:#fff!important;box-shadow:0 5px 16px rgba(0,137,169,.14)!important;font-size:clamp(11px,1.15vw,14px)!important;font-weight:850!important;letter-spacing:.06em!important;line-height:1.3!important;text-transform:none!important;transition:transform .16s ease,box-shadow .16s ease}
.cfh-nl button.cfh-nl-transfer-launch:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,137,169,.26)!important}
.cfh-nl .cfh-nl-transfer-launch svg{display:block;width:23px;height:23px;flex:0 0 23px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cfh-nl .cfh-nl-transfer-launch span:last-child{font-size:24px;font-weight:500;line-height:1}
.cfh-nl .cfh-nl-shell{display:flex;flex-direction:column;overflow:visible;border:0;border-radius:0 0 20px 20px;background:#fff;box-shadow:0 16px 32px rgba(18,61,107,.07)}
.cfh-nl .cfh-nl-navigation{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:8px;background:#e9f3f8;border:1px solid #cfe3ed;border-radius:16px;margin:6px clamp(8px,2vw,24px) 0;min-width:0}
.cfh-nl button.cfh-nl-nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px;white-space:normal;min-width:0;min-height:52px;border-radius:12px!important;border:1px solid transparent!important;background:transparent!important;color:#235474!important;padding:8px 7px!important;font-weight:800!important;font-size:clamp(10px,1vw,13px)!important;line-height:1.25!important;text-align:center!important;box-shadow:none!important}
.cfh-nl button.cfh-nl-nav svg{display:block;width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cfh-nl button.cfh-nl-nav>span{width:auto;min-width:0;line-height:1.25;font-size:inherit;text-align:center}
.cfh-nl button.cfh-nl-nav:hover{background:#d9ecf4!important}
.cfh-nl button.cfh-nl-nav.is-active,.cfh-nl button.cfh-nl-nav.is-active:hover{background:linear-gradient(100deg,#008eb3,#0877a7)!important;color:#fff!important;border-color:#058caf!important;box-shadow:0 3px 10px rgba(6,112,152,.15)!important}
.cfh-nl .cfh-nl-main{padding:clamp(18px,3vw,34px);scroll-margin-top:28px}
@media(max-width:920px){.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.cfh-nl .cfh-nl-hero:after{width:69%;opacity:.65}.cfh-nl .cfh-nl-transfer-strip{gap:12px}.cfh-nl button.cfh-nl-transfer-launch{flex-basis:35%;font-size:11px!important}}
@media(max-width:620px){.cfh-nl .cfh-nl-hero{padding:17px 10px 12px}.cfh-nl .cfh-nl-hero:after{width:76%;opacity:.48}.cfh-nl .cfh-nl-hero h1.cfh-nl-hero-title{font-size:clamp(28px,7vw,38px)!important}.cfh-nl .cfh-nl-transfer-strip{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;padding:12px;border-radius:18px}.cfh-nl .cfh-nl-transfer-icon{width:45px;height:45px;flex-basis:45px}.cfh-nl .cfh-nl-transfer-icon svg{width:25px;height:25px}.cfh-nl button.cfh-nl-transfer-launch{grid-column:1/-1;width:100%;min-height:48px;font-size:12px!important}.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:5px 6px 0;padding:6px}.cfh-nl button.cfh-nl-nav{min-height:47px;padding:8px 4px!important;font-size:12px!important}.cfh-nl button.cfh-nl-nav svg{width:18px;height:18px;flex-basis:18px}.cfh-nl .cfh-nl-main{padding:18px 13px}}
@media(prefers-reduced-motion:reduce){.cfh-nl button.cfh-nl-transfer-launch{transition:none!important}}

/* 5.0.99 – Charter-checklist as the first step of each trip, not a global form. */
.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(5,minmax(0,1fr))}
.cfh-nl .cfh-nl-reminders{margin:12px 0 0;padding-left:23px;display:grid;gap:7px;list-style:disc}
.cfh-nl .cfh-nl-reminders li{padding-left:2px;color:#234d6b;font-size:14px}
.cfh-nl .cfh-nl-check-hint{color:#55758b;font-size:13px;margin:12px 0 0}
.cfh-nl .cfh-nl-check-add{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:12px}
.cfh-nl .cfh-nl-check-add .cfh-nl-field{flex:1 1 220px;min-width:0}
.cfh-nl .cfh-nl-check-add button{flex:0 0 auto}
.cfh-nl .cfh-nl-personal-list{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:6px}
.cfh-nl .cfh-nl-personal-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d8e8f0;border-radius:10px;background:#f7fbfd;padding:8px 10px;color:#234d6b;overflow-wrap:anywhere}
.cfh-nl .cfh-nl-personal-list li span{min-width:0}
.cfh-nl .cfh-nl-personal-list li button{min-height:30px;padding:5px 9px!important;font-size:12px!important}
.cfh-nl .cfh-nl-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:920px){.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.cfh-nl .cfh-nl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cfh-nl .cfh-nl-step{min-height:54px!important;font-size:12px!important}.cfh-nl .cfh-nl-check-add button{width:100%}}

/* 5.1.00 – Nautic uses the EXACT shared Mein-360 loading overlay styles.
 * Markup uses cfm360-loading and cfm360-loader-portal classes, and the
 * existing Mein-360 stylesheet is enqueued as a dependency. No duplicate
 * hand-drawn spinner, compass or separate modal theme. */
.cfh-nl-loader-portal.cfm360-loader-portal{position:fixed!important;inset:0!important;z-index:2147483640!important}
.cfh-nl .cfh-nl-loading[hidden]{display:none!important}
/* Keep the configured Mein-360 title photograph quietly softened behind the text. */
.cfh-nl .cfh-nl-hero:after{filter:blur(1.2px);-webkit-filter:blur(1.2px)}

/* 5.0.101 – no old in-page loader before the single shared overlay opens. */
.cfh-nl .cfh-nl-field small{display:block;margin:5px 0 0;color:#54758a;font-size:12px;line-height:1.35}

/* 5.0.102 – Persönliches Bordtagebuch, Mängelprotokoll und Statistik. */
.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(6,minmax(0,1fr))}
.cfh-nl .cfh-nl-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}
.cfh-nl .cfh-nl-stat{background:linear-gradient(180deg,#f6fbfd,#eaf5f9);border:1px solid var(--nl-line);border-radius:14px;padding:17px;display:flex;flex-direction:column;gap:5px;min-width:0}
.cfh-nl .cfh-nl-stat strong{font-size:clamp(21px,2.7vw,29px);color:#086e98;line-height:1.15;overflow-wrap:anywhere}
.cfh-nl .cfh-nl-stat span{font-size:12px;color:var(--nl-muted)}
.cfh-nl .cfh-nl-region-list{list-style:decimal;padding-left:22px;display:grid;gap:6px;margin:0}
.cfh-nl .cfh-nl-region-list li{padding:10px;border-bottom:1px solid #e2eef3;color:#235474}
.cfh-nl .cfh-nl-region-list li strong{float:right;color:#086e98;font-size:12px;margin-left:12px}
.cfh-nl .cfh-nl-defect-list{display:grid;gap:12px}
.cfh-nl .cfh-nl-defect{border:1px solid #cae3ed;background:#f6fbfd;padding:15px;border-radius:13px;min-width:0}
.cfh-nl .cfh-nl-defect-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;color:#144d75}
.cfh-nl .cfh-nl-defect-tag{border-radius:999px;padding:3px 9px;background:#e2f1f7;color:#26617b;font-size:12px;font-weight:750}
.cfh-nl .cfh-nl-defect .cfh-nl-fields{gap:12px}
.cfh-nl .cfh-nl-defect-actions{display:flex;justify-content:flex-end;margin-top:8px}
.cfh-nl .cfh-nl-defect-actions .cfh-nl-quiet{min-height:30px;font-size:12px!important}
.cfh-nl .cfh-nl-table-scroll{max-width:100%;overflow-x:auto}
.cfh-nl .cfh-nl-compare{width:100%;border-collapse:collapse;font-size:13px;color:#24516b;text-align:left;min-width:420px}
.cfh-nl .cfh-nl-compare th,.cfh-nl .cfh-nl-compare td{padding:10px 12px;border-bottom:1px solid #dcebf1;vertical-align:top}
.cfh-nl .cfh-nl-compare thead th{background:#e9f5fa;color:#134c72;font-weight:800}
.cfh-nl .cfh-nl-compare tbody tr:nth-child(even){background:#f8fcfe}
@media(max-width:920px){.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.cfh-nl .cfh-nl-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.cfh-nl .cfh-nl-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cfh-nl .cfh-nl-defect{padding:12px}.cfh-nl .cfh-nl-region-list li strong{float:none;display:block;margin:4px 0 0}}