@font-face{font-family:Bricolage;src:url(/assets/fonts/bg-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF,U+2020,U+20A0-20C0}
@font-face{font-family:Bricolage;src:url(/assets/fonts/bg-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Source;src:url(/assets/fonts/ss-ext-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF}
@font-face{font-family:Source;src:url(/assets/fonts/ss-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:Source;src:url(/assets/fonts/ss-ext-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF}
@font-face{font-family:Source;src:url(/assets/fonts/ss-600.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
:root{--sea:#0C3A3F;--deep:#072A2E;--tide:#3CCBBB;--teal:#0E7C73;--foam:#F1F6F4;--mist:#DCE8E4;--ink:#14282B;--soft:#4A6063}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 1.125rem/1.6 Source,system-ui,sans-serif}
h1,h2,h3,.brand{font-family:Bricolage,system-ui,sans-serif;line-height:1.1;margin:0;font-weight:600;letter-spacing:-.015em}
p{margin:0 0 1em}a{color:var(--teal)}a:focus-visible,summary:focus-visible{outline:3px solid var(--tide);outline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:9}
.top{background:var(--sea);color:#fff}.topin{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:18px;padding-bottom:18px}
.top .brand{color:#fff;text-decoration:none;font-size:1.35rem;white-space:nowrap}.top nav{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.top nav a{color:#D5E6E3;text-decoration:none;font-size:1rem}.top nav a:hover,.top nav a[aria-current]{color:#fff;text-decoration:underline;text-underline-offset:5px}
.hero{background:var(--sea);color:#fff;padding:72px 0 56px}
.hero h1{font-size:clamp(2.6rem,6.4vw,5.2rem);max-width:15ch}
.lede{font-size:1.3rem;line-height:1.5;max-width:58ch;margin-top:24px}.hero .lede{color:#D5E6E3}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.btn{display:inline-block;background:var(--tide);color:var(--deep);padding:14px 22px;border-radius:4px;text-decoration:none;font-weight:600}
.btn:hover{background:#6BDDD0}.btn.ghost{background:none;color:#fff;box-shadow:inset 0 0 0 1.5px #7FA8A6}.btn.ghost:hover{background:#ffffff14}
.btn.alt{background:#fff;color:var(--sea)}
.tl{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.tl li{display:flex;flex-direction:column}.art{display:block}.st{width:100%;height:auto;display:block}
.st path{fill:none;stroke:var(--tide);stroke-width:1.7;stroke-linecap:round}.st .sk{stroke:#6F9896;stroke-width:1}.st.lo path{stroke:#7FA8A6}
.tl h3{font-size:1.1rem;margin:14px 0 6px;color:#fff}.tl p{font-size:.98rem;line-height:1.4;color:#C4DAD6;margin:0}
.note{margin:28px 0 0;font-size:.95rem;color:#A9C5C1}
.sec{padding:80px 0}.tint{background:var(--foam)}
.split{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:48px}.split h2{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--mist)}.rows li{border-bottom:1px solid var(--mist)}
.rows a{display:block;padding:22px 0;text-decoration:none;color:inherit}.rows a:hover h3,.rows a:hover h2{color:var(--teal);text-decoration:underline;text-underline-offset:4px}
.rows h3,.rows.wide h2{font-size:1.45rem;margin-bottom:6px}.rows p{margin:0;color:var(--soft);max-width:60ch}
.steps{margin:0;padding:0 0 0 1.4em}.steps li{padding:0 0 18px .4em}.steps li::marker{font-family:Bricolage;font-weight:600;color:var(--teal)}.steps h3{font-size:1.25rem;margin-bottom:4px}.steps p{margin:0;color:var(--soft)}
.faq{margin:0;border-top:1px solid var(--mist)}.faq details{border-bottom:1px solid var(--mist);padding:16px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:10px 0 0;color:var(--soft);max-width:62ch}
.pagehead{background:var(--sea);color:#fff;padding:64px 0}.pagehead h1{font-size:clamp(2.3rem,5vw,3.8rem);max-width:20ch}.pagehead .lede{color:#D5E6E3}.crumb a{color:#BFE3DD}
.prose{max-width:760px}.prose h2{font-size:1.75rem;margin:40px 0 12px}.prose h2:first-child{margin-top:0}.prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:1rem}.prose th,.prose td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--mist);vertical-align:top}
.info{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.info h2{font-size:1.3rem;margin-bottom:8px}
.cta{background:var(--foam);padding:64px 0}.cta h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin-bottom:12px}.cta p{max-width:58ch}.cta .btn.alt{box-shadow:inset 0 0 0 1.5px var(--sea)}
.foot{background:var(--deep);color:#C4DAD6;padding:48px 0 96px;font-size:1rem}.foot a{color:#fff}.foot p{margin:0 0 6px}.foot .brand{color:#fff;font-size:1.35rem}
.footin{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:32px}.fine{margin-top:28px;font-size:.92rem;color:#9DBAB6}
.stick{display:none}
@media(max-width:960px){.topin{display:block}.top nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:18px;margin-top:10px;padding-bottom:6px}.top nav a{white-space:nowrap}.tl{grid-template-columns:repeat(3,1fr);margin-top:48px}.split,.footin,.info{grid-template-columns:1fr;gap:28px}.sec{padding:56px 0}
.stick{display:block;position:fixed;left:12px;right:12px;bottom:12px;background:var(--tide);color:var(--deep);text-align:center;padding:14px;border-radius:4px;font-weight:600;text-decoration:none;box-shadow:0 2px 10px #0005;z-index:5}}
@media(max-width:520px){.tl{grid-template-columns:1fr;gap:18px}.tl li{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto 1fr;column-gap:16px}.art{grid-row:1/3;align-self:end}.tl h3{margin-top:0}.wrap{padding:0 16px}body{font-size:1.06rem}.hero{padding:48px 0 40px}}

.top nav a.lang{margin-left:6px;padding-left:18px;border-left:1px solid #5E8886}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
@media(max-width:520px){html[lang=de] .hero h1{font-size:2.15rem}html[lang=de] .pagehead h1{font-size:2rem}}
html[lang=de] .hero h1{max-width:19ch;font-size:clamp(2.15rem,5vw,4.3rem)}
@media(max-width:520px){.art{align-self:start}}
.pk{list-style:none;margin:0;padding:0;border-top:1px solid var(--mist)}.pk li{padding:14px 0;border-bottom:1px solid var(--mist);font-weight:600}.note2{margin:16px 0 0;color:var(--soft)}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{hyphens:none}