html, body {
  margin: 0;
  padding: 0;
  font-family: Fira Sans, sans-serif;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 100vh;
  color: #262626;
  font-smooth: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

#mapid {
  height: calc(100vh - 110px);
  height: -moz-calc(100vh - 110px);
  height: -webkit-calc(100vh - 110px);
  width: 100vw; }
  @media (min-width: 1024px) {
    #mapid {
      width: 80vw;
      float: right;
      height: 100vh; } }

#searchbar {
  width: 100vw;
  text-align: center;
  height: 60px;
  border-bottom: 1px solid #000000;
  background-color: #FFFFFF; }
  @media (min-width: 1024px) {
    #searchbar {
      width: 400px;
      position: absolute;
      top: 40px;
      right: 10px;
      z-index: 1000;
      border-bottom: 2px solid #9B9B9B; } }
  #searchbar #search {
    height: 50px;
    margin: 5px;
    padding: 0;
    width: 150px;
    background: none;
    border: none;
    color: #333333;
    font-weight: 700;
    font-size: 15px; }
    #searchbar #search:focus {
      outline: 0; }
    #searchbar #search::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #848484;
      font-weight: bold; }
    #searchbar #search::-moz-placeholder {
      /* Firefox 19+ */
      color: #848484;
      font-weight: bold; }
    #searchbar #search:-ms-input-placeholder {
      /* IE 10+ */
      color: #848484;
      font-weight: bold; }
    #searchbar #search:-moz-placeholder {
      /* Firefox 18- */
      color: #848484;
      font-weight: bold; }
    @media (min-width: 1024px) {
      #searchbar #search {
        width: 250px; } }
  #searchbar #search_button {
    background-color: #FFC100;
    color: #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    border: none;
    font-weight: 600;
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    cursor: pointer;
    -webkit-appearance: none; }
    #searchbar #search_button:focus {
      outline: 0; }
  #searchbar .error {
    z-index: 2000;
    position: absolute;
    color: red;
    position: relative;
    top: 5px;
    display: none; }
  #searchbar.notfound {
    border: 1px solid red; }

#tooltip {
  width: 100vw;
  position: absolute;
  top: 70vh;
  z-index: 1000;
  border-top: 2px solid #9B9B9B;
  display: none;
  font-size: 14px; }
  @media (min-width: 1024px) {
    #tooltip {
      width: 400px;
      border: 1px solid #9B9B9B;
      border-top: 2px solid #9B9B9B;
      position: absolute;
      top: 120px;
      right: 10px;
      z-index: 1000;
      height: 70vh;
      overflow-y: hidden; } }
  #tooltip .container {
    width: 80%;
    margin: 0 auto;
    padding: 10px 0; }
  #tooltip .content {
    height: inherit;
    overflow-y: scroll;
    height: calc(100vh - 113px);
    height: -moz-calc(100vh - 113px);
    height: -webkit-calc(100vh - 113px); }
    @media (min-width: 1024px) {
      #tooltip .content {
        height: calc(70vh - 51px);
        height: -moz-calc(70vh - 51px);
        height: -webkit-calc(70vh - 51px);
        overflow-y: scroll; } }
  #tooltip .infos {
    background-color: #F2F2F2;
    padding: 10px 20px; }
    #tooltip .infos .infobox {
      border: 1px solid #9B9B9B; }
    #tooltip .infos .head {
      background-color: #E9E9E9;
      text-transform: uppercase;
      font-weight: 500; }
  #tooltip .drawer {
    position: relative;
    background-color: #F2F2F2;
    text-align: center;
    padding: 10px;
    color: #9B9B9B;
    border-bottom: 1px solid #9B9B9B; }
    #tooltip .drawer i {
      font-size: 20px;
      display: block;
      cursor: pointer; }
    @media (min-width: 1024px) {
      #tooltip .drawer {
        padding: 15px;
        height: 20px; }
        #tooltip .drawer i {
          display: none; }
        #tooltip .drawer span {
          display: none; } }
  #tooltip .partys {
    background-color: #E9E9E9; }
  #tooltip .cdu {
    background-color: #D8D8D8; }
  #tooltip .spd {
    background-color: #FCA6A6; }
  #tooltip .gruene {
    background-color: #DAF2C0; }
  #tooltip .linke {
    background-color: #DDB7FE; }
  #tooltip .afd {
    background-color: #B4D2F3; }
  #tooltip .fdp {
    background-color: #FCF59A; }
  #tooltip .sonstige {
    background-color: #f28f55; }
  #tooltip table th {
    text-align: left; }
  #tooltip table td:first-of-type {
    width: 180px !important; }
  #tooltip table.info td:last-of-type {
    font-weight: 500; }
  #tooltip #close {
    background-color: #9B9B9B;
    color: #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    border: none;
    font-weight: 600;
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    cursor: pointer;
    position: absolute;
    z-index: 2000;
    top: -20px;
    right: 30px; }
    #tooltip #close:focus {
      outline: 0; }
    @media (min-width: 1024px) {
      #tooltip #close {
        display: none; } }
  #tooltip #close-desktop {
    background-color: #9B9B9B;
    color: #FFFFFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px;
    border: none;
    font-weight: 600;
    -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
    cursor: pointer;
    position: absolute;
    z-index: 2000;
    top: 5px;
    right: 30px;
    display: none; }
    #tooltip #close-desktop:focus {
      outline: 0; }
    @media (min-width: 1024px) {
      #tooltip #close-desktop {
        display: block; } }

