@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url("fonts/dm-sans-latin.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 600;font-display:swap;src:url("fonts/manrope-latin.woff2") format("woff2")}
:root{--navy:#041121;--navy-soft:#0a1c31;--cream:#f4f6f8;--paper:#ffffff;--white:#fff;--gold:#0878d1;--gold-light:#43a8f5;--ink:#041121;--muted:#52606f;--line:rgba(4,17,33,.13);--max:1200px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:100px}
section[id]{scroll-margin-top:90px}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}ul{list-style:none}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:#fff;padding:10px 16px}.skip:focus{top:16px}
header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(4,17,33,.9);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}
.nav{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;color:#fff}.brand-logo{width:80px;height:80px;display:block;object-fit:contain}.brand-name{font-family:"Manrope",sans-serif;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand-role{display:block;font-size:9px;font-weight:400;letter-spacing:.16em;color:rgba(255,255,255,.55);margin-top:2px}.nav-links{display:flex;align-items:center;gap:34px;color:rgba(255,255,255,.72);font-family:"Manrope",sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.nav-links a{transition:.2s}.nav-links a:hover{color:#fff}.nav-contact{display:flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid #fff;color:#fff!important}.nav-contact svg{width:15px;height:15px;flex:0 0 15px}.menu{display:none;border:0;background:none;color:#fff;font-size:25px;cursor:pointer}
.hero{min-height:850px;padding:180px 0 110px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(8,120,209,.13);border-radius:50%;right:-220px;top:90px}.hero:after{content:"";position:absolute;width:470px;height:470px;border:1px solid rgba(8,120,209,.08);border-radius:50%;right:-40px;top:215px}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.kicker{display:flex;align-items:center;gap:14px;color:var(--gold-light);font-family:"Manrope",sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:30px}.kicker:before{content:"";width:36px;height:1px;background:var(--gold)}h1{font-family:"Manrope",sans-serif;font-size:clamp(54px,7vw,92px);font-weight:500;line-height:1.02;letter-spacing:-.035em;max-width:840px}h1 em{color:var(--gold-light);font-weight:500}.hero-copy{font-size:17px;color:rgba(255,255,255,.7);max-width:650px;margin-top:28px}.hero-benefits{display:grid;gap:10px;margin-top:28px;max-width:670px}.hero-benefits li{display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.82);font-size:14px}.hero-check{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(67,168,245,.14);color:var(--gold-light);font-weight:600;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;border:1px solid transparent;font-family:"Manrope",sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light)}.btn-ghost{border-color:rgba(255,255,255,.24);color:#fff}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light)}.btn svg{width:16px;height:16px;flex:0 0 16px}
.hero-note{margin-top:18px;color:rgba(255,255,255,.48);font-size:13px}.hero-card{border-top:1px solid rgba(255,255,255,.17);padding-top:27px}.hero-card-label{font:500 10px "Manrope",sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--gold-light);margin-bottom:22px}.fact{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.fact span:first-child{color:rgba(255,255,255,.45)}.fact span:last-child{text-align:right;color:rgba(255,255,255,.88)}
.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-item{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:24px 28px;border-left:1px solid var(--line)}.trust-item:last-child{border-right:1px solid var(--line)}.trust-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(8,120,209,.09);color:var(--gold);font-weight:600}.trust-item strong{display:block;font:600 14px "Manrope",sans-serif;margin-bottom:2px}.trust-item span:last-child{color:var(--muted);font-size:12px}.intro{padding:110px 0;background:var(--cream)}.intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:120px}.section-no{font:500 11px "Manrope",sans-serif;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.display{font-family:"Manrope",sans-serif;font-size:clamp(38px,5vw,62px);font-weight:500;line-height:1.08;letter-spacing:-.025em}.intro .display{margin-top:22px}.intro-text{font-size:20px;line-height:1.7;color:#3f464d;padding-top:32px}.intro-text strong{color:var(--ink);font-weight:500}.signature{font-family:"Manrope",sans-serif;font-style:italic;color:#0878d1;font-size:24px;margin-top:28px}
.services{padding:120px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:56px}.section-head p{max-width:450px;color:var(--muted)}.section-head .display{margin-top:18px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{grid-column:span 2;min-height:335px;padding:35px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.3s}.service:nth-child(4),.service:nth-child(5){grid-column:span 3}.service:hover{background:var(--navy);color:#fff;transform:translateY(-4px)}.service-num{font:500 11px "Manrope",sans-serif;letter-spacing:.15em;color:#0878d1}.service h3{font:500 27px "Manrope",sans-serif;line-height:1.15;margin:auto 0 18px}.service p{font-size:14px;color:var(--muted)}.service:hover p{color:rgba(255,255,255,.6)}.section-cta{margin-top:38px;padding:24px 28px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:24px}.section-cta p{color:var(--muted)}.section-cta strong{display:block;color:var(--ink);font:600 17px "Manrope",sans-serif;margin-bottom:3px}.section-cta .btn{flex:none}
.process{background:var(--navy);color:#fff;padding:120px 0 78px}.process .section-head p{color:rgba(255,255,255,.55)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;margin-top:60px}.step{display:flex;flex-direction:column;padding:35px 30px 0;border-left:1px solid rgba(255,255,255,.15)}.step-no{font:500 11px "Manrope",sans-serif;letter-spacing:.15em;color:var(--gold);margin-bottom:44px}.step h3{font:500 25px "Manrope",sans-serif;margin-bottom:16px;min-height:60px}.step p{color:rgba(255,255,255,.56);font-size:14px}
.faq{padding:120px 0;background:#fff}.faq-layout{display:block}.faq-intro{position:static}.faq-intro .display{margin:18px 0 24px}.faq-intro p{max-width:680px;color:var(--muted)}.faq-list{max-width:920px;margin-top:52px;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:42px 1fr 30px;gap:18px;align-items:center;padding:27px 4px;font:600 clamp(17px,2vw,21px) "Manrope",sans-serif}.faq-item summary::-webkit-details-marker{display:none}.faq-number{font-size:10px;letter-spacing:.14em;color:var(--gold)}.faq-icon{width:28px;height:28px;border:1px solid rgba(8,120,209,.35);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:400 20px/1 "Manrope",sans-serif;transition:.25s}.faq-item[open] .faq-icon{transform:rotate(45deg);background:var(--gold);color:#fff}.faq-answer{padding:0 58px 28px 64px;color:var(--muted);font-size:15px}.faq-answer strong{color:var(--ink);font-weight:600}
.contact{padding:120px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px}.region-grid{margin-top:70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:stretch}.region-text{display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid var(--line);border-top:4px solid #0878d1;box-shadow:0 25px 55px rgba(4,17,33,.16);padding:44px}.region-text h3{font:500 26px "Manrope",sans-serif;margin-bottom:20px}.region-text p{color:var(--muted);font-size:16px}.map-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-top:4px solid #0878d1;box-shadow:0 25px 55px rgba(4,17,33,.16)}.contact .display{max-width:720px;margin:22px 0 30px}.contact-lead{max-width:610px;color:var(--muted);font-size:17px}.contact-actions{display:flex;flex-direction:column;border-top:1px solid var(--line)}.contact-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;border-bottom:1px solid var(--line);transition:.2s}.contact-link:hover{padding-left:12px;color:#0878d1}.contact-id{display:flex;align-items:center;gap:16px}.contact-icon{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(8,120,209,.08);color:#0878d1}.contact-icon svg{width:19px;height:19px}.contact-label{font:500 10px "Manrope",sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.contact-value{font-size:17px;text-align:right}.arrow{font-size:21px;color:#0878d1}.address-card{background:var(--navy);color:#fff;padding:42px;align-self:end}.address-logo{width:140px;height:140px;display:block;object-fit:contain;margin:0 auto 49px}.address-card h3{font:500 26px "Manrope",sans-serif;margin-bottom:20px}.address-card address{font-style:normal;color:rgba(255,255,255,.6);font-size:14px}.areas{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:var(--gold-light);letter-spacing:.08em}.mobile-actions{display:none}
footer{background:#020a13;color:rgba(255,255,255,.45);padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:11px}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.wrap{width:min(100% - 32px,var(--max))}.nav-links{display:none;position:fixed;top:96px;left:0;right:0;background:var(--navy);padding:25px 16px 32px;flex-direction:column;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links.open{display:flex}.menu{display:block}.hero{min-height:auto;padding:145px 0 80px}.hero-grid,.intro-grid,.faq-layout,.contact-grid,.region-grid{grid-template-columns:1fr;gap:60px}.region-text{margin-bottom:8px}.region-text p{max-width:none}.hero-card{max-width:500px}.trust-grid{grid-template-columns:1fr}.trust-item,.trust-item:last-child{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.intro{padding:85px 0}.intro-grid{gap:28px}.intro-text{padding-top:0}.section-head{display:block}.section-head p{margin-top:22px}.service-grid{grid-template-columns:1fr 1fr}.service,.service:nth-child(4),.service:nth-child(5){grid-column:span 1}.process-steps{grid-template-columns:1fr}.step{padding:30px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.step-no{margin-bottom:32px}.step h3{min-height:0}.faq{padding:85px 0}.faq-layout{gap:42px}.faq-intro{position:static}.contact{padding:85px 0}.address-card{margin-top:10px}.region-grid{margin-top:50px}}
@media(max-width:600px){h1{font-size:48px}.brand-role{display:none}.hero:before{width:430px;height:430px;right:-250px}.hero:after{display:none}.actions{flex-direction:column}.btn{width:100%}.services{padding:85px 0}.service-grid{grid-template-columns:1fr}.service{min-height:270px}.process{padding:85px 0 55px}.faq-item summary{grid-template-columns:30px 1fr 28px;gap:10px;padding:23px 0}.faq-answer{padding:0 38px 24px 40px}.section-cta{align-items:stretch;flex-direction:column}.section-cta .btn{width:100%}.contact-value{font-size:14px}.address-card{padding:32px}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:120;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -8px 30px rgba(4,17,33,.16);padding:max(10px,env(safe-area-inset-bottom)) 12px 10px;gap:8px}.mobile-actions a{min-height:48px;display:flex;align-items:center;justify-content:center;font:600 12px "Manrope",sans-serif;letter-spacing:.05em;text-transform:uppercase}.mobile-call{background:var(--gold);color:#fff}.mobile-whatsapp{background:var(--navy);color:#fff}body{padding-bottom:68px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.card-visual{border-top:0;padding:0;position:relative}.business-card{width:100%;max-width:420px;margin-inline:auto;display:block;border:2px solid #fff;box-shadow:0 25px 55px rgba(0,0,0,.45)}@media(min-width:901px){.business-card{border-width:5px}}.card-caption{display:flex;justify-content:space-between;gap:20px;margin-top:22px;color:rgba(255,255,255,.5);font:500 10px "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}.hero{background:linear-gradient(118deg,#041121 0%,#041121 68%,#06213d 68%,#03101f 100%)}.intro{position:relative;overflow:hidden}.intro:after{content:"";position:absolute;right:-110px;bottom:-210px;width:370px;height:440px;background:linear-gradient(145deg,transparent 0 40%,#0878d1 40% 41%,#041121 41% 58%,#0b2b49 58% 72%,transparent 72%);opacity:.95;pointer-events:none}.service{position:relative;overflow:hidden}.service:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:#0878d1;transition:width .3s}.service:hover:after{width:100%}.section-no,.kicker,.service-num,.step-no{color:#0878d1}.display,h1{font-weight:600;letter-spacing:-.04em}h1 em{display:inline-block;margin-top:.18em;font-style:normal;color:#43a8f5}.signature{font-style:normal;font-family:"Manrope",sans-serif;font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.btn-gold{color:#fff}.address-card{border-top:4px solid #0878d1}@media(max-width:900px){.card-caption{flex-direction:column;gap:5px;justify-content:center;text-align:center}.intro:after{display:none}}
/* Leistungen im Stil der Visitenkarte */.services{background:#fff}.service-grid{display:block;border:0;border-top:1px solid rgba(4,17,33,.18)}.service,.service:nth-child(4),.service:nth-child(5){min-height:0;display:grid;grid-template-columns:90px minmax(240px,.85fr) 1.15fr;align-items:center;gap:40px;padding:34px 18px 34px 6px;border:0;border-bottom:1px solid rgba(4,17,33,.18);background:transparent;transform:none;transition:background .3s,color .3s,padding .3s}.service-num{width:48px;height:48px;border:1px solid #0878d1;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#0878d1;transition:.3s}.service h3{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(22px,2.4vw,34px);font-weight:600;letter-spacing:-.03em}.service p{font-size:14px;max-width:520px;transition:.3s}.service:after{left:auto;right:18px;bottom:auto;top:50%;width:34px;height:1px;transform:translateY(-50%);background:#0878d1;opacity:0}.service:hover{padding-left:22px;padding-right:68px;background:#041121;color:#fff;transform:none}.service:hover .service-num{background:#0878d1;color:#fff;border-color:#0878d1}.service:hover p{color:rgba(255,255,255,.62)}.service:hover:after{width:34px;opacity:1}.service-grid .service:nth-child(even){background:#f4f6f8}.service-grid .service:nth-child(even):hover{background:#041121}@media(max-width:760px){.service,.service:nth-child(4),.service:nth-child(5){grid-template-columns:58px 1fr;gap:14px 18px;padding:26px 4px}.service p{grid-column:2}.service-num{width:42px;height:42px}.service:hover{padding:26px 16px}.service:hover:after{display:none}}