/* Neaforge IT-Support – eigenständige, ruhige Gestaltung ohne Eingriff in andere Seiten */
.nf-it-page{--it-ink:#17273a;--it-muted:#617287;--it-border:#dfe7ed;--it-accent:#537f8d}
.nf-it-hero{padding:clamp(74px,8.2vw,128px) 0 clamp(68px,7vw,115px);background:linear-gradient(135deg,#f8faf9 4%,#f3f7f8 55%,#f8fafc 100%);border-bottom:1px solid #e7edf1}
.nf-it-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.8fr);gap:clamp(40px,7vw,114px);align-items:center}
.nf-it-hero .kicker,.nf-it-page .nf-it-section .kicker,.nf-it-cta .kicker{color:#597585;letter-spacing:.15em}
.nf-it-hero h1{max-width:720px;color:var(--it-ink);font-size:clamp(42px,5.1vw,76px);line-height:1.08;letter-spacing:-.06em;font-weight:670}
.nf-it-hero h1 em{font-style:normal;color:#5a7f8c}
.nf-it-hero .nf-it-lead{font-size:clamp(15px,1.27vw,18px);line-height:1.85;color:#607185;max-width:660px;margin-top:25px}
.nf-it-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:35px}
.nf-it-actions .button,.nf-it-cta-action .button{background:#24445b;border-radius:12px;box-shadow:0 10px 23px rgba(28,61,81,.12);gap:24px;min-height:54px}
.nf-it-actions .button:hover,.nf-it-cta-action .button:hover{background:#18374e}
.nf-it-secondary{font-weight:650;color:#3f6276;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid #a8b8c1;padding:10px 0;font-size:13px}
.nf-it-facts{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:44px;color:#708091;font-size:12px}
.nf-it-facts span{display:inline-flex;gap:10px;align-items:center}
.nf-it-facts span:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#80a8a6}
.nf-it-hero-visual{min-width:0}
.nf-it-window{background:#fff;border:1px solid #dce5ea;border-radius:23px;padding:0;box-shadow:0 30px 70px rgba(40,64,83,.09);overflow:hidden;transform:rotate(-1.2deg)}
.nf-it-window-bar{height:59px;border-bottom:1px solid #e8edf1;display:flex;align-items:center;justify-content:space-between;padding:0 24px}
.nf-it-window-mark{color:#1b374a;font-weight:800;letter-spacing:-.02em;font-size:16px}.nf-it-window-mark span{color:#92afb8}
.nf-it-window-dots{display:flex;gap:6px}.nf-it-window-dots i{height:7px;width:7px;border-radius:50%;background:#ced9df}
.nf-it-window-body{padding:55px 43px 46px}.nf-it-visual-icon{width:73px;height:73px;border-radius:20px;background:#edf4f6;display:grid;place-items:center;color:#42788a;margin-bottom:36px}.nf-it-visual-icon svg{width:47px;height:47px}
.nf-it-small-label{display:block;letter-spacing:.2em;color:#8498a7;font-size:10px;font-weight:740;margin-bottom:12px}.nf-it-window-body strong{display:block;font-size:clamp(27px,2.8vw,42px);letter-spacing:-.055em;color:#1b2b3d;line-height:1.17;font-weight:700}
.nf-it-visual-status{border-top:1px solid #e4ebee;padding-top:22px;margin-top:40px;display:flex;align-items:center;gap:10px;font-size:12px;color:#6b8493}.nf-it-visual-status span{width:7px;height:7px;background:#6a9f93;border-radius:50%}
.nf-it-window-footer{border-top:1px solid #ebeff3;padding:18px 24px;display:flex;justify-content:space-between;gap:15px;color:#97a8b5;font-weight:730;letter-spacing:.13em;font-size:9px}
.nf-it-section{padding:clamp(65px,7vw,100px) 0}.nf-it-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.63fr);gap:clamp(34px,5vw,80px);align-items:end;margin-bottom:38px}.nf-it-heading h2,.nf-it-location h2,.nf-it-faq-layout h2,.nf-it-cta h2{font-size:clamp(30px,3.2vw,49px);font-weight:650;letter-spacing:-.053em;line-height:1.14;color:var(--it-ink)}
.nf-it-heading>.nf-it-heading-description,.nf-it-heading>p{max-width:475px;line-height:1.9;color:var(--it-muted);font-size:15px;padding-bottom:6px}
.nf-it-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.nf-it-service{border:1px solid var(--it-border);border-radius:19px;background:#fff;padding:28px 28px 26px;min-height:360px;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.nf-it-service:hover{transform:translateY(-3px);border-color:#c9d9df;box-shadow:0 17px 38px rgba(26,51,69,.055)}
.nf-it-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;color:#8397a5;font-size:10px;font-weight:750;letter-spacing:.14em}
.nf-it-card-top span+span{color:#4e7181;font-size:19px;font-weight:400;line-height:1}
.nf-it-service h3{font-size:clamp(21px,1.8vw,27px);letter-spacing:-.045em;font-weight:670;color:var(--it-ink);margin-bottom:13px}
.nf-it-service>p{color:var(--it-muted);font-size:13.5px;line-height:1.83}
.nf-it-service ul{list-style:none;border-top:1px solid #edf0f2;margin:auto 0 0;padding:20px 0 0;font-size:12px;line-height:1.7;color:#587081}
.nf-it-service li+li{margin-top:6px}.nf-it-service li{position:relative;padding-left:16px}.nf-it-service li:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#88a4b1;top:9px;left:0}
.nf-it-soft{background:#f7f9fa;border-block:1px solid #e8edf0}
.nf-it-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nf-it-step{padding:26px 28px;border:1px solid #e2e9ec;background:#fff;border-radius:18px;min-height:232px}
.nf-it-step>span{display:block;color:#708d99;font-weight:750;font-size:13px;letter-spacing:.11em;margin-bottom:29px}
.nf-it-step h3{font-weight:680;letter-spacing:-.035em;color:var(--it-ink);font-size:21px;margin-bottom:12px}.nf-it-step p{font-size:13.5px;line-height:1.8;color:var(--it-muted)}
.nf-it-location{display:grid;grid-template-columns:1fr .94fr;gap:clamp(40px,8vw,115px);align-items:start}
.nf-it-location>div:nth-child(2){padding-top:18px}.nf-it-location p:not(.kicker){font-size:15px;line-height:1.9;color:var(--it-muted)}
.nf-it-location .nf-it-note{margin-top:24px;padding:18px 20px;border:1px solid #e3eaee;border-left:3px solid #9ab2bc;border-radius:0 14px 14px 0;background:#f8fafb;font-size:12.5px!important;line-height:1.7!important}
.nf-it-faq-section{border-top:1px solid #ecf0f2}.nf-it-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(40px,7vw,105px)}.nf-it-faq-layout>div:first-child>p:last-child{margin-top:18px;font-size:15px;color:var(--it-muted)}
.nf-it-faq details{border-bottom:1px solid #e3eaf0;padding:21px 0}.nf-it-faq details:first-child{border-top:1px solid #e3eaf0}
.nf-it-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;font-size:15px;font-weight:675;color:#24384c;line-height:1.45}
.nf-it-faq summary::-webkit-details-marker{display:none}.nf-it-faq summary:after{content:"+";color:#7191a0;font-size:21px;font-weight:350;line-height:1}.nf-it-faq details[open] summary:after{content:"−"}.nf-it-faq details p{padding-top:16px;max-width:700px;font-size:13px;line-height:1.85;color:var(--it-muted)}
.nf-it-end{padding:35px 0 95px}.nf-it-cta{display:grid;grid-template-columns:1fr minmax(250px,.65fr);align-items:center;gap:42px;background:#eef3f6;border:1px solid #dce6eb;border-radius:24px;padding:clamp(32px,4vw,60px)}.nf-it-cta p:not(.kicker){font-size:14px;line-height:1.75;margin-top:18px;max-width:560px}.nf-it-cta-action{display:flex;flex-direction:column;align-items:stretch;gap:18px}.nf-it-cta-action>.button{justify-content:space-between}.nf-it-cta-action>a:last-child{color:#527083;font-size:12px;text-align:center}
.nf-it-page a:focus-visible,.nf-it-page summary:focus-visible{outline:3px solid #739eaa;outline-offset:3px}
@media(max-width:1030px){.nf-it-hero-grid{grid-template-columns:1fr .8fr;gap:36px}.nf-it-service{padding:24px}.nf-it-hero h1{font-size:clamp(40px,4.9vw,60px)} }
@media(max-width:820px){.nf-it-hero-grid,.nf-it-heading,.nf-it-location,.nf-it-faq-layout{grid-template-columns:1fr;gap:30px}.nf-it-hero-visual{max-width:510px;width:100%}.nf-it-services-grid,.nf-it-steps{grid-template-columns:1fr 1fr}.nf-it-service{min-height:315px}.nf-it-heading{margin-bottom:25px}.nf-it-location>div:nth-child(2){padding:0}.nf-it-cta{grid-template-columns:1fr}}
@media(max-width:570px){.nf-it-hero{padding:70px 0 60px}.nf-it-hero h1{font-size:clamp(37px,10vw,52px)}.nf-it-hero .nf-it-lead{font-size:14px}.nf-it-facts{margin-top:29px}.nf-it-window-body{padding:37px 28px}.nf-it-services-grid,.nf-it-steps{grid-template-columns:1fr}.nf-it-service,.nf-it-step{min-height:auto}.nf-it-service ul{margin-top:24px}.nf-it-end{padding-bottom:70px}.nf-it-cta{padding:26px}.nf-it-cta-action .button{font-size:13px}.nf-it-window{transform:none}}
@media(prefers-reduced-motion:reduce){.nf-it-service{transition:none}.nf-it-service:hover{transform:none}}
