@import url(typography.css);
@font-face {
  font-family: "clearsans-light";
  src: url("fonts/ClearSans-Light/ClearSans-Light.eot");
  src: url("fonts/ClearSans-Light/ClearSans-Light.woff2") format("woff2"),
    url("fonts/ClearSans-Light/ClearSans-Light.woff") format("woff"),
    url("fonts/ClearSans-Light/ClearSans-Light.ttf") format("truetype"),
    url("fonts/ClearSans-Light/ClearSans-Light.svg#ClearSans-Light")
      format("svg"),
    url("fonts/ClearSans-Light/ClearSans-Light.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
/* @font-face {
  font-family: 'NewsGothicBT-Demi';
  src: url("fonts/newsgothic/news-gothic.eot");
  src: url("fonts/newsgothic/news-gothic.eot?#iefix")
      format("embedded-opentype"),
    url("fonts/newsgothic/news-gothic.woff") format("woff"),
    url("fonts/newsgothic/news-gothic.ttf") format("truetype"),
    url("fonts/newsgothic/news-gothic.svg#clear_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
} */
/* @font-face {
  font-family: 'NewsGothicBT-Demi';
  src: url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.eot");
  src: url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.woff2") format("woff2"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.woff") format("woff"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.ttf") format("truetype"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.svg#NewsGothicBT-Demi")
      format("svg"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NewsGothicBT-Demi";
  src: url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.eot");
  src: url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.woff2") format("woff2"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.woff") format("woff"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.ttf") format("truetype"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.svg#NewsGothicBT-Demi")
      format("svg"),
    url("fonts/NewsGothicBT-Demi/NewsGothicBT-Demi.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NewsGothicBT-Light";
  src: url("fonts/NewsGothicBT-Light/NewsGothicBT-Light.eot");
  src: url("fonts/NewsGothicBT-Light/NewsGothicBT-Light.woff2") format("woff2"),
    url("fonts/NewsGothicBT-Light/NewsGothicBT-Light.woff") format("woff"),
    url("fonts/NewsGothicBT-Light/NewsGothicBT-Light.ttf") format("truetype"),
    url("fonts/NewsGothicBT-Light/NewsGothicBT-Light.svg#NewsGothicBT-Light")
      format("svg"),
    url("fonts/NewsGothicBT-Light/NewsGothicBT-Light.eot?#iefix")
      format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
} */

@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon/icomoon.eot?iqchpl");
  src: url("fonts/icomoon/icomoon.eot?iqchpl#iefix") format("embedded-opentype"),
    url("fonts/icomoon/icomoon.ttf?iqchpl") format("truetype"),
    url("fonts/icomoon/icomoon.woff?iqchpl") format("woff"),
    url("fonts/icomoon/icomoon.svg?iqchpl#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 28px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
  content: "\e900";
}
.icon-arrow-down-left:before {
  content: "\e906";
}
.icon-arrow-down-right:before {
  content: "\e907";
}
.icon-arrow-left:before {
  content: "\e908";
}
.icon-arrow-right:before {
  content: "\e909";
}
.icon-arrow-up:before {
  content: "\e90a";
}
.icon-arrow-up-left:before {
  content: "\e90b";
}
.icon-arrow-up-right:before {
  content: "\e90c";
}
.icon-down:before {
  content: "\e901";
}
.icon-equal:before {
  content: "\e902";
}
.icon-slight-down:before {
  content: "\e903";
}
.icon-slight-up:before {
  content: "\e904";
}
.icon-up:before {
  content: "\e905";
}

.icon-arrow-down,
.icon-down {
  color: #ce0f0f;
}
.c-red {
  color: #ce0f0f !important;
}
.c-green {
  color: #2eab17 !important;
}
.icon-arrow-right,
.icon-arrow-right,
.icon-equal {
  color: #2eab17;
}
.icon-arrow-down-right,
.icon-slight-down {
  color: #ce0f0f;
}
.icon-arrow-up-right,
.icon-slight-up {
  color: #2eab17;
}
.icon-arrow-up,
.icon-up {
  color: #2eab17;
}

body {
  color: var(--color-anthracite);
  margin: 0;
  padding: 0;
}

#ticker .ticker-heading {
  float: left;
  font-weight: bold;
}
#ticker .ticker-price {
  float: left;
  margin-left: 10px;
}
#ticker .ticker-currency {
  float: left;
  margin-left: 3px;
}
#ticker .alteration-up {
  background: url(images/up_arrow.gif) 2px 1px no-repeat;
  width: 10px;
  height: 20px;
  float: left;
}
#ticker .alteration-equal {
  background: url(images/equal.png) 0 5px no-repeat;
  width: 10px;
  height: 20px;
  float: left;
}
#ticker .alteration-down {
  background: url(images/down_arrow.gif) 0 3px no-repeat;
  width: 10px;
  height: 20px;
  float: left;
  margin-left: 2px;
}

