@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-Regular.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-RegularIt.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-RegularIt.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-Light.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-LightIt.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-LightIt.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-Semibold.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-SemiboldIt.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-SemiboldIt.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-Bold.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-BoldIt.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-BoldIt.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/proxima/ProximaNova-Extrabld.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-Extrabld.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova, Black';
  src: url('../fonts/proxima/ProximaNova-Black.woff2') format('woff2'),
  url('../fonts/proxima/ProximaNova-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

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

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

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

.icon-edelweiss:before {
  content: "\e96c";
}
.icon-flower:before {
  content: "\e96d";
}
.icon-ritzel:before {
  content: "\e96e";
}
.icon-star:before {
  content: "\e96f";
}
.icon-play:before {
  content: "\e96b";
  color: $solden-color-pri;
}
.icon-Pisten_gr:before {
  content: "\e96a";
  color: #9b9b9b;
}
.icon-Pisten_gre:before {
  content: "\e96a";
  color: #28c250;
}

.icon-Pisten_bl:before {
  content: "\e932";
  color: #0483c2;
}
.icon-Pisten_blk:before {
  content: "\e933";
}
.icon-Pisten_rd:before {
  content: "\e935";
  color: #b40036;
}
.icon-Lawine_5 .path1:before {
  content: "\e960";
  color: rgb(134, 0, 16);
}
.icon-Lawine_5 .path2:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Lawine_4 .path1:before {
  content: "\e962";
  color: rgb(208, 2, 27);
}
.icon-Lawine_4 .path2:before {
  content: "\e963";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Lawine_3 .path1:before {
  content: "\e964";
  color: rgb(255, 164, 0);
}
.icon-Lawine_3 .path2:before {
  content: "\e965";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Lawine_2 .path1:before {
  content: "\e966";
  color: rgb(255, 230, 0);
}
.icon-Lawine_2 .path2:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-Lawine_1 .path1:before {
  content: "\e968";
  color: rgb(0, 201, 52);
}
.icon-Lawine_1 .path2:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-draglift:before {
  content: "\e68f";
}
.icon-weather-45:before {
  content: "\e601";
}
.icon-weather-44:before {
  content: "\e602";
}
.icon-weather-43:before {
  content: "\e603";
}
.icon-weather-42:before {
  content: "\e604";
}
.icon-weather-41:before {
  content: "\e605";
}
.icon-weather-40:before {
  content: "\e606";
}
.icon-weather-39:before {
  content: "\e607";
}
.icon-weather-38:before {
  content: "\e608";
}
.icon-weather-37:before {
  content: "\e609";
}
.icon-weather-36:before {
  content: "\e60a";
}
.icon-weather-35:before {
  content: "\e60b";
}
.icon-weather-34:before {
  content: "\e60c";
}
.icon-weather-33:before {
  content: "\e60d";
}
.icon-weather-32:before {
  content: "\e60e";
}
.icon-weather-31:before {
  content: "\e60f";
}
.icon-weather-30:before {
  content: "\e610";
}
.icon-weather-29:before {
  content: "\e611";
}
.icon-weather-28:before {
  content: "\e612";
}
.icon-weather-27:before {
  content: "\e613";
}
.icon-weather-26:before {
  content: "\e614";
}
.icon-weather-25:before {
  content: "\e615";
}
.icon-weather-24:before {
  content: "\e616";
}
.icon-weather-23:before {
  content: "\e617";
}
.icon-weather-22:before {
  content: "\e618";
}
.icon-weather-21:before {
  content: "\e619";
}
.icon-weather-20:before {
  content: "\e61a";
}
.icon-weather-19:before {
  content: "\e61b";
}
.icon-weather-18:before {
  content: "\e61c";
}
.icon-weather-17:before {
  content: "\e61d";
}
.icon-weather-16:before {
  content: "\e61e";
}
.icon-weather-15:before {
  content: "\e61f";
}
.icon-weather-14:before {
  content: "\e620";
}
.icon-weather-13:before {
  content: "\e621";
}
.icon-weather-12:before {
  content: "\e622";
}
.icon-weather-11:before {
  content: "\e623";
}
.icon-weather-10:before {
  content: "\e624";
}
.icon-weather-9:before {
  content: "\e625";
}
.icon-weather-8:before {
  content: "\e626";
}
.icon-weather-7:before {
  content: "\e627";
}
.icon-weather-6:before {
  content: "\e628";
}
.icon-weather-5:before {
  content: "\e629";
}
.icon-weather-4:before {
  content: "\e62a";
}
.icon-weather-3:before {
  content: "\e62b";
}
.icon-weather-2:before {
  content: "\e62c";
}
.icon-weather-1:before {
  content: "\e62d";
  color: #fde301;
}
.icon-weather-44-2:before {
  content: "\e6a0";
  color: #fde301;
}
.icon-weather-13-2:before,
.icon-weather-14-2:before,
.icon-weather-15-2:before,
.icon-weather-16-2:before,
.icon-weather-17-2:before,
.icon-weather-27-2:before,
.icon-weather-28-2:before,
.icon-weather-29-2:before,
.icon-weather-36-2:before,
.icon-weather-37-2:before,
.icon-weather-38-2:before,
.icon-weather-42-2:before {
  content: "\e6a2";
  color: #fde301;
}
.icon-weather-10-2:before,
.icon-weather-11-2:before,
.icon-weather-12-2:before,
.icon-weather-24-2:before,
.icon-weather-25-2:before,
.icon-weather-26-2:before,
.icon-weather-41-2:before {
  content: "\e6a3";
  color: #fde301;
}
.icon-weather-7-2:before {
  content: "\e6a4";
  color: #fde301;
}
.icon-weather-6-2:before {
  content: "\e6a5";
  color: #fde301;
}
.icon-weather-3-2:before,
.icon-weather-5-2:before {
  content: "\e6a6";
  color: #fde301;
}
.icon-weather-2-2:before,
.icon-weather-4-2:before {
  content: "\e6a7";
  color: #fde301;
}
.icon-weather-45-2:before {
  content: "\e69f";
  color: #fde301;
}
.icon-weather-30-2:before {
  content: "\e6a1";
  color: #fde301;
}
.icon-Map:before {
  content: "\e91f";
}
.icon-Map_inrow:before {
  content: "\e920";
}
.icon-Map_2d:before {
  content: "\e921";
}
.icon-Map_3d:before {
  content: "\e922";
}
.icon-Betriebe:before {
  content: "\e923";
  color: $solden-color-pri;
}
.icon-Special:before {
  content: "\e924";
  color: #ffcd7c;
}
.icon-Action:before {
  content: "\e925";
}
.icon-Beratung:before {
  content: "\e926";
  color: $solden-color-pri;
}
.icon-Chat:before {
  content: "\e927";
  color: #155e9e;
}
.icon-Bin:before {
  content: "\e928";
  color: $solden-color-pri;
}
.icon-Cal:before {
  content: "\e929";
  color: $solden-color-pri;
}
.icon-Cal_Skidays:before {
  content: "\e92a";
  color: $solden-color-pri;
}
.icon-Cal_Events:before {
  content: "\e92b";
  color: #155e9e;
}
.icon-Cam:before {
  content: "\e92c";
}
.icon-ExternalApp:before {
  content: "\e92d";
  color: $solden-color-pri;
}
.icon-Filter_map_pin:before {
  content: "\e92e";
  color: #155e9e;
}
.icon-Marker:before {
  content: "\e92f";
  color: #cb1e41;
}
.icon-Images:before {
  content: "\e930";
  color: #155e9e;
}
.icon-FullScreen:before {
  content: "\e931";
}
.icon-Hoehentage:before {
  content: "\e936";
  color: #155e9e;
}
.icon-Huts:before {
  content: "\e937";
}
.icon-Info_i:before {
  content: "\e938";
  color: #155e9e;
}
.icon-Insider_Gurgl:before {
  content: "\e939";
}
.icon-Insider_Oetz:before {
  content: "\e93a";
}
.icon-Insider_Soelden:before {
  content: "\e93b";
}
.icon-Keinegebuehr:before {
  content: "\e93c";
  color: #155e9e;
}
.icon-Lifte:before {
  content: "\e93d";
}
.icon-List:before {
  content: "\e93e";
}
.icon-Loipen:before {
  content: "\e93f";
}
.icon-Map_dwld:before {
  content: "\e940";
  color: $solden-color-pri;
}
.icon-Map_printversion:before {
  content: "\e941";
  color: $solden-color-pri;
}
.icon-MySoelden_loggedin_nopic:before {
  content: "\e942";
  color: #a5a7a6;
}
.icon-Pageindicator:before {
  content: "\e943";
  color: $solden-color-pri;
}
.icon-Pageindicator_idle:before {
  content: "\e944";
  color: #155e9e;
}
.icon-Pists:before {
  content: "\e945";
}
.icon-Pist_km:before {
  content: "\e946";
  color: $solden-color-pri;
}
.icon-Points:before {
  content: "\e947";
  color: $solden-color-pri;
}
.icon-Ranking:before {
  content: "\e948";
  color: $solden-color-pri;
}
.icon-Refresh:before {
  content: "\e949";
  color: $solden-color-pri;
}
.icon-Settings:before {
  content: "\e94a";
  color: $solden-color-pri;
}
.icon-Share:before {
  content: "\e94b";
  color: #155e9e;
}
.icon-SL:before {
  content: "\e94c";
}
.icon-SL_2:before {
  content: "\e94d";
}
.icon-SL_3:before {
  content: "\e94e";
}
.icon-SL_4:before {
  content: "\e94f";
}
.icon-SL_6:before {
  content: "\e950";
}
.icon-Snow:before {
  content: "\e951";
}
.icon-Dock_Wetter:before {
  content: "\e952";
}
.icon-Wetter .path1:before {
  content: "\e953";
  color: rgb(255, 205, 124);
}
.icon-Wetter .path2:before {
  content: "\e900";
  margin-left: -1em;
  color: rgb(0, 97, 173);
}
.icon-SSL:before {
  content: "\e954";
  color: #155e9e;
}
.icon-Warning .path1:before {
  content: "\e955";
  color: rgb(179, 8, 56);
}
.icon-Warning .path2:before {
  content: "\e956";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-Wifi:before {
  content: "\e957";
  color: #155e9e;
}
.icon-Plus:before {
  content: "\e958";
  color: $solden-color-pri;
}
.icon-Images_dwld:before {
  content: "\e959";
  color: #155e9e;
}
.icon-Gallery_arrow:before {
  content: "\e95a";
}
.icon-Checkmark_status:before {
  content: "\e95b";
  color: #28c250;
}
.icon-Checkmark_eingeloest:before {
  content: "\e95c";
  color: $solden-color-pri;
}
.icon-X_notification:before {
  content: "\e95d";
  color: $solden-color-pri;
}
.icon-X_status:before {
  content: "\e95e";
  color: #b40036;
}
.icon-Sort:before {
  content: "\e95f";
  color: $solden-color-pri;
}
.icon-Arrow_Down:before {
  content: "\e901";
}
.icon-Arrow_Left:before {
  content: "\e902";
}
.icon-Arrow_Right:before {
  content: "\e903";
}
.icon-Arrow_Up:before {
  content: "\e904";
  color: $solden-color-pri;
}
.icon-BurgerMenu_X:before {
  content: "\e905";
}
.icon-BurgerMenu:before {
  content: "\e906";
  color: $solden-color-pri;
}
.icon-DatePick_dash:before {
  content: "\e907";
  color: $solden-color-pri;
}
.icon-Favoriten_Copy:before {
  content: "\e908";
  color: #045faf;
}
.icon-Favoriten .path1:before {
  content: "\e909";
  color: rgb(4, 95, 175);
}
.icon-Favoriten .path2:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(167, 0, 48);
}
.icon-MySoelden:before {
  content: "\e90a";
  color: #045faf;
}
.icon-Gender_Female:before {
  content: "\e90b";
  color: $solden-color-pri;
}
.icon-Gender_Male:before {
  content: "\e90c";
  color: $solden-color-pri;
}
.icon-Blog:before {
  content: "\e90d";
  color: $solden-color-pri;
}
.icon-FB:before {
  content: "\e90e";
  color: $solden-color-pri;
}
.icon-Flickr:before {
  content: "\e90f";
  color: $solden-color-pri;
}
.icon-IG:before {
  content: "\e910";
  color: #045faf;
}
.icon-Pinterest:before {
  content: "\e911";
  color: $solden-color-pri;
}
.icon-YT:before {
  content: "\e912";
  color: $solden-color-pri;
}
.icon-Play:before {
  content: "\e913";
  color: $solden-color-pri;
}
.icon-Search:before {
  content: "\e914";
  color: #045faf;
}
.icon-app_adrenalincup:before {
  content: "\e915";
  color: #fff;
}
.icon-app_soelden .path1:before {
  content: "\e916";
  color: rgb(4, 95, 175);
}
.icon-app_soelden .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: rgb(0, 97, 173);
}
.icon-app_soelden .path3:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-app_soelden .path4:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-app_soelden .path5:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-app_soelden .path6:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-app_soelden .path7:before {
  content: "\e91c";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-app_soelden .path8:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(254, 254, 254);
}
.icon-Forms_Upload:before {
  content: "\e91e";
  color: $solden-color-pri;
}


div.S02-Dock {
  position: fixed;
  top: 23%;
  right: 0;
  z-index: 2002;
  font-size: 18px;
  font-family: 'Proxima Nova', Arial, sans-serif;
  font-weight: normal;
}

div.S02-Dock * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

div.S02-Dock p {
    font-family: 'Proxima Nova', sans-serif;
}

div.S02-Dock div.S02-Dock-Overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2001;
}

div.S02-Dock div.S02-Dock-Overlay.open {
  display: block;
}

div.S02-Dock div.S02-Dock-Overlay iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

div.S02-Dock div.S02-Dock-Overlay .S02-Dock-Close {
  border: 0;
  box-shadow: none;
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  width: 53px;
  height: 53px;
  background: #193045;
  z-index: 2;
}

div.S02-Dock div.S02-Dock-Overlay .S02-Dock-Close span {
  position: absolute;
  font-size: 25px;
  top: 50%;
  left: 50%;
  margin: -14px 0 0 -14px;
  color: #FFFFFF;
}

  div.S02-Dock:before, div.S02-Dock:after {
    content: " ";
    display: table; }
  div.S02-Dock:after {
    clear: both; }
  div.S02-Dock.is-open .S02-Dock-desktop .arrow {
    display: inline-block; }
  div.S02-Dock.is-open .S02-Dock-desktop div.dock-navigation-items ul li.logo .iconContainer > span:before {
    color: #FFFFFF; }
  div.S02-Dock.is-open .S02-Dock-desktop div.dock-navigation-items ul li a {
    color: #000000; }
    div.S02-Dock.is-open .S02-Dock-desktop div.dock-navigation-items ul li a.active {
      color: #FFFFFF; }
      div.S02-Dock.is-open .S02-Dock-desktop div.dock-navigation-items ul li a.active .iconContainer > span:before {
        color: #FFFFFF; }
  div.S02-Dock.is-open .S02-Dock-desktop div.dock-navigation-items ul li .iconContainer > span:before {
    color: #000000; }
  div.S02-Dock-desktop {
    position: absolute;
    right: 0;
    width: 63px;
    z-index: 2003;
    background-color: #AD173C;
    border-radius: 12px 0 0 12px; }
    @media only screen and (max-width: 991px) {
      div.S02-Dock-desktop {
        display: none; } }
    div.S02-Dock-desktop .arrow {
      display: none;
      position: absolute;
      left: -20px;
      transition: all 0.4s ease-in-out;
      width: 0;
      height: 0;
      z-index: 2000;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 20px solid #AD173C; }
      div.S02-Dock-desktop .arrow.insider {
        border-right: 20px solid $solden-color-pri; }
        html.otztal div.S02-Dock-desktop .arrow.insider {
          border-right: 20px solid #D2293D; }
        html.obergurgl div.S02-Dock-desktop .arrow.insider {
          border-right: 20px solid #374487; }
    div.S02-Dock-desktop div.dock-navigation-items {
      position: relative; }
      div.S02-Dock-desktop div.dock-navigation-items ul {
        list-style: none;
      margin: 0;
    padding: 0; }
      div.S02-Dock-desktop div.dock-navigation-items li.logo {
        background: $solden-color-pri;
        border-top-left-radius: 12px; }
        html.otztal div.S02-Dock-desktop div.dock-navigation-items li.logo {
          background: #D2293D; }
        html.obergurgl div.S02-Dock-desktop div.dock-navigation-items li.logo {
          background: #374487; }
        div.S02-Dock-desktop div.dock-navigation-items li.logo a {
          padding: 0;
          min-height: 0;
          line-height: 63px; }
        div.S02-Dock-desktop div.dock-navigation-items li.logo span {
          position: relative;
          top: 10px;
          font-size: 34px; }
      div.S02-Dock-desktop div.dock-navigation-items li span {
        color: #FFFFFF;
        font-size: 30px;
        text-decoration: none;
        display: inline-block; }
        div.S02-Dock-desktop div.dock-navigation-items li span.icon-Snow {
          font-size: 26px; }
      div.S02-Dock-desktop div.dock-navigation-items li p {
        margin: 0;
        font-size: 11px;
        line-height: 1; }
      div.S02-Dock-desktop div.dock-navigation-items .iconContainer {
        position: relative; }
        div.S02-Dock-desktop div.dock-navigation-items .iconContainer > span {
          position: relative; }
          div.S02-Dock-desktop div.dock-navigation-items .iconContainer > span:before {
            color: #FFFFFF; }
          div.S02-Dock-desktop div.dock-navigation-items .iconContainer > span[class*="icon-weather-"] {
            font-size: 35px; }
            div.S02-Dock-desktop div.dock-navigation-items .iconContainer > span[class*="icon-weather-"]:nth-of-type(2) {
              position: absolute;
              top: 0;
              left: 50%;
              transform: translateX(-50%); }
      div.S02-Dock-desktop div.dock-navigation-items a {
        position: relative;
        display: block;
        padding: 8px 10px;
        min-height: 63px;
        text-align: center;
        color: #ffffff;
        text-decoration: none; }