:root {
  --swiper-pagination-progressbar-size: 1px;
  --swiper-pagination-progressbar-bg-color: #eee;
  --swiper-pagination-color: #5499f7;
  --swiper-scrollbar-bg-color: #f6f6f6;
  --swiper-scrollbar-drag-bg-color: #e8e8e8;
  --swiper-scrollbar-bg-active-color: #e8e8e8;
  --swiper-scrollbar-drag-bg-active-color: #b8b8b8;
  --link-color: #000000;
  --dark-link-color: #555555;
  --link-teaser-color: #484848;
  --bg-color: #fff;
  --teaser-color: #555;
  --ad-bg-color: #fbfbfb;
  --border-color: #e8e8e8;
  --text-color: #3a3a3a;
  --update-color: #555555;
  --navi-bg-color: #fbfbfb;
  --list-sep-color: #e2e2e2;
  --navi-light-color: #f1f1f1;
  --title-link-color: #000;
  --title-reverse-color: #fff;
  --title-bg-color: #eee;
  --footer-bg-color: #f8f8f8;
  --trivia-bg-color: #f8f8f8;
  --trivia-title-color: #e8f1f8;
  --link-highlight: #006dfe;
  --obs-table-header: #e8f1f8;
  --obs-table-title: #f1f1f1;
  --obs-table-icon: #f8f8f8;
  --navi-mobi-color: #f8f8f8;
  --footer-title-bg: #eeeeee;
  --mg-scale-bg-color: rgba(255, 255, 255, 0.8);
  --hourly-list-bottom: #cdcdcd;
  --hourly-list-left: #d1d1d1;
  --day-link-bg-color: #d6e9fd;
  --hilite-color: #222;
  --article-text-color: #1e1e1e;
  --article-ad-text-color: #888;
  --article-caption-color: #777;
  --article-list-sep-color: #eee;
  --myweather-button-bg-color: #e8f1f8;
  --menu-bg-color: rgba(255, 255, 255, 0.98);
  --precp-color: #0073bc;
  --snowff-color: #7373da;
  --radio-button-bg: #e2e2e2;
  --radio-button-border: #cdcdcd;
  --radio-button-selected: #fff;
  --pollen-marker-color: #e3e3e3;
  --list-background-color: #f2f2f2;
  --list-active-color: #fff;
  --archive-lead-color: #555;
  --mw-title-color: #006dfe;
  --link-strong: #006dfe;
  --button-color: #555;
  --button-bg-color: #fff;
  --button-selected-color: #fff;
  --input-color: #000;
  --input-background: #fff;
  --results-background: hsla(0,0%,100%,.9);
  --attr-color: #484848;
  --attr-link-color: #333;
  --legacy-map-time-bg: rgba(255, 255, 255, 0.85);
  --option-bg-color: rgba(255, 255, 255, 0.95);
  --option-border-color: rgba(0, 0, 0, 0.3);
  --option-border-sep-color: rgba(0, 0, 0, 0.3);
  --option-bg-selected-color: #50b0e6;
  --option-selected-color: #fff;
  --teaser-bullet-opacity: 0.2;
  --teaser-bullet-active-opacity: 0.32;
  --day-fc-border: #d1d1d1;
  --navi-border-color: #eee;
  --navi-active-border-color: #fff;
  --pollen-level-0-color: #e6e6e6;
  --pollen-level-1-color: #a5d75f;
  --pollen-level-2-color: #e6c55c;
  --pollen-level-3-color: #fb8641;
  --pollen-level-4-color: #be2878; }
  :root .swiper-horizontal > .swiper-pagination-progressbar, :root .swiper-pagination-progressbar.swiper-pagination-horizontal {
    top: 0px;
    bottom: auto; }
  :root body.darkTheme {
    --bg-color: #000;
    --text-color: #fff;
    --update-color: #bbb;
    --ad-bg-color: #121212;
    --title-link-color: #fff;
    --link-color: #fff;
    --dark-link-color: #999;
    --link-teaser-color: #fff;
    --border-color: #444;
    --teaser-color: #fff;
    --navi-bg-color: #181818;
    --navi-light-color: #2a2a2a;
    --title-bg-color: #2f2f2f;
    --footer-bg-color: #121212;
    --trivia-bg-color: #121212;
    --footer-title-bg: #333333;
    --trivia-title-color: #1d3267;
    --link-highlight: #0b9af5;
    --obs-table-header: #1d3267;
    --obs-table-title: #2a2a2a;
    --obs-table-icon: #121212;
    --navi-mobi-color: #282828;
    --title-reverse-color: #000;
    --list-sep-color: #555;
    --hourly-list-bottom: #444;
    --hourly-list-left: #444;
    --day-link-bg-color: #0b9af5;
    --hilite-color: #fff;
    --article-text-color: #f3f3f3;
    --article-caption-color: #bebebe;
    --article-ad-text-color: #aaa;
    --article-list-sep-color: #555;
    --myweather-button-bg-color: #3a3a3a;
    --menu-bg-color: rgba(0, 0, 0, 0.98);
    --input-color: #000;
    --input-background: #fff;
    --results-background: hsla(0,0%,100%,.9);
    --list-background-color: #333333;
    --list-background-color: #181818;
    --list-active-color: #000;
    --radio-button-bg: hsla(0,0%,100%,.2);
    --radio-button-border: #444;
    --radio-button-selected: #000;
    --precp-color: #0b9af5;
    --snowff-color: #8888ea;
    --mw-title-color: #fff;
    --link-strong: #fff;
    --button-color: #fff;
    --button-bg-color: #181818;
    --mg-scale-bg-color: rgba(0, 0, 0, 0.8);
    --pollen-marker-color: #181818;
    --archive-lead-color: #ddd;
    --attr-color: #bbb;
    --attr-link-color: #a0a0a0;
    --legacy-map-time-bg: rgba(0, 0, 0, 0.4);
    --option-bg-color: rgba(255, 255, 255, 0.2);
    --option-border-color: #444;
    --option-border-sep-color: #111;
    --option-selected-color: #000;
    --teaser-bullet-opacity: 0.65;
    --teaser-bullet-active-opacity: 1;
    --day-fc-border: #888;
    --navi-border-color: #ccc;
    --navi-active-border-color: #ddd;
    --swiper-scrollbar-bg-color: #1b1b1b;
    --swiper-scrollbar-drag-bg-color: #2a2a2a;
    --pollen-level-0-color: rgb(20, 20, 20);
    --pollen-level-1-color: rgb(170,215,90);
    --pollen-level-2-color: rgb(230, 197, 92);
    --pollen-level-3-color: rgb(251, 134, 65);
    --pollen-level-4-color: rgb(190, 40, 120); }

@keyframes blink_input_opacity_to_prevent_scrolling_when_focus {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

#extlinks .logo img.light,
#titlebar.navi-v2 .logo img.light {
  display: inline; }

#extlinks .logo img.dark,
#titlebar.navi-v2 .logo img.dark {
  display: none; }

#hamburger img.light {
  display: inline; }

#hamburger img.dark {
  display: none; }

body.darkTheme .pollen-legend ul li span {
  border: none; }

body.darkTheme #menubtn svg,
body.darkTheme #menuclosebtn svg,
body.darkTheme #search-close svg {
  fill: #fff; }

body.darkTheme #extlinks .logo img.light,
body.darkTheme #titlebar.navi-v2 .logo img.light {
  display: none; }

body.darkTheme #extlinks .logo img.dark,
body.darkTheme #titlebar.navi-v2 .logo img.dark {
  display: inline; }

body.darkTheme #hamburger img.light {
  display: none; }

body.darkTheme #hamburger img.dark {
  display: inline; }

body.darkTheme #searchresults-v2 li {
  background-color: #000; }
  body.darkTheme #searchresults-v2 li.selected {
    color: white;
    background-color: #57b3e8; }

@media (min-width: 45rem) {
  body.darkTheme #searchresults-v2 {
    background-color: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #2f2f2f; } }

body.darkTheme #linkbar-v2 ul {
  background-color: #1d2c51; }

body.darkTheme #linkbar-v2 .scroll-left {
  background: linear-gradient(270deg, rgba(29, 44, 81, 0.001) 0%, #1d3267 90%); }

body.darkTheme #linkbar-v2 .scroll-right {
  background: linear-gradient(90deg, rgba(29, 44, 81, 0.001) 1%, #1d3267 80%); }

@media (max-width: 45rem) {
  body.darkTheme.search-modal #searchwrap #favoritelist,
  body.darkTheme.search-modal #searchwrap #searchresults-v2 {
    background-color: rgba(0, 0, 0, 0.8); } }

body.darkTheme #favoritelist {
  background-color: var(--bg-color); }
  body.darkTheme #favoritelist li {
    background-color: var(--bg-color); }
    body.darkTheme #favoritelist li:hover {
      color: white;
      background-color: #57b3e8; }
    body.darkTheme #favoritelist li.link a {
      background-color: var(--bg-color); }

body.darkTheme #hourly .hdr img.bw {
  filter: invert(1); }

body.darkTheme .nowcast-teaser .nowcast .map img.map-dark {
  display: block; }

body.darkTheme .nowcast-teaser .nowcast .map img.map-light {
  display: none; }

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

abbr {
  text-decoration: none; }

html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/* 
 * COLORS
 */
body {
  /* 13px */
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
  color: #3a3a3a;
  color: var(--text-color);
  background-color: #fff;
  background-color: var(--bg-color);
  position: relative; }

em,
strong {
  font-weight: bold; }

select {
  color: #3a3a3a;
  color: var(--text-color);
  background-color: #fff;
  background-color: var(--bg-color); }

#wrap {
  position: relative;
  max-width: 980px;
  min-width: 320px;
  margin: 0 auto;
  background-color: #fff;
  background-color: var(--bg-color); }

h1 {
  font-size: 2rem;
  line-height: 2.2rem;
  letter-spacing: 0.02em;
  margin: 15px 0 15px 10px;
  text-align: center;
  font-weight: 200; }
  h1.left {
    text-align: left; }

h2, h3, h4, h5 {
  font-weight: 400; }

h2 {
  font-size: 1.375rem; }
  h2.grey {
    background-color: #eee;
    background-color: var(--title-bg-color);
    text-transform: uppercase;
    padding: 5px 0 5px 10px;
    font-size: 0.875rem; }
  h2 a {
    color: #000;
    color: var(--title-link-color); }

