/* ==========================================================================
   MARINECHECK Berlin – Ergänzungen zum gemeinsamen Baukasten
   (Linienriss-Skizze, Gewässerkarte, Fotos, Checkliste, Formular-Auswahlfelder)
   ========================================================================== */

/* Mega-Menü: Hinweisspalte */
.panel__text{margin:.2rem 0 0;color:var(--muted);font-size:.98rem;line-height:1.45}

/* Bootsskizze: Wasserlinie und Wellen */
.sketch .wl{fill:none;stroke:#7CC6D3;stroke-width:1.3;stroke-dasharray:14 6;opacity:.85}
.sketch .wave{fill:none;stroke:#7CC6D3;stroke-width:1.2;stroke-linecap:round;opacity:.5}
.sketch .wl-label{fill:#9FD8E2;font:600 11px var(--font-body)}

/* Foto statt Video (Startseite, Leistungsseiten) */
.photo{margin:0}
.photo__frame{overflow:hidden;border-radius:var(--r-l);background:var(--surface-2);box-shadow:var(--shadow-m)}
.photo__frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.photo figcaption{margin-top:.6rem;font-size:.92rem;color:var(--muted)}
.prose .photo{margin:1.25rem 0 1.5rem}

/* Gewässerkarte (schematisch) */
.map__water{fill:none;stroke:#7CC6D3;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.map__lake{fill:rgba(124,198,211,.35);stroke:#7CC6D3;stroke-width:1.2}
.map__label{fill:#CDE3EA!important;font:600 8.5px var(--font-body)!important}

/* Reviere (Einsatzgebiet) */
.reviere{display:grid;gap:1.25rem;margin:1.5rem 0 2rem;list-style:none}
.revier{padding:1.25rem 1.4rem;border:1px solid var(--line);border-left:4px solid var(--blau-600);border-radius:var(--r-m);background:var(--surface);scroll-margin-top:calc(var(--header-h) + 1rem)}
.revier h2,.revier h3{margin-bottom:.35em;font-size:1.5rem}
.revier p{margin:0 0 .6em}
.revier p:last-child{margin-bottom:0}

/* Checkliste Gebrauchtboot */
.check-intro{padding:1.25rem 1.4rem;border-radius:var(--r-m);background:var(--blau-50);border:1px solid var(--line)}
.check-intro p:last-child{margin:0}
.checklist{margin:1.25rem 0 2rem}
.checklist__sec{margin:0 0 1.25rem;padding:1.1rem 1.25rem 1.2rem;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);scroll-margin-top:calc(var(--header-h) + 1rem)}
.checklist__sec h2{display:flex;align-items:center;gap:.65rem;margin:0 0 .75rem;font-size:1.45rem}
.checklist__n{display:grid;flex:none;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--blau-600);color:#fff;font:700 1rem/1 var(--font-display)}
.checklist ul{display:grid;gap:.15rem;list-style:none}
.checklist label{display:flex;gap:.7rem;align-items:flex-start;padding:.45rem .35rem;border-radius:8px;cursor:pointer;line-height:1.4}
.checklist label:hover{background:var(--surface-2)}
.checklist input{flex:none;width:1.25rem;height:1.25rem;margin:.1rem 0 0;accent-color:var(--blau-600)}
.checklist input:checked + span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line-strong)}
.check-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}
.check-progress{margin:.75rem 0 0;font-weight:600;color:var(--muted)}
@media print{
  .site-header,.site-footer,.cta-bar,.cta-band,.aside,.page-hero__cta,.check-actions,.crumbs,.skip{display:none!important}
  .page-hero{background:none!important;color:#000!important;padding:0 0 1rem!important}
  .page-hero h1,.page-hero__lead{color:#000!important}
  .layout{display:block}
  .checklist__sec{break-inside:avoid;border-color:#999}
}

/* Kostenvoranschlag: Auswahlfelder wie Textfelder */
.kva-field select{width:100%;min-height:52px;padding:12px 40px 12px 15px;font:inherit;font-size:1rem;color:var(--k-text);background:var(--k-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2346606C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/20px;border:1.5px solid var(--k-line-s);border-radius:12px;appearance:none;-webkit-appearance:none}
.kva-field select:hover{border-color:var(--k-blue)}
.kva-field select:focus{outline:none;border-color:var(--k-blue);box-shadow:0 0 0 4px var(--k-ring)}
.kva-field.is-invalid select{border-color:var(--k-err)}
.kva-field input[name=cin]{text-transform:uppercase}
.kva-num,.kva-steps li::before{color:#fff!important;background:var(--k-blue-d)!important}

/* KI-Kennzeichnung (wie bei CARCHECK) */
.ki-hinweis{display:inline-block;margin-left:.5em;padding:.05em .55em;border:1px solid currentColor;border-radius:4px;font-size:.85em;font-weight:600;white-space:nowrap}
.ki-badge{position:absolute;left:1.4rem;bottom:1.4rem;z-index:1;padding:.2rem .6rem;border-radius:6px;background:rgba(6,24,40,.78);color:#fff;font-size:.8rem;font-weight:600}
.photo--43 .photo__frame img{aspect-ratio:4/3}

/* Logo: MARINECHECK-Wortmarke ist breiter als die CARCHECK-Marke */
.brand img{height:52px}
@media (max-width:1179px){.brand img{height:46px}}
@media (max-width:560px){.brand img{height:36px}.site-header__bar{gap:.5rem}}
@media (max-width:400px){.brand img{height:32px}.header-wa{padding:.55rem .7rem}.header-wa span{display:none}}