body{margin:0;background:var(--bg,#f4f6f7);color:var(--text,#061a31);font:1rem/1.6 system-ui,sans-serif}main{max-width:1200px;margin:40px auto;padding:0 24px}h1,h2{font-family:Georgia,serif;line-height:1.12}h1{font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:-.04em}h2{font-size:1.6rem}a{color:inherit;text-underline-offset:4px;display:inline-block;padding:8px 0}a:focus-visible,select:focus-visible{outline:3px solid var(--accent,#9b7128);outline-offset:4px}.hero{position:relative;overflow:hidden;border-radius:18px;min-height:440px;display:flex;align-items:center}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.5}.hero>div{position:relative;padding:40px;max-width:770px;background:linear-gradient(90deg,var(--bg,#f4f6f7),transparent)}.hero h1{margin:12px 0}.primary{background:var(--accent,#9b7128);color:var(--bg,#f4f6f7);padding:12px 22px;border-radius:12px;text-decoration:none;margin:12px 12px 12px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}.card,.area{border:1px solid var(--line,#d9e0e5);border-radius:18px;overflow:hidden;background:var(--surface,#f4f6f7)}.card img{width:100%;height:190px;object-fit:cover;display:block}.card>div,.area{padding:24px}.card h2,.area h2{margin:0 0 16px}.lead{font-size:1.2rem;max-width:850px}.steps{padding-left:30px;max-width:900px}.steps li{padding:10px 0 18px 12px}.steps li::marker{font-weight:700;color:var(--accent,#9b7128)}.steps h2{margin:0}.note{padding:24px;border:1px solid var(--line,#d9e0e5);border-radius:18px}.links{display:flex;gap:24px;flex-wrap:wrap}.jobs{grid-template-columns:repeat(2,minmax(0,1fr))}#maritime-language{margin:0 24px;min-height:44px} @media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){main{padding:0 16px;margin:20px auto}.grid,.jobs{grid-template-columns:1fr}.hero>div{padding:24px}.hero{min-height:400px}h1{font-size:2.4rem}}
.sv-customer-preferences,.sv-customer-footer{display:none!important}

/* Maritime application only: current SIGVORA light surfaces and one gold action. */
html[data-theme="light"] body[data-maritime-page] main .card,html[data-theme="light"] body[data-maritime-page] main .area{background:var(--bg)!important}
body[data-maritime-page] main a.primary{background:var(--accent)!important;color:var(--bg)!important}

/* Maritime photography selection r1: common crop, original colours, no filters. */
body[data-maritime-page] main .card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 45%;filter:none;transform:none}
body[data-maritime-page=start] main .grid>.card>img{aspect-ratio:16/9;object-position:50% 45%}
body[data-maritime-page=karriere] main .jobs>.card>img{aspect-ratio:16/9;object-position:50% 50%}

/* r3: Schriften und Schreibrichtung für 11 Sprachen (wird an die bestehende maritime.css angehängt). */
html[lang="zh-CN"] body{font-family:system-ui,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;line-height:1.75}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2{font-family:"Songti SC","Noto Serif SC","Source Han Serif SC","SimSun",serif;letter-spacing:0;line-height:1.3}
html[dir="rtl"] body{font-family:system-ui,"Geeza Pro","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;line-height:1.8}
html[dir="rtl"] h1,html[dir="rtl"] h2{font-family:"Noto Naskh Arabic","Geeza Pro","Traditional Arabic",serif;letter-spacing:0;line-height:1.4}
html[dir="rtl"] .hero>img{object-position:left center}
html[dir="rtl"] .hero>div{background:linear-gradient(270deg,var(--bg,#f4f6f7),transparent)}
html[dir="rtl"] .steps{padding-left:0;padding-right:30px}
html[dir="rtl"] .steps li{padding:10px 12px 18px 0}
html[dir="rtl"] .primary{margin:12px 0 12px 12px}
html[dir="rtl"] #maritime-language{direction:ltr}

/* r3b: Tippflächen mindestens 44 px (Handy), gleich hohe Karten mit bündigen Links, Hero-Foto auf dem Handy sichtbar. */
body[data-maritime-page] main a:not(.primary){min-height:44px;min-width:44px;display:inline-flex;align-items:center}
body[data-maritime-page] .hero a{white-space:nowrap}
body[data-maritime-page] #maritime-language,body[data-maritime-page] .sv-shell-language select{min-height:44px}
body[data-maritime-page] .sv-shell-footer .sv-shell-text,body[data-maritime-page] .sv-shell-links a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
body[data-maritime-page] .grid>.card,body[data-maritime-page] .grid>.area{display:flex;flex-direction:column}
body[data-maritime-page] .card>div{display:flex;flex-direction:column;flex:1}
body[data-maritime-page] .card>div>a,body[data-maritime-page] .area>a:last-child{margin-top:auto}
@media(max-width:650px){
 body[data-maritime-page] .hero{flex-direction:column;align-items:stretch;min-height:0}
 body[data-maritime-page] .hero>img{position:static;width:100%;height:220px;opacity:1;order:-1}
 body[data-maritime-page] .hero>div{background:none;padding:24px}
}

/* Maritime-Startseite: ein Bildschirm (19.10.2026). Nur body[data-maritime-page=start], nur breite Fenster. */
@media (min-width:1000px) and (min-height:760px){
 body[data-maritime-page=start]{display:flex;flex-direction:column;height:100vh;overflow:hidden}
 body[data-maritime-page=start] main{flex:1 1 0;min-height:0;width:100%;max-width:1360px;margin:0 auto;padding:8px 28px 10px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px}
 body[data-maritime-page=start] .hero{grid-column:1/-1;grid-row:1;min-height:0;border-radius:26px;align-items:stretch;box-shadow:0 24px 60px rgba(0,0,0,.28)}
 body[data-maritime-page=start] .hero>img{opacity:1;object-position:center 60%}
 body[data-maritime-page=start] .hero>div{width:58%;max-width:none;box-sizing:border-box;padding:0 clamp(24px,3.4vw,52px);display:grid;grid-template-columns:auto auto 1fr;justify-content:start;align-content:center;column-gap:14px;background:linear-gradient(90deg,rgba(6,26,49,.82) 0%,rgba(6,26,49,.55) 70%,transparent 100%);color:#fff}
 body[data-maritime-page=start] .hero>div p{color:#fff;margin:0}
 body[data-maritime-page=start] .hero>div>p:first-child{letter-spacing:.2em;font-size:.8rem;font-weight:700;color:#ecc878;margin-bottom:6px}
 body[data-maritime-page=start] .hero>div>p,body[data-maritime-page=start] .hero>div>h1{grid-column:1/-1}
 body[data-maritime-page=start] .hero>div>a{align-self:start;justify-self:start}
 body[data-maritime-page=start] .hero h1{color:#fff;font-size:clamp(2rem,3.1vw,3.2rem);letter-spacing:-.015em;line-height:1.14;margin:8px 0 14px;text-shadow:0 2px 18px rgba(0,0,0,.4)}
 body[data-maritime-page=start] .hero>div>p:nth-of-type(2){font-size:1.1rem;line-height:1.5;opacity:.95;max-width:34em}
 body[data-maritime-page=start] .hero .primary{margin:22px 14px 0 0;padding:14px 28px;font-weight:700;font-size:1.05rem}
 body[data-maritime-page=start] .hero a:not(.primary){margin-top:22px;border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:12px 24px;text-decoration:none;color:#fff;font-weight:600}
 body[data-maritime-page=start] .hero a:not(.primary):hover{background:rgba(255,255,255,.14)}
 /* Prüfen und Bewahren: rechts im Foto, zwei Glaskarten */
 body[data-maritime-page=start] .sigvora-kern{grid-column:2;grid-row:1;z-index:2;align-self:center;justify-self:end;width:min(560px,92%);background:none!important;padding:0 clamp(18px,2.6vw,40px) 0 0;margin:0}
 body[data-maritime-page=start] .sigvora-kern .sk-inner{max-width:none;margin:0}
 body[data-maritime-page=start] .sigvora-kern .sk-title,body[data-maritime-page=start] .sigvora-kern .sk-sub,body[data-maritime-page=start] .sigvora-kern .sk-example,body[data-maritime-page=start] .sigvora-kern .sk-cta{display:none}
 body[data-maritime-page=start] .sigvora-kern .sk-eyebrow{margin:0 0 10px;text-align:right;text-shadow:0 1px 8px rgba(0,0,0,.6)}
 body[data-maritime-page=start] .sigvora-kern .sk-grid{grid-template-columns:1fr;gap:14px}
 body[data-maritime-page=start] .sigvora-kern .sk-card{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:start;padding:18px 22px;background:rgba(6,26,49,.66)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;color:#fff}
 body[data-maritime-page=start] .sigvora-kern .sk-icon{grid-row:1/4;width:52px;height:52px;margin:0}
 body[data-maritime-page=start] .sigvora-kern .sk-name{font-size:1.5rem;margin:0}
 body[data-maritime-page=start] .sigvora-kern .sk-lead{margin:2px 0 6px;font-weight:700}
 body[data-maritime-page=start] .sigvora-kern .sk-body{margin:0;font-size:.95rem;line-height:1.45;opacity:.92;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 /* drei Karten als flache Leiste */
 body[data-maritime-page=start] .grid{grid-column:1/-1;grid-row:2;gap:14px;margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-maritime-page=start] .grid>.card{flex-direction:row;height:104px;border-radius:18px}
 body[data-maritime-page=start] .grid>.card>img{width:150px;height:100%;aspect-ratio:auto;flex:none;object-position:50% 40%}
 body[data-maritime-page=start] .grid>.card>div{padding:12px 16px;min-width:0}
 body[data-maritime-page=start] .grid>.card h2{font-size:1.1rem;margin:0 0 4px}
 body[data-maritime-page=start] .grid>.card p{margin:0;font-size:.85rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 body[data-maritime-page=start] .grid>.card>div>a{min-height:0;padding:2px 0;font-size:.85rem;margin-top:auto}
 /* Fußzeile schmal */
 body[data-maritime-page=start] footer.sv-shell-footer{padding:0!important;min-height:0!important;margin-top:auto}
 body[data-maritime-page=start] footer.sv-shell-footer .sv-shell-footer-top{max-width:none!important;width:100%;margin:0!important;padding:0 28px!important;height:52px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap}
 body[data-maritime-page=start] footer.sv-shell-footer .sv-shell-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;padding-right:140px}
 body[data-maritime-page=start] footer.sv-shell-footer .sv-shell-footer-brand{height:auto;padding:0}
 body[data-maritime-page=start] footer.sv-shell-footer .sv-shell-logo-emblem{height:40px!important;width:auto!important}
 body[data-maritime-page=start] footer.sv-shell-footer .sv-shell-logo-emblem img{height:38px!important;width:auto!important}
}

/* Karriere: Karte Bridge ohne Foto (Platzhalter bis das Foto da ist) */
body[data-maritime-page=karriere] .jobs>.card .ph{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(150deg,#123456,#061a31)}
body[data-maritime-page=karriere] .jobs>.card .ph svg{width:84px;height:84px}
@media(min-width:1000px){body[data-maritime-page=karriere] .jobs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* mobile-fix-20261020: Start-Knopf des Kern-Blocks nicht breiter als der Bildschirm */
body[data-maritime-page=start] .sigvora-kern .sk-cta{box-sizing:border-box;max-width:100%;text-align:center}