h3.wide {
  background-color: #e8f1f8;
  font-size: 1rem;
  padding: 10px 0 10px 10px;
  margin: 2px 0 2px 0; }

h3.sub {
  font-size: 1.125rem;
  padding: 15px 0 5px 10px;
  line-height: 120%; }

.hidden {
  display: none !important; }

.rel {
  position: relative; }

.center {
  text-align: center; }

.infobox h2 {
  background-color: #eee;
  background-color: var(--title-bg-color);
  font-size: 0.875rem;
  text-transform: uppercase;
  padding: 5px 0 5px 10px;
  margin-bottom: 2px; }
  .infobox h2.blue {
    background-color: #e8f1f8; }

.infobox.mtv {
  margin-bottom: 40px; }

@media (min-width: 42.5rem) {
  .infobox.mtv {
    display: none; } }

h4 {
  padding: 25px 0 0 25px;
  font-size: 1.375rem; }

img.fluid {
  width: 100%;
  height: auto;
  display: block; }

a {
  color: #000000;
  color: var(--link-color);
  text-decoration: none;
  font-weight: 400; }
  a.grey {
    color: #555555;
    color: var(--dark-link-color); }
  a.green {
    color: #77ac3b; }
  a.blue {
    color: #006dfe;
    color: var(--link-highlight); }
    a.blue:hover {
      color: #000000;
      color: var(--link); }
    a.blue:active {
      color: #e3303d; }
  a.dark {
    color: white;
    background-color: #0d2443;
    padding: 5px 15px;
    border-radius: 3px; }
    a.dark:hover {
      color: white; }
  a.light {
    font-size: 0.9rem; }

@media (min-width: 45rem) {
  .button {
    border: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.7rem;
    color: #484848;
    font-weight: 600;
    background-color: #e8f1f8;
    text-transform: uppercase; }
    .button:hover, .button:focus {
      background-color: #d2e9fe; } }

a:hover, a.green:hover, a.grey:hover {
  color: #006dfe; }

a:active, a.green:active, a.grey:active {
  color: #e3303d; }

#show_map {
  font-weight: 400; }

#show_map_wrap {
  width: 100%;
  overflow: hidden;
  transition-property: height;
  transition-duration: .8s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
  #show_map_wrap.hide {
    height: 0; }
  #show_map_wrap.show {
    height: 200px; }

#location_googlemap {
  width: 100%;
  height: 200px;
  border: 1px solid #ebeaea;
  overflow: hidden; }

.warm {
  color: #e3303d; }

.cold {
  color: #00adef; }

#linkbar-v2 {
  position: fixed;
  z-index: 100000;
  top: -1px;
  left: 0;
  right: 0;
  padding: 0; }
  #linkbar-v2 ul {
    display: flex;
    max-width: 100vw;
    align-items: center;
    overflow-x: auto;
    background-color: #4f9ef4;
    height: 38px;
    /*
		background-color: #52b1e2;
		background-color: #01b2eb;
		background-color: #eaf1f8;
		background-color: #1eb3e8;
		background-color: #f2f2f2;
		*/ }
    #linkbar-v2 ul::-webkit-scrollbar {
      display: none; }
    #linkbar-v2 ul.loading li {
      opacity: 0; }
    #linkbar-v2 ul.expanded li.show-more {
      display: none; }
    #linkbar-v2 ul.expanded li.more {
      display: block; }
    #linkbar-v2 ul li {
      padding: 0 0.75rem;
      white-space: nowrap;
      border-right: 1px solid #eee;
      border-right: 1px solid var(--navi-border-color);
      height: 20px;
      /*
			&:first-child {
				padding-left: 1.5rem;
			}
			*/
      /*
			&.page-spot {
				margin-left: 0.75rem;
			}
			*/ }
      #linkbar-v2 ul li a {
        color: #fff;
        font-weight: 400;
        display: inline-block;
        padding: 4px 0 0 0; }
      #linkbar-v2 ul li.page-myweather a {
        /*
					position: relative;
					// padding: 2px 0.75rem 0 0;
					padding: 2px 0 0 0;

					svg {
						top: -2px;
						position: relative;
						margin-right: 5px;
						vertical-align: middle;
					}
					*/ }
      #linkbar-v2 ul li.page-myweather.active {
        /* disable margin when myweather is selected */
        /*
					&+ .page-spot {
						margin-left: 0;
					}
					*/ }
        #linkbar-v2 ul li.page-myweather.active a {
          padding-right: 0; }
      #linkbar-v2 ul li.show-more, #linkbar-v2 ul li:last-child {
        border: none; }
      #linkbar-v2 ul li.active a {
        font-weight: 600;
        padding-bottom: 4px;
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid var(--navi-active-border-color); }
  #linkbar-v2 #scroll-container {
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 34px;
    left: 6px;
    z-index: 10000;
    width: calc(100% - 12px);
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s; }
    #linkbar-v2 #scroll-container.visible {
      opacity: 1; }
    #linkbar-v2 #scroll-container #scroll-indicator {
      width: 0;
      height: 1px;
      position: relative;
      background-color: #0f7ef5;
      background-color: white; }
  #linkbar-v2 .scroll-left {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    height: 100%;
    background: linear-gradient(270deg, rgba(79, 158, 244, 0.001) 0%, #4f9ef4 90%); }
  #linkbar-v2 .scroll-right {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 2.5rem;
    height: 100%;
    /*
		background: linear-gradient(90deg, rgba(234,241,248,0) 0%, rgba(234,241,248,1) 80%);
		background: linear-gradient(90deg, rgba(30,179,232,0) 0%, rgba(30,179,232,1) 80%);
		background: linear-gradient(90deg, rgba(79,158,244,0) 0%, rgba(82,177,226,1) 80%);
		
		background: linear-gradient(90deg, rgba(1,178,235,0) 0%, rgba(1,178,235,1) 80%);
		*/
    background: linear-gradient(90deg, rgba(79, 158, 244, 0.001) 1%, #4f9ef4 80%); }
  #linkbar-v2.left .scroll-left {
    display: block; }
  #linkbar-v2.right .scroll-right {
    display: block; }

#titlebar {
  position: -webkit-sticky;
  position: sticky;
  top: -40px;
  /*z-index: 50000;*/
  z-index: 10100;
  background-color: #fff;
  background-color: var(--bg-color);
  max-width: 980px;
  min-width: 320px;
  margin: 0 auto; }
  #titlebar.navi-v2 {
    top: -15px; }
    #titlebar.navi-v2 .titleinner .naviwrap .logo {
      max-width: 150px; }
    #titlebar.navi-v2.sticky #searchwrap #buttons {
      top: 2px; }
  #titlebar .titleinner {
    margin-top: 40px;
    position: relative; }
    #titlebar .titleinner .naviwrap {
      display: flex;
      padding: 18px 0 2px 15px; }
      #titlebar .titleinner .naviwrap .logo {
        max-width: 200px;
        max-height: 46px; }
      #titlebar .titleinner .naviwrap #search-close {
        display: none; }
  #titlebar.sticky #searchwrap svg.search {
    opacity: 0; }
  #titlebar.sticky #searchwrap #buttons {
    top: 2px; }

#titlebar.navi-v2 #searchwrap #buttons {
  top: -43px; }

footer .theme-select-desktop-title {
  display: none; }
  @media (min-width: 45rem) {
    footer .theme-select-desktop-title {
      display: block; } }

.theme-select {
  display: flex;
  padding: 0.5rem 0 0.5rem 1rem;
  align-items: center; }
  .theme-select.theme-select-desktop {
    display: none;
    padding: 0.25rem 0 0 0.5rem; }
    .theme-select.theme-select-desktop span {
      cursor: pointer; }
    @media (min-width: 45rem) {
      .theme-select.theme-select-desktop {
        display: flex; } }
  .theme-select .theme-toggle {
    padding: 0 0 0 0.5rem; }
    .theme-select .theme-toggle span {
      display: inline-block;
      background-color: rgba(255, 255, 255, 0.95);
      background-color: var(--option-bg-color);
      border: 1px solid rgba(0, 0, 0, 0.3);
      border: 1px solid var(--option-border-color);
      padding: 0.2rem 0.35rem 0.2rem 0.35rem; }
      .theme-select .theme-toggle span:first-child {
        border-radius: 4px 0 0 4px;
        border-right: none; }
      .theme-select .theme-toggle span:last-child {
        border-left: none;
        border-radius: 0 4px 4px 0; }
      .theme-select .theme-toggle span.selected {
        color: #fff;
        color: var(--option-selected-color);
        background-color: #50b0e6;
        background-color: var(--option-bg-selected-color); }

#searchwrap {
  position: relative;
  margin: 0 10px;
  transition: all 0.2s ease-out; }
  #searchwrap input {
    border: none;
    border-radius: 0;
    border-bottom: 4px solid #1eb3e8;
    font-size: 1.125rem;
    padding: 7px 0 0.45rem 5px;
    width: 100%;
    /*
		color: #000;
		background-color: #fff;
		*/
    color: #3a3a3a;
    color: var(--text-color);
    background-color: #fff;
    background-color: var(--bg-color); }
  #searchwrap svg.search {
    position: absolute;
    top: 8px;
    right: 15px;
    width: 22px;
    height: 22px;
    opacity: 1;
    transition: all 0.2s ease-out;
    fill: #3a3a3a;
    fill: var(--text-color); }
  #searchwrap #searchbtn {
    display: none; }
  #searchwrap #buttons {
    position: absolute;
    transition: all 0.2s ease-out;
    right: 10px;
    top: -48px; }
    #searchwrap #buttons div {
      float: left; }
      #searchwrap #buttons div svg {
        width: 100%;
        height: 100%; }
    #searchwrap #buttons #locatebtn {
      width: 32px;
      height: 32px; }
      #searchwrap #buttons #locatebtn div {
        display: none; }
      #searchwrap #buttons #locatebtn #locate-blue {
        width: 30px;
        height: 30px; }
      #searchwrap #buttons #locatebtn #locate-white {
        display: none; }
    #searchwrap #buttons #menubtn,
    #searchwrap #buttons #menuclosebtn {
      margin-left: 15px;
      width: 30px;
      height: 30px; }
    #searchwrap #buttons #menuclosebtn {
      display: none; }
      @media (min-width: 45rem) {
        #searchwrap #buttons #menuclosebtn {
          display: none !important; } }

