@layer components{.hafen-caption{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.02em;color:#1b1d1ec7;background:#d3d6d3;padding:2px 8px;font-size:10.5px;display:inline-block}.box{--c:var(--gold);--ink:var(--foreground);--lock:var(--gold);--lift:-4px;--ease-hub:cubic-bezier(.45, 0, .25, 1);z-index:var(--z,0);background-color:var(--c);min-height:15rem;color:var(--ink);background-image:repeating-linear-gradient(90deg,#00000013 0 1px,#0000 1px 7px,#ffffff14 7px 8px,#0000 8px 15px);flex-direction:column;padding:2.25rem 1.5rem 1.9rem;transition:transform .42s cubic-bezier(.3,.7,.4,1);display:flex;position:relative;box-shadow:inset 0 8px #00000024,inset 0 -8px #00000029,inset 8px 0 #0000000f,inset -8px 0 #0000000f}.box:after{content:"";pointer-events:none;background:linear-gradient(#00000052,#00000052) 0 0/18px 12px no-repeat,linear-gradient(#00000052,#00000052) 100% 0/18px 12px no-repeat,linear-gradient(#00000052,#00000052) 0 100%/18px 12px no-repeat,linear-gradient(#00000052,#00000052) 100% 100%/18px 12px no-repeat;position:absolute;inset:0}.box-signal{--c:var(--gold);--lock:#ffe1cf}.box-teer{--c:var(--teer-2);--ink:var(--background)}.box-gruen{--c:var(--ink-petrol);--ink:#f2f2ef}.box-rost{--c:var(--ink-olive);--ink:#f7f3f0;--lock:#ff8a4d}.box-zink{--c:var(--zink)}.box-weiss{--c:#dcdcd7}@media (max-width:639px){.box{min-height:0;padding:1.9rem 1.25rem 1.6rem}}.box-code{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:.75rem;font-size:12px;font-weight:600;display:flex}.box-code span:last-child{opacity:.75;font-weight:500}.box-teer .box-code span:first-child{color:var(--gold)}.box-link{color:inherit}.box-link:after{content:"";z-index:3;position:absolute;inset:0}@supports selector(:has(*)){.box-link:focus-visible{outline:none}}.box:has(.box-link:focus-visible){outline:2px solid var(--gold-ink);outline-offset:3px}@media (max-width:767px){html{scroll-padding-bottom:5.5rem}}.box-locks{z-index:1;pointer-events:none;opacity:0;background:linear-gradient(var(--lock), var(--lock)) top 0 left 0 / 18px 12px no-repeat, linear-gradient(var(--lock), var(--lock)) top 0 right 0 / 18px 12px no-repeat, radial-gradient(closest-side, color-mix(in srgb, var(--lock) 55%, transparent), transparent) top -10px left -12px / 42px 34px no-repeat, radial-gradient(closest-side, color-mix(in srgb, var(--lock) 55%, transparent), transparent) top -10px right -12px / 42px 34px no-repeat;transition:opacity .22s .28s;position:absolute;inset:0}.box-shade{pointer-events:none;opacity:0;background:radial-gradient(closest-side,#1b1d1e57,#0000);height:12px;transition:opacity .42s,transform .42s cubic-bezier(.3,.7,.4,1);position:absolute;top:100%;left:3%;right:3%}.box-gear{pointer-events:none;opacity:0;height:8.5rem;transition:transform .55s cubic-bezier(.55,0,.8,.35) .34s,opacity .3s linear .6s;position:absolute;bottom:calc(100% - 3px);left:0;right:0;transform:translateY(-2.6rem);-webkit-mask-image:linear-gradient(#0000 2%,#000 55%);mask-image:linear-gradient(#0000 2%,#000 55%)}.box-rope{background:#6c7375;width:1.5px;position:absolute;top:0;bottom:13px}.box-rope:first-child{left:calc(50% - 15px)}.box-rope:nth-child(2){left:calc(50% + 13.5px)}.box-head{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:#3a3f41;width:52px;height:7px;margin-left:-26px;position:absolute;bottom:9px;left:50%}.box-spreader{height:11px;position:absolute;inset:auto 0 0}.box-beam{background:linear-gradient(#8b9294,#5c6366);border-radius:1px;transition:transform .38s cubic-bezier(.3,.7,.3,1);position:absolute;inset:2px 10px;transform:scaleX(.66);box-shadow:inset 0 -1px #00000059}.box-half{width:50%;transition:transform .38s cubic-bezier(.3,.7,.3,1);position:absolute;top:0;bottom:0}.box-half:first-of-type{left:0;transform:translate(30%)}.box-half:last-of-type{right:0;transform:translate(-30%)}.box-half i{background:#26292b;width:18px;height:11px;position:absolute;top:0;box-shadow:inset 0 1px #ffffff1f}.box-half:first-of-type i{left:0}.box-half:last-of-type i{right:0}.box-half i:after{content:"";background:var(--gold);opacity:0;border-radius:1px;width:6px;height:3px;transition:opacity .2s .3s;position:absolute;top:3px;left:6px;box-shadow:0 0 6px 1px #f45b1eb3}@media (hover:hover) and (pointer:fine){.box:hover{transform:translateY(var(--lift));transition:transform .5s var(--ease-hub) .4s}.box:hover .box-gear{opacity:1;transition:transform .38s cubic-bezier(.2,.75,.3,1),opacity .12s linear;transform:none}.box:hover :is(.box-beam,.box-half){transition-delay:40ms;transform:none}.box:hover .box-locks,.box:hover .box-half i:after{opacity:1;transition:opacity .2s .36s}.box:hover .box-shade{opacity:1;transform:translateY(calc(var(--lift) * -1));transition:opacity .5s ease .4s, transform .5s var(--ease-hub) .4s}}.box:has(.box-link:focus-visible){transform:translateY(var(--lift));transition:transform .5s var(--ease-hub) .4s}.box:has(.box-link:focus-visible) .box-gear{opacity:1;transition:transform .38s cubic-bezier(.2,.75,.3,1),opacity .12s linear;transform:none}.box:has(.box-link:focus-visible) :is(.box-beam,.box-half){transition-delay:40ms;transform:none}.box:has(.box-link:focus-visible) .box-locks{opacity:1;transition:opacity .2s .36s}.box:has(.box-link:focus-visible) .box-half i:after{opacity:1;transition:opacity .2s .36s}.box:has(.box-link:focus-visible) .box-shade{opacity:1;transform:translateY(calc(var(--lift) * -1));transition:opacity .5s ease .4s, transform .5s var(--ease-hub) .4s}@media (prefers-reduced-motion:no-preference){.stack[data-armed] .box:not([data-phase]):not(:focus-within){opacity:0}.box[data-phase=in]{animation:box-lower 1.05s cubic-bezier(.22, .7, .32, 1) var(--drop-delay,0s) backwards}.box[data-phase=in] .box-gear{animation:gear-release 2s linear var(--drop-delay,0s) backwards}.box[data-phase=in] :is(.box-beam,.box-half){animation:gear-extended 2s linear var(--drop-delay,0s) backwards}.box[data-phase=in] .box-locks,.box[data-phase=in] .box-half i:after{animation:locks-release 2s linear var(--drop-delay,0s) backwards}}@keyframes box-lower{0%{opacity:0;translate:0 -3.4rem}24%{opacity:1}to{opacity:1;translate:0}}@keyframes gear-release{0%,58%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.8,.35);transform:none}to{opacity:0;transform:translateY(-2.6rem)}}@keyframes gear-extended{0%,to{transform:none}}@keyframes locks-release{0%,50%{opacity:1}58%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.box,.box-gear,.box-shade,.box-beam,.box-half{transition:none!important}.box:hover{transform:none!important}.box:has(.box-link:focus-visible){transform:none!important}.box-gear{display:none}}.route{--p:1;--v:0;padding-top:4.75rem;position:relative}.route-line{background:#eeeeeb29;height:4px;position:absolute;top:4.75rem;left:0;right:0}.route-line i{background:var(--gold);transform:scaleX(var(--p));transform-origin:0;position:absolute;inset:0}.route-ferry{pointer-events:none;height:52px;position:absolute;top:2.35rem;left:0;right:0;overflow:hidden}.route-slide{width:calc(100% - 84px);height:100%;transform:translateX(calc(var(--p) * 100%));position:relative}.route-boat{transform-origin:50% 80%;width:84px;height:52px;display:block;position:relative}.route-wake{transform-origin:100%;width:170px;height:22px;transform:scaleX(calc(.25 + var(--v) * .75));opacity:var(--v);position:absolute;top:29px;right:calc(100% - 8px);overflow:visible}.route-foam{stroke-dasharray:5 9}@media (prefers-reduced-motion:no-preference){.route[data-run=true] .route-boat{animation:6.5s ease-in-out infinite ferry-roll}.route[data-run=true] .route-foam{animation:.9s linear infinite wake-foam}}@keyframes ferry-roll{0%,to{transform:none}30%{transform:translateY(-.8px)rotate(-.7deg)}70%{transform:translateY(.4px)rotate(.5deg)}}@keyframes wake-foam{to{stroke-dashoffset:14px}}.stop{padding-top:2.4rem;position:relative}.stop-dot{background:var(--foreground);border-radius:50%;width:20px;height:20px;position:absolute;top:-9px;left:0;box-shadow:inset 0 0 0 4px #eeeeeb3d}.stop-dot:before,.stop-dot:after,.stop-dot i{content:"";border-radius:50%;position:absolute;inset:0}.stop-dot:before{box-shadow:inset 0 0 0 4px var(--gold)}.stop-dot i{background:var(--gold);inset:5px}.stop-dot:after{box-shadow:0 0 0 2px var(--gold);opacity:0}.stop-body{display:block}.route[data-armed] .stop-dot:before{opacity:0;transition:opacity .35s}.route[data-armed] .stop-dot i{transition:transform .45s cubic-bezier(.2,.8,.25,1);transform:scale(0)}.route[data-armed] .stop-body{opacity:.8;transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.25,1);transform:translateY(8px)}.route[data-armed] .stop[data-reached] .stop-dot:before{opacity:1}.route[data-armed] .stop[data-reached] .stop-dot i{transition-delay:80ms;transform:none}.route[data-armed] .stop[data-reached] .stop-body{opacity:1;transition-delay:.12s;transform:none}.route[data-armed] .stop[data-reached] .stop-dot:after{animation:1.1s cubic-bezier(.2,.7,.3,1) .1s stop-ring}@keyframes stop-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3)}}@media (max-width:767px){.route{padding-top:0;padding-left:2.25rem}.route-line{top:6px;left:8px;right:auto;bottom:var(--line-bottom,6px);width:4px;height:auto}.route-line i{transform:scaleY(var(--p));transform-origin:top}.route-ferry{display:none}.stop{padding-top:0}.stop-dot{top:2px;left:-2.25rem}}.board{color:var(--background);background:#151718;border:1px solid #0b0c0d;border-radius:4px;padding:10px;box-shadow:inset 0 1px #ffffff80,0 18px 36px -24px #1b1d1e99}.board-in{background:radial-gradient(circle at 1px 1px,#ffffff09 1px,#0000 1.2px) 0 0/4px 4px,#111314;border:1px solid #2a2d2f;border-radius:2px}.led{font-family:var(--font-dot), var(--font-mono), monospace;color:#ff7a2f;text-shadow:0 0 6px #ff6e288c,0 0 1px #ffa05ae6;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-weight:800}.led-gruen{color:#5fe39a;text-shadow:0 0 6px #3cdc8280,0 0 1px #96ffbee6}.board-status{letter-spacing:.06em;align-items:center;gap:.45rem;font-size:13px;display:inline-flex}.board-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px 1px #3cdc8299}.board-colon{display:inline-block}@media (prefers-reduced-motion:no-preference){.board[data-run=true] .board-colon{animation:1s step-end infinite led-colon;animation-delay:var(--colon-delay,0s)}}@keyframes led-colon{50%{opacity:.18}}.board-row{border-bottom:1px solid #24272a;grid-template-columns:2.6rem 9rem minmax(0,1fr) 6.5rem;align-items:center;gap:1.25rem;padding:1.15rem 1.35rem;display:grid;position:relative}a.board-row:before{content:"";opacity:0;pointer-events:none;background:#ffffff0b;transition:opacity .25s;position:absolute;inset:0}a.board-row:focus-visible{outline-offset:-3px}.board-arrow{pointer-events:none;width:7px;height:11px;margin-top:-5.5px;position:absolute;top:50%;left:5px;overflow:visible}.board-arrow circle{fill:#ff7a2f;opacity:0;transition:opacity .12s linear}.board-arrow .c2{transition-delay:50ms}.board-arrow .c3{transition-delay:.1s}.board-arrow g{filter:drop-shadow(0 0 2px #ff6e28cc)}@media (hover:hover) and (pointer:fine){a.board-row:hover:before,a.board-row:hover .board-arrow circle{opacity:1}}a.board-row:focus-visible:before,a.board-row:focus-visible .board-arrow circle{opacity:1}.board-linie{background:var(--gold);width:2.6rem;height:2.6rem;color:var(--foreground);border-radius:3px;place-items:center;font-size:1.15rem;font-weight:800;font-stretch:118%;display:grid}.led-dot{font-family:var(--font-mono), monospace;margin:0 -.08em;font-weight:600}.flap{vertical-align:middle;gap:2px;display:inline-flex}.flap-cell{perspective:7em;border-radius:2px;width:.86em;height:1.3em;display:inline-block;position:relative;box-shadow:0 1px #ffffff0d,0 2px 3px #00000080}.flap-cell>span{backface-visibility:hidden;border-radius:2px;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.flap-cell .ft,.flap-cell .ff{clip-path:inset(0 0 50%);background:linear-gradient(#2a2e31,#23272a)}.flap-cell .fb,.flap-cell .fl{clip-path:inset(50% 0 0);background:linear-gradient(#1f2225,#1a1d1f)}.flap-cell .ff{filter:brightness(.75);transform:rotateX(-90deg)}.flap-cell:after{content:"";z-index:2;background:#08090ad9;height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0}.board-ticker{white-space:nowrap;padding:.9rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.board-ticker>div{padding-left:1.35rem;font-size:1.15rem;display:inline-block}.board-ticker span{margin-right:3.5rem}@media (prefers-reduced-motion:no-preference){.board-ticker>div{animation:60s linear infinite paused board-tick}.board[data-run=true] .board-ticker>div{animation-play-state:running}}@keyframes board-tick{to{transform:translate(-50%)}}@media (max-width:639px){.board{padding:6px}.board-row{grid-template-columns:2.25rem minmax(0,1fr) auto;gap:.35rem .85rem;padding:1rem .9rem}.board-linie{grid-row:span 2;width:2.15rem;height:2.15rem;font-size:1rem}.board-desc{grid-area:2/2/auto/-1}.board-price{grid-area:1/3}.board-arrow{width:5px;height:9px;margin-top:-4.5px;left:3px}}}.elbe-linie{overflow:hidden}.elbe-a,.elbe-b{transform-box:fill-box}.elbe-b{transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.elbe-a{animation:56s linear infinite paused elbe-drift-a}.elbe-b{animation:44s linear infinite paused elbe-drift-b}.elbe-linie[data-run=true] .elbe-a,.elbe-linie[data-run=true] .elbe-b{animation-play-state:running}}@keyframes elbe-drift-a{to{transform:translate(-50%)}}@keyframes elbe-drift-b{0%{transform:translate(-50%)}to{transform:translate(0)}}html.js-reveal [data-reveal]:not([data-reveal-state]):not(:focus-within){opacity:0}html.js-reveal [data-reveal=rise][data-reveal-state=in]{animation:rv-rise .7s cubic-bezier(.25, .85, .25, 1) var(--reveal-delay,0s) both}@keyframes rv-rise{0%{clip-path:inset(-100% -.3em 100%);transform:translateY(100%)}to{clip-path:inset(-.3em);transform:none}}html.js-reveal [data-reveal=fade][data-reveal-state=in]{animation:rv-fade .6s cubic-bezier(.22, 1, .36, 1) calc(var(--reveal-delay,0s) + 80ms) both}@keyframes rv-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}html.js-reveal [data-reveal=doors][data-reveal-state=in]{animation:rv-doors .9s cubic-bezier(.77, 0, .18, 1) var(--reveal-delay,0s) both}html.js-reveal [data-reveal=doors][data-reveal-state=in]>img{animation:rv-doors-img 1.2s cubic-bezier(.16, 1, .3, 1) var(--reveal-delay,0s) both, img-fade-in .7s cubic-bezier(.22, 1, .36, 1)}@keyframes rv-doors{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes rv-doors-img{0%{transform:scale(1.1)}to{transform:none}}html.js-reveal [data-reveal=stagger][data-reveal-state=in]>*{animation:rv-item .55s cubic-bezier(.22, 1, .36, 1) calc(var(--reveal-delay,0s) + var(--rv-i,0) * 60ms) both}[data-reveal=stagger]>:nth-child(2){--rv-i:1}[data-reveal=stagger]>:nth-child(3){--rv-i:2}[data-reveal=stagger]>:nth-child(4){--rv-i:3}[data-reveal=stagger]>:nth-child(5){--rv-i:4}[data-reveal=stagger]>:nth-child(6){--rv-i:5}[data-reveal=stagger]>:nth-child(7){--rv-i:6}[data-reveal=stagger]>:nth-child(8){--rv-i:7}[data-reveal=stagger]>:nth-child(n+9){--rv-i:8}@keyframes rv-item{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html.js-reveal [data-reveal],html.js-reveal [data-reveal]>*{opacity:1!important;animation:none!important}}@media print{html.js-reveal [data-reveal],html.js-reveal [data-reveal]>*{opacity:1!important;animation:none!important}}.spaeter,.spaeter-geladen{contain-intrinsic-block-size:auto var(--spaeter-h,1000px)}@media (min-width:1024px){.spaeter,.spaeter-geladen{contain-intrinsic-block-size:auto var(--spaeter-h-lg,var(--spaeter-h,1000px))}}.spaeter,html.seite-geladen .spaeter-geladen{content-visibility:auto}@media print{.spaeter,html.seite-geladen .spaeter-geladen{content-visibility:visible}}