Host your data, your way
Managed Service
Benefit from the IT competence
of our partners
Comprehensive password protection especially for SMEs
- Neither IT competence nor server resources needed
- Comprehensive password protection made in Germany
- Setup of Password Secure MSP from certified partners
- Storage of data in secure data centres, locally
- Leave the setup, maintenance and management to the experts
// Wrap every letter in a span
var textWrapper = document.querySelector(‘.ml11 .letters’);
textWrapper.innerHTML = textWrapper.textContent.replace(/([^\x00-\x80]|\w)/g, “$&“);
var textWrapper2 = document.querySelector(‘.ml11 .letters2’);
textWrapper2.innerHTML = textWrapper2.textContent.replace(/([^\x00-\x80]|\w)/g, “$&“);
var textWrapper3 = document.querySelector(‘.ml11 .letters3’);
textWrapper3.innerHTML = textWrapper3.textContent.replace(/([^\x00-\x80]|\w)/g, “$&“);
var textWrapper4 = document.querySelector(‘.ml11 .letters4’);
textWrapper4.innerHTML = textWrapper4.textContent.replace(/([^\x00-\x80]|\w)/g, “$&“);
anime.timeline({loop: true})
.add({
targets: ‘.ml11 .line’,
scaleY: [0,1],
opacity: [0.5,1],
easing: “easeOutExpo”,
duration: 400
})
.add({
targets: ‘.ml11 .line’,
translateX: [0, document.querySelector(‘.ml11 .letters’).getBoundingClientRect().width + 10],
easing: “easeOutExpo”,
duration: 400,
delay: 100
}).add({
targets: ‘.ml11 .letter’,
opacity: [0,1],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=275’,
delay: (el, i) => 34 * (i+1)
}).add({
targets: ‘.ml11 .line’,
scaleY: [0,1],
opacity: [0.5,1],
easing: “easeOutExpo”,
duration: 400
}).add({
targets: ‘.ml11 .letter’,
opacity: [1,0],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=2775’,
delay: (el, i) => 34 * (i+1)
})
.add({
targets: ‘.ml11 .line’,
translateX: [0, document.querySelector(‘.ml11 .letters2’).getBoundingClientRect().width + 10],
easing: “easeOutExpo”,
duration: 400,
delay: 100
}).add({
targets: ‘.ml11 .letter2’,
opacity: [0,1],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=275’,
delay: (el, i) => 34 * (i+1)
}).add({
targets: ‘.ml11 .line’,
scaleY: [0,1],
opacity: [0.5,1],
easing: “easeOutExpo”,
duration: 400
}).add({
targets: ‘.ml11 .letter2’,
opacity: [1,0],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=2775’,
delay: (el, i) => 34 * (i+1)
})
.add({
targets: ‘.ml11 .line’,
translateX: [0, document.querySelector(‘.ml11 .letters3’).getBoundingClientRect().width + 10],
easing: “easeOutExpo”,
duration: 400,
delay: 100
}).add({
targets: ‘.ml11 .letter3’,
opacity: [0,1],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=275’,
delay: (el, i) => 34 * (i+1)
}).add({
targets: ‘.ml11 .line’,
scaleY: [0,1],
opacity: [0.5,1],
easing: “easeOutExpo”,
duration: 400
}).add({
targets: ‘.ml11 .letter3’,
opacity: [1,0],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=2775’,
delay: (el, i) => 34 * (i+1)
})
.add({
targets: ‘.ml11 .line’,
translateX: [0, document.querySelector(‘.ml11 .letters4’).getBoundingClientRect().width + 10],
easing: “easeOutExpo”,
duration: 400,
delay: 100
}).add({
targets: ‘.ml11 .letter4’,
opacity: [0,1],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=275’,
delay: (el, i) => 34 * (i+1)
}).add({
targets: ‘.ml11 .line’,
scaleY: [0,1],
opacity: [0.5,1],
easing: “easeOutExpo”,
duration: 400
}).add({
targets: ‘.ml11 .letter4’,
opacity: [1,0],
easing: “easeOutExpo”,
duration: 300,
offset: ‘+=2775’,
delay: (el, i) => 34 * (i+1)
}).add({
targets: ‘.ml11’,
opacity: 0,
duration: 400,
easing: “easeOutExpo”,
delay: 400
});
jQuery(“.paroller-container”).paroller({ factor: -0.02, factorXs: -0.02, type: ‘foreground’, direction: ‘horizontal’ });
jQuery(“.paroller-container2”).paroller({ factor: 0.05, factorXs: 0.1, type: ‘foreground’, direction: ‘horizontal’ });
jQuery(“.paroller-container3”).paroller({ factor: 0.025, factorXs: 0.0005, type: ‘foreground’, direction: ‘horizontal’ });
jQuery(“.paroller-container4”).paroller({ factor: -0.025, factorXs: 0.0005, type: ‘foreground’, direction: ‘horizontal’ });