@media (min-width: 45rem) {
  #searchwrap {
    max-width: 60%;
    left: 28%;
    margin: 0;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1; }
    #searchwrap #searchinner {
      height: 47px;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      #searchwrap #searchinner form {
        -ms-flex: 4 0 auto;
        -webkit-box-flex: 4;
        -webkit-flex: 4;
        flex: 4;
        position: relative; }
      #searchwrap #searchinner #buttons {
        flex: 1;
        margin-left: 10px;
        position: static; }
        #searchwrap #searchinner #buttons #locatebtn {
          display: -ms-flexbox;
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
          top: 0;
          cursor: pointer;
          border-radius: 20px;
          line-height: 0;
          padding: 0;
          width: auto;
          height: auto; }
          #searchwrap #searchinner #buttons #locatebtn div {
            display: block;
            padding: 0 6px 0 10px;
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1 0 auto; }
          #searchwrap #searchinner #buttons #locatebtn #locate-blue {
            display: none; }
          #searchwrap #searchinner #buttons #locatebtn #locate-white {
            display: inline-block; }
          #searchwrap #searchinner #buttons #locatebtn svg {
            -ms-flex: 1 0 28px;
            -webkit-box-flex: 1 0 28px;
            -webkit-flex: 1 0 28px;
            flex: 1 0 28px;
            width: 28px;
            height: 28px; }
        #searchwrap #searchinner #buttons #menubtn {
          display: none !important; }
      #searchwrap #searchinner #searchtext {
        border: none;
        font-size: 0.85rem;
        padding: 6px 0 6px 10px; }
      #searchwrap #searchinner #searchbtn {
        display: inline-block;
        position: absolute;
        right: 0.4rem;
        /* calculate search field bottom border */
        bottom: 0.35rem;
        padding: 0.125rem 0.25rem; }
      #searchwrap #searchinner #locatebtn,
      #searchwrap #searchinner #searchbtn {
        font-size: 0.7rem; }
      #searchwrap #searchinner svg.search {
        display: none; } }

@media (min-width: 61.25rem) {
  #navibar .naviwrap .logo {
    max-width: 250px;
    margin: 0 0 0 10px; }
  #navibar .naviwrap #search {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    padding: 0 10px 0 15px; } }

#searchresults-v2 {
  padding: 10px 0;
  display: none; }
  #searchresults-v2 li {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    border-radius: 4px;
    border: 1px solid #4f9ef4;
    background-color: #fff;
    margin: 0 5px 5px 0;
    padding: 0 0 0 5px; }
    #searchresults-v2 li:last-child {
      margin-bottom: 0; }
    #searchresults-v2 li.not-found {
      border: none;
      line-height: 1.3rem; }
    #searchresults-v2 li.favorite .icon.icon-favorite {
      display: block; }
    #searchresults-v2 li.favorite .icon.icon-regular {
      display: none; }
    #searchresults-v2 li .icon {
      margin-right: 0.75rem; }
      #searchresults-v2 li .icon.icon-favorite {
        display: none; }
      #searchresults-v2 li .icon.icon-regular-selected, #searchresults-v2 li .icon.icon-favorite-selected {
        display: none; }
      @media (min-width: 45rem) {
        #searchresults-v2 li .icon .icon-favorite,
        #searchresults-v2 li .icon .icon-regular,
        #searchresults-v2 li .icon .icon-favorite-selected {
          display: none; }
        #searchresults-v2 li .icon .icon-regular {
          display: block; } }
    #searchresults-v2 li .path {
      flex: 1;
      padding: 12px 0; }
      #searchresults-v2 li .path em {
        font-weight: 500; }
    @media (min-width: 45rem) {
      #searchresults-v2 li.selected .icon-regular {
        display: none; }
      #searchresults-v2 li.selected .icon-regular-selected {
        display: block; }
      #searchresults-v2 li.selected.favorite .icon-favorite,
      #searchresults-v2 li.selected.favorite .icon-regular-selected {
        display: none; }
      #searchresults-v2 li.selected.favorite .icon-favorite-selected {
        display: block; } }
  @media (min-width: 45rem) {
    #searchresults-v2 {
      left: 0;
      display: none;
      position: absolute;
      z-index: 5000;
      width: 100%;
      background-color: white;
      background-color: rgba(255, 255, 255, 0.92);
      border-bottom: 1px solid #f8f8f8;
      padding: 10px 0 10px 10px;
      box-shadow: 5px 3px 6px -4px rgba(0, 0, 0, 0.75); }
      #searchresults-v2 li {
        cursor: pointer; }
        #searchresults-v2 li .path {
          flex: 1; }
      #searchresults-v2 li.selected {
        color: white;
        background-color: #57b3e8; } }

#favoritelist {
  padding: 10px 0 5px 0;
  background-color: #fff;
  display: none; }
  @media (min-width: 45rem) {
    #favoritelist {
      padding: 10px 0 10px 10px;
      position: absolute;
      z-index: 5000;
      left: 0;
      right: 0;
      width: 100%;
      box-shadow: 4px 4px 6px -4px rgba(0, 0, 0, 0.7);
      flex-direction: column; } }
  #favoritelist li {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 4px;
    border: 1px solid #4f9ef4;
    background-color: #fff;
    margin: 0 5px 5px 0;
    padding: 0 0 0 10px; }
    @media (min-width: 45rem) {
      #favoritelist li:hover {
        color: white;
        background-color: #57b3e8;
        cursor: pointer; } }
    #favoritelist li:last-child {
      margin-bottom: 0; }
    #favoritelist li .icon {
      margin-right: 0.5rem; }
    #favoritelist li .path {
      flex: 1;
      padding: 12px 0; }
      #favoritelist li .path em {
        font-weight: 500; }
    #favoritelist li.locate p {
      flex: 1; }
    #favoritelist li.link {
      border: none;
      height: auto;
      padding: 0; }
      #favoritelist li.link a {
        color: white;
        display: block;
        width: 100%;
        font-weight: 500;
        background-color: #57b3e8;
        text-align: center;
        padding: 0.75rem 0;
        border-radius: 4px; }
      @media (min-width: 45rem) {
        #favoritelist li.link {
          padding: 5px 0 5px 45px;
          justify-content: center; }
          #favoritelist li.link a {
            padding: 0;
            display: inline;
            color: #006dfe;
            color: var(--link-highlight);
            background-color: #fff;
            background-color: var(--bg-color);
            text-align: left; } }
      #favoritelist li.link:hover a {
        color: white;
        background-color: #57b3e8; }
    #favoritelist li.favorite .symb {
      padding: 0 1rem 0 0; }
    #favoritelist li.favorite .temp {
      padding-right: 0.75rem;
      font-size: 0.95rem;
      font-weight: 600;
      min-width: 3rem; }

#ticker,
#extlinks,
#browsepath {
  display: none; }

#share {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 20px; }
  #share div {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    padding: 6px 0;
    /*img {*/ }
    #share div svg {
      width: 25px;
      height: 25px; }
    #share div a {
      display: block; }
    #share div.fb {
      background-color: #32599d; }
    #share div.twitter {
      background-color: #00a2f9; }
    #share div.email {
      background-color: #848484; }

body.hamburger-fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: -85px; }
  body.hamburger-fixed.navi-v2 {
    top: -66px; }
  @media (min-width: 45rem) {
    body.hamburger-fixed {
      position: static;
      top: 0; }
      body.hamburger-fixed.navi-v2 {
        top: 0; } }

body.search-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  @media (min-width: 45rem) {
    body.search-modal {
      position: static; } }

#hamburger {
  display: none;
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll;
  background-color: rgba(255, 255, 255, 0.98);
  background-color: var(--menu-bg-color); }
  #hamburger.navi-v2 {
    top: 80px; }
  #hamburger.visible {
    display: block; }
  @media (min-width: 45rem) {
    #hamburger {
      display: none !important; } }
  #hamburger #hamburger_close {
    font-size: 0.9rem;
    text-align: right;
    padding: 1rem 0.5rem;
    background-color: #f1f1f1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    height: 42px; }
  #hamburger nav {
    margin: 0 0 0.625rem 0; }
    #hamburger nav h3 {
      text-align: center;
      background-color: #eee;
      background-color: var(--title-bg-color);
      margin: 0; }
      #hamburger nav h3.green {
        border-bottom: 2px solid #64af1a; }
      #hamburger nav h3.grey {
        border-bottom: 2px solid #858585; }
      #hamburger nav h3.darkgreen {
        border-bottom: 2px solid #61995e; }
      #hamburger nav h3.lightblue {
        border-bottom: 2px solid #77c5f3; }
      #hamburger nav h3.orange {
        border-bottom: 2px solid #f7bb41; }
      #hamburger nav h3.fortum {
        border-bottom: 2px solid #1ad26f; }
      #hamburger nav h3.top {
        border-top: 1px solid #e2e2e2;
        border-top: 1px solid var(--list-sep-color); }
      #hamburger nav h3 a {
        text-transform: uppercase;
        padding: 0.625rem 0;
        display: block;
        font-weight: 400; }
    #hamburger nav ul {
      display: flex;
      flex-wrap: wrap; }
      #hamburger nav ul li {
        flex: 50%;
        border-bottom: 1px solid #e2e2e2;
        border-bottom: 1px solid var(--list-sep-color); }
        #hamburger nav ul li:nth-child(odd) {
          border-right: 1px solid #e2e2e2;
          border-right: 1px solid var(--list-sep-color); }
        #hamburger nav ul li a {
          display: block;
          padding: 0.75rem 0 0.75rem 1rem; }

nav.desktop {
  display: none; }