.ticker-heading a {
  font-family: helvetica, arial, verdana;
  /*color: #000099;*/
}

td {
  font-size: 11px;
  color: #3f3f3f;
  font-weight: normal;
}
a {
}
a:visited {
  text-decoration: none;
  color: #10459c;
}
a:hover {
  text-decortaion: underline;
}
.table_border {
}
.price {
  color: #595959;
  font-size: 11px;
  width: 85px;
  text-align: left;
}
.price .priceValue {
}
.price_currency {
  color: #595959;
  font-weight: bold;
  font-size: 15px;
  vertical-align: top;
}
.change {
  font-size: 11px;
  display: block;
}
.change span {
  display: block;
}
.alteration {
  width: 35px;
}
.headline {
  border: medium none;
  color: #000099;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 3px;
}
.headline2 {
  border: medium none;
  color: #10459c;
  font-size: var(--font-body);
  font-weight: bold;
  line-height: 1.2em;
  margin: 11px 0;
  padding-top: 10px;
}
.headline3 {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 3px;
  color: #595959;
}
.shareDetails {
  font-size: 13px;
  font-weight: bold;
  color: #595959;
}
.link {
  color: #10459c;
  text-decoration: none;
  font-size: 14px;
  padding-top: 0px;
}
.t2 #wrapper {
  padding: 0;
}
.t2 {
  padding: 0;
}
.t3 table {
  border-color: grey;
}
.t3 table td {
  color: var(--color-anthracite);
}
.t3 #wrapper {
  padding: 0;
}
.t3 .shareDetails td {
}
.t3 .change-label {
  line-height: 14px;
  display: inline-flex;
}
#wrapper {
  line-height: 19px;
  /* max-width: 236px; */
  /* max-width: 100%; */
  /* border: 1px solid #DEDEDE; */
  position: relative;
  /* border-radius: 5px; */
  /* padding: 16px 0 16px 16px; */
  padding: 15px 2px;
  box-sizing: border-box;
  width: 192px;
}

