.mod_dam_data_total .ce_form .widget-select {
  width: 40%;
}
.mod_dam_data_total .ce_form form {
  margin-bottom: 4em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mod_dam_data_total .ce_form form h2 {
  flex-basis: 100%;
}
.tsd-grafik {
  width: 100%;
  height: 240px;
  position: relative;
  border-bottom: 1px solid #003d6d;
}
.tsd-hintergrund {
  height: 230px;
  bottom: 0;
  left: 140px;
  right: 0;
  top: 10px;
  position: absolute;
  background-image: url("/files/layout/talsperren_daten/hintergrund.svg");
}
.tsd-wasser-max {
  height: 230px;
  bottom: 0;
  left: 140px;
  right: 0;
  position: absolute;
}
.tsd-wasser {
  height: 0%;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-image: url("/files/layout/talsperren_daten/wasser.svg");
  background-size: 100% 100%;
  -webkit-transition: height 2s ease-in-out;
  -o-transition: height 2s ease-in-out;
  transition: height 2s ease-in-out;
}
.tsd-wasser:after {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background-image: url("/files/layout/talsperren_daten/blasen.svg");
  background-position: left top;
  background-repeat: no-repeat;
  content: "";
  display: block;
  opacity: 0.1;
  background-size: 100% auto;
}
.tsd-zufluss {
  width: 140px;
  height: 41px;
  left: -140px;
  top: -7px;
  position: absolute;
  background-image: url("/files/layout/talsperren_daten/zufluss.svg");
  background-size: 100% 100%;
}
.tsd-stollenzufluss {
  width: 140px;
  height: 15px;
  left: -140px;
  top: 55px;
  position: absolute;
  display: none;
  background-image: url("/files/layout/talsperren_daten/stollenzufluss.svg");
  background-size: 100% 100%;
}
.tsd-abgabe {
  width: 220px;
  height: 240px;
  right: 0;
  top: 0;
  position: absolute;
  background-image: url("/files/layout/talsperren_daten/abgabe_staumauer.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.tsd-grafik.damm .tsd-abgabe {
  width: 567px;
  background-image: url("/files/layout/talsperren_daten/abgabe_damm.svg");
}
.tsd-trenner {
  width: 0px;
  bottom: 0;
  left: 140px;
  top: 10px;
  position: absolute;
  border-right: 1px dotted #003d6d;
}

/* Beschriftung ---------------------------------------------------------------------------------------------------- */
.tsd-grafik p {
  font-size: 14px;
  color: #99b1c5;
}
.tsd-grafik .zufluss {
  left: 0;
  top: -27px;
  position: absolute;
}
.tsd-grafik .stollenzufluss {
  left: 0;
  top: -27px;
  position: absolute;
}
.tsd-wasser .tsd-daten {
  left: 30px;
  top: 10px;
  position: absolute;
  z-index: 1;
}
.tsd-wasser .tsd-daten > * {
  color: #fff !important;
}
.tsd-grafik .freiraum-bis-vollstau {
  left: 170px;
  top: 20px;
  position: absolute;
}
.tsd-grafik .rohwasserabgabe {
  right: 0;
  top: 146px;
  position: absolute;
}
.tsd-grafik .unterwasserabgabe {
  right: 0;
  top: 198px;
  position: absolute;
}

/* Legende ---------------------------------------------------------------------------------------------------- */
.tsd-legende {
  position: relative;
  padding-right: 220px;
  padding-left: 140px;
  background-color: #fff;
  z-index: 1;
}
.tsd-legende > div {
  overflow: hidden;
  padding-top: 35px;
}
.spalte-zufluss {
  width: 140px;
  left: 0;
  top: 0;
  position: absolute;
}
.spalte-mitte {
  min-height: 112px;
  padding-right: 0;
  padding-left: 30px;
  border-right: 1px solid #003d6d;
  border-left: 1px solid #003d6d;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.spalte-abgabe {
  width: 220px;
  right: 0;
  top: 0;
  position: absolute;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tsd-daten {
  float: left;
  font-size: 14px;
  line-height: 1.4em;
}
.tsd-daten + .tsd-daten {
  margin-left: 27px;
}
.tsd-daten .titel {
  display: block;
  font: 1em PT Sans;
  color: #003d6d;
  letter-spacing: 0.02em;
}
.tsd-daten .wert {
  display: block;
  margin-top: 0.1em;
  font: 2em PT Sans;
  color: #009fff;
  font-weight: 700;
}
.tsd-daten .wert-for-picture {
  display: none;
}
.tsd-daten .einheit,
.tsd-daten .wert.no-data {
  max-width: 75px;
  display: block;
  font-size: 1em;
  color: #99b1c5;
}
.tsd-daten.stollenzufluss {
  display: none;
}

/* Stollenzufluss ---------------------------------------------------------------------------------------------------- */
.stollenzufluss .tsd-stollenzufluss,
.stollenzufluss .tsd-daten.stollenzufluss {
  display: block;
}

/* Info Textfeld ---------------------------------------------------------------------------------------------------- */
.mod_dam_data_total .additional-info {
  margin-top: 40px;
  background-color: rgba(c0cfdb, 0.1);
  padding: 20px;
  border: 1px solid #c0cfdb;
}
.mod_dam_data_total .additional-info p:before {
  bottom: -0.1em;
  position: relative;
  margin-right: 0.4em;
  font: 1.5em FontAwesome;
  color: #003d6d;
  content: "\f05a";
}