nav.mobi {
  margin: 1.5rem 0; }
  nav.mobi h3 {
    color: white;
    padding: 0.5rem 0.4rem;
    text-transform: uppercase;
    font-size: 0.9rem;
    position: relative; }
    nav.mobi h3.green {
      background-color: #64af1a;
      background: linear-gradient(to bottom, #83bf48 0%, #64af1a 100%); }
    nav.mobi h3.grey {
      background-color: #858585;
      background: linear-gradient(to bottom, #888888 0%, #6a6a6a 100%); }
    nav.mobi h3.darkgreen {
      background-color: #61995e;
      background: linear-gradient(to bottom, #61995e 0%, #398036 100%); }
    nav.mobi h3.lightblue {
      background-color: #77c5f3;
      background: linear-gradient(to bottom, #77c5f3 0%, #55b7f0 100%); }
    nav.mobi h3.blue {
      background-color: #6da2f8;
      background: linear-gradient(to bottom, #6da2f8 0%, #498bf8 100%); }
    nav.mobi h3.orange {
      background-color: #f7bb41;
      background: linear-gradient(to bottom, #f7bb41 0%, #ebaf38 100%); }
    nav.mobi h3 svg {
      position: absolute;
      right: 10px;
      top: 10px; }
    nav.mobi h3:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      text-align: center;
      padding: 8px 0 0 0;
      background-color: rgba(255, 255, 255, 0.2);
      width: 30px;
      height: 30px; }
  nav.mobi .navhidden {
    display: none; }
  nav.mobi ul {
    background-color: #fbfbfb;
    background-color: var(--navi-bg-color); }
    nav.mobi ul li {
      font-size: 0.9rem;
      padding: 0.6rem 0.4rem;
      margin-right: 2rem;
      margin-bottom: 2px;
      background-color: #f8f8f8;
      background-color: var(--navi-mobi-color); }
  nav.mobi p.expand, nav.mobi p.contract {
    font-size: 0.9rem;
    padding: 0.6rem 0.4rem;
    background-color: naviMobiColor;
    background-color: var(--navi-mobi-color); }
    nav.mobi p.expand span, nav.mobi p.contract span {
      display: inline-block;
      padding-left: 10px; }
  nav.mobi p.contract {
    display: none; }

nav p.linktitle {
  padding: 8px 0 8px 15px;
  color: white;
  text-transform: uppercase;
  position: relative; }
  nav p.linktitle:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    padding: 8px 0 0 0;
    background-color: rgba(255, 255, 255, 0.2);
    width: 25px;
    height: 30px; }
  nav p.linktitle.histec {
    overflow: hidden; }
    nav p.linktitle.histec:after {
      background-color: rgba(255, 255, 255, 0.4); }
  nav p.linktitle.green {
    background-color: #64af1a;
    background: linear-gradient(to bottom, #83bf48 0%, #64af1a 100%); }
  nav p.linktitle.grey {
    background-color: #858585;
    background: linear-gradient(to bottom, #888888 0%, #6a6a6a 100%); }
  nav p.linktitle.darkgreen {
    background-color: #61995e;
    background: linear-gradient(to bottom, #61995e 0%, #398036 100%); }
  nav p.linktitle.lightblue {
    background-color: #77c5f3;
    background: linear-gradient(to bottom, #77c5f3 0%, #55b7f0 100%); }
  nav p.linktitle.blue {
    background-color: #6da2f8;
    background: linear-gradient(to bottom, #6da2f8 0%, #498bf8 100%); }
  nav p.linktitle.orange {
    background-color: #f7bb41;
    background: linear-gradient(to bottom, #f7bb41 0%, #ebaf38 100%); }
  nav p.linktitle a {
    color: white; }
  nav p.linktitle svg {
    position: absolute;
    right: 8px;
    top: 10px; }

nav p.linklist {
  padding: 10px 30px 10px 15px; }
  nav p.linklist a {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 150%; }

nav ul.linklist {
  width: 100%; }
  nav ul.linklist li {
    background-color: #f1f1f1;
    background-color: var(--navi-light-color);
    margin: 0 0 1px 0;
    font-weight: 500; }
    nav ul.linklist li a {
      display: block;
      padding: 10px 0 10px 15px; }
    nav ul.linklist li.multi {
      padding-left: 5px; }
      nav ul.linklist li.multi a {
        padding: 10px 0 10px 10px;
        display: inline-block; }
    nav ul.linklist li:hover {
      background-color: transparent; }
    nav ul.linklist li.select {
      padding: 0; }
    nav ul.linklist li select {
      width: 100%;
      border-radius: 2px;
      border: 1px solid #64af1a;
      text-indent: 10px;
      height: 30px;
      font-weight: 500;
      font-size: 0.8rem; }

#content {
  position: relative; }
  #content main {
    padding: 0 10px 0 10px;
    background-color: #fff;
    background-color: var(--bg-color);
    /*z-index: 1000;*/
    z-index: 200;
    position: relative;
    /* for box-shadow in #navi */
    /* etusivu */ }
    #content main.cropped {
      overflow: hidden; }
    #content main .margin {
      margin-bottom: 30px !important; }
    #content main #breadcrumb {
      display: none; }
    #content main .split,
    #content main .mobilinks {
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      margin: 0 0 15px 0; }
      #content main .split p,
      #content main .mobilinks p {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        max-width: 48%; }
    #content main p.link {
      margin: 10px 0 15px 0; }
      @media (min-width: 45rem) {
        #content main p.link {
          margin-bottom: 20px; } }
    #content main p.help {
      margin: 15px 0 0 10px;
      line-height: 1.4em; }
    #content main .info-link {
      font-size: 0.85rem;
      margin: 0 0 10px 6px; }
      #content main .info-link.no-left-pad a {
        padding-left: 0; }
      #content main .info-link a {
        display: flex;
        color: var(--link-highlight);
        align-items: center;
        padding: 8px 0 8px 6px; }
        #content main .info-link a .info-icon {
          color: #01b2eb;
          color: #006dfe;
          color: #00a2f9;
          display: block;
          width: 18px;
          height: 18px;
          margin: 0 8px 0 0; }
    #content main .helpcontainer {
      margin: 25px 0 30px 0; }
      #content main .helpcontainer h3 {
        font-size: 1rem;
        margin: 15px 0 0 10px; }
      #content main .helpcontainer p {
        margin: 10px 0 0 10px;
        line-height: 1.2em; }
      #content main .helpcontainer ul {
        margin: 10px 0 1rem 10px; }
        #content main .helpcontainer ul li {
          display: flex;
          align-items: center;
          padding: 0 0 10px 0; }
          #content main .helpcontainer ul li img {
            margin: 0 5px 0 0; }
      #content main .helpcontainer dl {
        margin: 1rem 0 1rem 1rem; }
        #content main .helpcontainer dl dt {
          font-weight: bold;
          margin-bottom: 0.5rem; }
        #content main .helpcontainer dl dd {
          margin-bottom: 1rem;
          line-height: 1.1rem; }
          #content main .helpcontainer dl dd p {
            line-height: 1.1rem;
            margin: 0 0 0.5rem 0; }
      #content main .helpcontainer table .sym {
        width: 70px;
        text-align: center; }
        #content main .helpcontainer table .sym img {
          width: 40px;
          height: 40px; }
      #content main .helpcontainer table th {
        font-weight: 500;
        padding: 0 0 0.5rem 0; }
        #content main .helpcontainer table th.txt {
          text-align: left; }
      #content main .helpcontainer table td {
        vertical-align: middle; }
      @media (min-width: 45rem) {
        #content main .helpcontainer table .sym {
          width: 75px; }
          #content main .helpcontainer table .sym img {
            width: 50px;
            height: 50px; } }
    #content main #innercontent {
      /*overflow: hidden; removed for longfc scale */ }
      #content main #innercontent .heading {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        border-bottom: 4px solid #eee;
        border-bottom: 4px solid var(--title-bg-color);
        padding: 0 10px 6px 10px;
        margin: 0 0 2px 0; }
        #content main #innercontent .heading.nopad {
          padding-right: 0; }
        #content main #innercontent .heading.padded {
          margin-top: 2rem; }
        #content main #innercontent .heading h2 {
          -ms-flex: 6 0 auto;
          -webkit-box-flex: 6;
          -webkit-flex: 6;
          flex: 6;
          text-transform: uppercase;
          font-size: 1rem; }
        #content main #innercontent .heading p {
          -ms-flex: 4 0 auto;
          -webkit-box-flex: 4;
          -webkit-flex: 4;
          flex: 4;
          max-width: 220px;
          text-align: right; }
          #content main #innercontent .heading p a {
            padding: 4px 0; }
        #content main #innercontent .heading #link_mg {
          display: none; }
      #content main #innercontent #updated {
        margin: 0 0 10px 10px; }
        #content main #innercontent #updated .date,
        #content main #innercontent #updated .lightning {
          color: #555555;
          color: var(--update-color);
          text-align: right;
          position: relative;
          padding-top: 10px;
          padding-right: 15px;
          font-size: 0.75rem; }
      #content main #innercontent .legend {
        position: relative;
        font-size: 0.7rem; }
        @media (min-width: 45rem) {
          #content main #innercontent .legend {
            margin: 0 5px 5px 5px; } }
        #content main #innercontent .legend p {
          line-height: 125%;
          padding: 2px 0 2px 5px;
          vertical-align: middle; }
          #content main #innercontent .legend p span {
            display: block; }
          @media (min-width: 45rem) {
            #content main #innercontent .legend p {
              padding: 0 4px; }
              #content main #innercontent .legend p span {
                display: inline; }
                #content main #innercontent .legend p span.snow {
                  padding-left: 4px; } }
          #content main #innercontent .legend p img {
            margin: 0 6px 0 6px; }
            #content main #innercontent .legend p img:first-child {
              margin-left: 0; }
        #content main #innercontent .legend #legend_raintext {
          padding: 4px 0 0 4px;
          line-height: 120%; }
      #content main #innercontent p.mg_update {
        color: #555;
        text-align: right;
        font-size: 0.75rem; }
    #content main #staticmap {
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      margin-top: 0.75rem; }
      #content main #staticmap div.map-wrap {
        position: relative;
        max-width: 135px;
        margin: 0 auto;
        height: auto;
        line-height: 0;
        user-select: none; }
        #content main #staticmap div.map-wrap .symb,
        #content main #staticmap div.map-wrap .text {
          position: absolute;
          pointer-events: none; }
        #content main #staticmap div.map-wrap .text {
          font-weight: 500;
          font-size: 0.9rem;
          text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.7);
          transform: translateX(-50%); }
          #content main #staticmap div.map-wrap .text.warm {
            color: yellow; }
          #content main #staticmap div.map-wrap .text.cold {
            color: #66fff2; }
      #content main #staticmap div.map {
        -ms-flex: 1 0 auto;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center; }
        #content main #staticmap div.map img.bg {
          max-width: 100%;
          height: auto; }
        #content main #staticmap div.map a {
          display: block;
          text-align: center; }
      @media (min-width: 45rem) {
        #content main #staticmap {
          margin-top: 0; }
          #content main #staticmap div.map div.map-wrap {
            width: 182px;
            max-width: 100%; }
          #content main #staticmap div.map .text {
            font-size: 1.15rem; }
          #content main #staticmap div.map img.bg {
            width: 182px;
            height: 295px; }
          #content main #staticmap div.map img.symb {
            width: 45px;
            height: 45px; } }
    #content main .textfc {
      margin: 0 0 40px 0;
      max-width: 725px;
      /* IE10 */ }
      #content main .textfc h3, #content main .textfc h4 {
        padding: 1rem 0 0 0.625rem; }
      #content main .textfc h3 {
        font-size: 1.125rem; }
      #content main .textfc h4 {
        font-size: 0.9rem; }
      #content main .textfc p.updated {
        color: #555;
        text-align: right;
        font-size: 0.75rem;
        padding-right: 15px; }
    #content main .textfc p,
    #content main .in {
      padding: 10px 0 0 10px;
      line-height: 140%; }
    #content main .col2 {
      margin: 0 0 40px 0; }
      #content main .col2 .item {
        margin: 0 0 20px 0; }
        #content main .col2 .item.mtvvideo {
          display: none; }
        #content main .col2 .item p.txt {
          padding: 0 10px;
          line-height: 140%; }
          #content main .col2 .item p.txt a {
            font-weight: normal; }
    #content main #fitrivia {
      margin: 0 0 40px 0; }
      #content main #fitrivia .row {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 2px; }
        #content main #fitrivia .row div {
          padding: 8px 0;
          margin-right: 2px;
          background-color: #f8f8f8;
          background-color: var(--trivia-bg-color); }
          #content main #fitrivia .row div:last-child {
            margin-right: 0; }
          #content main #fitrivia .row div.sep {
            -ms-flex: 1 0 5%;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 0;
            height: 0.2rem;
            background-color: #e8f1f8;
            background-color: var(--obs-table-header); }
          #content main #fitrivia .row div.hdr {
            -ms-flex: 1 0 40%;
            -webkit-box-flex: 5;
            -webkit-flex: 5;
            flex: 5;
            padding-left: 6px;
            background-color: #e8f1f8;
            background-color: var(--obs-table-header); }
            #content main #fitrivia .row div.hdr span {
              display: none; }
          #content main #fitrivia .row div.loc {
            -ms-flex: 1 0 30%;
            -webkit-box-flex: 3;
            -webkit-flex: 3;
            flex: 3;
            padding-left: 10px; }
          #content main #fitrivia .row div.val {
            -ms-flex: 1 0 20%;
            -webkit-box-flex: 2;
            -webkit-flex: 2;
            flex: 2;
            font-weight: bold; }
          #content main #fitrivia .row div.date {
            -ms-flex: 1 0 10%;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            display: none; }
          #content main #fitrivia .row div.val, #content main #fitrivia .row div.date {
            text-align: right;
            padding-right: 10px; }
    #content main #worldtrivia .rowwrap {
      margin-bottom: 2px; }
      #content main #worldtrivia .rowwrap .row {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        background-color: #f8f8f8;
        background-color: var(--trivia-bg-color);
        padding: 4px 0 0 0; }
        #content main #worldtrivia .rowwrap .row div {
          padding-left: 10px; }
          #content main #worldtrivia .rowwrap .row div.sym {
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 20px; }
          #content main #worldtrivia .rowwrap .row div.temp {
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-weight: bold; }
          #content main #worldtrivia .rowwrap .row div.loc {
            -ms-flex: 8 0 auto;
            -webkit-box-flex: 8;
            -webkit-flex: 8;
            flex: 8; }
        #content main #worldtrivia .rowwrap .row:first-child {
          padding-top: 6px; }
        #content main #worldtrivia .rowwrap .row:last-child {
          padding-bottom: 2px; }
    #content main .trivia h2 {
      position: relative; }
      #content main .trivia h2 div {
        position: absolute;
        right: .4rem;
        top: .1rem; }
        #content main .trivia h2 div svg {
          margin-left: 0.15rem; }
          #content main .trivia h2 div svg.active circle {
            fill: #000; }
    #content main .trivia h3 {
      background-color: #e8f1f8;
      background-color: var(--trivia-title-color);
      padding: 5px 0 5px 6px;
      /* 4px border left */ }
    #content main .trivia .row a {
      font-weight: normal; }
    #content main .trivia .ccwrap {
      height: 2.5rem;
      overflow: hidden;
      position: relative;
      margin-bottom: 2px; }
      #content main .trivia .ccwrap .row {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 0.6rem 0;
        background-color: #f8f8f8;
        background-color: var(--trivia-bg-color);
        height: 2.5rem; }
        #content main .trivia .ccwrap .row .val {
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          font-weight: bold;
          text-align: left;
          padding-left: 0.6rem;
          position: relative; }
          #content main .trivia .ccwrap .row .val.wind {
            /* ugly */
            padding-top: 0.125rem; }
          #content main .trivia .ccwrap .row .val img {
            vertical-align: middle; }
        #content main .trivia .ccwrap .row .stn {
          -webkit-box-flex: 3;
          -webkit-flex: 3;
          flex: 3; }
          #content main .trivia .ccwrap .row .stn a {
            font-weight: normal; }
    #content main .tr_tmax {
      border-left: 4px solid #e3303d; }
    #content main .tr_tmin {
      border-left: 4px solid #01b2eb; }
    #content main .tr_wind {
      border-left: 4px solid #8aca57; }
    #content main .tr_rain {
      border-left: 4px solid #589bf4; }
    #content main .video {
      margin: 0 0 40px 0; }
      #content main .video .item .youtube-subscribe {
        padding: 0 0 0 10px; }
        #content main .video .item .youtube-subscribe .txt {
          padding-bottom: 5px; }
      #content main .video.wide div .txt {
        line-height: 140%; }
      #content main .video p a {
        font-weight: normal; }
      #content main .video p.updated {
        color: #555555;
        color: var(--update-color);
        text-align: right;
        font-size: 0.8125rem; }
    #content main a.dark {
      display: block;
      font-weight: 500;
      text-align: center;
      padding: 7px 0;
      margin-top: 8px; }
  #content div.dark-teaser-wrap {
    margin-bottom: 8px; }
    #content div.dark-teaser-wrap a.dark {
      padding: 0.5rem;
      line-height: 120%;
      text-align: left;
      font-size: 0.82rem; }

