/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@font-face {
  font-family: "MetaCompPro-Bold W01 Regular";
  src: url("../fonts/1401211/94400875-1ce0-47f5-b278-c6ccfa287f52.woff2") format("woff2"), url("../fonts/1401211/3acf28fb-87d9-4146-b959-a0e26918dc14.woff") format("woff");
}
@font-face {
  font-family: "MetaCompPro-Book W01 Regular";
  src: url("../fonts/1401239/3f228e48-0714-461a-ad7f-d9fa1382807a.woff2") format("woff2"), url("../fonts/1401239/20bf5e52-30ac-4a2b-9db7-1d7436e293bf.woff") format("woff");
}
@font-face {
  font-family: "MetaCompPro-Medium W01 Regular";
  src: url("../fonts/1401451/bed27d2b-dc0b-42c8-b8f4-c337f9cf6684.woff2") format("woff2"), url("../fonts/1401451/0019971a-26fc-48c5-86d3-5cdddf826b3c.woff") format("woff");
}
@font-face {
  font-family: "Meta Serif Offc W01 Medium";
  src: url("../fonts/1378092/c5912438-7d11-4e53-aec7-2066db9ef4a1.eot?#iefix");
  src: url("../fonts/1378092/c5912438-7d11-4e53-aec7-2066db9ef4a1.eot?#iefix") format("eot"), url("../fonts/1378092/0f21620d-7046-4d9b-8b1a-776b996ba66e.woff2") format("woff2"), url("../fonts/1378092/dabb2ce5-a6e5-42bc-a433-6ea8562d099f.woff") format("woff"), url("../fonts/1378092/0f5a2e8a-76ae-4d9c-9112-71333b2eacf8.ttf") format("truetype");
}
@font-face {
  font-family: "MetaCompPro-Light W01 Regular";
  src: url("../fonts/1401431/e85c1140-f73f-4fed-bde3-783fef0f4497.woff2") format("woff2"), url("../fonts/1401431/ec9d5d4e-00fb-4dda-9b6b-1b6b211c4099.woff") format("woff");
}
@font-face {
  font-family: "Meta Serif W01 Book";
  src: url("../fonts/5558757/6d86e7e4-94d5-402e-9568-6b53d8010a3c.eot?#iefix");
  src: url("../fonts/5558757/6d86e7e4-94d5-402e-9568-6b53d8010a3c.eot?#iefix") format("eot"), url("../fonts/5558757/13ba7e6e-0a1a-43e6-8e6a-d57e579931ba.woff2") format("woff2"), url("../fonts/5558757/ccd8846c-4054-4b27-87bb-3680ad0f0421.woff") format("woff"), url("../fonts/5558757/2de1472a-ed93-4b2b-9e52-a9cc1973d152.ttf") format("truetype");
}
@font-face {
  font-family: "Meta Serif Offc W01 Light";
  src: url("../fonts/1378958/5d4f1aec-bf69-4019-9d92-f693eca37038.woff2") format("woff2"), url("../fonts/1378958/3c939d59-70e4-4060-b2a5-fbd8fd636a5c.woff") format("woff");
}
@font-face {
  font-family: 'kaunertal';
  src: url('../fonts/kaunertal.eot?2h4wco');
  src: url('../fonts/kaunertal.eot?2h4wco#iefix') format('embedded-opentype'), url('../fonts/kaunertal.ttf?2h4wco') format('truetype'), url('../fonts/kaunertal.woff?2h4wco') format('woff'), url('../fonts/kaunertal.svg?2h4wco#kaunertal') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
.icon {
  font-family: 'kaunertal' !important;
  speak: never;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-mountaincart:before {
  content: "\e928";
}
.icon-rodel:before {
  content: "\e927";
}
.icon-schlepplift:before {
  content: "\e925";
}
.icon-sessellift:before {
  content: "\e926";
}
.icon-achtung:before {
  content: "\e900";
}
.icon-car:before {
  content: "\e901";
}
.icon-bett:before {
  content: "\e902";
}
.icon-details:before {
  content: "\e903";
}
.icon-down:before {
  content: "\e904";
}
.icon-home:before {
  content: "\e906";
}
.icon-kalender:before {
  content: "\e908";
}
.icon-kamera:before {
  content: "\e909";
}
.icon-lage:before {
  content: "\e90a";
}
.icon-lift:before {
  content: "\e90b";
}
.icon-gondel:before {
  content: "\e90b";
}
.icon-link:before {
  content: "\e90c";
}
.icon-location:before {
  content: "\e90d";
}
.icon-maps:before {
  content: "\e90e";
}
.icon-pfeil-links:before {
  content: "\e90f";
}
.icon-pfeil-rechts:before {
  content: "\e910";
}
.icon-pfeil:before {
  content: "\e911";
}
.icon-pistenstatus:before {
  content: "\e912";
}
.icon-schnee:before {
  content: "\e913";
}
.icon-steinbock:before {
  content: "\e915";
  font-weight: 100;
}
.icon-suche:before {
  content: "\e917";
}
.icon-pfeil-oben:before {
  content: "\e918";
}
.icon-warenkorb:before {
  content: "\e919";
}
.icon-wetter:before {
  content: "\e91a";
}
.icon-zauberstab:before {
  content: "\e91c";
}
.icon-zeit:before {
  content: "\e91d";
}
.icon-zug:before {
  content: "\e91e";
}
.icon-close:before {
  content: "\e91f";
}
.icon-blog:before {
  content: "\e914";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-youtube:before {
  content: "\e91b";
}
.icon-stern:before {
  content: "\e916";
}
.icon-fahrrad:before {
  content: "\e920";
}
.icon-bewirtschaftet:before {
  content: "\e921";
}
.icon-huette:before {
  content: "\e922";
}
.icon-kinderwagen:before {
  content: "\e923";
}
.icon-wandern:before {
  content: "\e924";
}
* {
  font-family: 'Roboto', sans-serif;
}
html,
body {
  margin: 0;
}
#panoramaWrapper {
  position: relative;
}
@media screen and (max-width: 767px) {
  #panoramaWrapper {
    margin-top: 55px;
  }
}
#panoramaWrapper.zoomContainer {
  width: 100%;
  padding-top: 73.8%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #panoramaWrapper.zoomContainer {
    overflow: initial;
  }
}
#panoramaWrapper.zoomKaunertal #panoramaContainer {
  transform: scale(1.9);
  position: absolute;
  top: 44%;
  left: 30%;
}
#panoramaWrapper.zoomKaunertal .panMarker .tooltip {
  transform: scale(0.5) translate(-50%, 0);
  bottom: -10px;
  left: -51px;
}
#panoramaWrapper.zoomKaunertal .panMarker .tooltip.openBottom {
  top: -10px;
  bottom: auto;
}
#panoramaWrapper.zoomFendels #panoramaContainer {
  transform: scale(1.9);
  position: absolute;
  bottom: 25%;
  right: 42%;
}
#panoramaWrapper.zoomFendels .panMarker .tooltip {
  transform: scale(0.5) translate(-50%, 0);
  bottom: -10px;
  left: -51px;
}
#panoramaWrapper.zoomFendels .panMarker .tooltip.openBottom {
  bottom: auto;
}
#panoramaWrapper.zoomFeichten #panoramaContainer {
  transform: scale(2.5);
  position: absolute;
  bottom: 74%;
  left: 65%;
}
#panoramaWrapper.zoomFeichten .panMarker .tooltip {
  transform: scale(0.5) translate(-50%, 0);
  bottom: 0;
  left: -51px;
}
#panoramaWrapper.zoomFeichten .panMarker .tooltip.openBottom {
  bottom: auto;
}
#panoramaWrapper .dropdownContainer {
  position: absolute;
  top: 30px;
  right: 30px;
  background: #ffffff;
  color: #007396;
  text-transform: uppercase;
  z-index: 10;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
  #panoramaWrapper .dropdownContainer {
    top: -55px;
    right: 0;
    left: 0;
  }
}
#panoramaWrapper .dropdownContainer a {
  display: block;
  padding: 0 15px;
  text-decoration: none;
  color: #292927;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 50px;
  letter-spacing: 0.03em;
  font-feature-settings: 'pnum' on, 'lnum' on;
  font-family: "MetaCompPro-Bold W01 Regular";
  border-bottom: 1px solid rgba(41, 41, 39, 0.05);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#panoramaWrapper .dropdownContainer a:hover,