#chart {
  /*width:150px;*/
  /*width:240px;*/
  height: 80px;
  height: 115px;
  /*width:100%;
	clear: both;
    float: left;*/
  box-sizing: border-box;
  /*padding-right:10px;*/
}
.btn {
  display: inline-block;
  display: inline;
  zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #404040;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#ffffff),
    to(#e6e6e6)
  );
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: 0.3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn {
  border-color: #c40c28;
  background: rgb(242, 84, 107);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNTQ2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzBiMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(242, 84, 107, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(242, 84, 107, 1)),
    color-stop(100%, rgba(220, 11, 42, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(242, 84, 107, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(242, 84, 107, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(242, 84, 107, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(242, 84, 107, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2546b', endColorstr='#dc0b2a',GradientType=0 );
  color: #fff !important;
  text-shadow: 0 -1px 0px #c40c28;
  margin: 10px 0;
}
.btn:hover {
  background-color: rgb(196, 12, 40);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MGMyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYzBiMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(196, 12, 40, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(196, 12, 40, 1)),
    color-stop(100%, rgba(220, 11, 42, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(196, 12, 40, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(196, 12, 40, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(196, 12, 40, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(196, 12, 40, 1) 0%,
    rgba(220, 11, 42, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c40c28', endColorstr='#dc0b2a',GradientType=0 );
}

.headline_dax {
  color: #000099;
  padding: 3px 0 3px 3px;
  font-weight: bold;
  height: 14px;
  position: relative;
  white-space: nowrap;
  font-size: 11px;
}

table.main {
  font-size: 10px;
  table-layout: fixed;
  width: 100%;
}
table.main {
  border-collapse: collapse;
  border-spacing: 0;
}
table.main tr th,
table.main tr td {
  border-right: 1px solid #fff;
  padding: 2px 4px;
}
table.main tr .first {
  border-left: 0 none;
  width: 70px;
}
table.main tr td {
  vertical-align: middle;
}

table.main tr td.alteration-down,
table.main tr td.alteration-up,
table.main tr td.alteration-equal {
  background-attachment: scroll;
  background-position: 3px 3px;
  background-repeat: no-repeat;
}

table.main tr .column-change {
  width: 46px;
}
table.main tr .column-change {
  text-align: right;
}

table.main tr .column-price {
  width: 50px;
}
table.main tr .column-price {
  text-align: right;
}

#ticker table.main tr td.alteration-down {
  background: rgba(0, 0, 0, 0) url("images/down_arrow.gif") no-repeat scroll 2px
    6px;
  width: 46px !important;
  height: 18px;
  margin-left: 0;
}

#ticker table.main tr td.alteration-equal {
  background-image: none !important;
  width: 46px !important;
  height: 18px;
}

#ticker table.main tr td.alteration-up {
  width: 46px !important;
  height: 18px;
  background: rgba(0, 0, 0, 0) url("images/up_arrow.gif") no-repeat scroll 2px
    6px;
}

table.main tr td a {
  color: var(--color-anthracite);
  text-decoration: none;
}
table.main tr td a:hover {
  text-decoration: underline;
}
.dax-table {
  font-size: var(--font-body);
}
.dax-table a {
  /*font-size: var(--font-body);*/
}
.dax-table-odd {
  background-color: #eee;
}

table.main tr .column-change div {
  padding-top: 4px;
}

.teaser-target-link {
  color: #414b56;
  text-decoration: none;
}

.dax-teaser-subheading {
  font-size: 11px;
  color: #666666;
}

.dayof_week {
  font-size: 11px;
  color: #666666;
  font-weight: normal;
}

.wrapper_t1 {
  font-family: "News Gothic BT Web";
  color: var(--color-anthracite);
  width: 100%;
  max-width: 600px;
  padding: 32px;
}
.wrapper_t1 .closing_price {
  font-family: "News Gothic BT Web";
  font-size: 42px;
  font-weight: 300;
  padding-bottom: 10px;
  color: #000099;
  white-space: nowrap;
  border-top: 2px solid #f5f5f5;
  margin-top: 25px;
  padding-top: 25px;
}
.wrapper_t1 .closing_price a {
  font-family: "News Gothic BT Web";
  text-decoration: none;
  color: #000099;
  font-size: 40px;
  white-space: nowrap;
  font-weight: 700;
}

.wrapper_t1 .time_date {
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 25px;
  border-bottom: 2px solid #f5f5f5;
}
/* .wrapper_t1 .time {
  padding-left: 10px;
}
.wrapper_t1 .date,
.wrapper_t1 .time {
  font-size: 12px;
} */
.wrapper_t1 .closing_price .alteration {
  display: inline-block;
  position: relative;
  /*height: 23px;
    margin-left: -6px;
    
    top: 9px;
    width: 30px;*/
  top: 5px;
}
@media screen and (min-width: 767px) {
  .wrapper_t1 .closing_price .alteration {
    font-size: 80%;
  }
}
.wrapper_t1 .closing_price .alteration.alteration-up {
  background: url(images/up_arrow.gif) no-repeat left top;
}
.wrapper_t1 .closing_price .alteration.alteration-slight-up {
  background: url(images/slight_up_arrow.gif) no-repeat left top;
}
.wrapper_t1 .closing_price .alteration.alteration-equal {
  background: url(images/equal.gif) no-repeat left top;
}
.wrapper_t1 .closing_price .alteration.alteration-slight-down {
  background: url(images/slight_down_arrow.gif) no-repeat left top;
}
.wrapper_t1 .closing_price .alteration.alteration-down {
  background: url(images/down_arrow.gif) no-repeat left top;
}
.wrapper_t1 .closing_price .alteration.alteration-level {
  background: url(images/level-img.png) no-repeat left top;
}
.wrapper_t1 .date,
.wrapper_t1 .time {
  font-family: "News Gothic BT Web";
}
/* .daxteaser_wrapper {
  width: 100%;
  max-width: 300px;
  font-family: "News Gothic BT Web";
}
.daxteaser_wrapper .header .price_text {
  color: #404040;
  font-size: var(--font-body);
}
.daxteaser_wrapper .header .time_date {
  color: #404040;
  font-size: 12px;
  vertical-align: top;
} */
.t2teaser_wrapper,
.daxteaser_wrapper {
  width: 100%;
  max-width: 690px;
  min-width: 320px;
  color: #404040;
}

.daxteaser_wrapper .header,
.t2teaser_wrapper .header {
  font-size: var(--font-body);
  display: table;
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  padding-top: 6px;
}
.daxteaser_wrapper #chart,
.t2teaser_wrapper #chart {
  height: auto !important;
}
.daxteaser_wrapper .header .price_text {
  text-align: left;
  display: table-cell;
  font-size: var(--font-size-head-2);
}
.daxteaser_wrapper .header .time_date,
.t2teaser_wrapper .header .time_date {
  text-align: right;
  display: table-cell;
  vertical-align: top;
  text-align: right;
  display: flex;
  vertical-align: top;
  flex-direction: row;
  white-space: nowrap;
  gap: 7px;
}

.rel__abs [class*=" icon-"] {
  font-size: 24px;
}
.rel__abs {
  font-size: 28px;
  margin-bottom: 10px;
  color: #000099;
  padding-top: 25px;
}

.previous__day--change {
  margin-bottom: 10px;
}

.rel__abs > span {
  display: inline-flex;
  align-items: center;
}

.company__name {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}

.company__last--price {
  font-size: 14px;
  font-weight: 700;
  color: #696969;
}
/* New style Table */
.main_table {
  width: 100%;
  /*height: 187px;*/
}
.main_table,
.main_table td {
  font-size: var(--font-body);
  color: var(--color-anthracite);
  text-align: left;
}
.main_table td a {
  color: var(--color-anthracite);
  text-decoration: none;
}
.main_table tr:nth-child(even) {
  background-color: var(--color-light-gray);
}

.main_table tr {
  position: relative;
}
.main_table tr::before {
  content: "";
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  border: 1px solid transparent;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}
.main_table tr:hover::before {
  border: 1px solid var(--color-blue-1);
}

.main_table tr td {
  padding: 0 10px;
  vertical-align: middle;
  position: relative;
}
.main_table tr td:last-child {
  text-align: right;
}
.main_table tr td.column-change {
  text-align: center;
}
.main_table tr:first-child td {
  /*padding-top:0;*/
}
.main_table tr:last-child td {
  /*padding-top:11px;*/
}
.main_table tr td.alteration-up span {
  display: block;
  width: 23px;
  height: 23px;
  background: url(images/up_arrow.gif) no-repeat left center;
  background-size: 23px 23px;
}
.main_table tr td.alteration-slight-up span {
  display: block;
  width: 23px;
  height: 23px;
  background: url(images/slight_up_arrow.gif) no-repeat left center;
  background-size: 23px 23px;
}
.main_table tr td.alteration-equal span {
  display: block;
  width: 23px;
  height: 23px;
  background: url(images/equal.gif) no-repeat left center;
  background-size: 23px 23px;
  /*background: url(images/table-equal-icon.png) no-repeat left center ;*/
}
.main_table tr td.alteration-slight-down span {
  display: block;
  width: 23px;
  height: 23px;
  background: url(images/slight_down_arrow.gif) no-repeat left center;
  background-size: 23px 23px;
}
.main_table tr td.alteration-down span {
  display: block;
  width: 23px;
  height: 23px;
  background: url(images/down_arrow.gif) no-repeat left center;
  background-size: 23px 23px;
  /*background: url(images/table-down-icon.png) no-repeat left top;*/
}

.t3 #wrapper {
  max-width: 690px;
  min-width: 320px;
  width: 100%;
  font-family: "News Gothic BT Web";
  font-size: var(--font-body);
  color: var(--color-anthracite);
  text-align: left;
}
.t3 #wrapper tr:last-child {
  border-bottom: 0;
}
.t3 #wrapper tr td {
  padding: 12px 0px;
  font-size: var(--font-body);
  color: var(--color-anthracite);
  text-align: left;
}
.t3 #wrapper tr td.price {
  text-align: right !important;
}
.t3 #wrapper tr td strong {
  padding-bottom: 3.25px;
  display: inline-block;
}
.t3 #wrapper tr td.info {
  font-size: 12px;
}
.t3 #wrapper tr td .change {
  font-size: var(--font-body);
  color: var(--color-anthracite);
}
.t3 #wrapper tr:nth-child(even) {
  background-color: var(--color-light-gray);
}
.t3 #wrapper tr {
  position: relative;
}
.t3 #wrapper tr::before {
  content: "";
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  border: 1px solid transparent;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}
.t3 #wrapper tr:hover::before {
  border: 1px solid var(--color-blue-1);
}

