@charset "UTF-8";
/***!  Style Declaration  !***/

.ing-hero{--ing-blue:#0052a6;--ing-blue-dark:#073878;--ing-text:#10244b;--ing-muted:#3f5b83;position:relative;isolation:isolate;overflow:hidden;background:#fff;color:var(--ing-text);font-family:inherit}.ing-hero::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:url("https://www.webdesign-ing.com/images/webdesign-ing-systemgrafik-hero.jpg");background-repeat:no-repeat;background-position:right center;background-size:auto 100%}.ing-hero::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient( to right,#fff 0%,#fff 15%,rgba(255,255,255,0.99) 24%,rgba(255,255,255,0.96) 32%,rgba(255,255,255,0.86) 40%,rgba(255,255,255,0.68) 48%,rgba(255,255,255,0.44) 56%,rgba(255,255,255,0.24) 64%,rgba(255,255,255,0.10) 73%,rgba(255,255,255,0.03) 83%,rgba(255,255,255,0) 95% )}.ing-hero__inner{position:relative;z-index:1;width:calc(100% - 48px);max-width:1600px;min-height:650px;margin-inline:auto;padding:64px 0 145px;box-sizing:border-box;background:none}.ing-hero__content{position:relative;z-index:1;width:54%;max-width:710px}.ing-hero__eyebrow{margin:0 0 18px;color:var(--ing-blue);font-size:0.85rem;font-weight:750;line-height:1.5;letter-spacing:0.075em;text-transform:uppercase}.ing-hero h1{margin:0 0 22px;color:var(--ing-text);font-size:clamp(2.25rem,3.2vw,3.5rem);font-weight:750;line-height:1.12;letter-spacing:-0.035em;overflow-wrap:break-word}.ing-hero h1 span{display:block;margin-top:4px;color:var(--ing-blue)}.ing-hero__intro{max-width:660px;margin:0 0 32px;color:var(--ing-muted);font-size:1.08rem;line-height:1.7}.ing-hero__services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 34px}.ing-hero__service{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:0 16px;color:var(--ing-text);font-size:0.92rem;font-weight:500;line-height:1.4;border-left:1px solid #d6e0ec;box-sizing:border-box}.ing-hero__service:first-child{padding-left:0;border-left:0}.ing-hero__icon{display:block;flex:0 0 auto;width:34px;height:34px;color:var(--ing-blue)}.ing-hero__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ing-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.ing-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 24px;border:1px solid var(--ing-blue);border-radius:8px;font-size:0.96rem;font-weight:650;line-height:1.3;text-decoration:none;box-sizing:border-box;transition:background-color 180ms ease,color 180ms ease,transform 180ms ease}.ing-button:hover{transform:translateY(-2px)}.ing-button--primary{background:var(--ing-blue);color:#fff}.ing-button--primary:hover{background:var(--ing-blue-dark);color:#fff}.ing-button--secondary{background:rgba(255,255,255,0.88);color:var(--ing-blue)}.ing-button--secondary:hover{background:#edf5ff;color:var(--ing-blue-dark)}.ing-hero__ribbon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:150px;margin-top:-65px;padding:55px 24px 30px;background:linear-gradient( 110deg,#06468f 0%,#0750a0 30%,#0052a6 60%,#1764ad 100% );clip-path:polygon( 0% 8%,5% 11%,10% 14%,15% 17%,20% 20%,25% 23%,30% 25%,35% 27%,40% 28.5%,45% 29.5%,50% 30%,55% 29.5%,60% 28.5%,65% 27%,70% 25%,75% 23%,80% 20%,85% 17%,90% 14%,95% 10%,100% 6%,100% 100%,0% 100% );box-sizing:border-box}.ing-hero__ribbon-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px;padding-top:12px;color:#fff;font-size:0.78rem;font-weight:700;letter-spacing:0.19em;text-transform:uppercase}.ing-hero__shield{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border:2px solid rgba(255,255,255,0.9);border-radius:50%;font-size:1.1rem;letter-spacing:0}@media (max-width:700px){.ing-hero__ribbon{min-height:110px;margin-top:0;padding:25px 18px 20px;clip-path:none}.ing-hero__ribbon-inner{gap:9px;padding-top:0;font-size:0.65rem;letter-spacing:0.1em}.ing-hero__shield{width:28px;height:28px}}.ing-hero__shield{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border:2px solid rgba(255,255,255,0.9);border-radius:50%;font-size:1.1rem;letter-spacing:0}.ing-hero__dot{opacity:0.7}@media (min-width:1800px){.ing-hero__inner{padding-top:76px}.ing-hero__content{width:48%}.ing-hero h1{font-size:clamp(3rem,3vw,3.75rem)}.ing-hero::before{background-position:right center;background-size:auto 110%}.ing-hero::after{background:linear-gradient( to right,#fff 0%,#fff 20%,rgba(255,255,255,0.99) 32%,rgba(255,255,255,0.96) 42%,rgba(255,255,255,0.86) 52%,rgba(255,255,255,0.68) 62%,rgba(255,255,255,0.44) 72%,rgba(255,255,255,0.22) 82%,rgba(255,255,255,0.08) 91%,rgba(255,255,255,0) 100% )}}@media (max-width:1050px){.ing-hero__inner{min-height:600px;padding-top:52px;padding-bottom:130px}.ing-hero__content{width:60%}.ing-hero h1{font-size:clamp(2rem,4vw,2.8rem)}.ing-hero__service{padding-inline:10px;font-size:0.84rem}.ing-button{padding-inline:17px}.ing-hero::before{background-position:right center;background-size:auto 90%}}@media (max-width:700px){.ing-hero::before,.ing-hero::after{display:none}.ing-hero__inner{width:calc(100% - 36px);min-height:auto;padding:42px 0 40px}.ing-hero__content{width:100%;max-width:none}.ing-hero__eyebrow{font-size:0.75rem}.ing-hero h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.13}.ing-hero__intro{font-size:1rem;line-height:1.65}.ing-hero__services{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;margin-bottom:30px}.ing-hero__service{padding:0 12px;border-left:1px solid #d6e0ec}.ing-hero__service:nth-child(odd){padding-left:0;border-left:0}.ing-hero__actions{align-items:stretch;flex-direction:column}.ing-button{width:100%}.ing-hero__ribbon{min-height:100px;margin-top:0;padding:30px 18px 20px;clip-path:none}.ing-hero__ribbon-inner{gap:9px;font-size:0.65rem;letter-spacing:0.1em}.ing-hero__shield{width:28px;height:28px}}@media (max-width:380px){.ing-hero__ribbon-inner{gap:7px;letter-spacing:0.04em}.ing-hero__dot{display:none}}@media (prefers-reduced-motion:reduce){.ing-button{transition:none}.ing-button:hover{transform:none}}
