@font-face {
  font-family: Lato;
  src: url("webfonts/Lato-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Lato;
  src: url("webfonts/Lato-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Lato;
  src: url("webfonts/Lato-Black.ttf");
  font-weight: 900;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
}

#bis-wrapper * {
  box-sizing: border-box;
}
#bis-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#bis-wrapper .img-fluid {
  display: block;
  max-width: 100%;
}
#bis-wrapper .d-none {
  display: none;
}
#bis-wrapper .d-block {
  display: block;
}
#bis-wrapper .d-lg-none {
  display: block;
}
@media (min-width: 768px) {
  #bis-wrapper .d-lg-none {
    display: none;
  }
}
#bis-wrapper .d-lg-block {
  display: none;
}
@media (min-width: 768px) {
  #bis-wrapper .d-lg-block {
    display: block;
  }
}
#bis-wrapper .c-primary {
  color: #4A3131;
}
#bis-wrapper .c-secondary {
  color: #008B7C;
}
#bis-wrapper .f-regular {
  font-weight: 400;
}
#bis-wrapper .f-bold {
  font-weight: 700;
}
#bis-wrapper .f-black {
  font-weight: 900;
}

#bis-wrapper {
  display: block;
  position: relative;
  width: 744px;
  margin: 0 auto;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  font-style: normal;
  font-family: Lato, Helvetica, Arial, sans-serif;
  color: #4A3131;
}
@media (max-width: 767.98px) {
  #bis-wrapper {
    width: 372px;
  }
}
#bis-wrapper #bis-headline {
  position: absolute;
  font-weight: 900;
  color: #008B7C;
  text-align: center;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-headline {
    top: 12px;
    left: 234px;
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-headline {
    top: 4px;
    left: 145px;
    font-size: 12px;
  }
}
#bis-wrapper #tableAndLegend {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #bis-wrapper #tableAndLegend {
    top: 55px;
    left: 70px;
    width: 451px;
    height: 324px;
    background-image: url("../img/tabelle.svg");
  }
  #bis-wrapper #tableAndLegend.active {
    background-image: url("../img/tabelle_opacity.svg");
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #tableAndLegend {
    top: 38px;
    left: 43px;
    width: 324px;
    height: 363px;
    background-image: url("../img/tabelle_mob.svg");
  }
  #bis-wrapper #tableAndLegend.active {
    background-image: url("../img/tabelle_opacity_mob.svg");
  }
}
#bis-wrapper #bis-table {
  position: absolute;
  border-spacing: 0;
  table-layout: fixed;
  border-collapse: collapse;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-table {
    top: 55px;
    left: 71px;
    width: 451px;
    height: 296px;
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-table {
    top: 38px;
    left: 44px;
    width: 323px;
    height: 220px;
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  #bis-wrapper #bis-table tr:first-of-type {
    height: 24px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-table tr:first-of-type {
    height: 17px;
  }
}
@media (min-width: 768px) {
  #bis-wrapper #bis-table tr:nth-of-type(2), #bis-wrapper #bis-table tr:nth-of-type(3) {
    height: 42px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-table tr:nth-of-type(2), #bis-wrapper #bis-table tr:nth-of-type(3) {
    height: 32px;
  }
}
#bis-wrapper #bis-table tr td {
  text-align: center;
  border: 1px solid transparent;
}
#bis-wrapper #bis-table tr td:first-of-type, #bis-wrapper #bis-table tr td:nth-of-type(2) {
  font-weight: 900;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-table tr td:first-of-type, #bis-wrapper #bis-table tr td:nth-of-type(2) {
    width: 62px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-table tr td:first-of-type, #bis-wrapper #bis-table tr td:nth-of-type(2) {
    width: 39px;
  }
}
#bis-wrapper #bis-buttons {
  position: absolute;
  line-height: 10px;
  font-weight: 700;
  color: white;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons {
    top: 153px;
    left: 540px;
    font-size: 11px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons {
    top: 266px;
    left: 123px;
    font-size: 10px;
  }
}
#bis-wrapper #bis-buttons li {
  position: relative;
  padding-left: 9px;
  cursor: pointer;
}
#bis-wrapper #bis-buttons li:after {
  content: "";
  position: absolute;
  right: 8px;
  width: 28px;
  height: 28px;
  background-image: url("../img/btn_plus.png");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li:after {
    top: 11px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons li:after {
    top: 6px;
  }
}
#bis-wrapper #bis-buttons li.active:before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
#bis-wrapper #bis-buttons li.active:after {
  background-image: url("../img/btn_close.png");
}
#bis-wrapper #bis-buttons li:first-of-type {
  background-color: #06887a;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li:first-of-type.active:before {
    top: 9px;
    left: -346px;
    width: 351px;
    height: 127px;
    background-image: url("../img/lines/dotted_1.svg");
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons li:first-of-type.active:before {
    top: -148px;
    left: -1px;
    width: 246px;
    height: 169px;
    background-image: url("../img/lines/dotted_1_mob.svg");
  }
}
#bis-wrapper #bis-buttons li:nth-of-type(2) {
  background-color: #4ba89f;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li:nth-of-type(2).active:before {
    top: -15px;
    left: -345px;
    width: 350px;
    height: 121px;
    background-image: url("../img/lines/dotted_2.svg");
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons li:nth-of-type(2).active:before {
    top: -173px;
    left: -1px;
    width: 245px;
    height: 194px;
    background-image: url("../img/lines/dotted_2_mob.svg");
  }
}
#bis-wrapper #bis-buttons li:nth-of-type(3) {
  background-color: #929393;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li:nth-of-type(3).active:before {
    top: -53px;
    left: -160px;
    width: 163px;
    height: 93px;
    background-image: url("../img/lines/dotted_3.svg");
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons li:nth-of-type(3).active:before {
    top: -210px;
    left: 138px;
    width: 106px;
    height: 231px;
    background-image: url("../img/lines/dotted_3_mob.svg");
  }
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li {
    width: 178px;
    height: 51px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons li {
    width: 209px;
    height: 40px;
  }
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li:not(:first-of-type) {
    padding-top: 17px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons li:not(:first-of-type) {
    padding-top: 11px;
  }
}
#bis-wrapper #bis-buttons li:first-of-type {
  padding-top: 7px;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li:not(:last-of-type) {
    margin-bottom: 4px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-buttons li:not(:last-of-type) {
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) {
  #bis-wrapper #bis-buttons li:last-of-type {
    padding-left: 15px;
  }
}
#bis-wrapper #bis-y-label {
  position: absolute;
  font-weight: 900;
  color: #008B7C;
  text-align: center;
  transform: rotate(-90deg);
}
@media (min-width: 768px) {
  #bis-wrapper #bis-y-label {
    top: 238px;
    left: -14px;
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-y-label {
    top: 176px;
    left: -25px;
    font-size: 12px;
    line-height: 10px;
  }
}
#bis-wrapper #bis-legend {
  position: absolute;
}
@media (min-width: 768px) {
  #bis-wrapper #bis-legend {
    top: 359px;
    left: 211px;
    font-size: 9px;
  }
  #bis-wrapper #bis-legend li {
    float: left;
    display: inline-block;
  }
  #bis-wrapper #bis-legend li:not(:last-of-type) {
    margin-right: 40px;
  }
  #bis-wrapper #bis-legend li:nth-last-of-type(2) {
    margin-right: 47px;
  }
}
@media (max-width: 767.98px) {
  #bis-wrapper #bis-legend {
    top: 267px;
    left: 69px;
    font-size: 10px;
  }
  #bis-wrapper #bis-legend li:not(:last-of-type) {
    margin-bottom: 10px;
  }
  #bis-wrapper #bis-legend li:nth-of-type(2) {
    margin-bottom: 6px;
  }
}

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