main > #mainContent > .blurred-bg > div #NoJSPL {
  width: 100%;
  height: 100%;
  border: none;
}

main > #mainContent > .blurred-bg > div div#JSPL {
  display: flex;
  justify-content: space-evenly;
  gap: 2rem;
  height: 100%;

}

main > #mainContent > .blurred-bg > div div#JSPL div#Preise {
  display: block;
  height: fit-content;
}

main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste {
  all: initial;
  display: block;
  border: 1px solid black;
  border-collapse: separate;
  border-spacing: 2px;
  width: fit-content;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
}

main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste tr th,
main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste tr td {
  border: 1px solid black;
  border-collapse: separate;
  border-spacing: 2px;
  padding: 0.128rem;
  width: fit-content;
  text-align: right;
  width: 85px;
}

main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste tr:first-of-type {
  background-color: green;
  color: yellow;
}

main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste tr th {
  font-weight: bold;
}

main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste tr th:first-child,
main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste tr td:first-child {
  text-align: left;
  width: 360px;
}

main > #mainContent > .blurred-bg > div div#JSPL div#Preise table#Preisliste tr td.Zubehoer {
  font-weight: bold;
}