/* HafenDigital — targeted launch fixes. Keeps the Stitch design language intact. */
html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px}a,button,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #28d9ff;outline-offset:3px}
.hd-mobile-toggle{display:none;appearance:none;border:1px solid rgba(36,205,250,.32);border-radius:12px;padding:8px 13px;color:#5de4fc;background:#091b2c;line-height:1;font-size:21px;cursor:pointer}
.hd-mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:12px 18px 24px;background:#06101ef5;border-bottom:1px solid #21506d;box-shadow:0 22px 45px #0009;z-index:80}
.hd-mobile-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.hd-mobile-nav a{color:#d9ecf8;font:500 14px/1.4 system-ui,sans-serif;padding:13px 12px;border:1px solid #17426077;border-radius:9px;text-decoration:none}
.hd-mobile-nav a:focus-visible,.hd-mobile-nav a:hover{color:#36d8fd;background:#102943}
.hd-gallery-note{grid-column:1/-1!important;padding:12px 16px;background:#112136;border:1px solid #215173;border-radius:12px;color:#b9d2e0;font:400 13px/1.45 system-ui,sans-serif;margin:0 0 8px}
.hd-note{max-width:1152px;margin:86px auto 0;padding:12px 16px;border:1px solid #234861;background:#0d1f31;color:#a9bfd0;border-radius:12px;font:400 12px/1.5 system-ui,sans-serif}
.hd-hp{position:absolute!important;left:-10000px!important;opacity:0;pointer-events:none;height:0;overflow:hidden}
.hd-form-status{margin-top:12px;min-height:23px;font:500 13px/1.5 system-ui,sans-serif;color:#dcebf2}.hd-form-status[data-state='error']{color:#ffb4b4}.hd-form-status[data-state='success']{color:#82ebc8}.hd-form-status[data-state='sending']{color:#82dcfa}
.hd-home>section:first-child{position:relative;isolation:isolate}.hd-home>section:first-child::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,18,.88) 0%,rgba(3,8,18,.64) 50%,rgba(3,8,18,.5) 100%),url('harbor-night.webp') center 62%/cover no-repeat;opacity:.36;z-index:-1;pointer-events:none}
/* New simple content routes, matched to established black/cyan visual identity. */
.hd-extra{background:#050b14;color:#e9f5ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;margin:0}
.hd-extra *{box-sizing:border-box}.hd-extra a{text-decoration:none}.hd-extra-head{height:80px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));gap:25px;border-bottom:1px solid #183143;background:#07111ef0;backdrop-filter:blur(20px)}
.hd-extra-head nav:not(.hd-mobile-nav){display:flex;gap:23px;align-items:center}.hd-extra-head nav a{color:#b8cad8;font-size:13px}.hd-extra-head nav a:hover{color:#3ad7f3}.hd-brand{font-size:25px;font-weight:800;letter-spacing:-.05em;white-space:nowrap;color:#fff}.hd-brand span{color:#14d5fd}.hd-cta{display:inline-flex;padding:12px 22px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(100deg,#24bff4,#15d9ff);color:#03131d;font-weight:750;font-size:14px;box-shadow:0 0 24px #00baff44;white-space:nowrap}.hd-cta:hover{filter:brightness(1.12)}.hd-extra-inner{max-width:1180px;margin:auto;padding:0 28px}.hd-eyebrow{color:#28d9fb;font-size:12px;font-weight:800;letter-spacing:.17em}.hd-extra-hero{min-height:470px;display:flex;align-items:center;background:linear-gradient(90deg,#04111eed,#06192bb8),url('harbor-water.webp') center 55%/cover;border-bottom:1px solid #193d55}.hd-extra-hero .hd-extra-inner{width:100%}.hd-extra-hero h1{font-size:clamp(37px,5vw,65px);max-width:750px;line-height:1.09;letter-spacing:-.05em;margin:18px 0 20px}.hd-extra-hero p{max-width:700px;color:#c3d5e3;font-size:17px}.hd-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hd-ghost{display:inline-flex;align-items:center;padding:11px 21px;border:1px solid #4a7387;border-radius:14px;color:#d4e6f2;font-size:14px;white-space:nowrap}.hd-ghost:hover{border-color:#38d8ff}.hd-extra-content{padding-top:80px;padding-bottom:85px}.hd-extra-content>h2,.hd-extra-close h2{font-size:clamp(27px,4vw,40px);letter-spacing:-.04em;margin:13px 0 30px}.hd-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hd-service-card{border:1px solid #1a3e57;border-radius:17px;padding:26px;background:linear-gradient(150deg,#102136,#080f1c);min-height:155px;box-shadow:0 10px 30px #0003}.hd-service-card h2{font-size:21px;color:white;margin:0 0 8px}.hd-service-card p{font-size:14px;color:#adbece;margin:0}.hd-extra-close{padding-top:40px;padding-bottom:50px;border-top:1px solid #183c54;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.hd-extra-close h2{margin:0}.hd-extra-close p{color:#9fb2c2;max-width:450px}.hd-extra-foot{padding:36px max(28px,calc((100vw - 1180px)/2));border-top:1px solid #204059;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.hd-extra-foot>span{font-size:13px;color:#b5c8d8}.hd-extra-foot>div{display:flex;gap:18px}.hd-extra-foot>div a{font-size:13px;color:#b5c8d8}.hd-legal main{padding-top:85px;max-width:850px;min-height:75vh}.hd-legal h1{font-size:clamp(38px,6vw,60px);margin:10px 0 35px}.hd-legal h2{font-size:25px;margin:25px 0 10px}.hd-legal p{color:#b2c8da;line-height:1.9}.hd-legal .hd-ghost{margin:25px 0}
@media(max-width:850px){.hd-mobile-toggle{display:inline-flex;order:4}header:not(.hd-extra-head) .hd-mobile-toggle{margin-left:auto}header:not(.hd-extra-head)>div:first-child>a:last-of-type{display:none}.hd-extra-head nav:not(.hd-mobile-nav){display:none}.hd-extra-head{padding:0 20px}.hd-extra-head>.hd-cta{display:none}.hd-extra-hero{min-height:480px}.hd-extra-foot{padding:25px}.hd-note{margin:88px 16px 0}}
@media(max-width:600px){.hd-mobile-nav.is-open{grid-template-columns:1fr}.hd-extra-hero{min-height:430px}.hd-extra-hero p{font-size:15px}.hd-service-grid{grid-template-columns:1fr}.hd-extra-content{padding:55px 22px}.hd-extra-inner{padding:0 22px}.hd-extra-close{padding:38px 22px}.hd-extra-close p{margin-top:0}.hd-extra-head{height:72px}.hd-extra .hd-brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.hd-foot-legal{display:inline-flex;gap:16px;align-items:center;flex-wrap:wrap;padding:8px 20px}.hd-foot-legal a{color:#9dc8dd;font-size:12px;text-decoration:none}.hd-foot-legal a:hover{text-decoration:underline;color:#21d6ff}

/* Local fallback for Font Awesome-based icons in the imported Betreuung page. */
i[class*="fa-"]{display:inline-block;font-style:normal;line-height:1;min-width:1em;text-align:center;font-family:system-ui,sans-serif}
i[class*="fa-"]::before{content:"✦"}
i.fa-arrow-right::before{content:"→"}i.fa-check::before{content:"✓"}i.fa-user::before{content:"♙"}i.fa-bolt::before{content:"ϟ"}i.fa-shield::before,i.fa-shield-halved::before,i.fa-shield-heart::before,i.fa-shield-virus::before{content:"⬡"}i.fa-chart-pie::before,i.fa-chart-simple::before,i.fa-chart-column::before,i.fa-chart-line::before{content:"▥"}i.fa-arrows-rotate::before,i.fa-rotate::before{content:"↻"}i.fa-gauge-high::before{content:"◴"}i.fa-database::before{content:"▤"}i.fa-magnifying-glass::before{content:"⌕"}i.fa-headset::before,i.fa-comments::before{content:"◉"}i.fa-box-archive::before{content:"▣"}i.fa-gear::before,i.fa-sliders::before{content:"⚙"}i.fa-desktop::before{content:"▱"}i.fa-layer-group::before{content:"▧"}i.fa-crown::before{content:"♕"}i.fa-gem::before{content:"◇"}i.fa-clock::before{content:"◷"}i.fa-rocket::before{content:"↗"}i.fa-user-group::before{content:"♙"}i.fa-handshake::before{content:"◇"}i.fa-bullseye::before{content:"◎"}i.fa-star::before{content:"★"}i.fa-minus::before{content:"−"}

/* Per-page imagery: one design language, intentionally distinct scenes. */
body.hd-webdesign .hd-extra-hero{background-image:linear-gradient(90deg,#04111ef2,#06192bc4),url('harbor-city.webp')}
body.hd-online-werbung .hd-extra-hero{background-image:linear-gradient(90deg,#04111ef2,#06192bc4),url('harbor-lines.webp')}
body.hd-automatisierung .hd-extra-hero{background-image:linear-gradient(90deg,#04111ef2,#06192bc4),url('harbor-panels.webp')}
/* Avoid presenting a mouse hover glow as a link for noninteractive surfaces. */
@media (max-width: 800px){.hd-extra-head{padding-inline:18px}.hd-extra-hero{min-height:450px}.hd-extra-inner{padding-inline:20px}}
@media (max-width: 480px){.hd-extra-hero h1{font-size:clamp(31px,10vw,46px)}.hd-extra-hero p{font-size:15px}}