#locate {
  cursor: pointer; }

#myweather {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 1.5rem; }

#myweather-v2 .mw {
  margin: 0 0 2rem 0; }
  #myweather-v2 .mw .heading {
    padding-right: 0 !important; }
    #myweather-v2 .mw .heading div.mw-button {
      flex: 1;
      max-width: 25px;
      cursor: pointer; }
      #myweather-v2 .mw .heading div.mw-button svg.hover {
        display: none; }
  @media (min-width: 45rem) {
    #myweather-v2 .mw {
      margin: 0 0 2.25rem 0; }
      #myweather-v2 .mw .heading div.mw-button:hover svg {
        display: none; }
        #myweather-v2 .mw .heading div.mw-button:hover svg.hover {
          display: inline; } }
  #myweather-v2 .mw h3 {
    font-weight: 500;
    font-size: 0.8rem;
    padding: 10px 0 5px 10px; }
  #myweather-v2 .mw .hourly {
    display: flex;
    margin: 0 0 1rem 0; }
    #myweather-v2 .mw .hourly .step {
      flex: 1;
      text-align: center;
      padding: 5px 0;
      border-right: 1px solid #d1d1d1;
      border-right: 1px solid #e6e6e6; }
      #myweather-v2 .mw .hourly .step:last-child {
        border: none; }
      #myweather-v2 .mw .hourly .step a {
        display: block;
        cursor: pointer;
        /*
					.d {
						font-weight: 500;
						font-size: 0.8rem;
						padding-bottom: 5px;
					}
					*/ }
        #myweather-v2 .mw .hourly .step a .h {
          padding: 4px 0 6px 0;
          font-weight: 400; }
        #myweather-v2 .mw .hourly .step a .t {
          font-weight: 600;
          font-size: 1rem;
          padding: 8px 0; }
        #myweather-v2 .mw .hourly .step a .s {
          padding: 5px 0; }
  #myweather-v2 .mw .daily #dailybox {
    width: 100%; }
    #myweather-v2 .mw .daily #dailybox .day {
      margin: 0 3px 0 0; }
      #myweather-v2 .mw .daily #dailybox .day:last-child {
        margin: 0; }
      #myweather-v2 .mw .daily #dailybox .day h5 span {
        display: none; }
        @media (min-width: 45rem) {
          #myweather-v2 .mw .daily #dailybox .day h5 span {
            display: inline; } }
  #myweather-v2 .mw .links {
    display: flex;
    justify-content: space-between;
    margin: 0.3rem 0 1rem 0; }
    #myweather-v2 .mw .links p {
      flex: 1;
      margin: 0 0.5rem 0 0; }
      #myweather-v2 .mw .links p:last-child {
        margin: 0; }

.mw_container .box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 170px;
  max-width: 49%;
  border: 3px solid #e8f1f8;
  border: 3px solid var(--trivia-title-color);
  border-radius: 4px;
  margin: 0 1px 10px 0;
  position: relative;
  padding-bottom: 30px; }
  .mw_container .box.mw_add {
    padding-bottom: 10px;
    -webkit-align-self: flex-start;
    align-self: flex-start; }
    .mw_container .box.mw_add p {
      padding: 0 10px;
      text-align: center;
      line-height: 150%; }
  .mw_container .box p.rm,
  .mw_container .box h5 {
    background-color: #e8f1f8;
    background-color: var(--trivia-title-color);
    text-align: center; }
    .mw_container .box p.rm a,
    .mw_container .box h5 a {
      color: #006dfe;
      color: var(--mw-title-color);
      display: block; }
  .mw_container .box p.rm {
    padding: 4px 0;
    margin: 10px 0 0 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }
  .mw_container .box h5 {
    color: #1371f9;
    padding: 8px 0;
    font-size: 1rem;
    margin: 0 0 10px 0; }
  .mw_container .box .row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin: 0 10px 0 10px; }
    .mw_container .box .row .d {
      -webkit-box-flex: 5;
      -webkit-flex: 5;
      flex: 5;
      font-weight: 500; }
    .mw_container .box .row .t {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      flex: 3;
      font-weight: bold;
      text-align: right; }
    .mw_container .box .row .s {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      flex: 3;
      text-align: right; }

@media (min-width: 32.5rem) {
  .mw_container .box {
    max-width: 180px;
    min-width: 160px; }
    .mw_container .box .row .d {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      flex: 2; }
    .mw_container .box .row .t, .mw_container .box .row .s {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1; } }

