/* Kundenseiten im Hafenschnack-CI (14.11.2026): Gold und Blau statt Kundenfarben, Kacheln „Mehr dazu“. Nach anatomie.css laden. */
.an-wege{background:linear-gradient(160deg,#10344a,#081f30)}
.an-wege .an-k{color:#d4b06f}
.an-wege__tabs button[aria-selected=true]{color:#0e2f43}
.an-wege--wahl{--an-g:#0e2f43;background:linear-gradient(160deg,#10344a,#081f30)}
.an-wege--wahl .an-k{color:#d4b06f}

.an-arbeit__fuss.bg-weiter{display:block}
.bg-weiter .ke-weiter-titel{margin:0}
.bg-weiter__raster{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(var(--bg-n,4),minmax(0,1fr))}
.bg-weiter__raster>li{display:flex}
.bg-weiter .ke-hinweise{margin-top:28px}
.bg-karte{display:flex;flex-direction:column;width:100%;background:#fff;border-radius:18px;overflow:hidden;text-decoration:none;color:#0e2f43;box-shadow:0 1px 0 rgba(14,47,67,.06),0 14px 34px -18px rgba(14,47,67,.35);outline:1px solid rgba(14,47,67,.08);transition:transform .3s ease,box-shadow .3s ease}
.bg-karte__bild{display:block;aspect-ratio:16/10;overflow:hidden;background:#10344a}
.bg-karte__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.bg-karte__text{display:flex;flex-direction:column;gap:8px;flex:1;padding:20px 22px 22px}
.bg-karte__art{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7a5a22}
.bg-karte__titel{font-family:var(--display);font-size:24px;line-height:1.15;color:#0e2f43}
.bg-karte__satz{font-size:15px;line-height:1.55;color:#4c5c6b}
.bg-karte__los{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#0e2f43}
.bg-karte__los svg{width:20px;height:20px;fill:none;stroke:#b99557;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}
.bg-karte:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(14,47,67,.06),0 22px 44px -20px rgba(14,47,67,.45)}
.bg-karte:hover .bg-karte__bild img{transform:scale(1.04)}
.bg-karte:hover .bg-karte__los svg{transform:translateX(4px)}
.bg-karte:focus-visible{outline:3px solid #b99557;outline-offset:3px}
@media (min-width:1100px){.bg-weiter__raster[style*="--bg-n:2"]{max-width:860px}.bg-weiter__raster[style*="--bg-n:3"]{max-width:1080px}}
@media (max-width:1099px){.bg-weiter__raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:600px){.bg-weiter__raster[style*="--bg-n:1"]{max-width:420px;grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){.bg-weiter__raster{grid-template-columns:minmax(0,1fr)}.bg-karte__titel{font-size:22px}}
@media (prefers-reduced-motion:reduce){.bg-karte,.bg-karte__bild img,.bg-karte__los svg{transition:none}}