/* Neufeld – zweite Gestaltung: diagonale Flächen, Blauverläufe, offene Leistungszeilen. */
:root{--ink:#101c30;--muted:#526174;--accent:#006da0;--bright:#3cd1f2;--wash:#edf4fa;--line:#cbdbe8}
body{background:#fff}
.topbar{background:#0d1930}
.header{border-bottom:0;box-shadow:0 5px 30px #0a24440d}
.header nav a.nav-cta{border:0;background:linear-gradient(115deg,#153a85,#007caa);color:#fff;padding-inline:27px;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}
.header nav a.nav-cta:hover{background:#113a77;color:#fff}
.hero{isolation:isolate;min-height:800px;clip-path:polygon(0 0,100% 0,100% 90%,0 100%);z-index:2;background:#0b1730}
.hero-image img{object-position:72% center}
.hero-shade{background:linear-gradient(110deg,rgba(8,20,46,.97),rgba(16,55,116,.96) 55%,rgba(0,116,167,.81));clip-path:polygon(0 0,71% 0,47% 100%,0 100%)}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07132870,#06132b05 75%);z-index:0}
.hero:after{content:'';position:absolute;top:0;bottom:0;left:58%;width:2px;background:linear-gradient(transparent,#35d5ffbb,transparent);transform:skew(-24deg);pointer-events:none}
.hero-content{padding-top:78px;padding-bottom:96px;z-index:1}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:900;letter-spacing:-.07em;font-size:clamp(4rem,7.5vw,7.5rem);line-height:.99;max-width:790px;padding-right:12px;text-shadow:0 3px 28px #08162e22}
.hero h1 em{font-style:italic;color:#63e3ff}
.hero .eyebrow{border-left:3px solid #37d9f9;padding-left:15px;letter-spacing:.16em;color:#dbf7ff}
.hero-copy{color:#eef6ff;max-width:500px;font-size:1.17rem}
.hero-bottom{margin-top:43px;color:#e0eaff}
.hero-bottom span:last-child{background:#0b183c99;padding:4px 9px}
.button{position:relative;background:linear-gradient(110deg,#19439c,#006f9d);border:0;border-radius:0;padding:18px 30px;box-shadow:0 8px 25px #071f4414;transition:background .2s,box-shadow .2s}
.button:hover{background:linear-gradient(110deg,#12347c,#005c86);box-shadow:0 10px 25px #071f4424}
.hero .button{background:#fff;color:#123264;box-shadow:none}
.hero .button:hover{background:#d8f4ff;color:#123264}
.hero .button.ghost{background:#0b224255;border:1px solid #ffffff80;color:#fff;box-shadow:none}
.hero .button.ghost:hover{background:#ffffff22}
.fact-strip{position:relative;margin-top:-81px;padding-top:82px;background:linear-gradient(110deg,#153579,#006eaa 64%,#008cae);color:#fff;z-index:1}
.fact-strip .wrap{padding-block:33px}
.fact-strip span+span{border-color:#ffffff45}
.fact-strip a:hover{color:#bfefff}
h2{font-size:clamp(2.1rem,3.7vw,3.6rem);letter-spacing:-.05em}
.section-heading{gap:95px;margin-bottom:55px}
.section-heading h2{font-style:italic}
.section-heading>p{border-left:2px solid #00a5ce;padding-left:25px}
.eyebrow{letter-spacing:.17em}
.service-grid{display:block;border:0}
.service-card{display:grid;grid-template-columns:74px minmax(220px,.95fr) minmax(230px,1fr) 155px;gap:26px;align-items:center;border:0;border-top:1px solid var(--line);padding:32px 12px 32px 0;background:transparent;position:relative}
.service-card:last-child{border-bottom:1px solid var(--line)}
.service-card:hover{background:linear-gradient(100deg,#eaf7fc,#fff 80%)}
.service-card .number{font-size:2.8rem;line-height:1;letter-spacing:-.07em;font-style:italic;font-weight:800;color:#9bb3c9;margin:0}
.service-card h3{font-size:clamp(1.3rem,2.2vw,2rem);letter-spacing:-.035em}
.service-card p{margin:0;font-size:.95rem}
.service-card .text-link{margin:0;justify-self:end;padding:8px 0;white-space:nowrap}
.service-card.dark-card{background:linear-gradient(110deg,#112e69,#006b99);color:#fff;margin-top:24px;padding:35px 24px;clip-path:polygon(1.5% 0,100% 0,98.5% 100%,0 100%);border:0}
.dark-card p{color:#e0f0fa}.dark-card .number{color:#81ddf4}.dark-card .text-link{border-color:#7bd9f4}
.service-grid.two{display:grid;gap:45px;border:0}
.service-grid.two .service-card{display:block;padding:30px 0;border-bottom:0}
.service-grid.two h2{font-size:2rem;font-style:italic}
.service-grid.two p{margin-top:20px}
.split-section{grid-template-columns:1.25fr 1fr;gap:20px;position:relative;padding-top:20px}
.split-section .photo{clip-path:polygon(0 10%,100% 0,90% 100%,0 93%);background:linear-gradient(140deg,#153578,#0089b6);padding:0 6px 9px 0}
.split-section .photo img{min-height:535px;aspect-ratio:1.1;object-position:40% center}
.split-section .photo figcaption{bottom:40px;max-width:85%;background:#071b38db;font-size:.75rem}
.split-copy{padding-left:26px;position:relative}
.split-copy h2{font-style:italic}
.split-copy:before{content:'';width:72px;height:7px;display:block;margin-bottom:35px;background:linear-gradient(90deg,#13539e,#20bcda);transform:skewX(-30deg)}
.process{position:relative;background:linear-gradient(115deg,#0c1c39,#163d81 53%,#00749c);color:#fff;padding-block:125px;clip-path:polygon(0 7%,100% 0,100% 93%,0 100%)}
.process h2{font-style:italic}.process .eyebrow{color:#72e4ff}.process .steps p{color:#e0eaf7}.process .steps li{border-color:#ffffff45}.process .steps span{color:#77dff5;font-size:2.4rem;font-style:italic;font-weight:700;letter-spacing:-.06em}.steps h3{font-size:1.5rem}
.faq-section{padding-block:110px}.faq-section h2{font-style:italic}.faq-list{border-top:2px solid #173d79}summary{padding-block:26px}summary:after{color:#087fab}
.cta{position:relative;isolation:isolate;background:linear-gradient(112deg,#14285e 8%,#124a9e 57%,#0088ac);color:#fff;padding:75px 80px;clip-path:polygon(3.5% 0,100% 0,96.5% 100%,0 100%);overflow:hidden}
.cta:after{content:'';position:absolute;right:26%;top:-50%;width:100px;height:200%;background:#53d4ff16;transform:rotate(24deg);z-index:-1}
.cta h2{font-style:italic}.cta .eyebrow{color:#95eaff}.cta .button{background:white;color:#163777;box-shadow:none}.cta .button:hover{background:#d9f4ff}.cta .phone-link{color:#e2f0ff}
.page-intro{position:relative;padding-block:60px 80px}.page-intro:after{content:'';display:block;width:160px;height:9px;margin-top:35px;background:linear-gradient(90deg,#173a87,#00b1d1);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
.page-intro h1{font-style:italic;letter-spacing:-.065em}
.detail-layout .photo{clip-path:polygon(0 5%,100% 0,94% 100%,0 95%)}
.detail-layout .photo img{min-height:455px;aspect-ratio:1.25}
.detail-layout .photo figcaption{bottom:28px;max-width:92%;background:#101e3ad9}
.detail-copy h2{font-style:italic}.related-links a{border-top:2px solid #174884}
.contact-info h2{font-style:italic}.big-phone{color:#144b8a}
form{background:linear-gradient(150deg,#edf7fc,#e8eef8);border-top:5px solid #1878ac;box-shadow:15px 18px 0 #e3eef455}
form h2{font-style:italic}
footer{background:#0d1b32;color:#f0f6ff;padding-top:65px;border-top:6px solid #126fac}
footer p,.footer-brand span{color:#b9cbe1}.footer-brand{font-style:italic}.footer-bottom{border-color:#ffffff22;color:#b9cbe1}footer a:hover{color:#64ddfa}
.legal{padding-top:0}.legal h2{font-style:normal}.legal p{line-height:1.8}
@media(min-width:1500px){.hero{min-height:860px}}
@media(max-width:1100px){.service-card{grid-template-columns:60px 1fr 1fr;gap:22px}.service-card .text-link{grid-column:3;justify-self:start}.service-card p{grid-column:3}.service-card h3{grid-column:2}.service-card .number{grid-row:1 / 3}.hero-shade{clip-path:polygon(0 0,83% 0,53% 100%,0 100%)}.split-section .photo img{min-height:470px}.cta{padding:65px 55px}.section-heading{gap:45px}}
@media(max-width:760px){
 .header nav a.nav-cta{clip-path:none}.hero{min-height:740px;clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}
 .hero-content{padding-top:54px;padding-bottom:85px}.hero h1{font-size:clamp(3.3rem,13.5vw,5.3rem);max-width:100%;padding-right:6px;letter-spacing:-.07em}
 .hero-shade{clip-path:polygon(0 0,100% 0,72% 100%,0 100%);background:linear-gradient(125deg,#102b5ce8,#064d82ba)}
 .hero-image img{object-position:68% center}.hero:after{left:83%;opacity:.65}.hero .eyebrow{font-size:.72rem;padding-left:10px}.hero-copy{font-size:1.04rem;max-width:290px}
 .hero-bottom{margin-top:34px;gap:8px}.hero-bottom span:last-child{align-self:flex-start}.hero .actions{gap:12px}.button{padding:16px 21px}
 .fact-strip{margin-top:-42px;padding-top:44px}.fact-strip .wrap{padding-block:25px;gap:18px 12px}.fact-strip span+span{border:0}
 .section-heading{gap:24px;margin-bottom:36px}.section-heading>p{padding-left:18px}.section-heading h2{font-size:2.25rem}
 .service-card{grid-template-columns:42px minmax(0,1fr);gap:10px 17px;padding:26px 0}.service-card .number{font-size:2rem;grid-column:1;grid-row:1 / 4;align-self:start}
 .service-card h3{grid-column:2;font-size:1.45rem}.service-card p{grid-column:2;margin-top:5px}.service-card .text-link{grid-column:2;justify-self:start;margin-top:8px;white-space:normal}
 .service-card.dark-card{padding:30px 18px;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}
 .split-section{grid-template-columns:1fr;gap:0;padding-top:0}.split-section .photo img{min-height:340px;aspect-ratio:1.05}.split-section .photo{clip-path:polygon(0 8%,100% 0,94% 100%,0 94%)}.split-section .photo figcaption{bottom:25px;font-size:.75rem;max-width:89%}.split-copy{padding:30px 0 0}.split-copy:before{margin-bottom:25px}
 .process{padding-block:95px;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}.process .steps{gap:30px}.process .steps span{font-size:2rem;margin-bottom:14px}
 .faq-section{padding-block:65px}.cta{padding:49px 28px;gap:30px;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);width:calc(100% - 24px)}.cta h2{font-size:2rem}.cta:after{right:12%;width:50px}
 .page-intro{padding-block:40px 48px}.page-intro h1{font-size:clamp(2.5rem,10.5vw,4rem)}.page-intro:after{margin-top:25px;width:110px;height:7px}.detail-layout .photo img{min-height:300px}.detail-layout .photo figcaption{bottom:22px}
 form{box-shadow:7px 9px 0 #e3eef455}.service-grid.two{display:block}.service-grid.two .service-card{margin-top:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:nth-child(2){grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-grid>div{min-width:0}footer a{overflow-wrap:anywhere}.footer-bottom{line-height:1.7}
}
@media(max-width:360px){.hero h1{font-size:3.1rem}.hero .eyebrow{font-size:.68rem;letter-spacing:.1em}.page-intro h1{font-size:2.4rem}.service-card{gap:10px 12px}.cta{padding-inline:25px}.footer-grid{grid-template-columns:1fr}.footer-grid>div{grid-column:auto!important}}
@media print{.hero,.process,.cta,.photo{clip-path:none!important}.hero-shade,.hero:before,.hero:after{display:none}.process{background:white;color:black}.process .steps p{color:black}}
/* V4: durchgehende, sanft diagonale Abschnittsgrenzen nach der Designreferenz. */
.services-nav{position:relative}.services-nav-heading{display:flex;align-items:center;gap:3px}.submenu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:1.25rem;width:36px;min-height:44px;cursor:pointer}.js .submenu-toggle{display:block}.services-submenu{position:absolute;top:100%;left:-20px;min-width:260px;padding:12px 0;background:#fff;border-top:3px solid #0086b2;box-shadow:0 15px 35px #0b254329;z-index:30}.js .services-submenu{display:none}.js .services-nav.expanded .services-submenu{display:block}.header nav .services-submenu a{display:block;padding:12px 22px;font-size:.94rem;line-height:1.4}.header nav .services-submenu a:hover,.header nav .services-submenu a:focus-visible{background:#e8f3fa;color:#005b89}.submenu-toggle[aria-expanded=true] span{display:inline-block;transform:rotate(180deg)}
.home-page .split-section,.home-page .faq-section{width:100%;max-width:none;padding-inline:max(48px,calc((100% - 1240px)/2));margin-inline:0}
.home-page .split-section{padding-top:110px;padding-bottom:125px;background:linear-gradient(115deg,#edf5fc,#d9eaf6);clip-path:polygon(0 0,100% 48px,100% 100%,0 calc(100% - 48px));margin-bottom:-48px}
.home-page .split-section .photo{clip-path:none;padding:0;background:none}.home-page .split-section .photo img{min-height:440px;aspect-ratio:1.35}
.home-page .process{padding-top:135px;padding-bottom:135px;clip-path:polygon(0 0,100% 48px,100% calc(100% - 48px),0 100%);margin-bottom:-48px}
.home-page .faq-section{background:#f0f5fa;padding-top:140px;padding-bottom:130px;clip-path:polygon(0 48px,100% 0,100% 100%,0 calc(100% - 48px));margin-bottom:45px}
.home-page .cta{clip-path:polygon(0 0,100% 35px,100% 100%,0 calc(100% - 35px));padding-block:95px}
.hero-bottom span:only-child{background:none;padding:0}
@media(max-width:760px){.services-nav{width:100%}.services-nav-heading{justify-content:space-between}.services-nav-heading>a{flex:1}.submenu-toggle{width:48px}.services-submenu{position:static;min-width:0;box-shadow:none;border-top:1px solid #cedeea;border-left:3px solid #0086b2;margin-bottom:10px;padding:5px 0;background:#f2f7fb}.header nav .services-submenu a{padding:13px 18px}.home-page .split-section,.home-page .faq-section{padding-inline:20px}.home-page .split-section{padding-block:75px 90px;clip-path:polygon(0 0,100% 22px,100% 100%,0 calc(100% - 22px));margin-bottom:-22px}.home-page .split-section .photo img{min-height:280px;aspect-ratio:1.25}.home-page .process{padding-block:95px;clip-path:polygon(0 0,100% 22px,100% calc(100% - 22px),0 100%);margin-bottom:-22px}.home-page .faq-section{padding-block:95px;clip-path:polygon(0 22px,100% 0,100% 100%,0 calc(100% - 22px));margin-bottom:30px}.home-page .cta{padding-block:65px;clip-path:polygon(0 0,100% 20px,100% 100%,0 calc(100% - 20px))}}
.membership-logo{display:inline-flex;background:#fff;padding:10px 15px;margin-top:2px}.membership-logo img{width:167px;height:99px;object-fit:contain}.membership p{max-width:270px;margin-top:17px}.reveal-ready{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible,.reveal-ready:focus-within{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none!important}}@media print{.reveal-ready{opacity:1;transform:none}}