@media (min-width: 45rem) {
  .mw_container .box {
    -webkit-flex-basis: 170px;
    width: 170px;
    margin-right: 1rem; } }

@media (min-width: 61.25rem) {
  .mw_container .box {
    -webkit-flex-basis: 190px;
    min-width: 170px;
    max-width: 190px; }
    .mw_container .box .row .t {
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      flex: 2;
      text-align: center; } }

.lastvisited {
  overflow-y: hidden;
  max-height: 0px;
  transition-property: max-height;
  transition-duration: .9s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  background-color: #f1f1f1;
  background-color: var(--navi-light-color); }
  .lastvisited.linklist li {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
    border-bottom: 1px solid var(--list-sep-color);
    padding: 5px 0 5px 15px;
    margin: 0;
    cursor: pointer; }
    .lastvisited.linklist li.remove-history {
      margin-top: 1px;
      border-top: 1px solid var(--list-sep-color); }
      .lastvisited.linklist li.remove-history:hover .icon svg {
        fill: red; }
    .lastvisited.linklist li a {
      padding: 0;
      display: block; }
    .lastvisited.linklist li .name {
      -webkit-box-flex: 100 100 60%;
      -webkit-flex: 100 100 60%;
      flex: 100 100 60%;
      line-height: 140%; }
    .lastvisited.linklist li .temp {
      -webkit-box-flex: 1 1 3em;
      -webkit-flex: 1 1 3em;
      flex: 1 1 3em; }
    .lastvisited.linklist li .title {
      flex: 1;
      font-weight: 400; }
    .lastvisited.linklist li .icon {
      flex: 0 0 30px;
      min-height: 22px;
      margin-right: 12px; }
    .lastvisited.linklist li .symb {
      -webkit-box-flex: 1 1 30px;
      -webkit-flex: 1 1 30px;
      flex: 1 1 30px;
      margin-right: 10px;
      min-height: 22px; }

nav .lastvisited.visible {
  max-height: 300px; }

.notfound {
  margin: 2rem 0; }

footer.mobi {
  margin-bottom: 1.5rem; }
  footer.mobi .lastvisited {
    background-color: var(--navi-light-color); }
    footer.mobi .lastvisited.visible {
      max-height: 500px; }
    footer.mobi .lastvisited.linklist li {
      padding: 0 0 0 15px; }
      footer.mobi .lastvisited.linklist li a {
        padding: 10px 0 10px 0px; }
    footer.mobi .lastvisited li.remove-history {
      margin-top: 1px;
      border-top: 1px solid var(--list-sep-color); }
    footer.mobi .lastvisited .temp {
      font-weight: 700; }
    footer.mobi .lastvisited .symb {
      min-height: 44px;
      -webkit-box-flex: 0 0 35px;
      -webkit-flex: 0 0 35px;
      flex: 0 0 35px; }
    footer.mobi .lastvisited .title {
      padding: 10px 0 10px 0px; }
    footer.mobi .lastvisited .icon {
      flex: 0 0 35px; }
    footer.mobi .lastvisited a:last-child li {
      border: none; }

footer.links {
  background-color: #f8f8f8;
  background-color: var(--footer-bg-color); }
  footer.links #share {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    footer.links #share div {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      text-align: center;
      padding: 4px 0; }
      footer.links #share div.fb {
        background-color: #32599d; }
      footer.links #share div.ig {
        background-color: #f50b64; }
      footer.links #share div.tw {
        background-color: #00a2f9; }
  footer.links a {
    display: block; }
  footer.links h3 {
    background-color: #eeeeee;
    background-color: var(--footer-title-bg);
    padding-left: 15px;
    text-transform: uppercase;
    font-size: 1rem; }
    footer.links h3.nolink {
      padding: 8px 0 8px 15px; }
    footer.links h3 a {
      padding: 10px 0; }
  footer.links ul {
    padding: 0 0 0 15px;
    line-height: 1.4em; }
    footer.links ul li a {
      padding: 10px 0; }

@media (min-width: 32.5rem) {
  #content main .margin {
    margin-bottom: 40px !important; }
  #content main #fitrivia .row div.hdr {
    -ms-flex: 1 0 40%;
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3; }
    #content main #fitrivia .row div.hdr span {
      display: inline; }
  #content main #fitrivia .row div.val {
    -ms-flex: 1 0 10%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1; }
  #content main #fitrivia .row div.date {
    display: block; }
  #content main .video.grid .youtube-subscribe {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 10px; }
    #content main .video.grid .youtube-subscribe p, #content main .video.grid .youtube-subscribe div {
      -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1; }
    #content main .video.grid .youtube-subscribe div {
      -webkit-order: 1;
      order: 1;
      padding-top: 4px !important; }
    #content main .video.grid .youtube-subscribe p {
      -webkit-order: 2;
      order: 2; }
  #content main .video.wide .wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    max-width: 725px; }
    #content main .video.wide .wrap div.img {
      -ms-flex: 1 0 auto;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      flex: 2;
      max-width: 450px;
      padding: 15px 10px 0 0; }
    #content main .video.wide .wrap div.txt {
      max-width: 250px;
      -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1; }
  #content main #innercontent .heading p {
    -ms-flex: 5 0 auto;
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    flex: 5;
    max-width: 300px; }
    #content main #innercontent .heading p #link_mg {
      display: inline; }
  #content main #innercontent #updated {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: 15px; }
    #content main #innercontent #updated .legend {
      -ms-flex: 3 0 auto;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      flex: 3; }
      #content main #innercontent #updated .legend span {
        padding-left: 1rem; }
    #content main #innercontent #updated .date {
      -ms-flex: 2 0 auto;
      -webkit-box-flex: 2;
      -webkit-flex: 2;
      flex: 2;
      font-size: 0.75rem;
      padding-top: 0; }
    #content main #innercontent #updated.col-2 .date {
      flex: 1;
      order: 2; }
    #content main #innercontent #updated.col-2 .lightning {
      flex: 1;
      order: 1;
      text-align: left; } }

@media (min-width: 42.5rem) {
  footer.links a {
    padding: 0;
    display: inline; }
  footer.links h3 {
    padding: 8px 0 8px 15px; }
  footer.links ul li {
    padding: 5px 0; }
  footer.links #share {
    display: none; }
  #content main .columns.news .item,
  #content main .col2.news .item {
    display: flex;
    flex-direction: column;
    margin-right: 10px; }
    #content main .columns.news .item .newslink,
    #content main .col2.news .item .newslink {
      margin-top: auto; }
    #content main .columns.news .item:last-child,
    #content main .col2.news .item:last-child {
      margin-right: 0; }
  #content main .columns .item.mtvvideo,
  #content main .col2 .item.mtvvideo {
    display: block; } }

@media (min-width: 45rem) {
  h1 {
    text-align: left;
    margin-top: 0;
    font-weight: 400; }
  h2, h3, h4, h5 {
    font-weight: 500; }
  a {
    font-weight: 500; }
  footer.links {
    padding: 20px 0 60px 20px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    footer.links h3 {
      background-color: transparent; }
    footer.links div {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      max-width: 30em; }
    footer.links a {
      font-weight: 400; }
    footer.links div.info {
      order: 1; }
    footer.links div.fc {
      order: 2; }
    footer.links div.map {
      order: 3; }
  #linkbar,
  #linkbar-v2 {
    display: none; }
  footer.mobi {
    display: none; }
  #mw_add {
    display: none;
    -webkit-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    background-color: #e8f1f8;
    background-color: var(--myweather-button-bg-color);
    padding: 4px 20px;
    margin: 0 0 6px 10px;
    border-radius: 10px; }
  #titlebar {
    position: static;
    z-index: 400;
    background: #1498f6;
    /* we want the gradient to go behind navi bar, don't mess with this height */
    height: 90px;
    background: linear-gradient(to bottom, #1498f6 55%, #ffffff 100%); }
    #titlebar div.titleinner {
      margin-top: 0;
      position: relative;
      background-image: url(//cache.foreca.net/static/img/cloud-bg.png);
      background-position: right top;
      background-repeat: no-repeat;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex; }
      #titlebar div.titleinner .naviwrap {
        display: none; }
  #content {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
    #content nav {
      border-radius: 10px; }
      #content nav.mobi {
        display: none; }
      #content nav.desktop {
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        display: block;
        flex-basis: 25%;
        /* xxxxxxxxxx */
        min-width: 160px;
        background-color: #fff;
        background-color: var(--bg-color);
        margin: -75px 0 0 5px;
        height: 100%;
        z-index: 600;
        position: relative; }
      #content nav div.navihead {
        box-shadow: 2px 8px 7px -2px rgba(0, 0, 0, 0.32); }
        #content nav div.navihead h2 {
          margin: 15px 0 10px 15px; }
        #content nav div.navihead p {
          padding: 0 0 10px 15px; }
      #content nav #navilinks {
        background-color: #fbfbfb;
        background-color: var(--navi-bg-color);
        margin: 0 0 80px 0; }
        #content nav #navilinks .blog {
          display: -ms-flexbox;
          display: -webkit-box;
          -webkit-display: flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          margin: 0 1rem .5rem 0; }
          #content nav #navilinks .blog .title {
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding: 10px 0 0 15px;
            max-width: 200px; }
            #content nav #navilinks .blog .title a {
              display: block;
              font-weight: normal; }
            #content nav #navilinks .blog .title h5 {
              font-size: 0.85rem;
              line-height: 140%; }
            #content nav #navilinks .blog .title p {
              margin-top: 0.4rem;
              font-size: 0.7rem;
              line-height: 140%; }
          #content nav #navilinks .blog .author {
            -ms-flex: 1 0 auto;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            max-width: 40px; }
            #content nav #navilinks .blog .author img {
              width: 40px;
              height: 50px;
              border-radius: 25px; }
    #content main {
      -ms-flex: 3 0 725px;
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      flex: 3;
      flex-basis: 75%;
      /* xxxxxxxxxx */
      padding: 0 5px;
      margin: -43px 0 0 0;
      max-width: calc(100% - 160px - 5px); }
      #content main .col2 {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
        #content main .col2 .item {
          -ms-flex: 1 0 auto;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          margin-bottom: 0; }
          #content main .col2 .item:first-child {
            margin-right: 10px; }
      #content main .mobilinks {
        display: none; }
      #content main #breadcrumb {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        padding: 10px 0 10px 10px;
        margin-bottom: 1rem; }
        #content main #breadcrumb a {
          font-weight: 400; }
        #content main #breadcrumb .path, #content main #breadcrumb .maplink {
          -ms-flex: 0 1 auto;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
          flex: 1; }
        #content main #breadcrumb .maplink {
          text-align: right; }
          #content main #breadcrumb .maplink a {
            font-weight: bold; }
      #content main #staticmap + #updated {
        margin-bottom: 25px; } }

