body{background-color:#0b0c10;color:#fff;line-height:1.6;margin:0;scroll-behavior:smooth}.diensten-page{color:#fff;position:relative}.navbar-container{backdrop-filter:blur(10px);background:rgba(0,0,0,.8);box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:50}.navbar-container,.video-container{left:0;position:fixed;top:0;width:100%}.video-container{height:100vh;overflow:hidden;z-index:-1}.background-video{height:100%;object-fit:cover;object-position:center;width:100%}.video-overlay{animation:gradient-shift 8s infinite alternate;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.9));height:100vh;left:0;position:fixed;top:0;width:100%;z-index:0}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 20px;text-align:center;z-index:10}.hero-title{background:linear-gradient(90deg,#9370db,#3b82f6);-webkit-background-clip:text;color:#9370db;font-size:4rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(147,112,219,.3)}.hero-subtitle{color:#d3d3d3;font-size:1.5rem;margin-bottom:2rem;opacity:.95}.hero-button{background:linear-gradient(45deg,#9370db,#3b82f6);border-radius:30px;box-shadow:0 5px 20px rgba(59,130,246,.5);color:#fff;display:inline-block;font-size:1rem;margin-top:10px;padding:12px 24px;text-decoration:none;transition:background .3s,transform .2s,box-shadow .3s}.hero-button:hover{box-shadow:0 8px 25px rgba(59,130,246,.8);transform:translateY(-3px) scale(1.05)}.services-section{background:snow;border-radius:12.5px;padding:5rem 2rem;position:relative}.services-container{display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:1200px}@media (min-width:768px){.services-container{grid-template-columns:1fr 1fr 1fr}}.services-item{background:linear-gradient(135deg,#1c1c2b,#2e2e40);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s}.services-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.5);transform:translateY(-5px) scale(1.02)}.services-text{text-align:center}.services-title{background:linear-gradient(90deg,#9370db,#3b82f6);-webkit-background-clip:text;color:#fff;font-size:2rem;margin-bottom:1rem;-webkit-text-fill-color:transparent}.services-description{color:#d3d3d3;font-size:1.1rem;line-height:1.6}.services-image{border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.4);height:100%!important;object-fit:cover;transition:transform .3s ease-in-out;width:100%!important}.services-image:hover{transform:scale(1.05)}.services-button{background:linear-gradient(90deg,#9370db,#3b82f6)!important;border-radius:30px;box-shadow:0 4px 15px rgba(59,130,246,.3);color:#fff;display:inline-block;font-size:1rem;margin-top:10px;padding:12px 24px;text-decoration:none;transition:background .3s,transform .3s}.services-button:hover{box-shadow:0 6px 20px rgba(59,130,246,.5);transform:scale(1.05)}@media (max-width:768px){.services-title{font-size:1.8rem}.services-description{font-size:1rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.hero-button{font-size:.9rem;padding:10px 20px}.services-container{gap:1rem;grid-template-columns:1fr}.framework-carousel{padding:2rem 1rem;width:100%}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-button{font-size:.8rem;padding:8px 16px}.services-title{font-size:1.6rem}.services-description{font-size:.9rem}.services-item{padding:1rem}.services-image{height:auto;width:100%}.framework-carousel{padding:1rem;width:100%}}