/* Originales Logo-Zeichen, drei feste Nadelstellungen. */
#preise .tl-dot,#preise .tl-step.on .tl-dot{border:0;background:var(--bg);box-shadow:none;border-radius:0;color:#243e59}
#preise .tl-dot svg{display:block;width:56px;height:56px;overflow:visible}
/* Tachos stehen oberhalb der horizontalen Linie, nicht auf ihr. */
@media(min-width:768px){
 #preise .tl-dot{top:-36px}
 #preise #priceTl{margin-top:76px}
}
/* Mobil läuft die vertikale Linie hinter den deckenden Icon-Flächen. */
#preise .tl-dot{z-index:3}
/* Tacho und Text bilden je eine kompakte horizontale Einheit. */
#preise #priceTl .tl-step{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;align-content:start;padding:0;text-align:left}
#preise #priceTl .tl-dot{position:static;transform:none;grid-column:1;grid-row:1 / 3;align-self:center;width:64px;height:64px}
#preise #priceTl .tl-dot svg{width:64px;height:64px}
#preise #priceTl .tl-big,#preise #priceTl .tl-h{grid-column:2;margin:0}
#preise #priceTl .tl-big{font-size:clamp(34px,3.5vw,50px);line-height:1.1}
#preise #priceTl .tl-h{margin-top:6px}
#preise #priceTl{margin-top:40px}
@media(max-width:767px){#preise #priceTl{padding-left:0}#preise #priceTl .tl-step{margin-bottom:28px}}
/* Verbindungslinie samt Fortsetzung zur Preiskarte entfernen. */
#preise #priceTl::before,#preise #priceTl::after,#preise .tl-fill,#preise .pl-svg{display:none!important}