html, body {
  background-color: #141d2b !important;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

#simulationsLoader {
  position: fixed;
  top: 0; left: 0; z-index: 999;
  width: 100vw; height: 100vh;
  background-color: #141d2b;
  background-position: center;
  background-repeat: no-repeat;
}

#simulationsLoader .ui.dimmer {
  background-color: #141d2b;
}

.loader {
  color: white !important;
}

.simRow {
  display: flex;
}

.simColumn1zu {
  order: 1;
  position: absolute; top: -9999px; left: -9999px;
}

.simColumn1offen {
  order: 1;
  height: calc(100vh);
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #141d2b;
}

.simColumn2links {
  order: 2;
  cursor: pointer;
  width: 26px;
  padding-top: 10px;
  background-color: #141d2b;
}

.simColumn2rechts {
  order: 2;
  cursor: pointer;
  width: 26px;
  padding-top: 10px;
  background-color: #333e50;
}

.simColumn3 {
  order: 3;
  height: 100vh;
  position: relative;
  padding: 0px;
  /* Verschieben und Zoomen in der p5-App auf Touch-Screens verhindern */
  touch-action: none;
  background-color: #333e50;
}

.centerIcon {
  margin-left: 4px;
  width: 100%;
}

.ui.segments {
  border: 6px solid #48556e !important;
  border-radius: 0px !important;
}

.ui.segment {
  border-radius: 0px !important;
}

#copyrightButton {
  margin-top: 15px;
}

/* For Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 18px;
}

::-webkit-scrollbar-track {
  background: #141d2b;
}

::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 6px;
  border: 3px solid #141d2b;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}