.t3 #wrapper tr td {
  padding: 0 10px;
  vertical-align: middle;
}

table tr {
  white-space: nowrap;
}
table tr td::before {
  content: "";
  min-height: 48px;
  display: inline-block;
  vertical-align: middle;
}

table tr td > * {
  display: inline-flex;
}

table tr td > i {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
}

/* .t3 #wrapper {
	width: 100%;
	overflow-x: auto;
} */

.t3 #wrapper tr td.price {
  text-align: right !important;
  display: inline-flex;
  align-items: center;
}

@media screen and (max-width: 360px) {
  .main_table,
  .main_table td {
    /* font-size: 13px;*/
    /* padding: 12px 3px 10px 3px; */
  }
}
/*@media screen and (max-width: 330px){
	.main_table, .main_table td {
	    font-size: 14px;
	}
}*/

g.highcharts-grid > path[stroke="#C0C0C0"] {
  stroke: #404040;
}
g.highcharts-axis > path[stroke="#404040"] {
  stroke: transparent;
}

.t2teaser_wrapper g.highcharts-axis-labels.highcharts-yaxis-labels > text,
.daxteaser_wrapper g.highcharts-axis-labels.highcharts-yaxis-labels > text {
  font-size: 17px !important;
  text-anchor: initial;
  transform: translate(10px, -10px);
}

