/* ============================================================
   Seiten-Styles: Sektionen, Detailseite, Content-Seiten, Home
   ============================================================ */
section.pad{padding:46px 0 12px}
section.pad-lg,.pad-lg{padding:64px 0}
.wrap--narrow{max-width:840px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.grid3{grid-template-columns:1fr}}

/* Eyebrow + Section-Heading */
.eyebrow{font-family:var(--hd);text-transform:uppercase;letter-spacing:3px;font-size:12px;
  color:var(--tuerkis);font-weight:700;display:block;margin-bottom:6px}
h2.st{font-size:30px;font-weight:700;margin-bottom:20px;position:relative;padding-bottom:12px}
h2.st:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;background:var(--gelb);border-radius:2px}

/* Textbloecke */
.tb{background:#fff;border:1px solid #e1eaea;border-radius:var(--r);padding:28px 30px;line-height:1.85}
.tb p{margin-bottom:13px}.tb p:last-child{margin-bottom:0}
.lead{font-size:18.5px;color:var(--ink)}
.wind{background:linear-gradient(135deg,var(--offwhite),#e4f4f6);border:0}
.hl-intro{margin-bottom:18px;color:var(--tx)}

/* Highlights */
.hg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.hc{background:var(--offwhite);border-left:4px solid var(--tuerkis);border-radius:8px;padding:18px 20px}
.hc strong{display:block;font-family:var(--hd);color:var(--ink);font-size:16px;margin-bottom:4px}
.hc span{font-size:14.5px;color:var(--tx)}
@media(max-width:820px){.hg{grid-template-columns:1fr}}

/* Split Bild+Text */
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.split img,.split-img img,img.split-img{border-radius:12px;height:340px;width:100%;object-fit:cover;box-shadow:var(--shadow-m)}
@media(max-width:820px){.split{grid-template-columns:1fr}}

/* Leistungen */
.lg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lb{background:#fff;border:1px solid #e1eaea;border-radius:12px;padding:26px 28px}
.lb h4{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:var(--tuerkis);margin-bottom:14px;
  padding-bottom:8px;border-bottom:2px solid var(--gelb);display:inline-block}
.lb ul{list-style:none}
.lb li{padding:9px 0 9px 26px;position:relative;border-bottom:1px solid #f1f4f4;font-size:15px}
.lb li:last-child{border-bottom:none}
.lb li:before{content:"›";position:absolute;left:4px;color:var(--pink);font-family:var(--hd);font-weight:700;font-size:18px}
@media(max-width:820px){.lg{grid-template-columns:1fr}}

/* Facts-Grid (Detailseite) */
.facts{display:grid;grid-template-columns:repeat(5,1fr);background:var(--offwhite);
  border-radius:0 0 14px 14px;overflow:hidden;margin-bottom:16px}
.facts .f{padding:22px 16px;text-align:center;border-right:1px solid #dde6e6}
.facts .f:last-child{border-right:none}
.facts .fl{font-family:var(--hd);text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--grau);margin-bottom:6px}
.facts .fv{font-family:var(--hd);font-weight:700;color:var(--ink);font-size:15.5px}
@media(max-width:900px){.facts{grid-template-columns:1fr 1fr}}

/* FAQ */
.fs details{background:#fff;border:1px solid #e1eaea;border-radius:10px;margin-bottom:10px;overflow:hidden}
.fs summary{list-style:none;cursor:pointer;padding:18px 22px 18px 50px;font-family:var(--hd);font-weight:700;color:var(--ink);position:relative}
.fs summary::-webkit-details-marker{display:none}
.fs summary:before{content:"+";position:absolute;left:20px;color:var(--tuerkis);font-size:22px;top:14px}
.fs details[open] summary:before{content:"−"}
.fs .a{padding:0 22px 20px 50px;color:var(--tx)}

/* Ueber MI + Final-CTA */
.about{background:var(--ink);color:#e7edee;border-radius:16px;padding:44px;text-align:center}
.about h3{color:#fff;font-size:26px;margin-bottom:14px}
.about p{max-width:720px;margin:0 auto 10px;color:#c4cdcf}
.final{text-align:center;padding:26px 0 70px}
.final h2{font-size:32px;margin:6px 0 24px}
.yacht-link{margin-top:14px}

/* Infobox (Home) */
.ib{background:#fff;border:1px solid #e1eaea;border-radius:var(--r);padding:30px 26px;text-align:center}
.ib__icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:var(--offwhite);
  display:flex;align-items:center;justify-content:center;font-size:28px;transition:transform .5s ease}
.ib:hover .ib__icon{transform:rotateY(360deg)}
.ib h3{font-size:19px;margin-bottom:8px}

/* Counter-Band */
.counters{background:var(--ink);color:#fff;padding:58px 0}
.counters .grid3{max-width:var(--wrap);margin:0 auto;padding:0 22px;text-align:center}
.counter{font-family:var(--hd);font-weight:700;font-size:52px;color:var(--gelb)}
.counters .lbl{font-family:var(--hd);text-transform:uppercase;letter-spacing:2px;font-size:13px;color:#b9c8cb}

/* CTA-Banner (Home) */
.cta-banner{background:linear-gradient(135deg,var(--ink),var(--ink-2));border-radius:16px;
  padding:54px 44px;text-align:center;color:#fff}
.cta-banner h2{color:#fff;font-size:32px}

/* Page-Band (Unterseiten-Kopf) */
.pageband{background:var(--ink);padding:64px 0 52px}
.pageband .dh__title{color:#fff;font-size:40px}
.pageband__sub{color:#b9c8cb;max-width:660px;margin-top:6px}

/* Content-Seiten (extrahierte Bloecke) */
.ct p{margin-bottom:15px}
.ct-h{font-family:var(--hd);font-size:22px;color:var(--ink);margin:30px 0 12px;position:relative;
  padding-bottom:9px}
.ct-h:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--gelb);border-radius:2px}
.mi-list{list-style:none;margin:0 0 16px}
.mi-list li{padding:7px 0 7px 24px;position:relative}
.mi-list li:before{content:"›";position:absolute;left:2px;color:var(--tuerkis);font-family:var(--hd);font-weight:700;font-size:17px}

/* Blog-Detail */
.blogbody p{margin-bottom:15px}
.blogbody img{border-radius:10px;margin:18px 0}
.blogbody h2,.blogbody h3{margin:26px 0 12px}

/* Formulare */
.mi-form label{display:block;font-family:var(--hd);font-weight:700;font-size:13px;text-transform:uppercase;
  letter-spacing:1px;color:var(--ink);margin-bottom:14px}
.mi-form input,.mi-form select,.mi-form textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;
  border:1px solid #c9d6d8;border-radius:8px;background:var(--offwhite);font-family:var(--bd);font-size:15px;
  color:var(--ink);transition:border .15s,box-shadow .15s}
.mi-form input:focus,.mi-form select:focus,.mi-form textarea:focus{outline:none;border-color:var(--tuerkis);
  box-shadow:0 0 0 3px rgba(93,199,213,.2)}
.mi-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
@media(max-width:700px){.mi-form__grid{grid-template-columns:1fr}}
.mi-form .hint{font-family:var(--bd);font-weight:400;text-transform:none;letter-spacing:0;color:var(--grau);font-size:13px}
.mi-form .hp{position:absolute;left:-9999px;height:0;width:0;border:0;padding:0}
.mi-form button{margin-top:8px}