.counter-item .title{
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.valuebox{display:flex;align-items:baseline;justify-content:center;gap:0;}
.valuebox::before{
    content: none;
}
.valuebox[data-prefix]:not([data-prefix=""])::before{
    content: attr(data-prefix);
    margin-right:.1em;
}
.valuebox::after{
    content: none;
}
.valuebox[data-suffix]:not([data-suffix=""])::after{
    content: attr(data-suffix);
}
.valuebox[data-suffix="%"]::after,
.valuebox[data-suffix="€"]::after{
    margin-left:-.05em;
}


.countup-grid.gradation-bubble .counter-item {
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    gap:8px;
    text-align: center;
    padding:var(--us-gap);
    background: var(--us-bg-gradation);
    border-radius: var(--us-radius);
    box-shadow: inset 0 1px 0 0 var(--us-hairline-inverted, rgba(255,255,255,.1));
    border: 1px solid var(--us-hairline-color, rgba(0,0,0,.1));
}

.countup-grid.gradation-bubble .counter-item .title{font-weight:600;color:var(--us-text-weak);font-size:.85rem;}
.countup-grid.gradation-bubble .counter-item .valuebox {
    font-weight: 300;line-height:1;
    color: var(--us-primary-color);}


.countup-grid .counter-item{container-type:inline-size;container-name:counter-item;}
@container counter-item (max-width:139px){
    .countup-grid .counter-item .valuebox{font-size:2.5rem;}
}
@container counter-item (min-width:140px) and (max-width:229px){
    .countup-grid .counter-item .valuebox{font-size:3rem;}
}
@container counter-item (min-width:230px){
    .countup-grid .counter-item .valuebox{font-size:4rem;}
}


.countup-grid.secondary-stripe .counter-item {
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    justify-content: center;
    gap:8px;
    text-align: left;
    padding:var(--us-margin-half) var(--us-gap);
    border-left:2px solid var(--us-primary-color);
}

.countup-grid.secondary-stripe .counter-item .title{font-weight:600;color:var(--us-text-weak);font-size:.85rem;}
.countup-grid.secondary-stripe .counter-item .valuebox {
    font-weight:300;line-height:1;
    color:var(--us-primary-color);}


section:has(.block-bg-image){position:relative;overflow:hidden;}
section:has(.block-bg-image) .block-content{z-index:2;}
.block-bg-image{background:url('/images/featurebox.jpg') no-repeat center/cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:1;}
.countup-grid.glass .counter-item {
    display: flex;
    flex-direction: column;
    align-items:stretch;
    justify-content: stretch;
    gap:0;
    text-align: center;
    border:1px solid var(--us-hairline-inverted, rgba(255,255,255,.1));
    background:rgba(255,255,255,.44);
    backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
    box-shadow:var(--us-box-shadow);
    border-radius:var(--us-radius);
    overflow:hidden;
}

.countup-grid.glass .counter-item .valuebox {
    font-weight:300;line-height:1;text-shadow:0 1px 8px #FFF;
    color:var(--us-primary-color);padding:var(--us-gap);padding-bottom:calc(var(--us-gap) - 8px);border-bottom:1px solid var(--us-hairline-color, rgba(0,0,0,.1))}
.countup-grid.glass .counter-item .title{font-weight:600;color:var(--us-text-weak);font-size:.85rem;padding:16px var(--us-gap);border-top:1px solid var(--us-hairline-inverted, rgba(255,255,255,.1));background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}


.has-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .25s ease,box-shadow .25s ease;}
.has-tilt.is-tilting{transition:none;}

.has-tilt{--tilt-max:6;--tilt-perspective:800px;}