@charset "UTF-8";
/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/*------------------------------------*    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,400italic");
html {
  box-sizing: border-box;
}

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*------------------------------------*    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}

/*------------------------------------*    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 20px;
  margin-bottom: 1.3333333333rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 40px;
  margin-left: 2.6666666667rem;
}

/*------------------------------------*    #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 0.9375em;
  /* [1] */
  line-height: 1.3333333333;
  /* [1] */
  background-color: #76acea;
  color: #404040;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */
}

/*------------------------------------*    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6.
 */
h1 {
  font-size: 44px;
  font-size: 2.9333333333rem;
  line-height: 1.3636363636;
}

h2 {
  font-size: 32px;
  font-size: 2.1333333333rem;
  line-height: 1.25;
}

h3 {
  font-size: 22px;
  font-size: 1.4666666667rem;
  line-height: 1.8181818182;
}

h4 {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.1111111111;
}

h5 {
  font-size: 16px;
  font-size: 1.0666666667rem;
  line-height: 1.25;
}

h6 {
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1.4285714286;
}

/*------------------------------------*    #PARAGRAPHS
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger: en.wikipedia.org/wiki/Lede_(news)
 */
.lede {
  font-size: 16.875px;
  font-size: 1.125rem;
  line-height: 1.1851851852;
}

/*------------------------------------*    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0;
}

/*------------------------------------*    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */
}

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none;
}

/**
  Global Font definition
*/
.base-font {
  font-family: "Open Sans", "Roboto", sans-serif !important;
}

/**
  Defines FORMS and their styling
*/
fieldset {
  border: none;
}

input::-ms-clear {
  display: none;
}

input[type='text'],
input[type='email'],
textarea,
.input--text,
.input--select {
  padding: 10px;
  border: 1px solid #d7d7d7;
  color: #404040;
  background-color: transparent;
}

.android-classic input[type='text'],
.android-classic input[type='text']::-webkit-input-placeholder, .android-classic
input[type='email'],
.android-classic
input[type='email']::-webkit-input-placeholder, .android-classic
textarea,
.android-classic
textarea::-webkit-input-placeholder, .android-classic
.input--text,
.android-classic
.input--text::-webkit-input-placeholder, .android-classic
.input--select,
.android-classic
.input--select::-webkit-input-placeholder {
  color: #fff;
}

.android-modern input[type='text'],
.android-modern input[type='text']::-webkit-input-placeholder, .android-modern
input[type='email'],
.android-modern
input[type='email']::-webkit-input-placeholder, .android-modern
textarea,
.android-modern
textarea::-webkit-input-placeholder, .android-modern
.input--text,
.android-modern
.input--text::-webkit-input-placeholder, .android-modern
.input--select,
.android-modern
.input--select::-webkit-input-placeholder {
  color: #00489a;
}

input[type='text'].is-disabled, input[type='text'][disabled],
input[type='email'].is-disabled,
input[type='email'][disabled],
textarea.is-disabled,
textarea[disabled],
.input--text.is-disabled,
.input--text[disabled],
.input--select.is-disabled,
.input--select[disabled] {
  color: #d7d7d7;
}

.border--box,
input[type="search"].border--box {
  box-sizing: border-box;
}

label,
.label {
  font-size: 18px;
  color: #00489a;
  display: inline-block;
}

.label--base {
  font-size: 15px;
}

#maps-dropdown .dropdown {
  width: 80px;
}

#maps-dropdown .select.dropdown--left {
  width: auto !important;
  max-width: 340px;
  right: -21px;
}

#wcom-city-select.input--text {
  background-color: #fff;
}

#forecast-dropdown .dropdown {
  width: 125px;
}

#forecast-dropdown .select.dropdown--left {
  width: auto !important;
  max-width: 320px;
  right: 0;
  white-space: nowrap;
}

.dropdown {
  position: relative;
  display: inline-block;
  width: 200px;
  cursor: pointer;
}

.dropdown.title {
  width: 380px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .dropdown.title {
    width: 340px;
  }
}

@media screen and (max-width: 47.99em) {
  .dropdown.title {
    width: 100%;
  }
}

.dropdown .forecast {
  max-width: 340px !important;
}

@media screen and (max-width: 47.99em) {
  .dropdown {
    width: 100%;
  }
}

.selected-forecast {
  display: inline-block;
  width: 100%;
  color: #fff;
}

.title-area .selected-forecast {
  color: #fff;
}

.selected-forecast::after {
  content: '\e64f';
  font-family: 'icon';
  color: #fff;
  position: absolute;
  pointer-events: none;
  top: 2px;
  right: 0;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.title .selected-forecast::after {
  font-size: 22px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .title .selected-forecast::after {
    font-size: 20px;
  }
}

@media screen and (max-width: 47.99em) {
  .title .selected-forecast::after {
    font-size: 18px;
  }
}

.title-area .selected-forecast::after {
  color: #fff;
}

.selected-forecast.is-open::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 47.99em) {
  .selected-forecast {
    border-bottom: 1px solid #d7d7d7;
  }
  .title-area .selected-forecast {
    border-bottom: none;
  }
}

.selected-forecast img.loading-spinner {
  width: 30px;
  position: absolute;
  right: -50px;
  left: auto;
}

.selected {
  display: inline-block;
  padding-right: 22px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  color: #00489a;
}

.title-area .selected {
  color: #fff;
}

.map .selected {
  border-bottom: 0;
}

.selected::after {
  content: '\e64f';
  font-family: 'icon';
  color: #fff;
  position: absolute;
  pointer-events: none;
  top: 2px;
  right: 0;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.title .selected::after {
  font-size: 22px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .title .selected::after {
    font-size: 20px;
  }
}

@media screen and (max-width: 47.99em) {
  .title .selected::after {
    font-size: 18px;
  }
}

.title-area .selected::after {
  color: #fff;
}

.selected.is-open::after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 47.99em) {
  .selected {
    border-bottom: 1px solid #d7d7d7;
  }
  .title-area .selected {
    border-bottom: none;
  }
}

.selected img.loading-spinner {
  width: 30px;
  position: absolute;
  right: -50px;
  left: auto;
}

.select {
  position: absolute;
  width: 100%;
  display: none;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-top: none;
  color: #00489a;
  z-index: 3;
}

.select.is-open {
  display: block;
}

@media screen and (max-width: 47.99em) {
  .select {
    border-top: 0;
  }
}

.select--medium {
  left: 0;
  border: 1px solid #d7d7d7;
  z-index: 1001;
}

@media screen and (min-width: 64em) {
  .select--medium {
    width: 370px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .select--medium {
    width: 370px;
  }
}

@media screen and (max-width: 47.99em) {
  .select--medium {
    width: 100%;
    border-top: 0;
  }
}

.select--big {
  left: 0;
  border: 1px solid #d7d7d7;
  z-index: 1001;
}

@media screen and (min-width: 64em) {
  .select--big {
    width: 752px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .select--big {
    width: 600px;
  }
}

@media screen and (max-width: 47.99em) {
  .select--big {
    width: 100%;
    border-top: 0;
  }
}

.select--medium {
  left: 0;
  border: 1px solid #d7d7d7;
}

@media screen and (min-width: 64em) {
  .select--medium {
    width: 376px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .select--medium {
    width: 300px;
  }
}

@media screen and (max-width: 47.99em) {
  .select--medium {
    width: 100%;
    border-top: 0;
  }
}

.option {
  padding: 10px;
  color: #404040;
}

.option:hover, .option.active {
  background-color: #ebf2fa;
  color: #00489a;
}

input[type='checkbox'] {
  color: #00489a;
  position: relative;
  top: 2px;
  border: 1px solid #d7d7d7;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 16px;
  width: 16px;
}

input[type='checkbox']:checked::before {
  position: absolute;
  font-family: 'icon';
  font-size: 17px;
  left: 2px;
  top: -4px;
  content: '\e669';
}

input[type='checkbox'].checkbox--dark-blue {
  border-color: #00489a;
}

input[type='checkbox'].checkbox--large {
  height: 24px;
  width: 24px;
  top: 12px;
  margin-top: -10px;
}

input[type='checkbox'].checkbox--large:checked::before {
  font-size: 21px;
  left: 3px;
  top: -3px;
}

input[type='radio'] {
  color: #00489a;
  position: relative;
  top: 2px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 16px;
  width: 16px;
  text-align: center;
}

input[type='radio']:checked::before {
  position: absolute;
  font-family: 'icon';
  font-size: 12px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 12px;
  top: -2px;
  content: '\2b24';
}

input[type='radio'].radio--dark-blue {
  border-color: #00489a;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #a9a9a9;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a9a9a9;
}

.dimming-div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10002;
  overflow-y: auto;
}

.popup-form {
  max-width: 746px;
  text-align: left;
  z-index: 10003;
}

.selector-box {
  cursor: pointer;
  border: 1px solid #fff;
}

.selector-box:hover {
  border-color: #76acea;
}

.selector-box .symbol {
  color: #dae9f9;
}

.selector-box .label {
  display: inline-block;
}

.selector-box.is-active .label {
  background-color: #00489a;
  color: #fff !important;
}

.selector-box.is-active .symbol {
  color: #00489a;
}

.symbol {
  font-size: 32px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .symbol {
    font-size: 30px;
  }
}

@media screen and (max-width: 47.99em) {
  .symbol {
    font-size: 26px;
  }
}

.slider-range-wrapper .ui-slider {
  background-color: #76acea;
  height: 2px;
  margin-left: 14px;
  margin-right: 14px;
  position: relative;
}

.slider-range-wrapper .ui-slider-range {
  background-color: #00489a;
  height: 2px;
  position: relative;
}

.slider-range-wrapper .ui-slider-handle {
  border: 3px solid #00489a;
  border-radius: 14px;
  height: 28px;
  width: 28px;
  background: white;
  display: inline-block;
  position: absolute;
  margin-top: -14px;
  margin-left: -14px;
}

/**
  Icon Sizes

  Icons itself are hoisted at https://icomoon.io/app/#/select/font

  When possible, try to upload new icons as monochromatic with a single path and add color via text-* class

  When using multicolor icons, resizing is hard and using the icon with different colors harder.
 */
.icon-no_precipitation::before {
  color: #a3bfe3;
}

.icon-heavy_precipitation::before {
  color: #00489a;
}


.icon--tiny::before,
.icon--tiny span::before {
  font-size: 0.5rem !important;
}


.icon--tiny.icon--white::before {
  color: white;
}


.icon--tiny.icon--shadow::before,
.icon--tiny span::before {
  text-shadow: 0 0 1px white;
}


.icon--tiny.icon--border {
  margin-bottom: 0.25rem;
  display: inline-block;
}


.icon--tiny.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 0.75rem;
  padding: 0.25rem;
}


.icon--small::before,
.icon--small span::before {
  font-size: 0.8rem !important;
}


.icon--small.icon--white::before {
  color: white;
}


.icon--small.icon--shadow::before,
.icon--small span::before {
  text-shadow: 0 0 1px white;
}


.icon--small.icon--border {
  margin-bottom: 0.4rem;
  display: inline-block;
}


.icon--small.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 1.2rem;
  padding: 0.4rem;
}


.icon--medium::before,
.icon--medium span::before {
  font-size: 1rem !important;
}


.icon--medium.icon--white::before {
  color: white;
}


.icon--medium.icon--shadow::before,
.icon--medium span::before {
  text-shadow: 0 0 1px white;
}


.icon--medium.icon--border {
  margin-bottom: 0.5rem;
  display: inline-block;
}


.icon--medium.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 1.5rem;
  padding: 0.5rem;
}


.icon--large::before,
.icon--large span::before {
  font-size: 1.25rem !important;
}


.icon--large.icon--white::before {
  color: white;
}


.icon--large.icon--shadow::before,
.icon--large span::before {
  text-shadow: 0 0 1px white;
}


.icon--large.icon--border {
  margin-bottom: 0.625rem;
  display: inline-block;
}


.icon--large.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 1.875rem;
  padding: 0.625rem;
}


.icon--x-large::before,
.icon--x-large span::before {
  font-size: 1.75rem !important;
}


.icon--x-large.icon--white::before {
  color: white;
}


.icon--x-large.icon--shadow::before,
.icon--x-large span::before {
  text-shadow: 0 0 1px white;
}


.icon--x-large.icon--border {
  margin-bottom: 0.875rem;
  display: inline-block;
}


.icon--x-large.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 2.625rem;
  padding: 0.875rem;
}


.icon--huge::before,
.icon--huge span::before {
  font-size: 1.9rem !important;
}


.icon--huge.icon--white::before {
  color: white;
}


.icon--huge.icon--shadow::before,
.icon--huge span::before {
  text-shadow: 0 0 1px white;
}


.icon--huge.icon--border {
  margin-bottom: 0.95rem;
  display: inline-block;
}


.icon--huge.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 2.85rem;
  padding: 0.95rem;
}


.icon--very-huge::before,
.icon--very-huge span::before {
  font-size: 1.9rem !important;
}


.icon--very-huge.icon--white::before {
  color: white;
}


.icon--very-huge.icon--shadow::before,
.icon--very-huge span::before {
  text-shadow: 0 0 1px white;
}


.icon--very-huge.icon--border {
  margin-bottom: 0.95rem;
  display: inline-block;
}


.icon--very-huge.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 2.85rem;
  padding: 0.95rem;
}


.icon--kilo::before,
.icon--kilo span::before {
  font-size: 3rem !important;
}


.icon--kilo.icon--white::before {
  color: white;
}


.icon--kilo.icon--shadow::before,
.icon--kilo span::before {
  text-shadow: 0 0 1px white;
}


.icon--kilo.icon--border {
  margin-bottom: 1.5rem;
  display: inline-block;
}


.icon--kilo.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 4.5rem;
  padding: 1.5rem;
}


.icon--x-kilo::before,
.icon--x-kilo span::before {
  font-size: 5rem !important;
}


.icon--x-kilo.icon--white::before {
  color: white;
}


.icon--x-kilo.icon--shadow::before,
.icon--x-kilo span::before {
  text-shadow: 0 0 1px white;
}


.icon--x-kilo.icon--border {
  margin-bottom: 2.5rem;
  display: inline-block;
}


.icon--x-kilo.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 7.5rem;
  padding: 2.5rem;
}


.icon--mega::before,
.icon--mega span::before {
  font-size: 6rem !important;
}


.icon--mega.icon--white::before {
  color: white;
}


.icon--mega.icon--shadow::before,
.icon--mega span::before {
  text-shadow: 0 0 1px white;
}


.icon--mega.icon--border {
  margin-bottom: 3rem;
  display: inline-block;
}


.icon--mega.icon--border::before {
  border: 2px solid currentColor;
  border-radius: 9rem;
  padding: 3rem;
}

[class^="icon-"],
[class*=" icon-"],
[class^="icon-winter-"],
[class*=" icon-winter-"],
[class^="fa-"],
[class*=" fa-"] {
  font-family: 'icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:hover,
a:hover [class^="icon-"],
[class*=" icon-"]:hover,
a:hover
[class*=" icon-"],
[class^="icon-winter-"]:hover,
a:hover
[class^="icon-winter-"],
[class*=" icon-winter-"]:hover,
a:hover
[class*=" icon-winter-"],
[class^="fa-"]:hover,
a:hover
[class^="fa-"],
[class*=" fa-"]:hover,
a:hover
[class*=" fa-"] {
  text-decoration: none !important;
}

.fa-facebook::before {
  content: "\e616";
}

.fa-google-plus::before {
  content: "\e619";
}

.fa-envelope::before {
  content: "\e621";
}

.fa-twitter::before {
  content: "\e649";
}

.fa-whatsapp::before {
  content: "\e662";
}

.icon-heavy_precipitation.icon--white::before,
.icon-light_precipitation.icon--white .path1::before,
.icon-mid_precipitation.icon--white .path1::before,
.icon-mid_precipitation.icon--white .path2::before {
  color: white;
}

.icon-no_precipitation.icon--white::before,
.icon-mid_precipitation.icon--white .path3::before,
.icon-light_precipitation.icon--white .path2::before,
.icon-light_precipitation.icon--white .path3::before {
  color: #a3bfe3;
}

.icon--giga--responsive {
  font-size: 70px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .icon--giga--responsive {
    font-size: 60px;
  }
}

@media screen and (max-width: 47.99em) {
  .icon--giga--responsive {
    font-size: 50px;
  }
}

@media screen and (max-width: 47.99em) {
  .xs-icon--large::before {
    font-size: 1.25rem !important;
  }
}

@media screen and (max-width: 47.99em) {
  .xs-icon--large span::before {
    font-size: 1.25rem !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-icon--large::before {
    font-size: 1.25rem !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-icon--normal::before {
    font-size: 1rem !important;
  }
}

.icon-icon_bike.level-0,
.icon-cabrio_open.level-0,
.icon-cabrio_close.level-0 {
  color: #b4caeb;
}

.icon-icon_bike.level-1,
.icon-cabrio_open.level-1,
.icon-cabrio_close.level-1 {
  color: #41933d;
}

.icon-icon_bike.level-2,
.icon-cabrio_open.level-2,
.icon-cabrio_close.level-2 {
  color: #fac800;
}

.icon-icon_bike.level-3,
.icon-cabrio_open.level-3,
.icon-cabrio_close.level-3 {
  color: #f7a600;
}

.icon-icon_bike.level-4,
.icon-cabrio_open.level-4,
.icon-cabrio_close.level-4 {
  color: #cf0000;
}

.logo_header_right_bottom {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.app-layout {
  position: relative;
  background-color: #fff;
  padding: 30px 40px 40px;
  margin-bottom: 30px;
  z-index: auto;
}

.has-fireplace .app-layout {
  padding-left: 30px;
  padding-right: 30px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .has-fireplace .app-layout {
    padding: 20px 20px 30px;
  }
}

@media screen and (max-width: 47.99em) {
  .has-fireplace .app-layout {
    padding: 10px 15px 20px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .app-layout {
    padding: 20px 20px 30px;
  }
}

@media screen and (max-width: 47.99em) {
  .app-layout {
    padding: 10px 15px 20px;
    margin-bottom: 20px;
  }
}

.ie7 .app-layout {
  display: block;
  clear: both;
  width: 100%;
  float: left;
  position: static;
}

.app-layout.notitle {
  padding-top: 40px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .app-layout.notitle {
    padding-top: 30px;
  }
}

@media screen and (max-width: 47.99em) {
  .app-layout.notitle {
    padding-top: 20px;
  }
}

.app-layout.content-teaser {
  padding-bottom: 20px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .app-layout.content-teaser {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 47.99em) {
  .app-layout.content-teaser {
    padding-bottom: 0;
  }
}

/**
  Page definitions
*/
body {
  background-color: #76acea;
}

@media screen and (min-width: 64em) {
  body {
    padding-right: 160px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  body {
    min-width: 768px;
    position: relative;
  }
}

html {
  font-family: "Open Sans", "Roboto", sans-serif;
  background: none !important;
}

.page {
  margin-left: auto;
  margin-right: auto;
  min-width: 320px;
}

@media screen and (min-width: 64em) {
  .page {
    max-width: 1145px;
    width: 1145px;
  }
}

.ie7 .page {
  position: relative;
  width: 1145px;
}

@media screen and (min-width: 64em) {
  .has-fireplace .page {
    max-width: 1020px;
    width: 1020px;
  }
}

.ie7 .has-fireplace .page {
  width: 1020px;
}

@media screen and (min-width: 64em) {
  .desk-page-wrap {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.ie7 .desk-page-wrap {
  width: 1020px;
}

.desk-page-wrap--ads {
  margin: 0 auto;
}

.ie7 .desk-page-wrap--ads {
  width: 1145px;
}

@media screen and (min-width: 64em) {
  .desk-page-wrap--ads {
    width: 1145px;
  }
}

.desk-page-wrap--ads .page-head.is-sticky {
  max-width: 1145px !important;
}

.ie7 .has-fireplace .desk-page-wrap--ads {
  width: 1020px !important;
}

@media screen and (min-width: 64em) {
  .has-fireplace .desk-page-wrap--ads {
    width: 1020px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .has-fireplace .desk-page-wrap--ads {
    max-width: 1020px !important;
  }
}

.has-fireplace .desk-page-wrap--ads .page-head.is-sticky {
  max-width: 1020px !important;
}

.content-section {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  width: 100%;
}

.ie7 .content-section {
  width: 766px !important;
}

.ie7 .content-section .app-layout {
  width: 726px;
}

.bottom-nav .one-field {
  padding-right: 1px;
  width: 13%;
  max-width: 65px !important;
}

.bottom-nav .backgrounder :hover {
  background-color: white;
  color: #00489a;
}

.bottom-nav .backgrounder .is-active {
  background-color: white;
  color: #00489a;
}

.bottom-nav .inner {
  color: white;
  background-color: #467ec7;
  border: 1px solid #467ec7;
}

.smaller-desk-fit-screen-ph {
  -webkit-transition: all 0.7s ease-in-out;
          transition: all 0.7s ease-in-out;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .smaller-desk-fit-screen-ph {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 47.99em) {
  .smaller-desk-fit-screen-ph {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 64em) {
  .fallback-bg.has-fireplace .seo-index-string {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .fallback-bg.has-fireplace .page .nav.breadcrumb {
    padding-top: 10px;
    padding-left: 10px;
  }
  .fallback-bg.has-fireplace .page #weather-headline {
    padding-left: 10px;
  }
  .fallback-bg.has-fireplace #forecast-navigation-sticky {
    padding-left: 10px;
  }
}

.side-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 300px;
  margin: 0 auto 20px;
}

.wide-content-ad .side-column {
  width: 340px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wide-content-ad .side-column {
    width: 300px;
  }
}

@media screen and (max-width: 1020px) {
  .side-ad-wrap {
    display: none;
  }
}

.side-ad-wrap--fireplace {
  float: left;
  padding-left: 0;
  width: 130px;
}

.printable {
  display: none !important;
}

.media__body {
  overflow: visible !important;
}

.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: spin 5s linear infinite;
  animation: spin 5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

.wetter-table {
  width: 100%;
  text-align: left;
}

.wetter-table tr {
  border-bottom: 1px solid #d7d7d7;
}

.wetter-table th {
  color: #f7a600;
  padding: 8px 10px;
}

.wetter-table tfoot th {
  color: #404040;
}

.wetter-table td {
  color: #404040;
  padding: 8px 10px;
}

.table {
  border-collapse: collapse;
}

a {
  color: #00489a;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #00489a;
  line-height: 1.3em;
  font-weight: 400;
  overflow-wrap: break-word;
}

p {
  color: #404040;
}

article {
  line-height: 25px;
}

article .flex-container {
  line-height: 20px;
}

article table {
  width: auto !important;
  line-height: 20px;
}

@media screen and (min-width: 64em) {
  article table {
    border-spacing: 20px 5px;
    border-collapse: separate;
    margin-left: -20px;
    margin-right: -20px;
  }
}

label {
  color: #dae9f9;
}

hr {
  clear: both;
  height: 0;
  border: none #d7d7d7;
  border-top-style: solid;
  border-top-width: 1px;
}

/*------------------------------------*    #FLAG
\*------------------------------------*/
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */
/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */
}

/**
     * Items within a flag object. There should only ever be one of each.
     *
     * 1. Default to aligning content to their middles.
     */
.flag__img,
.flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */
}

/**
     * Flag images have a space between them and the body of the object.
     */
.flag__img {
  padding-right: 20px;
}

.flag__img > img {
  display: block;
  max-width: none;
}

/**
     * The container for the main content of the flag object.
     *
     * 1. Forces the `.flag__body` to take up all remaining space.
     */
.flag__body {
  width: 100%;
  /* [1] */
}

.flag__body,
.flag__body > :last-child {
  margin-bottom: 0;
}

/**
     * Reversed flag objects have their image-content to the right, and text-content
     * to the left.
     *
     * 1. Swap the rendered direction of the object…
     * 2. …and reset it.
     * 3. Reassign margins to the correct sides.
     */
.flag--rev {
  direction: rtl;
  /* [1] */
}

.flag--rev > .flag__img,
.flag--rev > .flag__body {
  direction: ltr;
  /* [2] */
}

.flag--rev > .flag__img {
  padding-right: 0;
  /* [3] */
  padding-left: 20px;
  /* [3] */
}

/**
     * Flush flag objects have no space between the image- and text-content.
     */
.flag--flush > .flag__img {
  padding-right: 0;
  padding-left: 0;
}

/**
     * Vertically top aligned flag objects.
     */
.flag--top > .flag__img,
.flag--top > .flag__body {
  vertical-align: top;
}

/*------------------------------------*    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px;
}

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */
.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 30px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
}

/**
     * Layouts with small gutters.
     */
.layout--small {
  margin-left: -15px;
}

.layout--small > .layout__item {
  padding-left: 15px;
}

/**
     * Layouts with no gutters.
     */
.layout--flush {
  margin-left: 0;
}

.layout--flush > .layout__item {
  padding-left: 0;
}

/**
     * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
     * markup will display in order 4, 3, 2, 1 on your page.
     */
.layout--rev {
  direction: rtl;
  text-align: left;
}

.layout--rev > .layout__item {
  direction: ltr;
  text-align: left;
}

/**
     * Align layout items to the vertical centers of each other.
     */
.layout--middle > .layout__item {
  vertical-align: middle;
}

/**
     * Cause layout items to take up a non-explicit amount of width.
     */
.layout--auto > .layout__item {
  width: auto;
}

/*------------------------------------*    #LIST-BARE
\*------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.list-bare {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*------------------------------------*    #LIST-BLOCK
\*------------------------------------*/
/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */
.list-block {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-block__item,
.list-block > li {
  padding: 20px;
}

/**
     * Tiny list-blocks.
     */
.list-block--tiny > .list-block__item,
.list-block.list-block--tiny > li {
  padding: 5px;
}

/**
     * Small list-blocks.
     */
.list-block--small > .list-block__item,
.list-block.list-block--small > li {
  padding: 10px;
}

/*------------------------------------*    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
}

/*------------------------------------*    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
  display: block;
}

.media__img {
  float: left;
  margin-right: 20px;
}

.media__img > img {
  display: block;
}

.media__body {
  overflow: hidden;
  display: block;
}

.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}

/**
     * Reversed image location (right instead of left). Extends `.media`.
     */
.media--rev > .media__img {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

/*------------------------------------*    #PACK
\*------------------------------------*/
/**
 * The pack object simply causes any number of elements pack up horizontally to
 * automatically fill an equal, fluid width of their parent.
 */
/**
 * 1. Fill all available space.
 * 2. Cause children to be automatically equally sized.
 */
.pack {
  width: 100%;
  /* [1] */
  display: table;
  table-layout: fixed;
  /* [2] */
}

/**
     * Cause children to adopt table-like structure.
     */
.pack__item {
  display: table-cell;
  /**
             * All items are aligned to the middles of each other.
             */
}

.pack--middle > .pack__item {
  vertical-align: middle;
}

/**
     * Cause children to pack up into available space, but not equally sized.
     */
.pack--auto {
  table-layout: auto;
}

/**
     * Small gutters between items.
     */
.pack--small {
  border-spacing: 10px;
}

/*------------------------------------*    $PAGE-WRAP
\*------------------------------------*/
/**
 * The main page-wrapper
 */
.page-wrap {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/*------------------------------------*    #TABLES
\*------------------------------------*/
.table {
  width: 100%;
}

/**
     * Tables with very tightly packed cells.
     */
.table--compact th,
.table--compact td {
  padding: 5px;
}

/**
     * Lightly packed cells.
     */
.table--cosy th,
.table--cosy td {
  padding: 10px;
}

/**
     * Add borders only to `table`’s rows.
     */
.table--rows,
.table--rows th,
.table--rows td {
  border: 0 solid #ccc;
}

.table--rows {
  border-top-width: 1px;
}

.table--rows th,
.table--rows td {
  border-bottom-width: 1px;
}

/*------------------------------------*    #TABS
\*------------------------------------*/
/**
 * A simple abstraction for making equal-width navigation tabs.
 */
/**
 * 1. Reset any residual styles (most likely from lists).
 * 2. Tables for layout!
 * 3. Force all `table-cell` children to have equal widths.
 * 4. Force the object to be the full width of its parent. Combined with [2],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.tabs {
  margin: 0;
  /* [1] */
  padding: 0;
  /* [1] */
  list-style: none;
  /* [1] */
  display: table;
  /* [2] */
  table-layout: fixed;
  /* [3] */
  width: 100%;
  /* [4] */
  text-align: center;
}

.tabs__item {
  display: table-cell;
  /* [2] */
}

.tabs__link {
  display: block;
}

/**
  HD-Livecam Module: Clocktime
*/
.clock {
  color: white;
  position: absolute;
  left: 1rem;
  top: 1rem;
}

.clock time,
.clock span {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bolder;
  padding: 2px;
  letter-spacing: 1px;
}

.clock span {
  background: #ffc53e;
  border-radius: 3px;
}

.button--cta {
  width: 120px;
  height: 120px;
}

.button--cta.button--cta-small {
  width: 60px;
  height: 60px;
}

a:hover > .button--cta,
.anchor--section:hover .button--cta {
  background-position-x: 120px;
}

a:hover > .button--cta.button--cta-small,
.anchor--section:hover .button--cta.button--cta-small {
  background-position-x: 60px;
}

.button--cta-play {
  background-position: 0 0;
}

.button--cta-cam {
  background-position: 0 -120px;
}

.button--cta-cam.button--cta-small {
  background-position: 0 -60px;
}

.button--cta-photo {
  background-position: 0 -240px;
}

.button--cta-photo.button--cta-small {
  background-position: 0 -120px;
}

.button--cta-text {
  background-position: 0 -360px;
}

.button--cta-text.button--cta-small {
  background-position: 0 -180px;
}

.button--cta-none {
  display: none;
}

/**
  PictureThumbnail: Blue Dot
*/
.dot--blue {
  display: inline-block;
  text-align: center;
  margin-left: 25%;
  margin-right: 0;
  width: 3.5rem;
  background: #467ec7;
  border-radius: 100%;
  height: 3.5rem;
  color: white;
  vertical-align: middle;
  line-height: 3.25rem;
  font-size: 25px;
}

.dot--blue:hover,
.anchor--section:hover .dot--blue {
  background: #00489a;
}

[data-is] [data-for] {
  display: none;
}

[data-is=country][data-tab=list] [data-for*=country][data-for$=list],
[data-is=playlist][data-tab=list] [data-for*=playlist][data-for$=list],
[data-is=country][data-tab=map] [data-for*=country][data-for*=map],
[data-is=playlist][data-tab=map] [data-for*=playlist][data-for*=map],
[data-is=loading] [data-for*=loading],
[data-is=empty] [data-for*=empty],
[data-is=q] [data-for*=q] {
  display: block;
}

[data-is=country][data-tab=list] [data-for*=country][data-for$=list].inline,
[data-is=playlist][data-tab=list] [data-for*=playlist][data-for$=list].inline,
[data-is=country][data-tab=map] [data-for*=country][data-for*=map].inline,
[data-is=playlist][data-tab=map] [data-for*=playlist][data-for*=map].inline,
[data-is=loading] [data-for*=loading].inline,
[data-is=empty] [data-for*=empty].inline,
[data-is=q] [data-for*=q].inline {
  display: inline;
}

[data-is=country][data-tab=list] [data-for*=country][data-for$=list].inline-block,
[data-is=playlist][data-tab=list] [data-for*=playlist][data-for$=list].inline-block,
[data-is=country][data-tab=map] [data-for*=country][data-for*=map].inline-block,
[data-is=playlist][data-tab=map] [data-for*=playlist][data-for*=map].inline-block,
[data-is=loading] [data-for*=loading].inline-block,
[data-is=empty] [data-for*=empty].inline-block,
[data-is=q] [data-for*=q].inline-block {
  display: inline-block;
}

@media screen and (min-width: 64em) {
  [data-is^=q] [data-for*=q].desk-q-two-thirds {
    width: 66.66% !important;
  }
}

/**
  Widget: Weathericon + Text
*/
.flag--narrow {
  width: auto;
}

.flag--narrow .flag__body {
  width: auto;
}

@media screen and (max-width: 47.99em) {
  .flag--palm-center-block {
    text-align: center;
  }
  .flag--palm-center-block .flag__img {
    display: block;
    margin-bottom: 20px;
    padding-right: 0;
  }
  .flag--palm-center-block .flag__body {
    display: block;
  }
}

.flag--toggle-arrow {
  position: relative;
  cursor: pointer;
}

.flag--toggle-arrow::after {
  content: '\e64f';
  font-family: icon;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  -webkit-transition: -webkit-transform 0.4s ease-out;
          transition: transform 0.4s ease-out;
}

.flag--toggle-arrow.is-open::after {
  -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
          transform: translate3d(0, -50%, 0) rotate(180deg);
}

@media screen and (max-width: 47.99em) {
  .js-dropdown .js-trigger {
    cursor: pointer;
  }
}

/**
  Adblock Notice Widget
*/
.line {
  text-align: center;
}

.line.line--widget {
  border-bottom: 1px solid #b5b5b5;
  margin-bottom: 1em;
}

.line .line--container {
  display: block;
  margin-top: 0.5em;
  margin-bottom: -0.5em;
}

.line .line--text {
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.map-tool-menu {
  position: absolute;
  z-index: 99;
}

.radio-icon {
  background-color: rgba(118, 172, 234, 0.7);
  width: 76px;
  height: 76px;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s;
}

.radio-icon.is-active {
  background-color: white;
}

.radio-icon.is-active .radio-icon__icon {
  color: #76acea;
}

.radio-icon.is-active .radio-icon__content {
  width: 150px;
  background-color: white;
}

.radio-icon.is-active:hover {
  background-color: white;
}

.radio-icon:hover {
  background-color: #76acea;
}

.radio-icon__icon {
  color: #fff;
  line-height: 76px;
  vertical-align: middle;
  font-size: 38px;
  -webkit-transition: color 0.3s;
          transition: color 0.3s;
}

.radio-icon__content {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  text-align: left;
  color: #76acea;
  background-color: #76acea;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.radio-icon__content__inner {
  width: 150px !important;
  height: 76px;
  font-family: "Open Sans", "Roboto", sans-serif;
}

/**
  Rating Styles
*/
.rating {
  font-size: 20px;
}

.rating .star-full {
  color: #ffc53e;
}

.rating .star-full::before {
  content: "\2605";
}

.rating .star-empty {
  color: #d7d7d7;
}

.rating .star-empty::before {
  content: "\2606";
}

.rating .star-empty:hover::before, .rating .star-empty.hover::before {
  content: "\2605";
}

.rating *:hover,
.rating .hover {
  color: #f7a600;
}

.rating .star-empty,
.rating .star-full {
  display: inline-block;
  cursor: pointer;
}

/**
  Module: Skiarea Resort State (u.a. in autocomplete)
*/
.skiarea-resort-state {
  position: relative;
}

.skiarea-resort-state::before {
  content: '\00a0 ';
  display: block;
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 5px;
  border-radius: 50%;
}

.skiarea-resort-state.text--small::before {
  width: 11px;
  height: 11px;
  margin-top: 4px;
  margin-right: 5px;
}

.skiarea-resort-state._419::before {
  background-color: #41933d;
}

.skiarea-resort-state._419::after {
  content: 'Dieses Skigebiet ist geöffnet';
}

.skiarea-resort-state._420::before {
  background-color: #e13b3b;
}

.skiarea-resort-state._420::after {
  content: 'Dieses Skigebiet ist geschlossen';
}

.skiarea-resort-state._421::before {
  background-color: #d7d7d7;
}

.skiarea-resort-state._421::after {
  content: 'Keine aktuelle Statusmeldung';
}

.skiarea-resort-state._415::before {
  border: 9px solid #41933d;
  border-right-color: #e13b3b;
  border-bottom-color: #e13b3b;
}

.skiarea-resort-state._415::after {
  content: 'Dieses Skigebiet befindet sich im Wochenendbetrieb';
}

.skiarea-resort-state::after {
  padding: 2px;
  display: none;
  position: absolute;
  top: -20px;
  left: 0;
  text-align: center;
  background-color: #fef4c5;
  border: 1px solid #d4b943;
  border-radius: 2px;
  white-space: nowrap;
}

.skiarea-resort-state:hover::after {
  display: block;
}

.skiarea-resort-state.white-space-wrap::after {
  white-space: normal !important;
}

/**
  Scrolling ToTop Button
*/
.scroll {
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
  z-index: 10012;
}

@media screen and (min-width: 64em) {
  .scroll {
    bottom: 0;
    position: fixed;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    width: 0;
  }
  .scroll.is-active {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
}

.scroll .scroll-btn {
  background-color: #00489a;
  color: #fff;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .scroll .scroll-btn {
    position: relative;
    margin-left: 15px;
    width: 160px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .scroll .scroll-btn {
    margin-left: auto;
    margin-right: auto;
    width: 280px;
  }
}

@media screen and (max-width: 47.99em) {
  .scroll .scroll-btn {
    width: 100%;
  }
}

@media screen and (max-width: 63.99em) {
  .scroll.infinite {
    bottom: 0;
    position: fixed;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    width: 0;
  }
  .scroll.infinite.is-active {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  .scroll.infinite .scroll-btn {
    background-color: #00489a;
    color: #fff;
    cursor: pointer;
    position: relative;
    margin-left: 15px;
    width: 160px;
  }
}

.css-search__item,
.ccs-select__item {
  position: relative;
  overflow: hidden;
}

.css-search__item > [type=search],
.css-search__item > select,
.ccs-select__item > [type=search],
.ccs-select__item > select {
  border: 0;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border-bottom: 1px solid #d7d7d7;
  color: #00489a;
  box-sizing: border-box;
  background: none;
  -webkit-appearance: listbox;
  -webkit-padding-end: 0.75em;
}

.android-classic .css-search__item > [type=search], .android-classic
.css-search__item > select, .android-classic
.ccs-select__item > [type=search], .android-classic
.ccs-select__item > select {
  color: #fff;
}

.css-search__item::after,
.css-search__item .rw-selected::after,
.ccs-select__item::after,
.ccs-select__item .rw-selected::after {
  font-family: icon;
  color: #00489a;
  position: absolute;
  pointer-events: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0.25em;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.android-classic .css-search__item::after, .android-classic
.css-search__item .rw-selected::after, .android-classic
.ccs-select__item::after, .android-classic
.ccs-select__item .rw-selected::after {
  color: #fff;
}

@media screen and (min-width: 64em) {
  .css-search__item.pr::after, .taglist li.css-search__item::after, .css-search__item.desk-pr::after,
  .ccs-select__item.pr::after,
  .taglist li.ccs-select__item::after,
  .ccs-select__item.desk-pr::after {
    right: 22px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .css-search__item.pr::after, .taglist li.css-search__item::after, .css-search__item.lap-pr::after, .css-search__item.portable-pr::after,
  .ccs-select__item.pr::after,
  .taglist li.ccs-select__item::after,
  .ccs-select__item.lap-pr::after,
  .ccs-select__item.portable-pr::after {
    right: 22px;
  }
}

@media screen and (max-width: 47.99em) {
  .css-search__item.pr::after, .taglist li.css-search__item::after, .css-search__item.palm-pr::after, .css-search__item.portable-pr::after,
  .ccs-select__item.pr::after,
  .taglist li.ccs-select__item::after,
  .ccs-select__item.palm-pr::after,
  .ccs-select__item.portable-pr::after {
    right: 22px;
  }
}

.css-search__item::after {
  content: '\e65a';
}

.css-search__item.ccs-search__bordered > [type=search] {
  border: 1px solid #d7d7d7;
  border-radius: 1.25em;
  padding-left: 1em;
  padding-bottom: 0.625em;
  padding-top: 0.625em;
}

.css-search__item.ccs-search__bordered::after {
  right: 1em;
}

.ccs-select__item::after {
  content: '\e64f';
}

.ccs-select__item.is-open::after {
  -webkit-transform: rotate(180deg) translateY(50%);
      -ms-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

.ccs-select__item > select > option,
.ccs-select__item > select > optgroup > option {
  padding: 10px;
  color: #404040;
}

.ccs-select__item.ccs-select__bordered > select {
  border: 1px solid #d7d7d7;
  padding-top: 10px;
  padding-left: 5px;
}

.ccs-select__item.ccs-select__bordered::after {
  right: 1em;
}

@-moz-document url-prefix() {
  .ccs-select__item::after {
    content: '';
    display: none !important;
  }
  .ccs-select__item > select {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
}

.css-select__prefix,
.css-search__prefix {
  line-height: 38px;
}

/**
  Fake Table
*/
.ticket-body {
  width: auto;
  display: table;
  margin: 0 auto;
}

.ticket__item {
  width: auto;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

@media screen and (min-width: 64em) {
  .item-weathericon {
    min-width: 81px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .item-weathericon {
    min-width: 76px;
  }
}

.werbung {
  height: 100%;
}

.forecastLi {
  height: 201px;
  background: #fff;
}

.forecastLi .dfp600 {
  width: 600px;
}

.forecastLi .textAnzeige {
  color: #808080;
  opacity: 0.75;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
}

.side-ad {
  position: relative;
  z-index: 10;
  width: 160px;
}

.sky-left {
  width: 130px;
  min-height: 100px;
}

.superbanner {
  width: 1325px;
  max-width: 1325px;
}

.anzeige {
  position: relative;
}

.anzeige::before {
  color: #fff;
  opacity: 0.75;
  content: "Anzeige";
  font-size: 10px;
  position: relative;
  top: -2px;
  float: right;
}

.side-column .anzeige::before,
.content-section .anzeige::before,
.dfpTwoColumns .anzeige::before,
.dfpOneColumns .anzeige::before,
.dfpOneColumn .anzeige::before,
.performanceContentOneColumn .anzeige::before,
.performanceContentTwoColumn .anzeige::before,
.lapContentOneColumn .anzeige::before {
  color: #808080;
}

.ie7 .anzeige {
  position: static;
}

.dfpOneColumns > div {
  width: 600px;
  max-width: 100%;
  overflow-x: hidden;
  margin-top: -13px;
}

@media screen and (max-width: 600px) {
  .dfpOneColumns > div {
    overflow-x: scroll !important;
  }
  .dfpOneColumns > div ::-webkit-scrollbar {
    display: none;
  }
}

.lapContentOneColumn > div {
  width: 728px;
  max-width: 100%;
  overflow-x: hidden;
  margin-top: -13px;
}

.performanceContentOneColumn > div {
  width: 970px;
  max-width: 100%;
  overflow-x: hidden;
  margin-top: -13px;
}

.anzeige--content {
  width: 500px;
  max-width: 100%;
  overflow-x: hidden;
  margin-top: -13px;
}

@media screen and (max-width: 539px) {
  .anzeige--content {
    overflow-x: scroll !important;
  }
  .anzeige--content ::-webkit-scrollbar {
    display: none;
  }
}

.anzeige--full {
  margin: 20px auto !important;
}

.ad-ui {
  display: table;
  width: 100%;
  text-align: center;
}

.ad-ui span {
  display: table-cell;
  vertical-align: middle;
}

.anzeige-bg {
  background-color: #fff;
}

.ie7 .anzeige-bg {
  clear: both;
}

.ie7 .anzeige-bg .pack__item {
  width: 300px;
}

.ie7 .anzeige-bg .pack__item[class~="1/2"] {
  width: 383px !important;
}

.som-ad-banner-ui {
  background-color: #404040;
  color: #fff;
  height: 250px;
}

.google-ad-wrapper-ui,
.palmOneColumn {
  width: 300px !important;
}

.google-ad-wrapper-ui::before,
.palmOneColumn::before {
  color: #404040 !important;
}

.google-ad-ui {
  color: #fff;
  height: 250px;
}

.google-ad-wrapper-banner-ui {
  width: 100% !important;
}

.google-ad-wrapper-banner-ui::before {
  color: #808080 !important;
}

.google-ad-banner-ui {
  background-color: #000;
  color: #fff;
  height: 130px;
}

.intern-anzeige-ui {
  background-color: #ffc53e;
  color: #fff;
  height: 250px;
}

.intern-anzeige-ui-content {
  background-color: #ffc53e;
  color: #fff;
  height: 130px;
}

.ie7 .top-ad {
  margin-bottom: 20px;
}

.toolbar-wrapper {
  width: 100%;
  height: 45px;
}

.toolbar-ad {
  background-color: #ffc53e;
  color: #00489a;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  height: 45px;
  min-height: 45px;
  cursor: pointer;
}

.toolbar-ad:hover {
  text-decoration: none;
  background-color: #f7a600;
}

.toolbar-ad__img {
  height: 30px;
  max-height: 30px;
}

.toolbar-ad--warning {
  background-color: #c00 !important;
  color: #fff !important;
}

.toolbar-ad--warning:hover {
  background-color: #990000 !important;
}

@media screen and (max-width: 47.99em) {
  .theme-vacation-header-image > img {
    height: 66px;
  }
}

.bg-full--wrapper {
  height: 200px;
}

.bg-full--wrapper .fireplace-ad--logo {
  height: 200px;
  position: relative;
  bottom: 0;
}

.ie7 .bg-full--wrapper {
  height: 200px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .bg-full--wrapper {
    height: 134px;
  }
  .bg-full--wrapper .fireplace-ad--logo {
    height: 134px;
    position: relative;
    bottom: 0;
  }
  .bg-full--wrapper .fireplace-ad--logo img {
    max-height: 134px;
  }
}

@media screen and (max-width: 47.99em) {
  .bg-full--wrapper {
    height: 66px;
  }
  .bg-full--wrapper img {
    min-height: 66px;
  }
  .bg-full--wrapper .fireplace-ad--logo {
    height: 66px;
    position: relative;
    bottom: 0;
  }
  .bg-full--wrapper .fireplace-ad--logo img {
    min-height: 0;
    max-height: 66px;
  }
}

.bg-full--banner-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
}

.bg-full--fit {
  position: relative !important;
}

.bg-full--title {
  position: relative;
  height: 0;
  z-index: 99;
}

.ie7 .bg-full--title h2 {
  margin-bottom: 20px;
}

.ie7 .bg-full--title .smaller-desk-fit-screen-ph {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.bg-full--title h2 {
  color: #fff;
}

.has-fireplace .bg-full--banner-wrapper {
  position: relative;
}

.has-fireplace .bg-full--title {
  padding-left: 20px;
}

.has-fireplace .dfpTwoColumns,
.has-fireplace .performanceContentTwoColumn {
  margin-left: -30px;
  margin-right: -30px;
}

.has-fireplace .vhs_small_ad {
  overflow-x: hidden;
}

.has-fireplace .forecastLi {
  overflow: hidden;
}

.has-fireplace .forecastLi .textAnzeige {
  padding-bottom: 9px;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}

.bg-full--banner {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.ie7 .bg-full--banner {
  height: 250px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .bg-full--banner {
    height: 250px;
  }
}

@media screen and (max-width: 47.99em) {
  .bg-full--banner {
    height: 150px;
  }
}

.bg-full-slider--wrapper {
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .bg-full--content .slick-track,
  .slick-two .slick-track,
  .slick-three .slick-track {
    -webkit-transform: translate3d(0, 0, 0) !important;
            transform: translate3d(0, 0, 0) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .slick-two .slick-track {
    -webkit-transform: translate3d(0, 0, 0) !important;
            transform: translate3d(0, 0, 0) !important;
  }
}

.countdown {
  position: absolute;
  top: 25px;
  width: 100%;
  text-align: center;
}

.ie7 .countdown {
  left: 0;
  right: 0;
}

@media screen and (max-width: 63.99em) {
  .dfpTwoColumns {
    text-align: center;
  }
}

.dfpOneColumns,
.performanceContentOneColumn,
.lapContentOneColumn {
  text-align: center;
}

@media screen and (min-width: 64em) {
  .rectangle-home {
    padding-top: 71px;
  }
}

@media screen and (min-width: 64em) {
  .has-halfpage .rectangle-home {
    padding-top: 0;
  }
}

.has-fireplace .bahnbox {
  margin-left: -30px;
  margin-right: -30px;
}

.aside #ad-rectangle1-outer #ad-rectangle1 {
  margin-top: -13px;
}

.has-fireplace .page-gradient {
  display: none;
}

.android-modern .android-container h3 {
  color: #00489a !important;
}

.android-container {
  padding-top: 10px;
  padding-bottom: 22px;
  border: 0;
  border-radius: 5px;
  background: #fff;
}

.android-container h3 {
  font-size: 18px;
  color: black !important;
}

.android-container .overlay-temp--text {
  color: #00489a !important;
}

.android-container .map-legend__labels {
  color: black !important;
}

.border-bottom-grey {
  border-bottom: 1px solid #f6f6f6;
}

.android-modern .android-styled-select {
  /* TODO: Do not use hard coded path in scss */
  background: url("/wcomv5/images/arrow_down_blue_small.png") no-repeat right #fff;
  margin-bottom: 20px !important;
}

.android-modern select {
  color: #00489a !important;
  border: 0;
  border-bottom: 1px solid #00489a;
}

.android-modern .autocomplete-suggestions {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  left: 4px !important;
}

.android-styled-select {
  /* TODO: Do not use hard coded path in scss */
  background: #5995e2 url("/wcomv5/images/arrow_down.png") no-repeat right;
  width: 100%;
  overflow: hidden;
  border: 0;
  border-radius: 5px;
  margin-bottom: 5px;
  background-size: 35px;
}

.android-styled-select select {
  -webkit-appearance: none;
  background: transparent;
  color: white;
  font-size: 20px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.android.android-classic body,
.android.android-classic .media__body,
.android.android-classic .media--rev {
  background-color: #3a3a3a !important;
}

.android.android-classic h3 {
  color: white;
}

.android.android-classic h2 {
  color: white;
  font-size: 1.2em;
  font-weight: normal;
}

.android.android-classic p {
  color: white;
}

.android.android-classic .app-layout {
  background-color: #3a3a3a;
}

.android.android-classic div {
  color: white;
}

.android.android-classic .time {
  color: #f7a600;
}

.android.android-classic hr {
  border-color: #595959;
}

.android.android-classic .btn--description {
  background: #fff;
  color: #00489a;
}

.android.android-classic a {
  color: #f7a600 !important;
}

.android.android-classic .news-ticker {
  border-left: 1px solid rgba(215, 215, 215, 0.6);
}

.android.android-modern body,
.android.android-modern .media__body,
.android.android-modern .media--rev {
  background-color: white !important;
}

.android .indicator {
  font-weight: normal !important;
  top: 2px !important;
  left: -16px !important;
  border: 0 solid;
  border-radius: 45px;
  padding: 7px;
  width: 32px;
  height: 32px;
  color: white !important;
}

.android .icon-twitter {
  background: #1ca9d2 !important;
}

.android .icon-twitter::before {
  position: absolute;
  top: 9px;
}

.android .icon-icon_picture {
  background: #c2185b !important;
}

.android .icon-icon_picture::before {
  color: white;
  position: absolute;
  left: 6px;
}

.android .icon-icon_video_arrow {
  background: #ef6c00 !important;
}

.android .icon-icon_video_arrow::before {
  position: absolute;
  top: 11px;
  left: 11px;
}

.android .icon-icon_text {
  background: #437bcd !important;
}

.android .icon-icon_text::before {
  position: absolute;
  top: 9px;
  left: 8px;
}

.android .icon-icon_news {
  background: #4caf50 !important;
}

.android .icon-icon_news::before {
  position: absolute;
  left: 6px;
}

.android .icon-icon_specials {
  background: #fbbb21 !important;
}

.android body {
  padding-right: 0 !important;
}

.android .navigation-container {
  position: fixed;
  top: 0;
  z-index: 2;
}

.android .tab-navigation {
  width: 1500px;
  height: 40px;
  padding-top: 10px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .android .tab-navigation {
    width: 2048px;
  }
}

@media screen and (min-width: 64em) {
  .android .tab-navigation {
    width: 2650px;
  }
}

.android .tab-navigation.blogs {
  width: 1260px;
}

.android .tab-item {
  width: 33vw;
  height: 30px;
  padding-top: 3px;
  font-size: 12px;
}

.android.android-classic .news-results {
  margin-top: 35px;
}

.android.android-classic .navigation-container {
  background: #3a3a3a;
}

.android.android-classic .tab-item {
  border-right: 1px solid #434343;
}

.android.android-classic .tab-item.is-active {
  border-bottom: 2px solid #ffd91e;
}

.android.android-classic .fashion-container p,
.android.android-classic .fashion-container div {
  color: black;
}

.android.android-classic .fashion-container a {
  color: white !important;
}

.android.android-classic .btn {
  background-color: #5995e2;
  border-radius: 5px;
  padding: 10px 0;
}

.android.android-classic h3 {
  font-weight: 400;
}

.android.android-classic label.delta {
  color: white;
}

.android.android-classic .android-hide {
  display: none !important;
}

.android.android-classic body {
  background: #3a3a3a;
}

.android.android-classic li.react-autosuggest__suggestion {
  background: #3a3a3a;
}

.android.android-classic li.react-autosuggest__suggestion--focused {
  background-color: #545454 !important;
}

.android.android-classic select {
  color: #fff !important;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.android.android-classic .android-headline,
.android.android-classic .title,
.android.android-classic .fashion-container a {
  color: white;
}

.android.android-classic .bg--warning-green.text--white a {
  color: white !important;
  text-decoration: underline;
}

.android.android-classic .is-active::after {
  border-color: white !important;
}

.android.android-classic .text--blue-dark,
.android.android-classic .text--blue-dark[class*='icon-']::before,
.android.android-classic .react-autosuggest__input,
.android.android-classic #mapWarningPanelInner h4,
.android.android-classic .weather-tab {
  color: white !important;
}

.android.android-classic .map-zoom-controls div,
.android.android-classic .map-zoom-controls [class*='icon-']::before,
.android.android-classic .mpw-timestamp div,
.android.android-classic .mpw-timestamp [class*='icon-']::before {
  color: #000 !important;
}

.android.android-classic .bg--white,
.android.android-classic #mapWarningPanelInner {
  background-color: transparent !important;
}

.android.android-classic .autocomplete-suggestion,
.android.android-classic .search-form {
  background: #3a3a3a;
}

.android.android-classic #mapWarningPanel {
  background: #3a3a3a !important;
}

.android.android-classic .autocomplete-suggestions {
  background: #3a3a3a;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.android.android-classic .slick-dots li.slick-active button::before {
  color: #fbbb21;
}

.android.android-classic .slick-dots li button::before {
  color: #757575;
}

.android.android-classic .app-layout + .app-layout {
  padding-top: 20px !important;
  border-top: 1px solid #474646;
}

.android.android-classic a,
.android.android-classic .icon-arrow_accordion--right {
  color: #c0c0c0;
}

.android.android-classic .weather-block {
  background: #5995e2;
  padding-left: 10px;
  border: 0 solid;
  border-radius: 5px;
  margin-bottom: 2px;
}

.android.android-classic .weather-block .icon-arrow_accordion--right {
  color: white !important;
}

.android.android-classic .country-name {
  color: #c9def9;
}

.android.ios .title--news {
  line-height: 1.467em;
}

.android.ios .news-title {
  font-size: 22px !important;
}

.android.ios .tab-item {
  color: #e1edfa;
  font-size: 15px;
  font-weight: bold;
  height: 36px;
}

.android.ios .tab-item.is-active {
  color: #00489a;
  border-bottom: 2px solid #00489a;
}

.android.ios .fashion-container p {
  color: black;
}

.android.ios .news-results {
  margin-top: 46px;
}

.android.ios .navigation-container {
  background: white;
}

.android.ios body {
  background: white !important;
}

.android.ios .app-layout {
  padding: 15px !important;
  line-height: 25px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .android.ios .app-layout {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.android.ios .app-layout + .app-layout {
  padding-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.android.ios .btn {
  background-color: #00489a;
  border-radius: 40px;
  padding: 8px 0;
}

.android.android-modern body {
  background: white !important;
}

.android.android-modern .android-headline,
.android.android-modern .icon-arrow_accordion--right {
  color: #00489a;
}

.android.android-modern p {
  color: #404040;
}

.android.android-modern h3,
.android.android-modern .h3,
.android.android-modern .fashion-container p {
  color: #00489a;
}

.android.android-modern label.delta {
  color: #00489a;
}

.android.android-modern .android-hide {
  display: none !important;
}

.android.android-modern .app-layout {
  background: white;
}

.android.android-modern .navigation-container {
  background: white;
}

.android.android-modern .news-results {
  margin-top: 35px;
}

.android.android-modern .tab-item {
  color: #e1edfa;
}

.android.android-modern .tab-item.is-active {
  color: #00489a;
  border-bottom: 2px solid #00489a;
}

.android.android-modern hr {
  border-color: #dae9f9;
}

.android.android-modern .btn {
  background-color: #00489a;
  border-radius: 40px;
  padding: 8px 0;
}

.android .app-layout {
  padding: 5px !important;
}

.android .app-layout + .app-layout {
  padding-top: 20px !important;
  border-top: 1px solid #d7d7d7;
}

.android #warningsMapTool .background--light-blue {
  display: none !important;
}

.android .android-headline {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.3em;
  margin-bottom: 1.33em;
}

.android .icon-arrow_accordion--right {
  position: relative;
  left: 0;
  top: 0;
}

.android .teaser-slider {
  margin-right: -10px;
}

.android .js-article-slider .slick-slide {
  padding-right: 0 !important;
}

.android .slick-slide {
  padding-right: 10px;
}

.android .slick-dots {
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.android .slick-dots li {
  margin: 0 3px !important;
}

.android .slick-dots li.slick-active {
  width: 27px;
}

.android .slick-dots li.slick-active button::before {
  font-size: 76px;
  opacity: 1;
}

.android .slick-dots li button::before {
  color: #688fb5;
  opacity: 1;
}

@media screen and (max-width: 63.99em) {
  .teaser-slider .slick-prev,
  .teaser-slider .slick-next {
    display: block !important;
    background: transparent !important;
  }
}

@media screen and (max-width: 63.99em) {
  .teaser-slider .slick-next {
    bottom: 12px !important;
    right: 5px !important;
    border: 0 !important;
    top: initial;
  }
}

@media screen and (max-width: 63.99em) {
  .teaser-slider .slick-prev {
    bottom: 12px !important;
    left: 26px !important;
    border: 0 !important;
    top: initial;
  }
}

.news-detail-text {
  max-width: 550px;
}

/**
  Webmodule: Anna affix
*/
.affix {
  position: fixed;
  bottom: 0;
  z-index: 2;
  -webkit-transition: bottom 0.3s;
          transition: bottom 0.3s;
  padding-left: 0.75rem;
  border-radius: 1rem;
}

@media screen and (max-width: 47.99em) {
  .affix {
    padding-right: 10px;
  }
}

.layout--comment.affix {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.layout--box.affix {
  margin-top: 0;
  margin-bottom: 0;
  background: #dee9fa;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}

.affix--image {
  height: 60px;
  background: #dee9fa;
}

.layout--comment .affix--image {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
  border-radius: 30px;
  margin-right: 30px;
  margin-left: -10px;
}

.layout--box .affix--image {
  margin-right: 15px;
  margin-left: 5px;
  margin-top: 10px;
}

.affix--box {
  background-color: #dee9fa;
  margin-left: 68px;
  padding-bottom: 10px;
  position: relative;
}

.layout--comment .affix--box {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding-top: 12px;
}

.layout--box .affix--box {
  padding-top: 22px;
}

.affix--box::before {
  content: " ";
  position: absolute;
  left: -12px;
  width: 0;
  height: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #dee9fa;
}

@media screen and (max-width: 47.99em) {
  .affix--box {
    height: 90px;
  }
  .affix--box::before {
    top: 33px;
  }
  .affix--box p {
    font-size: 14px;
    line-height: 15px;
    padding-top: 4px;
  }
  .affix--image {
    margin-top: 15px;
  }
}

.affix--close-container {
  z-index: 3;
  margin-right: -13px;
  padding: 3px;
}

@media screen and (max-width: 47.99em) {
  .affix--close-container {
    margin-right: -3px;
  }
}

.layout--comment .affix--close-container {
  margin-top: -3px;
}

.layout--box .affix--close-container {
  margin-top: -13px;
}

.affix--close {
  font-size: 1.5rem;
  line-height: 1;
  background: #00489a;
  border-radius: 3rem;
  width: 1.5rem;
  color: white;
  text-align: center;
  display: inline-block;
}

.affix--close:hover {
  text-shadow: 1px 1px 1px #000;
}

.affix:hover .button--middle-center {
  background-position: -33px -218px;
}

.affix .button--middle-center {
  margin-left: 50px;
  margin-right: 0;
}

/**
  Module: blockSunMoon
*/
.sun-moon .tooltip--target {
  left: auto;
  -webkit-transform: translate(-65%, -105%);
      -ms-transform: translate(-65%, -105%);
          transform: translate(-65%, -105%);
}

@media screen and (max-width: 63.99em) {
  .sun-moon .tooltip--target {
    -webkit-transform: translate(-52%, -107%);
        -ms-transform: translate(-52%, -107%);
            transform: translate(-52%, -107%);
  }
}

.sunhour-border {
  border-left: solid lightgrey 1px;
}

.sun-moon__item .full_moon,
.sun-moon__item .new_moon {
  background-position: 100px 0;
}

.sun-moon__item .first_quarter {
  background-position: 118px 0;
}

.sun-moon__item .last_quarter {
  background-position: 124px 0;
}

.sun-moon__item .waning_crescent,
.sun-moon__item .waxing_crescent {
  background-position: 156px 0;
}

.sun-moon__item .waning_gibbous,
.sun-moon__item .waxing_gibbous {
  background-position: 161px 0;
}

.sun-moon__icon {
  width: 41px;
}

.grillwetter .search-form {
  width: 100%;
  border: 1px solid #dfdfdf;
  line-height: 40px;
}

@media screen and (max-width: 63.99em) {
  .grillwetter .search-form {
    max-width: 100%;
  }
}

.grillwetter .search-field {
  height: 40px;
  line-height: 40px;
}

.grillwetter .weather-strip {
  background-color: #467ec7;
  border-bottom: solid 1px #fff;
  cursor: default;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
}

.grillwetter .weather-strip.weather-strip--nodetails {
  background: #ebf2fa;
  max-height: none !important;
  height: auto !important;
  border: 1px solid #d7d7d7;
  border-top: 0;
}

@media screen and (max-width: 63.99em) {
  .grillwetter .weather-strip {
    max-height: 120px;
    height: 120px;
  }
}

@media screen and (min-width: 64em) {
  .grillwetter .fallback-image {
    height: 480px;
  }
}

@media screen and (max-width: 63.99em) {
  .grillwetter .fallback-image {
    width: 100%;
  }
}

.grillwetter .barbecue-daytime {
  margin-top: 12px;
}

@media screen and (max-width: 63.99em) {
  .grillwetter .barbecue-description {
    margin-top: 12px;
  }
}

.grillwetter .loading-spinner {
  left: 65%;
  top: 65%;
}

.barbecue-orange-pipe {
  background-color: #ff9700;
  width: 4px;
}

.barbecue-orange-inner {
  background-color: rgba(255, 151, 0, 0.1);
}

.barbecue-blue-pipe {
  background-color: #467ec7;
  width: 4px;
}

.barbecue-blue-inner {
  background-color: rgba(70, 126, 199, 0.1);
}

.barbecue-green-pipe {
  background-color: #41933d;
  width: 4px;
}

.barbecue-green-inner {
  background-color: rgba(65, 147, 67, 0.1);
}

@media screen and (min-width: 64em) {
  .barbecue-tablecell {
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .barbecue-tablecell {
    display: table-cell;
    vertical-align: middle;
  }
}

.piped {
  padding-left: 1em;
}

.pipe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

/**
  Page: Bath Weather
*/
.bl-text--40 {
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

.map-lake-info {
  background: #16aacb;
  color: white;
  text-align: center;
  font-size: 14px;
}

.map-lake-info::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 7.5px solid transparent;
  border-top: 8px #16aacb;
  border-bottom-width: 0;
  bottom: 14px;
  left: calc(30% - 4px);
}

#lakes-map {
  width: 100%;
}

@media screen and (min-width: 64em) {
  #lakes-map {
    height: 600px;
  }
}

@media screen and (max-width: 63.99em) {
  #lakes-map {
    height: 390px;
  }
}

.lake-pin,
.beach-pin {
  background-image: url("/wcomv5/images/icon_pin_lake.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 44px;
}

.lake-pin-active,
.beach-pin-active {
  background-image: url("/wcomv5/images/icon_pin_lake_active.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 44px;
}

.lake-pin-detail a:hover,
.beach-pin-detail a:hover {
  color: white !important;
}

#beaches-map .leaflet-popup-content {
  margin: 0;
}

#beaches-map .leaflet-popup-content-wrapper {
  padding: 0;
}

#beaches-map .leaflet-popup-tip-container {
  display: none;
}

#beaches-map .leaflet-popup-content {
  margin: 0;
}

.beach-pin-detail {
  margin-top: 0 !important;
}

.map-beach-info {
  background: #16aacb;
  color: white;
  text-align: center;
  font-size: 14px;
}

.map-beach-info::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 7.5px solid transparent;
  border-top: 8px #16aacb;
  border-bottom-width: 0;
  bottom: 14px;
  left: calc(50% - 4px);
}

#beaches-map {
  width: 100%;
}

@media screen and (min-width: 64em) {
  #beaches-map {
    height: 690px;
  }
}

@media screen and (max-width: 63.99em) {
  #beaches-map {
    height: 390px;
  }
}

.lake-back,
.beach-back {
  position: absolute;
  right: 0;
  top: 0;
}

.beach-ratingbg {
  width: 88px;
  height: 23px;
  background: url("/wcomv5/images/specials/strandwetter/palmen_inactiv.png");
  background-repeat: no-repeat;
}

.beach-rating {
  height: 23px;
  background: url("/wcomv5/images/specials/strandwetter/palmen_activ.png");
  background-repeat: no-repeat;
}

.cluster-pin-blue {
  background-image: url("/wcomv5/images/icon_pin_cluster_blue.png");
  background-repeat: no-repeat;
}

.cluster-pin-blue .cluster {
  padding-top: 8px;
  padding-right: 3px;
  text-align: center;
  font-size: 10px;
}

/**
  Page: Bio Weather
*/
.vhs-icon--round {
  background: #467ec7;
  color: white;
  border-radius: 15px;
  padding: 7.5px;
  box-shadow: 0 1px 3px 0 rgba(18, 16, 12, 0.63);
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  width: 30px;
  height: 30px;
}

.vhs-icon--round:hover,
.anchor--section:hover .vhs-icon--round {
  background: #00489a;
}

.vhs-icon--round::before {
  font-size: 15px !important;
  color: white;
}

.vhs-icon--round.icon-thumb {
  background: #63c22b;
}

.vhs-icon--round.icon-thumb:hover,
.anchor--section:hover .vhs-icon--round.icon-thumb {
  background: #4a9c19;
}

.vhs-icon--round.icon-icon_push_warning {
  background: white;
  padding: 0;
}

.vhs-icon--round.icon-icon_push_warning:hover,
.anchor--section:hover .vhs-icon--round.icon-icon_push_warning {
  background: white;
}

.vhs-icon--round.icon-icon_push_warning:hover::before,
.anchor--section:hover .vhs-icon--round.icon-icon_push_warning::before {
  color: #b01c19;
}

.vhs-icon--round.icon-icon_push_warning::before {
  font-size: 30px !important;
  color: #e43935;
}

.vhs-half-tooltip,
.vhs-half-tooltip.tooltip--target {
  top: 55px;
  left: 0;
  right: 25px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

@media screen and (max-width: 47.99em) {
  .vhs-half-tooltip,
  .vhs-half-tooltip.tooltip--target {
    left: 0;
    top: 45px;
  }
}

.vhs-half-tooltip::before,
.vhs-half-tooltip.tooltip--target::before {
  left: 10.75em;
  bottom: auto;
  top: -7px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.vhs-spaces {
  overflow: hidden;
  border-bottom: 1px solid #d7d7d7;
}

.vhs-spaces .pack__item {
  width: 62px;
}

@media screen and (min-width: 64em) {
  .vhs-spaces .slick-arrow {
    background: rgba(255, 255, 255, 0.8);
    height: 100%;
    top: 10px;
    width: 70px;
  }
  .vhs-spaces .slick-arrow.slick-disabled {
    display: none !important;
  }
  .vhs-spaces .slick-arrow.slick-next {
    right: 0;
  }
  .vhs-spaces .slick-arrow.slick-prev {
    left: -15px;
  }
  .vhs-spaces .slick-arrow:hover::before {
    color: white;
  }
  .vhs-spaces .slick-arrow::before {
    background: #ffc53e;
    color: #fffc93;
    height: 60px;
    line-height: 60px;
    width: 35px;
    opacity: 1;
  }
}

/**
  Page: Blog / Blog Article
*/
.author-label {
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  bottom: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.blue-nav .blue-nav__item {
  border-right: 1px solid #76acea;
  border-bottom: 1px solid #76acea;
}

.blue-nav .blue-nav__item:last-child {
  border-right: none;
}

.blue-nav__item {
  line-height: 16px;
  background: #467ec7;
  -webkit-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

.blue-nav__item:hover {
  background: #00489a;
  text-decoration: none;
}

.blue-nav__item a:hover {
  text-decoration: none;
}

.blue-nav__item span {
  color: #fff;
  font-weight: 400;
  white-space: nowrap;
}

.blue-nav__item span:hover {
  text-decoration: none;
}

.blue-nav__item .gamma {
  line-height: inherit;
}

.blue-nav__item.is-active {
  background: #fff;
  cursor: default;
}

.blue-nav__item.is-active h4,
.blue-nav__item.is-active span {
  color: #00489a;
}

.blue-nav__item.is-active:hover {
  background: #fff;
}

/**
	Breadcrumps
 */
.breadcrumb {
  color: #fff;
  font-size: 12px;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb .breadcrumb__item:first-child::before {
  display: none;
}

.breadcrumb a {
  color: #fff;
}

.breadcrumb__item::before {
  content: '>';
  font-size: 12px;
  margin: 0 3px;
}

/**
  Widget: Climate
  Page: Climate
*/
#climate-station-map {
  width: 100%;
  height: 400px;
}

#climate-next-stations-map {
  width: 100%;
  height: 350px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #climate-next-stations-map {
    height: 210px;
  }
}

@media screen and (max-width: 47.99em) {
  #climate-next-stations-map {
    height: 150px;
  }
}

#climate-next-stations .icon-arrow_link {
  top: 3px;
  position: relative;
}

.climate-filter .ccs-select__item::after {
  right: 2px;
}

@media screen and (max-width: 63.99em) {
  .climate-filter .layout {
    margin-left: 0;
  }
}

#climate-diagram {
  height: 280px;
}

#climate-legend dt,
#climate-legend dd {
  display: inline-block;
  margin-left: 0;
}

#climate-legend .size {
  width: 12px;
  height: 6px;
  position: relative;
  top: -1px;
  font-size: 1px;
  line-height: 6px;
}

#climate-legend .temp-min {
  background-color: #034698;
  color: #034698;
}

#climate-legend .temp-max {
  background-color: #f7a600;
  color: #f7a600;
}

#climate-legend .rain-amount {
  background-color: #56a2ff;
  color: #56a2ff;
}

#climate-legend .rain-days {
  background-color: #437bcd;
  color: #437bcd;
}

#climate-legend .sunshine {
  background: #fbbb21 -webkit-linear-gradient(left, #fffad1, #fbbb21);
  background: #fbbb21 linear-gradient(to right, #fffad1, #fbbb21);
  color: #fbbb21;
}

#climate-legend .humidity {
  background-color: #4dd1be;
  color: #4dd1be;
}

.climate-value {
  width: 6.7%;
  border-left: 1px solid #fff !important;
}

@media screen and (max-width: 47.99em) {
  .climate-value {
    width: 8.3%;
  }
}

#climate-widget .climate-filter {
  min-width: 175px;
  position: relative;
  top: -2px;
}

.temperature-legend {
  max-width: 315px;
}

.temperature-legend__item {
  height: 9px;
  background: #738ff7;
  /* Old browsers */
  background: -webkit-linear-gradient(left, #738ff7 0%, #78c7ff 9%, #7ad7f8 18%, #7ad9de 27%, #76dfc2 36%, #98f38c 45%, #faf574 54%, #ffe681 63%, #febe74 72%, #cc6f5d 81%, #e08573 90%, #bd7873 100%);
  background: linear-gradient(to right, #738ff7 0%, #78c7ff 9%, #7ad7f8 18%, #7ad9de 27%, #76dfc2 36%, #98f38c 45%, #faf574 54%, #ffe681 63%, #febe74 72%, #cc6f5d 81%, #e08573 90%, #bd7873 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.temperature-legend__item div {
  font-size: 10px;
  color: #fff;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  line-height: 9px;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.temperature-legend__item div:last-child {
  margin-right: 0 !important;
}

/**
  Page: Blog/Article
*/
.app-columnists-wrapper {
  height: 385px;
  width: 100%;
}

.app-columnists-header {
  background-position: 100% 100%;
  background-repeat: no-repeat;
  height: 420px;
  bottom: 0;
  right: 0;
  width: 100%;
  position: absolute;
}

@media screen and (max-width: 47.99em) {
  .app-columnists-header {
    background-size: 117px 126px;
    background-position: 100% 30px;
  }
}

.app-columnists-all {
  background-image: url("/wcomv5/images/kolumnisten_header.png");
}

@media screen and (max-width: 47.99em) {
  .app-columnists-title {
    height: 120px;
    vertical-align: bottom;
    display: table-cell;
    padding-right: 110px;
    padding-bottom: 10px;
  }
}

.app-columnists-kai {
  background-image: url("/wcomv5/images/kai.png");
}

.app-columnists-alexander {
  background-image: url("/wcomv5/images/alexander.png");
}

.app-columnists-anna {
  background-image: url("/wcomv5/images/anna.png");
}

.app-columnists-tarik {
  background-image: url("/wcomv5/images/tarik.png");
}

.app-columnists-bernd {
  background-image: url("/wcomv5/images/bernd.png");
}

.app-layout.app-columnists-description {
  width: 100%;
  height: 385px;
  display: table-cell;
  vertical-align: middle;
}

@media screen and (min-width: 64em) {
  .app-layout.app-columnists-description {
    padding-right: 400px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .app-layout.app-columnists-description {
    padding-right: 400px;
  }
}

.app-layout.app-columnists-description p {
  overflow-y: auto;
}

@media screen and (max-width: 63.99em) {
  .app-layout.app-columnists-description p {
    height: 240px;
  }
}

.dv-container {
  width: 2240px;
  width: 800px;
  height: 700px;
  position: relative;
  top: 50px;
  left: 10px;
}

.dv-svg {
  border: 1px solid #d7d7d7;
}

.dv-navigation {
  padding: 20px 20px 20px 100px;
  font-family: Arial;
}

.dv-navigation-button {
  background-color: #76acea;
  padding: 4px 10px;
  margin: 10px;
  float: left;
  color: white;
  cursor: pointer;
}

.dv-nw-mask {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 0;
  fill: #eb0000;
  fill: black;
  fill-opacity: 1;
}

.dv-skyvalues {
  opacity: 0;
  font-size: 12px;
  fill: #467ec7;
  font-family: "Open Sans", sans-serif;
}

.dv-hourlypanels {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 0;
  fill: #467ec7;
  fill-opacity: 0.01;
}

.dv-night {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 0;
  fill: #ebf2fa;
  fill-opacity: 0.5;
}

.dv-hourlybevels {
  stroke: #467ec7;
  stroke: rgba(216, 229, 243, 0.5);
  stroke: rgba(186, 212, 235, 0.5);
  stroke-width: 1;
  fill: none;
  shape-rendering: crispEdges;
}

.dv-alerts {
  stroke-width: 0;
  opacity: 1;
  fill: #c80000;
}

.dv-suninfo {
  font-size: 11px;
  fill: #467ec7;
  font-family: "Open Sans", sans-serif;
  text-anchor: middle;
  opacity: 1;
}

.dv-windtags {
  font-size: 11px;
  fill: #467ec7;
  font-family: "Open Sans", sans-serif;
  text-anchor: middle;
  opacity: 1;
}

.dv-hourlylabels {
  font-size: 12px;
  fill: #467ec7;
  font-family: "Open Sans", sans-serif;
  text-anchor: middle;
  opacity: 1;
}

.dv-temperaturevalues {
  font-size: 14px;
  fill: black;
  font-family: "Open Sans", sans-serif;
  text-anchor: middle;
  opacity: 0.8;
}

.dv-rainvalues {
  font-size: 14px;
  fill: black;
  font-family: "Open Sans", sans-serif;
  text-anchor: middle;
  opacity: 0.8;
}

.dv-temperaturepanels {
  stroke-width: 0;
  fill: black;
  fill-opacity: 0.5;
}

.dv-arrow {
  fill: #467ec7;
  font-family: FontAwesome;
  font-size: 40px;
  opacity: 1;
}

.dv-symbol {
  width: 80px;
  height: 80px;
}

.iwx-line-front {
  stroke: #a40000;
  stroke-width: 3;
  fill: none;
}

.iwx-line-gr {
  stroke-width: 4;
  fill: none;
}

.iwx-line {
  stroke: #e50000;
  stroke-width: 2;
  fill: none;
}

.iwx-line-dummy {
  stroke: rgba(0, 0, 0, 0.05);
  stroke-width: 2;
  fill: none;
}

.iwx-line-shadow {
  stroke: rgba(0, 0, 0, 0.07);
  stroke-width: 3;
  fill: none;
}

.scroll-wrapper {
  overflow-y: hidden;
  overflow-x: hidden;
  width: 100%;
  padding-left: 1px;
}

@media screen and (max-width: 63.99em) {
  .scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.half-left {
  position: absolute;
  left: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.detail-border {
  border-left: 1px solid #ebf2fa;
}

.detail-border.is-last {
  border-right: 1px solid #d7d7d7;
}

.detail-border--left {
  border-top: none;
}

.detail-border--top {
  border-top: 1px solid #d7d7d7;
}

.detail-icon-height {
  height: 65px;
}

.color-box {
  width: 12px;
  height: 6px;
}

.path-color--legend-level-5 path {
  stroke: #f76e00;
}

.path-color--legend-level-0 path {
  stroke: #83bf0e;
}

.path-color--legend-level-7 path {
  stroke: #fbbb21;
}

.color--legend-level-7 {
  color: #fbbb21;
}

.color-box--rain-level-default {
  background-color: #5aa4fc;
}

.color-box--rain-level-0 {
  background-color: #83bf0e;
}

.color-box--rain-level-1 {
  background-color: #a6caf0;
}

.color-box--rain-level-2 {
  background-color: #69f;
}

.color-box--rain-level-3 {
  background-color: #004ce5;
}

.color-box--rain-level-4 {
  background-color: #002673;
}

.color-box--rain-level-5 {
  background-color: #f76e00;
}

.color-box--rain-level-6 {
  background-color: #e60000;
}

.color-box--prec-level-1 {
  background-color: #d6e2ff;
}

.color-box--prec-level-2 {
  background-color: #8eb2ff;
}

.color-box--prec-level-3 {
  background-color: #6370f7;
}

.color-box--prec-level-4 {
  background-color: #c6ff33;
}

.color-box--prec-level-5 {
  background-color: #96ff00;
}

.color-box--prec-level-6 {
  background-color: #00c633;
}

.color-box--prec-level-7 {
  background-color: #ffc600;
}

.color-box--prec-level-8 {
  background-color: #ffa000;
}

.color-box--prec-level-9 {
  background-color: #ff7c00;
}

.color-box--prec-level-10 {
  background-color: #ff1900;
}

.color-box--gray-light {
  background-color: #b5b5b5;
}

.color-box--humidity {
  background-color: #a8dff4;
}

.detail-value-box {
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 86px;
}

.detail-svg svg {
  z-index: 2;
  top: 0;
  left: 0;
  position: absolute;
}

.detail-svg path {
  fill: none;
  stroke-width: 2px;
}

.detail-svg--right svg {
  left: 50%;
  overflow: visible;
}

.sun-icons {
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}

.icon-arrow_accordion--right {
  position: absolute;
  top: 207px;
  right: -15px;
}

.tdbl {
  border-left: solid 1px #d7d7d7;
}

.tdbr {
  border-right: solid 1px #d7d7d7;
}

#vhs-detail-diagram {
  width: 100%;
  max-width: 698px;
  border-collapse: collapse;
}

.has-fireplace #vhs-detail-diagram {
  max-width: 627px;
}

#vhs-detail-diagram td {
  height: 10px;
}

#vhs-detail-diagram .cell-center {
  left: 0;
}

#vhs-detail-diagram .h25 {
  height: 25px;
}

#vhs-detail-diagram .h36 {
  height: 36px;
}

#vhs-detail-diagram .h50 {
  height: 50px;
}

#vhs-detail-diagram .h70 {
  height: 70px;
}

#vhs-detail-diagram .diagram-wind {
  height: auto;
  width: 18px;
}

#vhs-detail-diagram .weather-icon {
  max-width: inherit;
}

#vhs-detail-diagram .absolute--top-left {
  top: 6px;
  left: 100%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

#vhs-detail-diagram .absolute--left-transform {
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
}

#vhs-detail-diagram .absolute--top-left-transform {
  left: 100%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.detail-value-container {
  margin-top: 15px;
  margin-bottom: 55px;
  height: 90px;
  position: relative;
}

.ie7 .detail-value-container {
  overflow: hidden;
  height: 0;
  position: static;
}

.ie7 .is-open .detail-value-container {
  height: 90px;
}

.detail-value-icon,
.detail-value-label {
  -webkit-transition: top 0.4s ease-out 0.4s, -webkit-transform 0.4s ease-out 0.4s;
          transition: top 0.4s ease-out 0.4s, transform 0.4s ease-out 0.4s;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  display: block;
  left: 0;
  right: 0;
}

.all-icons-down.is-closed .detail-value-icon, .all-icons-down.is-closed
.detail-value-label {
  top: 100% !important;
}

.column-time {
  width: 100%;
}

.icon-arrow_accordion {
  -webkit-transition: -webkit-transform 0.4s ease-out;
          transition: transform 0.4s ease-out;
}

.detail-time {
  color: #467ec7;
}

/**
  Module: Extreme Widget
*/
.extreme-widget {
  background-position: right 0;
}

@media screen and (max-width: 47.99em) {
  .extreme-widget.is-heat {
    background: -webkit-linear-gradient(45deg, #fc9e2e 0%, #ffcd2d 100%);
    background: linear-gradient(45deg, #fc9e2e 0%, #ffcd2d 100%);
  }
}

.extreme-widget.is-heat .location-name-container {
  background: #e43935;
}

@media screen and (max-width: 47.99em) {
  .extreme-widget.is-cold {
    background: -webkit-linear-gradient(45deg, #cddff3 0%, #e3ecf4 100%);
    background: linear-gradient(45deg, #cddff3 0%, #e3ecf4 100%);
  }
}

.extreme-widget.is-cold .location-name-container {
  background: #00489a;
}

.extreme-widget .temp-container {
  background: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 47.99em) {
  .extreme-widget .temp-container {
    margin-top: 1px;
  }
}

.extreme-widget .location-name-container {
  margin-top: 1px;
}

/**
  Page: Fashionweather
*/
.fashion {
  background-repeat: no-repeat;
}

.fashion .alpha1 {
  font-size: 90px;
}

@media screen and (max-width: 47.99em) {
  .fashion .alpha1 {
    font-size: 60px;
  }
}

.roundabout-holder {
  padding: 0;
  margin: 0 auto;
}

@media screen and (max-width: 47.99em) {
  .roundabout-holder {
    height: 260px;
    width: 160px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .roundabout-holder {
    height: 270px;
    width: 200px;
  }
}

@media screen and (min-width: 64em) {
  .roundabout-holder {
    height: 450px;
    width: 350px;
  }
}

.roundabout-moveable-item {
  background-color: #fff;
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 47.99em) {
  .roundabout-moveable-item {
    height: 260px;
    width: 200px;
    padding: 10px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .roundabout-moveable-item {
    height: 270px;
    width: 210px;
    padding: 10px;
  }
}

@media screen and (min-width: 64em) {
  .roundabout-moveable-item {
    height: 450px;
    width: 350px;
    padding: 20px;
  }
}

.roundabout-moveable-item img {
  height: 100%;
  width: 100%;
}

.roundabout-in-focus {
  cursor: auto;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .roundaboutWrapper {
    position: relative;
    width: 344px;
  }
}

.roundabout {
  position: relative;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .roundabout {
    width: 344px;
  }
}

@media screen and (max-width: 47.99em) {
  .roundabout .slick-next {
    top: 37%;
    right: 30px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .roundabout .slick-next {
    top: 45%;
    right: 40px !important;
  }
}

@media screen and (min-width: 64em) {
  .roundabout .slick-next {
    top: 205px;
    right: 123px !important;
  }
}

@media screen and (max-width: 47.99em) {
  .roundabout .slick-prev {
    top: 37%;
    left: 29px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .roundabout .slick-prev {
    top: 45%;
    left: 38px !important;
  }
}

@media screen and (min-width: 64em) {
  .roundabout .slick-prev {
    top: 205px;
    left: 148px !important;
  }
}

.roundabout .slick-arrow {
  width: 38px;
  height: 60px;
  background: #fbbb21;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  z-index: 500;
}

.roundabout .slick-arrow:hover {
  background: #f39200;
}

.roundabout .slick-arrow::before {
  color: #fff;
}

.roundaboutCarousel li span {
  position: absolute;
  display: none;
  right: 30px;
  bottom: 30px;
  overflow: hidden;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .roundaboutCarousel li span {
    right: 20px;
    bottom: 20px;
  }
}

@media screen and (max-width: 47.99em) {
  .roundaboutCarousel li span {
    right: 15px;
    bottom: 15px;
  }
}

.roundaboutCarousel .roundabout-in-focus span {
  display: block;
}

.roundaboutCarousel a.view-project-button,
.androidFashion a.view-project-button {
  display: block;
  color: #fff;
  padding: 6px 12px;
  text-decoration: none;
  background: #fbbb21;
}

.roundaboutCarousel a.view-project-button:hover,
.androidFashion a.view-project-button:hover {
  background: #f39200;
}

.androidFashion {
  white-space: nowrap;
}

.androidFashion span {
  position: absolute;
  right: -10px;
  bottom: -10px;
  background-color: #fff;
  padding: 3px;
}

.androidFashion img {
  background-color: #fff;
  padding: 3px;
  max-height: 136px;
}

.fashionDay {
  background-color: #ebf2fa;
  max-height: 170px;
  overflow: hidden;
}

/*
  Gartenwetter Mobil/Desktop
 */
.garden-logo {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media screen and (min-width: 64em) {
  .garden-header {
    margin-top: -75px;
  }
}

.garden-snail {
  margin-top: -130px;
  float: right;
}

.garden-icon span,
.garden-icon i {
  color: #dae9f9;
}

.android-classic .garden-icon h4,
.android-classic .garden-icon span.icon::before {
  color: #fff;
}

.android-modern .garden-icon.is-active {
  color: #00489a;
}

.android-modern .garden-icon.is-active span {
  color: #00489a;
}

.android-modern .garden-icon.is-active i {
  color: #fff;
}

.android-modern .garden-icon.is-active i::before {
  border-color: #00489a;
  background: #00489a;
}

.android-classic .garden-icon.is-active {
  color: #fff !important;
}

.android-classic .garden-icon.is-active span {
  color: #fff;
}

.android-classic .garden-icon.is-active i {
  color: #fff;
}

.android-classic .garden-icon.is-active i::before {
  border-color: #f7a600;
  background: #f7a600;
}

/**
  Page: Bildergallerie
*/
.gallery-border--left {
  border-left: 5px solid #fff;
}

.gallery-border--bottom {
  border-bottom: 5px solid #fff;
}

.gallery-teaser__item--tall {
  height: 325px;
}

@media screen and (max-width: 47.99em) {
  .gallery-teaser__item--tall {
    height: 160px;
  }
}

.gallery-teaser__item--small {
  height: 160px;
}

.gallery-teaser__item--top {
  height: 54%;
}

@media screen and (max-width: 47.99em) {
  .gallery-teaser__item--top {
    height: 100% !important;
  }
}

.gallery-teaser__item--bottom {
  height: 46%;
}

@media screen and (max-width: 47.99em) {
  .gallery-teaser__item--bottom {
    height: 100% !important;
  }
}

.gallery-teaser__item--overlay {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 44px;
}

.gallery-teaser__item--image {
  background: center no-repeat;
  background-size: cover;
}

.gallery-listitem {
  border-bottom: 1px solid #76acea;
}

.gallery-collection .gallery-teaser__item--image {
  height: 220px;
}

@media screen and (max-width: 47.99em) {
  .gallery-collection .gallery-teaser__item--image {
    height: 145px;
  }
}

.gallery-collection .gallery-teaser-overlay {
  position: absolute;
  bottom: 0;
  color: white;
}

@media screen and (max-width: 63.99em) {
  .gallery-collection .gallery-teaser-overlay {
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
  }
}

.gallery-collection .gallery-teaser-overlay:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fbbb21 !important;
}

.gallery-collection .image-border {
  border-left: 5px solid white;
}

@media screen and (max-width: 47.99em) {
  .gallery-collection .image-border {
    border-left: 0 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .gallery-collection .lap-image-border {
    border-left: 5px solid white;
  }
}

.tab {
  position: relative;
  /**
      On Desktop environment we have a button bar with targets
      and only show one container at once
   */
  /**
      Lap behaves same as desk
   */
  /**
      In Palm environment instead we show all container
      and hide content as soon a target was chosen
   */
}

@media screen and (min-width: 64em) {
  .tab {
    display: none;
  }
  .tab[id]:not(:target),
  .tab[id]:target ~ .tab:last-child {
    display: none;
  }
  .tab[id]:target, .tab.is-active, .tab[id]:last-child {
    display: block;
  }
  .tab .tab {
    display: none;
  }
  .tab .tab[id]:last-child {
    display: none;
  }
  .tab .tab.is-active, .tab .tab[id].is-active:last-child {
    display: block;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .tab {
    display: none;
  }
  .tab[id]:not(:target),
  .tab[id]:target ~ .tab:last-child {
    display: none;
  }
  .tab[id]:target, .tab.is-active, .tab[id]:last-child {
    display: block;
  }
  .tab .tab {
    display: none;
  }
  .tab .tab[id]:last-child {
    display: none;
  }
  .tab .tab.is-active, .tab .tab[id].is-active:last-child {
    display: block;
  }
}

@media screen and (max-width: 47.99em) {
  .tab {
    display: block;
  }
  .is-active .tab[id]:not(:target):not(.is-open) > :not(h4) {
    display: none;
  }
  .is-active .tab[id]:not(:target):not(.is-open) > h4 .icon-arrow_accordion {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .tab.is-closed > :not(h4) {
    display: none !important;
  }
  .tab.is-closed > h4 .icon-arrow_accordion {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .tab .icon-arrow_accordion {
    -webkit-transition: -webkit-transform 0.4s ease-out;
            transition: transform 0.4s ease-out;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

/**
  Module: Kitty Map
*/
.kitty-map-canvas {
  position: absolute;
}

.kitty-map-wrapper--emilia-romagna {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
  /* Standard Property */
  -webkit-transform-origin: 700px -20px;
      -ms-transform-origin: 700px -20px;
          transform-origin: 700px -20px;
  /* Standard Property */
  position: relative;
}

/**
  Module: Lightboxes
*/
.lity .lity-headline {
  top: -35px;
  position: absolute;
  line-height: 35px;
  max-width: 100vw;
}

@media screen and (min-width: 64em) {
  .lity .lity-close,
  .lity .lity-close:active {
    position: absolute;
    top: -35px;
  }
  .lity .lity-wrap {
    top: 35px;
    bottom: 0;
  }
}

/**
  Widget: Livecams
 */
.show-active {
  display: none;
}

.is-active .show-active,
[aria-hidden=false] > .show-active {
  display: block;
}

.is-active .show-active.inline-block,
[aria-hidden=false] > .show-active.inline-block {
  display: inline-block;
}

.is-active .show-active.pack__item,
[aria-hidden=false] > .show-active.pack__item {
  display: table-cell;
}

.livecam__cities li {
  background-color: #467ec7;
  background-color: rgba(70, 126, 199, 0.5);
  margin-bottom: 1px;
  -webkit-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

.weather-livecam-carousel:not(.slick-initialized) > div:not(.selected) {
  display: none;
}

.weather-slider-carousel:not(.slick-initialized) > div:not(:first-child) {
  display: none;
}

.livecam__city--selected {
  background-color: #fff;
}

.livecam__city--selected .btn {
  font-size: 15px;
}

.livecam__image {
  position: relative;
}

.livecam__icon {
  position: absolute;
  line-height: normal !important;
  z-index: 1;
}

@media screen and (max-width: 47.99em) {
  .livecam__icon {
    background: rgba(67, 74, 84, 0.75);
    font-size: 22px;
  }
}

@media screen and (min-width: 64em) {
  .livecam__icon {
    font-size: 44px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .livecam__icon {
    font-size: 32px;
  }
}

.livecam__button {
  position: absolute;
}

@media screen and (max-width: 47.99em) {
  .livecam__button {
    left: 3%;
    bottom: 5%;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .livecam__button {
    left: 35%;
    top: 45%;
  }
}

@media screen and (min-width: 64em) {
  .livecam__livecams {
    border: 0 !important;
  }
}

@media screen and (max-width: 63.99em) {
  .livecam__livecams {
    border-bottom: 1px solid #d7d7d7;
  }
}

.livecam .slick-prev,
.livecam .slick-next {
  top: 42% !important;
}

.livecam__weatherbox {
  position: absolute;
  top: 136px;
  right: 30px;
  width: 306px;
}

@media screen and (min-width: 64em) {
  .livecam .slick-arrow {
    display: none !important;
  }
}

@media screen and (max-width: 47.99em) {
  .livecam .slick-arrow {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .livecam .slick-dots {
    display: none !important;
  }
}

.livecam .crop-height {
  max-height: 533px;
  overflow: hidden;
}

.livecam img.scale {
  display: block;
  max-width: 100%;
  height: auto !important;
  width: auto;
  -ms-interpolation-mode: bicubic;
}

.livecam--marker {
  font-size: 20px;
}

.livecam--weather {
  line-height: 38px;
}

.livecam--weather .gamma {
  line-height: 40px;
}

.livecam--weather .arrow--link {
  position: relative;
  top: 3px !important;
}

@media screen and (max-width: 47.99em) {
  .livecam--weather .icon-arrow_link {
    position: relative;
    top: 10px;
  }
}

.livecam--hd {
  position: absolute;
  right: 5px;
  top: 5px;
}

@media screen and (min-width: 64em) {
  .timelapse-teaser {
    height: 235px;
    overflow-y: hidden;
  }
}

.timelapse-teaser .play-button {
  position: absolute;
  top: calc(50% - 48px);
  left: calc(50% - 48px);
}

/**
  Widget: Livecams/Search
 */
.filter-reset {
  color: #00489a;
}

.sort-filter {
  position: relative;
}

.livecam-cluster__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background-color: #fff;
  border: 1px solid #000;
  font-size: 15px;
  padding: 5px;
}

.livecam-map {
  height: 420px;
}

/**
  Page: Gewinnspiel
 */
.lottery--header .fireplace-ad--logo > div {
  z-index: 2;
}

.lottery--header .fireplace-ad--logo img {
  margin-bottom: -17%;
  margin-right: 20px;
}

.lottery--newsletter .width-50 {
  width: 50px !important;
}

.lottery--newsletter .width-80 {
  width: calc(100% - 50px) !important;
}

.lottery--content .text--normal > label {
  font-size: 15px !important;
}

.lottery--content .text--black > label {
  color: #000 !important;
}

.lottery--content input[type='radio'] + label {
  margin-left: 10px;
  margin-right: 20px;
}

.lottery--content input[type='radio']:checked::before {
  font-size: 10px;
  padding-top: 2px;
  margin-top: 1px;
}

.map-tool-teaser-box {
  position: relative;
}

@media screen and (min-width: 64em) {
  .map-tool-teaser-box img#map-teaser-large {
    width: 100% !important;
    height: 333px !important;
  }
}

@media screen and (min-width: 64em) {
  .map-tool-teaser-box img.js-b-lazy {
    width: 263px;
    height: 132px;
  }
  .ie8 .map-tool-teaser-box img.js-b-lazy {
    width: auto;
  }
}

@media screen and (max-width: 63.99em) {
  .map-tool-teaser-box img.js-b-lazy {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .map-tool-teaser-box img.js-b-lazy {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 47.99em) {
  .map-tool-teaser-box img.js-b-lazy {
    width: 100%;
    height: auto;
  }
}

.map-tool-teaser-desc {
  background-color: #467ec7;
  height: 3em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.map-tool-teaser-desc--marginal {
  background-color: #467ec7;
  height: 3em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.map-tool-teaser-desc-desk {
  height: inherit;
}

@media screen and (max-width: 63.99em) {
  .map-tool-teaser-desc-desk {
    height: 4em !important;
  }
}

@media screen and (min-width: 64em) {
  .map-tool-teaser-desc-desk {
    position: absolute;
    background-color: #fff;
    top: 50%;
    right: 0;
    left: inherit;
    bottom: inherit;
    -webkit-transform: translateX(-10%) translateY(-50%);
        -ms-transform: translateX(-10%) translateY(-50%);
            transform: translateX(-10%) translateY(-50%);
    width: 305px;
  }
  .map-tool-teaser-desc-desk h4,
  .map-tool-teaser-desc-desk a {
    color: #00489a !important;
  }
}

.has-fireplace .map-tool-teaser-pack img {
  max-width: 236px;
}

.map-tool-teaser-pack {
  width: inherit;
  border-spacing: 5px 0;
  margin-left: -5px;
  /* remove outer border spacing */
  margin-right: -5px;
  /* remove outer border spacing */
}

.wxnet-marker-single {
  width: 15px;
  height: 15px;
  background-color: #404040;
  border: 2px solid #fff;
  border-radius: 15px;
  box-shadow: 0 0 5px 0 rgba(64, 64, 64, 0.75);
}

.wxnet-marker-grouped span {
  min-width: 25px;
  min-height: 25px;
  background-color: #404040;
  border: 2px solid #fff;
  border-radius: 25px;
  box-shadow: 0 0 5px 0 rgba(64, 64, 64, 0.75);
  display: block;
  font-size: 10px;
  padding: 3px;
  color: white;
  text-align: center;
}

.map-wrapper {
  height: 680px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .map-wrapper {
    height: 480px;
  }
}

@media screen and (max-width: 47.99em) {
  .map-wrapper {
    height: 368px;
  }
}

.map-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.overlay-icon {
  position: relative;
}

.overlay-icon::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #467ec7;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  margin-top: 5px;
}

.overlay-icon.is-active [class^="icon"] {
  color: #00489a;
}

.overlay-icon.is-active::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  border-bottom: 2px solid #00489a;
}

.overlay-icon:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

.timeline .pack__item:first-child .timeline__nob {
  right: auto;
}

.timeline .pack__item:last-child .timeline__nob {
  left: auto;
}

.timeline .pack__item:last-child .timeline__nob.is-animating {
  right: 0;
  -webkit-animation-name: lastitemnobmove;
          animation-name: lastitemnobmove;
}

.timeline__item {
  height: 30px;
  opacity: 0.3;
  cursor: pointer;
}

.timeline__item.is-loaded {
  opacity: 1;
}

.timeline__item::before {
  content: ' ';
  width: 100%;
  border-top: 1px solid #00489a;
  border-bottom: 1px solid #00489a;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  z-index: 0;
}

.timeline__item.text--green-light::before {
  border-color: #63c22b;
}

@-webkit-keyframes nobmove {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}

@keyframes nobmove {
  0% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes lastitemnobmove {
  0% {
    left: 0%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    left: 100%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes lastitemnobmove {
  0% {
    left: 0%;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    left: 100%;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.timeline__nob {
  background-color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 3px solid #00489a;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: -15px auto;
  z-index: 1;
}

.timeline__nob.is-animating {
  margin: -15px 0;
  left: 100%;
  right: auto;
  -webkit-animation-name: nobmove;
          animation-name: nobmove;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.text--green-light > .timeline__nob {
  border-color: #63c22b;
}

.map-loading {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.7s ease-out;
          transition: opacity 0.7s ease-out;
}

.ie8 .map-loading {
  display: none;
}

.map-loading.is-active {
  opacity: 1;
}

.ie8 .map-loading.is-active {
  display: block;
}

.timeline__end {
  position: absolute;
  top: 100%;
  margin-top: -6px;
}

@media screen and (max-width: 47.99em) {
  .timeline__end {
    margin-top: 0;
  }
}

.timeline__end--right {
  right: 0;
}

.map-zoom-controls {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.map-zoom-controls.is-high {
  z-index: 2;
}

.map-zoom-controls.is-sticky {
  position: fixed;
  left: inherit;
  top: 20px;
  z-index: 2;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .map-zoom-controls.is-sticky {
    top: 35px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 47.99em) {
  .map-zoom-controls.is-sticky {
    top: 45px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 47.99em) {
  .map-zoom-controls.warning-is-open {
    top: 40px;
  }
}

.map-zoom-controls__button {
  background-color: #fff;
  line-height: 40px;
  width: 40px;
  text-align: center;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  z-index: 1;
}

.map-wrapper__bottom-line {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.top-radius {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.on-map {
  top: 0;
  right: 0;
  z-index: 2;
  position: absolute;
}

@media screen and (max-width: 47.99em) {
  .on-map {
    display: table;
    position: static;
    border-spacing: 0;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.on-map--left {
  left: 0;
}

@media screen and (min-width: 64em) {
  .on-map--left {
    right: auto;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .on-map--left {
    text-align: left;
  }
}

.on-map--bottom {
  bottom: 0 !important;
  top: inherit;
}

.on-map__cta {
  display: inline-block;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}

.on-map__cta.is-open {
  background-color: #f3f3f3;
}

.on-map__cta.is-open .map-style-menu {
  display: block;
}

@media screen and (max-width: 47.99em) {
  .on-map__cta {
    display: table-cell;
    box-shadow: none;
    border: 1px solid #00489a;
    border-right: none;
  }
}

.on-map__cta.is-deactivated {
  color: #b5b5b5;
}

@media screen and (max-width: 47.99em) {
  .palm-on-map__cta {
    border: 1px solid #00489a;
  }
  .palm-on-map__cta::after {
    top: 10px !important;
  }
}

@media screen and (max-width: 47.99em) {
  .on-map__cta--border-right {
    border-right: 1px solid #00489a;
  }
}

.map-style-menu {
  top: 100%;
  width: 100%;
  position: absolute;
}

@media screen and (max-width: 47.99em) {
  .map-style-menu {
    top: auto;
    bottom: 100%;
    border: 1px solid #00489a;
    width: auto;
    left: -1px;
    right: -1px;
    z-index: 2;
  }
}

@media screen and (max-width: 47.99em) {
  .map-style-menu--under {
    top: 100%;
    bottom: auto;
  }
}

.map-style-menu__item {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  margin-top: 2px;
  cursor: pointer;
}

@media screen and (max-width: 47.99em) {
  .map-style-menu__item {
    box-shadow: none;
    margin-top: 0;
  }
}

@media screen and (max-width: 47.99em) {
  .map-style-menu__item.first-item {
    border-bottom: 1px solid #00489a;
  }
}

.map-style-menu__item--wide {
  min-width: 220px;
}

@media screen and (max-width: 47.99em) {
  .map-product-menu {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.map-info-container {
  line-height: 20px;
  right: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .map-info-container {
    left: 0;
    text-align: left;
  }
}

@media screen and (max-width: 47.99em) {
  .map-info-container {
    top: 2px;
    z-index: 2;
  }
}

.map-info-container--left {
  right: auto;
  left: 0;
}

.map-info__arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 100%;
  left: 50%;
  margin: 10px -10px;
  z-index: 1;
}

@media screen and (max-width: 47.99em) {
  .map-info__arrow {
    display: none;
  }
}

.map-info__arrow::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: '';
  width: 40px;
  height: 20px;
  margin-top: 7px;
  position: absolute;
  background-color: #fff;
  z-index: 2;
  margin-left: -3px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .map-info__arrow::after {
    margin-left: -23px;
  }
}

.map-info__arrow--left {
  left: 25%;
}

@media screen and (min-width: 64em) {
  .map-info-container--info {
    width: 830px;
  }
}

@media screen and (min-width: 64em) {
  .map-info-container--legend {
    width: 580px;
  }
}

.map-info-container--legend::before {
  right: 40px;
}

.map-info-container--legend::after {
  right: 30px;
}

.icon-close--map-tool-size {
  font-size: 0.5em;
  margin: 1px;
}

.map-legend__color {
  width: 20px;
  height: 10px;
}

@media screen and (min-width: 64em) {
  .map-legend__label {
    display: block;
  }
}

@media screen and (max-width: 47.99em) {
  .map-legend__labels {
    font-size: 0.9em;
  }
}

.bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
}

.timeline-container.is-sticky {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.testIe--8 {
  z-index: 1;
  position: absolute;
  right: 40px;
  top: 40px;
  left: 50%;
}

@media screen and (min-width: 64em) {
  .map-text-overlay--right {
    z-index: 1;
    position: absolute;
    right: 40px;
    top: 40px;
    left: 50%;
  }
}

@media screen and (min-width: 64em) {
  .desk-map-warn-scroll {
    max-height: 509px;
    overflow-y: auto;
  }
}

.map-tool-warnings-header {
  position: relative;
  z-index: 3;
}

.left-bottom-on-map {
  z-index: 1;
  position: absolute;
  left: 40px;
  bottom: 40px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 63.99em) {
  .left-bottom-on-map {
    left: 20px;
    bottom: 20px;
  }
}

.warnings-tooltip {
  width: 320px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  margin: auto;
  background: rgba(64, 64, 64, 0.8);
}

.leaflet-container .leaflet-div-icon {
  border: none;
  background: none;
}

.leaflet-container .livecam-cluster__icon {
  height: 40px !important;
  width: 40px !important;
  background: transparent url("/wcomv5/images/pin_big.png") 50% 50% no-repeat;
  color: #fff;
  border: none;
  text-align: center;
  padding-top: 10px;
}

.leaflet-container .livecam-cluster__icon.icon-cluster-cam {
  height: 48px !important;
  width: 36px !important;
  margin-top: -20px;
  background: transparent url("/wcomv5/images/livecams/pin_livecam_cluster.png") 50% 50% no-repeat;
  color: #000;
  padding-left: 7px;
  font-size: 12px;
  line-height: 14px;
}

.leaflet-container .icon-pin {
  height: 18px !important;
  width: 18px !important;
  background: transparent url("/wcomv5/images/pin_small.png") 50% 50% no-repeat;
}

.leaflet-container .icon-pin::before {
  content: '';
}

.leaflet-container .icon-pin-cam {
  background: transparent url("/wcomv5/images/livecams/pin_livecam.png") 50% 50% no-repeat;
}

.leaflet-container .icon-pin-red {
  background: transparent url("/wcomv5/images/livecams/pin_livecam_click.png") 50% 50% no-repeat;
  z-index: 1000 !important;
}

.leaflet-container .icon-pin-cam,
.leaflet-container .icon-pin-red {
  height: 48px !important;
  width: 36px !important;
  margin-left: -18px !important;
  margin-top: -48px !important;
}

.leaflet-container .icon-pin-cam::before,
.leaflet-container .icon-pin-red::before {
  content: '';
}

.leaflet-container .icon-pin-shadow {
  height: 40px !important;
  width: 30px !important;
  background: transparent url("/wcomv5/images/icon_pin_black_shadow.png") 50% 50% no-repeat;
}

.leaflet-container .icon-pin-shadow.cluster {
  background: none;
}

.leaflet-container .icon-pin-shadow.cluster span {
  height: 40px !important;
  width: 30px !important;
  background: transparent url("/wcomv5/images/icon_pin_black_shadow_cluster.png") 50% 50% no-repeat;
  position: absolute;
  left: -10px;
  padding: 8px 0 0 11px;
  color: #404040;
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 9pt;
}

.leaflet-container .icon-pin-shadow.cluster div.cluster {
  height: 40px !important;
  width: 30px !important;
  background: transparent url("/wcomv5/images/icon_pin_black_shadow_cluster.png") 50% 50% no-repeat;
  position: absolute;
  left: -10px;
  text-align: center;
  padding-top: 8px;
  color: #404040;
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 9pt;
}

.leaflet-container .icon-pin-shadow::before {
  content: '';
}

.leaflet-container .icon-pin-cam,
.leaflet-container .icon-pin-red {
  height: 48px !important;
  width: 36px !important;
  margin-left: -18px !important;
  margin-top: -48px !important;
}

.leaflet-container .icon-pin-cam::before,
.leaflet-container .icon-pin-red::before {
  content: '';
}

.leaflet-container .icon-pin-red-shadow {
  height: 45px !important;
  width: 35px !important;
  background: transparent url("/wcomv5/images/pin_map.png") 50% 50% no-repeat;
}

.leaflet-container .icon-pin-red-shadow::before {
  content: '';
}

.correction-pin {
  margin-left: -15px !important;
  margin-top: -40px !important;
}

.animate-show {
  -webkit-transition: all linear 0.5s;
          transition: all linear 0.5s;
}

.favorites-map-toggle {
  width: 44px;
  height: 44px;
  padding-left: 8px;
  padding-top: 8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.favorites-map-toggle:hover {
  cursor: pointer;
}

.favorites-map-menu-check_mark-border {
  border: 1px solid #b5b5b5;
  width: 16px;
  height: 16px;
}

.leaflet-popup.popupCityName .leaflet-popup-content-wrapper {
  border: 1px solid #fff;
}

.leaflet-popup.popupCityName .leaflet-popup-content {
  width: inherit !important;
  min-width: 120px;
  text-align: center;
  margin: 4px;
}

.leaflet-popup.popupCityName .leaflet-popup-content a {
  color: white;
  font-family: "Open Sans";
  font-size: 12pt;
}

.leaflet-popup.popupCityName .leaflet-popup-tip-container {
  top: -1px;
}

.leaflet-popup.popupCityName .leaflet-popup-tip {
  border: 1px solid #fff;
}

.map-teaser-slider {
  max-height: 296px;
  overflow: hidden;
}

.map-teaser-slider.inside .slick-next {
  right: 261px !important;
}

.map-teaser-slider.inside .slick-prev {
  left: 261px !important;
}

.map-teaser-slider .slick-arrow {
  width: 38px;
  height: 60px;
  background: #fbbb21;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.map-teaser-slider .slick-arrow:hover {
  background: #f39200;
}

.map-teaser-slider .slick-arrow::before {
  color: #fff;
}

.map-teaser-slider .slick-arrow.slick-next {
  right: 0;
  top: 84px;
}

@media screen and (max-width: 63.99em) {
  .map-teaser-slider .slick-arrow.slick-next {
    display: none !important;
  }
}

.map-teaser-slider .slick-arrow.slick-prev {
  left: 30px;
  top: 84px;
}

@media screen and (max-width: 63.99em) {
  .map-teaser-slider .slick-arrow.slick-prev {
    display: none !important;
  }
}

.map-teaser-slider .slick-slide .slider-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block !important;
}

.map-teaser-slider .slick-disabled {
  display: none !important;
}

.map-teaser-slider .slick-slide {
  padding-right: 1px;
}

.map-teaser-slider .slick-slide img {
  height: 200px;
  width: 100%;
}

.map-teaser-slider .slick-slide:hover .map-tool-teaser-desc {
  background-color: #00489a;
}

@media screen and (min-width: 64em) {
  .map-teaser-slider .slick-slide:hover .btn--map {
    display: block;
  }
}

.map-teaser-slider .map-tool-teaser-desc {
  position: relative;
}

.map-teaser-slider .map-tool-teaser-desc h3,
.map-teaser-slider .map-tool-teaser-desc h4 {
  font-size: 15px;
}

.map-teaser-slider .btn--map {
  position: relative;
  top: 35%;
  margin: 0 auto;
  width: 140px;
  padding: 7px 12px 5px;
}

@media screen and (min-width: 64em) {
  .map-teaser-slider .btn--map {
    display: none;
  }
}

.map-teaser-slider .btn--map .btn-text {
  font-size: 15px;
  position: relative;
  top: -2px;
}

.minWidth276 {
  min-width: 276px;
}

.border-right--grey-light {
  border-right: 1px solid #b5b5b5;
}

.border-bottom--grey-light {
  border-bottom: 1px solid #b5b5b5;
}

@media screen and (min-width: 64em) {
  #mapToolSomRectangle {
    margin-top: -20px;
  }
}

.ccs-select__item.css-select__item-close-gap::after {
  right: 10px;
  top: 2px;
}

.scroll-help {
  position: absolute;
  height: 100%;
  width: 10%;
  z-index: 1;
}

.scroll-help.scroll-help__right {
  right: 0;
}

.warning-panel-palm {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  z-index: 10000;
  overflow: hidden;
}

.warning-panel-palm.warning-closed {
  left: auto;
  right: 15px;
  top: 15px;
  height: 40px;
  width: 40px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  line-height: 40px;
  text-align: center;
}

.warning-panel-palm.warning-closed .map-warning-icon {
  cursor: pointer;
}

.warning-panel-palm a {
  margin-top: 2px;
}

.warning-panel-desk {
  overflow: hidden;
  display: table-cell;
  height: 40px;
  float: left;
  margin-right: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

.warning-panel-desk.warning-closed {
  width: 40px;
}

.warning-panel-desk.warning-closed .map-warning-icon {
  cursor: pointer;
}

.map-warning-icon {
  width: 40px;
  height: 40px;
  padding: 8px;
  font-size: 22px;
}

.map-warning-close {
  margin: 5px;
  width: 30px;
  height: 30px;
  border-left: 1px solid #fff;
  padding: 5px 8px;
  cursor: pointer;
}

#climate-station-map .leaflet-popup-content,
#climate-next-stations-map .leaflet-popup-content {
  min-width: 100px;
  max-width: 260px;
}

#climate-station-map .leaflet-popup-content .icon-arrow_link,
#climate-next-stations-map .leaflet-popup-content .icon-arrow_link {
  position: relative;
  top: 1px;
}

.map-warning-back-button-wrapper {
  position: absolute;
  top: 115px;
  right: 80px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .map-warning-back-button-wrapper {
    top: 85px;
    right: 40px;
  }
}

@media screen and (max-width: 47.99em) {
  .map-warning-back-button-wrapper {
    top: 83px;
    right: 40px;
  }
}

.map-warning-back-button-wrapper .map-warning-back-button {
  text-transform: lowercase;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
  padding: 10px 20px;
}

/*
  News Slider
 */
.has-fireplace .weather-news-slider .slick-prev {
  left: 238px !important;
}

.has-fireplace .weather-news-slider .slick-next {
  right: 238px !important;
}

.has-fireplace .weather-news-slider.inside .slick-next {
  right: 208px !important;
}

.has-fireplace .weather-news-slider.inside .slick-prev {
  left: 208px !important;
}

@media screen and (max-width: 63.99em) {
  .wrapper-weather-news.news-compact {
    margin-bottom: 15px;
  }
}

.weather-news-slider {
  height: 167px;
  overflow: hidden;
}

@media screen and (max-width: 63.99em) {
  .weather-news-slider {
    height: 193px;
  }
}

.weather-news-slider.inside {
  height: 190px;
}

.weather-news-slider.inside .slick-next {
  right: 261px !important;
}

.weather-news-slider.inside .slick-prev {
  left: 261px !important;
}

.weather-news-slider.inside .slick-dots li.slick-active button::before {
  color: #00489a;
}

.weather-news-slider.inside .slick-dots li button {
  height: 8px;
  width: 8px;
}

.weather-news-slider.inside .slick-dots li button::before {
  height: 8px;
  width: 8px;
  font-size: 36px;
  line-height: 8px;
  color: #7fa3cc;
}

.weather-news-slider .slick-slide {
  width: 504px !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.weather-news-slider .slick-slide:hover {
  cursor: pointer;
}

.weather-news-slider .slick-slide:hover:not(.slick-center)::before {
  background: none !important;
}

.weather-news-slider .slick-slide:not(.slick-center)::before {
  content: " ";
  width: 502px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 72, 154, 0.4);
  -webkit-transition: background 300ms ease-out;
          transition: background 300ms ease-out;
  margin-left: 1px;
}

.weather-news-slider .slick-slide:not(.slick-center) .slider-overlay {
  opacity: 0.8;
}

.weather-news-slider .slick-slide:not(.slick-center) .slider-overlay.hover {
  opacity: 1;
}

.weather-news-slider .slick-slide.slick-center {
  width: 504px !important;
}

.weather-news-slider .slick-slide.slick-center .slider-overlay {
  display: block;
}

.weather-news-slider .slick-slide.slick-center .slider-overlay h3 {
  padding: 0 20px;
  height: 30px;
  overflow: hidden;
}

.weather-news-slider .slick-slide.slick-center::before {
  content: " ";
  width: 502px;
  height: 44%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(top, transparent 0%, black 100%);
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  opacity: 0.8;
  margin-left: 1px;
}

.weather-news-slider .slick-slide.slick-center.hover::before {
  content: " ";
  width: 502px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  margin-left: 1px;
  -webkit-transition: background 400ms ease-out;
          transition: background 400ms ease-out;
}

.weather-news-slider .slick-slide img {
  overflow: hidden;
  background: #114d87;
  height: 167px;
}

.weather-news-slider .slider-image {
  height: 167px;
  width: 502px !important;
}

.weather-news-slider .slick-arrow {
  width: 38px;
  height: 60px;
  background: #fbbb21;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.weather-news-slider .slick-arrow:hover {
  background: #f39200;
}

.weather-news-slider .slick-arrow::before {
  color: #fff;
}

.weather-news-slider .slick-arrow.slick-next {
  right: 302px;
  top: 67px;
}

@media screen and (max-width: 63.99em) {
  .weather-news-slider .slick-arrow.slick-next {
    display: none !important;
  }
}

.weather-news-slider .slick-arrow.slick-prev {
  left: 302px;
  top: 67px;
}

@media screen and (max-width: 63.99em) {
  .weather-news-slider .slick-arrow.slick-prev {
    display: none !important;
  }
}

.weather-news-slider .slick-slide .slider-overlay {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0;
  display: block !important;
}

.weather-news-slider .slick-slide .slider-overlay .btn--description {
  display: inline-block;
  font-size: 10px;
}

.weather-news-slider .slick-slide .slider-overlay .slider-overlay__cta {
  display: none;
}

.weather-news-slider .play-button {
  margin: -10px auto;
  width: 80px;
  height: 80px;
  background: url("/wcomv5/images/play_button.png");
}

@media screen and (max-width: 63.99em) {
  .weather-news-slider .slick-dots {
    padding-top: 5px;
  }
}

.weather-news-slider .slick-dots li {
  height: 8px;
  width: 8px;
  padding: 0;
}

.weather-news-slider .slick-dots li.slick-active button::before {
  color: white;
}

.weather-news-slider .slick-dots li button {
  height: 8px;
  width: 8px;
}

.weather-news-slider .slick-dots li button::before {
  height: 8px;
  width: 8px;
  font-size: 36px;
  line-height: 8px;
  color: #bbd6f5;
}

@media screen and (min-width: 64em) {
  .weather-news-carousel .button--cta {
    margin-left: 51%;
  }
}

.weather-news-carousel:not(.slick-initialized) > div:not(:first-child),
.weather-news-carousel:not(.slick-initialized) > a:not(:first-child) {
  display: none;
}

.weather-news-carousel .slick-arrow {
  display: none !important;
}

@media screen and (min-width: 64em) {
  .weather-news-carousel .teaser-description {
    max-height: 60px;
    overflow-y: hidden;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-news-carousel .teaser-description {
    max-height: 50px;
    overflow-y: hidden;
    font-size: 12px;
    margin-top: -12px;
  }
}

@media screen and (max-width: 47.99em) {
  .weather-news-carousel {
    max-height: 450px;
    overflow-y: hidden;
  }
}

.weather-news-carousel .slider-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

@media screen and (min-width: 64em) {
  .weather-news-carousel .slick-dots {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-news-carousel .slick-dots {
    display: none !important;
  }
}

.weather-news-carousel .slide-item:hover .play-button {
  background: url("/wcomv5/images/play_icon_hover.png");
}

.weather-news-carousel .btn--round {
  padding: 5px 20px;
}

.weather-news-carousel .teaser-text {
  text-transform: uppercase;
  color: #00489a;
}

.slider-tabs {
  position: absolute;
  top: 0;
  bottom: 20px;
  left: 0;
  background: #76acea;
  overflow-y: hidden;
}

@media screen and (min-width: 64em) {
  .slider-tabs {
    max-height: 234px;
    overflow-y: hidden;
  }
  .has-fireplace .slider-tabs {
    max-height: 210px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .slider-tabs {
    max-height: 234px;
    overflow-y: hidden;
  }
  .has-fireplace .slider-tabs {
    max-height: 210px;
  }
}

.slider-tabs.slider-tabs__lap {
  height: 38px;
  width: 100%;
  background: none !important;
}

.slider-tabs--small {
  height: 220px;
  width: 14%;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(76, 120, 193, 0.9);
  overflow-y: hidden;
  padding-left: 1px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .slider-tabs--small {
    width: 18% !important;
  }
}

.slider-tabs--small.slider-tabs__lap {
  height: 38px;
  width: 100%;
  background: none !important;
}

.has-fireplace .news-compact .slider-tab__item {
  height: 34px !important;
}

.has-fireplace .news-compact .slider-tabs__lap {
  height: 38px !important;
  padding-top: 0;
}

.slider-tab__item {
  height: 38px;
  margin-bottom: 1px;
  cursor: pointer;
  top: 0;
  position: relative;
  background-color: rgba(76, 120, 193, 0.9);
  -webkit-transition: all 400ms ease-out;
          transition: all 400ms ease-out;
  -webkit-transition-property: background-color, color;
          transition-property: background-color, color;
}

.slider-tab__item:hover {
  background-color: #4c78c1;
}

.slider-tab__item.is-active {
  background-color: white;
  color: #004899 !important;
}

.slider-tab__item.slider-tab__item-lap {
  border-right: 1px solid #76acea;
}

.lastminute-icon .wettertv-icon-text {
  left: 85px;
}

.lastminute-icon .wettertv-icon {
  left: 100px;
}

.border-bottom--white-hover:hover {
  border-bottom: 2px solid #fff;
}

.update-icon .wettertv-icon-text {
  left: 359px;
}

.update-icon .wettertv-icon {
  left: 374px;
}

.camera-icon .wettertv-icon-text {
  left: 635px;
}

.camera-icon .wettertv-icon {
  left: 650px;
}

.pin-icon .wettertv-icon-text {
  left: 906px;
}

.pin-icon .wettertv-icon {
  left: 921px;
}

.has-fireplace .lastminute-icon .wettertv-icon-text {
  left: 75px;
}

.has-fireplace .lastminute-icon .wettertv-icon {
  left: 90px;
}

.has-fireplace .update-icon .wettertv-icon-text {
  left: 324px;
}

.has-fireplace .update-icon .wettertv-icon {
  left: 339px;
}

.has-fireplace .camera-icon .wettertv-icon-text {
  left: 570px;
}

.has-fireplace .camera-icon .wettertv-icon {
  left: 585px;
}

.has-fireplace .pin-icon .wettertv-icon-text {
  left: 816px;
}

.has-fireplace .pin-icon .wettertv-icon {
  left: 831px;
}

.liveticker-row {
  height: 45px;
  background: #ebf2fa;
}

.liveticker-title {
  padding-right: 13px;
}

.liveticker-title-box {
  height: 45px;
  padding: 3px 0 5px 40px;
}

.liveticker-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 23.5px 0 23.5px 13px;
  border-color: transparent transparent transparent #fbba21;
  position: absolute;
  top: 0;
  right: 0;
}

.liveticker-arrow.bg--red-alert {
  border-color: transparent transparent transparent #e43935;
  background: 0 !important;
}

.author-thumb {
  border: 0 solid;
  border-radius: 120px;
  background: #dae9f9;
}

.columnist:hover img {
  background: #fbbb21;
}

.columnist:hover .author-text {
  text-decoration: underline;
}

.news-overview .city-weather {
  height: 60px;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
}

.clock-container {
  height: 95px;
  border: 1px solid #00489a;
  overflow: hidden;
}

.countdown-container {
  background: #437bcd;
  height: 95px;
}

.countdown {
  position: relative !important;
  top: 0 !important;
  font-size: 30px;
}

.current-show {
  font-size: 18px;
}

.progress {
  height: 2px;
  background: #dae9f9;
  position: relative;
}

.progress-overlay {
  position: absolute;
  background: #00489a;
  top: 0;
  left: 0;
  height: 2px;
}

.wettertv-icon {
  width: 41px;
  height: 41px;
  border: 1px solid #437bcd;
  background: white;
  border-radius: 20px;
  position: absolute;
  bottom: -19px;
}

.wettertv-icon.is-active {
  background: #437bcd;
}

.wettertv-icon.is-active .icon {
  color: white !important;
}

.wettertv-icon-text {
  width: 80px;
  height: 20px;
  font-size: 18px;
  text-transform: uppercase;
  color: #404040;
  position: absolute;
  bottom: 30px;
}

.teaser-inactive-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
}

.full-width {
  width: 1095px;
}

.has-fireplace .full-width {
  width: 990px !important;
}

#tickerlist_horizontal .news-ticker__item {
  padding-top: 8px;
  height: 40px;
  overflow-y: hidden;
}

#tickerlist_horizontal .ticker-link:hover {
  background: white;
}

#tickerlist_horizontal .ticker-container {
  height: 45px;
  border-right: 1px solid #76acea;
}

/**
  Module: Newsticker
*/
.newsticker-circle {
  border: 2px solid red;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: white;
  z-index: 2;
}

.is-active .newsticker-circle {
  background: red !important;
}

@media screen and (max-width: 47.99em) {
  .news-ticker-mobile .news-ticker {
    border-left: none !important;
  }
}

.news-ticker-mobile .time {
  padding-left: 0 !important;
  font-weight: bold;
}

.news-ticker-mobile .icon-circle {
  display: none;
}

.news-ticker-mobile hr {
  margin-left: 0 !important;
  border-color: #dae9f9;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .news-ticker-mobile hr {
    margin-left: 10px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .news-ticker-mobile .image-container {
    margin: 0 auto;
  }
}

@media screen and (min-width: 64em) {
  .news-ticker-mobile .image-container {
    margin: 0 auto;
  }
}

.news-ticker-mobile .content-teaser__item a {
  word-wrap: break-word;
}

.news-ticker {
  border-left: 1px solid #d7d7d7;
}

@media screen and (max-width: 47.99em) {
  .news-ticker {
    border-left: none;
  }
}

.news-ticker__item {
  position: relative;
}

.news-ticker__item .indicator {
  position: absolute;
  top: 15px;
  left: -6px;
  font-size: 11px;
  font-weight: 600;
}

@media screen and (max-width: 47.99em) {
  .news-ticker__item .indicator {
    left: 0;
  }
}

.news-ticker__item .time-stamp,
.news-ticker__item .ticker {
  display: table-cell;
}

.news-ticker__item.is-active span.indicator,
.news-ticker__item.is-active .time-stamp,
.news-ticker__item.is-active .ticker {
  color: #c00;
}

.news-ticker {
  border-left: 1px solid #d7d7d7;
}

@media screen and (max-width: 47.99em) {
  .news-ticker {
    border-left: none;
  }
}

.news-ticker__item {
  position: relative;
}

.news-ticker__item .indicator {
  position: absolute;
  top: 15px;
  left: -6px;
  font-size: 11px;
  font-weight: 600;
}

@media screen and (max-width: 47.99em) {
  .news-ticker__item .indicator {
    left: 0;
  }
}

.news-ticker__item .time-stamp,
.news-ticker__item .ticker {
  display: table-cell;
}

.news-ticker__item.is-active span.indicator,
.news-ticker__item.is-active .time-stamp,
.news-ticker__item.is-active .ticker {
  color: #c00;
}

/**
	Page Footer
 */
.footer {
  background-color: #2a69ae;
  color: #fff;
  margin: 0 auto;
  z-index: 10010;
  position: relative;
}

@media screen and (min-width: 64em) {
  .footer {
    min-width: 1325px;
    margin-right: -160px;
  }
}

.footer p,
.footer span,
.footer a {
  color: #fff;
}

.footer hr {
  border-color: #76acea;
}

@media screen and (min-width: 64em) {
  .footer--winter {
    margin-right: auto !important;
    min-width: 1145px;
    max-width: 1145px;
  }
}

@media screen and (min-width: 64em) {
  .footer--fireplace {
    margin-left: -160px;
  }
}

.footer__element {
  margin: 0 auto;
  max-width: 1145px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .footer__element {
    max-width: 768px;
  }
}

.footer-nav li {
  -webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
  vertical-align: top;
}

.footer-nav-target {
  padding-top: 20px;
}

@media screen and (max-width: 47.99em) {
  .footer-nav-target {
    padding-top: 0;
  }
}

.footer-nav-target li {
  padding-bottom: 10px;
  max-height: none;
  overflow: hidden;
}

@media screen and (max-width: 47.99em) {
  .footer-nav-target li {
    padding-bottom: 0;
    max-height: 0;
  }
}

.footer-nav .is-open {
  padding-top: 20px !important;
}

@media screen and (max-width: 47.99em) {
  .footer-nav .is-open li {
    padding-bottom: 10px !important;
    max-height: 30px !important;
  }
}

@media screen and (min-width: 64em) {
  .footer-nav__item--fireplace {
    width: 190px !important;
  }
}

.ie7 .footer-nav__item {
  width: 189px;
}

@media screen and (min-width: 64em) {
  .footer-nav__item {
    width: 210px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .footer-nav__item {
    width: 216px;
  }
}

@media screen and (max-width: 47.99em) {
  .footer-nav__item {
    display: block !important;
    cursor: pointer;
  }
}

/**
	Module: Page Head
 */
.page-gradient {
  position: absolute;
  width: 100%;
  height: 200px;
  margin-top: -5px;
  z-index: -20;
  background: -webkit-linear-gradient(top, #467ec7 0%, rgba(70, 126, 199, 0) 100%);
  background: linear-gradient(to bottom, #467ec7 0%, rgba(70, 126, 199, 0) 100%);
}

@media screen and (min-width: 64em) {
  .page-gradient {
    min-width: 1325px;
  }
}

/*
http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
*/
.search-form ::-webkit-input-placeholder,
.search-form :-moz-placeholder,
.search-form :-ms-input-placeholder {
  color: #00489a;
}

.search-form :-moz-placeholder,
.search-form ::-moz-placeholder {
  opacity: 1;
}

.fallback-bg .page-head {
  background-color: #467ec7;
}

.fallback-bg .page {
  background-color: #76acea;
}

@media screen and (min-width: 64em) {
  .fallback-bg.has-fireplace .page-head {
    background-color: #76acea;
  }
  .fallback-bg.has-fireplace .page-head.is-sticky {
    background-color: #467ec7 !important;
  }
  .fallback-bg.has-fireplace #mainHeader nav ul[role="menu"] {
    padding-left: 20px;
  }
}

.page-head {
  position: relative;
  z-index: 10001;
  max-width: 1145px;
}

.page-head.is-sticky {
  width: 100%;
  position: fixed;
  top: -50px;
  background-color: #467ec7;
}

.page-head.is-sticky.is-sticky-ready {
  top: 0;
}

@media screen and (max-width: 63.99em) {
  .page-head.is-sticky {
    left: 0;
  }
}

.page-head .icon-icon_bin {
  padding: 2px;
}

@media screen and (min-width: 64em) {
  .page-head .icon-icon_bin {
    visibility: hidden;
    border: 1px solid white;
  }
}

@media screen and (max-width: 63.99em) {
  .page-head .icon-icon_bin {
    color: #467ec7;
  }
}

@media screen and (min-width: 64em) {
  .page-head a:hover .icon-icon_bin {
    visibility: visible;
  }
}

.title-area {
  clear: both;
  padding-bottom: 10px;
  padding-top: 10px;
}

.title-area h1 {
  color: #fff;
}

.banner-padding {
  padding-left: 40px;
}

@media screen and (max-width: 63.99em) {
  .banner-padding {
    padding-left: 20px;
  }
}

.has-fireplace .banner-padding {
  padding-left: 30px;
}

.is-sticky .banner-padding {
  padding-left: 20px;
}

.has-fireplace .is-sticky .banner-padding {
  padding-left: 13px !important;
}

@media screen and (max-width: 47.99em) {
  .has-fireplace .is-sticky .banner-padding {
    padding-left: 30px !important;
  }
}

.is-sticky .sticky-p0 {
  padding-left: 0 !important;
}

.is-sticky .sticky-one-whole {
  width: 100%;
}

.header-dist {
  padding-top: 19px;
  padding-bottom: 19px;
}

.is-sticky .header-dist {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 63.99em) {
  .header-dist {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .is-sticky .header-dist {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 47.99em) {
  .header-dist {
    padding-bottom: 0;
    padding-top: 0;
  }
  .header-dist .is-sticky {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.header-login {
  display: none;
}

@media screen and (min-width: 64em) {
  .is-sticky .header-login {
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (max-width: 47.99em) {
  .header-login {
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .header-login {
    display: table-cell;
    vertical-align: middle;
  }
}

.sticky-table-cell {
  display: none;
}

.is-sticky .sticky-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.is-sticky .sticky-pl {
  padding-left: 20px !important;
}

@media screen and (max-width: 47.99em) {
  .palm-ph-half {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

.is-sticky .sticky-hide {
  display: none;
}

.header-fav-menu {
  display: none;
}

.header-fav-menu .is-open {
  display: block;
}

.header-fav-menu .icon-icon_bin {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #467ec7;
  border: 0;
}

.header-fav-menu__item.is-last hr {
  display: none;
}

.js-favorite-href.is-active:hover .icon-icon_bin {
  visibility: visible !important;
  text-decoration: none;
}

.favorites .add-warning-icon::after {
  content: url("/wcomv5/images/icons/additional/warnicon_s.png");
  left: -10px;
}

.js-palm-fav-menu .js-favorite-icon.add-warning-icon::after {
  top: 0;
}

@media screen and (max-width: 47.99em) {
  .js-palm-fav-menu .js-favorite-icon.add-warning-icon::after {
    left: -10px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .js-palm-fav-menu .js-favorite-icon.add-warning-icon::after {
    left: 0;
  }
}

/**
  Page: Pollination
*/
.pollen-container {
  height: 485px;
}

.pollen-container.birke {
  background: url("/wcomv5/images/specials/pollenflug/birke.jpg");
}

.pollen-container.beifuss, .pollen-container.beifuß {
  background: url("/wcomv5/images/specials/pollenflug/beifuss.jpg");
}

.pollen-container.ambrosia {
  background: url("/wcomv5/images/specials/pollenflug/ambrosia.jpg");
}

.pollen-container.erle {
  background: url("/wcomv5/images/specials/pollenflug/erle.jpg");
}

.pollen-container.esche {
  background: url("/wcomv5/images/specials/pollenflug/esche.jpg");
}

.pollen-container.graeser, .pollen-container.gräser {
  background: url("/wcomv5/images/specials/pollenflug/graeser.jpg");
}

.pollen-container.roggen {
  background: url("/wcomv5/images/specials/pollenflug/roggen.jpg");
}

.pollen-container.haselnuss {
  background: url("/wcomv5/images/specials/pollenflug/haselnuss.jpg");
}

.pollen-container .mapContainer {
  margin-top: 30px;
}

@media screen and (max-width: 47.99em) {
  .pollen-container {
    background: none !important;
  }
}

.pollen-detail ul {
  padding-top: 30px;
  padding-right: 30px;
}

.pollen-detail ul .pollen-detail__item {
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 1px;
  list-style: none;
  height: 52px;
  background-color: rgba(42, 105, 174, 0.9);
  cursor: pointer;
}

.pollen-detail ul .pollen-detail__item:hover {
  background-color: rgba(88, 130, 176, 0.8);
}

.pollen-detail ul .pollen-detail__item.is-selected {
  background-color: white;
  color: #00489a !important;
}

.pollen-detail ul .pollen-detail__item.is-selected .icon-check_mark {
  display: block !important;
}

.pollen-detail .item-circle {
  width: 15px;
  height: 15px;
}

.pollinationCalender {
  border-collapse: separate;
  border-spacing: 1px;
  border: 0;
  table-layout: fixed;
}

.pollinationCalender td {
  text-align: center;
  padding: 3px 0;
}

@media screen and (min-width: 64em) {
  .pollinationCalender td {
    border-bottom: 1px solid #d7d7d7;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .pollinationCalender td {
    border-bottom: 1px solid #d7d7d7;
  }
}

.pollinationCalender th {
  padding: 3px 0;
  font-weight: normal;
  color: #404040;
}

.pollinationCalender tr:hover {
  background-color: #dae9f9;
}

.pollinationCalender .first {
  color: #404040;
  text-align: left;
}

.pollinationCalender .bg--red-light {
  color: #fff;
}

.block-thumbnail-link__img {
  width: 100%;
  height: 115px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .block-thumbnail-link__img {
    height: 115px;
  }
}

.map-div-icon {
  background-image: url("/wcomv5/images/icon_pin_black_shadow.png");
  text-align: center;
}

.map-div-icon.is-active {
  background-image: url("/wcomv5/images/pin_map.png");
}

.simple-map-icon {
  width: 5px;
  height: 5px;
  background: #3e3e3e;
  border: 0 solid;
  border-radius: 12px;
  text-align: center;
}

.map-placename {
  background: white;
  width: auto;
  position: absolute;
  left: -50px;
  top: 11px;
  border: 0 solid;
  border-radius: 12px;
  padding: 0 8px;
  white-space: nowrap;
}

.map-weatherstate {
  position: absolute;
  left: -44px;
  top: -26px;
}

.poi-marker {
  width: 100%;
  height: 100%;
}

.climate-chart {
  height: 199px;
  width: 100%;
}

.activity-city:hover {
  text-decoration: none !important;
}

.travel-month {
  width: 40px;
  height: 40px;
  padding-top: 8px;
  font-weight: bold;
  text-align: center;
}

.travel-month.bad {
  background: white;
  border: 1px solid #dfdfdf;
}

.travel-month.bad span::before {
  content: "";
  position: absolute;
  top: 18px;
  left: -8px;
  width: 54px;
  height: 1px;
  background: #dfdfdf;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.travel-month.good {
  background: #76acea;
  border: 1px solid #76acea;
  color: white;
}

@media screen and (min-width: 64em) {
  .region-background {
    margin-top: -50px;
  }
  .region-background .travel_landing {
    margin-top: -100px;
  }
}

@media screen and (min-width: 64em) {
  .region-background .bg-full--wrapper {
    height: 250px;
  }
}

@media screen and (min-width: 64em) {
  #regio-map {
    margin-left: -40px;
    margin-right: -40px;
  }
}

@media screen and (min-width: 64em) {
  .has-fireplace #regio-map {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}

/**
  Page: Routenwetter
*/
@media screen and (min-width: 64em) {
  .rw-searchbox-container-large {
    display: block;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .rw-searchbox-container-large {
    display: block;
  }
}

@media screen and (max-width: 47.99em) {
  .rw-searchbox-container-large {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .rw-expandbtn-container-large {
    display: none;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .rw-expandbtn-container-large {
    display: none;
  }
}

@media screen and (max-width: 47.99em) {
  .rw-expandbtn-container-large {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .rw-expandbtn-container-small {
    display: block;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .rw-expandbtn-container-small {
    display: block;
  }
}

@media screen and (max-width: 47.99em) {
  .rw-expandbtn-container-small {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .rw-searchbox-container-small {
    display: none;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .rw-searchbox-container-small {
    display: none;
  }
}

@media screen and (max-width: 47.99em) {
  .rw-searchbox-container-small {
    display: block;
  }
}

.rw-expandbtn-container {
  background-color: white;
  z-index: 9999;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .rw-expandbtn-container {
    position: absolute;
    top: 30px;
    left: 40px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .rw-expandbtn-container {
    position: absolute;
    top: 30px;
    left: 20px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 47.99em) {
  .rw-expandbtn-container {
    display: none;
  }
}

.rw-expandbtn-label {
  float: left;
  margin: 12px 15px 10px 5px;
}

.rw-searchbox-container {
  background-color: white;
  z-index: 9999;
  padding: 10px;
}

@media screen and (min-width: 64em) {
  .rw-searchbox-container {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 425px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .rw-searchbox-container {
    position: absolute;
    top: 30px;
    left: 20px;
    width: 425px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
}

@media screen and (max-width: 47.99em) {
  .rw-searchbox-container {
    top: 0;
    left: 0;
    width: 100%;
  }
}

.rw-searchbox-input-container {
  position: absolute;
  left: 40px;
  top: 5px;
  right: 30px;
}

.rw-searchbox-input {
  border: 0 solid red !important;
  padding: 5px !important;
  position: absolute;
  width: 100%;
}

.rw-loading-spinner {
  width: 30px;
  top: 50%;
  right: 0 !important;
  left: auto;
}

.rw-btn-plus {
  border: 1px solid silver;
  width: 42px;
  height: 42px;
  cursor: pointer;
  margin: 10px 10px 10px 0;
  padding: 5px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px;
  float: left;
}

.rw-button-settings {
  width: 42px;
  height: 42px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px;
  padding-left: 42px;
  cursor: pointer;
}

.rw-input {
  border: 0 solid red !important;
  width: 100%;
  height: 40px;
  text-align: center;
}

.rw-input-divider {
  height: 42px;
  float: left;
  margin: 10px 5px;
  padding-top: 10px;
}

.rw-input-container {
  border: 1px solid silver;
  width: 45px;
  height: 42px;
  float: left;
  margin: 10px 0;
  padding: 0;
}

.rw-dropdown {
  margin: 10px 10px 10px 0;
  border: 1px solid silver;
  padding: 5px;
  width: 135px;
  height: 42px;
  float: left;
}

.rw-selected {
  padding: 5px;
  border: 0 solid red;
  color: #404040 !important;
}

.rw-select {
  margin-left: -5px;
  color: #404040 !important;
}

.rw-selected::after {
  top: 10px;
  right: 10px;
  color: #00489a !important;
}

.rw-btn-delete {
  float: right;
  margin: 7px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.rw-searchbox-item {
  position: relative;
  border: 1px solid silver;
  padding: 6px;
  width: 100%;
  margin-top: -1px;
  height: 44px;
}

.rw-searchbox-submitbtn {
  background-color: #2a69ae;
  color: white;
  padding: 10px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  border: none;
}

.rw-searchbox-pins {
  margin-top: -3px;
  width: 30px;
}

.rw-time-container {
  float: right;
}

.typeahead-demo .custom-popup-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: #f9f9f9;
}

.typeahead-demo .custom-popup-wrapper > .message {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #868686;
}

.typeahead-demo .custom-popup-wrapper > .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 345px;
  overflow: hidden;
  margin-left: -15px;
}

@media screen and (max-width: 47.99em) {
  .dropdown-menu {
    width: 100% !important;
  }
}

.dropdown-menu .active a,
.dropdown-menu .active a:focus,
.dropdown-menu .active a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

.dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.maneuvers .directions tr span.arrow {
  display: inline-block;
  min-width: 28px;
  min-height: 28px;
  background-position: 0;
  background-image: url("/wcomv5/images/here.com_arrows.png");
  position: relative;
  top: 8px;
}

.maneuvers .directions tr span.depart {
  background-position: -28px;
}

.maneuvers .directions tr span.rightUTurn {
  background-position: -56px;
}

.maneuvers .directions tr span.leftUTurn {
  background-position: -84px;
}

.maneuvers .directions tr span.rightFork {
  background-position: -112px;
}

.maneuvers .directions tr span.leftFork {
  background-position: -140px;
}

.maneuvers .directions tr span.rightMerge {
  background-position: -112px;
}

.maneuvers .directions tr span.leftMerge {
  background-position: -140px;
}

.maneuvers .directions tr span.slightRightTurn {
  background-position: -168px;
}

.maneuvers .directions tr span.slightLeftTurn {
  background-position: -196px;
}

.maneuvers .directions tr span.rightTurn {
  background-position: -224px;
}

.maneuvers .directions tr span.leftTurn {
  background-position: -252px;
}

.maneuvers .directions tr span.sharpRightTurn {
  background-position: -280px;
}

.maneuvers .directions tr span.sharpLeftTurn {
  background-position: -308px;
}

.maneuvers .directions tr span.rightRoundaboutExit1 {
  background-position: -616px;
}

.maneuvers .directions tr span.rightRoundaboutExit2 {
  background-position: -644px;
}

.maneuvers .directions tr span.rightRoundaboutExit3 {
  background-position: -672px;
}

.maneuvers .directions tr span.rightRoundaboutExit4 {
  background-position: -700px;
}

.maneuvers .directions tr span.rightRoundaboutPass {
  background-position: -700px;
}

.maneuvers .directions tr span.rightRoundaboutExit5 {
  background-position: -728px;
}

.maneuvers .directions tr span.rightRoundaboutExit6 {
  background-position: -756px;
}

.maneuvers .directions tr span.rightRoundaboutExit7 {
  background-position: -784px;
}

.maneuvers .directions tr span.rightRoundaboutExit8 {
  background-position: -812px;
}

.maneuvers .directions tr span.rightRoundaboutExit9 {
  background-position: -840px;
}

.maneuvers .directions tr span.rightRoundaboutExit10 {
  background-position: -868px;
}

.maneuvers .directions tr span.rightRoundaboutExit11 {
  background-position: 896px;
}

.maneuvers .directions tr span.rightRoundaboutExit12 {
  background-position: 924px;
}

.maneuvers .directions tr span.leftRoundaboutExit1 {
  background-position: -952px;
}

.maneuvers .directions tr span.leftRoundaboutExit2 {
  background-position: -980px;
}

.maneuvers .directions tr span.leftRoundaboutExit3 {
  background-position: -1008px;
}

.maneuvers .directions tr span.leftRoundaboutExit4 {
  background-position: -1036px;
}

.maneuvers .directions tr span.leftRoundaboutPass {
  background-position: 1036px;
}

.maneuvers .directions tr span.leftRoundaboutExit5 {
  background-position: -1064px;
}

.maneuvers .directions tr span.leftRoundaboutExit6 {
  background-position: -1092px;
}

.maneuvers .directions tr span.leftRoundaboutExit7 {
  background-position: -1120px;
}

.maneuvers .directions tr span.leftRoundaboutExit8 {
  background-position: -1148px;
}

.maneuvers .directions tr span.leftRoundaboutExit9 {
  background-position: -1176px;
}

.maneuvers .directions tr span.leftRoundaboutExit10 {
  background-position: -1204px;
}

.maneuvers .directions tr span.leftRoundaboutExit11 {
  background-position: -1232px;
}

.maneuvers .directions tr span.leftRoundaboutExit12 {
  background-position: -1260px;
}

.maneuvers .directions tr span.arrive {
  background-position: -1288px;
}

.maneuvers .directions tr span.leftRamp {
  background-position: -392px;
}

.maneuvers .directions tr span.rightRamp {
  background-position: -420px;
}

.maneuvers .directions tr span.rightExit {
  background-position: -448px;
}

.maneuvers .directions tr span.leftExit {
  background-position: -476px;
}

.maneuvers .directions tr span.ferry {
  background-position: -1316px;
}

@media screen and (min-width: 64em) {
  .maneuvers-list {
    max-height: 894px;
    overflow-y: scroll;
  }
}

.rw-maplabel {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rw-maplabel .rw-maplabel-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
}

.rw-maplabel .rw-maplabel-te {
  position: absolute;
  left: 18px;
  top: 8px;
  padding: 3px 6px 3px 30px;
  background-color: white;
  border-radius: 10px;
  border: 1px solid silver;
  font: normal 11px arial;
  color: black;
}

/**
  Shariff (for sharing) Styles
*/
.shariff ul {
  list-style-type: none;
  margin: 0;
}

.shariff a {
  text-decoration: none !important;
}

.shariff-button {
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  text-decoration: none !important;
}

.shariff-button .share_text {
  display: none;
}

.shariff-button .fa {
  text-align: center;
  min-width: 0;
  padding: 11px 16px;
  display: block;
  vertical-align: middle;
  color: #fff;
  font-size: 1.25rem !important;
  width: 52px;
}

.shariff-button .fa :hover {
  text-decoration: none;
}

.shariff-button.facebook {
  background-color: #3c5193;
}

.shariff-button.twitter {
  background-color: #2ca8d2;
}

.shariff-button.googleplus {
  background-color: #ce4d39;
}

.shariff-button.whatsapp {
  background-color: #43d854;
}

.shariff-button.mail {
  background-color: #808080;
}

.shariff-button.print {
  background-color: #d7d7d7;
}

/**
  Brand Logo wetter.com
*/
.logo {
  display: block;
}

.logo img,
.logo svg {
  vertical-align: middle;
  width: 203px;
  max-height: 50px;
  /* IE fix */
}

.is-sticky .logo img, .is-sticky
.logo svg {
  width: 140px;
  max-height: 50px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .logo img,
  .logo svg {
    height: 60px;
    width: 203px;
  }
}

@media screen and (max-width: 47.99em) {
  .logo img,
  .logo svg {
    width: 140px;
  }
}

.logo-container {
  z-index: 2;
}

@media screen and (min-width: 64em) {
  .logo-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 64em) {
  .is-sticky .logo-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 47.99em) {
  .is-sticky .logo-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/**
	Sticky Rules: Hide / Show
 */
.is-sticky .sticky-hide {
  display: none;
}

.sticky-show {
  display: none !important;
}

.is-sticky .sticky-show {
  display: block !important;
}

.is-sticky .sticky-show.table-cell {
  display: table-cell !important;
}

.nav-trigger {
  vertical-align: middle;
  cursor: pointer;
}

@media screen and (max-width: 63.99em) {
  .nav-trigger {
    display: table-cell;
  }
}

@media screen and (min-width: 64em) {
  .nav-trigger {
    display: none;
    white-space: nowrap;
    padding: 0 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  .is-sticky .nav-trigger {
    display: table-cell;
  }
  .is-sticky .nav-trigger + div {
    padding-left: 20px;
  }
  .has-fireplace .nav-trigger + div {
    padding-left: 20px;
  }
}

.nav-back {
  cursor: pointer;
}

.nav-close,
.nav-open {
  cursor: pointer;
  display: none;
  width: 17px;
}

.is-open .nav-close {
  display: inline-block;
}

.is-open #forecast-navigation-sticky-palm {
  display: none;
}

.nav-open {
  display: inline-block;
}

.is-open .nav-open {
  display: none;
}

/**
	Module: Fireplace
 */
@media screen and (min-width: 64em) {
  .desk-wf-ph {
    padding-right: 20px;
    padding-left: 20px;
  }
  .has-fireplace .desk-wf-ph {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .desk-wf-ph- {
    padding-right: 10px;
    padding-left: 10px;
  }
  .has-fireplace .desk-wf-ph- {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

/**
	Module: Navigation
 */
[role=menuitem] {
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  [role=menuitem].is-level1 {
    height: 54px;
  }
}

[role=menuitem].is-level1 > div {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 101;
  box-shadow: 0 1px 4px #404040;
}

@media screen and (max-width: 63.99em) {
  [role=menuitem].is-level1 > div {
    top: 0;
    min-height: 42rem;
  }
}

@media screen and (min-width: 64em) {
  [role=menuitem].is-level1 > div {
    margin-top: 14px;
    border-spacing: 20px;
    padding-bottom: 20px;
  }
}

[role=menuitem].is-level1 .js-favorite-img {
  margin-top: -10px;
  margin-bottom: -4px;
}

@media screen and (min-width: 64em) {
  [role=menuitem].is-level2 {
    height: 30px;
  }
}

@media screen and (min-width: 64em) {
  [role=menuitem].is-level3 {
    height: 30px;
  }
}

@media screen and (min-width: 64em) {
  [role=menuitem].is-level3:hover > a {
    color: #fff !important;
    background-color: #00489a !important;
    text-decoration: none;
  }
}

[role=menuitem] > .show-hover {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.25s, opacity 0.25s linear;
          transition: visibility 0.25s, opacity 0.25s linear;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[role=menuitem].is-active > .show-hover {
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 64em) {
  [role=menuitem]:hover > .show-hover {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.25s, opacity 0.25s linear;
            transition: visibility 0.25s, opacity 0.25s linear;
    -webkit-transition-delay: 300ms;
            transition-delay: 300ms;
  }
}

[role=banner] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: initial;
          perspective: initial;
}

/**
	Module: Slideout
 */
@media screen and (max-width: 63.99em) {
  .menu-favorite-city {
    max-width: 80px;
    max-width: calc(100vw - 240px);
  }
  .menu-favorite-image img {
    margin-top: -6px;
  }
  .slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
    border-right: 1px solid #333;
    box-shadow: 8px 0 4px -2px #888;
  }
  .slideout-panel {
    position: relative;
  }
  .slideout-open,
  .slideout-open body,
  .slideout-open .slideout-panel {
    overflow: hidden;
  }
  .slideout-open .slideout-menu {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .slideout-menu {
    margin-top: 0 !important;
  }
  .slideout-panel {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}

/**
	Site Search
 */
.search-form {
  background: #fff;
  border-radius: 22px;
  line-height: 44px;
  position: relative;
  width: 360px;
}

.is-sticky .search-form {
  line-height: 30px;
  height: 30px;
  width: 340px;
}

.ie7 .search-form {
  height: 48px;
  width: 340px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .search-form {
    width: 300px;
    height: 40px;
  }
}

@media screen and (max-width: 47.99em) {
  .search-form {
    width: 100%;
    height: 38px;
    border-radius: 19px;
  }
}

@media screen and (max-width: 47.99em) {
  .search-form.palm-ml.palm-mr {
    width: calc(100% - 40px);
  }
}

.has-fireplace .search-form {
  width: 280px;
}

.search-field {
  background-color: transparent;
  font-size: 18px;
  font-weight: 400;
  color: #00489a;
  line-height: 44px;
  height: 44px;
  vertical-align: top;
}

.is-sticky .search-field {
  line-height: 30px;
  height: 30px;
}

.potable-ios .search-field {
  height: auto !important;
}

.ie7 .search-field {
  width: 350px;
}

.search-field:focus {
  outline: none;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .search-field {
    line-height: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 47.99em) {
  .search-field {
    line-height: 38px;
    height: 38px;
  }
}

@media screen and (max-width: 47.99em) {
  .popup-form .search-field {
    font-size: 15px;
    height: 35px;
  }
}

input.search-field {
  border: none !important;
  padding: 0 !important;
}

.search-submit {
  color: #00489a;
  border: none;
  line-height: 44px;
  vertical-align: middle;
  background-color: transparent;
  position: absolute;
  right: 20px;
  font-size: 1.25rem;
}

.android-classic .search-submit {
  color: #fff;
}

.is-sticky .search-submit {
  line-height: 30px;
}

.search-submit:focus {
  outline: none;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .search-submit {
    line-height: 40px;
  }
}

@media screen and (max-width: 47.99em) {
  .search-submit {
    line-height: 38px;
  }
}

.search-submit span {
  color: #00489a;
}

.android-classic .search-submit span {
  color: #fff;
}

.ie7 .search-submit {
  width: 40px;
  height: 47px;
}

@media screen and (min-width: 64em) {
  .autocomplete-visible {
    box-sizing: content-box;
    margin-left: -1px;
    margin-right: -1px;
    border-left: 1px solid #76acea;
    border-right: 1px solid #76acea;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .autocomplete-visible {
    box-sizing: content-box;
    margin-left: -1px;
    margin-right: -1px;
    border-left: 1px solid #76acea;
    border-right: 1px solid #76acea;
  }
}

.autocomplete-suggestions {
  background: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 2px;
}

.autocomplete-suggestions.layout--group, .autocomplete-suggestions.layout--merge {
  padding-bottom: 0;
  border-left: 1px solid #76acea;
  border-right: 1px solid #76acea;
  border-bottom: 1px solid #76acea;
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
}

.autocomplete-suggestion {
  background: #fff;
  padding: 5px 20px;
  cursor: pointer;
}

.layout--group .autocomplete-suggestion {
  padding-left: 29px;
}

.layout--merge .autocomplete-suggestion {
  padding-left: 14px;
}

.layout--group .autocomplete-suggestion:last-child,
.layout--merge .autocomplete-suggestion:last-child {
  border-bottom-right-radius: 22px;
  border-bottom-left-radius: 22px;
  padding-bottom: 10px;
}

.autocomplete-suggestion .icon--small {
  float: left;
  margin-bottom: 5px;
}

.autocomplete-group {
  background: #fff;
  padding: 5px 20px;
  padding-left: 27px;
  padding-top: 0;
  color: #808080;
}

.autocomplete-group > span,
.autocomplete-group > span::before {
  color: silver;
}

.autocomplete-group > span {
  position: absolute;
  left: 10px;
  font-size: 13px;
  margin-top: 3px;
}

.autocomplete-group:not(:first-child) {
  padding-bottom: 5px;
  padding-top: 5px;
}

.autocomplete-selected {
  background-color: #ebf2fa;
}

.new-badge {
  background-color: #63c12b;
  color: #fff;
  font-size: 10px;
  border-radius: 7px;
  height: 14px;
  font-style: normal;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
  font-weight: bolder;
}

/**
  VHS Module: Stage
*/
.stage--full,
.video-placeholder {
  position: relative;
  overflow: hidden;
  border-right: 1px solid white;
}

.stage--cover {
  background-size: cover;
}

.button--middle-center {
  z-index: 1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.button--middle-center img,
.button--middle-center .btn {
  margin-left: auto;
  margin-right: auto;
}

.ie7 .button--middle-center {
  top: auto;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
}

.ie7 .button--middle-center .btn {
  display: block;
}

.ie8 .button--middle-center {
  top: 25%;
}

.text--left-bottom {
  -ms-flex-item-align: auto;
      align-self: auto;
  z-index: 1;
  position: absolute;
  margin-right: auto;
  left: 5%;
  right: 0;
  top: 80%;
}

.text--left-bottom img,
.text--left-bottom .btn {
  margin-right: auto;
}

.ie7 .text--left-bottom {
  top: auto;
  bottom: 0;
  padding: 10px 0;
}

.ie7 .text--left-bottom .btn {
  display: block;
}

.ie8 .text--left-bottom {
  top: 25%;
}

.button--square--bottom-left-yellow {
  z-index: 1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  left: 0;
  bottom: 0;
  background-color: #ffc53e;
}

.button--square--bottom-left-gray {
  z-index: 1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  left: 0;
  bottom: 0;
  background-color: #404040;
}

.button--bottom-left {
  z-index: 1;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 10px;
  bottom: 10px;
}

.button--bottom-left .btn {
  font-size: 15px;
  padding: 7.5px 15px;
}

.ie7 .button--bottom-left {
  top: auto;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
}

.ie7 .button--bottom-left .btn {
  display: block;
}

.stage--main {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 66.6666666%;
  height: 300px;
}

.ie7 .stage--main {
  float: left;
  width: 100%;
  display: block;
}

@media screen and (max-width: 1200px) {
  .stage--main {
    width: 100%;
    display: block;
  }
}

.stage--side {
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  width: 33.3333333%;
}

.ie7 .stage--side {
  width: 242px;
  height: 300px;
  display: block;
}

@media screen and (max-width: 1200px) {
  .stage--side {
    width: 100%;
    height: auto;
    display: block;
    text-align: left;
  }
}

.stage--overlay {
  z-index: 0;
  color: #fff;
}

.stage--overlay span,
.stage--overlay h3,
.stage--overlay h2 {
  color: #fff;
}

.stage--overlay h3 {
  font-size: 16px;
}

@media screen and (min-width: 64em) {
  .stage-link {
    position: relative;
    top: 50px;
  }
}

@media screen and (max-width: 63.99em) {
  .stage-link {
    font-size: 18px;
  }
}

.video--info {
  background: #467ec7;
  color: #fff;
  word-break: break-all;
}

@media screen and (min-width: 64em) {
  .video--info {
    height: 300px;
  }
}

.ie7 .video--info {
  float: left;
}

@media screen and (min-width: 64em) {
  .video--info {
    text-align: center !important;
  }
}

.video--info span,
.video--info h3,
.video--info h2,
.video--info a {
  color: #fff;
}

@media screen and (max-width: 63.99em) {
  .video--info span,
  .video--info h3 {
    font-size: 16px;
  }
}

.video--info a {
  text-decoration: underline;
}

.video-info__icon {
  width: 100% !important;
}

.ie7 .video-info__icon {
  width: auto !important;
  padding-top: 5px;
  float: none !important;
}

@media screen and (max-width: 1200px) {
  .video-info__icon {
    width: auto !important;
    padding-top: 5px;
  }
}

.video-info__tempatur {
  width: 100% !important;
  padding-bottom: 20px;
}

.ie7 .video-info__tempatur {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (max-width: 1200px) {
  .video-info__tempatur {
    width: auto !important;
    padding-bottom: 10px;
  }
}

.wetter-icon--large {
  width: 68px;
  height: 68px;
  background: transparent url("/wcomv5/images/medium-sprite-1.png") 50% 0 no-repeat;
}

.wetter-icon--sonnig {
  background-position: 50% 0;
}

.play-button {
  background: url("/wcomv5/images/play_buttons_sprites.png") no-repeat;
}

.play-button.play-button--big {
  background-position: -120px 0;
  width: 126px;
  height: 126px;
}

.play-button.play-button--big:hover {
  background-position: 0 0;
  width: 126px;
  height: 126px;
}

.play-button.play-button--middle {
  background-position: -131px -126px;
  width: 96px;
  height: 96px;
}

.play-button.play-button--middle:hover {
  background-position: -17px -122px;
  width: 94px;
  height: 94px;
}

.play-button.play-button--small {
  background-position: -148px -217px;
  width: 59px;
  height: 58px;
}

.play-button.play-button--small:hover {
  background-position: -33px -218px;
  width: 58px;
  height: 58px;
}

@media screen and (min-width: 64em) {
  .pl15 {
    padding-left: 15px !important;
  }
  .pr15 {
    padding-right: 15px !important;
  }
  .pl5 {
    padding-left: 5px !important;
  }
  .pr5 {
    padding-right: 5px !important;
  }
}

@media screen and (min-width: 64em) {
  .stage .button--middle-center {
    top: 115px;
  }
}

.text-tab {
  font-size: 16px;
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.text-tab::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  border-bottom: 3px solid #fff;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.text-tab:hover {
  text-decoration: none;
  border-color: #00489a;
}

.text-tab:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

.text-tab.is-active {
  cursor: pointer;
  color: #fff;
}

.text-tab.is-active::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

@media screen and (max-width: 47.99em) {
  .text-tab.is-active {
    background: #fff !important;
    cursor: default;
    border-color: #fff !important;
  }
  .text-tab.is-active.warnselection {
    background: none !important;
  }
  .text-tab.is-active h4,
  .text-tab.is-active span {
    color: #00489a !important;
  }
  .text-tab.is-active:hover {
    background: #fff !important;
  }
}

@media screen and (max-width: 63.99em) {
  .text-tab--desk-only::after {
    display: none;
  }
  .text-tab--desk-only.is-active {
    color: #00489a;
  }
}

.map-tab {
  position: relative;
  padding-left: 4px;
  padding-bottom: 4px;
  display: inline-block;
  background-position: 0 3px;
  color: #00489a;
  background-repeat: no-repeat;
  font-size: 16px;
}

.map-tab::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #00489a;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.map-tab:hover {
  text-decoration: none;
  opacity: 1 !important;
}

.map-tab:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

.map-tab span {
  vertical-align: middle;
  display: table-cell;
  padding-right: 4px;
}

.map-tab.is-active {
  color: #00489a;
  cursor: default;
}

.map-tab.is-active::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  border-color: #00489a;
}

.map-tab.text--normal {
  font-size: 15px;
  line-height: 1.333rem;
}

.map-tab.text--normal::after {
  border-bottom-width: 2px;
}

@media screen and (max-width: 47.99em) {
  .map-tab--text {
    display: none !important;
  }
}

.weather-tab {
  position: relative;
  padding-left: 4px;
  padding-bottom: 3px;
  display: inline-block;
  color: #00489a;
  background: no-repeat 0 3px;
  font-size: 15px;
}

.weather-tab::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
  border-bottom: 2px solid #00489a;
}

.weather-tab:hover {
  text-decoration: none;
  opacity: 1 !important;
}

.weather-tab:hover::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

.weather-tab span {
  vertical-align: middle;
  display: table-cell;
  padding-right: 4px;
}

.weather-tab span .bottom-line {
  font-size: 9.5px;
  font-weight: 600;
  text-align: center;
}

.weather-tab.is-disabled {
  cursor: default;
  color: #dae9f9;
}

.weather-tab.is-disabled::after {
  border-color: transparent;
}

.weather-tab.is-active {
  cursor: default;
}

.weather-tab.is-active::after {
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  border-color: #00489a;
}

.weather-tab.text--normal {
  font-size: 15px;
  line-height: 1.333rem;
}

.weather-tab.text--normal::after {
  border-bottom-width: 2px;
}

.weather-tab__img {
  vertical-align: middle;
  display: table-cell;
}

.weather-tab__body {
  vertical-align: middle;
  display: table-cell;
}

.weather-component-nav--small-screen .weather-tab {
  -webkit-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
  line-height: 16px;
  background: #467ec7;
  opacity: 1;
  padding: 10px 20px;
  min-height: 56px;
  display: table;
  border-bottom: 1px solid #76acea;
}

.weather-component-nav--small-screen .weather-tab:hover {
  background: #00489a;
  text-decoration: none;
}

.weather-component-nav--small-screen .weather-tab span {
  color: #fff;
  font-weight: 400;
  white-space: nowrap;
}

.weather-component-nav--small-screen .weather-tab span:hover {
  text-decoration: none;
}

.weather-component-nav--small-screen .weather-tab::after {
  border: none !important;
}

.weather-component-nav--small-screen .weather-tab::after:hover {
  border: none !important;
}

.weather-component-nav--small-screen .weather-tab.is-active {
  background: #fff;
  cursor: default;
  border: 1px solid #d7d7d7;
}

.weather-component-nav--small-screen .weather-tab.is-active h4,
.weather-component-nav--small-screen .weather-tab.is-active span {
  color: #00489a;
}

.weather-component-nav--small-screen .weather-tab.is-active:hover {
  background: #fff;
}

.weather-component-nav--small-screen .weather-tab.text--normal {
  min-height: initial !important;
  line-height: 1em !important;
  padding: 10px !important;
}

.weather-component-nav--small-screen .weather-tab__body {
  width: 100%;
}

.weather-component-nav--small-screen .js-weather-component-nav--toggle li {
  -webkit-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out;
  overflow: hidden;
  max-height: 0 !important;
  display: block;
}

.weather-component-nav--small-screen .js-weather-component-nav--toggle.is-open li {
  max-height: 56px !important;
}

@media screen and (max-width: 47.99em) {
  .warning-tab,
  .barbecue-tab {
    background-color: #467ec7;
    border: 1px solid currentColor;
    color: #fff;
  }
  .warning-tab.is-active, .warning-tab:hover, .warning-tab:active,
  .barbecue-tab.is-active,
  .barbecue-tab:hover,
  .barbecue-tab:active {
    background-color: #fff;
    border-color: currentColor;
    color: #467ec7;
  }
  .warning-tab::after,
  .barbecue-tab::after {
    display: none;
  }
  .warning-tab span,
  .barbecue-tab span {
    display: inline;
  }
}

h2.green--logo {
  background-image: url("/wcomv5/images/climate/green-Logo.gif");
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding-bottom: 20px;
  background-size: contain;
  margin-bottom: 10px;
}

@media screen and (min-width: 64em) {
  .green--background {
    background-image: url("/wcomv5/images/climate/earth-background.jpg");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    min-height: 800px;
  }
}

@media screen and (min-width: 64em) {
  .theme-apps-bg {
    background-image: url("/wcomv5/images/apps/hintergrund.jpg");
    background-repeat: no-repeat;
    background-position: 100% 100%;
    min-height: 524px;
  }
}

@media screen and (min-width: 64em) {
  .theme-whatsapp-bg {
    background-image: url("/wcomv5/images/whatsapp/hintergrund.jpg");
    background-repeat: no-repeat;
    background-position: 100% 100%;
  }
}

@media screen and (min-width: 64em) {
  .theme-gallery-bg {
    background-image: url("/wcomv5/images/photogallery/background.jpg");
    background-repeat: no-repeat;
    background-position: 100% 0%;
    max-height: 250px;
  }
}

.icons-emiliaicona {
  display: inline-block;
  background: url("/wcomv5/images/travel/icons-emilia.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
}

.icons-emiliaicona.flug-zug {
  background-position: -0 -0;
  width: 46px;
  height: 45px;
}

.icons-emiliaicona.flugzeug {
  background-position: -46px -0;
  width: 46px;
  height: 45px;
}

.icons-emiliaicona.zug {
  background-position: -0 -45px;
  width: 46px;
  height: 45px;
}

.icons-emiliaicona.auto {
  background-position: -46px -45px;
  width: 46px;
  height: 45px;
}

.background--light-blue {
  background: #ebf2fa;
}

/**
  Module: jQuery UI Picker
*/
.ui-datepicker-header {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid #d7d7d7 !important;
  border-radius: 0 !important;
}

.ui-datepicker {
  width: 100%;
  padding: 0;
  border: 1px solid #d7d7d7;
  display: none;
  box-shadow: 2px 1px 9px #d7d7d7;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background: none;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  height: 48px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0;
  width: 48px;
  height: 48px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  cursor: pointer;
  top: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
  border-right: 1px solid #d7d7d7;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
  border-left: 1px solid #d7d7d7;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  color: #00489a;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 1em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 8px 9px 8px 8px;
  text-align: right;
  text-decoration: none;
  height: 36px;
  width: 36px;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-icon-circle-triangle-w::after {
  content: '\e64f';
  font-family: 'icon';
  color: #00489a;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.ui-icon-circle-triangle-e::after {
  content: '\e64f';
  font-family: 'icon';
  color: #00489a;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.ui-state-disabled {
  color: #919191;
  font-weight: normal !important;
}

.ui-state-active {
  border: 0 solid;
  border-radius: 24px;
  background: #2a69ae;
  color: white;
}

.ui-state-default {
  font-weight: bold;
}

.toolbar {
  background-color: #ffc53e;
  color: #00489a;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  height: 45px;
  min-height: 45px;
  cursor: pointer;
}

.toolbar:hover {
  text-decoration: none;
  background-color: #f7a600;
}

.toolbar__img {
  height: 30px;
  max-height: 30px;
}

.toolbar--warning {
  background-color: #c00 !important;
  color: #fff !important;
}

.toolbar--warning:hover {
  background-color: #990000 !important;
}

.tooltip--trigger {
  background: transparent url("/wcomv5/images/tooltip-trigger.png") 100% 0 no-repeat;
  padding: 4px 13px 4px 0;
  cursor: pointer;
}

.tooltip--trigger:hover {
  text-decoration: none;
}

.tooltip--trigger.currentWeather {
  padding: 4px 13px 0 0;
}

.tooltip--target {
  z-index: 10;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
  display: inline;
  position: absolute;
  top: -10px;
  left: 8px;
  color: #fff;
  border: 1px solid #dadada;
  background: #434a54;
  padding: 14px 20px;
  -webkit-transform: translate(-50%, -120%);
      -ms-transform: translate(-50%, -120%);
          transform: translate(-50%, -120%);
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 63.99em) {
  .tooltip--target {
    -webkit-transform: translate(-27%, -164%);
        -ms-transform: translate(-27%, -164%);
            transform: translate(-27%, -164%);
  }
}

.tooltip--target.currentWeather {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: -66px !important;
  left: 449px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .tooltip--target.currentWeather {
    top: -20px !important;
    left: 174px;
  }
}

@media screen and (max-width: 47.99em) {
  .tooltip--target.currentWeather {
    top: 0 !important;
    left: 161px;
  }
}

.tooltip--target.vhs-tooltip {
  left: 209px;
  top: 34px;
}

@media screen and (max-width: 63.99em) {
  .tooltip--target.vhs-tooltip {
    left: 65px;
    top: 106px;
  }
}

.tooltip--target.regionsTooltip {
  left: 209px;
  top: 130px;
}

@media screen and (max-width: 63.99em) {
  .tooltip--target.regionsTooltip {
    left: 65px;
    top: 106px;
  }
}

.tooltip--target.currentWeatherLivecam {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 36px !important;
  left: -1px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .tooltip--target.currentWeatherLivecam {
    top: -40px !important;
  }
}

@media screen and (max-width: 47.99em) {
  .tooltip--target.currentWeatherLivecam {
    top: 0 !important;
    left: 0;
  }
}

.tooltip--target.calculated {
  top: 120px !important;
}

.tooltip--target.drop {
  top: 205px;
}

.tooltip--target h5 {
  color: #fff;
}

.tooltip--target td {
  padding: 2px 0;
  white-space: nowrap;
}

.tooltip--target::before {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUQ5NkJGRjgyNjM3MTFFNUE3MDNBRDMxNDhGM0Y3OTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ5NkJGRjkyNjM3MTFFNUE3MDNBRDMxNDhGM0Y3OTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFRDk2QkZGNjI2MzcxMUU1QTcwM0FEMzE0OEYzRjc5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFRDk2QkZGNzI2MzcxMUU1QTcwM0FEMzE0OEYzRjc5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps5c6iAAAACDSURBVHjaYnzz5o3ahs3bD27evkfiy5evDIQAHy8Pg7eH84sAX097JmFh4Vsghq+nywseHm6iNAb6edmD9DGBBIkxAFmjkJDQLZAYE0wSnwHYNKJoxmUALo1g8P//fwwMCsQ58xc/DwxP+A+i3759q4ZNHVbNMANu3br1H5dGEAYIMACWHYdp5RquqgAAAABJRU5ErkJggg==) 0 0 no-repeat;
  width: 15px;
  height: 7px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: '';
}

.tooltip--target.is-open {
  opacity: 1;
  visibility: visible;
}

/**
  Page: Mein Wetter
*/
.bg--icon {
  position: relative;
  background-color: #ebf2fa;
  min-height: 360px;
}

.bg--icon::before {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 60px;
  color: #dae9f9;
  font-family: 'icon';
}

.bg--profile::before {
  content: "\e620";
}

.bg--letter::before {
  content: "\e901";
}

.bg--weather_station::before {
  content: "\e902";
}

/**
  Page: VHS
*/
.mountain-image {
  width: 120px;
  height: 50px;
  margin-bottom: -45px;
  margin-left: -20px;
}

.skiarea-image {
  width: 100%;
  background-position: center;
  height: 168px;
}

@media screen and (max-width: 47.99em) {
  .skiarea-image {
    height: 145px;
  }
}

.text-above {
  vertical-align: top;
}

.text-below {
  vertical-align: bottom;
}

/**
  Module: Video Component in Content Descriptions (Article, Liveticker)
*/
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive iframe,
.embed-responsive video,
.embed-responsive object,
.embed-responsive embed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/**
  Module: Glomex Overrides
*/
.k-fullscreen-dom {
  z-index: 10013;
}

.k-thumbnail-overlay,
.k-endscreen {
  color: #fff;
}

.k-container {
  background-color: #b5b5b5;
}

.k-media-container span {
  position: absolute;
  top: 70%;
  left: 20%;
  color: #fff;
}

.k-control-container-wcom {
  position: relative;
  padding-bottom: 28.75px;
}

.k-control-bar-wcom {
  background: #252a2e;
  height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  vertical-align: middle;
  line-height: 28px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.k-control-bar-wcom span::before {
  color: white;
}

.k-control-bar-wcom .text--center {
  width: 34px;
}

.k-control-bar-wcom div,
.k-control-bar-wcom a,
.k-control-bar-wcom noscript {
  border: none;
  border-left: 1px solid #4e5154;
  color: white;
  height: 30px;
  line-height: inherit;
}

.k-control-bar-wcom div:last-child,
.k-control-bar-wcom a:last-child,
.k-control-bar-wcom noscript:last-child {
  border-right: 1px solid #4e5154;
}

/**
	Module: Warningmap Legend
 */
.color-box--warning-level-0,
.color-box--kitty-warning-level-0 {
  background-color: #fff;
  border: 1px solid #b5b5b5;
}

.color-box--warning-level-vorwarnung {
  background-image: -webkit-linear-gradient(135deg, red 20%, white 20%, white 40%, red 40%, red 60%, white 60%, white 80%, red 80%, red);
  background-image: linear-gradient(-45deg, red 20%, white 20%, white 40%, red 40%, red 60%, white 60%, white 80%, red 80%, red);
  border: 1px solid #b5b5b5;
}

.color-box--kitty-warning-level-vorwarnung {
  background-color: #ff9700;
}

.color-box--kitty-warning-level-1 {
  background-color: #fffc9a;
}

.color-box--warning-level-1 {
  background-color: #fefe00;
}

.warningbar.color-box--warning-level-1 {
  background-color: #ffc729;
}

.warningbar.color-box--warning-level-1:hover {
  background-color: #f1a800;
}

.color-box--warning-level-1-lighter {
  background-color: rgba(255, 199, 41, 0.1);
}

.color-box--kitty-warning-level-2 {
  background-color: #ffee30;
}

.color-box--warning-level-2 {
  background-color: #ff9800;
}

.warningbar.color-box--warning-level-2:hover {
  background-color: #e57c00;
}

.color-box--warning-level-2-lighter {
  background-color: rgba(255, 152, 0, 0.1);
}

.color-box--warning-level-3,
.color-box--kitty-warning-level-3 {
  background-color: #fe0000;
}

.warningbar.color-box--warning-level-3 {
  background-color: #e43935;
}

.warningbar.color-box--warning-level-3:hover {
  background-color: #b01c19;
}

.color-box--warning-level-3-lighter {
  background-color: rgba(228, 57, 53, 0.1);
}

.color-box--warning-level-4,
.color-box--kitty-warning-level-4 {
  background-color: #950800;
}

.warningbar.color-box--warning-level-4:hover {
  background-color: #7f0800;
}

.color-box--warning-level-4-lighter {
  background-color: rgba(149, 8, 0, 0.1);
}

.color-box--ch-warning-level-0 {
  background-color: #e3f08b;
}

.color-box--ch-warning-level-1 {
  background-color: #f9e24b;
}

.color-box--ch-warning-level-2 {
  background-color: #ffb029;
}

.color-box--ch-warning-level-3 {
  background-color: #ff7a5d;
}

.color-box--ch-warning-level-4 {
  background-color: #800000;
}

.width-100 {
  width: 100% !important;
}

.width-90 {
  width: 90% !important;
}

.width-80 {
  width: 80% !important;
}

.width-70 {
  width: 70% !important;
}

.width-60 {
  width: 60% !important;
}

.width-50 {
  width: 50% !important;
}

.width-40 {
  width: 40% !important;
}

.width-30 {
  width: 30% !important;
}

.width-20 {
  width: 20% !important;
}

.color-box--warning-level-vorwarnung {
  background-image: -webkit-linear-gradient(-45deg, red 20%, white 20%, white 40%, red 40%, red 60%, white 60%, white 80%, red 80%, red);
  background-image: -webkit-linear-gradient(135deg, red 20%, white 20%, white 40%, red 40%, red 60%, white 60%, white 80%, red 80%, red);
  background-image: linear-gradient(-45deg, red 20%, white 20%, white 40%, red 40%, red 60%, white 60%, white 80%, red 80%, red);
}

.leaflet-image-layer, .leaflet-layer, .leaflet-map-pane, .leaflet-marker-icon, .leaflet-marker-pane, .leaflet-marker-shadow, .leaflet-overlay-pane, .leaflet-overlay-pane svg, .leaflet-popup-pane, .leaflet-shadow-pane, .leaflet-tile, .leaflet-tile-container, .leaflet-tile-pane, .leaflet-zoom-box {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

.leaflet-marker-icon, .leaflet-marker-shadow {
  display: block;
}

.leaflet-container img {
  max-width: none !important;
}

.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important;
}

.leaflet-tile {
  -webkit-filter: inherit;
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
}

.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-tile-pane {
  z-index: 2;
}

.leaflet-objects-pane {
  z-index: 3;
}

.leaflet-overlay-pane {
  z-index: 4;
}

.leaflet-shadow-pane {
  z-index: 5;
}

.leaflet-marker-pane {
  z-index: 6;
}

.leaflet-popup-pane {
  z-index: 7;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
}

.leaflet-bottom, .leaflet-top {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

.leaflet-fade-anim .leaflet-popup, .leaflet-fade-anim .leaflet-tile {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup, .leaflet-fade-anim .leaflet-tile-loaded {
  opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
          transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated, .leaflet-zoom-anim .leaflet-tile {
  -webkit-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

.leaflet-clickable {
  cursor: pointer;
}

.leaflet-container {
}

.leaflet-control, .leaflet-popup-pane {
  cursor: auto;
}

.leaflet-dragging .leaflet-clickable, .leaflet-dragging .leaflet-container {
  cursor: move;
}

.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078a8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-container {
  font: 12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif;
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a, .leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
  font: 700 18px Lucida Console,Monaco,monospace;
  text-indent: 1px;
}

.leaflet-control-zoom-out {
  font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(7cb0d2482ecadc1b80eb0abe457371b6.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(324b4fcaf164735c627269504b7bc28e.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle, .leaflet-control-layers .leaflet-control-layers-list {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers {
  box-shadow: none;
}

.leaflet-touch .leaflet-bar, .leaflet-touch .leaflet-control-layers {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.leaflet-popup {
  position: absolute;
  text-align: center;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  background: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma,Verdana,sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: 700;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

.react-autosuggest__input {
  width: 100%;
  border: 0 !important;
  padding: 8px 30px 0 0 !important;
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  vertical-align: top;
  direction: ltr;
  display: table-cell;
  color: #00489a !important;
}

@media screen and (max-width: 47.99em) {
  .react-autosuggest__input {
    padding-top: 6px !important;
  }
}

.react-autosuggest__suggestions-container {
  position: absolute;
  z-index: 1001;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 2px;
  width: 100%;
  padding: 0;
  margin-top: -4px;
}

.react-autosuggest__suggestions-container .react-autosuggest__suggestions-list {
  margin: 0;
  padding-right: 40px;
  text-align: left;
  list-style-type: none;
}

.react-autosuggest__suggestions-container .react-autosuggest__suggestions-list .react-autosuggest__suggestion {
  background: #fff;
  padding: 5px 20px;
  cursor: pointer;
  line-height: 1.3333333;
}

.react-autosuggest__suggestions-container .react-autosuggest__suggestions-list .react-autosuggest__suggestion.react-autosuggest__suggestion--focused {
  background-color: #ebf2fa;
}

.mpw-timeline {
  height: 50px;
  width: 100%;
}

.mpw-timeline .mpw-timeline-line {
  display: block;
  position: relative;
  height: 1px;
  top: -26px;
  background: #ddd;
  margin-left: 5.55556%;
  margin-right: 5.55556%;
}

.mpw-timeline .mpw-timeline-bar {
  position: absolute;
  height: 5px;
  top: -2px;
  left: 10%;
  right: 10%;
}

.mpw-timeline .mpw-timeline-circle-outer {
  position: absolute;
  top: 0;
  width: 1px;
}

.mpw-timeline .mpw-timeline-circle {
  position: absolute;
  height: 9px;
  width: 9px;
  border-radius: 5px;
  top: -4px;
  left: -4px;
}

.mpw-timeline .mpw-timeline-circle-now {
  position: absolute;
  background: #fff;
  height: 9px;
  width: 9px;
  border-radius: 5px;
  border: 1px solid grey;
  top: -4px;
  left: -4px;
}

.mpw-timeline .mpw-timeline-tick {
  position: absolute;
  top: 0;
  width: 1px;
  height: 5px;
  background: #ddd;
}

.mpw-timeline .mpw-timeline-tick.tick-left {
  left: 0;
}

.mpw-timeline .mpw-timeline-tick.tick-right {
  right: 0;
}

.mpw-timeline .mpw-timeline-tick.tick-center {
  right: 50%;
}

.mpw-timeline .mpw-timeline-days {
  margin-left: 4.55556%;
  margin-right: 6.55556%;
  position: relative;
  height: 25px;
}

#warningsMapToolWrap .debug {
  color: green;
  border: 1px solid red;
  background-color: #ff0;
}

#warningsMapToolWrap #mapWarningPanel {
  background-color: #fff;
  z-index: 9999;
  overflow-y: auto;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  border-top: 1px solid #d7d7d7;
}

@media (min-width: 1024px) {
  #warningsMapToolWrap #mapWarningPanel {
    top: 40px;
    right: 40px;
    width: 532px;
    left: auto;
    bottom: auto;
    position: absolute;
    border-top: 0;
    box-shadow: 0 0 33px -9px rgba(0, 0, 0, 0.73);
  }
}

@media (min-width: 768px) {
  #warningsMapToolWrap #mapWarningPanel .palm-one-whole {
    width: 100%;
  }
}

#warningsMapToolWrap .mpw-warnings-list {
  max-height: 200px;
}

@media (min-width: 768px) {
  #warningsMapToolWrap .mpw-warnings-list {
    max-height: 350px;
  }
}

#warningsMapToolWrap .mpw-warnlevel {
  display: inline-block;
  width: 20px;
  height: 10px;
}

#warningsMapToolWrap .color-box--warning-level-vorwarnung {
  background-image: -webkit-linear-gradient(135deg, red 20%, #fff 0, #fff 40%, red 0, red 60%, #fff 0, #fff 80%, red 0, red);
  background-image: linear-gradient(-45deg, red 20%, #fff 0, #fff 40%, red 0, red 60%, #fff 0, #fff 80%, red 0, red);
  border: 1px solid #b5b5b5;
}

#warningsMapToolWrap .swipr {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#warningsMapToolWrap .swipr li {
  position: relative;
  vertical-align: top;
  overflow-y: auto;
  overflow-x: hidden;
}

#warningsMapToolWrap .swipr_slides, #warningsMapToolWrap .swipr li {
  width: 100%;
  display: inline-block;
}

#warningsMapToolWrap .mpw-warning-text {
  white-space: normal;
}

.mpw-title {
  line-height: 18px;
  font-size: 11px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-left: .5rem;
  margin-right: .5rem;
}

@media (min-width: 768px) {
  .mpw-title {
    line-height: 32px;
    font-size: 14px;
  }
}

.mpw-switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
  cursor: pointer;
}

.mpw-switch input.slider-input {
  display: none;
}

.mpw-switch .slider-handle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  border-radius: 26px;
  -webkit-transition: .4s;
  transition: .4s;
}

.mpw-switch .slider-handle:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: .4s;
  transition: .4s;
}

.mpw-switch input:checked + .slider-handle {
  background-color: #2196f3;
}

.mpw-switch input:focus + .slider-handle {
  box-shadow: 0 0 1px #2196f3;
}

.mpw-switch input:checked + .slider-handle:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
      transform: translateX(26px);
}

.mpw-switch .slider-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 12px;
}

.mpw-switch .slider-label:after, .mpw-switch .slider-label:before {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
}

.mpw-switch .slider-label:before {
  content: attr(data-off);
  color: #000;
  right: 6px;
}

.mpw-switch .slider-label:after {
  content: attr(data-on);
  left: 9px;
  opacity: 0;
}

.mpw-switch input:checked + .slider-handle + .slider-label:before {
  opacity: 0;
}

.mpw-switch input:checked + .slider-handle + .slider-label:after {
  opacity: 1;
}

.mpw-mapmenu {
  background: #fff;
}

.mpw-timestamp-label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  top: 50%;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
      transform: translateY(-60%);
}

.mpw-timestamp {
  position: absolute;
  bottom: 10px;
  width: 200px;
  background: #fff;
  border-radius: 30px;
  padding: 8px 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  text-align: center;
}

#warningsMapToolWrap #warningsMapToolApp {
  position: relative;
}

#warningsMapToolWrap #warningsMapToolApp #mapContainer {
  height: 600px;
  width: 100%;
}

@media screen and (max-width: 45em) {
  #warningsMapToolWrap #warningsMapToolApp #mapContainer {
    height: 380px;
  }
}

#warningsMapToolWrap #warningsMapToolApp #mapControls {
  position: absolute;
  top: 0;
}

#warningsMapToolWrap #warningsMapToolApp #loadingPanel {
  position: absolute;
  top: 100px;
  left: 40%;
  right: 40%;
  background: red;
  color: #fff;
  padding: 30px;
}

#warningsMapToolWrap .leaflet-container .leaflet-control-attribution {
  background: transparent;
}

.right-border--grey {
  border-right: 1px solid #d7d7d7;
}

.left-border--grey {
  border-left: 1px solid #d7d7d7;
}

.bottom-border--grey {
  border-bottom: 1px solid #d7d7d7;
}

.color-level-premonition {
  background-color: pink;
  border: 1px solid pink;
}

.color-level-minor {
  background-color: #ff0;
  border: 1px solid #ff0;
}

.color-level-moderate {
  background-color: orange;
  border: 1px solid orange;
}

.color-level-severe {
  background-color: red;
  border: 1px solid red;
}

.color-level-extreme {
  background-color: #950800;
  border: 1px solid #950800;
}

@media screen and (min-width: 47.99em) {
  .shariff-button.whatsapp {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .city-weather:hover {
    background-color: #dae9f9;
  }
}

.city-weather:hover {
  text-decoration: none !important;
}

.city-weather a:hover {
  text-decoration: none !important;
}

.ikon-width {
  width: 54px !important;
}

.temp-width {
  width: 85px;
}

.cta-width {
  width: 25px !important;
}

/**
	Module: VHS Rain Nowcast / Forecast
 */
.weather-module .pack__item {
  border-right: 1px solid #76acea;
  -webkit-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

.weather-module .pack__item:last-child {
  border-right: none;
}

.weather-module .pack__item:hover {
  background: #00489a !important;
  text-decoration: none;
}

.weather-ticket h4 {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  line-height: 24px;
  font-size: 16px;
  font-weight: 600;
}

.weather-ticket p {
  white-space: nowrap;
  overflow: hidden;
}

.time-range--toggle {
  display: none;
}

.time-range--is-small-screen .weather-ticket {
  border: none;
}

.time-range--is-small-screen li {
  border-bottom: 1px solid #76acea;
}

.time-range--is-small-screen a {
  font-size: 16px;
  color: #fff;
}

.time-range--is-small-screen.js-time-range--toggle {
  display: none;
}

.sunhours {
  color: #ffc53e;
}

.rotate-S {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-W {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.rotate-O {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-SW {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.rotate-SO {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.rotate-NW {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
}

.rotate-NO {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

#forecast-navigation {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 9999;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #forecast-navigation {
    padding-top: 14px;
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 64em) {
  #forecast-navigation {
    padding-top: 14px;
    padding-bottom: 10px;
  }
  #forecast-navigation #forecast-navigation-sticky > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 740px;
  }
  #forecast-navigation > div {
    margin-top: -10px;
    padding-top: 10px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #forecast-navigation > div {
    margin-top: -10px;
    padding-top: 10px;
  }
}

#forecast-navigation-sticky ul {
  margin: 0;
}

#forecast-navigation-sticky li {
  margin: 0;
}

#forecast-navigation-sticky .is-active {
  background-color: transparent !important;
  color: #fff !important;
}

#forecast-navigation-sticky .is-active span {
  color: #fff !important;
}

#forecast-navigation-sticky .js-sticky--toggle {
  display: none;
}

#forecast-navigation-sticky .selected {
  width: auto;
  color: #fff;
  border: 0;
  padding-bottom: 0;
}

#forecast-navigation-sticky .selected::after {
  color: #fff;
}

.wind-direction .rotate-S {
  top: 7px !important;
}

.wind-direction .rotate-SO {
  top: 3px !important;
}

.wind-direction .rotate-W {
  top: 1px !important;
  left: 44px !important;
}

.rainnowcast .map-wrapper {
  height: 330px;
}

.rainnowcast .map-product-menu {
  display: none;
}

.rainnowcast .timeline-container .table {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.rainnowcast .text--black {
  color: black;
}

.rainnowcast .rainnowcast-color {
  width: 24px;
  height: 15px;
  display: inline-block;
  border: 1px solid #d7d7d7;
  margin: 0 5px -2px 5px;
}

.rainnowcast table.rainnowcast-timeline {
  empty-cells: show;
  table-layout: fixed;
}

.rainnowcast table.rainnowcast-timeline td.colorcell {
  height: 20px;
}

.rainnowcast table.rainnowcast-timeline td.right-border--grey {
  border-right: 1px solid #d7d7d7;
}

.rainnowcast table.rainnowcast-timeline td.left-border--grey {
  border-left: 1px solid #d7d7d7;
}

.rainnowcast .map-product-info {
  display: none;
}

.rainnowcast #secondOpenProducts {
  display: none;
}

@media screen and (max-width: 63.99em) {
  #nowcast-text {
    font-size: 12px;
  }
}

/**
  Module: News Carousel
*/
.wrapper-weather-news {
  position: relative;
  margin-bottom: 30px;
}

@media screen and (max-width: 47.99em) {
  .wrapper-weather-news {
    margin-bottom: 20px;
  }
}

.b0 {
  border: 0;
}

.weather-news {
  background-color: #fff;
}

.weather-news .slick-dots {
  bottom: 0 !important;
}

@media screen and (min-width: 64em) {
  .weather-news .slick-dots {
    display: none !important;
  }
}

/**
  Module: Weather Information on Micro Pages, VHS
*/
a.weather-strip:hover {
  text-decoration: none;
}

.weather-strip {
  max-height: 120px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
}

.hourly-forecast .weather-strip {
  max-height: 0;
  overflow: hidden;
}

.hourly-forecast.is-open .weather-strip {
  max-height: none !important;
}

@media screen and (min-width: 64em) {
  .weather-strip h2 {
    line-height: 0;
  }
}

.weather-strip h3,
.weather-strip h4 {
  margin-bottom: 0;
  line-height: 30px;
  white-space: nowrap;
}

@media screen and (max-width: 47.99em) {
  .weather-strip h3,
  .weather-strip h4 {
    line-height: 20px;
    font-size: 16px !important;
  }
}

.weather-strip span {
  font-size: 14px;
}

.weather-strip.is-selected {
  background-image: none !important;
}

.weather-strip.is-selected .weather-strip__toggle-details {
  display: none;
}

.weather-strip.is-selected .weather-strip__toggle-close {
  display: inline-block;
}

.weather-strip.is-selected .weather-strip__toggle-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.weather-strip--detail {
  height: 80px;
  max-height: 80px;
}

.weather-strip--detail .weather-strip__1 {
  height: 80px;
}

.weather-strip--detail .weather-strip__label {
  height: 80px !important;
}

.weather-strip--detail .ticket__item-temperature {
  width: 90px;
}

@media screen and (min-width: 64em) {
  .weather-strip--detail .add-warning-icon::after {
    left: -20px;
  }
}

@media screen and (max-width: 63.99em) {
  .weather-strip--detail .add-warning-icon::after {
    left: -9px;
  }
  .weather-strip--detail .weather-strip__icon {
    display: inline;
  }
}

.weather-strip__label .flag__img {
  padding-right: 5px;
}

.weather-strip__label .flag__img img {
  text-align: center;
  margin: 0 auto;
}

.weather-strip__item {
  display: table-cell;
  padding-right: 10px;
  margin: 0;
  vertical-align: middle;
  text-align: center;
  min-width: 140px;
}

.weather-details {
  background-color: #f3f3f3;
}

.weather-details span {
  color: #00489a;
}

.weather-details .flag__img {
  padding-right: 5px;
}

.weather-strip__toggle {
  width: 20px;
}

@media screen and (max-width: 63.99em) {
  .weather-strip__toggle {
    width: 20px;
  }
}

.weather-strip__toggle--small {
  width: 25px;
}

.weather-strip__toggle-details {
  display: inline-block;
}

.weather-strip__toggle-close {
  display: none;
}

.daily-forecast .weather-strip,
.timeofday-forecast .weather-strip {
  background-color: #467ec7;
  border-bottom: solid 1px #fff;
}

.daily-forecast .weather-strip.no-hover,
.timeofday-forecast .weather-strip.no-hover {
  cursor: default;
}

.daily-forecast .weather-strip.weather-strip--nodetails.no-hover,
.timeofday-forecast .weather-strip.weather-strip--nodetails.no-hover {
  background: white !important;
}

.daily-forecast .weather-strip:hover,
.timeofday-forecast .weather-strip:hover {
  background-color: #00489a;
}

.daily-forecast .weather-strip:hover.no-hover,
.timeofday-forecast .weather-strip:hover.no-hover {
  cursor: default;
  background: #467ec7;
}

.daily-forecast .weather-strip:hover.no-hover .weather-strip,
.timeofday-forecast .weather-strip:hover.no-hover .weather-strip {
  cursor: default;
}

.daily-forecast .weather-strip h2,
.daily-forecast .weather-strip h3,
.daily-forecast .weather-strip h4,
.daily-forecast .weather-strip h5,
.daily-forecast .weather-strip span,
.timeofday-forecast .weather-strip h2,
.timeofday-forecast .weather-strip h3,
.timeofday-forecast .weather-strip h4,
.timeofday-forecast .weather-strip h5,
.timeofday-forecast .weather-strip span {
  color: #fff;
}

.daily-forecast .timeofday-forecast,
.hourly-forecast {
  max-height: 0;
  overflow: hidden;
}

.daily-forecast .timeofday-forecast.is-open,
.hourly-forecast.is-open {
  max-height: none !important;
}

.daily-forecast .timeofday-forecast .weather-strip,
.hourly-forecast .weather-strip {
  background-color: #fff;
  border: solid 1px #d7d7d7;
  border-top: 0;
}

.daily-forecast .timeofday-forecast .weather-strip.hover,
.hourly-forecast .weather-strip.hover {
  background-color: #ebf2fa;
}

.daily-forecast .timeofday-forecast .weather-strip h2,
.daily-forecast .timeofday-forecast .weather-strip h3,
.daily-forecast .timeofday-forecast .weather-strip h4,
.daily-forecast .timeofday-forecast .weather-strip h5,
.daily-forecast .timeofday-forecast .weather-strip span,
.hourly-forecast .weather-strip h2,
.hourly-forecast .weather-strip h3,
.hourly-forecast .weather-strip h4,
.hourly-forecast .weather-strip h5,
.hourly-forecast .weather-strip span {
  color: #467ec7;
}

/**

**/
.weather-strip--nodetails {
  cursor: default;
}

.daily-forecast .weather-strip--nodetails:hover,
.timeofday-forecast .weather-strip--nodetails:hover {
  background-color: #467ec7;
}

.daily-forecast .timeofday-forecast .weather-strip--nodetails:hover,
.hourly-forecast .weather-strip--nodetails:hover {
  background-color: #fff;
}

.daily-forecast .hourly-forecast .weather-strip {
  background-color: #ebf2fa;
  cursor: default;
}

.daily-forecast .hourly-forecast .weather-strip:hover {
  background-color: #ebf2fa !important;
}

.daily-forecast .hourly-forecast .weather-strip h2 {
  font-size: 26px;
}

.daily-forecast .hourly-forecast .weather-strip h3 {
  line-height: 24px;
  font-size: 20px;
}

.daily-forecast .hourly-forecast .weather-strip .weather-strip__item {
  padding-left: 20px;
}

.flash-news {
  background: #00489a;
  border-bottom: 1px solid #fff;
  display: block;
}

.flash-news h4,
.flash-news span {
  color: #fff;
}

.weather-strip__1 {
  width: 25%;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-strip__1 .delta {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .weather-strip__1 .link-text {
    font-size: 12px !important;
  }
}

.weather-strip__2 {
  width: 35%;
}

@media screen and (max-width: 47.99em) {
  .weather-strip__2 {
    width: 37.5%;
  }
  .weather-strip__2 .beta {
    font-size: 16px !important;
  }
  .weather-strip__2 .gamma {
    font-size: 14px !important;
  }
  .weather-strip__2 .add-warning-icon::after,
  .weather-strip__2 .additional-wind::after {
    top: -10px;
    left: -3px;
  }
}

@media screen and (min-width: 64em) {
  .weather-strip__2 .add-warning-icon::after {
    left: 0;
  }
  .weather-strip__2 .additional-wind::after {
    left: 3px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-strip__2 .beta {
    font-size: 16px !important;
  }
  .weather-strip__2 .gamma {
    font-size: 14px !important;
  }
  .weather-strip__2 .add-warning-icon::after {
    left: 0;
  }
  .weather-strip__2 .additional-wind::after {
    left: 3px;
  }
}

.weather-strip__3 {
  width: 40%;
}

@media screen and (max-width: 47.99em) {
  .weather-strip__3 {
    width: 37.5%;
  }
}

.weather-strip__3 .flag__body,
.weather-strip__3 .flag__img {
  max-height: 22px;
  padding: 0;
}

@media screen and (max-width: 47.99em) {
  .weather-strip__3 .flag__body span,
  .weather-strip__3 .flag__img span {
    font-size: 12px !important;
  }
  .weather-strip__3 .flag__img span.icon--x-large::before,
  .weather-strip__3 .flag__img span.icon--x-large span::before,
  .weather-strip__3 .flag__img span.icon--large::before {
    font-size: 0.8rem !important;
  }
  .weather-strip__3 .rotate-S {
    position: relative;
    top: 3px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-strip__3 .flag__body span,
  .weather-strip__3 .flag__img span {
    font-size: 12px !important;
  }
  .weather-strip__3 .flag__img span.icon--x-large::before,
  .weather-strip__3 .flag__img span.icon--x-large span::before,
  .weather-strip__3 .flag__img span.icon--large::before {
    font-size: 0.8rem !important;
  }
  .weather-strip__3 .rotate-S {
    position: relative;
    top: 3px;
  }
}

.weather-strip__4 {
  width: 30%;
}

.weather-strip__4 .flag__body,
.weather-strip__4 .flag__img {
  max-height: 22px;
  padding: 0;
}

@media screen and (max-width: 47.99em) {
  .weather-strip__4 .flag__body span,
  .weather-strip__4 .flag__img span {
    font-size: 12px !important;
  }
  .weather-strip__4 .flag__img span.icon--x-large::before,
  .weather-strip__4 .flag__img span.icon--x-large span::before,
  .weather-strip__4 .flag__img span.icon--large::before {
    font-size: 0.8rem !important;
  }
  .weather-strip__4 .rotate-S {
    position: relative;
    top: 2px;
  }
  .weather-strip__4 .sun-hours {
    position: relative;
    top: 3px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-strip__4 .flag__body span,
  .weather-strip__4 .flag__img span {
    font-size: 12px !important;
  }
  .weather-strip__4 .flag__img span.icon--x-large::before,
  .weather-strip__4 .flag__img span.icon--x-large span::before,
  .weather-strip__4 .flag__img span.icon--large::before {
    font-size: 0.8rem !important;
  }
  .weather-strip__4 .rotate-S {
    position: relative;
    top: 2px;
  }
  .weather-strip__4 .sun-hours {
    position: relative;
    top: 3px;
  }
}

@media screen and (max-width: 63.99em) {
  .multiple-day .main-label .weather-strip__1 {
    width: 30%;
  }
  .multiple-day .main-label .weather-strip__1 .link-text {
    position: relative;
    top: -3px;
  }
  .multiple-day .main-label .weather-strip__4 {
    width: 25%;
  }
}

@media screen and (min-width: 64em) {
  .multiple-day .additional-wind::after {
    left: -2px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .multiple-day .additional-wind::after {
    left: -2px;
  }
}

.hourly-forecast .weather-strip.warning,
.daily-forecast .timeofday-forecast .weather-strip.warning {
  border-left: 5px solid #c00;
}

.add-warning-icon {
  position: relative;
  display: inline;
}

.add-warning-icon::after {
  content: url("/wcomv5/images/icons/additional/warnicon_m.png");
  position: absolute;
  left: 10px;
  top: -6px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .add-warning-icon::after {
    left: 0;
    top: -8px;
    content: url("/wcomv5/images/icons/additional/warnicon_s.png");
  }
}

@media screen and (max-width: 47.99em) {
  .add-warning-icon::after {
    left: 0;
    top: 2px;
    content: url("/wcomv5/images/icons/additional/warnicon_s.png");
  }
}

.additional-wind {
  position: relative;
  display: inline;
}

.additional-wind::after {
  content: url("/wcomv5/images/icons/additional/wind_icon_s_final_v2.png");
  position: absolute;
  left: -2px;
  top: -1px;
}

.additional-wind-m::after {
  content: url("/wcomv5/images/icons/additional/wind_icon_m_final_v2.png");
  position: absolute;
  left: 0;
  top: 20px;
}

.overlay-icons.additional-wind::after {
  position: relative;
  top: 8px;
  left: -16px;
}

.day--link:hover {
  text-decoration: underline;
}

.day--link .icon-arrow_link::before {
  color: white;
}

.astronomy-strip {
  background-color: #fff;
  border: solid 1px #d7d7d7;
  border-top: 0;
}

.astronomy-strip h2,
.astronomy-strip h3,
.astronomy-strip h4,
.astronomy-strip h5,
.astronomy-strip span {
  color: #467ec7;
}

@media screen and (min-width: 64em) {
  .vhs-temperature--perceived {
    position: relative;
    top: -6px;
  }
}

.weather-overview-span .delta--small {
  font-size: 12px !important;
}

.weather-overview-span .gamma {
  line-height: normal;
}

@media screen and (min-width: 64em) {
  .weather-overview-span .gamma--small {
    font-size: 22px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-overview-span .gamma--small {
    font-size: 12px !important;
    top: -6px;
    position: relative;
  }
  .weather-overview-span .icon--small,
  .weather-overview-span .delta--small {
    top: -6px;
    position: relative;
  }
}

@media screen and (max-width: 47.99em) {
  .weather-overview-span .gamma--small {
    font-size: 12px !important;
    top: -6px;
    position: relative;
  }
  .weather-overview-span .icon--small,
  .weather-overview-span .delta--small {
    top: -6px;
    position: relative;
  }
}

.weather-overview {
  position: relative;
  width: 100%;
  border-collapse: collapse;
}

.weather-overview tr {
  vertical-align: top;
}

@media screen and (min-width: 64em) {
  .weather-overview *[class^="rotate-"] {
    -webkit-transform-origin: 25% center;
        -ms-transform-origin: 25% center;
            transform-origin: 25% center;
  }
}

@media screen and (max-width: 63.99em) {
  .weather-overview *[class^="rotate-"] {
    -webkit-transform-origin: 35% center;
        -ms-transform-origin: 35% center;
            transform-origin: 35% center;
  }
}

@media screen and (max-width: 63.99em) {
  .weather-overview .portable-max-width {
    width: 67px;
    min-width: 67px;
    max-width: 72px;
  }
}

.weather-overview .detail-vhs-trigger .js-toggle-icon {
  position: relative;
  top: 1px;
}

@media screen and (min-width: 64em) {
  .weather-overview .delta {
    font-size: 15px;
  }
  .weather-overview .gamma {
    font-size: 16px;
  }
  .weather-overview .margin--spacer-rain {
    margin-left: 6px;
  }
  .weather-overview .padding--spacer-wind {
    padding-left: 8px;
  }
  .weather-overview .padding--spacer-temp {
    padding-left: 8px;
  }
  .weather-overview .add-warning-icon::after {
    left: 0;
    top: -10px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .weather-overview .beta {
    font-size: 24px;
  }
  .weather-overview .delta {
    font-size: 12px;
    line-height: 17px;
  }
  .weather-overview .gamma {
    font-size: 16px;
  }
  .weather-overview .padding--spacer-rain {
    padding-left: 6px;
  }
  .weather-overview .padding--spacer-wind {
    padding-left: 6px;
  }
  .weather-overview .padding--spacer-temp {
    padding-left: 6px;
  }
  .weather-overview .add-warning-icon::after {
    left: -8px;
    top: 0;
  }
}

@media screen and (max-width: 47.99em) {
  .weather-overview .beta {
    font-size: 18px;
  }
  .weather-overview .gamma {
    font-size: 12px;
  }
  .weather-overview .delta {
    font-size: 12px;
    line-height: 17px;
  }
  .weather-overview .add-warning-icon::after {
    top: 0;
    left: -8px;
  }
  .weather-overview .padding--spacer-rain {
    padding-left: 7px;
  }
  .weather-overview .padding--spacer-wind {
    padding-left: 4px;
  }
  .weather-overview .padding--spacer-temp {
    padding-left: 5px;
  }
}

/* testclasses, delete after choice was made */
.tdbt {
  border-top: 2px solid #ffc53e;
}

.tdbl-blue {
  border-left: 1px solid #00489a;
}

.hours-view {
  border-top: 1px solid #d7d7d7;
}

.hours-view li.vhs {
  padding: 5px 10px;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
}

.hours-view li.vhs-date {
  padding: 20px 0;
  border-bottom: 1px solid #d7d7d7;
}

.hours-view li.warnings {
  border-left: 5px solid #c00;
  padding-left: 5px;
}

.hours-view .vhs-text--small {
  position: relative;
  top: 4px;
}

.hours-view .ngmr {
  margin-right: -3px;
}

.hours-view .vhs-additional {
  border-top: 1px solid #d7d7d7;
}

.hours-view .add-warning-icon::after {
  left: -12px;
  top: -4px;
}

@media screen and (max-width: 63.99em) {
  .hours-view .add-warning-icon::after {
    top: 0;
    left: -8px;
  }
}

.hours-view .vhs-video-text {
  position: relative;
  top: -3px;
}

.hours-view .forecastLi {
  display: block;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid #d7d7d7;
}

@media screen and (max-width: 63.99em) {
  .hours-view *[class^="rotate-"] {
    position: relative;
    top: 2px;
    -webkit-transform-origin: 35% center;
        -ms-transform-origin: 35% center;
            transform-origin: 35% center;
  }
}

@media screen and (max-width: 63.99em) {
  .hours-view .portable-max-width {
    width: 105px;
    min-width: 105px;
    max-width: 120px;
  }
}

.btn--vhs-more {
  font-size: 15px !important;
}

.weather-calendar .min-weather-container {
  min-width: 630px;
}

@media screen and (min-width: 64em) {
  .weather-calendar .weather-strip {
    float: left;
    width: 174px;
    min-width: 174px;
    max-width: 174px;
    height: 227px;
    min-height: 227px;
    max-height: 227px;
    overflow: hidden;
  }
}

.weather-calendar .weather-strip .icon {
  font-size: 60px;
}

.weather-calendar .weather-strip .icon--white::before {
  color: white;
}

@media screen and (min-width: 64em) {
  .weather-calendar .weather-strip.tease {
    float: left;
    width: 174px;
    min-width: 174px;
    max-width: 174px;
    height: 182px;
    min-height: 182px;
    max-height: 182px;
    overflow: hidden;
  }
}

@media screen and (min-width: 64em) {
  .weather-calendar .tile-resize .weather-strip.tease {
    height: 182px;
    min-height: 182px;
    max-height: 182px;
  }
}

.weather-calendar .weather-bc1,
.weather-calendar .weather-bc2,
.weather-calendar .weather-bc3,
.weather-calendar .weather-bc5,
.weather-calendar .weather-bc6,
.weather-calendar .weather-bc7,
.weather-calendar .weather-bc9,
.weather-calendar .weather-bc10,
.weather-calendar .weather-bc11,
.weather-calendar .weather-bc13,
.weather-calendar .weather-bc14,
.weather-calendar .weather-bc15 {
  margin-right: 1px;
}

.weather-calendar .gamma {
  font-size: 14px !important;
  line-height: normal;
}

.weather-calendar .temp-max {
  font-size: 28px;
}

.weather-calendar .center-container {
  float: left;
  position: relative;
  left: 50%;
}

.weather-calendar .center-container-position {
  float: left;
  position: relative;
  left: -50%;
}

.weather-calendar .temp-position {
  position: relative;
  top: 7px;
}

.weather-calendar .weather-text {
  font-size: 12px;
}

.weather-calendar .bottom-information {
  position: absolute;
  bottom: 15px;
  left: 50%;
}

.weather-calendar .bottom-information-position {
  position: relative;
  left: -50%;
  width: 138px;
}

.weather-calendar .tile-container {
  position: absolute;
  height: 55%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.weather-calendar #js-weather-overview-nav li.relative {
  width: 136px;
}

.weather-calendar #js-weather-overview-nav .tooltip--target.calendar {
  font-size: 12px;
  top: 20px;
  left: 40%;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  display: block;
  cursor: pointer;
  width: 330px;
}

.weather-calendar #first {
  position: relative;
}

.weather-calendar #first iframe {
  position: absolute !important;
  top: 200px !important;
  left: 0 !important;
}

@media screen and (min-width: 64em) {
  html.has-fireplace .weather-calendar .weather-strip {
    width: 156px;
    min-width: 156px;
    max-width: 156px;
  }
}

@media screen and (min-width: 64em) {
  html.has-fireplace .weather-calendar .weather-strip.tease {
    width: 156px;
    min-width: 156px;
    max-width: 156px;
  }
}

html.has-fireplace .weather-calendar .ph- {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html.has-fireplace .weather-calendar .forecastLi {
  overflow: inherit;
}

html.has-fireplace .weather-calendar .tile-container {
  height: 62%;
}

@media screen and (min-width: 64em) {
  html.has-fireplace .weather-overview .desk-ph {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .nav .additional-wind::after {
    top: -68px;
  }
}

@media screen and (max-width: 47.99em) {
  .event-weather .add-warning-icon::after {
    top: -1px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .event-weather .add-warning-icon::after {
    top: -2px;
    left: 8px;
  }
}

@media screen and (min-width: 64em) {
  .init-width {
    min-width: 25px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .init-width {
    min-width: 20px;
  }
}

@media screen and (max-width: 47.99em) {
  .init-width {
    min-width: 15px;
  }
}

/**
	Module: VHS Navigation
 */
.forecast-nav .forecast-nav__item {
  border-right: 1px solid #76acea;
}

.forecast-nav .forecast-nav__item:last-child {
  border-right: none;
}

.weather-ticket,
.forecast-nav__item {
  line-height: 16px;
  background: #467ec7;
  -webkit-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

.weather-ticket:hover,
.forecast-nav__item:hover {
  background: #00489a;
  text-decoration: none;
}

.weather-ticket span,
.forecast-nav__item span {
  color: #fff;
  font-weight: 400;
  white-space: nowrap;
}

.weather-ticket span:hover,
.forecast-nav__item span:hover {
  text-decoration: none;
}

.weather-ticket .gamma,
.forecast-nav__item .gamma {
  line-height: inherit;
}

.weather-ticket.is-active,
.forecast-nav__item.is-active {
  background: #fff;
  cursor: pointer;
}

.weather-ticket.is-active h4,
.weather-ticket.is-active span,
.forecast-nav__item.is-active h4,
.forecast-nav__item.is-active span {
  color: #00489a;
}

.weather-ticket.is-active:hover,
.forecast-nav__item.is-active:hover {
  background: #00489a;
}

.weather-ticket.is-active:hover h4,
.weather-ticket.is-active:hover span,
.weather-ticket.is-active:hover .icon-heavy_precipitation::before,
.weather-ticket.is-active:hover .icon-light_precipitation .path1::before,
.weather-ticket.is-active:hover .icon-mid_precipitation .path1::before,
.weather-ticket.is-active:hover .icon-mid_precipitation .path2::before,
.forecast-nav__item.is-active:hover h4,
.forecast-nav__item.is-active:hover span,
.forecast-nav__item.is-active:hover .icon-heavy_precipitation::before,
.forecast-nav__item.is-active:hover .icon-light_precipitation .path1::before,
.forecast-nav__item.is-active:hover .icon-mid_precipitation .path1::before,
.forecast-nav__item.is-active:hover .icon-mid_precipitation .path2::before {
  color: #fff;
}

.weather-ticket {
  width: 100%;
  display: block;
}

/**
  Page: weatherHistory
*/
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

.rv-station-list {
  border-bottom: 1px solid silver;
  cursor: pointer;
}

.rv-station-list:hover {
  background-color: #dae9f9;
}

.rv-width-20 {
  width: 20px;
}

.rv-loading-container {
  position: absolute;
  margin: 150px 50%;
}

.rv-loading-container img {
  max-width: 74px;
}

.rv-menu-disabled {
  cursor: default;
  color: #a0a0a0;
  display: none !important;
}

.rv-menu-enabled {
  cursor: pointer;
  color: #00489a;
  display: inline-block !important;
}

.rv-menu-disabled span {
  cursor: default;
  color: #a0a0a0 !important;
}

.rv-chart {
  width: 100%;
  height: 400px;
  border: 0 solid red;
  position: relative;
}

.rv-background {
  fill: black;
  fill-opacity: 0.3;
  stroke: #5a80aa;
  stroke-width: 1;
}

.rwx-selector {
  fill: #5aa4fc;
  fill-opacity: 0.2;
  stroke: #5a80aa;
  stroke-width: 0;
  visibility: hidden;
}

.rv-label-container {
  text-align: left;
  margin-bottom: 10px;
}

.rv-h-lines {
  stroke: #c8c8c8;
  stroke-width: 1;
  shape-rendering: crispEdges;
  fill: none;
}

.rv-h-text {
  font-family: sans-serif;
  fill: gray;
  text-anchor: end;
  font-size: 12px;
}

.rv-v-text {
  font-family: sans-serif;
  fill: gray;
  text-anchor: middle;
  font-size: 12px;
}

.rv-line-th {
  fill: black;
  fill-opacity: 0;
  stroke: #f7a600;
}

.rv-bullets-th {
  fill: #f7a600;
  fill-opacity: 1;
  stroke: #f7a600;
}

.rv-line-tl {
  fill: black;
  fill-opacity: 0;
  stroke: #00489a;
}

.rv-pd {
  fill: #5aa4fc;
  fill-opacity: 1;
  stroke: #5aa4fc;
  stroke-width: 0;
}

.rv-pd-null {
  fill: #e6e6e6;
  fill-opacity: 1;
  stroke: gainsboro;
  stroke-width: 0;
}

.rv-pd-white {
  fill: white;
  fill-opacity: 1;
  stroke: gainsboro;
  stroke-width: 0;
}

.rv-wx {
  fill: #fecb13;
  fill-opacity: 1;
  stroke: #fecb13;
  stroke-width: 0;
}

.rv-wx-null {
  fill: #e6e6e6;
  fill-opacity: 1;
  stroke: gainsboro;
  stroke-width: 0;
}

.rv-error-panel {
  display: none;
}

.rv-ws {
  fill: #fbbb21;
  fill-opacity: 1;
  stroke: #fbbb21;
  stroke-width: 0;
}

.rv-ws-null {
  fill: #e6e6e6;
  fill-opacity: 1;
  stroke: gainsboro;
  stroke-width: 0;
}

.rv-line-ws {
  fill: black;
  fill-opacity: 0;
  stroke: #fbbb21;
}

.rv-wd {
  fill: #fbbb21;
  fill-opacity: 1;
  stroke: #fbbb21;
  stroke-width: 0;
}

.rv-wd-null {
  fill: #e6e6e6;
  fill-opacity: 1;
  stroke: gainsboro;
  stroke-width: 0;
}

.rv-line-wd {
  fill: black;
  fill-opacity: 0;
  stroke: #fbbb21;
}

.rv-legend-th {
  background-color: #f7a600;
}

.rv-legend-tl {
  background-color: #00489a;
}

.rv-legend-pd {
  background-color: #5aa4fc;
}

.rv-legend-wx {
  background-color: #fecb13;
}

.rv-legend-ws {
  background-color: #fbbb21;
}

.rv-legend-wd {
  background-color: #fbbb21;
}

.wxchart-tooltip {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  font-family: "Open Sans", sans-serif;
  border-radius: 1px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  border: 1px solid #dadada;
  background: #434a54;
  padding: 14px 20px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.wxchart-tooltip-caption {
  display: inline;
}

.wxchart-tooltip-unit {
  display: inline;
  margin-left: 4px;
}

.wxchart-tooltip-datetime {
  display: inline;
}

.wxchart-overlay {
  fill: none;
  pointer-events: all;
}

.wxnet-select-item {
  background: #d2e5fb;
  cursor: pointer;
  color: #404040;
}

.wxnet-select-item.active {
  background: #467ec7;
  color: #fff;
}

.wxnet-intro-box {
  position: relative;
}

.wxnet-fit {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.wxnet-noevents {
  pointer-events: none;
}

.wxnet-logo-blue {
  max-width: 320px;
}

.no-decoration:hover {
  text-decoration: none !important;
}

.no-decoration:hover .btn--alt:not(.btn--disabled) {
  background: #f7a600;
}

.wxnet-header {
  background-color: #114d87;
}

.wxnet-backtowcompalm {
  background-color: #76acea;
}

.wxnet-logo {
  display: block;
}

.wxnet-logo img,
.wxnet-logo svg {
  vertical-align: middle;
  width: 406px;
  max-height: 60px;
  /* IE fix */
}

.is-sticky .wxnet-logo img, .is-sticky
.wxnet-logo svg {
  width: 240px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-logo img,
  .wxnet-logo svg {
    width: 240px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-logo img,
  .wxnet-logo svg {
    width: 240px;
  }
}

/**
  Page: Wetter TV
*/
.reception .map {
  position: relative;
}

.reception .map #vmap {
  width: 340px;
  height: 470px;
}

.reception .map #info {
  background-color: #00489a;
  color: #fff;
  width: 100%;
}

.reception .map #info .hidden {
  display: none;
}

.reception .map .regionNameInfo {
  font-size: 22px;
}

.reception .map .regionNameGlobal {
  color: #467ec7;
  font-size: 22px;
}

/**
  Wintersport Styles
 */
.wintersport .wsport-weather-condition-text {
  line-height: 25px;
}

.wintersport .breadcrumb__item {
  color: #404040;
  font-size: 12px;
  padding-top: 5px;
}

.wintersport .breadcrumb__item a {
  color: #00489a;
}

.wintersport .breadcrumb__item::before {
  content: '›';
  color: #00489a;
  font-size: 12px;
  margin: 0 3px;
}

.wintersport .breadcrumb__item:first-child::before {
  content: '';
}

.wintersport .breadcrumb__item:last-child::before {
  color: #404040;
}

@media screen and (max-width: 63.99em) {
  .wintersport .fireplace-ad--logo-tirol {
    margin-top: -50px;
    position: relative;
  }
  .wintersport .fireplace-ad--logo-tirol img {
    max-height: 50px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wintersport-startpage-bg-full--wrapper {
    height: 260px;
  }
  .wintersport .fireplace-ad--logo-tirol {
    position: relative;
    top: 0;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .winter-navigation .page-head #mainNavigation {
    display: none;
  }
  .wintersport .winter-navigation .page-head.is-sticky #mainNavigation {
    display: table-cell;
  }
}

@-webkit-keyframes fill {
  100% {
    fill: #76acea;
  }
}

@keyframes fill {
  100% {
    fill: #76acea;
  }
}

.wintersport .map.winter > div {
  padding-top: 0 !important;
}

.wintersport .wintersportweather-filter {
  background-color: #467ec7;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wintersport .wintersport-page-title .title-area h1 {
  color: #00489a;
}

.wintersport iframe.skiresort-map {
  width: 100%;
}

.wintersport .leaflet-cluster-anim .leaflet-marker-icon,
.wintersport .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
          transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

@media screen and (max-width: 63.99em) {
  .wintersport .wintermap-filter .dropdown {
    position: inherit;
  }
}

.wintersport .wintermap-filter .select {
  min-height: 240px !important;
  max-height: 340px;
  overflow-y: scroll !important;
  z-index: 1001 !important;
}

@media screen and (max-width: 63.99em) {
  .wintersport .wintermap-filter .select {
    border-top: 1px solid #d7d7d7;
    position: absolute;
    left: -20px;
    width: 100vw;
    max-height: 100vh !important;
  }
}

.wintersport .wintermap-filter .option-group-title:hover {
  cursor: auto;
}

.wintersport .wintermap-filter .selected {
  position: relative;
}

@media screen and (max-width: 63.99em) {
  .wintersport .wintermap-filter .selected {
    border-bottom: 0;
  }
}

.wintersport .app-layout-map {
  padding-bottom: 70px !important;
}

.wintersport .map-wrapper {
  height: 500px;
}

.wintersport .sticky-skiarea-index-link {
  display: none !important;
}

.wintersport .is-sticky .sticky-skiarea-index-link {
  display: table !important;
}

@media screen and (max-width: 63.99em) {
  .wintersport .is-sticky .sticky-skiarea-index-link {
    display: none !important;
  }
}

.wintersport .leaflet-marker-pane {
  z-index: 10 !important;
}

.wintersport .leaflet-popup-pane {
  z-index: 15 !important;
}

.wintersport .leaflet-top-pane {
  pointer-events: none;
}

.wintersport .youtube-video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.wintersport .youtube-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 63.99em) {
  .wintersport .site-nav .is-active {
    color: #00489a;
    position: inherit;
    border-color: #d7d7d7 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport #kolibriLayer {
    width: 700px !important;
  }
}

@media screen and (min-width: 64em) {
  .wintersport #kolibriLayer {
    width: 700px !important;
  }
}

.wintersport .is-sticky .site-nav-trigger {
  font-size: 22px;
  width: 25px;
}

.wintersport .is-sticky .logo svg {
  height: 60px !important;
}

.wintersport .is-sticky .winter-toolbar-wrapper {
  display: none;
}

@media screen and (max-width: 47.99em) {
  .wintersport .logo svg {
    width: 140px;
  }
}

.wintersport #js-skiarea-search.search-form {
  max-width: inherit !important;
}

.wintersport .site-nav--wintersport.is-half-off-canvas {
  visibility: hidden;
}

.wintersport .site-nav--wintersport.is-open {
  visibility: visible !important;
}

@media screen and (min-width: 64em) {
  .wintersport .site-nav--wintersport {
    visibility: visible !important;
  }
}

.wintersport #popup--wintersport {
  display: none;
}

.wintersport .autocomplete-suggestion .skiarea-resort-state::before,
.wintersport .option .select .skiarea-resort-state::before {
  width: 14px;
  height: 14px;
  margin-top: 2px;
  border-width: 7px;
}

.wintersport .bg--android {
  background: #3a3a3a;
}

.wintersport body {
  background-color: #ebf2fa;
}

@media screen and (min-width: 64em) {
  .wintersport body {
    background-color: #ebf2fa;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url("/wcomv5/images/winter-header-background-neu.png");
    background-size: 100%;
  }
}

.wintersport .title-area h1 {
  color: #00489a;
}

.wintersport .js-search-palm {
  display: none;
}

.wintersport .start-page .js-search-palm {
  display: block;
}

.wintersport .start-page #mainHeader:not(.is-sticky) .right-menu .icon-button.search {
  display: none;
}

.wintersport #mainHeader {
  color: #00489a;
}

.wintersport #mainHeader.is-sticky .main-menu {
  display: none;
}

.wintersport #mainHeader.is-sticky .header-top {
  border-bottom: 1px solid #bed8f1;
}

@media screen and (max-width: 63.99em) {
  .wintersport #mainHeader.is-sticky .header-top {
    height: 50px;
  }
}

.wintersport #mainHeader.is-sticky .main-menu-sticky.is-open {
  display: block;
}

.wintersport #mainHeader.is-sticky .right-menu {
  margin-top: 0;
}

.wintersport #mainHeader.is-sticky .right-menu .icon-button {
  border-left: 1px solid #bed8f1;
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader.is-sticky a.text-tab.is-active,
  .wintersport #mainHeader.is-sticky a.text-tab {
    font-size: 16px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader.is-sticky #mainNavigation {
    width: 12%;
    border-right: 1px solid #bed8f1;
  }
  .wintersport #mainHeader.is-sticky #mainNavigation.banner-padding {
    padding: 15px;
  }
  .wintersport #mainHeader.is-sticky #mainNavigation .trigger-label {
    position: relative;
    top: -3px;
    font-size: 16px;
  }
  .wintersport #mainHeader.is-sticky #mainNavigation .site-nav-trigger {
    display: inline-block;
  }
  .wintersport #mainHeader.is-sticky #mainNavigation .site-nav-trigger .is-open .open-show {
    display: inline-block !important;
  }
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader .right-menu {
    margin-top: 10px;
  }
}

.wintersport #mainHeader .main-menu {
  display: block;
}

.wintersport #mainHeader .main-menu-sticky {
  display: none;
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader .main-menu-sticky > .pack {
    display: block;
  }
  .wintersport #mainHeader .main-menu-sticky .is-active {
    color: #00489a;
  }
}

.wintersport #mainHeader.is-open .main-menu-sticky {
  display: block;
}

.wintersport #mainHeader .site-nav {
  color: #00489a;
}

.wintersport #mainHeader .site-nav a {
  color: #00489a;
}

@media screen and (max-width: 63.99em) {
  .wintersport #mainHeader .site-nav.is-open {
    top: 50px;
  }
}

.wintersport #mainHeader #mainNavigation {
  width: 5%;
  color: #00489a;
}

.wintersport #mainHeader .right-menu {
  font-size: 20px;
  vertical-align: middle;
  float: right;
}

.wintersport #mainHeader .right-menu .icon-button {
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 18px;
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader .right-menu .icon-button {
    height: 60px;
  }
}

.wintersport #mainHeader .right-menu .icon-button:hover {
  background-color: #ebf2fa;
  cursor: pointer;
}

.wintersport #mainHeader .right-menu .icon-button.pressed {
  background-color: #ebf2fa;
}

.wintersport #mainHeader .right-menu .icon-button .icon-label {
  font-family: "Open Sans", sans-serif !important;
  position: relative;
  top: -3px;
}

.wintersport #mainHeader .logo-container {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.wintersport #mainHeader.page-head.is-sticky {
  background-color: #dae9f9;
}

.wintersport #mainHeader.page-head.is-sticky .site-nav-trigger ._icon-menu--middle {
  position: static;
}

.wintersport #mainHeader.page-head.is-sticky .logo-container {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

.wintersport #mainHeader .logo svg {
  max-height: none;
}

@media screen and (max-width: 47.99em) {
  .wintersport #mainHeader .logo svg {
    margin-left: -20px;
  }
}

@media screen and (max-width: 63.99em) {
  .wintersport #mainHeader .logo svg {
    width: 148px;
    height: 48px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader .logo svg {
    margin-left: -10px;
    width: 162px;
    height: 66px;
  }
}

.wintersport #mainHeader .text-tab,
.wintersport #mainHeader .text-tab:active,
.wintersport #mainHeader .text-tab:hover,
.wintersport #mainHeader .text-tab.is-active {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.wintersport #mainHeader .text-tab::after,
.wintersport #mainHeader .text-tab:active::after,
.wintersport #mainHeader .text-tab:hover::after,
.wintersport #mainHeader .text-tab.is-active::after {
  border-bottom: 2px solid #00489a;
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader.is-sticky.is-open .main-menu-sticky {
    padding-left: 0;
    padding-right: 0;
    width: 1145px !important;
  }
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader:not(.is-sticky) {
    border-bottom: 1px solid #bed8f1;
  }
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader:not(.is-sticky) .main-menu-sticky {
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    padding-left: 250px;
    padding-right: 250px;
    width: 100% !important;
    border: 0 !important;
    pointer-events: none;
  }
  .wintersport #mainHeader:not(.is-sticky) .main-menu-sticky > .pack {
    pointer-events: all;
  }
  .wintersport #mainHeader:not(.is-sticky) .main-menu-sticky .pack__item {
    display: none;
  }
  .wintersport #mainHeader:not(.is-sticky) .main-menu-sticky .border--grey {
    border: 0 !important;
  }
}

.wintersport #mainHeader:not(.is-sticky) [role=menuitem].is-level1 > div .btn--text {
  border-spacing: 0;
}

@media screen and (min-width: 64em) {
  .wintersport #mainHeader:not(.is-sticky) [role=menuitem].is-level1 > div {
    margin-top: 22px;
  }
}

.wintersport #mainHeader:not(.is-sticky) [role=menuitem] > .show-hover {
  -webkit-transition: visibility 0.25s linear 0.1s, opacity 0.25s linear 0.1s;
          transition: visibility 0.25s linear 0.1s, opacity 0.25s linear 0.1s;
}

.wintersport #mainHeader.is-sticky .toolbar-wrapper {
  display: none !important;
}

.wintersport #mainHeader.is-sticky [role=menuitem].is-level1 > div .btn--text {
  border-spacing: 0;
}

.wintersport .start-page {
  display: block;
}

@media screen and (min-width: 64em) {
  .wintersport .start-page #mainHeader:not(.is-sticky) {
    border-bottom: 1px solid transparent;
  }
  .wintersport .start-page #mainHeader:not(.is-sticky) .toolbar-wrapper {
    margin-top: 4px;
    border-top: 1px solid #bed8f1;
  }
}

.wintersport .start-page #mainHeader:not(.is-sticky) .header-search {
  display: block;
}

.wintersport .start-page #mainHeader:not(.is-sticky) .header-search.overlay {
  display: none;
}

@media screen and (min-width: 64em) {
  .wintersport .start-page #mainHeader:not(.is-sticky) .header-search:not(.overlay) .resort-search {
    margin-right: -40px;
  }
}

.wintersport .start-page #mainHeader.is-sticky .header-search:not(.overlay) {
  display: none;
}

.wintersport .is-sticky .header-search.overlay {
  top: 60px;
}

@media screen and (max-width: 63.99em) {
  .wintersport .is-sticky .header-search.overlay {
    top: 50px;
  }
}

.wintersport .header-search {
  display: none;
}

@media screen and (min-width: 64em) {
  .wintersport .header-search.overlay {
    padding: 0 40px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .header-search.overlay {
    padding: 0 40px;
  }
}

.wintersport .header-search .header-search-label {
  position: absolute;
}

.wintersport .header-search .search-form {
  width: 85%;
  border: 1px solid #76acea;
  margin-top: 25px;
  line-height: 38px;
  height: 44px;
}

.wintersport .header-search .search-form .search-submit {
  height: 40px;
}

.wintersport .header-search .search-form .search-submit:hover {
  cursor: auto;
}

.wintersport .header-search .search-form input[type="search"] {
  border: none;
  height: 34px;
}

.wintersport .header-search .search-form input[type="search"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #00489a;
}

.wintersport .header-search .search-form input[type="search"]:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #00489a;
  opacity: 1;
}

.wintersport .header-search .search-form input[type="search"]::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #00489a;
  opacity: 1;
}

.wintersport .header-search .search-form input[type="search"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #00489a;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .header-search .search-form {
    width: 90%;
  }
}

.wintersport .header-search .dropdown {
  background-color: #fff;
  border: 1px solid #76acea;
  padding: 10px 10px 4px;
  margin-top: 25px;
  min-height: 33px;
}

@media screen and (max-width: 47.99em) {
  .wintersport .header-search .dropdown {
    margin-top: 0;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .header-search .dropdown {
    height: 45px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .header-search .dropdown {
    height: 42px;
  }
}

.wintersport .header-search .dropdown .ccs-select__item::after {
  right: 0;
  top: 3px;
}

.wintersport .header-search .dropdown select {
  height: 30px;
  margin-top: -4px;
}

.wintersport .header-search .btn.search-btn {
  width: 90%;
  height: 44px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 25px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .header-search {
    font-size: 12px;
  }
}

@media screen and (max-width: 47.99em) {
  .wintersport .header-search .dropdown.federal {
    margin-top: 0;
  }
  .wintersport .header-search .btn.search-btn {
    width: 98%;
    margin-top: 0;
    font-size: 18px;
  }
  .wintersport .header-search .search-form {
    width: 99%;
    height: 100%;
  }
}

.wintersport .header-search .close-overlay-link {
  display: none;
}

.wintersport .header-search.overlay {
  display: block;
  width: 100%;
  left: auto;
  position: fixed;
  top: 76px;
  z-index: 20;
  background-color: #fff;
  box-shadow: 0 1px 4px #404040;
}

@media screen and (max-width: 63.99em) {
  .wintersport .header-search.overlay {
    top: 50px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .header-search.overlay {
    width: 1145px;
  }
}

.wintersport .header-search.overlay .close-overlay-link {
  display: block;
  height: 40px;
  float: right;
  color: #00489a;
  font-size: 16px;
}

.wintersport .header-search.overlay .close-overlay-link .border {
  content: '';
  padding: 2px;
  left: 0;
  width: 100%;
  border: none;
  border-bottom: 2px solid #00489a;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.wintersport .header-search.overlay .close-overlay-link:hover {
  cursor: pointer;
}

.wintersport .header-search.overlay .close-overlay-link:hover .border {
  border-bottom: 2px solid #00489a;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

@media screen and (max-width: 47.99em) {
  .wintersport .header-search.overlay {
    height: inherit;
  }
}

.wintersport .autocomplete-suggestions {
  border: 1px solid #76acea;
  border-top: none;
}

.wintersport .social-layer-container .social-share .stick-left {
  position: fixed;
  left: 0;
  top: 382px;
  width: 50px;
}

.wintersport .social-layer-container .social-share .stick-left .shariff-button {
  width: 100%;
  height: 50px;
}

.wintersport .social-layer-container .social-share .stick-left .shariff-button .fa {
  padding: 16px 20px 16px 16px;
}

.wintersport .social-layer-container .social-share .stick-bottom-share-footer {
  height: 40px;
  width: 390px;
  position: fixed;
  right: 0;
  bottom: 1px;
  z-index: 100001;
}

.wintersport .social-layer-container .social-share .stick-bottom-share-footer .shariff-button {
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  width: 128px;
}

.wintersport .social-layer-container .social-share .stick-bottom-share-footer ul {
  background-color: white;
}

.wintersport .social-layer-container .social-share .stick-bottom {
  width: 100%;
  height: 40px;
  z-index: 100001;
  position: fixed;
  bottom: 0;
  left: 0;
}

.wintersport .social-layer-container .social-share .stick-bottom ul {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wintersport .social-layer-container .social-share .stick-bottom .shariff-button {
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.wintersport .social-layer-container .social-share .tell-friends {
  background-color: white;
  width: 100%;
  z-index: 100001;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 40px;
  padding-left: 20px;
  padding-top: 10px;
  box-shadow: 1px -2px 0 #d7d7d7;
  color: #00489a;
}

.wintersport .social-layer-container .social-share .shariff-button.facebook:hover {
  background-color: #354680;
}

.wintersport .social-layer-container .social-share .shariff-button.twitter:hover {
  background-color: #2890b4;
}

.wintersport .social-layer-container .social-share .shariff-button.googleplus:hover {
  background-color: #c03823;
}

.wintersport .social-layer-container .social-share .shariff-button.whatsapp:hover {
  background-color: #24ba31;
}

.wintersport .wsport-hide-background-image {
  background-image: none;
}

.wintersport .footer {
  background-color: #ebf2fa;
  color: #00489a;
}

.wintersport .footer span,
.wintersport .footer a {
  color: #00489a;
}

.wintersport .wsport-page-sub-nav {
  line-height: 54px;
  color: #00489a;
}

.wintersport .wsport-page-sub-nav a {
  color: #00489a;
}

.wintersport .wsport-page-sub-nav .text-tab,
.wintersport .wsport-page-sub-nav .text-tab:active,
.wintersport .wsport-page-sub-nav .text-tab:hover,
.wintersport .wsport-page-sub-nav .text-tab.is-active {
  font-size: 16px;
  margin: 0;
  padding: 0;
  background: inherit !important;
}

.wintersport .wsport-page-sub-nav .text-tab::after,
.wintersport .wsport-page-sub-nav .text-tab:active::after,
.wintersport .wsport-page-sub-nav .text-tab:hover::after,
.wintersport .wsport-page-sub-nav .text-tab.is-active::after {
  border-bottom: 2px solid #00489a;
  bottom: -7px;
}

.wintersport .wsport-page-sub-nav .site-nav__link--level0 {
  border-bottom: none;
}

.wintersport .wsport-sponsored-by-label {
  margin-top: -20px;
  font-size: 10px;
  font-family: "Open Sans", sans-serif;
}

.wintersport .skiamade-page {
  margin-top: 29px;
}

.wintersport .wsport-skiresort-page h3 {
  font-size: 22px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-skiresort-page .wsport-charts-container {
    margin: 25px 0 30px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-skiresort-page .wsport-charts-container {
    margin: 40px 0 22px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-skiresort-page img.wsport-video-teaser {
    height: 170px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-skiresort-page img.wsport-pisteplan-teaser {
    height: 184px;
    background-size: cover;
  }
  .wintersport .wsport-skiresort-page img.wsport-video-teaser {
    height: 170px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-skiresort-page img.wsport-pisteplan-teaser {
    height: 360px;
    background-size: cover;
  }
}

@media screen and (max-width: 47.99em) {
  .wintersport .wsport-skiresort-page img.wsport-pisteplan-teaser {
    height: 170px;
    background-size: cover;
  }
}

.wintersport .wsport-skiresort-page .app-layout {
  padding-top: 20px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-skiresort-page .app-layout {
    padding-top: 25px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-skiresort-page .app-layout {
    padding-top: 40px;
  }
}

.wintersport .wsport-skiresort-page .skiarea-resort-state::before {
  margin-top: 3px;
  width: 13px;
  height: 13px;
}

.wintersport .wsport-skiresort-page .wsport-resort-state {
  margin-bottom: 20px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-skiresort-page .wsport-resort-state {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-skiresort-page .wsport-resort-state {
    margin-top: 10px;
    margin-bottom: 40px;
  }
}

.wintersport .importantWetterHints {
  clear: both;
}

.wintersport .importantWetterHints a {
  text-decoration: none;
}

.wintersport .importantWetterHints a .gallery-teaser__item--image {
  height: 220px;
}

@media screen and (max-width: 47.99em) {
  .wintersport .importantWetterHints a .gallery-teaser__item--image {
    height: 145px;
  }
}

.wintersport .importantWetterHints a .hints-teaser-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 101;
  height: 220px;
  width: 100%;
  background-color: #00489a;
}

@media screen and (max-width: 47.99em) {
  .wintersport .importantWetterHints a .hints-teaser-overlay {
    height: 145px;
  }
}

.wintersport .importantWetterHints a .hints-teaser-overlay div {
  color: white;
  padding: 0 16px;
}

.wintersport .importantWetterHints a .hints-teaser-overlay .name {
  font-size: 20px;
  margin-top: 60px;
}

.wintersport .importantWetterHints a .hints-teaser-overlay .more {
  margin-top: 18px;
  font-size: 14px;
}

.wintersport .importantWetterHints a:hover {
  text-decoration: none;
}

.wintersport .importantWetterHints a:hover .hints-teaser-overlay {
  display: block;
}

.wintersport .importantWetterHints a:hover div {
  display: block;
}

.wintersport .importantWetterHints a .hints-teaser-category {
  position: absolute;
  bottom: 14px;
  z-index: 102;
  height: 25px;
}

.wintersport .importantWetterHints a .hints-teaser-category span {
  padding: 4px 18px;
  border-radius: 15px;
  background-color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 10px;
}

@media screen and (max-width: 63.99em) {
  .wintersport .importantWetterHints a .hints-teaser-category {
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .importantWetterHints .lap-three-twenty-one {
    width: 14.285714% !important;
  }
  .wintersport .importantWetterHints .lap-four-twenty-one {
    width: 19.047619% !important;
  }
  .wintersport .importantWetterHints .lap-threeandhalf-twenty-one {
    width: 16.666667% !important;
  }
}

.wintersport .cities-weather-mountain-info {
  background: url("/wcomv5/images/image_mountain.png") no-repeat;
  position: absolute;
  right: 0;
  top: -5px;
  color: #00489a;
  padding-left: 80px;
  font-size: 12px;
}

.wintersport .wsport-forecast-4days .weather-tab,
.wintersport .wsport-forecast-10days .weather-tab {
  font-size: 16px;
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-forecast-4days .forecast-table,
  .wintersport .wsport-forecast-10days .forecast-table {
    border: 1px solid #d7d7d7;
    border-right: 0;
    border-bottom: 0;
  }
}

@media screen and (max-width: 63.99em) {
  .wintersport .wsport-forecast-4days .forecast-table .slick-track,
  .wintersport .wsport-forecast-10days .forecast-table .slick-track {
    border-left: 1px solid #d7d7d7;
  }
  .wintersport .wsport-forecast-4days .forecast-table .border-bottom--grey-light,
  .wintersport .wsport-forecast-10days .forecast-table .border-bottom--grey-light {
    border-bottom: 0;
  }
}

.wintersport .wsport-forecast-4days .forecast-table .wsport-highlight,
.wintersport .wsport-forecast-10days .forecast-table .wsport-highlight {
  background-color: #dae9f9;
  cursor: pointer;
}

.wintersport .wsport-forecast-4days .forecast-table .wsport-temperature-large,
.wintersport .wsport-forecast-10days .forecast-table .wsport-temperature-large {
  font-size: 28px;
}

.wintersport .wsport-forecast-4days .forecast-table .wsport-bar,
.wintersport .wsport-forecast-10days .forecast-table .wsport-bar {
  width: 100%;
  background-color: #76acea;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table,
.wintersport .wsport-forecast-10days .wsport-forecast-table {
  table-layout: fixed;
  width: 100%;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-date,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-date {
  font-size: 16px;
  color: #00489a;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-date td,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-date td {
  padding-bottom: 5px;
}

@media screen and (max-width: 47.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-date td,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-date td {
    padding-bottom: 25px;
  }
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-weather-icon td,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-weather-icon td {
  padding-bottom: 5px;
}

@media screen and (max-width: 47.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-weather-icon td,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-weather-icon td {
    padding-bottom: 25px;
  }
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-weather-condition,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-weather-condition {
  font-size: 14px;
  color: #00489a;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-temperature,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-temperature {
  color: #00489a;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-temperature .wsport-temperature-small,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-temperature .wsport-temperature-small {
  font-size: 14px;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-temperature .wsport-temperature-large,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-temperature .wsport-temperature-large {
  font-size: 28px;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-feels-temperature,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-feels-temperature {
  font-size: 15px;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-feels-temperature .flag__img,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-feels-temperature .flag__img {
  color: #e43935;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-sunshine,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-sunshine {
  font-size: 15px;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-sunshine .flag__img,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-sunshine .flag__img {
  color: #fc0;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-rainfall,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-rainfall {
  font-size: 15px;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-rainfall .flag__img,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-rainfall .flag__img {
  color: #c7d8ee;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-snowfall,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-snowfall {
  font-size: 15px;
  vertical-align: bottom;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-snowfall .wsport-bar,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-snowfall .wsport-bar {
  width: 100%;
  background-color: #76acea;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr.wsport-snowfall td,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr.wsport-snowfall td {
  padding: 0;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr td,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr td {
  padding-bottom: 25px;
  padding-left: 1em;
  padding-right: 1em;
  border-left: 1px solid #d7d7d7;
  text-align: center;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-highlight,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-highlight {
  background-color: #dae9f9;
  cursor: pointer;
}

@media screen and (max-width: 47.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr td,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td {
    padding-bottom: 15px;
  }
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-banner,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-banner {
    vertical-align: middle;
  }
}

@media screen and (max-width: 47.99em) and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-banner,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-banner {
    font-size: 15px;
  }
}

@media screen and (max-width: 47.99em) and (max-width: 47.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-day5,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-day5 {
    display: none;
  }
}

@media screen and (max-width: 47.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-day1, .wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-day6,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-day1,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-day6 {
    border-left: none;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-first-row,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-first-row {
    border-top: 1px solid #d7d7d7;
  }
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr td.wsport-last-row td,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr td.wsport-last-row td {
    padding-bottom: 20px;
  }
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr .wsport-banner,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr .wsport-banner {
  background-color: #ebf2fa;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr .wsport-banner .wsport-text,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr .wsport-banner .wsport-text {
  display: inline-block;
  width: 150px;
  font-size: 18px;
  font-weight: normal;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr .wsport-banner a,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr .wsport-banner a {
  text-decoration: none;
}

.wintersport .wsport-forecast-4days .wsport-forecast-table tr .wsport-banner a .btn,
.wintersport .wsport-forecast-10days .wsport-forecast-table tr .wsport-banner a .btn {
  background-color: #ffc628;
  width: 195px;
  line-height: 40px;
  font-size: 16px;
}

@media screen and (max-width: 63.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr .wsport-day4,
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr .wsport-banner,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr .wsport-day4,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr .wsport-banner {
    display: none;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr .flag,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr .flag {
    margin-left: 20px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-forecast-4days .wsport-forecast-table tr .flag,
  .wintersport .wsport-forecast-10days .wsport-forecast-table tr .flag {
    margin-left: 20px;
  }
}

.wintersport .wsport-forecast-today .gamma {
  line-height: 40px;
  color: #00489a;
}

.wintersport .wsport-forecast-today .wsport-mountain-bottom {
  background: url("/wcomv5/images/icon_winter_snow_level_valley.svg") no-repeat;
  height: 35px;
}

.wintersport .wsport-forecast-today .wsport-mountain-top {
  background: url("/wcomv5/images/icon_winter_snow_level_mountain.svg") no-repeat;
  height: 35px;
}

.wintersport .wsport-forecast-today .wsport-mountain {
  background: url("/wcomv5/images/icon_winter_snow_levels.svg") no-repeat;
  height: 100px;
}

.wintersport .wsport-forecast-today .wsport-height-label {
  height: 40px;
  line-height: 40px;
}

.wintersport .wsport-forecast-today .wsport-container {
  border-bottom: 1px solid #d7d7d7;
}

.wintersport .wsport-widgets-2parts-circle-diagram {
  position: relative;
}

.wintersport .wsport-widgets-2parts-circle-diagram circle.wsport-foreground {
  fill: none;
  stroke: #41933d;
  stroke-width: 8px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.wintersport .wsport-widgets-2parts-circle-diagram circle.wsport-background {
  fill: #fff;
  stroke: #d7d7d7;
  stroke-width: 8px;
}

.wintersport .wsport-widgets-2parts-circle-diagram .wsport-text {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 125px;
  text-align: center;
}

.wintersport .wsport-widgets-2parts-circle-diagram .wsport-text .wsport-upperLabel {
  margin: 0 20px;
  color: #41933d;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
}

.wintersport .wsport-widgets-2parts-circle-diagram .wsport-text .wsport-lowerLabel {
  margin: 0 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}

.wintersport .wsport-widgets-3parts-circle-diagram {
  position: relative;
}

.wintersport .wsport-widgets-3parts-circle-diagram circle {
  fill: none;
  stroke-width: 8px;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.wintersport .wsport-widgets-3parts-circle-diagram circle.wsport-background {
  fill: #fff;
  stroke: #d7d7d7;
}

.wintersport .wsport-widgets-3parts-circle-diagram circle.wsport-part1 {
  stroke: #00489a;
}

.wintersport .wsport-widgets-3parts-circle-diagram circle.wsport-part2 {
  stroke: #e43935;
}

.wintersport .wsport-widgets-3parts-circle-diagram circle.wsport-part3 {
  stroke: #404040;
}

.wintersport .wsport-widgets-3parts-circle-diagram circle.wsport-background {
  fill: #fff;
  stroke: #fff;
}

.wintersport .wsport-widgets-3parts-circle-diagram .wsport-text {
  position: absolute;
  left: 10px;
  top: 50px;
  width: 125px;
  text-align: center;
}

.wintersport .wsport-widgets-3parts-circle-diagram .wsport-text .wsport-upperLabe,
.wintersport .wsport-widgets-3parts-circle-diagram .wsport-text .wsport-lowerLabel {
  margin: 0 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}

.wintersport .importantWetterHints {
  clear: both;
}

.wintersport .importantWetterHints .hintsList {
  clear: both;
}

.wintersport .importantWetterHints a {
  text-decoration: none;
}

.wintersport .importantWetterHints a .gallery-teaser__item--image {
  height: 220px;
  background: no-repeat center center;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 47.99em) {
  .wintersport .importantWetterHints a .gallery-teaser__item--image {
    height: 145px;
  }
}

.wintersport .importantWetterHints a .hints-teaser-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 101;
  height: 220px;
  width: 100%;
  background-color: #00489a;
  padding: 0 16px;
}

@media screen and (max-width: 47.99em) {
  .wintersport .importantWetterHints a .hints-teaser-overlay {
    height: 145px;
  }
}

.wintersport .importantWetterHints a .hints-teaser-overlay div {
  color: white;
}

.wintersport .importantWetterHints a .hints-teaser-overlay .name {
  font-size: 20px;
  margin-top: 60px;
  overflow: hidden;
  width: 100%;
}

.wintersport .importantWetterHints a .hints-teaser-overlay .more {
  margin-top: 18px;
  font-size: 14px;
}

.wintersport .importantWetterHints a:hover {
  text-decoration: none;
}

.wintersport .importantWetterHints a:hover .hints-teaser-overlay {
  display: block;
}

.wintersport .importantWetterHints a:hover div {
  display: block;
}

.wintersport .importantWetterHints a .hints-teaser-category {
  position: absolute;
  bottom: 14px;
  z-index: 102;
  height: 25px;
  background: none;
}

.wintersport .importantWetterHints a .hints-teaser-category span {
  padding: 4px 18px;
  border-radius: 15px;
  background-color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 10px;
}

.wintersport .importantWetterHints .slick-dots {
  clear: both;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .importantWetterHints {
    width: 100%;
  }
  .wintersport .importantWetterHints .hintsList {
    height: 360px;
    overflow: hidden;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item {
    float: left;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .gallery-teaser__item--image {
    height: 240px;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-overlay {
    height: 120px;
    background-color: #00489a;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0.8;
    width: 100%;
    padding-top: 14px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-overlay .name {
    color: white;
    margin-top: 0;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-overlay .more {
    margin-top: 16px;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-category {
    bottom: 10px;
  }
}

@media screen and (max-width: 47.99em) {
  .wintersport .importantWetterHints {
    width: 100%;
  }
  .wintersport .importantWetterHints .hintsList {
    height: 276px;
    overflow: hidden;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item {
    float: left;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .gallery-teaser__item--image {
    height: 146px;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-overlay {
    height: 120px;
    background-color: #00489a;
    display: block;
    position: static;
    top: 0;
    left: 0;
    opacity: 0.8;
    width: 100%;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-overlay .name {
    color: white;
    margin-top: 0;
    font-size: 18px;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-overlay .more {
    margin-top: 16px;
    font-size: 16px;
  }
  .wintersport .importantWetterHints .hintsList .hints-list-scrollable .layout__item .hints-teaser-category {
    bottom: 128px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .weather-component-nav.wsport-forecast-view {
    float: right;
    width: 170px;
    margin-top: -40px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .weather-component-nav.wsport-forecast-view {
    float: right;
    width: 170px;
    margin-top: -40px;
  }
}

.wintersport .weather-component-nav.wsport-forecast-view .weather-tab::after {
  bottom: -2px;
}

.wintersport .weather-component-nav.wsport-forecast-height .weather-tab::after {
  bottom: -10px;
}

.wintersport .weather-component-nav .weather-tab {
  font-size: 16px;
}

.wintersport .wsport-daily-forecast .gamma {
  font-family: "Open Sans", sans-serif;
  font-size: 80px;
  font-weight: 100;
  line-height: 110px;
  color: #00489a;
}

.wintersport .wsport-daily-forecast .gamma.wsport-day-temperature {
  font-size: 40px;
  line-height: 40px;
}

.wintersport .wsport-daily-forecast h4 {
  font-size: 15px;
  color: #00489a;
}

.wintersport .wsport-piste-data-table .wsport-row {
  font-size: 16px;
  border-bottom: 1px solid #d7d7d7;
}

.wintersport .wsport-piste-data-table .wsport-title {
  color: #00489a;
}

.wintersport .wsport-piste-data-table img.wsport-snow-level {
  width: 135px;
}

.wintersport .wsport-piste-data-table .wsport-icon-table .wsport-icon-cell {
  font-size: 30px;
  color: #00489a;
}

.wintersport .wsport-piste-data-table .wsport-icon-table .wsport-number {
  color: #41933d;
}

.wintersport .wsport-leisure-list {
  line-height: 1;
}

.wintersport .wsport-leisure-list li {
  vertical-align: top;
}

.wintersport .wsport-leisure-icon {
  width: 63px;
  height: 43px;
  line-height: 43px;
  font-size: 30px;
  background-color: #00489a;
  color: #fff;
  text-align: center;
}

.wintersport .wsport-leisure-label {
  width: 63px;
  font-size: 12px;
  line-height: 16px;
}

.wintersport .wsport-resort-state span {
  display: inline-block;
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-skiarea-content-title {
    max-width: 750px;
    float: left;
  }
}

.wintersport .wsport-main-teaser {
  padding-bottom: 20px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-main-teaser {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-main-teaser {
    padding-bottom: 40px;
  }
}

.wintersport .wsport-light::before {
  content: '\00a0 ';
  display: block;
  width: 14px;
  height: 14px;
  float: left;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #00489a;
}

.wintersport .wsport-medium::before {
  content: '\00a0 ';
  display: block;
  width: 14px;
  height: 14px;
  float: left;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #e43935;
}

.wintersport .wsport-difficult::before {
  content: '\00a0 ';
  display: block;
  width: 14px;
  height: 14px;
  float: left;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #404040;
}

.wintersport .wsport-daily-forecast .wsport-sun-hours {
  font-size: 14px;
}

.wintersport .wsport-daily-forecast .wsport-sun-hours .icon-sun_hours {
  color: #ffc629;
}

.wintersport .wsport-daily-forecast .wsport-sun-day {
  font-size: 14px;
}

.wintersport .wsport-daily-forecast .wsport-sun-day .icon-sunrise,
.wintersport .wsport-daily-forecast .wsport-sun-day .icon-sunset {
  color: #ffc629;
}

.wintersport .wsport-daily-forecast .wsport-moon {
  font-size: 14px;
}

.wintersport .wsport-daily-forecast .wsport-moon .icon-moon_waning_crescent {
  color: #00459c;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-daily-forecast .wsport-tab-day-parts-content {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-daily-forecast .wsport-tab-day-parts-content {
    display: block;
  }
}

.wintersport .wsport-daily-forecast .wsport-forecast-day-selector {
  font-size: 15px;
  max-width: 500px;
}

.wintersport .wsport-daily-forecast .wsport-forecast-day-selector .pack__item.one-field {
  border-right: 1px solid #fff;
}

.wintersport .wsport-daily-forecast .wsport-forecast-day-selector h4 {
  font-size: 15px;
}

.wintersport .wsport-daily-forecast .wsport-forecast-day-selector .dropdown {
  font-size: 15px;
  color: #fff;
  background-color: #437bcd;
}

.wintersport .wsport-daily-forecast .wsport-forecast-day-selector .dropdown .selected {
  color: #fff;
}

.wintersport .wsport-daily-forecast .wsport-forecast-day-selector .dropdown .selected::after {
  top: 10px;
  right: 10px;
}

.wintersport .wsport-daily-forecast .wsport-tab {
  display: none;
}

.wintersport .wsport-daily-forecast .wsport-tab-general-content {
  display: block;
}

.wintersport .wsport-daily-forecast .wsport-feel-temperature-icon {
  color: #e43935;
  font-size: 14px;
}

.wintersport .wsport-daily-forecast .wsport-feel-temperature-text {
  color: #404040;
  font-size: 14px;
}

.wintersport .wsport-daily-forecast .wsport-wind_text {
  min-width: 80px;
  white-space: pre;
  line-height: 0.5;
  text-align: left !important;
}

.wintersport .wsport-daily-forecast .wsport-wind_icon {
  width: 100%;
  color: #00489a;
}

.wintersport .wsport-daily-forecast .wsport-rainfall .flag__img {
  color: #c7d8ee;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-daily-forecast .wsport-rainfall {
    display: inline-block;
    width: 80px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-daily-forecast .wsport-rainfall {
    display: inline-block;
    width: 80px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-daily-forecast .wsport-wind {
    display: inline-block;
    width: 80px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-daily-forecast .wsport-wind {
    display: inline-block;
    width: 80px;
  }
}

.wintersport .wsport-daily-forecast .wsport-snow .flag__img {
  color: #00489a;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-daily-forecast .wsport-snow {
    display: inline-block;
    width: 80px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-daily-forecast .wsport-snow {
    display: inline-block;
    width: 80px;
  }
}

.wintersport .wsport-daily-forecast .wsport-forecast-period-title {
  font-size: 15px;
  color: #00489a;
}

.wintersport .wsport-daily-forecast .wsport-forecast-period-descr {
  font-size: 12px;
  color: #00489a;
}

.wintersport .wsport-daily-forecast .wsport-forecast-periods {
  display: inline;
}

.wintersport .wsport-daily-forecast .wsport-forecast-periods .wsport-forecast-periods--item {
  border-bottom: 1px solid #d7d7d7;
  padding-left: 0 !important;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-daily-forecast .wsport-forecast-periods .wsport-forecast-periods--item {
    display: inline-block;
    border-right: 1px solid #d7d7d7;
    border-bottom: none;
  }
  .wintersport .wsport-daily-forecast .wsport-forecast-periods .wsport-forecast-periods--item.wsport-general-content {
    border: none;
  }
  .wintersport .wsport-daily-forecast .wsport-forecast-periods .wsport-forecast-periods--item.wsport-last-column {
    border: none;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-daily-forecast .wsport-forecast-periods .wsport-forecast-periods--item {
    display: inline-block;
    border-left: 1px solid #d7d7d7;
    border-bottom: none;
    vertical-align: text-top;
  }
  .wintersport .wsport-daily-forecast .wsport-forecast-periods .wsport-forecast-periods--item.wsport-general-content {
    vertical-align: text-top;
  }
}

.wintersport .wsport-daily-forecast .wsport-forecast-periods .wsport-forecast-periods--item .wsport-forecast-period-img-inline {
  display: inline;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-daily-forecast .wsport-generalinfo-float-block {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
  }
}

.wintersport .wsport-daily-forecast .wsport-temperature {
  color: #00489a;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wintersport .wsport-daily-forecast .wsport-feel-temperature.flag {
    display: inline-block;
    width: 120px;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .wsport-daily-forecast .wsport-feel-temperature.flag {
    display: inline-block;
    width: 120px;
  }
}

.wintersport .wsport-daily-forecast .wsport-last-column {
  border: none;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-feel-temperature-icon {
  font-size: 20px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-feel-temperature-text {
  font-size: 15px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-snow {
  width: 120px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-snow .flag__img {
  font-size: 20px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-snow .flag__body {
  font-size: 15px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-rainfall {
  width: 120px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-rainfall .flag__img {
  font-size: 20px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-rainfall .flag__body {
  font-size: 15px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-wind {
  width: 120px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-wind .flag__img {
  font-size: 20px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-wind .flag__body {
  font-size: 15px;
}

.wintersport .wsport-daily-forecast .wsport-vertical-column .wsport-icon-default-width {
  min-width: 55px;
}

.wintersport .js-slick-slider-skiarea-weather-hourly .slick-list {
  border-right: 1px solid #d7d7d7;
  border-left: 1px solid white;
}

@media screen and (max-width: 63.99em) {
  .wintersport .js-slick-slider-skiarea-weather-hourly .slick-list {
    border-right: 1px solid #d7d7d7;
  }
}

.wintersport .js-slick-slider-skiarea-weather-hourly .slick-arrow {
  width: 38px;
  height: 60px;
  background: #fbbb21;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.wintersport .js-slick-slider-skiarea-weather-hourly .slick-arrow:hover {
  background: #f39200;
}

.wintersport .js-slick-slider-skiarea-weather-hourly .slick-arrow::before {
  color: #fff;
}

.wintersport .js-slick-slider-skiarea-weather-hourly .slick-arrow.slick-next {
  right: -20px;
  top: 40%;
}

@media screen and (max-width: 63.99em) {
  .wintersport .js-slick-slider-skiarea-weather-hourly .slick-arrow.slick-next {
    display: none !important;
  }
}

.wintersport .js-slick-slider-skiarea-weather-hourly .slick-arrow.slick-prev {
  top: 40%;
  left: -20px;
}

@media screen and (max-width: 63.99em) {
  .wintersport .js-slick-slider-skiarea-weather-hourly .slick-arrow.slick-prev {
    display: none !important;
  }
}

.wintersport .aside .skiareaFilter {
  background-color: #dae9f9;
}

.wintersport .aside .content-teaser .title {
  margin-bottom: 20px;
}

.wintersport .aside .content-teaser .btn--text {
  margin-top: 0 !important;
}

.wintersport .aside .content-teaser hr {
  display: none;
}

.wintersport .aside .sidebarListLeftSide {
  width: 144px;
  position: relative;
}

.wintersport .aside .sidebarListLeftSide img {
  width: 100%;
}

.wintersport .wsport-forecast-small {
  font-size: 12px;
}

@media screen and (max-width: 63.99em) {
  .wintersport .slick-slide img.inline {
    display: inline;
  }
}

.wintersport .filter-wrapper {
  margin-top: 25px;
}

.wintersport .filter-wrapper li:first-of-type .header-filter--flat {
  border-left: 1px solid #76acea;
}

.wintersport .filter-wrapper .header-filter--flat {
  height: 45px;
  font-size: 28px;
  border-top: 1px solid #76acea;
  border-bottom: 1px solid #76acea;
  border-right: 1px solid #76acea;
  background-color: #fff;
  text-align: left;
  color: #00489a;
}

.wintersport .filter-wrapper .header-filter--flat.is-active {
  background-color: #00489a !important;
  color: #fff !important;
  cursor: pointer;
}

@media screen and (min-width: 64em) {
  .wintersport .filter-wrapper .header-filter--flat.is-active + .filter--label {
    color: #fff !important;
  }
}

@media screen and (min-width: 64em) {
  .wintersport .filter-wrapper .header-filter--flat:hover {
    background-color: #00489a !important;
    color: #fff !important;
    cursor: pointer;
  }
  .wintersport .filter-wrapper .header-filter--flat:hover + .filter--label {
    color: #fff !important;
  }
}

@media screen and (max-width: 63.99em) {
  .wintersport .filter-wrapper .header-filter--flat {
    height: 42px;
    text-align: center;
    font-size: 30px;
  }
}

.wintersport .filter-wrapper .header-filter--flat + .filter--label {
  padding: 5px;
}

@media screen and (min-width: 64em) {
  .wintersport .filter-wrapper .header-filter--flat + .filter--label {
    pointer-events: none;
    position: absolute;
    top: 10px;
    left: 30px;
    right: 0;
    text-align: center;
  }
}

.wintersport .filter-wrapper li:first-child .filter--flat {
  border-left: 1px solid #76acea;
}

.wintersport .shariff-button .fa {
  margin: auto;
}

.wxnet-clear {
  clear: both;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-clear {
    clear: none;
  }
}

.text-gray {
  color: #404040;
}

.text-gray--light {
  color: #b5b5b5;
}

#maptool-meta .mt-map-legend div {
  display: inline-block;
}

#maptool-meta .mt-legend-item {
  width: 33%;
  margin-bottom: 1em;
}

#maptool-meta .mt-legend-item div {
  width: 2em;
  height: 1em;
}

#maptool-meta .mt-legend-item span {
  padding: 0 1em 0 0.5em;
  font-size: 1.2em;
}

@media (min-width: 768px) {
  #maptool-meta .mt-legend-item {
    width: auto;
  }
}

.wxnet-map-popup .leaflet-popup-content {
  min-width: 100px;
  margin: 0;
}

.wxnet-map-popup .content {
  margin: 5px;
  text-align: center;
}

.wxnet-map-popup .value {
  font-size: 20px;
}

.wxnet-sx-container {
  text-align: center;
}

.wxnet-sxtbl-value {
  font-size: 26px;
}

.wxnet-sx-table {
  border: 0 solid red;
  padding: 20px;
  width: 100%;
}

.wxnet-sx-table td {
  border-bottom: 1px solid gainsboro;
  padding: 10px 20px;
  text-align: center;
}

.wxnet-sxtbl-label {
  text-align: left !important;
}

.wxnet-sxtbl-title {
  color: #00489a;
}

.station-selected {
  background-color: rgba(118, 172, 213, 0.2);
}

/* menu from weather history */
.rv-menu-disabled {
  cursor: default;
  color: #a0a0a0;
}

.rv-menu-enabled {
  cursor: pointer;
  color: #00489a;
}

.rv-menu-disabled span {
  cursor: default;
  color: #a0a0a0 !important;
}

/* multiple stations chart */
.line-is-avg {
  fill: none;
  stroke-opacity: 1;
  stroke-width: 1;
  stroke: black !important;
  stroke-dasharray: 5, 5;
}

.line-is-rangearea {
  fill: #b5b5b5 !important;
  fill-opacity: 0.1;
}

.line-is-highlight {
  fill: none;
  stroke-opacity: 1;
  stroke-width: 1;
}

.line-no-highlight {
  fill: none;
  stroke-opacity: 0.4;
  stroke-width: 1;
  stroke: #b5b5b5 !important;
}

.shadow-is-highlight {
  stroke-opacity: 1;
}

.shadow-no-highlight {
  stroke-opacity: 0 !important;
}

/* weather network chart styles */
#stationvalues .wxnet-chart-container {
  width: 100%;
  margin: 5px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #stationvalues .wxnet-chart-container {
    width: auto;
    margin-left: 160px;
  }
}

#stationvalues .wxnet-chart-item {
  width: 100%;
  height: 250px;
  color: white;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #stationvalues .wxnet-chart-item {
    height: 250px;
  }
}

#stationvalues .wxnet-chart-item-inside {
  height: 250px;
  margin: 5px;
  background-color: white;
}

#stationvalues .wxchart-h__lines {
  fill: none;
  stroke-opacity: 1;
  stroke-dasharray: 2, 2;
  stroke-width: 1;
  shape-rendering: crispEdges;
  stroke: #b5b5b5;
}

#stationvalues .wxchart-h__unitlabels {
  text-anchor: end;
  fill: #404040;
}

#stationvalues .wxchart-v__lines {
  fill: none;
  stroke-opacity: 1;
  stroke-dasharray: 2, 2;
  stroke-width: 1;
  shape-rendering: crispEdges;
  stroke: #b5b5b5;
}

#stationvalues .wxchart-v__timelabels {
  fill: #404040;
}

#stationvalues .wxchart-tooltip-caption {
  display: inline;
}

#stationvalues .wxchart-tooltip-unit {
  display: inline;
  margin-left: 4px;
}

#stationvalues .wxchart-tooltip-datetime {
  display: inline;
}

#stationvalues .wxchart-directive {
  position: relative;
}

#stationvalues .wxchart-tooltip {
  position: absolute;
  z-index: 10;
  visibility: hidden;
  font-family: "Open Sans", sans-serif;
  border-radius: 1px;
  text-align: left;
  font-size: 14px;
  color: #fff;
  border: 1px solid #dadada;
  background: white;
  padding: 10px 15px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

#stationvalues #wxchart-tooltip__te {
  color: red;
  visibility: hidden;
}

#stationvalues #wxchart-tooltip__dp {
  color: green;
  visibility: hidden;
}

#stationvalues #wxchart-tooltip__hu {
  color: #467ec7;
  visibility: hidden;
}

#stationvalues #wxchart-tooltip__pr {
  color: #434a54;
  visibility: hidden;
}

#stationvalues #wxchart-tooltip__wd {
  color: #f7a600;
  visibility: hidden;
}

#stationvalues #wxchart-tooltip__ws {
  color: #63b400;
  visibility: hidden;
}

#stationvalues #wxchart-tooltip__pa {
  color: #00489a;
  visibility: hidden;
}

#stationvalues .wxchart-bullet {
  fill: white;
  stroke: #fff;
  stroke: #76acea;
  stroke-width: 0;
  stroke-opacity: 0.3;
  visibility: hidden;
}

#stationvalues .wxchart-bullet__hu {
  fill: #467ec7;
}

#stationvalues .wxchart-bullet__te {
  fill: red;
}

#stationvalues .wxchart-bullet__dp {
  fill: green;
}

#stationvalues .wxchart-bullet__pr {
  fill: #434a54;
}

#stationvalues .wxchart-bullet__wd {
  fill: #f7a600;
}

#stationvalues .wxchart-bullet__ws {
  fill: #63b400;
}

#stationvalues .wxchart-bullet__pa {
  fill: #00489a;
}

#stationvalues .wxchart-overlay {
  fill: none;
  pointer-events: all;
}

#stationvalues .svg-canvas {
  height: 220px;
  width: 100%;
}

#stationvalues .simplechart-wr-shadow {
  stroke: gray;
  stroke-width: 0;
  stroke-opacity: 0.7;
  fill: gray;
  fill-opacity: 0.3;
}

#stationvalues .simplechart-wr-standard {
  fill: #f7a600;
  stroke: #ffc53e;
}

#stationvalues .simplechart-pa-shadow {
  stroke: gray;
  stroke-width: 0;
  stroke-opacity: 0.7;
  fill: gray;
  fill-opacity: 0.3;
}

#stationvalues .simplechart-pa-standard {
  fill: #00489a;
  stroke: #00489a;
}

#stationvalues .simplechart-ws-shadow {
  stroke: gray;
  stroke-width: 0;
  stroke-opacity: 0.7;
  fill: gray;
  fill-opacity: 0.3;
}

#stationvalues .simplechart-ws-standard {
  fill: #63b400;
  stroke: #63b400;
}

#stationvalues .simplechart-line-te {
  stroke-width: 2;
  fill: none;
  stroke: red;
}

#stationvalues .simplechart-line-dp {
  stroke-width: 2;
  fill: none;
  stroke: green;
}

#stationvalues .simplechart-line-hu {
  stroke-width: 2;
  fill: none;
  stroke: #76acea;
  stroke: #467ec7;
}

#stationvalues .simplechart-line-pr {
  fill: none;
  stroke: #008dc8;
  stroke: #76acea;
  stroke-width: 2;
}

#stationvalues .simplechart-shadow-h1 {
  stroke: gray;
  stroke-width: 4;
  fill: none;
  fill-opacity: 0;
  stroke-opacity: 0.2;
}

#stationvalues .simplechart-line-h2 {
  stroke: #bbb;
  stroke-width: 1;
  fill: none;
}

#stationvalues .simplechart-shadow-h2 {
  stroke: #bbb;
  stroke-width: 0;
  fill: none;
  fill-opacity: 0;
  stroke-opacity: 0;
}

#stationvalues .simplechart-bullet {
  fill: white;
  stroke: #fff;
  stroke: #76acea;
  stroke-width: 1;
  visibility: hidden;
}

#stationvalues .simplechart-area-te {
  fill: #008dc8;
  fill-opacity: 0;
}

#stationvalues .simplechart-area-pr {
  fill: #008dc8;
  fill-opacity: 0;
}

#stationvalues .simplechart-area-hu {
  fill: #008dc8;
  fill-opacity: 0.2;
}

.wxnet-cockpit-container {
  background-color: white;
  width: 100%;
  margin-bottom: 10px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-cockpit-container {
    width: 150px;
    float: left;
  }
}

.wxnet-cockpit-item {
  background-color: white;
  color: white;
  width: 150px;
  margin: 1px;
  float: left;
  margin-top: 5px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-cockpit-item {
    float: none;
    width: 150px;
    height: 250px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-cockpit-item {
    width: 100%;
  }
}

.cockpit-item-inside svg {
  margin: 0;
}

.cockpit-svg-canvas {
  width: 100%;
}

/* cockpit element */
.c-ockpit-list-container {
  margin: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
  /* if smaller */
  width: 200px;
  float: left;
}

.cockpit-item-inside {
  text-align: center;
  margin: 0;
  background-color: white;
  padding: 0;
  border: 1px solid white;
  padding-bottom: 20px;
}

.cockpit-backlink {
  margin-bottom: 60px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .cockpit-backlink {
    margin-bottom: 10px;
  }
}

.cockpit-item-title {
  margin-bottom: 10px;
  font-size: 18px;
  margin-top: 5px;
  color: #00489a;
}

.cockpit-item-unit {
  color: #808080;
}

.cockpit-lines {
  fill: black;
  stroke: #434a54;
  stroke: #808080;
}

.cockpit-lines-text {
  fill: #00489a;
  fill: #00489a;
}

.cockpit-label {
  text-anchor: middle;
  fill: #00489a;
  fill: #00489a;
}

.cockpit-needle {
  fill: #ffc53e;
  stroke: #f7a600;
}

.cockpit-infopoint {
  fill: #ffc53e;
  stroke: #f7a600;
}

/* weather network table style
 *
 * Christian Warinsky
 */
.wxnet-tbl {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  padding: 0;
  text-align: left;
}

.wxnet-tbl-header-labels {
  border-bottom: 1px solid #b5b5b5;
  padding: 4px;
}

.wxnet-tbl-tr-sum {
  cursor: pointer;
}

.wxnet-tbl-tr-item {
  display: none;
}

.wxnet-tbl-hide {
  display: none;
}

.wxnet-tbl-td {
  padding: 1px;
  border: 0 solid white;
  border-bottom: 1px solid white;
}

.wxnet-tbl-td-sum {
  border-top: 1px solid #d7d7d7;
  height: 50px;
  padding: 5px;
}

.wxnet-tbl-td-0 {
  width: 250px;
}

.wxnet-tbl-td-1 {
  width: 150px;
}

.wxnet-tbl-avg {
  border: 0 solid red;
  float: left;
  font-size: 26px;
  margin-right: 10px;
}

/* date time col */
.wxnet-tbl-td-dt {
  min-width: 200px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-dt {
    min-width: 220px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-dt {
    width: 50%;
  }
}

/* temperature */
.wxnet-tbl-td-te {
  width: 110px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-te {
    min-width: 55px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-te {
    width: 50%;
  }
}

.wxnet-tbl-avg-te {
  width: 55px;
}

/* dewpoint */
.wxnet-tbl-td-dp {
  width: 110px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-dp {
    min-width: 45px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-dp {
    width: 50%;
  }
}

.wxnet-tbl-avg-dp {
  width: 45px;
}

/* humidity */
.wxnet-tbl-td-hu {
  width: 110px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-hu {
    min-width: 55px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-hu {
    width: 50%;
  }
}

.wxnet-tbl-avg-hu {
  width: 55px;
}

/* winddirection */
.wxnet-tbl-td-wd {
  width: 110px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-wd {
    min-width: 45px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-wd {
    width: 50%;
  }
}

.wxnet-tbl-avg-wd {
  width: 45px;
}

/* wind speed */
.wxnet-tbl-td-ws {
  width: 110px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-ws {
    min-width: 45px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-ws {
    width: 50%;
  }
}

.wxnet-tbl-avg-ws {
  width: 45px;
}

/* precipitation */
.wxnet-tbl-td-pp {
  width: 70px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-pp {
    min-width: 55px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-pp {
    width: 50%;
  }
}

.wxnet-tbl-avg-pp {
  width: 55px;
}

/* rain */
/* pressure */
.wxnet-tbl-td-pr {
  width: 155px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-pr {
    min-width: 85px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-pr {
    width: 50%;
  }
}

.wxnet-tbl-avg-pr {
  width: 85px;
}

.wxnet-tbl-td-x {
  width: 40px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-td-x {
    min-width: 30px;
  }
}

@media screen and (max-width: 47.99em) {
  .wxnet-tbl-td-x {
    width: 30px;
  }
}

.wxnet-tbl-expand {
  width: 100%;
  border: 0 solid red;
  margin-top: 10px;
  text-align: right;
}

.wxnet-tbl-clear {
  clear: both;
}

.wxnet-tbl-min {
  border: 0 solid black;
  font-size: 12px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-min {
    display: none;
  }
}

.wxnet-tbl-max {
  border: 0 solid blue;
  font-size: 12px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .wxnet-tbl-max {
    display: none;
  }
}

.wxnet-tbl-item {
  color: white;
  padding: 2px 10px;
  float: left;
  margin-left: 10px;
}

.wxnet-tbl-item-neutral {
  padding: 2px 10px;
  float: left;
  margin-left: 10px;
}

/**
  Defines BUTTONs and their styling
*/
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
  border-radius: 0;
}

.btn {
  border: none;
  padding: 7.5px 15px;
  font-size: 18px;
  background: #467ec7;
  font-weight: 400;
  color: #fff;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.btn:hover {
  text-decoration: none;
}

.btn:not(.btn--disabled):hover, .btn:not(.btn--disabled):active {
  background: #2d5994;
}

.btn.is-active {
  background: #fff;
  color: #467ec7;
}

.btn.is-active:hover {
  text-decoration: none;
}

.btn.is-active:not(.btn--disabled):hover, .btn.is-active:not(.btn--disabled):active {
  background: #2d5994;
  color: #fff;
}

.btn--forecast-bottom {
  border: 1px solid #467ec7;
}

.btn--standard {
  font-size: 16px;
}

.btn--small {
  font-size: 14px;
}

.btn--white {
  background: #fff;
  color: #00489a;
}

.btn--white:not(.btn--disabled):hover, .btn--white:not(.btn--disabled):active {
  background: #d9d9d9;
}

.btn--green {
  background: #63c12b !important;
}

.btn--red {
  background: #e53935 !important;
}

.btn--no-bg {
  background: transparent;
}

.btn--no-bg:hover {
  background: transparent;
}

.btn--alt {
  background: #ffc53e;
  color: #00489a;
}

.btn--alt:not(.btn--disabled):hover, .btn--alt:not(.btn--disabled):active {
  background: #f1a800;
}

.btn--gray {
  background: #404040;
  color: #fbbb21;
}

.btn--gray:not(.btn--disabled):hover, .btn--gray:not(.btn--disabled):active {
  background: #1a1a1a;
}

.btn:disabled,
.btn--disabled {
  opacity: 0.75;
  cursor: default;
}

.btn--round {
  border-radius: 30px;
  padding: 10px 20px;
}

.btn--text {
  font-size: 15px;
  display: table;
}

.btn--text:not(.btn--disabled):hover, .btn--text:not(.btn--disabled):active {
  text-decoration: none;
}

.btn--text:not(.btn--disabled):hover span, .btn--text:not(.btn--disabled):active span {
  text-decoration: underline;
}

.btn--text:not(.btn--disabled):hover span.icon-arrow_link, .btn--text:not(.btn--disabled):active span.icon-arrow_link {
  text-decoration: none;
}

.btn--text span {
  display: table-cell;
  vertical-align: middle;
}

.btn--video {
  display: table;
  min-width: 160px;
}

.btn--video span {
  display: table-cell;
  vertical-align: middle;
}

.btn--livecam {
  display: table;
}

.btn--livecam span {
  display: table-cell;
  vertical-align: middle;
}

.btn--reset {
  display: table;
  padding: 5px 10px;
  background-color: #ebf2fa;
}

.btn--reset span {
  display: table-cell;
  vertical-align: top;
}

a.btn--reset:hover {
  text-decoration: none !important;
}

.btn--description {
  background: #fff;
  padding: 4px 10px;
  font-size: 12px;
  color: #00489a;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.btn--description:hover {
  text-decoration: none !important;
}

.btn--play .icon-play::before {
  color: #fff !important;
  font-size: 70px !important;
}

.zoom-in {
  overflow: hidden;
}

.zoom-in img[src*='/thumbnails/'] {
  -webkit-transition: all 700ms linear;
          transition: all 700ms linear;
}

.zoom-in:hover img[src*='/thumbnails/'] {
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}

.giga {
  font-size: 70px;
}

.mega {
  font-size: 60px;
}

.title {
  line-height: 1.3em;
  margin-bottom: 30px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .title {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 47.99em) {
  .title {
    margin-bottom: 10px;
  }
}

.ie7 .title {
  line-height: 2em;
  margin-bottom: 30px;
}

.title.title--clamp {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.section-title {
  color: #fff;
}

@media screen and (min-width: 64em) {
  .desk-title {
    line-height: 1.3em;
    margin-bottom: 40px;
  }
}

.link-text {
  color: #00489a;
}

.description {
  color: #f7a600;
  font-weight: 600;
}

.text--small {
  font-size: 12px !important;
}

@media screen and (max-width: 47.99em) {
  .palm-text--small {
    font-size: 12px !important;
  }
}

.text--smaller {
  font-size: 10px;
}

.vhs-text--small {
  font-size: 12px !important;
  line-height: 14px;
}

.vhs-text--medium {
  font-size: 18px;
}

.vhs-text--large {
  font-size: 28px;
}

.text--tiny {
  font-size: 10px !important;
}

.text--medium {
  font-size: 16px !important;
}

.text--medium-hybrid {
  font-size: 17px !important;
}

.text--normal {
  font-size: 15px !important;
}

@media screen and (max-width: 47.99em) {
  .palm-text--tiny {
    font-size: 10px !important;
  }
}

.text--h-size-6 {
  font-size: 14px !important;
}

.text--big {
  font-size: 60px;
  font-weight: 300;
  line-height: 70px;
}

.text--40 {
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

.text--bold {
  font-weight: 600;
}

.text--thin {
  font-weight: 300;
}

.uppercase {
  text-transform: uppercase;
}

::-moz-selection {
  background-color: #467ec7;
  color: #fff;
}

::selection {
  background-color: #467ec7;
  color: #fff;
}

::-moz-selection {
  background-color: #467ec7;
  color: #fff;
}

.vhs-text--small {
  font-size: 12px !important;
  line-height: 14px;
}

.vhs-text--medium {
  font-size: 18px;
}

.vhs-text--large {
  font-size: 28px;
}

.text--medium-hybrid {
  font-size: 17px !important;
}

.text--normal {
  font-size: 15px !important;
}

.text--h-size-6 {
  font-size: 14px !important;
}

.dv-hourlypanels {
  stroke: black;
  stroke-width: 0;
  f-ill: none;
  fill: #467EC7;
  fill-opacity: 1;
}

.label-dummy {
  font-size: 12px;
  fill: black;
  font-family: "Arial";
  text-anchor: start;
  opacity: 0;
}

.animaps-cities-label-1 {
  font-size: 12px;
  fill: #282828;
  font-family: "Arial";
  text-anchor: start;
  opacity: 1;
  cursor: pointer;
  dominant-baseline: central;
}

.label-value {
  font-size: 14px;
  fill: #1e1e1e;
  font-family: "Arial";
  text-anchor: start;
  opacity: 1;
  cursor: pointer;
  dominant-baseline: central;
  font-weight: bold;
}

.dv-rect {
  stroke: #c8c8c8;
  stroke-width: 1.5;
  f-ill: none;
  fill: white;
  fill-opacity: 1;
}

.dv-rect-inside {
  stroke: #c8c8c8;
  stroke-width: 0;
  f-ill: none;
  fill: white;
  fill-opacity: 1;
}

.dv-circle {
  stroke: #c8c8c8;
  stroke-width: 1;
  f-ill: none;
  fill: white;
  fill-opacity: 1;
}

.animaps {
  b-ackground-color: #5a80aa;
  padding: 0px;
}

.animaps-item {
  float: left;
  margin-left: 0px;
}

.animaps-symbol-small {
  width: 100px;
  height: 100px;
}

.animaps-cities-label-2 {
  font-size: 10px;
  fill: white;
  font-family: "Arial";
  text-anchor: middle;
  opacity: 0;
  cursor: pointer;
}

.animaps-cities-label-3 {
  display: none;
}

.animaps-topval-1 {
  font-size: 0px;
  fill: white;
  font-family: "Anton";
  text-anchor: middle;
  opacity: 1;
  cursor: pointer;
  width: 100px;
}

.sym-container {
  opacity: 0;
}

.dpath {
  fill: none;
  stroke: #000;
  stroke-width: 0.5px;
  stroke-opacity: 0;
}

.day {
  fill: red;
  fill-opacity: .2;
}

.blacky path,
.blacky line {
  fill: gray;
  stroke: red;
  shape-rendering: crispEdges;
}

.blacky text {
  font-family: sans-serif;
}

.states path,
.states line {
  fill: #FFEF7A;
  fill: #fed07a;
  fill-opacity: 1;
  stroke: white;
  stroke-width: 1;
}

/* required styles */
.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
  -ms-touch-action: none;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-drag: none;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
  max-width: none !important;
}

/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
  max-width: 15000px !important;
}

.leaflet-tile {
  -webkit-filter: inherit;
          filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-tile-pane {
  z-index: 2;
}

.leaflet-objects-pane {
  z-index: 3;
}

.leaflet-overlay-pane {
  z-index: 4;
}

.leaflet-shadow-pane {
  z-index: 5;
}

.leaflet-marker-pane {
  z-index: 6;
}

.leaflet-popup-pane {
  z-index: 7;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 7;
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
  -webkit-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-clickable {
  cursor: pointer;
}

.leaflet-container {
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
  cursor: move;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}

.leaflet-control-zoom-out {
  font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
  font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
  font-size: 24px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: content-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
}

.leaflet-popup-content-wrapper {
  background-color: #434a54;
  color: #fff;
  padding: 1px;
  text-align: left;
}

.leaflet-popup-content {
  background-color: #434a54;
  color: #fff;
  margin: 20px 10px;
  min-width: 260px;
}

.leaflet-popup-content p {
  color: #fff;
}

.leaflet-popup-tip-container {
  margin: 0 auto;
  width: 40px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #434a54;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/*! Lity - v1.5.1 - 2015-12-02
* http://sorgalla.com/lity/
* Copyright (c) 2015 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 1000001;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
}

.lity-loading .lity-content, .lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

.lity-iframe .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 99;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

.teaser-slider .slick-prev, .teaser-slider
.slick-next {
  width: 38px;
  height: 60px;
  background: #fbbb21;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}

@media screen and (min-width: 64em) {
  .teaser-slider .slick-prev, .teaser-slider
  .slick-next {
    top: 60px;
    width: 40px;
  }
}

@media screen and (max-width: 63.99em) {
  .teaser-slider .slick-prev, .teaser-slider
  .slick-next {
    display: none !important;
  }
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev::before,
.slick-next::before {
  font-family: "icon";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

@media screen and (min-width: 64em) {
  .teaser-slider .slick-prev {
    left: 30px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .teaser-slider .slick-prev {
    left: -10px !important;
  }
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "";
  display: inline-block;
}

[dir="rtl"] .slick-prev:before {
  content: "";
}

.slick-next {
  right: -25px;
}

@media screen and (min-width: 64em) {
  .teaser-slider .slick-next {
    right: 0px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .teaser-slider .slick-next {
    right: -10px !important;
  }
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "";
  display: inline-block;
}

[dir="rtl"] .slick-next:before {
  content: "";
}

.teaser-slider .slick-disabled {
  display: none !important;
}

/* Dots */
.slick-dots {
  position: relative;
  bottom: 0px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
  margin: 0;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: arial;
  font-size: 60px;
  line-height: 20px;
  text-align: center;
  color: #00489a;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 63.99em) {
  .slick-dots li button:before {
    font-size: 40px;
  }
}

.slick-dots li.slick-active button:before {
  color: #00489a;
  opacity: 0.75;
}

.teaser-slider .slick-dots {
  bottom: 0px;
}

@media screen and (max-width: 47.99em) {
  .fireplace-ad--content .slick-prev, .fireplace-ad--content .slick-next {
    display: none !important;
  }
}

.layout .slick-prev {
  left: 30px;
}

.layout .slick-next {
  right: -30px;
}

@media screen and (min-width: 64em) {
  .teaser-slider img {
    max-height: 168px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 1000001 !important;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > :hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*------------------------------------*    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.media:after {
  content: "";
  display: table;
  clear: both;
}

/*------------------------------------*    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6’s corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * Use these helper classes to cause other elements to adopt the styling of the
 * respective heading, e.g.:
 *
   <h2 class="alpha">Lorem ipsum</h2>
 *
 */
.alpha {
  font-size: 44px;
  font-size: 2.9333333333rem;
  line-height: 1.3636363636;
}

.beta {
  font-size: 32px;
  font-size: 2.1333333333rem;
  line-height: 1.25;
}

.gamma {
  font-size: 22px;
  font-size: 1.4666666667rem;
  line-height: 1.8181818182;
}

.delta {
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.1111111111;
}

.epsilon {
  font-size: 16px;
  font-size: 1.0666666667rem;
  line-height: 1.25;
}

.zeta {
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1.4285714286;
}

/*------------------------------------*    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.2/3`) or a spoken-
 * word format (e.g. `two-thirds`). Toggle formats by overriding the
 * `$inuit-use-fractions` variable defined below.
 */
/**
     * Whole.
     */
.one-whole {
  width: 100% !important;
}

/**
     * Halves.
     */
.one-half,
.two-quarters,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
  width: 50% !important;
}

/**
     * Thirds.
     */
.one-third,
.two-sixths,
.three-ninths,
.four-twelfths {
  width: 33.3333333% !important;
}

.two-thirds,
.four-sixths,
.six-ninths,
.eight-twelfths {
  width: 66.6666666% !important;
}

/**
     * Quarters.
     */
.one-quarter,
.two-eighths,
.three-twelfths {
  width: 25% !important;
}

.three-quarters,
.six-eighths,
.nine-twelfths {
  width: 75% !important;
}

/**
     * Fifths.
     */
.one-fifth,
.two-tenths {
  width: 20% !important;
}

.two-fifths,
.four-tenths {
  width: 40% !important;
}

.three-fifths,
.six-tenths {
  width: 60% !important;
}

.four-fifths,
.eight-tenths {
  width: 80% !important;
}

/**
     * Sixths.
     */
.one-sixth,
.two-twelfths {
  width: 16.6666666% !important;
}

.five-sixths,
.ten-twelfths {
  width: 83.3333333% !important;
}

/**
     * Eighths.
     */
.one-eighth {
  width: 12.5% !important;
}

.three-eighths {
  width: 37.5% !important;
}

.five-eighths {
  width: 62.5% !important;
}

.seven-eighths {
  width: 87.5% !important;
}

/**
     * Ninths.
     */
.one-ninth {
  width: 11.1111111% !important;
}

.two-ninths {
  width: 22.2222222% !important;
}

.four-ninths {
  width: 44.4444444% !important;
}

.five-ninths {
  width: 55.5555555% !important;
}

.seven-ninths {
  width: 77.7777777% !important;
}

.eight-ninths {
  width: 88.8888888% !important;
}

/**
     * Tenths.
     */
.one-tenth {
  width: 10% !important;
}

.three-tenths {
  width: 30% !important;
}

.seven-tenths {
  width: 70% !important;
}

.nine-tenths {
  width: 90% !important;
}

/**
     * Twelfths.
     */
.one-twelfth {
  width: 8.3333333% !important;
}

.five-twelfths {
  width: 41.6666666% !important;
}

.seven-twelfths {
  width: 58.3333333% !important;
}

.eleven-twelfths {
  width: 91.6666666% !important;
}

/*------------------------------------*    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (max-width: 47.99em) {
  /**
                 * Whole.
                 */
  .palm-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  .palm-one-half,
  .palm-two-quarters,
  .palm-three-sixths,
  .palm-four-eighths,
  .palm-five-tenths,
  .palm-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .palm-one-third,
  .palm-two-sixths,
  .palm-three-ninths,
  .palm-four-twelfths {
    width: 33.3333333% !important;
  }
  .palm-two-thirds,
  .palm-four-sixths,
  .palm-six-ninths,
  .palm-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .palm-one-quarter,
  .palm-two-eighths,
  .palm-three-twelfths {
    width: 25% !important;
  }
  .palm-three-quarters,
  .palm-six-eighths,
  .palm-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .palm-one-fifth,
  .palm-two-tenths {
    width: 20% !important;
  }
  .palm-two-fifths,
  .palm-four-tenths {
    width: 40% !important;
  }
  .palm-three-fifths,
  .palm-six-tenths {
    width: 60% !important;
  }
  .palm-four-fifths,
  .palm-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .palm-one-sixth,
  .palm-two-twelfths {
    width: 16.6666666% !important;
  }
  .palm-five-sixths,
  .palm-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .palm-one-eighth {
    width: 12.5% !important;
  }
  .palm-three-eighths {
    width: 37.5% !important;
  }
  .palm-five-eighths {
    width: 62.5% !important;
  }
  .palm-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .palm-one-ninth {
    width: 11.1111111% !important;
  }
  .palm-two-ninths {
    width: 22.2222222% !important;
  }
  .palm-four-ninths {
    width: 44.4444444% !important;
  }
  .palm-five-ninths {
    width: 55.5555555% !important;
  }
  .palm-seven-ninths {
    width: 77.7777777% !important;
  }
  .palm-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .palm-one-tenth {
    width: 10% !important;
  }
  .palm-three-tenths {
    width: 30% !important;
  }
  .palm-seven-tenths {
    width: 70% !important;
  }
  .palm-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .palm-one-twelfth {
    width: 8.3333333% !important;
  }
  .palm-five-twelfths {
    width: 41.6666666% !important;
  }
  .palm-seven-twelfths {
    width: 58.3333333% !important;
  }
  .palm-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  /**
                 * Whole.
                 */
  .lap-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  .lap-one-half,
  .lap-two-quarters,
  .lap-three-sixths,
  .lap-four-eighths,
  .lap-five-tenths,
  .lap-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .lap-one-third,
  .lap-two-sixths,
  .lap-three-ninths,
  .lap-four-twelfths {
    width: 33.3333333% !important;
  }
  .lap-two-thirds,
  .lap-four-sixths,
  .lap-six-ninths,
  .lap-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .lap-one-quarter,
  .lap-two-eighths,
  .lap-three-twelfths {
    width: 25% !important;
  }
  .lap-three-quarters,
  .lap-six-eighths,
  .lap-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .lap-one-fifth,
  .lap-two-tenths {
    width: 20% !important;
  }
  .lap-two-fifths,
  .lap-four-tenths {
    width: 40% !important;
  }
  .lap-three-fifths,
  .lap-six-tenths {
    width: 60% !important;
  }
  .lap-four-fifths,
  .lap-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .lap-one-sixth,
  .lap-two-twelfths {
    width: 16.6666666% !important;
  }
  .lap-five-sixths,
  .lap-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .lap-one-eighth {
    width: 12.5% !important;
  }
  .lap-three-eighths {
    width: 37.5% !important;
  }
  .lap-five-eighths {
    width: 62.5% !important;
  }
  .lap-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .lap-one-ninth {
    width: 11.1111111% !important;
  }
  .lap-two-ninths {
    width: 22.2222222% !important;
  }
  .lap-four-ninths {
    width: 44.4444444% !important;
  }
  .lap-five-ninths {
    width: 55.5555555% !important;
  }
  .lap-seven-ninths {
    width: 77.7777777% !important;
  }
  .lap-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .lap-one-tenth {
    width: 10% !important;
  }
  .lap-three-tenths {
    width: 30% !important;
  }
  .lap-seven-tenths {
    width: 70% !important;
  }
  .lap-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .lap-one-twelfth {
    width: 8.3333333% !important;
  }
  .lap-five-twelfths {
    width: 41.6666666% !important;
  }
  .lap-seven-twelfths {
    width: 58.3333333% !important;
  }
  .lap-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (max-width: 63.99em) {
  /**
                 * Whole.
                 */
  .portable-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  .portable-one-half,
  .portable-two-quarters,
  .portable-three-sixths,
  .portable-four-eighths,
  .portable-five-tenths,
  .portable-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .portable-one-third,
  .portable-two-sixths,
  .portable-three-ninths,
  .portable-four-twelfths {
    width: 33.3333333% !important;
  }
  .portable-two-thirds,
  .portable-four-sixths,
  .portable-six-ninths,
  .portable-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .portable-one-quarter,
  .portable-two-eighths,
  .portable-three-twelfths {
    width: 25% !important;
  }
  .portable-three-quarters,
  .portable-six-eighths,
  .portable-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .portable-one-fifth,
  .portable-two-tenths {
    width: 20% !important;
  }
  .portable-two-fifths,
  .portable-four-tenths {
    width: 40% !important;
  }
  .portable-three-fifths,
  .portable-six-tenths {
    width: 60% !important;
  }
  .portable-four-fifths,
  .portable-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .portable-one-sixth,
  .portable-two-twelfths {
    width: 16.6666666% !important;
  }
  .portable-five-sixths,
  .portable-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .portable-one-eighth {
    width: 12.5% !important;
  }
  .portable-three-eighths {
    width: 37.5% !important;
  }
  .portable-five-eighths {
    width: 62.5% !important;
  }
  .portable-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .portable-one-ninth {
    width: 11.1111111% !important;
  }
  .portable-two-ninths {
    width: 22.2222222% !important;
  }
  .portable-four-ninths {
    width: 44.4444444% !important;
  }
  .portable-five-ninths {
    width: 55.5555555% !important;
  }
  .portable-seven-ninths {
    width: 77.7777777% !important;
  }
  .portable-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .portable-one-tenth {
    width: 10% !important;
  }
  .portable-three-tenths {
    width: 30% !important;
  }
  .portable-seven-tenths {
    width: 70% !important;
  }
  .portable-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .portable-one-twelfth {
    width: 8.3333333% !important;
  }
  .portable-five-twelfths {
    width: 41.6666666% !important;
  }
  .portable-seven-twelfths {
    width: 58.3333333% !important;
  }
  .portable-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

@media screen and (min-width: 64em) {
  /**
                 * Whole.
                 */
  .desk-one-whole {
    width: 100% !important;
  }
  /**
                 * Halves.
                 */
  .desk-one-half,
  .desk-two-quarters,
  .desk-three-sixths,
  .desk-four-eighths,
  .desk-five-tenths,
  .desk-six-twelfths {
    width: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .desk-one-third,
  .desk-two-sixths,
  .desk-three-ninths,
  .desk-four-twelfths {
    width: 33.3333333% !important;
  }
  .desk-two-thirds,
  .desk-four-sixths,
  .desk-six-ninths,
  .desk-eight-twelfths {
    width: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .desk-one-quarter,
  .desk-two-eighths,
  .desk-three-twelfths {
    width: 25% !important;
  }
  .desk-three-quarters,
  .desk-six-eighths,
  .desk-nine-twelfths {
    width: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .desk-one-fifth,
  .desk-two-tenths {
    width: 20% !important;
  }
  .desk-two-fifths,
  .desk-four-tenths {
    width: 40% !important;
  }
  .desk-three-fifths,
  .desk-six-tenths {
    width: 60% !important;
  }
  .desk-four-fifths,
  .desk-eight-tenths {
    width: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .desk-one-sixth,
  .desk-two-twelfths {
    width: 16.6666666% !important;
  }
  .desk-five-sixths,
  .desk-ten-twelfths {
    width: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .desk-one-eighth {
    width: 12.5% !important;
  }
  .desk-three-eighths {
    width: 37.5% !important;
  }
  .desk-five-eighths {
    width: 62.5% !important;
  }
  .desk-seven-eighths {
    width: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .desk-one-ninth {
    width: 11.1111111% !important;
  }
  .desk-two-ninths {
    width: 22.2222222% !important;
  }
  .desk-four-ninths {
    width: 44.4444444% !important;
  }
  .desk-five-ninths {
    width: 55.5555555% !important;
  }
  .desk-seven-ninths {
    width: 77.7777777% !important;
  }
  .desk-eight-ninths {
    width: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .desk-one-tenth {
    width: 10% !important;
  }
  .desk-three-tenths {
    width: 30% !important;
  }
  .desk-seven-tenths {
    width: 70% !important;
  }
  .desk-nine-tenths {
    width: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .desk-one-twelfth {
    width: 8.3333333% !important;
  }
  .desk-five-twelfths {
    width: 41.6666666% !important;
  }
  .desk-seven-twelfths {
    width: 58.3333333% !important;
  }
  .desk-eleven-twelfths {
    width: 91.6666666% !important;
  }
}

/*------------------------------------*    #PULL
\*------------------------------------*/
/**
 * A series of helper classes that you can use to pull grid elemtents to the
 * left. Classes can take a fraction-like format (e.g. `.pull-2/3`)
 * or a spoken-word format (e.g. `.pull-two-thirds`). Toggle formats by
 * overriding the `$inuit-use-fractions` variable. Toggle formats by
 * overriding the `$inuit-use-fractions` variable defined below.
 */
[class*="pull-"] {
  position: relative;
}

/**
     * Whole.
     */
.pull-one-whole {
  right: 100% !important;
}

/**
     * Halves.
     */
.pull-one-half,
.pull-two-quarters,
.pull-three-sixths,
.pull-four-eighths,
.pull-five-tenths,
.pull-six-twelfths {
  right: 50% !important;
}

/**
     * Thirds.
     */
.pull-one-third,
.pull-two-sixths,
.pull-three-ninths,
.pull-four-twelfths {
  right: 33.3333333% !important;
}

.pull-two-thirds,
.pull-four-sixths,
.pull-six-ninths,
.pull-eight-twelfths {
  right: 66.6666666% !important;
}

/**
     * Quarters.
     */
.pull-one-quarter,
.pull-two-eighths,
.pull-three-twelfths {
  right: 25% !important;
}

.pull-three-quarters,
.pull-six-eighths,
.pull-nine-twelfths {
  right: 75% !important;
}

/**
     * Fifths.
     */
.pull-one-fifth,
.pull-two-tenths {
  right: 20% !important;
}

.pull-two-fifths,
.pull-four-tenths {
  right: 40% !important;
}

.pull-three-fifths,
.pull-six-tenths {
  right: 60% !important;
}

.pull-four-fifths,
.pull-eight-tenths {
  right: 80% !important;
}

/**
     * Sixths.
     */
.pull-one-sixth,
.pull-two-twelfths {
  right: 16.6666666% !important;
}

.pull-five-sixths,
.pull-ten-twelfths {
  right: 83.3333333% !important;
}

/**
     * Eighths.
     */
.pull-one-eighth {
  right: 12.5% !important;
}

.pull-three-eighths {
  right: 37.5% !important;
}

.pull-five-eighths {
  right: 62.5% !important;
}

.pull-seven-eighths {
  right: 87.5% !important;
}

/**
     * Ninths.
     */
.pull-one-ninth {
  right: 11.1111111% !important;
}

.pull-two-ninths {
  right: 22.2222222% !important;
}

.pull-four-ninths {
  right: 44.4444444% !important;
}

.pull-five-ninths {
  right: 55.5555555% !important;
}

.pull-seven-ninths {
  right: 77.7777777% !important;
}

.pull-eight-ninths {
  right: 88.8888888% !important;
}

/**
     * Tenths.
     */
.pull-one-tenth {
  right: 10% !important;
}

.pull-three-tenths {
  right: 30% !important;
}

.pull-seven-tenths {
  right: 70% !important;
}

.pull-nine-tenths {
  right: 90% !important;
}

/**
     * Twelfths.
     */
.pull-one-twelfth {
  right: 8.3333333% !important;
}

.pull-five-twelfths {
  right: 41.6666666% !important;
}

.pull-seven-twelfths {
  right: 58.3333333% !important;
}

.pull-eleven-twelfths {
  right: 91.6666666% !important;
}

/*------------------------------------*    #PULL-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive pull classes based on your responsive settings.
 */
@media screen and (max-width: 47.99em) {
  /**
                 * Whole.
                 */
  .palm-pull-one-whole {
    right: 100% !important;
  }
  /**
                 * Halves.
                 */
  .palm-pull-one-half,
  .palm-pull-two-quarters,
  .palm-pull-three-sixths,
  .palm-pull-four-eighths,
  .palm-pull-five-tenths,
  .palm-pull-six-twelfths {
    right: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .palm-pull-one-third,
  .palm-pull-two-sixths,
  .palm-pull-three-ninths,
  .palm-pull-four-twelfths {
    right: 33.3333333% !important;
  }
  .palm-pull-two-thirds,
  .palm-pull-four-sixths,
  .palm-pull-six-ninths,
  .palm-pull-eight-twelfths {
    right: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .palm-pull-one-quarter,
  .palm-pull-two-eighths,
  .palm-pull-three-twelfths {
    right: 25% !important;
  }
  .palm-pull-three-quarters,
  .palm-pull-six-eighths,
  .palm-pull-nine-twelfths {
    right: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .palm-pull-one-fifth,
  .palm-pull-two-tenths {
    right: 20% !important;
  }
  .palm-pull-two-fifths,
  .palm-pull-four-tenths {
    right: 40% !important;
  }
  .palm-pull-three-fifths,
  .palm-pull-six-tenths {
    right: 60% !important;
  }
  .palm-pull-four-fifths,
  .palm-pull-eight-tenths {
    right: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .palm-pull-one-sixth,
  .palm-pull-two-twelfths {
    right: 16.6666666% !important;
  }
  .palm-pull-five-sixths,
  .palm-pull-ten-twelfths {
    right: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .palm-pull-one-eighth {
    right: 12.5% !important;
  }
  .palm-pull-three-eighths {
    right: 37.5% !important;
  }
  .palm-pull-five-eighths {
    right: 62.5% !important;
  }
  .palm-pull-seven-eighths {
    right: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .palm-pull-one-ninth {
    right: 11.1111111% !important;
  }
  .palm-pull-two-ninths {
    right: 22.2222222% !important;
  }
  .palm-pull-four-ninths {
    right: 44.4444444% !important;
  }
  .palm-pull-five-ninths {
    right: 55.5555555% !important;
  }
  .palm-pull-seven-ninths {
    right: 77.7777777% !important;
  }
  .palm-pull-eight-ninths {
    right: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .palm-pull-one-tenth {
    right: 10% !important;
  }
  .palm-pull-three-tenths {
    right: 30% !important;
  }
  .palm-pull-seven-tenths {
    right: 70% !important;
  }
  .palm-pull-nine-tenths {
    right: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .palm-pull-one-twelfth {
    right: 8.3333333% !important;
  }
  .palm-pull-five-twelfths {
    right: 41.6666666% !important;
  }
  .palm-pull-seven-twelfths {
    right: 58.3333333% !important;
  }
  .palm-pull-eleven-twelfths {
    right: 91.6666666% !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  /**
                 * Whole.
                 */
  .lap-pull-one-whole {
    right: 100% !important;
  }
  /**
                 * Halves.
                 */
  .lap-pull-one-half,
  .lap-pull-two-quarters,
  .lap-pull-three-sixths,
  .lap-pull-four-eighths,
  .lap-pull-five-tenths,
  .lap-pull-six-twelfths {
    right: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .lap-pull-one-third,
  .lap-pull-two-sixths,
  .lap-pull-three-ninths,
  .lap-pull-four-twelfths {
    right: 33.3333333% !important;
  }
  .lap-pull-two-thirds,
  .lap-pull-four-sixths,
  .lap-pull-six-ninths,
  .lap-pull-eight-twelfths {
    right: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .lap-pull-one-quarter,
  .lap-pull-two-eighths,
  .lap-pull-three-twelfths {
    right: 25% !important;
  }
  .lap-pull-three-quarters,
  .lap-pull-six-eighths,
  .lap-pull-nine-twelfths {
    right: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .lap-pull-one-fifth,
  .lap-pull-two-tenths {
    right: 20% !important;
  }
  .lap-pull-two-fifths,
  .lap-pull-four-tenths {
    right: 40% !important;
  }
  .lap-pull-three-fifths,
  .lap-pull-six-tenths {
    right: 60% !important;
  }
  .lap-pull-four-fifths,
  .lap-pull-eight-tenths {
    right: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .lap-pull-one-sixth,
  .lap-pull-two-twelfths {
    right: 16.6666666% !important;
  }
  .lap-pull-five-sixths,
  .lap-pull-ten-twelfths {
    right: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .lap-pull-one-eighth {
    right: 12.5% !important;
  }
  .lap-pull-three-eighths {
    right: 37.5% !important;
  }
  .lap-pull-five-eighths {
    right: 62.5% !important;
  }
  .lap-pull-seven-eighths {
    right: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .lap-pull-one-ninth {
    right: 11.1111111% !important;
  }
  .lap-pull-two-ninths {
    right: 22.2222222% !important;
  }
  .lap-pull-four-ninths {
    right: 44.4444444% !important;
  }
  .lap-pull-five-ninths {
    right: 55.5555555% !important;
  }
  .lap-pull-seven-ninths {
    right: 77.7777777% !important;
  }
  .lap-pull-eight-ninths {
    right: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .lap-pull-one-tenth {
    right: 10% !important;
  }
  .lap-pull-three-tenths {
    right: 30% !important;
  }
  .lap-pull-seven-tenths {
    right: 70% !important;
  }
  .lap-pull-nine-tenths {
    right: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .lap-pull-one-twelfth {
    right: 8.3333333% !important;
  }
  .lap-pull-five-twelfths {
    right: 41.6666666% !important;
  }
  .lap-pull-seven-twelfths {
    right: 58.3333333% !important;
  }
  .lap-pull-eleven-twelfths {
    right: 91.6666666% !important;
  }
}

@media screen and (max-width: 63.99em) {
  /**
                 * Whole.
                 */
  .portable-pull-one-whole {
    right: 100% !important;
  }
  /**
                 * Halves.
                 */
  .portable-pull-one-half,
  .portable-pull-two-quarters,
  .portable-pull-three-sixths,
  .portable-pull-four-eighths,
  .portable-pull-five-tenths,
  .portable-pull-six-twelfths {
    right: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .portable-pull-one-third,
  .portable-pull-two-sixths,
  .portable-pull-three-ninths,
  .portable-pull-four-twelfths {
    right: 33.3333333% !important;
  }
  .portable-pull-two-thirds,
  .portable-pull-four-sixths,
  .portable-pull-six-ninths,
  .portable-pull-eight-twelfths {
    right: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .portable-pull-one-quarter,
  .portable-pull-two-eighths,
  .portable-pull-three-twelfths {
    right: 25% !important;
  }
  .portable-pull-three-quarters,
  .portable-pull-six-eighths,
  .portable-pull-nine-twelfths {
    right: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .portable-pull-one-fifth,
  .portable-pull-two-tenths {
    right: 20% !important;
  }
  .portable-pull-two-fifths,
  .portable-pull-four-tenths {
    right: 40% !important;
  }
  .portable-pull-three-fifths,
  .portable-pull-six-tenths {
    right: 60% !important;
  }
  .portable-pull-four-fifths,
  .portable-pull-eight-tenths {
    right: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .portable-pull-one-sixth,
  .portable-pull-two-twelfths {
    right: 16.6666666% !important;
  }
  .portable-pull-five-sixths,
  .portable-pull-ten-twelfths {
    right: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .portable-pull-one-eighth {
    right: 12.5% !important;
  }
  .portable-pull-three-eighths {
    right: 37.5% !important;
  }
  .portable-pull-five-eighths {
    right: 62.5% !important;
  }
  .portable-pull-seven-eighths {
    right: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .portable-pull-one-ninth {
    right: 11.1111111% !important;
  }
  .portable-pull-two-ninths {
    right: 22.2222222% !important;
  }
  .portable-pull-four-ninths {
    right: 44.4444444% !important;
  }
  .portable-pull-five-ninths {
    right: 55.5555555% !important;
  }
  .portable-pull-seven-ninths {
    right: 77.7777777% !important;
  }
  .portable-pull-eight-ninths {
    right: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .portable-pull-one-tenth {
    right: 10% !important;
  }
  .portable-pull-three-tenths {
    right: 30% !important;
  }
  .portable-pull-seven-tenths {
    right: 70% !important;
  }
  .portable-pull-nine-tenths {
    right: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .portable-pull-one-twelfth {
    right: 8.3333333% !important;
  }
  .portable-pull-five-twelfths {
    right: 41.6666666% !important;
  }
  .portable-pull-seven-twelfths {
    right: 58.3333333% !important;
  }
  .portable-pull-eleven-twelfths {
    right: 91.6666666% !important;
  }
}

@media screen and (min-width: 64em) {
  /**
                 * Whole.
                 */
  .desk-pull-one-whole {
    right: 100% !important;
  }
  /**
                 * Halves.
                 */
  .desk-pull-one-half,
  .desk-pull-two-quarters,
  .desk-pull-three-sixths,
  .desk-pull-four-eighths,
  .desk-pull-five-tenths,
  .desk-pull-six-twelfths {
    right: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .desk-pull-one-third,
  .desk-pull-two-sixths,
  .desk-pull-three-ninths,
  .desk-pull-four-twelfths {
    right: 33.3333333% !important;
  }
  .desk-pull-two-thirds,
  .desk-pull-four-sixths,
  .desk-pull-six-ninths,
  .desk-pull-eight-twelfths {
    right: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .desk-pull-one-quarter,
  .desk-pull-two-eighths,
  .desk-pull-three-twelfths {
    right: 25% !important;
  }
  .desk-pull-three-quarters,
  .desk-pull-six-eighths,
  .desk-pull-nine-twelfths {
    right: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .desk-pull-one-fifth,
  .desk-pull-two-tenths {
    right: 20% !important;
  }
  .desk-pull-two-fifths,
  .desk-pull-four-tenths {
    right: 40% !important;
  }
  .desk-pull-three-fifths,
  .desk-pull-six-tenths {
    right: 60% !important;
  }
  .desk-pull-four-fifths,
  .desk-pull-eight-tenths {
    right: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .desk-pull-one-sixth,
  .desk-pull-two-twelfths {
    right: 16.6666666% !important;
  }
  .desk-pull-five-sixths,
  .desk-pull-ten-twelfths {
    right: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .desk-pull-one-eighth {
    right: 12.5% !important;
  }
  .desk-pull-three-eighths {
    right: 37.5% !important;
  }
  .desk-pull-five-eighths {
    right: 62.5% !important;
  }
  .desk-pull-seven-eighths {
    right: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .desk-pull-one-ninth {
    right: 11.1111111% !important;
  }
  .desk-pull-two-ninths {
    right: 22.2222222% !important;
  }
  .desk-pull-four-ninths {
    right: 44.4444444% !important;
  }
  .desk-pull-five-ninths {
    right: 55.5555555% !important;
  }
  .desk-pull-seven-ninths {
    right: 77.7777777% !important;
  }
  .desk-pull-eight-ninths {
    right: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .desk-pull-one-tenth {
    right: 10% !important;
  }
  .desk-pull-three-tenths {
    right: 30% !important;
  }
  .desk-pull-seven-tenths {
    right: 70% !important;
  }
  .desk-pull-nine-tenths {
    right: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .desk-pull-one-twelfth {
    right: 8.3333333% !important;
  }
  .desk-pull-five-twelfths {
    right: 41.6666666% !important;
  }
  .desk-pull-seven-twelfths {
    right: 58.3333333% !important;
  }
  .desk-pull-eleven-twelfths {
    right: 91.6666666% !important;
  }
}

/*------------------------------------*    #PUSH
\*------------------------------------*/
/**
 * A series of helper classes that you can use to push grid elemtents to the
 * right. Classes can take a fraction-like format (e.g. `.push-2/3`)
 * or a spoken-word format (e.g. `.push-two-thirds`). Toggle formats by
 * overriding the `$inuit-use-fractions` variable. Toggle formats by
 * overriding the `$inuit-use-fractions` variable defined below.
 */
[class*="push-"] {
  position: relative;
}

/**
     * Whole.
     */
.push-one-whole {
  left: 100% !important;
}

/**
     * Halves.
     */
.push-one-half,
.push-two-quarters,
.push-three-sixths,
.push-four-eighths,
.push-five-tenths,
.push-six-twelfths {
  left: 50% !important;
}

/**
     * Thirds.
     */
.push-one-third,
.push-two-sixths,
.push-three-ninths,
.push-four-twelfths {
  left: 33.3333333% !important;
}

.push-two-thirds,
.push-four-sixths,
.push-six-ninths,
.push-eight-twelfths {
  left: 66.6666666% !important;
}

/**
     * Quarters.
     */
.push-one-quarter,
.push-two-eighths,
.push-three-twelfths {
  left: 25% !important;
}

.push-three-quarters,
.push-six-eighths,
.push-nine-twelfths {
  left: 75% !important;
}

/**
     * Fifths.
     */
.push-one-fifth,
.push-two-tenths {
  left: 20% !important;
}

.push-two-fifths,
.push-four-tenths {
  left: 40% !important;
}

.push-three-fifths,
.push-six-tenths {
  left: 60% !important;
}

.push-four-fifths,
.push-eight-tenths {
  left: 80% !important;
}

/**
     * Sixths.
     */
.push-one-sixth,
.push-two-twelfths {
  left: 16.6666666% !important;
}

.push-five-sixths,
.push-ten-twelfths {
  left: 83.3333333% !important;
}

/**
     * Eighths.
     */
.push-one-eighth {
  left: 12.5% !important;
}

.push-three-eighths {
  left: 37.5% !important;
}

.push-five-eighths {
  left: 62.5% !important;
}

.push-seven-eighths {
  left: 87.5% !important;
}

/**
     * Ninths.
     */
.push-one-ninth {
  left: 11.1111111% !important;
}

.push-two-ninths {
  left: 22.2222222% !important;
}

.push-four-ninths {
  left: 44.4444444% !important;
}

.push-five-ninths {
  left: 55.5555555% !important;
}

.push-seven-ninths {
  left: 77.7777777% !important;
}

.push-eight-ninths {
  left: 88.8888888% !important;
}

/**
     * Tenths.
     */
.push-one-tenth {
  left: 10% !important;
}

.push-three-tenths {
  left: 30% !important;
}

.push-seven-tenths {
  left: 70% !important;
}

.push-nine-tenths {
  left: 90% !important;
}

/**
     * Twelfths.
     */
.push-one-twelfth {
  left: 8.3333333% !important;
}

.push-five-twelfths {
  left: 41.6666666% !important;
}

.push-seven-twelfths {
  left: 58.3333333% !important;
}

.push-eleven-twelfths {
  left: 91.6666666% !important;
}

/*------------------------------------*    #PUSH-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive push classes based on your responsive settings.
 */
@media screen and (max-width: 47.99em) {
  /**
                 * Whole.
                 */
  .palm-push-one-whole {
    left: 100% !important;
  }
  /**
                 * Halves.
                 */
  .palm-push-one-half,
  .palm-push-two-quarters,
  .palm-push-three-sixths,
  .palm-push-four-eighths,
  .palm-push-five-tenths,
  .palm-push-six-twelfths {
    left: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .palm-push-one-third,
  .palm-push-two-sixths,
  .palm-push-three-ninths,
  .palm-push-four-twelfths {
    left: 33.3333333% !important;
  }
  .palm-push-two-thirds,
  .palm-push-four-sixths,
  .palm-push-six-ninths,
  .palm-push-eight-twelfths {
    left: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .palm-push-one-quarter,
  .palm-push-two-eighths,
  .palm-push-three-twelfths {
    left: 25% !important;
  }
  .palm-push-three-quarters,
  .palm-push-six-eighths,
  .palm-push-nine-twelfths {
    left: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .palm-push-one-fifth,
  .palm-push-two-tenths {
    left: 20% !important;
  }
  .palm-push-two-fifths,
  .palm-push-four-tenths {
    left: 40% !important;
  }
  .palm-push-three-fifths,
  .palm-push-six-tenths {
    left: 60% !important;
  }
  .palm-push-four-fifths,
  .palm-push-eight-tenths {
    left: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .palm-push-one-sixth,
  .palm-push-two-twelfths {
    left: 16.6666666% !important;
  }
  .palm-push-five-sixths,
  .palm-push-ten-twelfths {
    left: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .palm-push-one-eighth {
    left: 12.5% !important;
  }
  .palm-push-three-eighths {
    left: 37.5% !important;
  }
  .palm-push-five-eighths {
    left: 62.5% !important;
  }
  .palm-push-seven-eighths {
    left: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .palm-push-one-ninth {
    left: 11.1111111% !important;
  }
  .palm-push-two-ninths {
    left: 22.2222222% !important;
  }
  .palm-push-four-ninths {
    left: 44.4444444% !important;
  }
  .palm-push-five-ninths {
    left: 55.5555555% !important;
  }
  .palm-push-seven-ninths {
    left: 77.7777777% !important;
  }
  .palm-push-eight-ninths {
    left: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .palm-push-one-tenth {
    left: 10% !important;
  }
  .palm-push-three-tenths {
    left: 30% !important;
  }
  .palm-push-seven-tenths {
    left: 70% !important;
  }
  .palm-push-nine-tenths {
    left: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .palm-push-one-twelfth {
    left: 8.3333333% !important;
  }
  .palm-push-five-twelfths {
    left: 41.6666666% !important;
  }
  .palm-push-seven-twelfths {
    left: 58.3333333% !important;
  }
  .palm-push-eleven-twelfths {
    left: 91.6666666% !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  /**
                 * Whole.
                 */
  .lap-push-one-whole {
    left: 100% !important;
  }
  /**
                 * Halves.
                 */
  .lap-push-one-half,
  .lap-push-two-quarters,
  .lap-push-three-sixths,
  .lap-push-four-eighths,
  .lap-push-five-tenths,
  .lap-push-six-twelfths {
    left: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .lap-push-one-third,
  .lap-push-two-sixths,
  .lap-push-three-ninths,
  .lap-push-four-twelfths {
    left: 33.3333333% !important;
  }
  .lap-push-two-thirds,
  .lap-push-four-sixths,
  .lap-push-six-ninths,
  .lap-push-eight-twelfths {
    left: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .lap-push-one-quarter,
  .lap-push-two-eighths,
  .lap-push-three-twelfths {
    left: 25% !important;
  }
  .lap-push-three-quarters,
  .lap-push-six-eighths,
  .lap-push-nine-twelfths {
    left: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .lap-push-one-fifth,
  .lap-push-two-tenths {
    left: 20% !important;
  }
  .lap-push-two-fifths,
  .lap-push-four-tenths {
    left: 40% !important;
  }
  .lap-push-three-fifths,
  .lap-push-six-tenths {
    left: 60% !important;
  }
  .lap-push-four-fifths,
  .lap-push-eight-tenths {
    left: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .lap-push-one-sixth,
  .lap-push-two-twelfths {
    left: 16.6666666% !important;
  }
  .lap-push-five-sixths,
  .lap-push-ten-twelfths {
    left: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .lap-push-one-eighth {
    left: 12.5% !important;
  }
  .lap-push-three-eighths {
    left: 37.5% !important;
  }
  .lap-push-five-eighths {
    left: 62.5% !important;
  }
  .lap-push-seven-eighths {
    left: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .lap-push-one-ninth {
    left: 11.1111111% !important;
  }
  .lap-push-two-ninths {
    left: 22.2222222% !important;
  }
  .lap-push-four-ninths {
    left: 44.4444444% !important;
  }
  .lap-push-five-ninths {
    left: 55.5555555% !important;
  }
  .lap-push-seven-ninths {
    left: 77.7777777% !important;
  }
  .lap-push-eight-ninths {
    left: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .lap-push-one-tenth {
    left: 10% !important;
  }
  .lap-push-three-tenths {
    left: 30% !important;
  }
  .lap-push-seven-tenths {
    left: 70% !important;
  }
  .lap-push-nine-tenths {
    left: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .lap-push-one-twelfth {
    left: 8.3333333% !important;
  }
  .lap-push-five-twelfths {
    left: 41.6666666% !important;
  }
  .lap-push-seven-twelfths {
    left: 58.3333333% !important;
  }
  .lap-push-eleven-twelfths {
    left: 91.6666666% !important;
  }
}

@media screen and (max-width: 63.99em) {
  /**
                 * Whole.
                 */
  .portable-push-one-whole {
    left: 100% !important;
  }
  /**
                 * Halves.
                 */
  .portable-push-one-half,
  .portable-push-two-quarters,
  .portable-push-three-sixths,
  .portable-push-four-eighths,
  .portable-push-five-tenths,
  .portable-push-six-twelfths {
    left: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .portable-push-one-third,
  .portable-push-two-sixths,
  .portable-push-three-ninths,
  .portable-push-four-twelfths {
    left: 33.3333333% !important;
  }
  .portable-push-two-thirds,
  .portable-push-four-sixths,
  .portable-push-six-ninths,
  .portable-push-eight-twelfths {
    left: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .portable-push-one-quarter,
  .portable-push-two-eighths,
  .portable-push-three-twelfths {
    left: 25% !important;
  }
  .portable-push-three-quarters,
  .portable-push-six-eighths,
  .portable-push-nine-twelfths {
    left: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .portable-push-one-fifth,
  .portable-push-two-tenths {
    left: 20% !important;
  }
  .portable-push-two-fifths,
  .portable-push-four-tenths {
    left: 40% !important;
  }
  .portable-push-three-fifths,
  .portable-push-six-tenths {
    left: 60% !important;
  }
  .portable-push-four-fifths,
  .portable-push-eight-tenths {
    left: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .portable-push-one-sixth,
  .portable-push-two-twelfths {
    left: 16.6666666% !important;
  }
  .portable-push-five-sixths,
  .portable-push-ten-twelfths {
    left: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .portable-push-one-eighth {
    left: 12.5% !important;
  }
  .portable-push-three-eighths {
    left: 37.5% !important;
  }
  .portable-push-five-eighths {
    left: 62.5% !important;
  }
  .portable-push-seven-eighths {
    left: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .portable-push-one-ninth {
    left: 11.1111111% !important;
  }
  .portable-push-two-ninths {
    left: 22.2222222% !important;
  }
  .portable-push-four-ninths {
    left: 44.4444444% !important;
  }
  .portable-push-five-ninths {
    left: 55.5555555% !important;
  }
  .portable-push-seven-ninths {
    left: 77.7777777% !important;
  }
  .portable-push-eight-ninths {
    left: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .portable-push-one-tenth {
    left: 10% !important;
  }
  .portable-push-three-tenths {
    left: 30% !important;
  }
  .portable-push-seven-tenths {
    left: 70% !important;
  }
  .portable-push-nine-tenths {
    left: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .portable-push-one-twelfth {
    left: 8.3333333% !important;
  }
  .portable-push-five-twelfths {
    left: 41.6666666% !important;
  }
  .portable-push-seven-twelfths {
    left: 58.3333333% !important;
  }
  .portable-push-eleven-twelfths {
    left: 91.6666666% !important;
  }
}

@media screen and (min-width: 64em) {
  /**
                 * Whole.
                 */
  .desk-push-one-whole {
    left: 100% !important;
  }
  /**
                 * Halves.
                 */
  .desk-push-one-half,
  .desk-push-two-quarters,
  .desk-push-three-sixths,
  .desk-push-four-eighths,
  .desk-push-five-tenths,
  .desk-push-six-twelfths {
    left: 50% !important;
  }
  /**
                 * Thirds.
                 */
  .desk-push-one-third,
  .desk-push-two-sixths,
  .desk-push-three-ninths,
  .desk-push-four-twelfths {
    left: 33.3333333% !important;
  }
  .desk-push-two-thirds,
  .desk-push-four-sixths,
  .desk-push-six-ninths,
  .desk-push-eight-twelfths {
    left: 66.6666666% !important;
  }
  /**
                 * Quarters.
                 */
  .desk-push-one-quarter,
  .desk-push-two-eighths,
  .desk-push-three-twelfths {
    left: 25% !important;
  }
  .desk-push-three-quarters,
  .desk-push-six-eighths,
  .desk-push-nine-twelfths {
    left: 75% !important;
  }
  /**
                 * Fifths.
                 */
  .desk-push-one-fifth,
  .desk-push-two-tenths {
    left: 20% !important;
  }
  .desk-push-two-fifths,
  .desk-push-four-tenths {
    left: 40% !important;
  }
  .desk-push-three-fifths,
  .desk-push-six-tenths {
    left: 60% !important;
  }
  .desk-push-four-fifths,
  .desk-push-eight-tenths {
    left: 80% !important;
  }
  /**
                 * Sixths.
                 */
  .desk-push-one-sixth,
  .desk-push-two-twelfths {
    left: 16.6666666% !important;
  }
  .desk-push-five-sixths,
  .desk-push-ten-twelfths {
    left: 83.3333333% !important;
  }
  /**
                 * Eighths.
                 */
  .desk-push-one-eighth {
    left: 12.5% !important;
  }
  .desk-push-three-eighths {
    left: 37.5% !important;
  }
  .desk-push-five-eighths {
    left: 62.5% !important;
  }
  .desk-push-seven-eighths {
    left: 87.5% !important;
  }
  /**
                 * Ninths.
                 */
  .desk-push-one-ninth {
    left: 11.1111111% !important;
  }
  .desk-push-two-ninths {
    left: 22.2222222% !important;
  }
  .desk-push-four-ninths {
    left: 44.4444444% !important;
  }
  .desk-push-five-ninths {
    left: 55.5555555% !important;
  }
  .desk-push-seven-ninths {
    left: 77.7777777% !important;
  }
  .desk-push-eight-ninths {
    left: 88.8888888% !important;
  }
  /**
                 * Tenths.
                 */
  .desk-push-one-tenth {
    left: 10% !important;
  }
  .desk-push-three-tenths {
    left: 30% !important;
  }
  .desk-push-seven-tenths {
    left: 70% !important;
  }
  .desk-push-nine-tenths {
    left: 90% !important;
  }
  /**
                 * Twelfths.
                 */
  .desk-push-one-twelfth {
    left: 8.3333333% !important;
  }
  .desk-push-five-twelfths {
    left: 41.6666666% !important;
  }
  .desk-push-seven-twelfths {
    left: 58.3333333% !important;
  }
  .desk-push-eleven-twelfths {
    left: 91.6666666% !important;
  }
}

/*------------------------------------*    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
     * Margin helper classes.
     *
     * Add margins.
     */
.m {
  margin: 20px !important;
}

.mt {
  margin-top: 20px !important;
}

.mr {
  margin-right: 20px !important;
}

.mb, .reception .map .regionNameInfo {
  margin-bottom: 20px !important;
}

.ml, .taglist {
  margin-left: 20px !important;
}

.mh {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.mv {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/**
     * Add tiny margins.
     */
.m-- {
  margin: 5px !important;
}

.mt-- {
  margin-top: 5px !important;
}

.mr-- {
  margin-right: 5px !important;
}

.mb-- {
  margin-bottom: 5px !important;
}

.ml-- {
  margin-left: 5px !important;
}

.mh-- {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.mv-- {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/**
     * Add small margins.
     */
.m- {
  margin: 10px !important;
}

.mt- {
  margin-top: 10px !important;
}

.mr-, .taglist li {
  margin-right: 10px !important;
}

.mb- {
  margin-bottom: 10px !important;
}

.ml- {
  margin-left: 10px !important;
}

.mh- {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.mv- {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

/**
     * Add large margins.
     */
.m\+ {
  margin: 40px !important;
}

.mt\+ {
  margin-top: 40px !important;
}

.mr\+ {
  margin-right: 40px !important;
}

.mb\+ {
  margin-bottom: 40px !important;
}

.ml\+ {
  margin-left: 40px !important;
}

.mh\+ {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.mv\+ {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

/**
     * Add huge margins.
     */
.m\+\+ {
  margin: 80px !important;
}

.mt\+\+ {
  margin-top: 80px !important;
}

.mr\+\+ {
  margin-right: 80px !important;
}

.mb\+\+ {
  margin-bottom: 80px !important;
}

.ml\+\+ {
  margin-left: 80px !important;
}

.mh\+\+ {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.mv\+\+ {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

/**
     * Remove margins.
     */
.m0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

.mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/**
     * Negative margins.
     */
.-m {
  margin: -20px !important;
}

.-mt {
  margin-top: -20px !important;
}

.-mr {
  margin-right: -20px !important;
}

.-mb {
  margin-bottom: -20px !important;
}

.-ml {
  margin-left: -20px !important;
}

.-mh {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.-mv {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

/**
     * Tiny negative margins.
     */
.-m-- {
  margin: -5px !important;
}

.-mt-- {
  margin-top: -5px !important;
}

.-mr-- {
  margin-right: -5px !important;
}

.-mb-- {
  margin-bottom: -5px !important;
}

.-ml-- {
  margin-left: -5px !important;
}

.-mh-- {
  margin-right: -5px !important;
  margin-left: -5px !important;
}

.-mv-- {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

/**
     * Small negative margins.
     */
.-m- {
  margin: -10px !important;
}

.-mt- {
  margin-top: -10px !important;
}

.-mr- {
  margin-right: -10px !important;
}

.-mb- {
  margin-bottom: -10px !important;
}

.-ml- {
  margin-left: -10px !important;
}

.-mh- {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.-mv- {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

/**
     * Large negative margins.
     */
.-m\+ {
  margin: -40px !important;
}

.-mt\+ {
  margin-top: -40px !important;
}

.-mr\+ {
  margin-right: -40px !important;
}

.-mb\+ {
  margin-bottom: -40px !important;
}

.-ml\+ {
  margin-left: -40px !important;
}

.-mh\+ {
  margin-right: -40px !important;
  margin-left: -40px !important;
}

.-mv\+ {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

/**
     * Huge negative margins.
     */
.-m\+\+ {
  margin: -80px !important;
}

.-mt\+\+ {
  margin-top: -80px !important;
}

.-mr\+\+ {
  margin-right: -80px !important;
}

.-mb\+\+ {
  margin-bottom: -80px !important;
}

.-ml\+\+ {
  margin-left: -80px !important;
}

.-mh\+\+ {
  margin-right: -80px !important;
  margin-left: -80px !important;
}

.-mv\+\+ {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}

/**
     * Padding helper classes.
     *
     * Add paddings.
     */
.p {
  padding: 20px !important;
}

.pt, .reception .distibutorsOuter {
  padding-top: 20px !important;
}

.pr, .taglist li {
  padding-right: 20px !important;
}

.pb {
  padding-bottom: 20px !important;
}

.pl {
  padding-left: 20px !important;
}

.ph {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.pv {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/**
     * Add tiny paddings.
     */
.p-- {
  padding: 5px !important;
}

.pt-- {
  padding-top: 5px !important;
}

.pr-- {
  padding-right: 5px !important;
}

.pb-- {
  padding-bottom: 5px !important;
}

.pl-- {
  padding-left: 5px !important;
}

.ph-- {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.pv-- {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/**
     * Add small paddings.
     */
.p- {
  padding: 10px !important;
}

.pt- {
  padding-top: 10px !important;
}

.pr- {
  padding-right: 10px !important;
}

.pb- {
  padding-bottom: 10px !important;
}

.pl- {
  padding-left: 10px !important;
}

.ph- {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.pv- {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/**
     * Add large paddings.
     */
.p\+ {
  padding: 40px !important;
}

.pt\+ {
  padding-top: 40px !important;
}

.pr\+ {
  padding-right: 40px !important;
}

.pb\+ {
  padding-bottom: 40px !important;
}

.pl\+ {
  padding-left: 40px !important;
}

.ph\+ {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.pv\+ {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/**
     * Add huge paddings.
     */
.p\+\+ {
  padding: 80px !important;
}

.pt\+\+ {
  padding-top: 80px !important;
}

.pr\+\+ {
  padding-right: 80px !important;
}

.pb\+\+ {
  padding-bottom: 80px !important;
}

.pl\+\+ {
  padding-left: 80px !important;
}

.ph\+\+ {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.pv\+\+ {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/**
     * Remove paddings.
     */
.p0 {
  padding: 0 !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*------------------------------------*    #SPACING-RESPONSIVE
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
     * Margin helper classes.
     *
     * Add margins.
     */
@media screen and (max-width: 47.99em) {
  .palm-m {
    margin: 20px !important;
  }
  .palm-mt {
    margin-top: 20px !important;
  }
  .palm-mr {
    margin-right: 20px !important;
  }
  .palm-mb {
    margin-bottom: 20px !important;
  }
  .palm-ml {
    margin-left: 20px !important;
  }
  .palm-mh {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .palm-mv {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-m {
    margin: 20px !important;
  }
  .lap-mt {
    margin-top: 20px !important;
  }
  .lap-mr {
    margin-right: 20px !important;
  }
  .lap-mb {
    margin-bottom: 20px !important;
  }
  .lap-ml {
    margin-left: 20px !important;
  }
  .lap-mh {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .lap-mv {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-m {
    margin: 20px !important;
  }
  .portable-mt {
    margin-top: 20px !important;
  }
  .portable-mr {
    margin-right: 20px !important;
  }
  .portable-mb {
    margin-bottom: 20px !important;
  }
  .portable-ml {
    margin-left: 20px !important;
  }
  .portable-mh {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .portable-mv {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m {
    margin: 20px !important;
  }
  .desk-mt {
    margin-top: 20px !important;
  }
  .desk-mr {
    margin-right: 20px !important;
  }
  .desk-mb {
    margin-bottom: 20px !important;
  }
  .desk-ml {
    margin-left: 20px !important;
  }
  .desk-mh {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }
  .desk-mv {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}

/**
     * Add tiny margins.
     */
@media screen and (max-width: 47.99em) {
  .palm-m-- {
    margin: 5px !important;
  }
  .palm-mt-- {
    margin-top: 5px !important;
  }
  .palm-mr-- {
    margin-right: 5px !important;
  }
  .palm-mb-- {
    margin-bottom: 5px !important;
  }
  .palm-ml-- {
    margin-left: 5px !important;
  }
  .palm-mh-- {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .palm-mv-- {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-m-- {
    margin: 5px !important;
  }
  .lap-mt-- {
    margin-top: 5px !important;
  }
  .lap-mr-- {
    margin-right: 5px !important;
  }
  .lap-mb-- {
    margin-bottom: 5px !important;
  }
  .lap-ml-- {
    margin-left: 5px !important;
  }
  .lap-mh-- {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .lap-mv-- {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-m-- {
    margin: 5px !important;
  }
  .portable-mt-- {
    margin-top: 5px !important;
  }
  .portable-mr-- {
    margin-right: 5px !important;
  }
  .portable-mb-- {
    margin-bottom: 5px !important;
  }
  .portable-ml-- {
    margin-left: 5px !important;
  }
  .portable-mh-- {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .portable-mv-- {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m-- {
    margin: 5px !important;
  }
  .desk-mt-- {
    margin-top: 5px !important;
  }
  .desk-mr-- {
    margin-right: 5px !important;
  }
  .desk-mb-- {
    margin-bottom: 5px !important;
  }
  .desk-ml-- {
    margin-left: 5px !important;
  }
  .desk-mh-- {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }
  .desk-mv-- {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
}

/**
     * Add small margins.
     */
@media screen and (max-width: 47.99em) {
  .palm-m- {
    margin: 10px !important;
  }
  .palm-mt- {
    margin-top: 10px !important;
  }
  .palm-mr- {
    margin-right: 10px !important;
  }
  .palm-mb- {
    margin-bottom: 10px !important;
  }
  .palm-ml- {
    margin-left: 10px !important;
  }
  .palm-mh- {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .palm-mv- {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-m- {
    margin: 10px !important;
  }
  .lap-mt- {
    margin-top: 10px !important;
  }
  .lap-mr- {
    margin-right: 10px !important;
  }
  .lap-mb- {
    margin-bottom: 10px !important;
  }
  .lap-ml- {
    margin-left: 10px !important;
  }
  .lap-mh- {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .lap-mv- {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-m- {
    margin: 10px !important;
  }
  .portable-mt- {
    margin-top: 10px !important;
  }
  .portable-mr- {
    margin-right: 10px !important;
  }
  .portable-mb- {
    margin-bottom: 10px !important;
  }
  .portable-ml- {
    margin-left: 10px !important;
  }
  .portable-mh- {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .portable-mv- {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m- {
    margin: 10px !important;
  }
  .desk-mt- {
    margin-top: 10px !important;
  }
  .desk-mr- {
    margin-right: 10px !important;
  }
  .desk-mb- {
    margin-bottom: 10px !important;
  }
  .desk-ml- {
    margin-left: 10px !important;
  }
  .desk-mh- {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  .desk-mv- {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
}

/**
     * Add large margins.
     */
@media screen and (max-width: 47.99em) {
  .palm-m\+ {
    margin: 40px !important;
  }
  .palm-mt\+ {
    margin-top: 40px !important;
  }
  .palm-mr\+ {
    margin-right: 40px !important;
  }
  .palm-mb\+ {
    margin-bottom: 40px !important;
  }
  .palm-ml\+ {
    margin-left: 40px !important;
  }
  .palm-mh\+ {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .palm-mv\+ {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-m\+ {
    margin: 40px !important;
  }
  .lap-mt\+ {
    margin-top: 40px !important;
  }
  .lap-mr\+ {
    margin-right: 40px !important;
  }
  .lap-mb\+ {
    margin-bottom: 40px !important;
  }
  .lap-ml\+ {
    margin-left: 40px !important;
  }
  .lap-mh\+ {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .lap-mv\+ {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-m\+ {
    margin: 40px !important;
  }
  .portable-mt\+ {
    margin-top: 40px !important;
  }
  .portable-mr\+ {
    margin-right: 40px !important;
  }
  .portable-mb\+ {
    margin-bottom: 40px !important;
  }
  .portable-ml\+ {
    margin-left: 40px !important;
  }
  .portable-mh\+ {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .portable-mv\+ {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m\+ {
    margin: 40px !important;
  }
  .desk-mt\+ {
    margin-top: 40px !important;
  }
  .desk-mr\+ {
    margin-right: 40px !important;
  }
  .desk-mb\+ {
    margin-bottom: 40px !important;
  }
  .desk-ml\+ {
    margin-left: 40px !important;
  }
  .desk-mh\+ {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  .desk-mv\+ {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
}

/**
     * Add huge margins.
     */
@media screen and (max-width: 47.99em) {
  .palm-m\+\+ {
    margin: 80px !important;
  }
  .palm-mt\+\+ {
    margin-top: 80px !important;
  }
  .palm-mr\+\+ {
    margin-right: 80px !important;
  }
  .palm-mb\+\+ {
    margin-bottom: 80px !important;
  }
  .palm-ml\+\+ {
    margin-left: 80px !important;
  }
  .palm-mh\+\+ {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .palm-mv\+\+ {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-m\+\+ {
    margin: 80px !important;
  }
  .lap-mt\+\+ {
    margin-top: 80px !important;
  }
  .lap-mr\+\+ {
    margin-right: 80px !important;
  }
  .lap-mb\+\+ {
    margin-bottom: 80px !important;
  }
  .lap-ml\+\+ {
    margin-left: 80px !important;
  }
  .lap-mh\+\+ {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .lap-mv\+\+ {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-m\+\+ {
    margin: 80px !important;
  }
  .portable-mt\+\+ {
    margin-top: 80px !important;
  }
  .portable-mr\+\+ {
    margin-right: 80px !important;
  }
  .portable-mb\+\+ {
    margin-bottom: 80px !important;
  }
  .portable-ml\+\+ {
    margin-left: 80px !important;
  }
  .portable-mh\+\+ {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .portable-mv\+\+ {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m\+\+ {
    margin: 80px !important;
  }
  .desk-mt\+\+ {
    margin-top: 80px !important;
  }
  .desk-mr\+\+ {
    margin-right: 80px !important;
  }
  .desk-mb\+\+ {
    margin-bottom: 80px !important;
  }
  .desk-ml\+\+ {
    margin-left: 80px !important;
  }
  .desk-mh\+\+ {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }
  .desk-mv\+\+ {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
}

/**
     * Remove margins.
     */
@media screen and (max-width: 47.99em) {
  .palm-m0 {
    margin: 0 !important;
  }
  .palm-mt0 {
    margin-top: 0 !important;
  }
  .palm-mr0 {
    margin-right: 0 !important;
  }
  .palm-mb0 {
    margin-bottom: 0 !important;
  }
  .palm-ml0 {
    margin-left: 0 !important;
  }
  .palm-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .palm-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-m0 {
    margin: 0 !important;
  }
  .lap-mt0 {
    margin-top: 0 !important;
  }
  .lap-mr0 {
    margin-right: 0 !important;
  }
  .lap-mb0 {
    margin-bottom: 0 !important;
  }
  .lap-ml0 {
    margin-left: 0 !important;
  }
  .lap-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .lap-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-m0 {
    margin: 0 !important;
  }
  .portable-mt0 {
    margin-top: 0 !important;
  }
  .portable-mr0 {
    margin-right: 0 !important;
  }
  .portable-mb0 {
    margin-bottom: 0 !important;
  }
  .portable-ml0 {
    margin-left: 0 !important;
  }
  .portable-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .portable-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-m0 {
    margin: 0 !important;
  }
  .desk-mt0 {
    margin-top: 0 !important;
  }
  .desk-mr0 {
    margin-right: 0 !important;
  }
  .desk-mb0 {
    margin-bottom: 0 !important;
  }
  .desk-ml0 {
    margin-left: 0 !important;
  }
  .desk-mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .desk-mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/**
     * Padding helper classes.
     *
     * Add paddings.
     */
@media screen and (max-width: 47.99em) {
  .palm-p {
    padding: 20px !important;
  }
  .palm-pt {
    padding-top: 20px !important;
  }
  .palm-pr {
    padding-right: 20px !important;
  }
  .palm-pb {
    padding-bottom: 20px !important;
  }
  .palm-pl {
    padding-left: 20px !important;
  }
  .palm-ph {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .palm-pv {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-p {
    padding: 20px !important;
  }
  .lap-pt {
    padding-top: 20px !important;
  }
  .lap-pr {
    padding-right: 20px !important;
  }
  .lap-pb {
    padding-bottom: 20px !important;
  }
  .lap-pl {
    padding-left: 20px !important;
  }
  .lap-ph {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .lap-pv {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-p {
    padding: 20px !important;
  }
  .portable-pt {
    padding-top: 20px !important;
  }
  .portable-pr {
    padding-right: 20px !important;
  }
  .portable-pb {
    padding-bottom: 20px !important;
  }
  .portable-pl {
    padding-left: 20px !important;
  }
  .portable-ph {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .portable-pv {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-p {
    padding: 20px !important;
  }
  .desk-pt {
    padding-top: 20px !important;
  }
  .desk-pr {
    padding-right: 20px !important;
  }
  .desk-pb {
    padding-bottom: 20px !important;
  }
  .desk-pl {
    padding-left: 20px !important;
  }
  .desk-ph {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .desk-pv {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

/**
     * Add tiny paddings.
     */
@media screen and (max-width: 47.99em) {
  .palm-p-- {
    padding: 5px !important;
  }
  .palm-pt-- {
    padding-top: 5px !important;
  }
  .palm-pr-- {
    padding-right: 5px !important;
  }
  .palm-pb-- {
    padding-bottom: 5px !important;
  }
  .palm-pl-- {
    padding-left: 5px !important;
  }
  .palm-ph-- {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .palm-pv-- {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-p-- {
    padding: 5px !important;
  }
  .lap-pt-- {
    padding-top: 5px !important;
  }
  .lap-pr-- {
    padding-right: 5px !important;
  }
  .lap-pb-- {
    padding-bottom: 5px !important;
  }
  .lap-pl-- {
    padding-left: 5px !important;
  }
  .lap-ph-- {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .lap-pv-- {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-p-- {
    padding: 5px !important;
  }
  .portable-pt-- {
    padding-top: 5px !important;
  }
  .portable-pr-- {
    padding-right: 5px !important;
  }
  .portable-pb-- {
    padding-bottom: 5px !important;
  }
  .portable-pl-- {
    padding-left: 5px !important;
  }
  .portable-ph-- {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .portable-pv-- {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-p-- {
    padding: 5px !important;
  }
  .desk-pt-- {
    padding-top: 5px !important;
  }
  .desk-pr-- {
    padding-right: 5px !important;
  }
  .desk-pb-- {
    padding-bottom: 5px !important;
  }
  .desk-pl-- {
    padding-left: 5px !important;
  }
  .desk-ph-- {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  .desk-pv-- {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}

/**
     * Add small paddings.
     */
@media screen and (max-width: 47.99em) {
  .palm-p- {
    padding: 10px !important;
  }
  .palm-pt- {
    padding-top: 10px !important;
  }
  .palm-pr- {
    padding-right: 10px !important;
  }
  .palm-pb- {
    padding-bottom: 10px !important;
  }
  .palm-pl- {
    padding-left: 10px !important;
  }
  .palm-ph- {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .palm-pv- {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-p- {
    padding: 10px !important;
  }
  .lap-pt- {
    padding-top: 10px !important;
  }
  .lap-pr- {
    padding-right: 10px !important;
  }
  .lap-pb- {
    padding-bottom: 10px !important;
  }
  .lap-pl- {
    padding-left: 10px !important;
  }
  .lap-ph- {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .lap-pv- {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-p- {
    padding: 10px !important;
  }
  .portable-pt- {
    padding-top: 10px !important;
  }
  .portable-pr- {
    padding-right: 10px !important;
  }
  .portable-pb- {
    padding-bottom: 10px !important;
  }
  .portable-pl- {
    padding-left: 10px !important;
  }
  .portable-ph- {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .portable-pv- {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-p- {
    padding: 10px !important;
  }
  .desk-pt- {
    padding-top: 10px !important;
  }
  .desk-pr- {
    padding-right: 10px !important;
  }
  .desk-pb- {
    padding-bottom: 10px !important;
  }
  .desk-pl- {
    padding-left: 10px !important;
  }
  .desk-ph- {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  .desk-pv- {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}

/**
     * Add large paddings.
     */
@media screen and (max-width: 47.99em) {
  .palm-p\+ {
    padding: 40px !important;
  }
  .palm-pt\+ {
    padding-top: 40px !important;
  }
  .palm-pr\+ {
    padding-right: 40px !important;
  }
  .palm-pb\+ {
    padding-bottom: 40px !important;
  }
  .palm-pl\+ {
    padding-left: 40px !important;
  }
  .palm-ph\+ {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .palm-pv\+ {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-p\+ {
    padding: 40px !important;
  }
  .lap-pt\+ {
    padding-top: 40px !important;
  }
  .lap-pr\+ {
    padding-right: 40px !important;
  }
  .lap-pb\+ {
    padding-bottom: 40px !important;
  }
  .lap-pl\+ {
    padding-left: 40px !important;
  }
  .lap-ph\+ {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .lap-pv\+ {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-p\+ {
    padding: 40px !important;
  }
  .portable-pt\+ {
    padding-top: 40px !important;
  }
  .portable-pr\+ {
    padding-right: 40px !important;
  }
  .portable-pb\+ {
    padding-bottom: 40px !important;
  }
  .portable-pl\+ {
    padding-left: 40px !important;
  }
  .portable-ph\+ {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .portable-pv\+ {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-p\+ {
    padding: 40px !important;
  }
  .desk-pt\+ {
    padding-top: 40px !important;
  }
  .desk-pr\+ {
    padding-right: 40px !important;
  }
  .desk-pb\+ {
    padding-bottom: 40px !important;
  }
  .desk-pl\+ {
    padding-left: 40px !important;
  }
  .desk-ph\+ {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .desk-pv\+ {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/**
     * Add huge paddings.
     */
@media screen and (max-width: 47.99em) {
  .palm-p\+\+ {
    padding: 80px !important;
  }
  .palm-pt\+\+ {
    padding-top: 80px !important;
  }
  .palm-pr\+\+ {
    padding-right: 80px !important;
  }
  .palm-pb\+\+ {
    padding-bottom: 80px !important;
  }
  .palm-pl\+\+ {
    padding-left: 80px !important;
  }
  .palm-ph\+\+ {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .palm-pv\+\+ {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-p\+\+ {
    padding: 80px !important;
  }
  .lap-pt\+\+ {
    padding-top: 80px !important;
  }
  .lap-pr\+\+ {
    padding-right: 80px !important;
  }
  .lap-pb\+\+ {
    padding-bottom: 80px !important;
  }
  .lap-pl\+\+ {
    padding-left: 80px !important;
  }
  .lap-ph\+\+ {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .lap-pv\+\+ {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-p\+\+ {
    padding: 80px !important;
  }
  .portable-pt\+\+ {
    padding-top: 80px !important;
  }
  .portable-pr\+\+ {
    padding-right: 80px !important;
  }
  .portable-pb\+\+ {
    padding-bottom: 80px !important;
  }
  .portable-pl\+\+ {
    padding-left: 80px !important;
  }
  .portable-ph\+\+ {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .portable-pv\+\+ {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-p\+\+ {
    padding: 80px !important;
  }
  .desk-pt\+\+ {
    padding-top: 80px !important;
  }
  .desk-pr\+\+ {
    padding-right: 80px !important;
  }
  .desk-pb\+\+ {
    padding-bottom: 80px !important;
  }
  .desk-pl\+\+ {
    padding-left: 80px !important;
  }
  .desk-ph\+\+ {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }
  .desk-pv\+\+ {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/**
     * Remove paddings.
     */
@media screen and (max-width: 47.99em) {
  .palm-p0 {
    padding: 0 !important;
  }
  .palm-pt0 {
    padding-top: 0 !important;
  }
  .palm-pr0 {
    padding-right: 0 !important;
  }
  .palm-pb0 {
    padding-bottom: 0 !important;
  }
  .palm-pl0 {
    padding-left: 0 !important;
  }
  .palm-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .palm-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-p0 {
    padding: 0 !important;
  }
  .lap-pt0 {
    padding-top: 0 !important;
  }
  .lap-pr0 {
    padding-right: 0 !important;
  }
  .lap-pb0 {
    padding-bottom: 0 !important;
  }
  .lap-pl0 {
    padding-left: 0 !important;
  }
  .lap-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .lap-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-p0 {
    padding: 0 !important;
  }
  .portable-pt0 {
    padding-top: 0 !important;
  }
  .portable-pr0 {
    padding-right: 0 !important;
  }
  .portable-pb0 {
    padding-bottom: 0 !important;
  }
  .portable-pl0 {
    padding-left: 0 !important;
  }
  .portable-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .portable-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-p0 {
    padding: 0 !important;
  }
  .desk-pt0 {
    padding-top: 0 !important;
  }
  .desk-pr0 {
    padding-right: 0 !important;
  }
  .desk-pb0 {
    padding-bottom: 0 !important;
  }
  .desk-pl0 {
    padding-left: 0 !important;
  }
  .desk-ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .desk-pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/*------------------------------------*    #FLOAT
\*------------------------------------*/
/**
 * Floats
 */
.float--left, .taglist li {
  float: left !important;
}

.float--right {
  float: right !important;
}

.float--none {
  float: none !important;
}

/*------------------------------------*    #TEXT-ALIGN
\*------------------------------------*/
/**
 * Text align
 */
.text--left {
  text-align: left !important;
}

.text--right {
  text-align: right !important;
}

.text--center {
  text-align: center !important;
}

/*------------------------------------*    #HIDE
\*------------------------------------*/
/**
 * Hide elements on certain breakpoints.
 */
@media screen and (max-width: 47.99em) {
  
  .palm-hide {
    display: none;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  
  .lap-hide {
    display: none;
  }
}

@media screen and (max-width: 63.99em) {
  
  .portable-hide {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  
  .desk-hide {
    display: none;
  }
}

/**
  Trumps: BackgroundColor
*/
.bg--transparent {
  background-color: transparent !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--transparent {
    background-color: transparent !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--transparent {
    background-color: transparent !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--transparent {
    background-color: transparent !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--transparent {
    background-color: transparent !important;
  }
}

.bg--black {
  background-color: #000 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--black {
    background-color: #000 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--black {
    background-color: #000 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--black {
    background-color: #000 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--black {
    background-color: #000 !important;
  }
}

.bg--gray-dark {
  background-color: #232323 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--gray-dark {
    background-color: #232323 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--gray-dark {
    background-color: #232323 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--gray-dark {
    background-color: #232323 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--gray-dark {
    background-color: #232323 !important;
  }
}

.bg--gray {
  background-color: #404040 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--gray {
    background-color: #404040 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--gray {
    background-color: #404040 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--gray {
    background-color: #404040 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--gray {
    background-color: #404040 !important;
  }
}

.bg--gray-75 {
  background-color: #808080 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--gray-75 {
    background-color: #808080 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--gray-75 {
    background-color: #808080 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--gray-75 {
    background-color: #808080 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--gray-75 {
    background-color: #808080 !important;
  }
}

.bg--gray-light {
  background-color: #b5b5b5 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--gray-light {
    background-color: #b5b5b5 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--gray-light {
    background-color: #b5b5b5 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--gray-light {
    background-color: #b5b5b5 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--gray-light {
    background-color: #b5b5b5 !important;
  }
}

.bg--gray-lighter {
  background-color: #f3f3f3 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--gray-lighter {
    background-color: #f3f3f3 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--gray-lighter {
    background-color: #f3f3f3 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--gray-lighter {
    background-color: #f3f3f3 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--gray-lighter {
    background-color: #f3f3f3 !important;
  }
}

.bg--green {
  background-color: #41933d !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--green {
    background-color: #41933d !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--green {
    background-color: #41933d !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--green {
    background-color: #41933d !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--green {
    background-color: #41933d !important;
  }
}

.bg--green-light {
  background-color: #63c22b !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--green-light {
    background-color: #63c22b !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--green-light {
    background-color: #63c22b !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--green-light {
    background-color: #63c22b !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--green-light {
    background-color: #63c22b !important;
  }
}

.bg--red {
  background-color: #c00 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--red {
    background-color: #c00 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--red {
    background-color: #c00 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--red {
    background-color: #c00 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--red {
    background-color: #c00 !important;
  }
}

.bg--red-light {
  background-color: #eb3333 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--red-light {
    background-color: #eb3333 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--red-light {
    background-color: #eb3333 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--red-light {
    background-color: #eb3333 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--red-light {
    background-color: #eb3333 !important;
  }
}

.bg--orange {
  background-color: #f7a600 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--orange {
    background-color: #f7a600 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--orange {
    background-color: #f7a600 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--orange {
    background-color: #f7a600 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--orange {
    background-color: #f7a600 !important;
  }
}

.bg--orange-light {
  background-color: #ffa800 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--orange-light {
    background-color: #ffa800 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--orange-light {
    background-color: #ffa800 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--orange-light {
    background-color: #ffa800 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--orange-light {
    background-color: #ffa800 !important;
  }
}

.bg--orange-lighter {
  background-color: #fbba21 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--orange-lighter {
    background-color: #fbba21 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--orange-lighter {
    background-color: #fbba21 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--orange-lighter {
    background-color: #fbba21 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--orange-lighter {
    background-color: #fbba21 !important;
  }
}

.bg--yellow {
  background-color: #ffc53e !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--yellow {
    background-color: #ffc53e !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--yellow {
    background-color: #ffc53e !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--yellow {
    background-color: #ffc53e !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--yellow {
    background-color: #ffc53e !important;
  }
}

.bg--yellow-light {
  background-color: #fffc93 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--yellow-light {
    background-color: #fffc93 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--yellow-light {
    background-color: #fffc93 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--yellow-light {
    background-color: #fffc93 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--yellow-light {
    background-color: #fffc93 !important;
  }
}

.bg--yellow-lighter {
  background-color: #fff276 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--yellow-lighter {
    background-color: #fff276 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--yellow-lighter {
    background-color: #fff276 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--yellow-lighter {
    background-color: #fff276 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--yellow-lighter {
    background-color: #fff276 !important;
  }
}

.bg--blue-dark {
  background-color: #00489a !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--blue-dark {
    background-color: #00489a !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--blue-dark {
    background-color: #00489a !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--blue-dark {
    background-color: #00489a !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--blue-dark {
    background-color: #00489a !important;
  }
}

.bg--blue {
  background-color: #467ec7 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--blue {
    background-color: #467ec7 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--blue {
    background-color: #467ec7 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--blue {
    background-color: #467ec7 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--blue {
    background-color: #467ec7 !important;
  }
}

.bg--blue-light {
  background-color: #76acea !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--blue-light {
    background-color: #76acea !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--blue-light {
    background-color: #76acea !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--blue-light {
    background-color: #76acea !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--blue-light {
    background-color: #76acea !important;
  }
}

.bg--blue-lighter {
  background-color: #dae9f9 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--blue-lighter {
    background-color: #dae9f9 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--blue-lighter {
    background-color: #dae9f9 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--blue-lighter {
    background-color: #dae9f9 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--blue-lighter {
    background-color: #dae9f9 !important;
  }
}

.bg--blue-lightest {
  background-color: #ebf2fa !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--blue-lightest {
    background-color: #ebf2fa !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--blue-lightest {
    background-color: #ebf2fa !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--blue-lightest {
    background-color: #ebf2fa !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--blue-lightest {
    background-color: #ebf2fa !important;
  }
}

.bg--white {
  background-color: #fff !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bg--white {
    background-color: #fff !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bg--white {
    background-color: #fff !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bg--white {
    background-color: #fff !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bg--white {
    background-color: #fff !important;
  }
}

.bg--green-light {
  background-color: #63c22b !important;
}

.bg--red-alert {
  background-color: #e43935 !important;
}

.bg--warning-green {
  background-color: #63c22b !important;
}

.bg--warning-yellow {
  background-color: #fffc93 !important;
}

.bg--warning-red {
  background-color: #e43935 !important;
}

.bg--warning-green:hover {
  background-color: #41933d !important;
}

.bg--warning-yellow:hover {
  background-color: #ffe754 !important;
}

.bg--warning-red:hover {
  background-color: #b01c19 !important;
}

/**
  Trumps: Border
*/
.border--grey {
  border: 1px solid #d7d7d7;
}

.detail-time .border--grey {
  border-top: 0;
}

.bottom-border--white {
  border-bottom: 1px solid #fff;
}

.left-border--white-20 {
  border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-left-border--white-20 {
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-left-border--white-20 {
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-left-border--white-20 {
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-left-border--white-20 {
    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

.right-border--white-20 {
  border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-right-border--white-20 {
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-right-border--white-20 {
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-right-border--white-20 {
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-right-border--white-20 {
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

.top-border--white-20 {
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-top-border--white-20 {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-top-border--white-20 {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-top-border--white-20 {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-top-border--white-20 {
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

.bottom-border--white-20 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bottom-border--white-20 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bottom-border--white-20 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bottom-border--white-20 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bottom-border--white-20 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
  }
}

.left-border--white-30 {
  border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-left-border--white-30 {
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-left-border--white-30 {
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-left-border--white-30 {
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-left-border--white-30 {
    border-left: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

.right-border--white-30 {
  border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-right-border--white-30 {
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-right-border--white-30 {
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-right-border--white-30 {
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-right-border--white-30 {
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

.top-border--white-30 {
  border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-top-border--white-30 {
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-top-border--white-30 {
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-top-border--white-30 {
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-top-border--white-30 {
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

.bottom-border--white-30 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bottom-border--white-30 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bottom-border--white-30 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bottom-border--white-30 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bottom-border--white-30 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  }
}

.left-border--grey {
  border-left: 1px solid #d7d7d7 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-left-border--grey {
    border-left: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-left-border--grey {
    border-left: 1px solid #d7d7d7 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-left-border--grey {
    border-left: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-left-border--grey {
    border-left: 1px solid #d7d7d7 !important;
  }
}

.right-border--grey {
  border-right: 1px solid #d7d7d7 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-right-border--grey {
    border-right: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-right-border--grey {
    border-right: 1px solid #d7d7d7 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-right-border--grey {
    border-right: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-right-border--grey {
    border-right: 1px solid #d7d7d7 !important;
  }
}

.top-border--grey {
  border-top: 1px solid #d7d7d7 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-top-border--grey {
    border-top: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-top-border--grey {
    border-top: 1px solid #d7d7d7 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-top-border--grey {
    border-top: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-top-border--grey {
    border-top: 1px solid #d7d7d7 !important;
  }
}

.bottom-border--grey {
  border-bottom: 1px solid #d7d7d7 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bottom-border--grey {
    border-bottom: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bottom-border--grey {
    border-bottom: 1px solid #d7d7d7 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bottom-border--grey {
    border-bottom: 1px solid #d7d7d7 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bottom-border--grey {
    border-bottom: 1px solid #d7d7d7 !important;
  }
}

.right-border--white {
  border-right: 1px solid #fff !important;
}

@media screen and (max-width: 63.99em) {
  .portable-right-border--white {
    border-right: 1px solid #fff !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-right-border--white {
    border-right: 1px solid #fff !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-right-border--white {
    border-right: 1px solid #fff !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-right-border--white {
    border-right: 1px solid #fff !important;
  }
}

.bottom-border--white {
  border-bottom: 1px solid #fff !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bottom-border--white {
    border-bottom: 1px solid #fff !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bottom-border--white {
    border-bottom: 1px solid #fff !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bottom-border--white {
    border-bottom: 1px solid #fff !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bottom-border--white {
    border-bottom: 1px solid #fff !important;
  }
}

.left-border--blue-dark {
  border-left: 1px solid #00489a !important;
}

@media screen and (max-width: 63.99em) {
  .portable-left-border--blue-dark {
    border-left: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-left-border--blue-dark {
    border-left: 1px solid #00489a !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-left-border--blue-dark {
    border-left: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-left-border--blue-dark {
    border-left: 1px solid #00489a !important;
  }
}

.right-border--blue-dark {
  border-right: 1px solid #00489a !important;
}

@media screen and (max-width: 63.99em) {
  .portable-right-border--blue-dark {
    border-right: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-right-border--blue-dark {
    border-right: 1px solid #00489a !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-right-border--blue-dark {
    border-right: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-right-border--blue-dark {
    border-right: 1px solid #00489a !important;
  }
}

.top-border--blue-dark {
  border-top: 1px solid #00489a !important;
}

@media screen and (max-width: 63.99em) {
  .portable-top-border--blue-dark {
    border-top: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-top-border--blue-dark {
    border-top: 1px solid #00489a !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-top-border--blue-dark {
    border-top: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-top-border--blue-dark {
    border-top: 1px solid #00489a !important;
  }
}

.bottom-border--blue-dark {
  border-bottom: 1px solid #00489a !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bottom-border--blue-dark {
    border-bottom: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bottom-border--blue-dark {
    border-bottom: 1px solid #00489a !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bottom-border--blue-dark {
    border-bottom: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bottom-border--blue-dark {
    border-bottom: 1px solid #00489a !important;
  }
}

.bottom--blue-dark {
  border: 1px solid #00489a !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bottom--blue-dark {
    border: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bottom--blue-dark {
    border: 1px solid #00489a !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bottom--blue-dark {
    border: 1px solid #00489a !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bottom--blue-dark {
    border: 1px solid #00489a !important;
  }
}

.left-border--blue-light {
  border-left: 1px solid #76acea !important;
}

@media screen and (max-width: 63.99em) {
  .portable-left-border--blue-light {
    border-left: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-left-border--blue-light {
    border-left: 1px solid #76acea !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-left-border--blue-light {
    border-left: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-left-border--blue-light {
    border-left: 1px solid #76acea !important;
  }
}

.right-border--blue-light {
  border-right: 1px solid #76acea !important;
}

@media screen and (max-width: 63.99em) {
  .portable-right-border--blue-light {
    border-right: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-right-border--blue-light {
    border-right: 1px solid #76acea !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-right-border--blue-light {
    border-right: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-right-border--blue-light {
    border-right: 1px solid #76acea !important;
  }
}

.top-border--blue-light {
  border-top: 1px solid #76acea !important;
}

@media screen and (max-width: 63.99em) {
  .portable-top-border--blue-light {
    border-top: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-top-border--blue-light {
    border-top: 1px solid #76acea !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-top-border--blue-light {
    border-top: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-top-border--blue-light {
    border-top: 1px solid #76acea !important;
  }
}

.bottom-border--blue-light {
  border-bottom: 1px solid #76acea !important;
}

@media screen and (max-width: 63.99em) {
  .portable-bottom-border--blue-light {
    border-bottom: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-bottom-border--blue-light {
    border-bottom: 1px solid #76acea !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-bottom-border--blue-light {
    border-bottom: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-bottom-border--blue-light {
    border-bottom: 1px solid #76acea !important;
  }
}

.border--blue-light {
  border: 1px solid #76acea !important;
}

@media screen and (max-width: 63.99em) {
  .portable-border--blue-light {
    border: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-border--blue-light {
    border: 1px solid #76acea !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-border--blue-light {
    border: 1px solid #76acea !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-border--blue-light {
    border: 1px solid #76acea !important;
  }
}

.left-border--blue {
  border-left: 1px solid #467ec7;
}

.right-border--blue {
  border-right: 1px solid #467ec7;
}

.bottom-border--blue {
  border-bottom: 1px solid #ebf2fa;
}

.bottom-border--none {
  border-bottom: none !important;
}

@media screen and (min-width: 64em) {
  .desk-no-border {
    border: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-no-border {
    border: none !important;
  }
}

.no-border {
  border: none !important;
}

.border--medium {
  border-width: 4px;
}

.noborder {
  border: none !important;
}

.top-border-2--darkblue {
  border-top: 2px solid #00489a;
}

.right-border-2--darkblue {
  border-right: 2px solid #00489a;
}

.bottom-border-2--darkblue {
  border-bottom: 2px solid #00489a;
}

.left-border-2--darkblue {
  border-left: 2px solid #00489a;
}

/**
  Trumps: Cursor
*/
.cursor--pointer {
  cursor: pointer;
}

/**
  Trumps: Hide/Show
*/
.hide {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
}

.block {
  display: block;
}

.printable .print-no-overflow {
  display: inline-table !important;
}

@media screen and (max-width: 47.99em) {
  .palm-block {
    display: block !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-block {
    display: block !important;
  }
}

.inline-block {
  display: inline-block;
}

.middle-center {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.inline {
  display: inline;
}

.table {
  display: table;
}

.table--middle .table-cell {
  vertical-align: middle;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 47.99em) {
  .flex-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.clear--both {
  clear: both;
}

@media screen and (max-width: 63.99em) {
  .portable-flex-horizontal {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 64em) {
  .desk-flex-gb > div {
    margin-top: auto;
  }
}

.flex-left-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
}

.flex-left-grow > div {
  margin-left: auto;
  margin-right: auto;
}

.flex-middle-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.flex-middle-grow > div {
  margin-left: auto;
  margin-right: auto;
}

.nowrap {
  white-space: nowrap;
}

.middle {
  vertical-align: middle !important;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.center.flag,
.center .flag__body {
  width: auto;
}

.absolute {
  position: absolute;
}

.absolute--bottom {
  bottom: 0;
}

.absolute--right {
  right: 0;
}

.absolute--left {
  left: 0;
}

.absolute--top {
  top: 0;
}

@media screen and (min-width: 64em) {
  .desk-absolute--bottom {
    position: absolute;
    bottom: 0;
  }
}

.relative {
  position: relative;
}

.static {
  position: static;
}

@media screen and (max-width: 47.99em) {
  .palm-relative {
    position: relative;
  }
}

.flip {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.no-carpet {
  text-decoration: none !important;
}

.no-carpet:hover {
  text-decoration: none !important;
}

.vertical--top {
  vertical-align: top;
}

.vertical--sub {
  vertical-align: sub;
}

.vertical--bottom {
  vertical-align: bottom;
}

.vertical--middle {
  vertical-align: middle;
}

@media screen and (max-width: 63.99em) {
  .portable-pack--auto {
    table-layout: auto;
  }
}

.float--left, .taglist li {
  float: left;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-float--left {
    float: left;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-float--right {
    float: right;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-float--left {
    float: left !important;
  }
}

.float--right {
  float: right;
}

.flag--auto-width,
.flag--auto-width .flag__img,
.flag--auto-width .flag__body {
  width: auto !important;
}

.flag--min-height .flag__img {
  height: 38px !important;
}

.pack--auto-width,
.pack--auto-width .pack__item {
  width: auto !important;
}

@media screen and (min-width: 64em) {
  .desk-pack--auto-width {
    width: auto !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-pack--auto-width,
  .lap-pack--auto-width .pack__item {
    width: auto !important;
  }
}

.height-100 {
  height: 100%;
}

.width-100 {
  width: 100%;
}

.min-height-600 {
  min-height: 640px;
}

.width--120 {
  min-width: 120px;
  width: 120px;
  max-width: 120px;
}

.width--250 {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
}

.width--auto {
  width: auto !important;
}

.height--auto {
  height: auto !important;
}

.text--right {
  text-align: right;
}

.text--left {
  text-align: left;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--left {
    text-align: left !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--right {
    text-align: right !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--left {
    text-align: left !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--right {
    text-align: right !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-text--center {
    text-align: center;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--center {
    text-align: center;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--center {
    text-align: center;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--right {
    text-align: right;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--left {
    text-align: left;
  }
}

.text--justify {
  text-align: justify !important;
}

.zIndex--1 {
  z-index: 1;
}

.zIndex--2 {
  z-index: 2;
}

.zIndex--3 {
  z-index: 3;
}

.zIndex--101 {
  z-index: 101;
}

.-mt {
  margin-top: -20px;
}

.mb30 {
  margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
  .desk-hide {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-hide {
    display: none !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-hide {
    display: none !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-hide {
    display: none !important;
  }
}

.has-fireplace .fireplace-hide {
  display: none !important;
}

.has-halfpage .halfpage-hide {
  display: none !important;
}

.is-open .open-hide {
  display: none !important;
}

.open-show {
  display: none !important;
}

.is-open .open-show {
  display: block !important;
}

.no-user-select {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.no-user-select * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.line-height--normal {
  line-height: 15px;
}

.line-height--flush {
  line-height: 1px;
}

.hide-overflow {
  overflow: hidden;
}

.max-width--flush {
  max-width: none !important;
}

@media screen and (max-width: 47.99em) {
  .palm-max-width--flush {
    max-width: none !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-max-width--flush {
    max-width: none !important;
  }
}

.text-icon-line {
  position: relative;
  top: -15px;
}

.text-icon-line span {
  position: relative;
  top: 9px;
}

.list-bare--pb li {
  padding-bottom: 20px;
}

.has-fireplace .empty-search .search-form {
  width: 100% !important;
}

/**
  Trumps: LineHeight
*/
.lh16 {
  line-height: 16px;
}

@media screen and (max-width: 47.99em) {
  .lh16.palm-text--small {
    line-height: 14px;
  }
}

.lh20 {
  line-height: 20px;
}

.lh24 {
  line-height: 24px;
}

.lh34 {
  line-height: 34px;
}

.lh60 {
  line-height: 60px;
}

.lh84 {
  line-height: 84px;
}

/**
  Trumps: Display
*/
@media screen and (min-width: 64em) {
  .desk-block {
    display: block;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-block {
    display: block;
  }
}

@media screen and (min-width: 64em) {
  .desk-float--left {
    float: left !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-float--right {
    float: right !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-float--right {
    float: right !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--left {
    text-align: left !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--center {
    text-align: center !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-flag__body {
    display: table-cell;
    width: 100%;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-pack {
    width: 100%;
    display: table;
    table-layout: fixed;
  }
}

@media screen and (min-width: 64em) {
  .desk-pack__item {
    display: table-cell;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-pack__item {
    display: table-cell;
  }
}

.ie8 .js-scroll {
  display: none;
}

.eol {
  display: none;
  background-color: #f7a600;
  height: 460px;
  width: 700px;
  padding: 20px;
  position: absolute;
  z-index: 10000;
  left: 45%;
  margin-left: -300px;
  top: 200px;
  border: 2px solid #00489a;
}

.eol h2 {
  font-size: 28px;
}

.eol ul {
  margin-left: 40px;
}

.ie7 .eol {
  display: block;
}

.eol .close-eol {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
  text-decoration: none;
  text-align: center;
}

.ie8 .map-tool-teaser-box.desk-one-whole .map-tool-teaser-desc {
  top: 20%;
}

.ie8 .site-sub-nav {
  z-index: 99999;
}

.ie8 .ie8-partial {
  display: block;
}

/**
  Trumps: Typography/Width
*/
h1,
.alpha {
  font-size: 44px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  h1,
  .alpha {
    font-size: 36px;
  }
}

@media screen and (max-width: 47.99em) {
  h1,
  .alpha {
    font-size: 30px;
  }
}

h2,
.beta,
.dropdown.title {
  font-size: 32px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  h2,
  .beta,
  .dropdown.title {
    font-size: 30px;
  }
}

@media screen and (max-width: 47.99em) {
  h2,
  .beta,
  .dropdown.title {
    font-size: 26px;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-beta {
    font-size: 26px !important;
  }
}

h3,
.gamma {
  font-size: 22px;
  line-height: 1.3em;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  h3,
  .gamma {
    font-size: 20px;
  }
}

@media screen and (max-width: 47.99em) {
  h3,
  .gamma {
    font-size: 18px;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-gamma {
    font-size: 18px !important;
  }
}

.title--news {
  font-size: 22px;
}

@media screen and (max-width: 63.99em) {
  .title--news {
    font-size: 15px;
  }
}

h4,
.delta,
.text--bigger {
  font-size: 18px;
  line-height: 1.3em;
}

h4.text--bigger,
.delta.text--bigger,
.text--bigger.text--bigger {
  line-height: 25px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  h4,
  .delta,
  .text--bigger {
    font-size: 16px;
  }
}

@media screen and (max-width: 47.99em) {
  h4,
  .delta,
  .text--bigger {
    font-size: 14px;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-delta {
    font-size: 18px;
  }
}

@media screen and (min-width: 64em) {
  .desk-delta {
    font-size: 18px;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--tiny {
    font-size: 10px !important;
  }
}

.text--small {
  font-size: 12px !important;
}

.text--tiny {
  font-size: 10px !important;
}

@media screen and (max-width: 47.99em) {
  .btn {
    font-size: 16px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap--beta {
    font-size: 26px !important;
  }
}

.one-fourth {
  width: 25% !important;
}

.two-fourth {
  width: 50% !important;
}

.three-fourth {
  width: 75% !important;
}

.four-fourth {
  width: 100% !important;
}

.one-seventh {
  width: 14.28571428571429% !important;
}

@media screen and (min-width: 64em) {
  .desk-one-seventh {
    width: 14.28571428571429% !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-one-seventh {
    width: 14.28571428571429% !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-one-seventh {
    width: 14.28571428571429% !important;
  }
}

.two-seventh {
  width: 28.57142857142857% !important;
}

.three-seventh {
  width: 42.85714285714286% !important;
}

.four-seventh {
  width: 57.14285714285714% !important;
}

.five-seventh {
  width: 71.42857142857143% !important;
}

.six-seventh {
  width: 85.71428571428571% !important;
}

.seven-seventh {
  width: 100% !important;
}

.btn--medium-font {
  font-size: 16px;
}

/**
  Trumps: Color
*/
.text--transparent {
  color: transparent !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--transparent {
    color: transparent !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--transparent {
    color: transparent !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--transparent {
    color: transparent !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--transparent {
    color: transparent !important;
  }
}

.text--black {
  color: #000 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--black {
    color: #000 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--black {
    color: #000 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--black {
    color: #000 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--black {
    color: #000 !important;
  }
}

.text--gray-dark {
  color: #232323 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--gray-dark {
    color: #232323 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--gray-dark {
    color: #232323 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--gray-dark {
    color: #232323 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--gray-dark {
    color: #232323 !important;
  }
}

.text--gray {
  color: #404040 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--gray {
    color: #404040 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--gray {
    color: #404040 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--gray {
    color: #404040 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--gray {
    color: #404040 !important;
  }
}

.text--gray-75 {
  color: #808080 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--gray-75 {
    color: #808080 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--gray-75 {
    color: #808080 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--gray-75 {
    color: #808080 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--gray-75 {
    color: #808080 !important;
  }
}

.text--gray-light {
  color: #b5b5b5 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--gray-light {
    color: #b5b5b5 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--gray-light {
    color: #b5b5b5 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--gray-light {
    color: #b5b5b5 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--gray-light {
    color: #b5b5b5 !important;
  }
}

.text--gray-lighter {
  color: #f3f3f3 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--gray-lighter {
    color: #f3f3f3 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--gray-lighter {
    color: #f3f3f3 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--gray-lighter {
    color: #f3f3f3 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--gray-lighter {
    color: #f3f3f3 !important;
  }
}

.text--green {
  color: #41933d !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--green {
    color: #41933d !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--green {
    color: #41933d !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--green {
    color: #41933d !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--green {
    color: #41933d !important;
  }
}

.text--green-light {
  color: #63c22b !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--green-light {
    color: #63c22b !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--green-light {
    color: #63c22b !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--green-light {
    color: #63c22b !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--green-light {
    color: #63c22b !important;
  }
}

.text--red {
  color: #c00 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--red {
    color: #c00 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--red {
    color: #c00 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--red {
    color: #c00 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--red {
    color: #c00 !important;
  }
}

.text--red-light {
  color: #eb3333 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--red-light {
    color: #eb3333 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--red-light {
    color: #eb3333 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--red-light {
    color: #eb3333 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--red-light {
    color: #eb3333 !important;
  }
}

.text--orange {
  color: #f7a600 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--orange {
    color: #f7a600 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--orange {
    color: #f7a600 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--orange {
    color: #f7a600 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--orange {
    color: #f7a600 !important;
  }
}

.text--orange-light {
  color: #ffa800 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--orange-light {
    color: #ffa800 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--orange-light {
    color: #ffa800 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--orange-light {
    color: #ffa800 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--orange-light {
    color: #ffa800 !important;
  }
}

.text--orange-lighter {
  color: #fbba21 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--orange-lighter {
    color: #fbba21 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--orange-lighter {
    color: #fbba21 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--orange-lighter {
    color: #fbba21 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--orange-lighter {
    color: #fbba21 !important;
  }
}

.text--yellow {
  color: #ffc53e !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--yellow {
    color: #ffc53e !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--yellow {
    color: #ffc53e !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--yellow {
    color: #ffc53e !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--yellow {
    color: #ffc53e !important;
  }
}

.text--yellow-light {
  color: #fffc93 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--yellow-light {
    color: #fffc93 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--yellow-light {
    color: #fffc93 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--yellow-light {
    color: #fffc93 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--yellow-light {
    color: #fffc93 !important;
  }
}

.text--yellow-lighter {
  color: #fff276 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--yellow-lighter {
    color: #fff276 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--yellow-lighter {
    color: #fff276 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--yellow-lighter {
    color: #fff276 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--yellow-lighter {
    color: #fff276 !important;
  }
}

.text--blue-dark {
  color: #00489a !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--blue-dark {
    color: #00489a !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--blue-dark {
    color: #00489a !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--blue-dark {
    color: #00489a !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--blue-dark {
    color: #00489a !important;
  }
}

.text--blue, .taglist li {
  color: #467ec7 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--blue {
    color: #467ec7 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--blue {
    color: #467ec7 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--blue {
    color: #467ec7 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--blue {
    color: #467ec7 !important;
  }
}

.text--blue-light {
  color: #76acea !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--blue-light {
    color: #76acea !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--blue-light {
    color: #76acea !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--blue-light {
    color: #76acea !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--blue-light {
    color: #76acea !important;
  }
}

.text--blue-lighter {
  color: #dae9f9 !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--blue-lighter {
    color: #dae9f9 !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--blue-lighter {
    color: #dae9f9 !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--blue-lighter {
    color: #dae9f9 !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--blue-lighter {
    color: #dae9f9 !important;
  }
}

.text--blue-lightest {
  color: #ebf2fa !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--blue-lightest {
    color: #ebf2fa !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--blue-lightest {
    color: #ebf2fa !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--blue-lightest {
    color: #ebf2fa !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--blue-lightest {
    color: #ebf2fa !important;
  }
}

.text--white {
  color: #fff !important;
}

@media screen and (max-width: 63.99em) {
  .portable-text--white {
    color: #fff !important;
  }
}

@media screen and (min-width: 64em) {
  .desk-text--white {
    color: #fff !important;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-text--white {
    color: #fff !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-text--white {
    color: #fff !important;
  }
}

.text--red-perceived {
  color: #e43935 !important;
}

.text--warning-red {
  color: #f61900 !important;
}

.text--warning-1 {
  color: #fffdba !important;
}

.text--warning-2 {
  color: #ffee30 !important;
}

.text--warning-3 {
  color: #ff9700 !important;
}

.text--warning-4 {
  color: #f61900 !important;
}

.text--warning-5 {
  color: #622181 !important;
}

.text--legend-level-5 {
  color: #f76e00 !important;
}

.text-glow--white {
  text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
}

/**
* Hacky, nasty code. These bits have to be repaired!
**/
.layout--auto .layout__item {
  width: auto;
}

.pack--top .pack__item {
  vertical-align: top;
}

.pack--middle .pack__item {
  vertical-align: middle;
}

.pack--middle .pack__item {
  vertical-align: middle;
}

*:focus {
  outline: none;
}

@media screen and (max-width: 47.99em) {
  .palm-height-null {
    overflow: hidden;
    max-height: 0;
  }
  .palm-height-null.is-open {
    height: auto;
    max-height: inherit;
  }
}

.absolute-top-right {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width: 64em) {
  .desk-keep-space-90px {
    margin-bottom: 90px;
  }
  .desk-absolute-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .desk-absolute-top-right {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-absolute-top-right {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.favorites-container {
  min-height: 42px;
}

.form-search-form {
  border: 1px solid #d7d7d7;
  max-width: 500px;
  margin: 0 auto;
}

picture.one-whole > img,
picture.one-whole > .img,
.picture.one-whole > img,
.picture.one-whole > .img {
  width: 100% !important;
}

#image-count {
  font-size: 22px;
}

.right-side-content {
  min-width: 310px;
  height: 100%;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .right-side-content {
    width: 310px !important;
  }
}

.no-carpet {
  text-decoration: none !important;
}

.no-carpet:hover {
  text-decoration: none !important;
}

.dropdown--title {
  font-size: 16px;
  color: #00489a;
  vertical-align: top;
  height: 17px;
}

.overlay-temp--text {
  background-color: #fff;
  padding: 1px 5px;
  border-radius: 30px;
}

.circle {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}

.js-slide.is-open {
  display: block !important;
}

.zoom > .layout__item {
  -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.zoom > .layout__item:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  z-index: 9;
}

.border {
  border: 1px solid #d7d7d7;
  padding: 10px;
}

.border--bottom {
  border-bottom: 1px solid #d7d7d7;
}

.bottom-margin-1l {
  margin-bottom: 20px;
}

.bottom-margin-2l {
  margin-bottom: 40px;
}

.text--big {
  font-size: 60px;
  font-weight: 300;
  line-height: 70px;
}

.text--bold {
  font-weight: 600;
}

.text--thin {
  font-weight: 300;
}

.has-fireplace .livecam__weatherbox li:nth-child(5) {
  display: none !important;
}

.js-toggle-next-accordion {
  cursor: pointer;
}

.js-accordion {
  display: none;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#livecamMapReload {
  position: absolute;
  top: 40%;
  cursor: pointer;
}

.thumbnail--ratio {
  height: 48px;
  max-height: 48px;
  width: auto !important;
  margin: 0 auto !important;
  position: static !important;
}

.map-legend .text--small {
  position: relative;
  top: -2px;
}

.country-warning::before {
  content: url("/wcomv5/images/icons/additional/warnicon_m.png");
  position: relative;
  top: 8px;
}

.item-circle {
  display: inline-block;
  width: 27px;
  height: 27px;
  border: 1px solid white;
  border-radius: 45px;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .item-circle {
    width: 22px;
    height: 22px;
  }
}

@media screen and (max-width: 47.99em) {
  .item-circle {
    width: 11px;
    height: 11px;
  }
}

.favorite-warning::before {
  content: url("/wcomv5/images/icons/additional/warnicon_m.png");
  position: relative;
  top: 26px;
  left: 10px;
}

.warning-text .text-2 {
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 64em) {
  .forecast-text {
    max-height: 420px;
    overflow-y: auto;
  }
}

@media screen and (max-width: 63.99em) {
  .warnMapContainer {
    margin-left: 0 !important;
  }
}

.warnings-map {
  color: #00489a;
}

.warning-map {
  color: #00489a;
}

.warning-map .is-active {
  color: #00489a;
}

.map-tab--text.rain-overlay {
  color: #b5b5b5;
}

.map-tab--text.rain-overlay.is-active {
  color: #00489a;
}

@media screen and (min-width: 64em) {
  .map-button {
    width: 310px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .map-button {
    width: 400px;
  }
}

.warnings-container {
  max-height: 473px;
  overflow-y: scroll;
}

@media screen and (min-width: 64em) {
  .has-fireplace #chartdiv {
    width: 630px !important;
  }
}

#chartdiv {
  height: 250px;
}

@media screen and (min-width: 64em) {
  #chartdiv {
    width: 700px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #chartdiv {
    width: 410px;
  }
}

@media screen and (max-width: 47.99em) {
  #chartdiv {
    width: 100%;
  }
}

@media screen and (min-width: 64em) {
  .video-slider__item {
    width: 24%;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .video-slider__item {
    width: 30%;
  }
}

@media screen and (max-width: 47.99em) {
  .video-slider__item {
    width: 49%;
  }
}

.slick-initialized .slick-slide {
  display: block !important;
}

.cursor--pointer {
  cursor: pointer;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .aside {
    min-width: 320px !important;
    width: 320px !important;
  }
}

@media screen and (min-width: 64em) {
  .aside {
    width: 33.3%;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  .lap-width-fit {
    width: 400px;
  }
}

.open-warnings__link:hover {
  text-decoration: none !important;
}

.open-warnings__link:hover span.arrow__text {
  text-decoration: underline !important;
}

.open-warnings.is-open {
  display: block !important;
}

@media screen and (min-width: 64em) {
  .location-warn-icon {
    padding-top: 8px;
  }
}

@media screen and (max-width: 47.99em) {
  .location-warn-icon {
    padding-bottom: 20px;
  }
}

.is-open .location-warn-icon {
  padding-top: 0 !important;
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #filterWidget .pack {
    display: block;
    table-layout: fixed;
  }
}

@media screen and (max-width: 47.99em) {
  #filterWidget .pack {
    display: block;
    table-layout: fixed;
  }
}

@media screen and (max-width: 335px) {
  .mapContainer {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 47.99em) {
  .palm-auto {
    width: auto !important;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-overflow-x-scroll {
    overflow-x: scroll;
  }
}

@media screen and (max-width: 63.99em) {
  .portable-overflow-x-50 {
    overflow-x: auto;
    max-height: calc(100vh - 50px);
  }
}

@media screen and (max-width: 63.99em) {
  .portable-overflow-x-100 {
    overflow-x: auto;
    max-height: calc(100vh - 100px);
  }
}

.timed-teaser:hover {
  text-decoration: none !important;
}

.icon-arrow_link.icon--absolute-right::before {
  position: absolute;
  right: 10px;
  top: 20px;
}

.pl1 {
  padding-left: 1px;
}

.bikeweather-strip {
  display: none;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}

.bikeweather-strip li {
  border-bottom: 1px solid #d7d7d7;
}

.motorcycleWeather .weather-strip {
  background-color: #467ec7;
  border-bottom: solid 1px #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden;
  height: 70px;
}

.motorcycleWeather .weather-strip.weather-strip--nodetails {
  background: #ebf2fa;
  max-height: none !important;
  height: auto !important;
  border: 1px solid #d7d7d7;
  border-top: 0;
}

@media screen and (max-width: 63.99em) {
  .motorcycleWeather .weather-strip {
    max-height: 120px;
  }
}

.motorcycleWeather .search-form {
  width: 100%;
  border: 1px solid #dfdfdf;
  line-height: 40px;
}

#webgl {
  background-color: #fff;
}

#webgl iframe {
  width: 100%;
  border: 0;
}

@media screen and (min-width: 64em) {
  #webgl iframe {
    height: 520px;
  }
}

@media screen and (min-width: 48em) and (max-width: 63.99em) {
  #webgl iframe {
    height: 480px;
  }
}

@media screen and (max-width: 47.99em) {
  #webgl iframe {
    height: 368px;
  }
}

/* Special class for favoirtes, as long this is table-layout ond not flex */
.max-width--120 {
  max-width: 120px;
}

.is-sticky .sticky-max-width--100 {
  max-width: 100px;
}

/* This is a special a that behaves as a section */
.anchor--section:hover {
  text-decoration: none;
}

.anchor--section:hover .anchor--target {
  text-decoration: underline;
}

.anchor--section:hover .btn--alt:not(.btn--disabled) {
  background: #f1a800;
}

.margin-0-auto {
  margin: 0 auto;
}

@media screen and (max-width: 47.99em) {
  .palm-inline {
    display: inline !important;
  }
}

#video-notification-container {
  z-index: 1;
}

#video-notification {
  max-width: 360px;
  max-height: 80px;
  overflow: hidden;
  z-index: 2;
}

@media screen and (max-width: 47.99em) {
  #video-notification {
    max-height: inherit;
    max-width: inherit;
    overflow: inherit;
  }
}

#video-notification.full-size {
  max-height: inherit;
  max-width: inherit;
  overflow: inherit;
}

.newsletter-mail {
  padding: 10px 14px;
  font-size: 22px;
  background-color: #fbba21;
}

@media screen and (max-width: 47.99em) {
  #newsletter-form .portable-100 {
    width: calc(100% - 50px) !important;
  }
}

.newsletter-buttons {
  padding: 10px;
  font-size: 22px;
  border-radius: 100px;
  background-color: #467ec7;
}