.referenzen-page #p1-ref-hero{color:#fff;-webkit-font-smoothing:antialiased;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.referenzen-page #p1-ref-hero *{box-sizing:border-box;margin:0;padding:0}.referenzen-page #p1-ref-hero .p1rh-content{z-index:20;text-align:center;width:100%;max-width:1400px;position:relative}.referenzen-page #p1-ref-hero .p1rh-glow{pointer-events:none;z-index:1;opacity:0;will-change:left, top;background:radial-gradient(circle,#3b82f62e 0%,#0000 65%);border-radius:50%;width:600px;height:600px;transition:opacity .4s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.referenzen-page #p1-ref-hero .p1rh-eyebrow{letter-spacing:.5em;text-transform:uppercase;color:#666;opacity:0;margin-bottom:3vh;font-size:.8rem;animation:1s .5s forwards p1rhFadeIn;display:block}.referenzen-page #p1-ref-hero .p1rh-headline{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(3rem,11vmin,9rem);font-weight:800;line-height:.95}.referenzen-page #p1-ref-hero .p1rh-line-mask{padding-bottom:.15em;display:block;overflow:hidden}.referenzen-page #p1-ref-hero .p1rh-line-inner{transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(110%)}@media (hover:hover){.referenzen-page #p1-ref-hero .p1rh-line-inner:hover{-webkit-text-stroke:1px #fff;color:#0000;cursor:default}}.referenzen-page #p1-ref-hero .p1rh-dot{color:#3b82f6;display:inline-block}.referenzen-page #p1-ref-hero .p1rh-scroll{opacity:0;cursor:pointer;z-index:20;flex-direction:column;align-items:center;gap:10px;animation:1s 1.5s forwards p1rhFadeIn;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.referenzen-page #p1-ref-hero .p1rh-scroll-text{text-transform:uppercase;letter-spacing:3px;color:#666;font-size:11px;font-weight:600}.referenzen-page #p1-ref-hero .p1rh-arrow{border-bottom:2px solid #fff;border-right:2px solid #fff;width:14px;height:14px;animation:2s infinite p1rhBounce;transform:rotate(45deg)}@keyframes p1rhFadeIn{to{opacity:1}}@keyframes p1rhBounce{0%,20%,50%,80%,to{transform:translateY(0)rotate(45deg)}40%{transform:translateY(-6px)rotate(45deg)}60%{transform:translateY(-3px)rotate(45deg)}}.referenzen-page #p1-ref-hero.p1rh-animate .p1rh-line-inner{transform:translateY(0)}@media (max-width:768px){.referenzen-page #p1-ref-hero .p1rh-headline{font-size:clamp(2.8rem,14vw,5rem)}.referenzen-page #p1-ref-hero .p1rh-scroll{bottom:60px}}.referenzen-page .pw-refs{color:#fff;background:0 0;padding:100px 0 120px;font-family:Poppins,sans-serif;overflow:hidden}.referenzen-page .pw-container{width:min(1240px,92%);margin:0 auto}.referenzen-page .pw-section-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;text-align:center;opacity:0;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;font-weight:600;display:flex}.referenzen-page .pw-section-label:before,.referenzen-page .pw-section-label:after{content:"";background:#ffffff4d;width:0;height:1px;transition:width .8s cubic-bezier(.16,1,.3,1);display:block}.referenzen-page .pw-section-label.pw-triggered{opacity:1;transition:opacity 10ms}.referenzen-page .pw-section-label.pw-triggered:before,.referenzen-page .pw-section-label.pw-triggered:after{width:28px}.referenzen-page .pw-section-title{text-align:center;color:#fff;margin-bottom:14px;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:700;line-height:1.18}.referenzen-page .pw-word-wrap{vertical-align:bottom;padding-bottom:.05em;display:inline-block;overflow:hidden}.referenzen-page .pw-word{opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s;display:inline-block;transform:translateY(100%)}.referenzen-page .pw-word.pw-word--visible{opacity:1;transform:translateY(0)}.referenzen-page .pw-section-title em{background:linear-gradient(90deg,#004aad 0%,#1a6fdc 45%,#3a8fff 70%,#004aad 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-style:italic;font-weight:400}@keyframes pw-shimmer{0%{background-position:0%}to{background-position:200%}}.referenzen-page .pw-shimmer-active em{animation:3s linear infinite pw-shimmer}.referenzen-page .pw-section-subtitle{color:#ffffff80;text-align:center;opacity:0;filter:blur(8px);max-width:560px;margin:28px auto 60px;font-size:clamp(.9rem,2vw,1.05rem);font-weight:300;line-height:1.7;transition:opacity .8s,filter .8s,transform .8s;transform:translateY(10px)}.referenzen-page .pw-section-subtitle.pw-triggered{opacity:1;filter:blur();transform:translateY(0)}.referenzen-page .pw-filters{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-bottom:48px;display:flex}.referenzen-page .pw-filter-btn{cursor:pointer;color:#ffffff80;letter-spacing:.03em;opacity:0;background:0 0;border:1px solid #ffffff1f;border-radius:100px;padding:8px 20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;transition:all .25s;transform:scale(.85)translateY(8px)}.referenzen-page .pw-filter-btn.pw-triggered{opacity:1;transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s,border-color .25s;transform:scale(1)translateY(0)}.referenzen-page .pw-filter-btn:hover{color:#ffffffd9;border-color:#ffffff59}.referenzen-page .pw-filter-btn.active{color:#000;background:#fff;border-color:#fff;font-weight:600}.referenzen-page .pw-grid{perspective:1200px;grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.referenzen-page .pw-card{cursor:pointer;color:inherit;opacity:0;transform-origin:bottom;will-change:transform, opacity;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;text-decoration:none;transition:opacity .7s,transform .7s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s;display:block;position:relative;overflow:hidden;transform:translateY(60px)rotateX(8deg)scale(.97)}.referenzen-page .pw-card.pw-triggered{opacity:1;transform:translateY(0)rotateX(0)scale(1)}.referenzen-page .pw-card:hover{border-color:#ffffff38;box-shadow:0 24px 60px #0000008c}.referenzen-page .pw-card--large,.referenzen-page .pw-card--medium{grid-column:span 6}.referenzen-page .pw-card--small{grid-column:span 4}@media (max-width:900px){.referenzen-page .pw-card--large,.referenzen-page .pw-card--medium{grid-column:span 12}.referenzen-page .pw-card--small{grid-column:span 6}}@media (max-width:560px){.referenzen-page .pw-card--small{grid-column:span 12}}.referenzen-page .pw-card__img-wrap{width:100%;overflow:hidden}.referenzen-page .pw-card--large .pw-card__img-wrap,.referenzen-page .pw-card--medium .pw-card__img-wrap{height:340px}.referenzen-page .pw-card--small .pw-card__img-wrap{height:240px}@media (max-width:900px){.referenzen-page .pw-card--large .pw-card__img-wrap,.referenzen-page .pw-card--medium .pw-card__img-wrap{height:260px}.referenzen-page .pw-card--small .pw-card__img-wrap{height:200px}}@media (max-width:560px){.referenzen-page .pw-card--large .pw-card__img-wrap,.referenzen-page .pw-card--medium .pw-card__img-wrap,.referenzen-page .pw-card--small .pw-card__img-wrap{height:200px}}.referenzen-page .pw-card__img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94);display:block}.referenzen-page .pw-card:hover .pw-card__img{transform:scale(1.07)}.referenzen-page .pw-card__shine{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.referenzen-page .pw-card:hover .pw-card__shine{opacity:1}.referenzen-page .pw-card__badge{-webkit-backdrop-filter:blur(12px);letter-spacing:.08em;text-transform:uppercase;color:#fffc;background:#0009;border:1px solid #ffffff26;border-radius:100px;padding:5px 13px;font-size:11px;font-weight:600;position:absolute;top:16px;left:16px}.referenzen-page .pw-card__ext{-webkit-backdrop-filter:blur(12px);opacity:0;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:16px;right:16px;transform:scale(.8)rotate(-45deg)}.referenzen-page .pw-card:hover .pw-card__ext{opacity:1;transform:scale(1)rotate(0)}.referenzen-page .pw-card__ext svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.referenzen-page .pw-card__body{padding:20px 22px 22px}.referenzen-page .pw-card__client{letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:5px;font-size:11px;font-weight:600}.referenzen-page .pw-card__title{color:#ffffffe6;font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;line-height:1.35}.referenzen-page .pw-stats{background:#ffffff14;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:72px;display:grid;overflow:hidden}.referenzen-page .pw-stat{text-align:center;opacity:0;background:#ffffff08;padding:36px 32px;transition:background .25s,opacity .6s,transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.referenzen-page .pw-stat.pw-triggered{opacity:1;transform:translateY(0)}.referenzen-page .pw-stat:hover{background:#ffffff0f}.referenzen-page .pw-stat__number{color:#fff;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:700;line-height:1}.referenzen-page .pw-stat__label{color:#fff6;letter-spacing:.05em;font-size:13px;font-weight:400}@media (max-width:600px){.referenzen-page .pw-stats{grid-template-columns:1fr}.referenzen-page .pw-stat{padding:28px 24px}}.referenzen-page .pw-cta{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:60px;transition:opacity .6s .2s,transform .6s cubic-bezier(.16,1,.3,1) .2s;display:flex;transform:translateY(20px)}.referenzen-page .pw-cta.pw-triggered{opacity:1;transform:translateY(0)}.referenzen-page .pw-btn{cursor:pointer;letter-spacing:.02em;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.referenzen-page .pw-btn--primary{color:#000;background:#fff;border:1px solid #fff}.referenzen-page .pw-btn--primary:hover{background:#ffffffe0;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff26}.referenzen-page .pw-btn--ghost{color:#ffffffb3;background:0 0;border:1px solid #ffffff26}.referenzen-page .pw-btn--ghost:hover{color:#fff;border-color:#fff6}.referenzen-page .pw-placeholder{background:#080808;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.referenzen-page .pw-placeholder__blob{filter:blur(48px);opacity:.45;border-radius:50%;position:absolute}.referenzen-page .pw-placeholder__blob--1{background:#004aad;width:260px;height:260px;animation:8s ease-in-out infinite alternate pw-blob-drift;top:-60px;left:-60px}.referenzen-page .pw-placeholder__blob--2{background:#1a3a7a;width:200px;height:200px;animation:11s ease-in-out infinite alternate-reverse pw-blob-drift;bottom:-40px;right:-40px}.referenzen-page .pw-placeholder__blob--3{opacity:.2;background:#3a8fff;width:160px;height:160px;animation:9s ease-in-out infinite alternate pw-blob-drift;top:50%;left:55%;transform:translate(-50%,-50%)}@keyframes pw-blob-drift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.15)}}.referenzen-page .pw-placeholder__noise{opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.referenzen-page .pw-placeholder__center{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.referenzen-page .pw-placeholder__center span{letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.referenzen-page .pw-placeholder__center svg{opacity:.4;transition:opacity .3s}.referenzen-page .pw-card:hover .pw-placeholder__center svg{opacity:.7}.referenzen-page .pw-card:hover .pw-placeholder__blob--1{opacity:.6}.referenzen-page .pw-card:hover .pw-placeholder__blob--3{opacity:.35}.referenzen-page .pw-card.pw-hidden{display:none}
.p1-ref-hero{color:#fff;font-family:var(--font-poppins), sans-serif;-webkit-font-smoothing:antialiased;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.p1-ref-hero *{box-sizing:border-box;margin:0;padding:0}.p1-ref-hero .p1rh-content{z-index:20;text-align:center;width:100%;max-width:1400px;padding:0 5vw;position:relative}.p1-ref-hero .p1rh-glow{pointer-events:none;z-index:1;opacity:0;will-change:left, top;background:radial-gradient(circle,#3b82f62e 0%,#0000 65%);border-radius:50%;width:600px;height:600px;transition:opacity .4s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.p1-ref-hero .p1rh-eyebrow{letter-spacing:.5em;text-transform:uppercase;color:#666;opacity:0;margin-bottom:3vh;font-size:.8rem;display:block}.p1-ref-hero .p1rh-headline{text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;font-size:min(12vw,144px);font-weight:800;line-height:1}.p1-ref-hero .p1rh-line-mask{margin-top:-.12em;padding-top:.12em;padding-bottom:.05em;display:block;overflow:hidden}.p1-ref-hero .p1rh-line-inner{transition:transform 1.2s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(110%)}.p1-ref-hero .p1rh-dot{color:#3b82f6;display:inline}.p1-ref-hero .p1rh-scroll{opacity:0;cursor:pointer;z-index:20;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.p1-ref-hero .p1rh-scroll-text{text-transform:uppercase;letter-spacing:3px;color:#666;font-size:11px;font-weight:600}.p1-ref-hero .p1rh-arrow{border-bottom:2px solid #fff;border-right:2px solid #fff;width:14px;height:14px;animation:2s infinite p1rhBounce;transform:rotate(45deg)}@keyframes p1rhFadeIn{to{opacity:1}}@keyframes p1rhBounce{0%,20%,50%,80%,to{transform:translateY(0)rotate(45deg)}40%{transform:translateY(-6px)rotate(45deg)}60%{transform:translateY(-3px)rotate(45deg)}}.p1-ref-hero.p1rh-animate .p1rh-line-inner{transform:translateY(0)}.p1-ref-hero.p1rh-animate .p1rh-eyebrow,.p1-ref-hero.p1rh-animate .p1rh-scroll{animation:1s forwards p1rhFadeIn}.p1-ref-hero.p1rh-animate .p1rh-eyebrow{animation-delay:.5s}.p1-ref-hero.p1rh-animate .p1rh-scroll{animation-delay:1.5s}@media (max-width:768px){.p1-ref-hero .p1rh-scroll{bottom:60px}}