.lauftext-wrapper {
width: 100%;
padding: 10px 0;
overflow: hidden;
}
.page-section .lauftext-wrapper {
width: 100vw;
margin-left: calc(50% - 50vw);
}
.lauftext {
display: flex;
white-space: nowrap;
width: max-content;
margin: 0;
will-change: transform;
}
.track {
display: flex;
flex-shrink: 0;
}
.content {
display: flex;
font-size: clamp(60px, 10vw, 140px);
font-weight: 700;
letter-spacing: 5px;
flex-shrink: 0;
}
.fill {
color: #b3b2b2;
margin-right: 40px;
}
.outline {
color: transparent;
-webkit-text-stroke: 2px #b3b2b2;
margin-right: 40px;
}
@media (max-width: 980px) {
.lauftext-wrapper {
padding: 6px 0;
}
.content {
font-size: clamp(40px, 11vw, 84px);
letter-spacing: 3px;
}
.fill,
.outline {
margin-right: 26px;
}
}
@media (max-width: 768px) {
.content {
font-size: clamp(30px, 12vw, 58px);
letter-spacing: 2px;
}
.outline {
-webkit-text-stroke: 1px #b3b2b2;
}
.fill,
.outline {
margin-right: 18px;
}
}