math-field {
  background: transparent !important;
  color: inherit !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.mathlive-wrapper {
  display: inline-block;
  user-select: all;
  position: relative;
}

.mathlive-wrapper:focus-within {
  outline: 2px solid #007bff;
  outline-offset: 3px;
  background-color: rgba(0, 123, 255, 0.1);
  border-radius: 4px;
  position:relative;
}


.mathlive-formel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: 1.2em;
  display: inline-block;
  vertical-align: middle;
}

.mathlive-wrapper.selected {
  outline: 2px dashed #ff9800;
  background-color: rgba(255, 152, 0, 0.1);
}


.math-overlay-blocker {
  /* nichts sichtbar, aber blockiert Klicks */
  background: transparent;
  pointer-events: auto;
}

math-field[readonly] {
  caret-color: transparent !important;
  user-select: none;
}