.hd{--b:#1A4979;--s:#2F80C3;--i:#54C7DC;--t:#1A2B3C;--m:#4A5A6E;--l:#DFE5F0;--g:#F2F5F9;--n:#0F2E4F;--F:var(--hd-serif,"Cormorant",Georgia,serif);font-family:var(--hd-sans,"Montserrat",Arial,sans-serif);color:var(--t);background:#fff;overflow-x:clip}.hd *{box-sizing:border-box}.hd-w{max-width:1240px;margin:0 auto;padding-inline:24px}.hd-eb{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--s)}.hd-h{font-family:var(--F);font-weight:500;color:var(--b);margin:0;line-height:1.05;font-size:clamp(36px,4.4vw,52px);letter-spacing:0}.hd-p{font-size:16px;line-height:1.75;color:var(--m)}.hd-p p{margin:0 0 1em}.hd-p p:last-child{margin:0}.hd-p a{color:var(--b)}.hd-head{display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-end;justify-content:space-between}.hd-head .hd-p{max-width:420px}.hd-stack{display:flex;flex-direction:column;gap:18px}.hd-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;font-weight:600;font-size:14px;text-decoration:none;transition:background .25s,color .25s;background:var(--b);color:#fff;border:1px solid var(--b)}.hd-btn:hover{background:#163e68;color:#fff}.hd-btn--o{background:transparent;color:var(--b)}.hd-btn--o:hover{background:var(--b);color:#fff}.hd-btn--w{background:#fff;color:var(--b);border-color:#fff}.hd-btn--w:hover{background:var(--g);color:var(--b)}.hd-ar{display:inline-block;transition:transform .25s}.hd-btn:hover .hd-ar{transform:translate(5px)}.hd a:focus-visible,.hd button:focus-visible{outline:2px solid var(--s);outline-offset:3px}.hd-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.hd-ph{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#eef3f8,#b9cbdd 55%,#7d99b6);display:flex;align-items:flex-start;padding:20px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff}@keyframes hd-up{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@keyframes hd-clip{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes hd-kb{0%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes hd-mq{to{transform:translate(-50%)}}@keyframes hd-rv{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}@keyframes hd-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hd-swap{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hd-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hd-up{animation:hd-up .9s cubic-bezier(.2,.7,.2,1) both}@supports (animation-timeline:view()){.hd-rv{animation:hd-rv linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.hd-grow{transform-origin:left;animation:hd-grow linear both;animation-timeline:view();animation-range:entry 30% cover 55%}}.hd-hero{padding:20px 0 88px}.hd-top{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-bottom:48px}.hd-bc{font-size:12px;color:var(--m);display:flex;flex-wrap:wrap;gap:8px}.hd-bc a{color:var(--m)}.hd-bc [aria-current]{color:var(--b);font-weight:600}.hd-sub{display:flex;flex-wrap:wrap;gap:8px}.hd-sub a{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;border:1px solid var(--l);color:var(--b);text-decoration:none;transition:border-color .2s}.hd-sub a:hover{border-color:var(--b)}.hd-sub a[aria-current]{background:var(--b);color:#fff;border-color:var(--b)}.hd-hero__g{display:flex;flex-wrap:wrap;gap:48px 72px;align-items:center}.hd-hero__t{flex:1 1 520px;display:flex;flex-direction:column;gap:28px}.hd-h1{font-family:var(--F);font-weight:500;font-size:clamp(44px,6vw,78px);line-height:.98;color:var(--b);margin:0;letter-spacing:-.01em}.hd-h1>span,.hd-h1>em{display:block}.hd-h1>em{font-style:italic;color:var(--s)}.hd-hero__lead{font-size:17px;max-width:540px}.hd-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.hd-hero__m{flex:1 1 440px;position:relative;min-height:560px}.hd-hero__clip{position:absolute;top:0;right:0;bottom:0;left:40px;overflow:hidden;animation:hd-clip 1.4s cubic-bezier(.7,0,.2,1) .15s both}.hd-hero__clip .hd-img,.hd-hero__clip .hd-ph{animation:hd-kb 12s cubic-bezier(.2,.7,.2,1) both}.hd-badge{position:absolute;left:0;bottom:48px;background:#fff;padding:22px 26px;box-shadow:0 24px 60px #1a49792e;display:flex;gap:28px;animation:hd-float 6s ease-in-out infinite}.hd-badge b{display:block;font-family:var(--F);font-weight:500;font-size:44px;line-height:1;color:var(--b)}.hd-badge span{font-size:12px;color:var(--m)}.hd-badge i{width:1px;background:var(--l)}.hd-hero--t{padding-bottom:64px}.hd-hero--t .hd-hero__g{align-items:flex-end}.hd-hero--t .hd-hero__t{flex:1 1 620px}.hd-hero--t .hd-hero__t2{flex:1 1 380px;gap:24px}.hd-hero--t .hd-h1{font-size:clamp(46px,6.4vw,84px)}@media(max-width:749px){.hd-hero__m{min-height:400px;flex-basis:100%}.hd-hero__clip{top:0;right:0;bottom:0;left:0}.hd-badge{left:16px;bottom:-28px;padding:16px 20px}.hd-badge b{font-size:34px}.hd-hero{padding-bottom:72px}}.hd-logos{border-top:1px solid #EEF1F5;border-bottom:1px solid #EEF1F5;padding:30px 0;overflow:hidden}.hd-mq{display:flex;gap:72px;width:max-content;align-items:center;animation:hd-mq var(--sp,40s) linear infinite}.hd-logos:hover .hd-mq{animation-play-state:paused}.hd-mq img{height:48px;width:auto;max-width:180px;object-fit:contain;opacity:.8}.hd-mq span{font-family:var(--F);font-size:28px;color:#8a97a8;white-space:nowrap}.hd-dag{padding:120px 0}.hd-dag>.hd-w{display:flex;flex-wrap:wrap;gap:56px 80px;align-items:center}.hd-dag__i{flex:1 1 340px}.hd-note{font-size:12px;color:var(--m)}.hd-dag__p{flex:1 1 600px;min-width:0;background:var(--b);color:#fff;padding:48px;display:flex;flex-direction:column;gap:40px;min-height:440px;position:relative;overflow:hidden}.hd-dag__big{position:absolute;right:-10px;top:-40px;font-family:var(--F);font-size:260px;line-height:1;color:#54c7dc1f;pointer-events:none}.hd-moms{position:relative;flex:1}.hd-mom{display:flex;flex-direction:column;gap:16px}.hd-mom[hidden]{display:none}.hd-mom.is-in{animation:hd-swap .6s cubic-bezier(.2,.7,.2,1) both}.hd-mom b{font-family:var(--F);font-weight:500;font-size:clamp(56px,7vw,88px);line-height:.9;color:var(--i)}.hd-mom h3{margin:0;font-size:26px;font-weight:600;color:#fff;font-family:inherit}.hd-mom p{margin:0;font-size:16px;line-height:1.75;color:#dce7f2;max-width:520px}.hd-tl{position:relative;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:10px}.hd-tl button{border:0;background:none;cursor:pointer;padding:16px 0 4px;text-align:left;font:inherit;display:flex;flex-direction:column;gap:10px;color:#9fb4ca;font-size:12px;font-weight:600;min-height:44px}.hd-tl button:hover,.hd-tl button[aria-pressed=true]{color:#fff}.hd-tl i{display:block;height:3px;background:#fff3;position:relative;overflow:hidden}.hd-tl i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--i);transform:scaleX(0);transform-origin:left}.hd-tl .is-past i:after{transform:none}.hd-tl .is-now i:after{animation:hd-fill var(--dur,4s) linear both}.hd-dag.is-stopped .hd-tl .is-now i:after{animation:none;transform:none}@media(max-width:749px){.hd-dag__p{padding:32px 24px}.hd-tl{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-dag{padding:80px 0}}.hd-rows{background:var(--g);padding:120px 0}.hd-rows>.hd-w{display:flex;flex-wrap:wrap;gap:48px 80px}.hd-rows__i{flex:1 1 320px}.hd-rows__s{position:sticky;top:120px}.hd-rows__l{flex:999 1 600px;min-width:0}.hd-row{display:grid;grid-template-columns:90px minmax(0,1fr) 220px;gap:32px;align-items:center;padding:34px 0;border-top:1px solid var(--l);transition:padding .4s cubic-bezier(.2,.7,.2,1)}.hd-row>b{font-family:var(--F);font-weight:500;font-size:44px;color:var(--s);line-height:1}.hd-row h3{margin:0 0 8px;font-size:22px;font-weight:600;color:var(--b);transition:color .2s;font-family:inherit}.hd-row .hd-p{font-size:15px}.hd-row__th{position:relative;height:120px;overflow:hidden;opacity:0;transform:translate(24px) rotate(2deg);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1)}.hd-row:hover{padding-left:16px}.hd-row:hover .hd-row__th{opacity:1;transform:none}.hd-row:hover h3{color:var(--s)}@media(max-width:749px){.hd-row{grid-template-columns:48px minmax(0,1fr);gap:16px}.hd-row>b{font-size:32px}.hd-row__th{display:none}.hd-rows{padding:80px 0}.hd-rows__s{position:static}}@media(prefers-reduced-motion:reduce){.hd *,.hd *:before,.hd *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hpg-diensten.css.map */