.wbb-laufschrift {
    width: 100%;
    overflow: hidden;
    background-color: rgba(248, 251, 239, 0.7);
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 6px 0;
    margin: 0 0 12px;
    color: #08088A;
    font-family: 'Buenard', serif;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
}
.wbb-laufschrift-track {
    display: inline-block;
    white-space: nowrap;
    animation: wbb-laufschrift-scroll var(--wbb-laufschrift-speed, 30s) linear infinite;
}
.wbb-laufschrift-item {
    display: inline-block;
    padding-right: 3em;
}
@keyframes wbb-laufschrift-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
/* Im Editor nicht animieren, damit der Text bearbeitbar bleibt */
.wbb-laufschrift-editor .wbb-laufschrift-track { animation: none; }

/* Im Block-Editor den Seiten-Hintergrund simulieren,
   damit die Laufschrift dort so aussieht wie im Frontend */
.editor-styles-wrapper .wbb-laufschrift,
.wbb-laufschrift-editor {
    background-color: #F8FBEF;
}