/* Zurueck-Knopf in Karte und 3D (back.js). Global geladen -- eigener Klassenname
   dbb-vback, weil dbb-back der "Alle Projekte"-Link der Detailansicht ist. Die Kopfzeile ist ein Flex-Container
   mit justify-content: space-between -- margin-right: auto am Titel haelt die
   Umschalter rechts, statt den Titel in die Mitte zu schieben.
   Oben buendig: der Titel ist 31,5 px hoch, die Umschalter 42 px -- zentriert
   saesse der Knopf tiefer als der Titel. */
.dbb-vback {
  flex: none; align-self: flex-start; margin: 0 10px 0 0; display: inline-flex; align-items: center; gap: 7px;
  height: 32px; max-width: 260px; padding: 0 10px 0 9px; border: 1px solid #cfd4da; border-radius: 8px;
  background: #fff; color: #1f2328; font-size: 13px; line-height: 1; white-space: nowrap; text-decoration: none;
}
/* potree.css faerbt a:link/a:visited hellblau (#ccf) -- daher mit :link/:visited */
a.dbb-vback:link, a.dbb-vback:visited { color: #1f2328; }
a.dbb-vback:hover, a.dbb-vback:focus { background: #f1f3f5; color: #1f2328; text-decoration: none; outline: none; }
.dbb-vback:focus-visible { border-color: #2f6fdb; box-shadow: 0 0 0 3px #e8f0fd; }
.dbb-vback .fa { font-size: 14px; }
.dbb-vback-name { overflow: hidden; text-overflow: ellipsis; }
.dbb-vback-sep { flex: none; align-self: flex-start; margin: 6px 10px 0 0; color: #8b9299; font-size: 20px; line-height: 1; }
.dbb-vback ~ .model-title, .dbb-vback ~ .map-title { margin-right: auto; min-width: 0; }

/* ohne Projektname (Projektkarte, Name noch nicht geladen) und unter 1400 px: nur Pfeil */
.dbb-vback:not(.named) + .dbb-vback-sep { display: none; }
.dbb-vback:not(.named) { width: 32px; padding: 0; justify-content: center; }
@media (max-width: 1399.98px) {
  .dbb-vback .dbb-vback-name, .dbb-vback-sep { display: none; }
  .dbb-vback { width: 32px; padding: 0; justify-content: center; }
}