:root{--navy:#0b2445;--blue:#087bf3;--muted:#405575}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif;background:white}a{text-decoration:none;color:inherit}.wrap{width:min(100% - 72px,1150px);margin-inline:auto}.top{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:154px;height:auto;display:block}.nav{display:flex;gap:24px;font-size:13px}.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border-radius:24px;padding:12px 23px;font-size:13px;font-weight:600;white-space:nowrap}.outline{background:transparent;border:1px solid var(--blue);color:var(--blue)}.menu-toggle{display:none}.hero{background:linear-gradient(100deg,#fff 0%,#f7f8fa 65%,#eceff1 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:430px;gap:20px}.hero-copy{padding:36px 0}.eyebrow{color:#087bf3;font-size:12px;font-weight:750;letter-spacing:.9px;text-transform:uppercase}.hero h1{font-size:clamp(43px,4.6vw,65px);line-height:1.05;letter-spacing:-2px;margin:15px 0}.hero p{font-size:17px;line-height:1.55;max-width:490px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.portrait{height:430px;overflow:hidden;align-self:end}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.trust{border-bottom:1px solid #edf1f6;background:white}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-block:22px;gap:25px}.trust-item{display:flex;gap:16px;align-items:center;border-right:1px solid #e4eaf1}.trust-item:last-child{border-right:0}.symbol{font-size:32px;color:var(--blue);min-width:36px}.trust-item strong{display:block;font-size:14px}.trust-item span:last-child{display:block;font-size:12px;color:var(--muted);margin-top:5px}
/* Screenshot reference: text left, scenic image right, both compact */
.landscape{padding:24px 0 28px;background:#fff}.landscape .wrap{display:grid;grid-template-columns:41% 1fr;align-items:center;gap:40px}.landscape-caption{grid-column:1;grid-row:1}.landscape-caption h2{font-size:clamp(32px,3.2vw,43px);line-height:1.1;letter-spacing:-1px;margin:10px 0 12px;max-width:350px}.landscape-caption p{font-size:15px;line-height:1.48;color:var(--muted);max-width:360px;margin:0}.landscape-button{margin-top:17px}.landscape-photo{grid-column:2;grid-row:1;width:100%;height:245px;overflow:hidden;border-radius:7px}.landscape-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:sepia(.09) saturate(.93)}
/* Four cards in one row, no giant empty gaps */
#beratung{padding:28px 0 30px;background:#f7f9fc}#beratung h2{font-size:clamp(27px,2.7vw,36px);line-height:1.15;letter-spacing:-.7px;margin:7px 0 17px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{position:relative;background:#fff;border:1px solid #f2f4f8;border-radius:8px;padding:19px 18px 26px;min-height:207px;box-shadow:0 6px 20px rgba(0,20,60,.025)}.card-icon{color:var(--blue);font-size:36px;line-height:1;height:43px}.card h3{font-size:16px;line-height:1.24;margin:7px 0 9px}.card p{font-size:13.5px;line-height:1.42;color:var(--muted);margin:0}.card:after{content:'→';position:absolute;right:13px;bottom:12px;color:var(--blue);background:#e8f3ff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:19px}
/* Separate white process row, exactly after service cards */
#vorgehen{padding:27px 0 33px;background:#fff}#vorgehen h2{font-size:clamp(25px,2.55vw,33px);line-height:1.2;letter-spacing:-.6px;margin:7px 0 17px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.step{position:relative;padding-right:13px}.step:not(:last-child):after{content:'›';position:absolute;right:2px;top:43px;color:var(--blue);font-size:26px}.step b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e7f1ff;color:var(--blue);font-size:19px}.step h3{font-size:14px;margin:7px 0 3px}.step p{font-size:13.5px;line-height:1.35;color:var(--muted);margin:0}
/* Short dark photographic call-to-action */
.cta{position:relative;background:#08213c url('assets/see-original.jpeg') center 57%/cover no-repeat;color:#fff}.cta:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,43,.98),rgba(5,29,54,.95) 60%,rgba(5,33,63,.83))}.cta .wrap{position:relative;padding-top:24px;padding-bottom:27px}.cta .eyebrow{color:#c7d9ee}.cta h2{font-size:clamp(27px,2.8vw,36px);letter-spacing:-.6px;margin:7px 0 7px}.cta p{font-size:14px;line-height:1.4;max-width:820px;color:#e5edf7;margin:0}.cta .actions{margin-top:14px}.cta-outline{color:#fff;border-color:#c7d9ee}.footer{background:#06192b;color:#d6e1eb;padding:30px 0}.footer-grid{display:flex;justify-content:space-between;align-items:start;gap:28px}.footer img{width:135px}.footer p,.footer a{font-size:13px}.legal-links{display:flex;gap:20px}.fine{font-size:12px;color:#90a3b3;margin-top:24px;border-top:1px solid #254056;padding-top:15px}
@media(max-width:850px){.wrap{width:min(100% - 38px,1150px)}.nav{display:none}.menu-toggle{display:block;border:0;background:transparent;color:var(--blue);font-size:25px}.nav.open{display:flex;position:absolute;z-index:9;top:65px;left:0;right:0;background:#fff;flex-direction:column;padding:22px}.top{height:68px}.top>.pill{font-size:11px;padding:10px 13px}.logo{width:130px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:38px 0 5px}.hero h1{font-size:45px}.portrait{height:360px;width:min(100%,450px);justify-self:center}.trust-grid{gap:12px}.trust-item{gap:6px}.trust-item strong{font-size:12px}.trust-item span:last-child{font-size:11px}.symbol{font-size:24px;min-width:27px}.landscape .wrap{gap:22px;grid-template-columns:42% 1fr}.landscape-photo{height:210px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.top>.pill{display:none}.trust-grid{grid-template-columns:1fr;padding-block:17px}.trust-item{border:0}.landscape .wrap{grid-template-columns:1fr}.landscape-caption{grid-column:1;grid-row:1}.landscape-photo{grid-column:1;grid-row:2;height:200px}.cards,.steps{grid-template-columns:1fr}.card{min-height:160px}.footer-grid{flex-direction:column}.legal-links{flex-wrap:wrap}.hero h1{font-size:40px}}

.card-icon svg{width:39px;height:39px;display:block}
/* VISUAL REFERENCE OVERRIDES – 22 Oct 2026 */
:root{--navy:#09244b;--blue:#087bf3;--muted:#344b6c}
body{font-family:Arial,Helvetica,sans-serif}
.wrap{width:min(100% - 68px,1160px)}
.landscape{padding:28px 0 24px}
.landscape .wrap{grid-template-columns:40% 1fr;gap:42px}
.landscape-caption h2{font-size:clamp(34px,3.5vw,43px);line-height:1.08;max-width:370px}
.landscape-caption p{font-size:16px;max-width:380px;line-height:1.43}
.landscape-photo{height:auto;aspect-ratio:2.1/1;max-height:300px;border-radius:7px}
.landscape-photo img{object-position:center;filter:none}
#beratung{padding:30px 0 26px;background:#f7f9fc}
#beratung h2{font-size:clamp(30px,3vw,38px);margin:8px 0 18px}
.cards{gap:16px}
.card{min-height:220px;padding:20px 20px 30px;box-shadow:0 3px 18px rgba(15,40,80,.025);border:0}
.card h3{font-size:16px;margin:10px 0 8px}
.card p{font-size:14px;line-height:1.45}
#vorgehen{padding:28px 0 27px}
#vorgehen h2{font-size:clamp(27px,2.7vw,34px);margin:8px 0 16px}
.steps{gap:24px}
.step b{width:46px;height:46px}
.cta{background-position:center 52%}
.cta:before{background:linear-gradient(90deg,rgba(3,22,45,.98),rgba(3,24,48,.94) 55%,rgba(3,25,51,.8))}
.cta .wrap{padding-top:26px;padding-bottom:28px}
.cta h2{font-size:clamp(28px,3vw,36px)}
@media(max-width:850px){.wrap{width:min(100% - 38px,1160px)}.landscape .wrap{gap:24px;grid-template-columns:42% 1fr}.landscape-photo{aspect-ratio:2.1/1}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.landscape .wrap{grid-template-columns:1fr}.landscape-photo{height:auto;aspect-ratio:2.1/1}.cards,.steps{grid-template-columns:1fr}.card{min-height:165px}}

/* Exact icon family requested for the three benefits under the portrait */
.trust-grid{padding-block:24px;gap:24px}
.trust-item{gap:19px;min-height:66px;padding-right:24px}
.trust-item .symbol{width:57px;min-width:57px;height:57px;display:flex;align-items:center;justify-content:center;color:#087bf3}
.trust-item .symbol svg{width:52px;height:52px;display:block}
.trust-item strong{font-size:15px;line-height:1.3}
.trust-item span:last-child{font-size:12px}
@media(max-width:850px){.trust-item{gap:10px;padding-right:10px}.trust-item .symbol{width:44px;min-width:44px;height:44px}.trust-item .symbol svg{width:42px;height:42px}}
@media(max-width:560px){.trust-item{min-height:60px}.trust-grid{gap:8px}}

/* Shared visual treatment for the legal pages */
.legal-hero{background:linear-gradient(110deg,#f8faff,#eef4fb);padding:65px 0 56px;border-top:1px solid #edf2f7}
.legal-hero h1{font-size:clamp(40px,5vw,60px);line-height:1.08;letter-spacing:-1.7px;margin:12px 0 15px;color:var(--navy)}
.legal-hero p{font-size:17px;line-height:1.6;color:var(--muted);max-width:720px;margin:0}
.legal-body{width:min(100% - 68px,920px);margin:0 auto;padding:52px 0 90px;color:var(--navy);font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.legal-body h2{font-size:clamp(22px,2.5vw,29px);line-height:1.25;letter-spacing:-.5px;margin:39px 0 13px;color:var(--navy)}
.legal-body h3{font-size:19px;margin:26px 0 10px;color:var(--navy)}
.legal-body p{margin:0 0 16px;color:#344b6c}
.legal-body a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.legal-body ul,.legal-body ol{padding-left:24px;color:#344b6c;margin:12px 0 22px}
.legal-body li{margin:5px 0}
.legal-body strong{color:var(--navy)}
.legal-body .contact-box{background:#f5f9ff;border:1px solid #e0ecfc;border-radius:12px;padding:24px 28px;margin:0 0 38px}
.legal-body .contact-box p:last-child{margin-bottom:0}
.legal-links a:hover,.nav a:hover{color:#6ab1ff}
@media(max-width:850px){.legal-body{width:min(100% - 38px,920px)}.legal-hero{padding:48px 0 43px}.legal-body{padding:38px 0 65px}}