text[text-anchor="start"][x="5"][y="104"] {
  transform: translate(99px, 3px);
}

path[stroke="#5170A6"] {
  stroke-width: 3px !important;
}

@media screen and (max-width: 450px) {
  .daxteaser_wrapper .header {
    font-size: 14px;
  }
  .daxteaser_wrapper g.highcharts-axis-labels.highcharts-yaxis-labels > text {
    font-size: 14px !important;
  }
  .highcharts-axis-labels.highcharts-xaxis-labels > text {
    font-size: 14px !important;
  }
  text[text-anchor="start"][x="5"][y="105"] {
    font-size: 14px !important;
    transform: translateX(80px);
  }
}

/* <path fill="none" d="M 0 91.5 L 689 91.5" stroke="#5170A6" stroke-width="1" stroke-dasharray="4,3" zIndex="1" style="
    stroke-width: 3px;
"></path> */

/* @media screen and (max-width: 500px) {
  .t2teaser_wrapper g.highcharts-axis-labels.highcharts-yaxis-labels > text,
  .daxteaser_wrapper g.highcharts-axis-labels.highcharts-yaxis-labels > text {
    font-size: 13.5px !important;
    transform: translate(10px, -14px);
  }
  text[text-anchor="start"][x="5"][y="104"] {
    transform: translate(80px, 3px);
    font-size: 13.5px;
  }
} */

/* .t2teaser_wrapper
  g.highcharts-axis-labels.highcharts-xaxis-labels
  > text:first-child,
.daxteaser_wrapper
  g.highcharts-axis-labels.highcharts-xaxis-labels
  > text:first-child {
  transform: translate(15px, 0px);
} */