/* Netto/Brutto-Umschalter.
   Sitzt auf derselben Zeile wie der Preis und nutzt den Platz, der dort
   ohnehin frei war — die Seite wird dadurch nicht laenger. Der Steuerhinweis
   bricht darunter um. */

/* Nur die Preiszeile der Produktseite wird zum Flex-Kasten. Ein Fliesstext-
   Absatz darf das NICHT werden — dort wuerde jedes Textstueck zum eigenen
   Element und zwischen "55,00 €" und "/Tag" entstuende eine Luecke. */
.tb-preis-zeile {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Schalter und Steuerhinweis als eigene Einheit. Auf der Produktseite sitzt
   sie neben dem Preis, auf einer Landingpage unter dem Absatz. */
.tb-preis-steuerung {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.tb-preis-zeile .tb-preis-steuerung { margin-top: 0; }

.tb-schalter {
  display: inline-flex;
  border: 1.5px solid #d8d8d8;
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
  vertical-align: middle;
}
.tb-schalter button {
  font: 600 12.5px/1 inherit;
  /* 34 px hoch: unter dem Daumen noch zu treffen, ohne die Zeile zu sprengen. */
  padding: 10px 14px;
  border: 0;
  background: transparent;
  color: #6b6b6b;
  cursor: pointer;
  white-space: nowrap;
  transition: background .12s ease, color .12s ease;
}
.tb-schalter button:hover { color: #1d1d1d; }
.tb-schalter button.an { background: #CC0000; color: #fff; }
.tb-schalter button.an:hover { color: #fff; }
.tb-schalter button:focus-visible {
  outline: 2px solid #CC0000;
  outline-offset: -2px;
}

/* Der Steuerhinweis steht IMMER da — in beiden Zustaenden. Gegenueber
   Verbrauchern ist die Angabe Pflicht, und auf den Produktseiten fehlte sie
   bisher vollstaendig. */
.tb-preis-hinweis {
  flex-basis: 100%;
  font-size: 12.5px;
  line-height: 1.4;
  color: #7a7a7a;
  margin: 0;
}

/* Auf schmalen Geraeten rutscht der Umschalter unter den Preis, statt ihn
   zusammenzuquetschen. */
@media (max-width: 380px) {
  .tb-preis-zeile { gap: 9px; }
  .tb-schalter button { padding: 10px 12px; font-size: 12px; }
}