#layerControl {
  width: 100vw;
  position: absolute;
  bottom: 0;
  z-index: 1000;
  background-color: #FFFFFF;
  text-align: center;
  height: 50px; }
  @media (min-width: 1024px) {
    #layerControl {
      width: 20vw;
      height: 100vh;
      float: left;
      bottom: initial;
      -webkit-box-shadow: 2px 1px 5px 0px #555555;
      -moz-box-shadow: 2px 1px 5px 0px #555555;
      box-shadow: 2px 1px 5px 0px #555555;
      text-align: initial; } }
  #layerControl .logo {
    display: none; }
    @media (min-width: 1024px) {
      #layerControl .logo {
        display: block;
        width: 60px;
        margin: 15px; } }
  #layerControl .switchLayer {
    display: none;
    margin: 15px; }
    @media (min-width: 1024px) {
      #layerControl .switchLayer {
        display: block;
        border-bottom: 1px solid #9B9B9B;
        color: #9B9B9B;
        font-weight: 600;
        cursor: pointer;
        margin: 0;
        padding: 10px 15px; } }
  #layerControl .selected {
    display: block; }
    @media (min-width: 1024px) {
      #layerControl .selected {
        color: #FFFFFF;
        background-color: #9B9B9B; } }
  #layerControl .arrow {
    position: absolute;
    top: 6px;
    padding: 10px;
    cursor: pointer; }
    @media (min-width: 1024px) {
      #layerControl .arrow {
        display: none; } }
  #layerControl .fa-chevron-right {
    right: 10px; }
  #layerControl .fa-chevron-left {
    left: 10px; }

#gradientLayer {
  width: 20px;
  height: 40vh;
  position: absolute;
  opacity: 0.8;
  top: 140px;
  left: 5px;
  background-color: #FFFFFF;
  border: 1px solid #BFBFBF;
  z-index: 1000;
  padding: 20px 10px;
  display: none;
  border-radius: 5px; }
  @media (min-width: 1024px) {
    #gradientLayer {
      top: 40px;
      left: 350px; } }
  #gradientLayer .gradient {
    height: inherit;
    border-radius: 5px; }
  #gradientLayer .min {
    position: absolute;
    bottom: 4px;
    font-size: 12px; }
  #gradientLayer .max {
    position: absolute;
    top: 4px;
    font-size: 12px; }

#greetingOverlay {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 2000;
  overflow: hidden; }
  #greetingOverlay .wrapper {
    width: 80vw;
    margin: 5vh auto; }
    @media (min-width: 1024px) {
      #greetingOverlay .wrapper {
        margin: 10vh auto; } }
    #greetingOverlay .wrapper h1 {
      margin: 40px;
      font-size: 4.5vh; }
      @media (min-width: 1024px) {
        #greetingOverlay .wrapper h1 {
          font-size: 5.5vh;
          margin: 20px; } }
    #greetingOverlay .wrapper p {
      line-height: 15px;
      font-size: 2.5vh; }
      @media (min-width: 1024px) {
        #greetingOverlay .wrapper p {
          line-height: 30px; } }
    #greetingOverlay .wrapper .leader {
      color: #262626;
      border: 3px solid #FFC100;
      padding: 10px;
      font-weight: 500; }
    #greetingOverlay .wrapper .more {
      background-color: #43C7AA;
      color: #FFFFFF;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      padding: 10px;
      border: none;
      font-weight: 600;
      -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
      -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
      box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
      cursor: pointer;
      text-transform: uppercase;
      margin: 40px 0; }
      #greetingOverlay .wrapper .more:focus {
        outline: 0; }
    #greetingOverlay .wrapper .readmore {
      color: #43C7AA;
      font-size: 12px;
      font-weight: 600;
      cursor: pointer;
      display: block; }
      #greetingOverlay .wrapper .readmore .fa-caret-up {
        display: none; }
    #greetingOverlay .wrapper .more-box {
      border: 1px solid #9B9B9B;
      padding: 10px;
      width: 50%;
      margin: 10px auto;
      display: none;
      height: 15vh;
      overflow-y: scroll; }
      #greetingOverlay .wrapper .more-box p {
        font-size: 13px;
        line-height: initial;
        text-align: left; }
        #greetingOverlay .wrapper .more-box p .desktop {
          display: none; }
          @media (min-width: 1024px) {
            #greetingOverlay .wrapper .more-box p .desktop {
              display: block; } }
        #greetingOverlay .wrapper .more-box p .mobile {
          display: block; }
          @media (min-width: 1024px) {
            #greetingOverlay .wrapper .more-box p .mobile {
              display: none; } }

/*# sourceMappingURL=map.css.map */