/* Bootstourpiraten V0.3.7.2 – scoped Marinas & Anleger overview layout. */
.marinas-page .vertical-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.marinas-page .vertical-index-cross{margin-bottom:16px}
.marinas-page .marina-pier-section{padding-top:48px;padding-bottom:50px}
.marinas-page .marina-pier-section + .marina-pier-section{border-top:1px solid #e0eaf4}
.marinas-page .marina-pier-intro{margin-bottom:25px}
.marinas-page .marina-pier-intro .marina-pier-eyebrow{display:block;font-size:.78rem;font-weight:800;letter-spacing:.085em;text-transform:uppercase;color:#145be7;margin-bottom:9px}
.marinas-page .marina-pier-intro h2{font-size:clamp(1.55rem,2.3vw,2rem);line-height:1.2;color:#002e5b;margin:0 0 12px}
.marinas-page .marina-pier-intro p{max-width:75ch;color:#4d6a85;line-height:1.7;margin:0}
.marinas-page .marina-pier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.marinas-page .marina-pier-card{background:#fff;border:1px solid #d5e4f4;padding:24px;min-width:0;display:flex;flex-direction:column;gap:0;transition:border-color .15s ease,box-shadow .15s ease}
.marinas-page .marina-pier-card:hover{border-color:#91bbf4;box-shadow:0 7px 24px rgba(20,73,134,.08)}
.marinas-page .marina-pier-city{font-size:.73rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#2a61a8;margin-bottom:11px}
.marinas-page .marina-pier-card h3{font-size:clamp(1.05rem,1.35vw,1.19rem);line-height:1.35;margin:0 0 10px;font-weight:800;overflow-wrap:anywhere}
.marinas-page .marina-pier-card h3 a{color:#002e5b;text-decoration:none}
.marinas-page .marina-pier-card h3 a:hover,.marinas-page .marina-pier-card h3 a:focus-visible{text-decoration:underline}
.marinas-page .marina-pier-card p{color:#506b83;font-size:.92rem;line-height:1.6;margin:0 0 22px;flex:1}
.marinas-page .marina-pier-link{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;color:#1559ed;font-weight:750;text-decoration:none;align-self:flex-start}
.marinas-page .marina-pier-link:hover,.marinas-page .marina-pier-link:focus-visible{text-decoration:underline}
@media(max-width:1020px){.marinas-page .marina-pier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.marinas-page .vertical-index-grid,.marinas-page .marina-pier-grid{grid-template-columns:minmax(0,1fr)}.marinas-page .marina-pier-section{padding-top:32px;padding-bottom:38px}.marinas-page .marina-pier-card{padding:21px}}


/* V0.3.7.2 – abgestimmte, weiche Karten wie in /tipps/ und /reedereien/.
   Nur /marinas/: bestehende Spalten und Inhalte bleiben unverändert. */
.marinas-page .vertical-index-card,
.marinas-page .marina-pier-card {
  background:#f4f8fd;
  border:1px solid #d7e4f5;
  border-radius:11px;
  box-shadow:0 1px 0 rgba(0,46,91,.015);
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.marinas-page .vertical-index-card {padding:30px;min-height:235px}
.marinas-page .marina-pier-card {padding:30px;min-height:238px}
.marinas-page .vertical-index-card:hover,
.marinas-page .marina-pier-card:hover {
  background:#f0f6ff;
  border-color:#b5cff0;
  box-shadow:0 8px 22px rgba(0,46,91,.055);
}
.marinas-page .vertical-card-icon{border-radius:8px}
.marinas-page .marina-pier-city {
  color:#1559ed;
  font-size:.77rem;
  font-weight:850;
  letter-spacing:.095em;
  margin-bottom:15px;
}
.marinas-page .marina-pier-card h3 {
  font-size:clamp(1.12rem,1.65vw,1.34rem);
  line-height:1.3;
  letter-spacing:-.022em;
  margin-bottom:14px;
}
.marinas-page .marina-pier-card p {
  color:#536e89;
  font-size:.96rem;
  line-height:1.7;
  margin-bottom:24px;
}
.marinas-page .marina-pier-link,
.marinas-page .vertical-read {color:#1559ed}
.marinas-page .vertical-index-cross {border-radius:9px}
@media(max-width:750px){
  .marinas-page .vertical-index-card,
  .marinas-page .marina-pier-card {padding:24px;min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .marinas-page .vertical-index-card,
  .marinas-page .marina-pier-card {transition:none}
}