body {
  overflow: hidden;
}

@media (max-width: 300px) {
  body {
    overflow: auto;
  }
}

a { text-decoration: none; color: #466900; }
/* a:hover { text-decoration: underline; } */

hr {
  border: 0;
  border-bottom: 1px solid #669900;
}

.pane {
  height: calc(100vh - 115px);
  display: inline-block;
}

.left.pane {
  width: 250px;
  padding-right: 15px;
}
.left.pane a {
  color: #000;
}
.left.pane a:hover {
  text-decoration: none;
}
.right.pane {
  width: calc(100vw - 305px);
  border: 1px solid #669900;
  overflow: auto;
}

@media (max-width: 790px) {
  .left.pane {
    display: none;
  }
  .right.pane {
    width: calc(100vw - 30px);
    min-width: 270px;
  }
}

.right.pane .row {
  display:flex;
  flex-wrap:wrap;
}

.cont {
  max-width: 100%;
}
.cont-inner {
  position: relative;
}

.theme-list {
  font-family: 'Frutiger LT Std', Roboto, sans-serif;
  border: 1px solid #666;
  height: 100%;
  width: 100%;
  overflow: auto;
}
.list-element {
  padding: 8px 10px 8px 14px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.active.list-element {
  background-color: #f0f0f0;
}
.list-element:hover {
  background-color: #ddd;
}
.list-element .domain {
  font-size: 9pt;
  font-weight: bold;
  margin-bottom: 3px;
}
.list-element .theme {
  font-size: 11pt;
}

.hamburgerContent {
  display: none;
  position: absolute;
  right: 15px;
  top: 55px;
  width: 285px;
  background-color: #fff;
  z-index: 10000;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}