:root{--navy:#0b3151;--navy-deep:#09253b;--blue:#4b8fbe;--sky:#e8f2f7;--sand:#f7f5f0;--sand-dark:#f2efe7;--gold:#c5934b;--green:#79936e;--line:#d7dee4;--text:#173247;--muted:#5a6f7f;--content-max:1560px;--reading-width:76ch;--radius:16px;--shadow-soft:0 16px 38px #0b315114}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:#fff}a{color:var(--navy);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}img{max-width:100%;height:auto;display:block}p,ul,ol{margin:0 0 1rem}main{overflow:clip}.wrap{width:min(100%, var(--content-max));margin-inline:auto;padding-inline:clamp(20px,3.2vw,58px)}.section{padding-block:clamp(58px,7vw,96px)}.section-soft{background:linear-gradient(#fcfbf8 0%,#f5f2ea 100%)}.grid{gap:clamp(18px,2vw,28px);display:grid}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,62px);display:grid}.eyebrow{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:.92rem;font-weight:700;display:inline-block}.small{color:var(--muted);font-size:.92rem}.button{border:1px solid var(--navy);background:var(--navy);color:#fff;min-height:50px;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover,.button:focus-visible{text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 24px #0b31511f}.button.light{color:var(--navy);background:#ffffffe6;border-color:#0b31511f}.button.light span{color:var(--muted);font-size:.82rem;font-weight:500;display:block}.button.outline{color:var(--navy);background:0 0}.header{z-index:40;backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #d7dee4cc;position:sticky;top:0}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:94px;display:grid}.logo{align-items:center;max-width:min(420px,28vw);display:inline-flex}.logo img{width:100%;height:auto}.menu{justify-content:center;align-items:center;gap:clamp(10px,1.25vw,20px);display:flex}.menu>a,.menu-group>a{color:var(--navy);padding:12px 2px;font-weight:600}.menu-group{align-items:center;gap:2px;display:flex;position:relative}.menu-dropdown{position:relative}.menu-dropdown summary{cursor:pointer;min-width:36px;min-height:44px;color:var(--navy);place-items:center;list-style:none;display:grid}.menu-dropdown summary::-webkit-details-marker{display:none}.submenu{border:1px solid var(--line);width:290px;box-shadow:var(--shadow-soft);background:#fff;border-radius:14px;padding:10px;position:absolute;top:calc(100% + 10px);left:-110px}.submenu a{border-radius:10px;padding:12px 14px;display:block}.submenu a:hover,.submenu a:focus-visible{background:#f3f7fa;text-decoration:none}.menu a[aria-current=page],.mobile-nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}.header-actions{align-items:center;gap:14px;display:flex}.header-phone{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.header-phone:hover{text-decoration:none}.phone-number{color:var(--navy);font-weight:700}.phone-hours{color:var(--muted);font-size:.8rem}.mobile-nav{display:none}.hero{isolation:isolate;height:min(500px,38vw);min-height:0;max-height:500px;position:relative}.hero:before{content:"";z-index:-2;background-image:url(/images/generated/hero-leuchtturm-wesermarsch.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#f8faf9fa 0%,#f8faf9f2 24%,#f8faf9e0 42%,#f8faf98a 60%,#f8faf926 74%,#f8faf905 100%);position:absolute;inset:0}.hero-inner{grid-template-columns:minmax(0,720px) auto;align-items:end;gap:24px;width:100%;height:100%;min-height:0;padding-block:clamp(24px,2.2vw,36px);display:grid}.hero-content{max-width:680px}.hero-sub{color:#243d50;max-width:650px;font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.45}.checks{gap:8px;margin:15px 0;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:12px;display:flex}.checks.compact li{font-size:.98rem}.check-dot{background:var(--navy);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.84rem;display:inline-grid}.fee{color:#30495c;max-width:620px;font-size:.86rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:13px;display:flex}.hero-badge{width:min(250px,100%);box-shadow:var(--shadow-soft);color:var(--navy);background:#ffffffe0;border-radius:22px;place-self:center end;padding:24px 26px}.hero-badge-icon{background:#eef5f9;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:12px;display:inline-grid}.benefits{background:#fbfaf8;border-top:1px solid #d7dee499;border-bottom:1px solid #d7dee4cc;padding-block:22px}.benefit{text-align:center;border-right:1px solid var(--line);padding:14px 20px}.benefit:last-child{border-right:none}.benefit span{color:var(--gold);margin-bottom:10px;font-size:2rem;display:block}.benefit strong{color:var(--navy);margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;display:block}.benefit p{color:var(--muted);margin:0;font-size:.94rem}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-link{font-weight:700}.card{border-radius:var(--radius);background:#fff;border:1px solid #d7dee4e6;overflow:hidden;box-shadow:0 14px 34px #0b31510f}.image-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.card-body{padding:22px 22px 24px}.card-body p{color:var(--muted)}.card-body>a{margin-top:10px;font-weight:700;display:inline-block}.calculator-layout{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:stretch;gap:clamp(24px,4vw,38px);display:grid}.calc{background:linear-gradient(135deg,#eef6fb 0%,#dbe9f1 100%);border:1px solid #bfccd6e6;border-radius:22px;padding:clamp(28px,3vw,40px)}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:100%;display:grid}.fields label,.form label{color:var(--navy);font-size:.94rem;font-weight:700;display:block}.fields input,.fields textarea,.fields select,.form input,.form textarea,.form select{width:100%;color:var(--text);font:inherit;background:#fff;border:1px solid #b8c8d3;border-radius:12px;margin-top:8px;padding:14px 15px;display:block}.result{color:var(--navy);margin-top:18px;font-weight:700}.calculator-image-card,.region-card,.feature-main-image{border-radius:22px;overflow:hidden}.calculator-image-card{min-height:100%;box-shadow:var(--shadow-soft);position:relative}.calculator-image-card img{object-fit:cover;width:100%;height:100%;min-height:100%}.paper-note{color:var(--navy);background:#ffffffeb;border-radius:16px;padding:18px 20px;font-size:.95rem;line-height:1.6;position:absolute;bottom:22px;right:22px;box-shadow:0 16px 34px #0b315124}.split-feature,.split-region{align-items:center}.feature-image-stack,.region-card{position:relative}.feature-main-image{aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--shadow-soft)}.handwritten-note,.region-caption{box-shadow:var(--shadow-soft);color:var(--navy);background:#ffffffe6;border-radius:14px;padding:14px 18px;position:absolute}.handwritten-note{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;bottom:22px;left:22px}.region-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.region-caption{text-align:right;font-size:.95rem;font-weight:700;bottom:22px;right:22px}.advisor-section{grid-template-columns:minmax(210px,.8fr) minmax(0,1.1fr) minmax(340px,1.3fr);align-items:center;gap:clamp(22px,2.8vw,42px);display:grid}.advisor-portrait{align-self:stretch;min-height:320px;margin:0}.advisor-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center;width:100%;height:100%;min-height:320px;box-shadow:var(--shadow-soft);border-radius:22px}.lead-mini{color:var(--navy);font-size:1.08rem}.advisor-card{box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#f9fbfc 100%);border:1px solid #d7dee4e6;border-radius:22px;grid-template-columns:minmax(0,1fr) 210px;gap:22px;padding:clamp(24px,3vw,30px);display:grid}.advisor-card-page{align-self:stretch}.advisor-details p:last-child{margin-bottom:0}.advisor-qr{text-align:center;color:var(--muted);align-content:start;gap:10px;font-size:.9rem;display:grid}.advisor-qr img{border:10px solid #fff;border-radius:18px;width:100%;box-shadow:0 10px 28px #0b31511a}.advisor-qr:hover{text-decoration:none}.conversion-panel{background:linear-gradient(#f8f5ef 0%,#f4efe6 100%);border:1px solid #e7e2d9;border-radius:22px;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);align-items:center;gap:clamp(22px,4vw,60px);padding:clamp(26px,4vw,56px);display:grid}.conversion-actions{align-content:center;gap:14px;display:grid}.conversion-actions .button{width:100%}.cta-banner{color:#fff;background:linear-gradient(100deg,#092b47,#29516b);padding-block:clamp(50px,6vw,72px)}.cta-banner h2,.cta-banner p{color:#fff}.page-hero{width:min(100%, var(--content-max));grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(24px,4vw,56px);margin-inline:auto;padding:clamp(38px,5vw,68px) clamp(20px,3.2vw,58px) clamp(28px,4vw,48px);display:grid}.page-hero-copy{min-width:0}.page-hero-copy .lead{max-width:72ch}.page-hero-media{margin:0}.page-hero-media img{aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:var(--shadow-soft);border-radius:22px}.page-hero-media figcaption{color:var(--muted);margin-top:12px;font-size:.92rem}.article-actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,24px);max-width:1200px;margin:30px 0 10px;display:grid}.info-card{background:linear-gradient(#fff 0%,#f8fbfc 100%);border:1px solid #d7dee4e6;border-radius:18px;padding:22px;box-shadow:0 10px 26px #0b31510d}.info-card h3{margin-top:0}.topic-image-band{max-width:1220px;margin:34px 0 10px}.topic-image-band img{aspect-ratio:16/8;object-fit:cover;width:100%;box-shadow:var(--shadow-soft);border-radius:22px}.topic-image-band figcaption{color:var(--muted);margin-top:12px;font-size:.92rem}.article{width:min(100%, var(--content-max));margin-inline:auto;padding:clamp(32px,4vw,58px) clamp(20px,3.2vw,58px) 90px}.article :is(p,ul,ol){max-width:var(--reading-width);line-height:1.72}.article :is(h1,h2,h3){max-width:1050px}.article h2{margin-top:48px}.article .lead{max-width:1000px;font-size:1.22rem}.note{border-left:4px solid var(--gold);background:#f5f4f0;border-radius:10px;max-width:1100px;padding:20px}.form{gap:16px;max-width:100%;display:grid}.form fieldset{border:1px solid var(--line)}.footer{background:var(--navy-deep);color:#e8edf0;padding:44px 0}.footer a{color:#e8edf0}.footer-cols{flex-wrap:wrap;justify-content:space-between;gap:28px;display:flex}.footer nav{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer nav strong{margin-bottom:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:3px;outline:3px solid #dc8a00}@media (width<=1200px){.menu{gap:10px}.topbar{grid-template-columns:auto 1fr auto}.header-actions .button{display:none}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit:nth-child(2){border-right:none}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=1040px){.menu,.header-actions{display:none}.topbar{grid-template-columns:auto 1fr auto}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;border:1px solid var(--line);min-height:44px;color:var(--navy);background:#fff;border-radius:999px;place-items:center;padding:10px 14px;font-weight:700;display:inline-grid}.mobile-nav details>nav{border:1px solid var(--line);width:min(88vw,360px);max-height:78vh;box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;position:absolute;top:calc(100% + 12px);right:0;overflow:auto}.mobile-nav a{border-top:1px solid var(--line);padding:12px 16px;display:block}.mobile-group>a:first-child{font-weight:700}.mobile-nav .mobile-sub{background:#f8fafb;padding-left:28px;font-size:.95rem}.hero-inner,.calculator-layout,.advisor-section,.conversion-panel,.split,.page-hero{grid-template-columns:1fr}.hero-badge{justify-self:start;width:auto}.advisor-card{grid-template-columns:1fr 200px}.advisor-portrait{max-height:370px}.advisor-portrait img{aspect-ratio:16/9;object-fit:cover;max-height:370px}.section-head{flex-direction:column;align-items:start}}@media (width<=780px){.header{position:static}.topbar{min-height:78px}.logo{max-width:min(320px,68vw)}.hero{min-height:0}.hero:before{background-position:68%}.hero:after{background:linear-gradient(90deg,#f8faf9fa 0%,#f8faf9ed 52%,#f8faf9b3 78%,#f8faf96b 100%)}.hero-inner{padding-block:38px 46px}.hero-actions .button{width:100%}.benefit{border-right:none;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:none}.fields,.advisor-card{grid-template-columns:1fr}.advisor-portrait,.advisor-portrait img{min-height:0}.article-card-grid{grid-template-columns:1fr}.advisor-qr{justify-self:start;max-width:220px}.paper-note,.handwritten-note,.region-caption{width:fit-content;margin-top:14px;position:static}.article{padding:30px 20px 64px}.article :is(p,ul,ol,h1,h2,h3){max-width:100%}}@media (width<=560px){.grid.four{grid-template-columns:1fr}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}.hero-content h1{margin-bottom:10px;font-size:clamp(2.1rem,3.15vw,3.5rem);line-height:1.08}.hero-content .eyebrow{margin-bottom:8px}.hero-content .hero-sub{font-size:clamp(1rem,1.2vw,1.16rem);line-height:1.35}.hero-content .fee{max-width:590px;font-size:.77rem;line-height:1.4}.hero-content .checks{font-size:.93rem}.hero-badge{width:min(195px,100%);padding:16px 18px}@media (width<=1040px){.hero{height:auto;min-height:440px;max-height:none}.hero-inner{min-height:440px}.hero-badge{display:none}}@media (width<=780px){.hero{height:auto;min-height:0}.hero-inner{min-height:0;padding-block:30px 36px}.hero:after{background:linear-gradient(90deg,#f8faf9fa,#f8faf9e0 95%)}.hero-content h1{font-size:clamp(2.05rem,8vw,3rem)}}.contact-form-message,.contact-form-error{color:#9b2c2c;margin:6px 0 0;font-size:.9rem;font-weight:600;line-height:1.4}.contact-form-message{background:#fbeaea;border-left:4px solid #9b2c2c;margin-bottom:4px;padding:12px 14px}.contact-form-message[hidden],.contact-form-error[hidden]{display:none}