@media (min-width: 61.25rem) {
  #content nav.desktop {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    flex-basis: 250px;
    max-width: 250px;
    margin-left: 5px; }
    #content nav.desktop #navilinks p.linktitle {
      padding: 8px 0 8px 15px; }
    #content nav.desktop #navilinks p.histec {
      background-color: #4f5e1a;
      padding: 0;
      height: 30px; }
    #content nav.desktop #navilinks p.fortum {
      background-color: #fff;
      padding: 0;
      height: 30px; }
    #content nav.desktop #navilinks ul.linklist {
      width: 225px; }
      #content nav.desktop #navilinks ul.linklist li a {
        padding: 10px 0 10px 15px; }
      #content nav.desktop #navilinks ul.linklist li.multi {
        padding-left: 5px; }
      #content nav.desktop #navilinks ul.linklist.lastvisited li a {
        padding: 0; }
  #content main {
    width: 750px;
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    padding: 0 10px 0 20px; }
    #content main #innercontent {
      width: 100%; }
      #content main #innercontent #mg-hover-info {
        margin: 15px 0 0 5%; }
        #content main #innercontent #mg-hover-info.obshistory {
          -webkit-flex-direction: row;
          flex-direction: row; } }

/*
 * ADS
 */
#ad-top {
  margin-bottom: 5px;
  z-index: 1000;
  min-height: 400px;
  position: relative;
  background-color: #fbfbfb;
  background-color: var(--ad-bg-color);
  display: none; }
  #ad-top #sas_54606,
  #ad-top #sas_84765 {
    line-height: 0;
    text-align: center;
    transform-origin: 0 0 0;
    position: sticky;
    top: 0; }

#sas_54610 {
  display: none; }

#sas_71505 {
  display: none; }

#sas_98685 {
  display: none; }

#ad-video {
  display: none; }

#desktop-video {
  display: none; }

#inline-banner-1,
#inline-banner-2 {
  display: none; }

#inline-banner-mobi-1,
#inline-banner-mobi-2,
#inline-banner-mobi-3 {
  margin: 2rem auto 1.5rem auto; }
  #inline-banner-mobi-1.sticky,
  #inline-banner-mobi-2.sticky,
  #inline-banner-mobi-3.sticky {
    margin: 1rem auto 0 auto;
    position: relative;
    min-height: 450px; }
    #inline-banner-mobi-1.sticky.medium,
    #inline-banner-mobi-2.sticky.medium,
    #inline-banner-mobi-3.sticky.medium {
      min-height: 370px; }
    #inline-banner-mobi-1.sticky div,
    #inline-banner-mobi-2.sticky div,
    #inline-banner-mobi-3.sticky div {
      position: sticky;
      top: 20px; }
    #inline-banner-mobi-1.sticky div[id^="yoc"],
    #inline-banner-mobi-2.sticky div[id^="yoc"],
    #inline-banner-mobi-3.sticky div[id^="yoc"] {
      position: static;
      top: 0; }
      #inline-banner-mobi-1.sticky div[id^="yoc"] div,
      #inline-banner-mobi-2.sticky div[id^="yoc"] div,
      #inline-banner-mobi-3.sticky div[id^="yoc"] div {
        position: static;
        top: 0; }
  #inline-banner-mobi-1 div,
  #inline-banner-mobi-2 div,
  #inline-banner-mobi-3 div {
    /* debug */
    /*
		width: 300px;
		height: 250px;
		background-color: red;
		*/
    text-align: center;
    margin: 0 auto; }
  #inline-banner-mobi-1 div[id^="yoc"],
  #inline-banner-mobi-2 div[id^="yoc"],
  #inline-banner-mobi-3 div[id^="yoc"] {
    text-align: left;
    margin: 0; }
    #inline-banner-mobi-1 div[id^="yoc"] div,
    #inline-banner-mobi-2 div[id^="yoc"] div,
    #inline-banner-mobi-3 div[id^="yoc"] div {
      text-align: left;
      margin: 0; }

#inline-banner-mobi-1 {
  width: 100%;
  min-height: 450px;
  background-color: #fbfbfb;
  background-color: var(--ad-bg-color);
  position: relative;
  margin: 1rem auto 1.5rem auto; }
  #inline-banner-mobi-1 div.sticky {
    position: sticky;
    top: 88px; }
  #inline-banner-mobi-1 div.sticky[id~="yoc"] {
    position: static;
    top: 0; }
    #inline-banner-mobi-1 div.sticky[id~="yoc"] div {
      position: static;
      top: 0; }
  #inline-banner-mobi-1 div.placeholder {
    position: sticky;
    top: 0px;
    padding-top: 120px; }
  #inline-banner-mobi-1.parallaxContainer {
    overflow: hidden; }
  #inline-banner-mobi-1 div.parallaxContent {
    position: relative;
    top: 0; }

@media (min-width: 32.5rem) {
  #innercontent #sas_54610 {
    display: block; }
  #innercontent #ad-video {
    display: block; } }

@media (min-width: 45rem) {
  #sas_71505 {
    display: block;
    max-width: 980px;
    margin: 0 auto; }
  #sas_98685 {
    display: block; }
  #ad-top {
    display: block; }
    #ad-top #sas_54606,
    #ad-top #sas_84765 {
      display: block; }
  #inline-banner-1,
  #inline-banner-2 {
    display: block; }
  #sas_99243,
  #mobi-ticker,
  #inline-banner-mobi-1,
  #inline-banner-mobi-2,
  #inline-banner-mobi-3 {
    display: none; }
  #desktop-video {
    display: block; } }

#navilinks .banner {
  padding: 0;
  margin: 8px 0 5px 0;
  max-width: 250px;
  text-align: center; }

#innercontent .banner {
  text-align: center;
  margin: 20px auto; }

@media (min-width: 61.25rem) {
  #innercontent .banner {
    display: none; } }

#sidebanner-container {
  display: none; }

#sidebanner-container-sticky {
  display: none; }

@media (min-width: 62.5rem) {
  #extlinks.wallpaper {
    width: 980px; }
  #side-wrap,
  #ad-side-wrap {
    width: 1350px;
    margin: 0 auto; }
    #side-wrap.wallpaper,
    #ad-side-wrap.wallpaper {
      width: 980px; }
      #side-wrap.wallpaper #content,
      #ad-side-wrap.wallpaper #content {
        width: 980px; }
        #side-wrap.wallpaper #content #sidebanner-container,
        #side-wrap.wallpaper #content #sidebanner-container-sticky,
        #ad-side-wrap.wallpaper #content #sidebanner-container,
        #ad-side-wrap.wallpaper #content #sidebanner-container-sticky {
          display: none; }
    #side-wrap #extlinks,
    #side-wrap #wrap,
    #ad-side-wrap #extlinks,
    #ad-side-wrap #wrap {
      margin-left: 0;
      margin-right: 0; }
    #side-wrap #content,
    #ad-side-wrap #content {
      width: 1350px; }
      #side-wrap #content main,
      #ad-side-wrap #content main {
        max-width: 725px; }
      #side-wrap #content #sidebanner-container,
      #ad-side-wrap #content #sidebanner-container {
        display: block;
        max-width: 345px;
        -ms-flex: 1 0 auto;
        -webkit-box-flex: 0 0 310px;
        -webkit-flex: 0 0 310px;
        flex: 0 0 345px;
        /*
				position: -webkit-sticky;
				position: sticky;
				top: 10px;
				height: 540px;
				*/ }
        #side-wrap #content #sidebanner-container .sticky,
        #ad-side-wrap #content #sidebanner-container .sticky {
          position: -webkit-sticky;
          position: sticky;
          top: 10px; }
        #side-wrap #content #sidebanner-container div,
        #ad-side-wrap #content #sidebanner-container div {
          margin: 0 0 0.625rem 5px; } }

@media (min-width: 71.875rem) {
  #extlinks.wallpaper,
  #side-wrap.wallpaper,
  #ad-side-wrap.wallpaper {
    margin: 0 0 0 150px; }
  #sas_71505 {
    margin: 0 0 0 150px; } }

@media (min-width: 45rem) {
  #ticker {
    display: block; }
  #browsepath {
    display: flex;
    border-bottom: 1px solid #e2e2e2;
    padding: 6px 0 2px 10px; }
    #browsepath .path {
      padding: 5px 0 10px 0;
      -ms-flex: 0 1 auto;
      -webkit-box-flex: 0 1 auto;
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto; }
    #browsepath .instructions {
      -ms-flex: 0 1 auto;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      text-align: right;
      padding: 6px 0 0 0;
      font-size: 0.9em; }
  #browsepath.pedia {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #browsepath.pedia a {
      font-weight: 500; }
  #browsepath .search {
    flex: 1;
    max-width: 320px; }
    #browsepath .search .gsc-control-cse {
      padding: 0; }
  #extlinks {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    margin: 20px 0 0 0;
    max-width: 980px;
    background-color: #fff;
    background-color: var(--bg-color);
    padding-top: 0.625rem; }
    #extlinks .logo {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1 0 auto;
      flex: 1;
      min-width: 160px;
      margin: 0 0 0 10px; }
      #extlinks .logo img {
        min-width: 150px;
        padding-left: 10px;
        max-width: 200px;
        max-height: 46px; }
    #extlinks .links {
      -webkit-box-flex: 3;
      -webkit-flex: 3;
      -ms-flex: 3 0 auto;
      flex: 3;
      padding: 0 5px 0 15px;
      text-align: right; }
      #extlinks .links .toplinks {
        min-height: 1.75rem; }
      #extlinks .links form {
        margin-left: 0.5rem;
        float: right; }
      #extlinks .links .tickerwrap {
        min-height: 1.5rem;
        padding-top: 0.5rem;
        overflow: hidden; }
    #extlinks.wallpaper {
      margin-top: 0; } }

@media (min-width: 61.25rem) {
  #extlinks .logo {
    max-width: 250px; }
  #extlinks .links {
    padding-right: 10px; } }

@media (min-width: 62.5rem) {
  #extlinks {
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto; }
    #extlinks .links {
      max-width: 720px; } }