#panoramaWrapper .dropdownContainer a.headline {
  color: #007396;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#panoramaWrapper .dropdownContainer a i {
  color: #007396;
  margin-left: 15px;
}
#panoramaWrapper .dropdownContainer a i:before {
  font-weight: bold;
  -webkit-text-stroke: 1px #007396;
}
#panoramaWrapper .dropdownContainer ul {
  position: absolute;
  top: 90%;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#panoramaWrapper .dropdownContainer ul li {
  margin: 0 15px;
}
#panoramaWrapper .dropdownContainer ul li a {
  font-family: "MetaCompPro-Book W01 Regular";
  border-bottom: 1px solid rgba(41, 41, 39, 0.05);
  padding: 0;
  color: #292927;
}
#panoramaWrapper .dropdownContainer ul li:last-of-type a {
  border: none;
}
#panoramaWrapper .dropdownContainer.active ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
#panoramaContainer {
  position: relative;
  width: 100%;
}
.panMarker {
  position: absolute;
  z-index: 1;
}
.panMarker.active {
  z-index: 2;
}
.panMarker .panIcon {
  position: relative;
  display: block;
  width: 1.2vw;
  height: 1.2vw;
  text-align: center;
  background: #ffd400;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.panMarker .panIcon:hover,
.panMarker .panIcon:focus {
  -webkit-box-shadow: 0 3px 14px #999999;
  -moz-box-shadow: 0 3px 14px #999999;
  box-shadow: 0 3px 14px #999999;
}
.panMarker .panIcon.green,
.panMarker .panIcon.red {
  color: #ffffff;
}
.panMarker .panIcon.green {
  background: #43aa12;
}
.panMarker .panIcon.red {
  background: #e93333;
}
.panMarker .panIcon span,
.panMarker .panIcon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.panMarker .panIcon span {
  font-weight: 700;
  font-size: 0.7vw;
}
.panMarker .panIcon i {
  color: #ffffff;
  font-size: 0.7vw;
}
.panMarker .panIcon i.icon.icon-kamera:before {
  -webkit-text-stroke: 1px #ffffff;
}
.panMarker .panIcon i.icon.icon-car:before {
  -webkit-text-stroke: 0.3px #ffffff;
  font-size: 0.8vw;
}
.panMarker .tooltip {
  position: absolute;
  bottom: calc(100% + 15px);
  left: 50%;
  background: #ffffff;
  padding: 15px;
  width: 200px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 14px #999999;
  -moz-box-shadow: 0 3px 14px #999999;
  box-shadow: 0 3px 14px #999999;
}
.panMarker .tooltip .arrow-down {
  position: absolute;
  top: 100%;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
}
.panMarker .tooltip .arrow-top {
  position: absolute;
  bottom: 100%;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
}
.panMarker .tooltip p {
  margin: 0;
}
.panMarker .tooltip.openBottom {
  top: calc(100% + 15px);
  bottom: auto;
}
.panMarker .title {
  font-weight: 700;
}
.panMarker .content {
  margin-top: 7px;
  line-height: 1.4em;
}
.panMarker .statusIcon {
  display: inline-block;
  color: #ffffff;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.panMarker .statusIcon.green {
  background: #43aa12;
}
.panMarker .statusIcon.red {
  background: #e93333;
}
.panMarker .classifcation.blue {
  color: #007396;
}
.panMarker .classifcation.red {
  color: #e93333;
}
.panMarker .classifcation.black {
  color: #000000;
}
.panMarker .statusText.red {
  color: #e93333;
}
.panMarker .statusText.green {
  color: #43aa12;
}
.panMarker .webcamImg {
  max-width: 100%;
}
.panMarker .closeIcon {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #9b9b9b;
  cursor: pointer;
}
.panMarker .closeIcon:hover {
  opacity: 0.8;
}