.custom-counter-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1400px;
margin: 0 auto;
gap: 150px;
}
.custom-counter-item {
flex: 1 1 calc(33.33% – 20px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 50px;
border-radius: 20px;
background-color: var(–custom-bg, #f0f0f0);
color: var(–custom-text, #000);
font-family: inherit;
min-height: 150px;
}
.custom-counter-row:nth-child(2) .custom-counter-item {
flex: 1 1 calc(50% – 20px);
}
.custom-counter-number {
font-size: 2em;
font-weight: bold;
}
@media (max-width: 768px) {
.custom-counter-item {
flex: 1 1 100%;
}
}
.custom-counter-number {
margin: 0;
text-align: center;
line-height: 1.2;
}
.custom-counter-item h3 {
margin-top: 10px;
margin-bottom: 0;
text-align: center;
}
0
BETREUTE KUNDEN
0
BETREUTE NEBENSTELLEN
0
MITARBEITER
0
STANDORTE
0
PARTNER
document.addEventListener(„DOMContentLoaded“, function () {
const counters = document.querySelectorAll(„.custom-counter-number“);
counters.forEach(counter => {
const target = +counter.parentElement.getAttribute(„data-target“);
let count = 0;
const speed = target < 50 ? 30 : 10;
const increment = Math.ceil(target / 100);
function update() {
if (count target ? target : count;
requestAnimationFrame(update);
} else {
counter.textContent = target;
}
}
update();
});
});
#backToTop {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: none;
background-color: #0693e3;
color: #ffffff;
padding: 8px 16px;
border-radius: 8px;
border: none;
cursor: pointer;
z-index: 1000;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
font: inherit;
font-size: 16px;
text-align: center;
line-height: 1;
}
window.addEventListener(’scroll‘, function() {
const btn = document.getElementById(‚backToTop‘);
btn.style.display = window.scrollY > 200 ? ‚block‘ : ’none‘;
});







