.mod-weather {
  clear: both;
}
@media (min-width: 48em) {
  .mod-weather .map .map-weather .city label {
    font-size: 1.3rem;
    line-height: 1.1rem;
  }
  .mod-weather .map .map-weather .city .temp {
    font-size: 1.4rem;
  }
  .mod-weather .map .map-weather .city .icon-weather {
    height: 3rem;
    width: 3rem;
    margin-right: 0.1rem;
    margin-left: -0.7rem;
  }
}
.mod-weather .center {
  text-align: center;
}
.mod-weather .center:before,
.mod-weather .center:after {
  content: " ";
  display: table;
}
.mod-weather .center:after {
  clear: both;
}
.mod-weather .center .button {
  float: none;
  display: inline-block;
  margin-right: 0;
}
.mod-weather .cities {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
@media (min-width: 48em) {
  .mod-weather .cities {
    padding: 1.2rem 6.25% 1.2rem 0;
  }
}
@media (min-width: 90em) {
  .mod-weather .cities {
    padding: 1.2rem 12.5% 1.2rem 0;
  }
}
@media (min-width: 105em) {
  .mod-weather .cities {
    padding: 1.2rem 18.75% 1.2rem 0;
  }
}
.mod-weather .long-titel {
  display: none;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
@media (min-width: 48em) {
  .mod-weather .long-titel {
    display: inline-block;
  }
}
.mod-weather .countries ul {
  display: flex;
  justify-content: center;
}
.mod-weather .countries ul li {
  border-right: 0.1rem solid var(--separator-default);
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.4rem;
}
.mod-weather .countries ul li:last-of-type {
  border-right: 0;
}
.mod-weather .countries ul li a {
  color: var(--text-lowVisibility);
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.mod-weather .countries ul li a.active {
  color: var(--text-highVisibility);
}
.mod-weather .countries ul li a:hover {
  color: var(--text-highVisibility);
  background-color: transparent;
}
.mod-weather .map {
  text-align: center;
}
.mod-weather .map .tabnavi.desktop {
  display: none;
}
@media (min-width: 48em) {
  .mod-weather .map .tabnavi.desktop {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 1.6rem;
    display: flex;
  }
  .mod-weather .map .tabnavi.desktop .icon {
    display: none;
  }
}
.mod-weather .map .cities {
  text-align: center;
}
.mod-weather .map .cities ul {
  display: table;
  width: 100%;
}
.mod-weather .map .cities ul li {
  display: table-row;
}
.mod-weather .map .cities ul li:hover {
  background-color: var(--cp-grey-light-7);
}
.mod-weather .map .cities ul li.tmr,
.mod-weather .map .cities ul li.tdat {
  display: none;
}
.mod-weather .map .cities ul li > span {
  display: table-cell;
  border-top: 0.1rem solid var(--separator-default);
  vertical-align: middle;
  padding: 0.8rem 0;
  text-align: left;
}
.mod-weather .map .cities ul li .icon-weather {
  float: right;
}
.mod-weather .map .cities ul li .city-name {
  text-align: left;
}
.mod-weather .map .cities ul li .city-name a {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: var(--text-highVisibility);
  text-decoration: none;
  padding-left: 1.6rem;
}
.mod-weather .map .cities ul li .temp {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: var(--text-highVisibility);
  font-weight: 500;
  padding-left: 1.6rem;
}
@media (min-width: 48em) {
  .mod-weather .map .cities {
    display: none;
  }
}
.mod-weather .map .map-weather {
  display: none;
}
@media (min-width: 48em) {
  .mod-weather .map .map-weather {
    display: block;
    position: relative;
    height: auto;
    clear: both;
    margin-left: 2.4rem;
    margin-right: 2.4rem;
  }
  .mod-weather .map .map-weather.de,
  .mod-weather .map .map-weather.ch,
  .mod-weather .map .map-weather.at {
    top: -1rem;
  }
  .mod-weather .map .map-weather .city {
    position: absolute;
  }
  .mod-weather .map .map-weather .city:hover .label {
    color: var(--text-highVisibility);
    font-weight: 500;
  }
  .mod-weather .map .map-weather .city .label {
    display: block;
    color: var(--text-lowVisibility);
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.1rem;
  }
  .mod-weather .map .map-weather .city .icon-weather {
    float: left;
    height: 3rem;
    width: 3rem;
    display: block;
    margin-right: 0.1rem;
    margin-left: -0.7rem;
  }
  .mod-weather .map .map-weather .city .temp {
    float: left;
    font-weight: 500;
    color: var(--text-highVisibility);
    font-size: 1.4rem;
  }
  .mod-weather .map .map-weather .city.city-berlin {
    left: 67%;
    top: 31.8%;
  }
  .mod-weather .map .map-weather .city.city-dresden {
    left: 69%;
    top: 50%;
  }
  .mod-weather .map .map-weather .city.city-rostock {
    left: 60.3%;
    top: 14%;
  }
  .mod-weather .map .map-weather .city.city-hamburg {
    left: 49.2%;
    top: 21.2%;
  }
  .mod-weather .map .map-weather .city.city-hannover {
    left: 48%;
    top: 34.5%;
  }
  .mod-weather .map .map-weather .city.city-erfurt {
    left: 54.6%;
    top: 51.2%;
  }
  .mod-weather .map .map-weather .city.city-frankfurt-am-main {
    left: 42.2%;
    top: 60.8%;
  }
  .mod-weather .map .map-weather .city.city-koeln {
    left: 33.1%;
    top: 51.1%;
  }
  .mod-weather .map .map-weather .city.city-nuernberg {
    left: 55%;
    top: 69.6%;
  }
  .mod-weather .map .map-weather .city.city-saarbruecken {
    left: 32.2%;
    top: 70.7%;
  }
  .mod-weather .map .map-weather .city.city-stuttgart {
    left: 44.5%;
    top: 77.6%;
  }
  .mod-weather .map .map-weather .city.city-freiburg-im-breisgau {
    left: 36.5%;
    top: 86.8%;
  }
  .mod-weather .map .map-weather .city.city-muenchen {
    left: 57.8%;
    top: 85.2%;
  }
  .mod-weather .map .map-weather .city.city-bregenz {
    left: 13.2%;
    top: 54.1%;
  }
  .mod-weather .map .map-weather .city.city-innsbruck {
    left: 30.2%;
    top: 63.1%;
  }
  .mod-weather .map .map-weather .city.city-salzburg {
    left: 48.2%;
    top: 45.1%;
  }
  .mod-weather .map .map-weather .city.city-linz {
    left: 61.6%;
    top: 28.7%;
  }
  .mod-weather .map .map-weather .city.city-wien {
    left: 83.2%;
    top: 29.9%;
  }
  .mod-weather .map .map-weather .city.city-graz {
    left: 74.5%;
    top: 67.7%;
  }
  .mod-weather .map .map-weather .city.city-klagenfurt {
    left: 62%;
    top: 83.8%;
  }
  .mod-weather .map .map-weather .city.city-basel {
    left: 41.1%;
    top: 16.4%;
  }
  .mod-weather .map .map-weather .city.city-bern {
    left: 38%;
    top: 44.8%;
  }
  .mod-weather .map .map-weather .city.city-zuerich {
    left: 56%;
    top: 24.6%;
  }
  .mod-weather .map .map-weather .city.city-st-gallen {
    left: 68.5%;
    top: 22.7%;
  }
  .mod-weather .map .map-weather .city.city-luzern {
    left: 51.4%;
    top: 40%;
  }
  .mod-weather .map .map-weather .city.city-lausanne {
    left: 25.7%;
    top: 61.8%;
  }
  .mod-weather .map .map-weather .city.city-genf {
    left: 17%;
    top: 74.6%;
  }
  .mod-weather .map .map-weather .city.city-lugano {
    left: 63%;
    top: 83.1%;
  }
  .mod-weather .map .map-weather .city.city-sion {
    left: 34%;
    top: 76%;
  }
  .mod-weather .map .map-weather .city.city-airolo {
    left: 55.7%;
    top: 58.7%;
  }
  .mod-weather .map .map-weather .city.city-chur {
    left: 73.2%;
    top: 46.5%;
  }
  .mod-weather .map .map-weather .city.city-los-angeles {
    left: 16.55%;
    top: 42.2%;
  }
  .mod-weather .map .map-weather .city.city-new-york {
    left: 28.45%;
    top: 37.8%;
  }
  .mod-weather .map .map-weather .city.city-lima {
    right: 75.2%;
    top: 67.5%;
  }
  .mod-weather .map .map-weather .city.city-lima .label {
    text-align: right;
  }
  .mod-weather .map .map-weather .city.city-buenos-aires {
    left: 31.2%;
    top: 80.2%;
  }
  .mod-weather .map .map-weather .city.city-london {
    left: 43.6%;
    top: 30.3%;
  }
  .mod-weather .map .map-weather .city.city-dakar {
    left: 42.1%;
    top: 49%;
  }
  .mod-weather .map .map-weather .city.city-moskau {
    left: 56.8%;
    top: 25.4%;
  }
  .mod-weather .map .map-weather .city.city-kairo {
    left: 54.7%;
    top: 41.4%;
  }
  .mod-weather .map .map-weather .city.city-nairobi {
    left: 56%;
    top: 57.7%;
  }
  .mod-weather .map .map-weather .city.city-johannesburg {
    left: 54%;
    top: 70.3%;
  }
  .mod-weather .map .map-weather .city.city-mumbai {
    left: 67.5%;
    top: 48%;
  }
  .mod-weather .map .map-weather .city.city-peking {
    right: 22.7%;
    top: 33.6%;
  }
  .mod-weather .map .map-weather .city.city-peking .label {
    text-align: right;
  }
  .mod-weather .map .map-weather .city.city-tokio {
    left: 85%;
    top: 38%;
  }
  .mod-weather .map .map-weather .city.city-sydney {
    right: 10.5%;
    top: 78.7%;
  }
  .mod-weather .map .map-weather .city.city-sydney .label {
    text-align: right;
  }
  .mod-weather .map .map-weather .city.city-anchorage {
    left: 7.8%;
    top: 24.3%;
  }
  .mod-weather .map .map-weather .city.city-honolulu-hawaii {
    left: 6%;
    top: 50.2%;
  }
  .mod-weather .map .map-weather .city.city-reykjavik {
    right: 60.7%;
    top: 18.6%;
  }
  .mod-weather .map .map-weather .city.city-reykjavik .label {
    text-align: right;
  }
}
@media (min-width: 48em) {
  .mod-weather .map .map-weather .city.city-nairobi .icon-weather,
  .mod-weather .map .map-weather .city.city-peking .icon-weather,
  .mod-weather .map .map-weather .city.city-kairo .icon-weather,
  .mod-weather .map .map-weather .city.city-los-angeles .icon-weather,
  .mod-weather .map .map-weather .city.city-nairobi .temp,
  .mod-weather .map .map-weather .city.city-peking .temp,
  .mod-weather .map .map-weather .city.city-kairo .temp,
  .mod-weather .map .map-weather .city.city-los-angeles .temp {
    display: none;
  }
}
@media (min-width: 80em) {
  .mod-weather .map .map-weather .city.city-nairobi .icon-weather,
  .mod-weather .map .map-weather .city.city-peking .icon-weather,
  .mod-weather .map .map-weather .city.city-kairo .icon-weather,
  .mod-weather .map .map-weather .city.city-los-angeles .icon-weather,
  .mod-weather .map .map-weather .city.city-nairobi .temp,
  .mod-weather .map .map-weather .city.city-peking .temp,
  .mod-weather .map .map-weather .city.city-kairo .temp,
  .mod-weather .map .map-weather .city.city-los-angeles .temp {
    display: block;
  }
}
.mod-weather .pic-maps {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.mod-weather .pic-maps.de {
  background-image: url(./assets_main/images/ger.svg);
  padding-bottom: 70%;
}
.mod-weather .pic-maps.at {
  background-image: url(./assets_main/images/at.svg);
  padding-bottom: 50%;
}
.mod-weather .pic-maps.ch {
  background-image: url(./assets_main/images/ch.svg);
  padding-bottom: 55%;
}
.mod-weather .pic-maps.welt {
  background-image: url(./assets_main/images/world.svg);
  padding-bottom: 54.84375%;
}
.mod-weather .page__content {
  padding-bottom: 1.6rem;
  font-family: var(--font-family-sans-serif);
}
.mod-weather .page__content .article-video {
  margin: 1.6rem 0;
}
.mod-weather .page__content .current-weather .label {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
}
.mod-weather .page__content .current-weather p {
  padding-bottom: 1.4rem;
}
.mod-weather .wd {
  border: 1px solid var(--identity-lowVisibility);
}
.mod-weather .details .label {
  color: var(--text-highVisibility);
}
.mod-weather .details .city {
  display: none;
}
@media (min-width: 48em) {
  .mod-weather .details .city {
    display: inline-block;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
  }
}
@media (min-width: 90em) {
  .mod-weather .details .city {
    font-size: 3.2rem;
    line-height: 4rem;
  }
}
@media (min-width: 48em) {
  .mod-weather .details .tabnavi {
    display: none;
  }
}
.mod-weather .details .week {
  display: none;
}
@media (min-width: 48em) {
  .mod-weather .details .week {
    display: block;
    border-bottom: 0.5rem solid var(--identity-highVisibility);
    height: 10.4rem;
  }
  .mod-weather .details .week ul li {
    box-sizing: border-box;
    float: left;
    background-color: var(--identity-lowVisibility);
    width: 14.2857%;
    text-align: center;
    padding-top: 0.8rem;
    padding-bottom: 0.4rem;
    cursor: pointer;
    border-right: 0.2rem solid var(--surface-content);
  }
  .mod-weather .details .week ul li:last-of-type {
    border-right: 0;
  }
  .mod-weather .details .week ul li .label {
    color: var(--text-highVisibility);
    font-weight: 500;
  }
  .mod-weather .details .week ul li .data {
    color: var(--text-highVisibility);
  }
  .mod-weather .details .week ul li:hover {
    background-color: var(--identity-hover-lowVisibility);
  }
  .mod-weather .details .week ul li.active {
    background-color: var(--identity-highVisibility);
  }
  .mod-weather .details .week ul li.active .label,
  .mod-weather .details .week ul li.active .data {
    color: var(--identity-onHighVisibility);
  }
  .mod-weather .details .week ul li .icon-weather {
    float: none;
    margin: 0 auto 0.4rem;
  }
}
.mod-weather .details .header-weather {
  margin-top: 2rem;
  padding: 2rem 1.2rem;
  display: block;
  width: 100%;
}
@media (min-width: 48em) {
  .mod-weather .details .header-weather {
    margin-top: 0;
    border-collapse: separate;
  }
}
.mod-weather .details .header-weather .current {
  width: 50%;
  margin: 0 auto;
}
.mod-weather .details .header-weather .current .max {
  width: 50%;
}
.mod-weather .details .header-weather .current .max .icon-weather {
  float: left;
  width: 5.4rem;
  height: 5.4rem;
}
.mod-weather .details .header-weather .current .max .label {
  display: block;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-left: 6rem;
  color: var(--text-highVisibility);
}
.mod-weather .details .header-weather .current .max .data {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 2.4rem;
  line-height: 3rem;
  margin-left: 6rem;
}
@media (min-width: 48em) {
  .mod-weather .details .header-weather .current .max {
    margin-left: 5rem;
    margin-right: 2rem;
  }
  .mod-weather .details .header-weather .current .max .icon-weather {
    padding-left: 0;
    height: 10rem;
    width: 10rem;
  }
  .mod-weather .details .header-weather .current .max .label {
    font-size: 2.8rem;
    line-height: 4rem;
    margin-left: 11.2rem;
  }
  .mod-weather .details .header-weather .current .max .data {
    font-size: 4rem;
    line-height: 4rem;
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
    margin-left: 11.2rem;
  }
}
.mod-weather .details .header-weather .data {
  text-align: right;
  padding-right: 0.8rem;
  color: var(--text-highVisibility);
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  width: 15%;
}
.mod-weather .details .header-weather .label {
  text-align: left;
  padding-left: 0.2rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: var(--text-lowVisibility);
}
@media (min-width: 48em) {
  .mod-weather .details .header-weather .label,
  .mod-weather .details .header-weather .data {
    font-size: 2rem;
    line-height: 3.2rem;
  }
}
.mod-weather .details .wdc .day-weather-text {
  display: none;
}
.no-js .mod-weather .details .wdc .day-weather-text {
  display: block;
}
.mod-weather .details .weather-mobile {
  display: table;
  width: 100%;
  margin-bottom: 2rem;
}
.mod-weather .details .weather-mobile tr {
  border-top: 0.2rem solid var(--surface-content);
}
.mod-weather .details .weather-mobile tr:nth-child(2n) {
  background-color: var(--table-background-bright);
}
.mod-weather .details .weather-mobile tr:nth-child(odd) {
  background-color: var(--identity-lowVisibility);
}
.mod-weather .details .weather-mobile tr th,
.mod-weather .details .weather-mobile tr td {
  border-right: 0.2rem solid var(--surface-content);
}
.mod-weather .details .weather-mobile tr th:last-of-type,
.mod-weather .details .weather-mobile tr td:last-of-type {
  border-right: 0;
}
.mod-weather .details .weather-mobile tr th {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--text-highVisibility);
  padding: 0.5rem;
  font-weight: 400;
}
.mod-weather .details .weather-mobile tr td {
  text-align: center;
  padding: 1rem 0;
  width: 25%;
}
.mod-weather .details .weather-mobile tr td .data {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  text-align: center;
}
.mod-weather .details .weather-mobile tr td .icon-weather {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.mod-weather .details .weather-mobile tr td .icon {
  cursor: default;
  display: block;
  padding-bottom: 0.4rem;
  font-size: 3rem;
}
@media (min-width: 48em) {
  .mod-weather .details .weather-mobile {
    display: none;
  }
}
.mod-weather .details .weather-desktop {
  display: none;
}
@media (min-width: 48em) {
  .mod-weather .details .weather-desktop {
    display: table;
    width: 100%;
    margin-bottom: 2rem;
    border: 0;
  }
  .mod-weather .details .weather-desktop tr {
    border-top: 0.2rem solid var(--surface-content);
  }
  .mod-weather .details .weather-desktop tr:nth-child(2n) {
    background-color: var(--table-background-bright);
  }
  .mod-weather .details .weather-desktop tr:nth-child(odd) {
    background-color: var(--identity-lowVisibility);
  }
  .mod-weather .details .weather-desktop tr td {
    text-align: center;
    padding: 1rem 0;
    width: 17%;
  }
  .mod-weather .details .weather-desktop tr td:last-of-type {
    border-right: 0;
  }
  .mod-weather .details .weather-desktop tr td .data {
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
  }
  .mod-weather .details .weather-desktop tr th {
    text-align: center;
    line-height: 3.2rem;
    font-weight: 400;
    color: var(--text-highVisibility);
  }
  .mod-weather .details .weather-desktop tr th:last-of-type {
    border-right: 0;
  }
  .mod-weather .details .weather-desktop tr th .label {
    text-align: left;
    vertical-align: middle;
    padding-left: 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .mod-weather .details .weather-desktop tr .icon-weather {
    float: none;
    margin: 0 auto;
  }
  .mod-weather .details .weather-desktop tr .icon {
    cursor: default;
    display: block;
    padding-bottom: 0.4rem;
    font-size: 3rem;
  }
  .mod-weather .details .weather-desktop .times th {
    border-right: 0.2rem solid var(--white);
    color: var(--text-lowVisibility);
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 400;
    padding: 1rem 0;
  }
  .mod-weather .details .weather-desktop .times th:last-of-type {
    border-right: 0;
  }
}
.mod-weather .button-center .button {
  margin-top: 1.6rem;
}
.mod-weather .button-center.has-cookie a {
  display: none;
}
.mod-weather .pagination.mobile {
  padding-bottom: 1rem;
  margin: 0;
}
.mod-weather .pagination.mobile.days .pager .inactive {
  display: none;
}
.mod-weather .pagination.mobile.days .pager.icon {
  cursor: pointer;
}
.mod-weather .pagination.mobile.days .pager.more {
  color: var(--text-highVisibility);
}
@media (min-width: 48em) {
  .mod-weather .pagination.mobile {
    display: none;
  }
}
.mod-weather .check-position {
  height: 6rem;
  background-color: var(--success-bg);
  position: relative;
  display: none;
  margin-bottom: 1.6rem;
}
.mod-weather .check-position.has-cookie {
  display: block;
}
.mod-weather .check-position .icon {
  position: absolute;
  top: 1.5rem;
  left: 1.6rem;
  color: var(--awareness-consistent);
  font-size: 3rem;
}
.mod-weather .check-position .text {
  float: left;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 1.4rem 1rem 0 6.4rem;
}
@media (min-width: 48em) {
  .mod-weather .check-position .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 1.8rem 1rem 0 7.2rem;
  }
}
.mod-weather .search-results .title {
  font-size: 2rem;
  line-height: 3.2rem;
  font-weight: 500;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.mod-weather .search-results ul {
  margin-left: 0;
}
.mod-weather .search-results ul li {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-indent: 0;
}
.mod-weather .search-results ul li .city {
  color: var(--text-highVisibility);
}
.mod-weather .search-results ul li .country {
  color: var(--text-lowVisibility);
}
@media (min-width: 48em) {
  .mod-weather .search-results ul {
    column-count: 2;
  }
}
.mod-weather .channel-headline a {
  color: var(--text-highVisibility);
}
.icon-weather {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  height: 4rem;
  width: 4rem;
}
.icon-weather.wi-0,
.icon-weather.wi-13,
.icon-weather.wi-night-0,
.icon-weather.wi-night-13 {
  background-image: url(./assets_main/images/weather-8.svg);
}
.icon-weather.wi-1 {
  background-image: url(./assets_main/images/weather-15.svg);
}
.icon-weather.wi-2 {
  background-image: url();
}
.icon-weather.wi-3 {
  background-image: url();
}
.icon-weather.wi-4,
.icon-weather.wi-night-4 {
  background-image: url(./assets_main/images/weather-7.svg);
}
.icon-weather.wi-5,
.icon-weather.wi-night-5 {
  background-image: url(./assets_main/images/weather-6.svg);
}
.icon-weather.wi-6 {
  background-image: url(./assets_main/images/weather-18.svg);
}
.icon-weather.wi-7,
.icon-weather.wi-night-7 {
  background-image: url(./assets_main/images/weather-5.svg);
}
.icon-weather.wi-8,
.icon-weather.wi-night-8 {
  background-image: url(./assets_main/images/weather-1.svg);
}
.icon-weather.wi-9 {
  background-image: url(./assets_main/images/weather-17.svg);
}
.icon-weather.wi-10,
.icon-weather.wi-night-10 {
  background-image: url(./assets_main/images/weather-4.svg);
}
.icon-weather.wi-11,
.icon-weather.wi-night-11 {
  background-image: url(./assets_main/images/weather-3.svg);
}
.icon-weather.wi-12 {
  background-image: url(./assets_main/images/weather-12.svg);
}
.icon-weather.wi-14,
.icon-weather.wi-night-14 {
  background-image: url(./assets_main/images/weather-2.svg);
}
.icon-weather.wi-night-1 {
  background-image: url(./assets_main/images/weather-14.svg);
}
.icon-weather.wi-night-2,
.icon-weather.wi-night-3 {
  background-image: url(./assets_main/images/weather-13.svg);
}
.icon-weather.wi-night-6 {
  background-image: url(./assets_main/images/weather-10.svg);
}
.icon-weather.wi-night-9 {
  background-image: url(./assets_main/images/weather-9.svg);
}
.icon-weather.wi-night-12 {
  background-image: url(./assets_main/images/weather-11.svg);
}
.mod-weathertool .tool-content.weather-tool {
  box-sizing: border-box;
  overflow: visible;
}
.mod-weathertool .tool-content.weather-tool ui-autocomplete {
  --autocomplete-search-block-padding: 1.2rem 0 0 0;
  --autocomplete-search-block-margin: 0;
  --autocomplete-error-padding: 0.8rem 0 0 0;
}
.mod-weathertool .tool-content.weather-tool .weather-block:hover li {
  background-color: var(--identity-lowVisibility);
}
.mod-weathertool .tool-content.weather-tool .weather-block li {
  background-color: var(--identity-lowVisibility);
  text-align: center;
  height: 5rem;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
}
.mod-weathertool .tool-content.weather-tool .weather-block li .center {
  display: inline-block;
}
.mod-weathertool .tool-content.weather-tool .weather-block li .text {
  float: left;
  padding-left: 0.4rem;
  padding-top: 0.8rem;
}
.mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(1) {
  width: 100%;
  height: 6.8rem;
  margin-bottom: 0.2rem;
}
.mod-weathertool
  .tool-content.weather-tool
  .weather-block
  li:nth-of-type(1)
  .text {
  padding-top: 1.2rem;
}
.mod-weathertool
  .tool-content.weather-tool
  .weather-block
  li:nth-of-type(1)
  .text
  .label {
  font-size: 1.6rem;
  line-height: 2rem;
}
.mod-weathertool
  .tool-content.weather-tool
  .weather-block
  li:nth-of-type(1)
  .text
  .temp {
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.mod-weathertool
  .tool-content.weather-tool
  .weather-block
  li:nth-of-type(1)
  .icon-weather {
  height: 4.8rem;
  width: 4.8rem;
  margin: 0.8rem;
}
.mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(2) {
  width: 33.33333333%;
  border-right: 0.1rem solid var(--page-background);
  float: left;
}
.mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(3) {
  width: 33.33333333%;
  border-left: 0.1rem solid var(--page-background);
  float: left;
}
.tool-container
  .mod-weathertool
  .tool-content.weather-tool
  .weather-block
  li:nth-of-type(3) {
  border-right: 0.1rem solid var(--page-background);
}
.mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(4) {
  width: 33.33333333%;
  border-left: 0.1rem solid var(--page-background);
  float: left;
}
.mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(5) {
  display: none;
}
.mod-weathertool .tool-content.weather-tool .weather-block li .icon-weather {
  height: 3.8rem;
  width: 3.8rem;
  margin: 0.8rem 0.2rem;
}
.mod-weathertool .tool-content.weather-tool .weather-block li .label {
  display: block;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: var(--text-highVisibility);
}
.mod-weathertool .tool-content.weather-tool .weather-block li .temp {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
  text-align: left;
  color: var(--text-highVisibility);
}
@media (min-width: 48em) {
  .rubric-teasers .mod-weathertool .tool-content.weather-tool,
  .homepage .mod-weathertool .tool-content.weather-tool,
  .tool-block.one .mod-weathertool .tool-content.weather-tool {
    width: auto;
  }
  .rubric-teasers .mod-weathertool .tool-content.weather-tool .weather-block li,
  .homepage .mod-weathertool .tool-content.weather-tool .weather-block li,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li {
    height: 6rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1),
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1),
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1) {
    width: 50%;
    float: left;
    height: 12rem;
    border-right: 0.1rem solid var(--page-background);
    border-bottom: 0;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .text,
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .text,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .text {
    padding-top: 2.8rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .temp,
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .temp,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .temp {
    font-size: 4rem;
    line-height: 4rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .label,
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .label,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .label {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .icon-weather,
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .icon-weather,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(1)
    .icon-weather {
    margin: 2.2rem 1.6rem;
    height: 7.2rem;
    width: 7.2rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(2),
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(2),
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(2) {
    width: 25%;
    float: left;
    border-left: 0.1rem solid var(--page-background);
    border-right: 0.1rem solid var(--page-background);
    border-bottom: 0.1rem solid var(--page-background);
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(3),
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(3),
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(3) {
    width: 25%;
    float: left;
    border-bottom: 0.1rem solid var(--page-background);
    border-left: 0.1rem solid var(--page-background);
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(4),
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(4),
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(4) {
    width: 25%;
    float: left;
    border-top: 0.1rem solid var(--page-background);
    border-left: 0.1rem solid var(--page-background);
    border-right: 0.1rem solid var(--page-background);
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(5),
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(5),
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li:nth-of-type(5) {
    display: block;
    width: 25%;
    float: left;
    border-top: 0.1rem solid var(--page-background);
    border-left: 0.1rem solid var(--page-background);
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .icon-weather,
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .icon-weather,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .icon-weather {
    height: 4rem;
    width: 4rem;
    margin-right: 1.2rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .temp,
  .homepage .mod-weathertool .tool-content.weather-tool .weather-block li .temp,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .temp {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .label,
  .homepage
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .label,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .label {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  .rubric-teasers
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .text,
  .homepage .mod-weathertool .tool-content.weather-tool .weather-block li .text,
  .tool-block.one
    .mod-weathertool
    .tool-content.weather-tool
    .weather-block
    li
    .text {
    padding-top: 1.2rem;
  }
}
.tool-container .mod-weathertool .tool-content.weather-tool {
  border: 0;
}
@container widget (max-width: 350px) {
  .mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(2) {
    width: 50%;
  }
  .mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(3) {
    width: 50%;
  }
  .mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(4),
  .mod-weathertool .tool-content.weather-tool .weather-block li:nth-of-type(5) {
    display: none;
  }
}
/*# sourceMappingURL=weather.css.map */