:root{--navy:#031d3d;--navy2:#06284f;--gold:#c59a4d;--paper:#fbfaf7;--ink:#071f43;--muted:#4d5158;--line:#e2dfd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2ed;color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}.page{width:min(1084px,calc(100% - 70px));margin:5px auto;background:var(--paper);box-shadow:0 7px 27px rgba(12,27,45,.12)}header{height:66px;padding:0 86px;display:flex;align-items:center;background:linear-gradient(110deg,#031c3a,#052343);color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand>span{color:var(--gold);font:400 30px/1 "Libre Baskerville",serif}.brand b{display:block;font:700 11px "Libre Baskerville",serif;text-transform:uppercase;letter-spacing:.5px}.brand small{display:block;margin-top:4px;font-size:5px;text-transform:uppercase;letter-spacing:.8px}.main-nav{display:flex;gap:35px;margin-left:auto;font-size:8px}.button{min-height:40px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--gold);border-radius:2px;background:linear-gradient(110deg,#c9a052,#b9893b);color:#fff;font-size:9px}.header-cta{min-width:162px;margin-left:47px}.menu-toggle{display:none;margin-left:auto;border:0;background:none}.menu-toggle i{display:block;width:20px;height:2px;margin:5px;background:#fff}.hero{height:303px;display:grid;grid-template-columns:55% 45%}.hero-copy{padding:44px 25px 25px 87px}.hero h1{margin:0;font:700 31px/1.27 "Libre Baskerville",serif;letter-spacing:-.7px}.hero p{margin:15px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.actions{display:flex;gap:10px;margin-top:20px}.actions .button:first-child{min-width:195px}.outline{min-width:150px;background:transparent;color:var(--ink);border-color:#b6aa96}.hero-image{background:url("../../storage/images/finanz_klarheit/IMAGE.png") no-repeat;background-size:1672px 941px;background-position:-707px -71px;background-color:#d8d2cc}.services{padding:25px 87px 27px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.services article{min-height:133px;padding:17px 15px;display:grid;grid-template-columns:66px 1fr;gap:15px;border:1px solid var(--line);background:#fff}.services article>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#f5f1e8;color:var(--gold);font-size:25px}.services h2,.why h2,.cta h2,.extra h2{margin:0;font:700 14px/1.3 "Libre Baskerville",serif}.rule{display:block;width:22px;height:2px;margin:8px 0;background:var(--gold)}.services p{min-height:43px;margin:0;color:var(--muted);font-size:8px;line-height:1.45}.services a,.why-intro>a{display:block;margin-top:8px;font-size:8px;font-weight:600}.services a i,.why-intro>a i{margin-left:8px}.mobile-arrow{display:none}.stats{height:79px;padding:10px 87px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:linear-gradient(110deg,#021c3c,#05264b);color:#fff}.stats article{min-height:48px;padding:0 22px;display:flex;align-items:center;gap:20px;border-right:1px solid rgba(255,255,255,.3)}.stats article:last-child{border:0}.stats i{color:var(--gold);font-size:28px}.stats b{display:block;color:var(--gold);font:400 21px "Libre Baskerville",serif}.stats span{font-size:7px}.why{min-height:187px;padding:32px 87px;display:grid;grid-template-columns:35% 65%;gap:35px}.why-intro>span{color:var(--gold);font-size:7px;text-transform:uppercase;letter-spacing:.7px}.why h2{margin-top:10px;font-size:18px}.why-intro p{font-size:8px;line-height:1.5}.why-intro>a{display:none}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:21px 33px}.benefits article{display:grid;grid-template-columns:43px 1fr;gap:13px}.benefits article>i{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d7bd83;border-radius:50%;color:var(--gold);font-size:18px}.benefits h3{margin:0 0 4px;font:700 12px "Libre Baskerville",serif}.benefits p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.cta{height:109px;padding:0 115px 0 288px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#031d3d,#05264a);color:#fff}.cta h2{font-size:17px}.cta p{margin:8px 0 0;font-size:9px}.cta .button{min-width:251px}.extra{padding:65px;text-align:center;background:#f2f0eb}.extra>span{color:var(--gold);font-size:8px;text-transform:uppercase}.extra h2{margin-top:9px;font-size:27px}.extra.light{background:var(--paper)}footer{padding:18px 45px;display:flex;justify-content:space-between;background:var(--navy);color:#fff;font-size:7px}footer nav{display:flex;gap:20px}
@media(max-width:900px){.page{width:calc(100% - 32px)}header{padding-inline:35px}.main-nav{gap:18px}.header-cta{margin-left:25px}.hero-copy{padding-left:50px}.services,.stats,.why{padding-inline:40px}.cta{padding-inline:55px}}
@media(max-width:650px){body{background:#f5f2ed}.page{width:calc(100% - 24px);max-width:390px;margin:7px auto;border-radius:9px;overflow:hidden}header{height:61px;padding:0 20px}.brand>span{font-size:26px}.brand b{font-size:8px}.brand small{font-size:4px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;z-index:30;top:68px;left:12px;right:12px;padding:10px 20px;background:var(--navy)}.menu-open .main-nav{display:flex;flex-direction:column;gap:0}.main-nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.15)}.header-cta{display:none}.hero{height:auto;display:flex;flex-direction:column}.hero-copy{padding:23px 20px 15px}.hero h1{font-size:23px;line-height:1.12}.hero h1 br{display:none}.hero p{font-size:9px;line-height:1.45}.hero p br{display:none}.actions{display:grid;gap:6px;margin-top:14px}.actions .button,.actions .button:first-child{width:100%;min-width:0;min-height:32px;font-size:8px}.hero-image{height:91px;background-size:690px auto;background-position:-284px -42px}.services{padding:9px 12px 10px;display:block}.services article{min-height:57px;padding:8px 9px;grid-template-columns:37px 1fr 9px;align-items:center;gap:9px}.services article>span{width:34px;height:34px;font-size:16px}.services h2{font-size:10px}.rule,.services p{display:none}.services a{margin-top:4px;font-size:7px}.mobile-arrow{display:block;color:var(--gold)}.stats{height:77px;padding:7px 5px;grid-template-columns:repeat(4,1fr)}.stats article{min-height:52px;padding:2px 5px;display:block;text-align:center}.stats i{font-size:18px}.stats b{margin-top:4px;font:600 11px "DM Sans",sans-serif}.stats span{display:block;font-size:5px;line-height:1.3}.why{min-height:111px;padding:16px 20px;display:block}.why-intro>span{font-size:6px}.why h2{font-size:15px;margin-top:8px}.why h2 br{display:none}.why-intro p{font-size:7px}.why-intro>a{display:block;font-size:7px}.benefits{display:none}.cta{height:133px;padding:17px 20px;display:block}.cta h2{font-size:18px;max-width:240px}.cta p{font-size:8px}.cta .button{width:100%;min-width:0;min-height:33px;margin-top:12px;font-size:8px}.extra{padding:43px 18px}.extra h2{font-size:22px}footer{padding:16px;display:block;text-align:center}footer nav{margin-top:8px;justify-content:center}}
@media(max-width:370px){.page{width:100%;margin:0;border-radius:0}.main-nav{left:0;right:0}}

/* GLOBAL-LAYOUT-SAFETY */
body{overflow-x:hidden}img,svg{max-width:100%;height:auto}.button{max-width:100%}[class*="grid"]>*{min-width:0}
