:root{--navy:#16233F;--navy-deep:#0F1830;--sky:#DCEAF3;--sky-deep:#BFD9EA;--coral:#E2734F;--coral-deep:#B8502E;--coral-text:#A84526;--cream:#F7F3EC;--ink:#20242C;--line:#D7CFC0;--error:#B23A2E;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.65}
h1,h2,h3{font-family:Cambria,Georgia,"Times New Roman",serif;font-weight:600;margin:0}
a{color:inherit}
img{display:block;max-width:100%}
.skip{position:fixed;top:0;left:1rem;transform:translateY(-140%);background:#fff;color:#000;padding:1rem;z-index:999;border-radius:0 0 6px 6px}
.skip:focus{transform:none}
body>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 4vw;background:var(--navy);color:#fff;position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font-family:Cambria,Georgia,serif;font-size:1.15rem;letter-spacing:.01em}
nav{display:flex;gap:1.4rem;flex-wrap:wrap}
nav a{text-decoration:none;font-size:.95rem}
.call{text-decoration:none;background:var(--coral-deep);padding:.55rem .9rem;border-radius:999px;font-weight:600;white-space:nowrap}
.menu{display:none;background:transparent;border:1px solid #ffffff88;color:#fff;padding:.5rem .8rem;border-radius:6px}

.hero{padding:5rem 6vw 2.5rem;max-width:1100px}
.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--coral-text);font-size:.8rem;font-weight:700;margin:0 0 1rem}
.hero h1{font-size:clamp(2.1rem,4.2vw,3.4rem);line-height:1.15;max-width:18ch}
.lede{font-size:1.15rem;max-width:60ch;margin-top:1.3rem;color:#3a3f47}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.coral-btn{display:inline-flex;align-items:center;background:var(--coral-deep);color:#fff;padding:.9rem 1.4rem;border-radius:10px;text-decoration:none;font-weight:700;border:0;cursor:pointer;min-height:48px}
.coral-btn:hover{background:#9c4527}
.ghost-btn{display:inline-flex;align-items:center;padding:.9rem 1.4rem;border-radius:10px;text-decoration:none;font-weight:700;border:2px solid var(--navy);min-height:48px}

.diptych{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding:0 6vw 3rem;max-width:1300px;margin:auto}
.diptych figure{margin:0;position:relative;border-radius:16px;overflow:hidden}
.diptych img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.diptych figcaption{position:absolute;left:0;right:0;bottom:0;background:#0F1830e6;color:#fff;padding:1rem 1.1rem .8rem;font-size:.85rem}

.quickhelp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem;padding:0 6vw 4rem;max-width:1300px;margin:auto}
.quickhelp a{display:flex;flex-direction:column;gap:.35rem;background:var(--sky);border-radius:14px;padding:1.4rem;text-decoration:none;color:var(--navy-deep);border:1px solid var(--sky-deep)}
.quickhelp a span{font-weight:700;font-size:1.05rem}
.quickhelp a small{color:#3d4a55}
.quickhelp img{filter:invert(14%) sepia(37%) saturate(1200%) hue-rotate(190deg)}

.overview,.prepare,.topics,.trustband,.addressband,.faq{padding:4.5rem 6vw;max-width:1300px;margin:auto}
.overview header,.prepare header,.topics header,.faq header{max-width:760px;margin-bottom:2.5rem}
.index{letter-spacing:.14em;text-transform:uppercase;color:var(--coral-text);font-size:.8rem;font-weight:700;margin:0 0 .6rem}
.addressband .index{color:#ffcbb3}
.overview h2,.prepare h2,.topics h2,.faq h2,.editorial-title h1,.trustband h2,.addressband h2{font-size:clamp(1.7rem,3vw,2.6rem)}
.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.5rem}
.overview-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.6rem}
.overview-grid h3{font-size:1.15rem;margin-bottom:.6rem}

.prepare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1.3rem}
.prepare-grid>div{background:var(--navy);color:#fff;border-radius:14px;padding:1.6rem}
.prepare-grid img{filter:invert(1);margin-bottom:.8rem}
.prepare-grid h3{font-size:1.05rem;margin-bottom:.5rem}
.prepare-grid p{color:#d7dee8;font-size:.95rem}

.topics-note{color:#5b6069;font-size:.95rem}
.topics-list details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.3rem;margin-bottom:.8rem}
.topics-list summary{font-weight:700;cursor:pointer;font-size:1.05rem}
.topics-list p{margin:.7rem 0 0;color:#3a3f47}

.trustband{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center;background:var(--sky);border-radius:20px}
.trustband img{border-radius:16px;object-fit:cover;aspect-ratio:3/2;width:100%}
.trustband>div{padding:2rem 2.5rem 2rem 0}
.trustband p{color:#2c3743}

.addressband{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;background:var(--navy);color:#fff;border-radius:20px;align-items:stretch}
.addressband>div{min-width:0}
.addressband>div:first-child{padding:2.6rem}
.addressband h2{color:#fff;overflow-wrap:break-word}
.addressband p{color:#c9d2dc}
.addressband-links{display:flex;flex-direction:column;gap:.7rem;margin-top:1.3rem;min-width:0}
.addressband-links a{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-weight:600;overflow-wrap:anywhere;min-width:0}
.addressband-links img{filter:invert(1)}
.map-drawer{padding:1.5rem;display:flex;flex-direction:column;gap:.9rem;min-width:0}
.map-drawer button{display:flex;align-items:center;gap:.6rem;background:var(--coral-deep);color:#fff;border:0;border-radius:10px;padding:.85rem 1.1rem;font-weight:700;cursor:pointer;min-height:48px}
.map-drawer button img{filter:invert(1)}
.map{flex:1;min-height:220px;border-radius:12px;background:#0F1830;display:grid;place-items:center;color:#aab4c2;font-size:.9rem;text-align:center;padding:1rem}
.map iframe{width:100%;height:100%;min-height:220px;border:0;border-radius:12px}
.addressband.standalone{margin-top:3rem}

.faq details{border-top:1px solid var(--line);padding:1.1rem 0}
.faq summary{font-weight:700;font-size:1.08rem;cursor:pointer;font-family:Cambria,Georgia,serif}
.faq p{margin:.7rem 0 0;color:#3a3f47}

.editorial-title{padding:6rem 6vw 3.5rem;background:var(--sky)}
.editorial-title.coral-bg{background-color:var(--coral-deep);background-image:linear-gradient(135deg,var(--coral) 0%,var(--coral-deep) 100%);color:#fff}
.editorial-title.coral-bg .eyebrow{color:#fff}
.editorial-title h1{max-width:16ch}
.company-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1.5rem;padding:0 6vw 4rem;max-width:1300px;margin:auto}
.company-facts>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.6rem;min-width:0;overflow-wrap:break-word}
.company-facts h2{font-size:1.1rem;margin-bottom:.6rem}
.profil-note{padding:0 6vw 5rem;max-width:900px;margin:auto;color:#3a3f47}

.fokus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1.4rem;padding:3rem 6vw;max-width:1300px;margin:auto}
.fokus-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.6rem}
.fokus-grid img{margin-bottom:.8rem}
.fokus-grid h2{font-size:1.15rem;margin-bottom:.5rem}
.fokus-cta{text-align:center;padding:3rem 6vw 5rem;max-width:700px;margin:auto}
.fokus-cta h2{font-size:1.8rem;margin-bottom:.6rem}

.consult{padding:4rem 6vw;max-width:1000px;margin:auto}
.consult-intro{max-width:700px;margin-bottom:2rem}
.consult form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:2rem}
.consult label{display:block;font-weight:700;margin-bottom:1.1rem}
.consult input,.consult select,.consult textarea{width:100%;font:inherit;padding:.75rem;border:1px solid #b8bfc9;border-radius:8px;min-height:48px;margin-top:.4rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.check{display:flex!important;gap:.6rem;font-weight:400!important;align-items:flex-start}
.check input{width:20px;min-height:20px;margin:.2rem 0 0}
.error{display:block;min-height:1.2em;color:var(--error);font-weight:400;margin-top:.3rem}
.status{font-weight:700;min-height:1.4em}
.fine{color:#5b6069;font-size:.9rem;font-weight:400}

.legal{max-width:900px;margin:auto;padding:6rem 1.25rem}
.legal>header{padding:0;border:0}
.legal h1{font-size:clamp(2.2rem,5vw,3.2rem)}
.legal .intro{font-size:1.15rem;color:#3a3f47}
.legal section{display:grid;grid-template-columns:64px 1fr;border-top:1px solid var(--line);padding:1.3rem 0}
.legal section>span{font-family:Cambria,Georgia,serif;font-size:1.6rem;color:var(--coral-deep)}
.legal h2{font-size:1.2rem;margin-bottom:.4rem}

.thanks{max-width:760px;margin:auto;padding:6rem 1.25rem 5rem;text-align:center}
.thanks h1{font-size:clamp(2rem,4vw,2.8rem);margin:1rem 0}
.thanks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1.2rem;margin:2.5rem 0;text-align:left}
.thanks-grid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.3rem}
.thanks-grid span{font-family:Cambria,Georgia,serif;font-size:1.6rem;color:var(--coral-deep)}
.thanks-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}

footer{background:var(--navy-deep);color:#fff;padding:3.5rem 6vw;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:2rem}
footer>div{display:flex;flex-direction:column;gap:.5rem;min-width:0}
footer a,footer span{overflow-wrap:anywhere}
.seal{flex-direction:row!important;align-items:center;gap:.7rem!important}
.seal strong{font-family:Cambria,Georgia,serif;letter-spacing:.02em}
.seal span{color:#a9b3c1;font-size:.85rem}
footer a{text-decoration:none;color:#dfe4ea}
footer>p{grid-column:1/-1;border-top:1px solid #2a3550;padding-top:1.2rem;color:#8f9aab;font-size:.85rem}

.cookie{position:fixed;left:1.5rem;bottom:1.5rem;right:auto;background:#fff;color:var(--ink);padding:1.3rem;max-width:600px;z-index:90;box-shadow:0 20px 70px #0004;border-radius:16px}
.cookie[hidden]{display:none}
.cookie p{margin:.3rem 0}
.cookie button,dialog button{min-height:44px;padding:.65rem 1rem;border:1px solid #b8bfc9;background:#fff;border-radius:8px;margin-top:.6rem;margin-right:.5rem;cursor:pointer}
.coral{background:var(--coral-deep)!important;color:#fff!important;border-color:var(--coral-deep)!important}
dialog{border:0;padding:2rem;border-radius:16px;max-width:480px}
dialog::backdrop{background:#00000099}
dialog label{display:block;margin:1rem 0}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px}

@media(max-width:960px){
header nav,.call{display:none}
.menu{display:block}
nav.open{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:1rem;flex-direction:column;gap:1rem}
.overview-grid,.prepare-grid,.company-facts,.fokus-grid,.thanks-grid{grid-template-columns:1fr 1fr}
.diptych,.quickhelp{grid-template-columns:1fr}
.trustband,.addressband{grid-template-columns:1fr}
.trustband>div{padding:1rem 1.5rem 2rem}
.two{grid-template-columns:1fr}
}
@media(max-width:600px){
body{font-size:16px}
.hero{padding:3rem 5vw 2rem}
.overview,.prepare,.topics,.trustband,.addressband,.faq,.company-facts,.fokus-grid,.consult{padding:3rem 5vw}
.overview-grid,.prepare-grid,.company-facts,.fokus-grid,.thanks-grid{grid-template-columns:1fr}
footer{grid-template-columns:1fr;padding:2.5rem 5vw}
.cookie{left:1rem;right:1rem;bottom:1rem;max-width:none}
.editorial-title{padding:4.5rem 5vw 2.5rem}
.legal section{grid-template-columns:1fr}
.legal{padding:4rem 1rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}