.readmore_wrap {
  max-height: 0;
  overflow-y: hidden;
  transition: all 0.3s ease-in-out; }
  .readmore_wrap.visible {
    max-height: 800px; }

#content main .news .news {
  margin-bottom: 0; }

#content main .newswrap h2,
#content main #pedia-teaser h2 {
  color: #fff;
  color: var(--title-reverse-color);
  font-size: 1rem;
  background-color: #ffbb34;
  margin-top: 20px;
  padding: 6px 0 6px 10px;
  text-transform: uppercase; }

#content main .newswrap ul,
#content main #pedia-teaser ul {
  margin-bottom: 20px; }

#content main .newswrap a.blue,
#content main #pedia-teaser a.blue {
  font-size: 0.95rem; }

#content main .newswrap.current h2,
#content main #pedia-teaser.current h2 {
  background-color: #77c5f3; }

#content main .newswrap {
  margin-bottom: 20px; }
  #content main .newswrap .item {
    margin: 0 0 5px 0; }
    #content main .newswrap .item .teaser {
      display: flex;
      align-items: flex-start; }
      @media (min-width: 45rem) {
        #content main .newswrap .item .teaser {
          flex-direction: column; } }
      #content main .newswrap .item .teaser .article-image {
        flex: 0 0 140px;
        padding-top: 0.25rem; }
        #content main .newswrap .item .teaser .article-image img {
          width: 140px;
          height: 78px; }
        @media (min-width: 45rem) {
          #content main .newswrap .item .teaser .article-image {
            flex: 1;
            width: 100%; }
            #content main .newswrap .item .teaser .article-image img {
              width: 100%;
              height: auto; } }
      #content main .newswrap .item .teaser .article-title {
        flex: 1;
        padding: 0 0 0 10px; }
        #content main .newswrap .item .teaser .article-title h3 {
          font-size: 0.9rem;
          line-height: 1.2rem; }
        #content main .newswrap .item .teaser .article-title .date {
          margin: 0 0 10px 0;
          font-size: 0.8rem; }
        @media (min-width: 45rem) {
          #content main .newswrap .item .teaser .article-title {
            padding: 0;
            flex: 2; }
            #content main .newswrap .item .teaser .article-title.wide h3 {
              font-size: 1.5rem;
              line-height: 1.95rem;
              letter-spacing: 0.01rem; }
            #content main .newswrap .item .teaser .article-title.wide .date {
              margin: 0.25rem 0 0.5rem 0;
              font-size: 0.9rem; } }
  @media (min-width: 45rem) {
    #content main .newswrap .col2 {
      margin-right: 10px; }
      #content main .newswrap .col2:last-child {
        margin-right: 0; } }

#content main #pedia-teaser {
  margin-bottom: 30px; }

#content main .toplist {
  padding: 6px 0 6px 10px;
  margin-bottom: 10px;
  background-color: #fbfbfb;
  background-color: var(--navi-bg-color); }
  #content main .toplist .topitem {
    display: flex;
    padding: 10px 0px;
    line-height: 1.2rem; }
    #content main .toplist .topitem .rank {
      flex: 1;
      max-width: 28px;
      font-size: 1rem; }
    #content main .toplist .topitem .link {
      flex: 1;
      font-weight: 500;
      font-size: 0.9rem; }
      #content main .toplist .topitem .link a {
        display: block; }

@media (min-width: 42.5rem) {
  #content main .toplist {
    display: flex;
    flex-wrap: wrap; }
    #content main .toplist .topitem {
      max-width: 33%;
      padding-right: 3px; }
      #content main .toplist .topitem .rank {
        max-width: 22px; } }

#pedia-teaser ul li {
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 0.4rem 0 0.4rem 10px;
  border-bottom: 1px solid #e2e2e2;
  border-bottom: 1px solid var(--list-sep-color); }
  #pedia-teaser ul li a {
    display: block; }

#intro {
  padding: 0 0 1rem 10px;
  font-size: 1rem;
  line-height: 1.4rem; }
  #intro img {
    margin-bottom: 0.5rem; }

article {
  font-size: 1rem;
  line-height: 1.35rem;
  margin: 10px 0 1.625rem 10px;
  color: #1e1e1e;
  color: var(--article-text-color); }
  article img {
    width: 100%; }
  article h3,
  article h3 a {
    font-weight: 500; }
  article.inpage {
    margin-top: 2rem;
    max-width: 100%; }
    article.inpage table tr th {
      color: white;
      background-color: #f7bb41; }
  article.teaser h2, article.listing h2 {
    line-height: 1.6rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem; }
  article.teaser .article-image, article.listing .article-image {
    position: relative; }
    article.teaser .article-image img.avatar, article.listing .article-image img.avatar {
      left: 2%;
      width: 80px;
      bottom: 1rem;
      position: absolute; }
  article.teaser {
    font-size: 0.9rem;
    margin: 2px 0 0 0; }
    article.teaser a {
      display: block;
      color: #484848;
      color: var(--link-teaser-color); }
    article.teaser h3 {
      font-size: 1.2rem;
      line-height: 1.5rem; }
    article.teaser p {
      margin: 0.25rem 0 0.5rem 0; }
      article.teaser p.date a {
        display: inline;
        font-weight: 400; }
        article.teaser p.date a.category {
          color: #006dfe;
          color: var(--link-highlight);
          font-weight: 600;
          text-transform: uppercase; }
      article.teaser p.details a {
        display: inline; }
      article.teaser p.details span.article-published {
        color: #777;
        color: var(--article-caption-color); }
      article.teaser p.details span.article-section a {
        text-transform: uppercase;
        font-weight: bold;
        color: #006dfe;
        color: var(--link-highlight); }
    article.teaser .article-image img.avatar {
      width: 70px;
      left: 0.6rem;
      bottom: 0.7rem; }
  article.help h2 {
    font-size: 1rem;
    line-height: 1.2rem; }
  article.help p {
    font-size: 0.92rem;
    line-height: 1.2rem;
    margin: 0;
    padding: 0.5rem 0; }

@media (min-width: 42.5rem) {
  .news .teaser h3 {
    font-size: 1.5rem;
    line-height: 1.95rem;
    letter-spacing: 0.01rem; }
  .news.col2 .teaser h3 {
    font-size: 1rem;
    line-height: 1.3rem; }
  article h1 {
    font-size: 1.9rem; }
  article.listing .article-heading {
    display: block; }
  .listing-2col article.listing .article-heading {
    display: block; }
    .listing-2col article.listing .article-heading .published span {
      display: none; } }

.carousel {
  display: none; }
  @media (min-width: 45rem) {
    .carousel {
      height: 80px;
      background-color: #4f9ef4;
      line-height: 1.2rem;
      position: relative;
      display: flex;
      user-select: none;
      margin: 0 0 1.25rem 0;
      background-color: #fff;
      background-color: var(--bg-color);
      border-top: 1px solid var(--border-color);
      border-bottom: 1px solid var(--border-color); }
      .carousel .image-wrapper,
      .carousel .title-wrapper {
        cursor: pointer;
        overflow: hidden; }
      .carousel .image-wrapper {
        width: 143px;
        flex: 0 0 143px;
        display: flex; }
        .carousel .image-wrapper .carousel-image {
          transition-duration: 0.4s; }
      .carousel .title-wrapper {
        flex: 1;
        display: flex; }
        .carousel .title-wrapper .carousel-title {
          flex: 0 0 100%;
          transition-duration: 0.7s;
          padding: 0.5rem 0 0 0.5rem; }
          .carousel .title-wrapper .carousel-title a {
            color: #555;
            color: var(--teaser-color);
            font-weight: 600;
            font-size: 0.9rem;
            -webkit-user-drag: none; } }
        @media (min-width: 45rem) and (min-width: 45rem) {
          .carousel .title-wrapper .carousel-title a {
            font-size: 0.95rem;
            padding: 0; } }
  @media (min-width: 45rem) {
            .carousel .title-wrapper .carousel-title a span {
              color: #006dfe;
              color: var(--link-highlight);
              text-transform: uppercase; }
          .carousel .title-wrapper .carousel-title span {
            color: #484848; }
      .carousel .carousel-bullets {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 4px;
        text-align: center;
        z-index: 1000; } }
    @media (min-width: 45rem) and (min-width: 45rem) {
      .carousel .carousel-bullets {
        bottom: 0px; } }
  @media (min-width: 45rem) {
        .carousel .carousel-bullets .carousel-bullet {
          cursor: pointer;
          background-color: white;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          margin-right: 3px;
          display: inline-block; }
          .carousel .carousel-bullets .carousel-bullet:last-child {
            margin-right: 0; }
          .carousel .carousel-bullets .carousel-bullet.active {
            background-color: white; } }
      @media (min-width: 45rem) and (min-width: 45rem) {
        .carousel .carousel-bullets .carousel-bullet {
          background-color: #555;
          opacity: 0.2;
          opacity: var(--teaser-bullet-opacity); }
          .carousel .carousel-bullets .carousel-bullet.active {
            background-color: #555;
            opacity: 0.32;
            opacity: var(--teaser-bullet-active-opacity); } }

.news-teaser {
  background-color: #4f9ef4;
  line-height: 1.2rem; }
  .news-teaser.mobile {
    margin: 5px 10px;
    display: flex;
    height: 85px;
    background-color: #fff;
    background-color: var(--bg-color);
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color); }
    @media (min-width: 45rem) {
      .news-teaser.mobile {
        display: none; } }
    .news-teaser.mobile .image {
      flex: 0 0 140px;
      overflow: hidden; }
      .news-teaser.mobile .image img {
        width: 140px;
        height: 83px; }
    .news-teaser.mobile .title {
      flex: 1;
      width: calc(100% - 140px);
      padding: 0.25rem 0 0.1rem 0.4rem; }
      .news-teaser.mobile .title a {
        font-size: 0.82rem;
        line-height: 0.6;
        color: #555;
        color: var(--teaser-color);
        font-weight: 600; }
        .news-teaser.mobile .title a span {
          font-weight: 700;
          font-size: 0.72rem;
          color: #006dfe;
          color: var(--link-highlight);
          text-transform: uppercase; }
      .news-teaser.mobile .title span {
        color: #484848; }

#listing.archive .archive_closed {
  display: none; }

#listing.archive .archive_open {
  display: block; }

#listing.archive h4 {
  font-size: 16px;
  margin-left: 1rem; }

#listing.archive ul {
  margin-left: 2rem; }

@media (min-width: 45rem) {
  .tenday.secondary {
    display: none; } }


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