/* 
    Created on : 20.08.2019, 11:43:38
    Author     : Dhawan
*/
/*
© feratel media technologies AG (http://www.feratel.at)
*/

@font-face {
 /*font-family: 'LatoWeb';*/
 font-family: 'Titillium Web';
 /*  src: url('../fonts/LatoWeb/Lato-Regular.eot');
	 src: url('../fonts/LatoWeb/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/LatoWeb/Lato-Regular.woff2') format('woff2'),
		 url('../fonts/LatoWeb/Lato-Regular.woff') format('woff'),
		 url('../fonts/LatoWeb/Lato-Regular.ttf') format('truetype');*/
 src: url('../fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');
 font-style: normal;
 font-weight: normal;
 text-rendering: optimizeLegibility;
}
@font-face {
 font-family: 'Titillium Web Bold';
 src: url('../fonts/Titillium_Web/TitilliumWeb-Bold.ttf') format('truetype');
 font-style: normal;
 font-weight: normal;
 text-rendering: optimizeLegibility;
}
@font-face {
 font-family: 'Titillium Web SemiBold';
 src: url('../fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf') format('truetype');
 font-style: normal;
 font-weight: normal;
 text-rendering: optimizeLegibility;
}
@font-face {
 /*font-family: 'LatoWebLightItalic';*/
 font-family: 'TitilliumWebLightItalic';
 /*  src: url('../../fonts/LatoWeb/Lato-LightItalic.eot');
	 src: url('../../fonts/LatoWeb/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
		 url('../../fonts/LatoWeb/Lato-LightItalic.woff2') format('woff2'),
		 url('../../fonts/LatoWeb/Lato-LightItalic.woff') format('woff'),
		 url('../../fonts/LatoWeb/Lato-LightItalic.ttf') format('truetype');*/
 src: url('../fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf') format('truetype');
 font-style: italic;
 font-weight: normal;
 text-rendering: optimizeLegibility;
}
html:-moz-full-screen {
 background: #183255;
}
html:-webkit-full-screen {
 background: #183255;
 width: 100%;
 height: 100%;
}
html:-ms-fullscreen {
 background: #183255;
}
html:fullscreen {
 background: #183255;
}
#mediaplayerOuterDiv:-moz-full-screen {
 background: #183255;
}
#mediaplayerOuterDiv:-webkit-full-screen {
 background: #183255;
}
#mediaplayerOuterDiv:-ms-fullscreen {
 background: #183255;
}
#mediaplayerOuterDiv:fullscreen {
 background: #183255;
}
/*  pattern for onplay landscape  */
/*@media screen and (orientation: landscape) {
  video {
    transform: rotate(-90deg);
  }
}*/
/****************/
body {
 margin: 0;
 padding: 0;
 width: 100%;
 /*height: 100%;*/
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 overflow-x: hidden;
 /*overflow: scroll;*/

 overflow-y: hidden;
 background: rgb(34, 42, 44);

 font-size: large !important;
}
a.noOutline,a:hover.noOutline, a:active.noOutline, a:visited.noOutline, a:focus.noOutline {
 outline: 0;
 outline: none;
 border: none;
}
/* override jw player css blue border */
#mediaplayer:focus {
 outline: 0;
 outline: none;
 border: none;
}
#mediaplayerVP {
 visibility: hidden;
 display: none;
}
#mediaplayerTooSmall,
#mediaplayerFrameTooSmall {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 font-size: 12px;
 line-height: 16px;
 visibility: hidden;
 display: none;
 background: url(./img/default.jpg) top left no-repeat;
 background-size: cover;
 color: white;
 text-shadow: 0px 0px 5px black;
 padding: 10px;
 cursor: default;
}
#mediaplayerTooSmall > a,
#mediaplayerTooSmall > a:hover,
#mediaplayerTooSmall > a:active,
#mediaplayerTooSmall > a:visited,
#mediaplayerTooSmall > a:focus,
#mediaplayerFrameTooSmall > a,
#mediaplayerFrameTooSmall > a:hover,
#mediaplayerFrameTooSmall > a:active,
#mediaplayerFrameTooSmall > a:visited,
#mediaplayerFrameTooSmall > a:focus {
 color: white;
 text-decoration: underline;
 outline: none;
}
#player_div{
 z-index: 10;
 width: 100%;
 position: relative;
}
#content_div {
 width: 100%;
 color: whitesmoke;
 overflow: auto;
 padding: 0 4.17%;
 margin-top: 5.77%;
}
#spacer_40 {
 height: 40px;
}
#spacer_30 {
 height: 30px;
}
#spacer_20 {
 height: 20px;
}
.default {
 cursor: default;
}
/*#txt_webcam_suchen {
  display: table;
  float: left;
  font-family: 'Titillium Web' !important;
  font-style:  normal;
  font-weight: 400;
  text-shadow: 0px 0px 5px black;
  color: whitesmoke;
  width: 20.82999%;
  padding-top: 1.56%;
  cursor: pointer;
}*/
#txt_webcam_suchen {
 display: table;
 float: left;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 color: whitesmoke;
 padding-top: 0.78%; /*  1.56%;  */
 cursor: pointer;
}
#txt_webcam_suchen > div {
 display: flex;
 display: -webkit-flex;
}
/*  */
#txt_webcam_suchen_txt {
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
}
#txt_webcam_suchen_x {
 padding-top: 6.29%;
 opacity: 0;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 font-size: 1.375vw;
 cursor: pointer;
}
/*  */
/*#div_webcam_suchen {
  position: absolute;
  background: transparent;
  padding: 12px 20px 3.64%;  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;  
  width: 41.66666%;
	
  left: 1.04%;
  top: 6.29%;
}*/
#div_webcam_suchen {
 position: absolute;
 background: rgb(34, 42, 44);
 margin: 0 20px 6px 0;  /*  padding: 12px 20px 3.64%;  */
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;

 width: 99.99999%;
 top: 0;
}
.dropdown_webcam_suchen,
#dropdown_webcam_suchen {
 border: 1px solid black;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 font-size: 12px;
 width: 220px;
 margin: 0.78%;  /*  1.56%; 20px; */
 outline: none;

 /*visibility: hidden;*/
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 cursor: pointer;
}
optgroup {
 color: rgb(34, 42, 44);
 background: whitesmoke;
}
option {
 color: whitesmoke;
 background: rgb(34, 42, 44);
}
#button_webcam_suchen {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 background: transparent;  /*  #e5e5e5;  */
 border: none; /*  1px solid black;
 font-weight: 700;
 font-size: 12px;
 width: 100px;
 height: 20px; */
 text-transform: uppercase;
 outline: none;
}
#trenner_suche_caption {
 visibility: hidden;
 display: none;
}
#pc_lg_xs {
 visibility: hidden;
 display: none;
}
/*** LiveVideo HTML PLAYER**********************************************************************************************************/
video::-webkit-media-controls-start-playback-button {
 display: none !important;
}
/*#video_center_replay,
#video_center_pause,
#video_center_buffer,*/
#video_center_play {
 visibility: hidden;
 position: absolute;
 top: 41.66666%;
 left: 45.83666%;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 transition: 0.3s ease;
 -webkit-transition: 0.3s ease;
}
#pws_center_play {
 z-index: 1000;
 visibility: visible;
 position: absolute;
 top: 45%;
 left: 47.375%;
 cursor: pointer;
 width: 5.25%;
}

#video_play,
#video_pause {
 position: absolute;
 visibility: visible;
 width: calc(99.99% * 0.245);  /*  calc(99.99% * 1.225)  */
 margin: 15.62666% 19.78666%;  /*  83.33333% calc(99.99999% * 1.47)  */

 display: block;
}
/*  */
.btn-play_pause {
 width: 7.33333%;
}
#vcp {
 opacity: 0.83333
}
/*  */
#video_position {
 position: absolute;
 left: 46.87999%;
 padding: 0 20px;
 bottom: 9.37333%;
 color: whitesmoke;

 opacity: 0.83333;
}
#video_position > div {
 display: table;
 /*height: 100%;*/
}
#video_position > div > div {
 display: table-cell;
 vertical-align: middle;
}
#video_fullscreen,
.pws_fullscreen {
 position: absolute;
 right: 2.6%;
 height: 41.66666%;
 width: calc(100% * 0.0245);
 background: url(../images/wtvjsp/Fullscreen.png) bottom right no-repeat;
 background-size: contain;

 /*bottom: 36.45333%;*/
 top: 29.16333%;
 cursor: pointer;
}
#video_fullscreen_exit {
 display: none;
 visibility: hidden;
 position: absolute;
 bottom: 0px;
 right: 0px;
 height: calc(100% * 0.0819);
 width: calc(100% * 0.049);
 background: url(./img/fullscreenOff.png) bottom right no-repeat;
 background-size: contain;
}
#video_play:hover,
#video_pause:hover,
#video_fullscreen:hover,
#video_fullscreen_exit:hover {
 /*background-color: rgba(0, 0, 0, 0.3);*/
 cursor: pointer;
}
#video_download {
 position: absolute;
 bottom: 200px;
 left: 0px;
 width: 29.5%;
 height: calc(3.1%);
 text-align: right;
}
/*  */
#fer_video {
 background-repeat: repeat;
 background-position: top right;

 transform: translateY(0.25%); /*  scaleY(1.01); */
 -webkit-transform: translateY(0.25%); /*  scaleY(1.01); */
}
#livebildDIV {
 background-size: cover;
 background-repeat: no-repeat;
 width: 100%;
 height: 100%;
}
/*  */
/*** Progress-Bar **********************************************************************************************************/
.controls {
 position: absolute;
 bottom: 0px;
 left: 0px;
 overflow: hidden;
 background-color: white;
 width: 99.99999%;
 height: 5px;
 bottom: 99.99999%;

 z-index: 10;
}
.controls[data-state=hidden] {
 display: none;
}
.controls[data-state=visible] {
 display: block;
}
.controls .progress {
 background-color: rgba(0, 56, 113, 0.4);
 padding: 0px 0px 0px 0px;
 cursor: pointer;
 width: 99.99999%;
 margin: 0px !important;
 padding: 0px !important;
 height: 8px !important;
}
.controls progress {
 /*background-color: rgba(0, 34, 69, 0.85);*/
 background: rgb(32, 38, 40);  /*  rgb(34, 42, 44);  */
 display: block;
 width: 99.99999%;
 border: none;
 overflow: hidden;
 color: rgb(0, 105, 180); /*  Internet Explorer uses this value as the progress bar's value colour  */
 margin: 0px !important;
 padding: 0px !important;
 height: 8px !important;
}
.controls progress[data-state="fake"] {
 background: #e6e6e6;
 height: 8px !important;
}
.controls progress span {
 width: 0%;
 height: 8px !important;
 display: inline-block;
 background-color: rgb(0, 105, 180); /*  #2a84cd;  */
}
.controls progress::-moz-progress-bar {
 /*background-color: #e6e6e6;*/
}
/* Chrome requires its own rule for this, otherwise it ignores it */
.controls progress::-webkit-progress-bar {
 background-color: rgba(0, 34, 69, 0.85);
 padding: 0px !important;
 margin: 0px !important;
 height: 8px !important;
}
.controls progress::-webkit-progress-value {
 background-color: rgb(0, 105, 180);  /* #e6e6e6;  */
 padding: 0px !important;
 margin: 0px !important;
 height: 8px !important;
}
.progress {
 height: 8px !important;
 border-radius: 0px !important;
}
/*  */
.video_skip_10 {
 cursor: pointer;
 text-decoration: none;
 top: 0 !important;
 height: 100%;
 padding: 3.12%;
}
.video_skip_10_div {
 margin-top: calc(99.99999% * 6.37);
 display: none;
 font-size: xx-large;
}
.video_skip_10:hover {
 padding: 0
}
.video_skip_10:hover > .video_skip_10_div {
 display: block
}
/*  */
/*** LiveVideo PLAYER **********************************************************************************************************/
/* mit bzw. ohne Steuerleiste Player */
/*.nobtm {
  bottom: 8px;
}
.btm {
  bottom: 0px;
}*/
.noVideoSupport {
 z-index: 200;
 position: absolute;
 top: 0px;
 left: 0px;
 font-size: 20px;
 background: red;
}
#mediaplayer {
 cursor: default;
}
#mediaplayerDIV {
 position: absolute;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 color: white;
 font-size: 16px;
 width: 100%;
 height: calc(width / 16 * 9);
 cursor: default;
}
#video_ausblenden,
#video_einblenden,
#video_zurueck {
 position: absolute;
 bottom: 8.85333%;
 right: 0px;
 cursor: pointer;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 color: whitesmoke;
 padding: 12px 20px;

 opacity: 0.83333;
}
#video_einblenden {
 bottom: 0.52%;
}
#video_close {
 position: absolute;
 top: 20px;
 right: 20px;
 cursor: pointer;
 width: calc(100% / 16 * 9 * 0.1528 / 2);
}
#video_balken {
 position: absolute;
 left: 0px;
 width: 100%;
}
#video_logo,
.pws_logo {
 position: absolute;
 top: 6.29%;
 right: 20px;
 cursor: default;
 z-index: 10;
 -webkit-user-select: all;
 -ms-user-select: all;
}
/*#video_cams_arrow_left {
  z-index: 100;
  position: absolute;
  top: calc(50% - 92px);
  cursor: pointer;
  padding: 20px 30px 20px 20px;
}
  padding: 20px 20px 20px 30px;*/
#video_cams_arrow_left, #video_cams_arrow_right {
 z-index: 100;
 position: absolute;
 top: calc(50% - 92px);
 cursor: pointer;
 padding: 16.66666% 0 0 5.25%;

 opacity: 0.75;
}
#video_cams_arrow_right {
 right: 0px;
}
#video_cams, .video_cams,
#video_cams_m, .video_cams_m {
 position: absolute;
 max-width: 108.33333%;  /*  calc(100% - 12.49666% - 40px - 20px); Playerbreite - Logo - Abstand links/rechts und zwischen Logo und Thumbnails*/
 visibility: visible;
 padding: 1.56% 0 0 0;

 top: 4.69%;
}
@media (max-width: 2559px) {
 #video_cams:hover,
 .video_cams:hover {
	width: 108.33333%;
	height: 9.89333%;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	background-image: linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
	background-image: -webkit-linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
	opacity: 0.89;

	left: calc(99.99999% * -0.015925);
	z-index: 10;
 }
}
/*  */
.cams {
 position: relative;
 float: left;
 left: 2.08%;
}
.cams .tooltip_fc {
 position: absolute;
 z-index: 100;
 top: 49px;
 background-color: whitesmoke;
 color: rgb(34, 42, 44);
 padding: 2px 6px;
 font-size: 12px;
 font-weight: bold;
 text-shadow: none;
 -webkit-box-shadow: 0px 0px 10px #888888;
 box-shadow: 0px 0px 10px #888888;
}
.cams #tooltip_cams {
 visibility: hidden;
 width: 207px;
 color: #ffffff;
 padding: 0px 0;
 position: absolute;
 z-index: 100;
 top: 64px;
 opacity: 0.30833;
 background-color: rgb(34, 42, 44);
 cursor: pointer;

 left: 37.50333%;
}
.cams:hover #tooltip_cams {
 visibility: visible;
 opacity: 1;

 transform: scale(1.375);
 -webkit-transform: scale(1.375);
}
.tooltip_cams_info {
 font-size: x-small;
 font-weight: bold;
 text-shadow: none;
 padding: 2px;
 color: rgb(34, 42, 44);
 background-color: white;

 cursor: default;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
.cams:hover .cams_img,
.cams:hover .cams_img_a {
 z-index: 100;
 -o-transition: all 0.2s;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 transition: all 0.2s;
 -webkit-transform: translate(16px) scale(1.6);
 -moz-transform: translate(16px) scale(1.6);
 -ms-transform: translate(16px) scale(1.6);
 -o-transform: translate(16px) scale(1.6);
 transform: translate(16px) scale(1.6);
}
.cams_img,
.cams_img_a {
 -webkit-box-shadow: 0px 0px 10px #888888;
 box-shadow: 0px 0px 10px #888888;
 background: white;
 padding: 1px;
 margin-right: 6px;
 margin-bottom: 6px;
 width: 65px;
 height: 39px;
 cursor: pointer;
}
.cams_img_a {
 padding: 3px;
}
.cams_skypano_img,
.cams_skypano_img_a {
 background-position: center center;
 background-repeat: no-repeat;
 background-size: 63px 37px;
 width: 65px;
 height: 39px;
}
.cams_skypano_img_a {
 background-size: 57px 31px;
}
/*  */
#video_kameramodus_vp,
#video_kameramodus_vp > img {
 visibility: hidden;
 display: none;
}
#video_kameramodus,
#video_kameramodus_hist {
 position: absolute;
 left: 0px;
 width: calc(100% * 0.049);
 height: calc(width / 0.049 / 13.52);
}
#video_kameramodus:hover {
 background-color: rgba(0, 0, 0, 0.3);
 cursor: pointer;
}
/********************/

#video_kameramodus_button {
 font-family: 'Titillium Web' !important;
 background: transparent;

 cursor: pointer;
 width: 6.29%;
 margin: 0 0.26%;
}
/********************/
#video_kameramodus_menue,
.video_kameramodus_menue,
#zr_box,
.pano_kameramodus_menue,
#video_tipps_menue,
.video_tipps_menue {
 position: absolute;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 bottom: 8.33333%;
 background: transparent;

 width: 99.99999%;
}
.kameramodus_itemHeader {
 width: 100%;
 display: table;
 background-color: rgba(0, 0, 0, 0.3);
 border-bottom: 1px solid #8495a3;
 padding-left: 20px;
 padding-right: 20px;
}
.kameramodus_item {
 width: 99.99999%;
 display: table;
 background-color: transparent;
 background-position: left center;
 background-repeat: no-repeat;
 background-size: contain;
 padding: 0 16.66666% 0.26%;
 color: white;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
.kameramodus_item_last {
 width: 100%;
 height: 70px;
 display: table;
 background-color: rgba(0, 0, 0, 0.3);
 background-position: left center;
 background-repeat: no-repeat;
 background-size: contain;
 padding-left: 70px;
 padding-right: 50px;
}
.kameramodus_item.modus_archiv {
 background-image: url(./img/modus_archiv.png);
}
.kameramodus_item.modus_pano {
 background-image: url(../images/wtvjsp/360.png);
}
.div_pano {
 background-image: url(../images/wtvjsp/360.png);
 background-repeat: no-repeat;
 background-size: 91.66666%;
}
.div_video {
 background-image: url(../images/wtvjsp/LiveVideo.png);
 background-repeat: no-repeat;
 background-size: 91.66666%;
}
.kameramodus_item.modus_pano_a {
 /*background-image: url(./img/modus_360_a.png);*/
}
.kameramodus_item.modus_video {
 background-image: url(../images/wtvjsp/LiveVideo.png);
}
.kameramodus_item.modus_zr {
 background-image: url(../images/wtvjsp/Zeitraffer.png);
}
.kameramodus_item.modus_zr_a {
 /*background-image: url(./img/modus_zr_a.png);*/
}
.kameramodus_item.modus_poi {
 background-image: url(../images/wtvjsp/Snaps.png);
}
.kameramodus_item.small {
 height: 35px;
 padding-left: 20px;
 padding-right: 10px;
 font-size: 12px;
}
.kameramodus_item.small:last-child {
 /*border-bottom: 0px solid #8495a3;*/
}
.kameramodus_itemHeader > div,
.kameramodus_item > div,
.kameramodus_item_last > div,
.tipps_item > div,
.tipps_itemHeader > div,
.tipps_item_last > div,
.tophotels_item > div,
.tophotels_item_nopic > div,
.tophotels_item_last > div,
.tophotels_item_last_nopic > div {
 display: table-cell;
 vertical-align: middle;
}
.kameramodus_item:hover,
.kameramodus_item_last:hover,
.tipps_item:hover,
.tipps_item_last:hover,
.tophotels_item:hover,
.tophotels_item_last:hover,
.tophotels_item_nopic:hover,
.tophotels_item_last_nopic:hover {
 cursor: pointer;
 color: whitesmoke;
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}
.zr {
 padding-left: 0px !important;
 padding-right: 0px !important;
 text-align: center;
 border-bottom: 0px solid #8495a3;
}
.kameramodus_item.zr:hover {
 cursor: default;
}
#kameramodus_menue_logo {
 position: absolute;
 top: 16.14666%;
 cursor: default;
 z-index: 0;

 opacity: 0.9;
}
/********************/
#video_kamerainfo {
 position: absolute;
 right: 0px;
}
#video_kamerainfo:hover,
.video_kamerainfo_active {
 background-color: rgba(0, 0, 0, 0.3);
 cursor: pointer;
}
#video_kamerainfo_menue,
.video_kamerainfo_menue,
/*#video_tipps_menue,
.video_tipps_menue,*/
.pano_kamerainfo_menue,
.pano_tipps_menue {
 z-index: 200;
 position: absolute;
 right: 0px;
 background-color: rgba(0, 56, 113, 0.75);
 width: 290px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 font-size: 16px;
}
.tipps_itemHeader {
 width: 100%;
 height: 70px;
 display: table;
 background-color: rgba(0, 0, 0, 0.3);
 background-repeat: no-repeat;
 background-size: contain;
 border-bottom: 1px solid #8495a3;
 padding-left: 70px;
}
.tipps_itemHeader > div {
 text-transform: uppercase;
}
#tipps_itemHeader_close {
 vertical-align: middle;
 text-align: right;
 padding-right: 20px;
 padding-left: 20px;
 width: 35px;
}
#tipps_itemHeader_close:hover {
 background-color: rgba(0, 0, 0, 0.3);
 cursor: pointer;
}
.tipps_item {
 width: 83.33333%;
 height: 70px;
 display: table;
 background-color: transparent;  /*  rgba(0, 0, 0, 0.3); */
 background-position: left center;
 background-repeat: no-repeat;
 background-size: contain;
 padding: 0 20px;
 border-bottom: 1px solid rgb(69, 69, 68);
 color: whitesmoke;

 margin: 0 1.04%;
}
.tipps_item_last {
 width: 83.33333%;
 height: 70px;
 display: table;
 background-color: transparent;  /*  rgba(0, 0, 0, 0.3); */
 background-position: left center;
 background-repeat: no-repeat;
 background-size: contain;
 padding: 0 20px;
 color: whitesmoke;

 margin: 0 1.04%;
 border-bottom: 1px solid rgb(69, 69, 68);
}
#video_tophotels_menue {
 position: absolute;
 right: 205px; /*  251px;  */
 background-color: rgb(0, 105, 180); /*rgba(0, 56, 113, 0.75);*/
 width: auto;
 font-weight: bold;
 bottom: calc(99.99999% * 0.0755);  /*  656); */
 opacity: 0.83333;
}
#video_tophotels {
 display: table;
 position: absolute;
 width: 12.99999%;
 text-align: center;
 /*  background: url(./img/balken_arrow.png) top center no-repeat;
	 background-size: contain;*/

 color: whitesmoke;
 right: calc(99.99999% * 0.239 + 1px);
 top: 0;
 padding: 1.3%;
}
#video_tophotels:hover {
 cursor: pointer;
}
/*#video_tophotels_div {
  padding-top: 8.33333%;
  display: table-cell;
  vertical-align: middle;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}*/
.tophotels_item,
.tophotels_item_last,
.tophotels_item_nopic,
.tophotels_item_last_nopic {
 width: 99.99999%;
 height: 70px;
 display: table;
 background-color: rgb(34, 42, 44);
 /*  font-size: 0.825vw;*/
 text-transform: uppercase;
 color: whitesmoke;
}
.tophotels_item {
 background-position: 10px 15px;
 background-repeat: no-repeat;
 background-size: 71px 40px;
 padding: 0 45px 0 90px;
 border-bottom: 1px solid #8495a3;
}
.tophotels_item_last {
 background-position: 10px 15px;
 background-repeat: no-repeat;
 background-size: 71px 40px;
 padding-left: 90px;
}
.tophotels_item_nopic {
 padding-left: 10px;
 border-bottom: 1px solid #8495a3;
}
.tophotels_item_last_nopic {
 padding-left: 10px;
}
.tophotels_item_sloagn {
 font-family: 'TitilliumWebLightItalic' !important;
 font-style:  italic;
 font-weight: 300;
 text-shadow: 0px 0px 5px black;
 font-size: 0.91vw;
 text-transform: none;
}
.tophotels_br {
 display: none
}
/*    ***** WETTER  *****   */
#video_wetter {
 position: absolute;
 display: table;
 text-align: center;
 font-family: 'Titillium Web' !important;
 vertical-align: middle;

 right: 16.66666%;
 font-size: large;
}
#video_wetter_img,
#pws_video_wetter_div_img > img {
 position: fixed;
 right: 20.82999%;
 bottom: 1.56%;
 width: 2.34%;
}
/*  */
.video_weather_td {
 width: 12.50333%;
}

/*  */
#video_wetter_noClick {
 position: absolute;
 display: table;
 right: 250px;
 width: 186px;
 height: 59px;
 text-align: center;
 cursor: default;
}
#video_wetter_vp {
 display: none;
 visibility: hidden;
}
#video_wetter:hover {
 /*background-color: rgba(0, 0, 0, 0.3);*/
 cursor: pointer;
}
#video_wetter_div,
.video_wetter_div,
#video_wind_div,
.video_wind_div {
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
#video_wetter_div,
.video_wetter_div,
#pws_video_wetter_div {
 visibility: visible;
 opacity: 1;
}
#video_wind_div,
.video_wind_div {
 display: none;
}
/**/
#video_wetter_detail_div {
 vertical-align: middle;
 text-align: left;
 position: absolute;
 left: 41.66666%;
 font-size: 3.3vw;
 top: calc(99.99999% * -0.1837);
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 color: whitesmoke;

 font-family: 'Titillium Web SemiBold' !important;
}
#video_wind_detail_div,
.video_wind_detail_div {
 margin-top: 11.19433%;
 width: 9%;
 margin-left: 67.70666%; /*  69.00666%;  */
 position: fixed;
 font-size: medium;
}
#video_sun_div {
 vertical-align: middle;
 position: absolute;
 left: 66.66666%;
 /*bottom: 33.33333%;*/
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;

 display: flex;
 display: -webkit-flex;
}
#video_sun_div {
 top: 48.95999%;
}
#weather_clock {
 padding: 10.41333% 37.50333%;
}

#video_wetterWind_div {
 padding-left: 5px;
 padding-top: 5px;
 display: table-cell;
 vertical-align: middle;
 text-align: left;
 visibility: hidden;
 display: none;
}
#video_wetter_div_img,
#video_wetter_vp_div_img {
 display: table-cell;
 vertical-align: middle;
 text-align: right;
}
/*  ***** ***** WETTER v4 ***** ***** */
#video_weather_active {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 z-index: 1;
 height: calc(99.99999% * 3.43);
 position: absolute;
 left: 0;
 overflow: hidden;
 background-image: linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
 background-image: -webkit-linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);

 display: none;
 color: whitesmoke;

 bottom: calc(99.99999%);
 width: 99.99999%;
}
/*#video_weather_close,
.video_weather_close {*/
#close_weather,
.close_weather {
 right: 14.06666%;
 position: absolute;
 background-image: linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 background-image: -webkit-linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 bottom: 0;

 top: 1%;
 padding: 0.78% 3.64%;
 cursor: pointer;
}
/*#close_weather::after,
.close_weather::after {
  content: "";
  position: absolute;
  bottom: 99%;
  left: 50%;
  margin-left: -4.17%;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent rgb(0, 105, 180) transparent;
}*/
/*  Date | Location, Height   */
.video_weather_df {
 color: whitesmoke;
 text-align: center;
}
.video_weather_head {
 color: whitesmoke;
 /*text-decoration: underline;*/
 /*text-align: right;*/
 border-bottom: 1px solid whitesmoke;
}
/*  */
#video_weather_table,
.video_weather_table {
 margin: calc(99.99999% * -0.129) 37.49666%;
 max-width: max-content;
}
/*  */
.video_wind_img {
 width: 25%;
}
.video_sun_img {
 width: 33.33333%;
}
/*  */
#videoPosition {
 position: absolute;
 display: table;
 text-align: left;
 font-size: 18px;
 overflow: hidden;
 cursor: default;
 bottom: 0px;
 left: 125px;
 height: 95px;
 padding-top: 3px;
}
#video_pc,
#video_pc_livebild {
 position: absolute;
 display: table;
 text-align: left;
 overflow: hidden;
 cursor: default;

 color: whitesmoke;
 margin: 58.33333% 99.99999%;
}
#video_pc > div,
#video_pc_livebild > div,
#videoPosition > div {
 display: table-cell;
 vertical-align: middle;
}
#video_pc > div > a,
#video_pc > div > a:hover,
#video_pc > div > a:active,
#video_pc > div > a:focus,
#video_pc > div > a:link,
#video_pc > div > a:visited,
#video_pc_livebild > div > a,
#video_pc_livebild > div > a:hover,
#video_pc_livebild > div > a:active,
#video_pc_livebild > div > a:focus,
#video_pc_livebild > div > a:link,
video_pc_livebild > div > a:visited,
#header_pc > div > a,
#header_pc > div > a:hover,
#header_pc > div > a:active,
#header_pc > div > a:focus,
#header_pc > div > a:link,
#header_pc > div > a:visited,
#header_pc > div > a,
#header_pc > div > a:hover,
#header_pc_livebild > div > a:active,
#header_pc_livebild > div > a:focus,
#header_pc_livebild > div > a:link,
#header_pc_livebild > div > a:visited,
#header_pc_scroll > div > a,
#header_pc_scroll > div > a:hover,
#header_pc_scroll > div > a:active,
#header_pc_scroll > div > a:focus,
#header_pc_scroll > div > a:link,
#header_pc_scroll > div > a:visited,
#header_pc_scroll > div > a,
#header_pc_scroll > div > a:hover,
#header_pc_livebild_scroll > div > a:active,
#header_pc_livebild_scroll > div > a:focus,
#header_pc_livebild_scroll > div > a:link,
#header_pc_livebild_scroll > div > a:visited {
 text-decoration: none;
 color: white;
 outline: none;
 text-shadow: 0px 0px 5px black;
}
#video_pc > div > a:hover,
#video_pc_livebild > div > a:hover,
#header_pc > div > a:hover,
#header_pc > div > a:hover,
#header_pc_scroll > div > a:hover,
#header_pc_livebild_scroll > div > a:hover {
 text-decoration: underline;
 color: white;
 outline: none;
 text-shadow: 0px 0px 5px black;
}
/*  */
/**/
#header_pc,
#header_pc_livebild {
 display: none;
}
.clock_hist {
 font-size: 16px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
}
#video_clock,
.video_clock {
 position: absolute;
 display: table;
 height: calc(91.66666% * 0.0245);
 cursor: default;
 left: calc(99.99999% * 0.11 + 52px);
 bottom: 50%;
 /*font-size: 1.1vw;*/
 color: white;
 text-align: left;
}
#video_clock_div,
.video_clock_div {
 padding-top: 5px;
 display: table-cell;
 vertical-align: middle;
 /*font-size: 1vw;*/
}
#video_clock_div_img {
 display: table-cell;
 vertical-align: middle;
 text-align: left;
}
#video_clock_img {
 height: 28px;
}
#videofullscreen {
 position: absolute;
 bottom: 0px;
 right: 0px;
 width: calc(100% * 0.049);
 height: calc(width / 0.049 / 21.82);
}
#videofullscreen:hover {
 background-color: rgba(0, 0, 0, 0.3);
 cursor: pointer;
}
#videofullscreenOff_img {
 display: none;
}
#video_trenner_info_fullscreen {
 position: absolute;
 right: 63px;
 height: 59px;
 width: 1px;
}
#video_trenner_wetter_info {
 position: absolute;
 right: 126px;
 height: 59px;
 width: 1px;
}
#video_trenner_tophotels_wetter {
 position: absolute;
 right: 251px;
 height: 59px;
 width: 1px;
}
#video_trenner_tophotels_wetter_vp {
 visibility: hidden;
 display: none;
}
#video_trenner_modus_play {
 position: absolute;
 left: 63px;
}
#video_trenner_play_caption {
 position: absolute;
 left: 186px;
}
#videoReplay, #videoBuffer, #videoPlay {
 z-index: 999;
 visibility: hidden;
 position: absolute;
 cursor: pointer;
 left: calc(100% / 2 - 35px);
}

#video_popup_skypano {
 z-index: 999;
 position: absolute;
 cursor: pointer;
 top: calc(50% - 65px);
 left: calc(50% - 150px);
 padding: 20px;
 background-color: rgba(0, 56, 113, 1.0);
 -webkit-box-shadow: 1px 1px 5px black;
 box-shadow: 1px 1px 5px black;
 cursor: pointer;
 font-size: 14px;
 width: 300px;
 height: 130px;
 text-align: center;
 vertical-align: middle;
 display: table;
 color: white;
}
#video_popup_skypano2 {
 z-index: 800;
 position: fixed;
 cursor: none;
 top: calc(50% - 40px);
 left: 43.74666%;
 padding: 0px;
 background-color: rgb(34, 42, 44);
 -webkit-box-shadow: 1px 1px 5px black;
 box-shadow: 1px 1px 5px black;
 cursor: none;
 font-size: 16px;
 width: 220px;
 /*height: 80px;*/
 text-align: center;
 vertical-align: middle;
 /*display: table;*/
 color: white;
}
#video_popup_archiv {
 /*z-index: 999;*/
 position: absolute;
 cursor: pointer;
 top: calc(50% - 40px);
 left: 41.66666%;
 padding: 15px;
 background-color: rgb(34, 42, 44);
 -webkit-box-shadow: 1px 1px 5px black;
 box-shadow: 1px 1px 5px black;
 font-size: 16px;
 /*width: 220px;*/
 text-align: center;
 vertical-align: middle;
 color: white;
}

#video_popup_skypano > div,
/*#video_popup_skypano2 > div,*/
#video_popup_archiv > div {
 font-family: 'Titillium Web' !important;
 display: table-cell;
 vertical-align: middle;
}
#video_popup_archiv > div > img {
 width: 70px;
 padding-right: 10px;
}
#video_popup_archiv > div > a {
 color: white;
 text-decoration: underline;
 font-weight: bold;
}
/****** TOP-HOTELS / HOTSPOTS *******************************************************************************************************/
#hotspots_div {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 z-index: 100;
 height: 92.18666%;
 /*height: 92.40666%;*/
 position: fixed;
 top: 0;
 left: 0;
 /*overflow-y: scroll;*/
 overflow-x: hidden;
 /*padding-top: 60px;*/
 background: rgb(34, 42, 44);
 opacity: 0.94;

 display: none;
}
.hotspot_blickrichtung {
 padding-bottom: 8px;
}
.hotspot_blickrichtung > img {
 width: 50px;
}
#video_tophotels_close,
.video_tophotels_close {
 visibility: hidden;
 width: calc(99.99999% * 0.14 + 1px);
 right: calc(99.99999% * 0.2345 + 1px);
 position: absolute;
 background-image: linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 background-image: -webkit-linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 height: 99%;
 bottom: calc(99.99999% * 0.0098);
}
#video_tophotels_close::after,
.video_tophotels_close::after {
 content: "";
 position: absolute;
 bottom: 99%;
 left: 50%;
 margin-left: -2.60%;
 border-width: 6px;
 border-style: solid;
 border-color: transparent transparent rgb(0, 105, 180) transparent;
}
/*  */
.img_tophotels {
 width: 16.66666%;
}
#video_tophotels_active,
.video_tophotels_active {
 z-index: 100;
 top: 0;
 overflow-y: scroll;
 overflow-x: hidden;
 background: rgb(34, 42, 44);
 display: none;
 position: absolute;
 color: whitesmoke;
 bottom: 0;
 width: 99.99999%;
}
#tophotel_v_trenner {
 border-left: 1px solid white;
}
/*.tophotel_page {
  padding: 40px 40px 0px 40px;
    4.17% 14.58666%;  
}*/
#tophotel_col {
 display: inline-grid;
 width: 28.64%;
}
.tophotel_item {
 clear: both;
 padding: 11.45333%;   /*  6.29% 18.74666%;  */
 z-index: auto;
}
/*.tophotel_item_pic {
  padding-bottom: 30px;
  z-index: 1000;
}*/
.tophotel_item_content_l,
.tophotel_item_content_r {
 padding: 5.25%;
 background-color: rgb(45, 55, 58);
}
.tophotel_item_trenner {
 border-right: 1px solid white;
}
.tophotel_name {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 text-shadow: 0px 0px 5px black;
 text-transform: uppercase;
 line-height: 16px;
 padding-bottom: 5px;
}
.tophotel_slogan {
 font-family: 'Titillium Web' !important;
 font-weight: 300;
 text-shadow: 0px 0px 5px black;
 font-size: 15px;
 line-height: 14px;
 padding-bottom: 5px;

 cursor: default;
}
.tophotel_button {
 padding-top: 5px;
}
.tophotel_scroll {
 padding:0;
 margin:0 83.33333%;
 width:4.17%;
 font-size: xxx-large;
}
/*  */
#video_popup_snaps {
 position: absolute;
 cursor: pointer !important;
 /*top: calc(91.66666% - 40px);*/
 left: 45.83666%;
 padding: 15px;
 background-color: rgb(34, 42, 44);
 -webkit-box-shadow: 1px 1px 5px black;
 box-shadow: 1px 1px 5px black;
 cursor: none;
 font-size: 16px;
 width: 220px;
 text-align: center;
 vertical-align: middle;
 color: white;
}
/****** HISTORIE (ACHRIV) / LIFTE/PISTEN / KAMERAINFORMATION *******************************************************************************************************/
#tophotels_div,
#historie_div,
#lifte_pisten_div {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 color: white;
}
#historie_menu {
 padding-top: 40px;
 padding-right: 40px;
 padding-left: 40px;
 width: 100%;
}
.historie_menuitem {
 float: left;
 padding-left: 20px;
 padding-right: 40px;
 vertical-align: middle;
 font-size: 14px;
}
.historie_menuitem.last {
 padding-right: 0px;
}
a.historie_menuitem,
a:hover.historie_menuitem,
a:active.historie_menuitem,
a:visited.historie_menuitem,
a:focus.historie_menuitem {
 color: white;
 text-decoration: none;
 outline: none;
}
.historie_infos {
 float: left;
 color: white;
 visibility: hidden;
}
#historie_arrowRight {
 padding-top: 150px;
 text-align: right;
 padding-right: 40px;
 cursor: pointer;
}
#historie_arrowLeft {
 padding-top: 150px;
 text-align: left;
 padding-left: 40px;
 cursor: pointer;
}
#historie_arrowRight > img,
#historie_arrowLeft > img {
 height: 80px
}
.historie_txt {
 color: black;
}
#hist_sel_date {
 text-transform: uppercase;
 font-weight: bold;
 cursor: pointer;
}
#hist_cal {
 text-align: center;
 padding-bottom: 1000px;
}
#hist_cal > div {
 text-align: center;
 margin: 0 auto;
 width: 240px;
}
#close_cal {
 text-transform: uppercase;
 cursor: pointer;
 opacity: 0.5;
 text-align: right;
 padding-top: 100px;
 padding-bottom: 10px;
 font-size: 12px;
}
/*****************************************************************************************/
.ui-datepicker {
 display: none;
 color: white;
}
.ui-datepicker .ui-datepicker-header {
 position: relative;
 padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
 position: absolute;
 top: 2px;
 width: 1.8em;
 height: 1.8em;
 color: white;
}
.ui-datepicker .ui-datepicker-prev {
 left: 2px;
}
.ui-datepicker .ui-datepicker-next {
 right: 2px;
}
.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: -14px;
 cursor: pointer;
 font-weight: bold;
 font-size: 22px;
}
.ui-datepicker .ui-datepicker-title {
 margin: 0 2.3em;
 line-height: 1.8em;
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 cursor: default;
}
.ui-datepicker .ui-datepicker-title select {
 margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
 width: 45%;
}
.ui-datepicker table {
 width: 100%;
 border-collapse: collapse;
 margin: 0 0 .4em;
 border-top: 1px solid white;
}
.ui-datepicker th {
 padding: .7em .3em;
 text-align: center;
 font-weight: bold;
 border: 0;
}
.ui-datepicker td {
 border: 0;
 padding: 3px;
}
.ui-datepicker td span,
.ui-datepicker td a {
 display: block;
 padding: .2em;
 text-align: center;
 text-decoration: none;
 color: white;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 float: left;
}
.ui-datepicker-unselectable.ui-state-disabled > span {
 opacity: 0.2;
 cursor: default;
}
.hasDatepicker {
 border-bottom: 1px solid white;
}
/*****************************************************************************************/
#myVideo {
 z-index: 1000;
 position: absolute;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 font-size: 16px;
 color: white;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: top left;
}
#hist_infos {
 float: left;
 display: table;
 width: 100%;
 text-align: center;
}
#hist_infos_tr {
 display: table-row;
}
#hist_infos_td {
 display: table-cell;
 background: yellow;
}
#hist_infoitems {
 padding: 20px 40px 0px 40px;
}
#clock_w {
}
#clock_t {
 padding-right: 15px;
}
#clock_s {
 padding-right: 6px;
}
.hist_tempverlauf {
 text-align: left;
 padding-top: 20px;
 padding-left: 40px;
}
#auswahl_tempverlauf {
 color: black;
 margin-bottom: 20px;
}
#img_tempverlauf {
 width: calc(100% - 90px);
}
#div_tempverlauf {
 width: 700px;
}
/*************************************************************/
/*  .lifte_pisten_* */
/*************************************************************************************************************/
/*  */
.lifte_pisten_table {
 width: 100%;
 padding: 0 1%;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
#video_popup_cps {
 cursor: pointer !important;
 margin: 1.56% 4.69%;
 padding: 15px;
 background-color: rgb(34, 42, 44);
 -webkit-box-shadow: 1px 1px 5px black;
 box-shadow: 1px 1px 5px black;
 font-size: 16px;
 width: 220px;
 text-align: center;
 color: white;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
#video_popup_cps_all {
 display: none;
}
/*  */
.img_shadow {
 -webkit-box-shadow: 0px 0px 5px black;
 box-shadow: 0px 0px 5px black;
 text-shadow: none;
}
.carousel_item {
 padding: 30px 0px 0px 80px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 text-shadow: 0px 0px 5px black;
 font-size: 14px;
 text-transform: uppercase;
 color: white;
 height: 50%;
}
.button {
 border: 2px solid white;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 text-shadow: 0px 0px 5px black;
 color: white;
 font-size: 14px;
 text-transform: uppercase;
 background: none;
 min-height: 40px;
 min-width: 80%;
 padding-top: 5px;
 vertical-align: middle;
}
.button_small {
 border: 2px solid white;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 text-shadow: 0px 0px 5px black;
 color: white;
 font-size: 14px;
 text-transform: uppercase;
 background: none;
 min-height: 30px;
 min-width: 60%;
 padding-top: 5px;
 vertical-align: middle;
}
.button:hover,
.button_small:hover {
 background: rgba(0, 0, 0, 0.30);
}
.txt_input {
 width: 100%;
 height: 40px;
 border: 2px solid white;
 background: url(./img/aktueller_standort.png) center left no-repeat rgba(255, 255, 255, 0.30);
 padding-right: 10px;
 padding-left: 35px;
}
.txt_input::-webkit-input-placeholder {
 color: white;
}
.txt_input::-moz-placeholder {
 color: white;
}
.txt_input:-ms-input-placeholder {
 color: white;
}
.txt_input:-moz-placeholder {
 color: white;
}
.links {
 padding: 30px 50px 0px 50px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 text-shadow: 0px 0px 5px black;
 font-size: 14px;
 text-transform: uppercase;
 color: white;
 height: 33%;
}
.nav_close {
 padding: 6px;
}
#dreieck_o {
 width: 0;
 height: 0;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-bottom: 10px solid white;
}
#dreieck_u {
 width: 0;
 height: 0;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-top: 10px solid white;
}
/* THE TRIANGLE BIG!
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border {
 position: relative;
 height: 30px;
 border-bottom: 1px solid white;
 float: left;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 700;
 text-shadow: 0px 0px 5px black;
}
/*******************************************************************************************************/
/* ALLGEMEINES */
.subheader {
 font-size: 1.35vw;
 font-weight: bold;
 padding-bottom: 15px;
 cursor: default;
 /*text-shadow: 0 0 11px whitesmoke;*/
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
a.link_udl:link, a.link_udl:focus , a.link_udl:visited, a.link_udl:hover, a.link_udl:active {
 text-decoration: underline;
 color: whitesmoke;
 outline: none;
}
a.link_no_udl:link, a.link_no_udl:focus , a.link_no_udl:visited, a.link_no_udl:active {
 text-decoration: none;
 color: whitesmoke;
 outline: none;
}
a.link_infotexte_no_udl:link, a.link_infotexte_no_udl:focus, a.link_infotexte_no_udl:visited, a.link_infotexte_no_udl:active {
 text-decoration: none;
 color: whitesmoke;
 outline: none;
}
/*  */
a.link_infotexte_no_udl:hover, a.link_no_udl:hover {
 text-decoration: underline;
}
/*******************************************************************************************************/
/* KAMERA-INFORMATION / KAMERA- UND STANDORTINFORMATION ksi */
#kamerainfo_div {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 z-index: 100;
 height: 92.18666%;
 /*height: 92.40666%;*/
 position: fixed;
 top: 0;
 left: 0;
 overflow: hidden;
 background: linear-gradient(to right, rgb(34, 42, 44) 58.33333%, transparent 99.99999%);

 display: none;
 color: white;
}
.kamerainfo_txt {
 font-size: 0.9vw;
 cursor: default;
 color: white;
 /*text-shadow: 0 0 11px whitesmoke;*/
}
.kamerainfo_txt_caption {
 font-size: 0.9vw;
 min-width: 112.5px;
 padding-right: 20px;
 cursor: default;
 color: white;
 font-weight: bold;
 /*text-shadow: 0 0 11px whitesmoke;*/
}
#kamerainfo_left {
 /*width: 60%;*/
 float: left;
 padding: 5.25% 25%;
}
#kamerainfo_right {
 width: 41.66666%;
 float: left;
 padding: 10.41333% 0.52%;
}
/*  ad  */
.kamerainfo_border_left {
 border-left: 1px solid white;
 padding: 1.04% 10.41666%;
 width: 99.99999%;
}
.kamerainfo_img {
 margin-left: calc(99.99999% * -0.6125);
 margin-top: calc(99.99999% * 0.0306);
 width: 41.66666%;
}
/*******************************************************************************************************/
/* WETTER */
#wetter_div {
 margin: 10px 40px 40px 40px;
 color: white;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 padding: 0px;
}
#wetter_left > .subheader {
 padding-bottom: 5px;
}
#v_trenner, #v_trenner_SmMd {
 border-right: 1px solid white;
 height: 50px;
 width: 1px;
 -webkit-box-shadow: 0px 0px 5px black;
 box-shadow: 0px 0px 5px black;
}
.wetter_menuitem {
 float: left;
 padding-left: 18px;
 padding-right: 18px;
 vertical-align: middle;
 font-size: 12px;
}
.wetter_menuitem > a, .wetter_menuitem > a:hover, .wetter_menuitem > a:active, .wetter_menuitem > a:visited, .wetter_menuitem > a:focus{
 color: white;
 text-decoration: none;
 outline: none;
}
a.wetter_menuitem, a:hover.wetter_menuitem, a:active.wetter_menuitem, a:visited.wetter_menuitem, a:focus.wetter_menuitem {
 color: white;
 text-decoration: none;
 outline: none;
}
a.wetter_quelle, a.wetter_quelle:hover, a.wetter_quelle:active, a.wetter_quelle:visited, a.wetter_quelle:focus{
 font-size: 11px;
 color: white;
 text-decoration: none;
 outline: none;
}
.wetter_aktuell {
 text-align: center;
 vertical-align: middle;
 width: 33.33%;
 font-size: medium;
 cursor: default;
 color: whitesmoke;
}
.wetter_temp_max {
 font-size: 16px;
}
.wetter_temp_min {
 color: #35c3f7;
 font-size: 13px;
}
.prog_quelle {
 width: 99%;
 text-align: right;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 color: white;
 font-size: 12px;
 cursor: default;
}
.prog_quelle > a, .prog_quelle > a:hover, .prog_quelle > a:active, .prog_quelle > a:focus, .prog_quelle > a:visited {
 color: white;
}
.wetter_tal {
 padding-left: 0px;
 padding-bottom: 12px;
 padding-top: 8px;
 line-height: 18px;
 font-size: 12px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 cursor: default;
 /* text abkürzen */
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 padding-right: 35px;
}
.wetter_tal > a:hover, .wetter_tal > a:active, .wetter_tal > a:focus, .wetter_tal > a:link, .wetter_tal > a:visited {
 color: white;
 text-decoration: none;
 cursor: default;
 outline: none;
}
a:active.selected_wetter, a:focus.selected_wetter, a:link.selected_wetter, a:visited.selected_wetter  {
 color: #bdbdbd;
 cursor: pointer;
}
a:hover.selected_wetter {
 color: #bdbdbd;
 cursor: pointer;
 text-decoration: underline;
}
/* lawineninfo */
.tbl_lawine {
 width: 100%;
 cursor: default;
}
.lawine_header {
 cursor: default;
 font-weight: bold;
}
.lawine_stufe {
 font-size: 16px;
 font-weight: bold;
 padding-bottom: 0px;
 padding-top: 3px;
 text-align: left;
}
.lawine_sl {
 font-size: 11px;
 vertical-align: middle;
}
/*******************************************************************************************************/
/* HEADER / FOOTER */
#footer_div {
 height: 40px;
}
#footer_vp_div {
 display: none;
 visibility: hidden;
}
#header_div {
 padding-right: 40px;
 padding-left: 40px;
 color: white;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 display: table;
 width: 100%;
 height: calc(width / 16 * 9 * 0.1528);
}
#header_div_trenner {
 margin-right: 40px;
 margin-left: 40px;
 color: white;
 height: 1px;
 border-bottom: 1px solid white;
}
#header_div_x {
 display: table-cell;
 vertical-align: middle;
 width: 100%;
}
.player_header {
 height: 100%;
 font-size: 34px;
 cursor: default;
}
.player_header_txt2 {
 line-height: 18px;
 font-size: 20px;
 cursor: default;
}
#copyright {
 text-align: center;
 padding-top: 7px;
 position: relative;
 font-size: 10px;
 height: 40px;
 width: 155px;
 color: #848484;
 float: left;
 cursor: default;
 line-height: 12px;
}
#copyright > a, #copyright > a:hover, #copyright > a:active, #copyright > a:focus, #copyright > a:visited {
 color: #848484;
 text-decoration: none;
 outline: none;
}

/*  marquee Infotexte mod.  */
.infotexte {
 position: absolute;
 width: 99.99999%;
 /*height: 4.69%;*/
 padding-top: 0.52%;
 white-space: nowrap;
 overflow: hidden;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 opacity: 0.83333;
 background: rgb(34, 42, 44);
 color: whitesmoke;
 animation-timing-function: linear;
 animation-delay: 0s;
 animation-iteration-count: infinite;
 animation-direction: normal;
 animation-fill-mode: none;
 -webkit-animation-timing-function: linear;
 -webkit-animation-delay: 0s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-direction: normal;
 -webkit-animation-fill-mode: none;
 cursor: default;

 z-index: 1;
}
.infotexte:before, .infotexte:after {
 position: absolute;
 top: 0;
 width: 50px;
 content: "";
 z-index: 1;
}
.infotexte:before {
 left: 0;
 background: -webkit-linear-gradient(to right, white 8.33333%, transparent 91.66666%);
 background: linear-gradient(to right, white 8.33333%, transparent 91.66666%);
}
.infotexte:after {
 right: 0;
 background: -webkit-linear-gradient(to left, white 8.33333%, transparent 91.66666%);
 background: linear-gradient(to left, white 8.33333%, transparent 91.66666%);
}

.infotexte_content {
 width: 200% !important;
 display: flex;
 display: -webkit-flex;
 line-height: 29px;
 animation: infotexte 75s linear infinite;
 -webkit-animation: infotexte 75s linear infinite;
}
.infotexte_content:hover {
 animation-play-state: paused;
 -webkit-animation-play-state: paused;
}
.infotexte_inline {
 display: flex;
 display: -webkit-flex;
 justify-content: space-around;
 width: 289.58666%;
}
@-webkit-keyframes infotexte {
 0% {
	-webkit-transform: translateX(0);
 }
 100% {
	-webkit-transform: translateX(-66.66666%);
 }
}
@keyframes infotexte {
 0% {
	transform: translateX(0);
 }
 100% {
	transform: translateX(-66.66666%);
 }
}
#infotext {
 z-index: 1;
 position: absolute;
 left: 155px;
 width: calc(100% - 280px);
 height: 40px;
 color: #183255;
 cursor: default;
 overflow: hidden;
 -webkit-box-shadow: 0px -9px 7px #929292;
 box-shadow: 0px -9px 7px #929292;
 float: left;
}
.spacer_lauftext {
 padding-right: 35px;
}
/*  */
.infotexte_zr {
 z-index: 100;
}
/*  */

#lg,.lg {
 display: block;
}
#language,
.language {
 display: none;
 margin: 0 !important;
 padding: 3.26% !important;
}
/*#language:hover,
.language:hover {
  width: 58.33333%;
  height: 4.17%;
  margin-left: 25%;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  background-image: linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
  background-image: -webkit-linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
  opacity: 0.89;
}*/
#language > span {
 cursor: pointer;
}
#language_table {
 display: table;
 height: 40px;
 width: 100%;
 cursor: pointer;
}
#language_table > div:first-child {
 display: table-cell;
 vertical-align: middle;
 padding-left: 15px;
}
#language_table > div:last-child {
 display: table-cell;
 vertical-align: middle;
 text-align: right;
 padding-right: 10px;
}
#cMute_xs,
#cMute {
 font-size: 17px;
}
.lg_hover {
 border: none;
 /*border-right: 1px solid whitesmoke;*/
 /*padding: 0.52% 3.64%;*/
 background: none;
 color: whitesmoke;
}
.lg_hover:hover {
 text-decoration: underline;
 cursor: pointer;
 background: rgb(34, 42, 44);
}
.lg_hover_bold {
 text-decoration: underline;
 font-weight: bold;
 /*padding: 0 3.64%;*/
 background: rgb(69, 69, 68);
 border: none;
 /*border-right: 1px solid whitesmoke;*/
 color: whitesmoke;
}
.lg_hover_bold:hover {
 text-decoration: underline;
 cursor: pointer;
 font-weight: bold;
 /*color: #183255;*/
}
#sprachen {
 position: absolute;
 z-index: 100;
 visibility: hidden;
 display: none;
 text-align: right;
 font-size: 10px;
 cursor: default;
 height: 100%;
 padding-top: 10px;
 margin-left: 15px;
 margin-right: 15px;
 text-align: center;
 color: #848484;
 width: calc(100% - 30px);
}
#header_div_xs,
#sprachen_div_xs,
#header_div_xs_shadow {
 visibility: hidden;
 display: none;
}
.close_div {
 float: right;
 height: 100%;
 width: calc(height);
 display: table-cell;
 text-align: right;
}
.close_div > img {
 height: 1px;
 visibility: hidden;
}
.close_div:hover {
 cursor: pointer;
 background-color: rgba(0, 0, 0, 0.30);
}
#close_div {
 display: none;
}
/************** DATENSCHUTZ ************************/
#container_ds {
 padding: 30px;
}
.ds_fer {
 font-size: 14px;
 color: #006eb6;
 padding-bottom: 20px;
 float: left;
}
a.ds_fer_l,a:hover.ds_fer_l, a:active.ds_fer_l, a:visited.ds_fer_l, a:focus.ds_fer_l {
 color: #006eb6;
 text-decoration: none;
}
.ds_logo {
 text-align: right;
 padding-bottom: 20px;
 padding-left: 20px;
 float: right;
}
.ds_logo > img {
 max-width: 100%;
}
.ds_header {
 font-size: 30px;
 text-align: center;
 padding-top: 10px;
 padding-bottom: 10px;
 color: #006eb6;
 font-weight: bold;
}
.ds_subheader {
 font-size: 20px;
 padding-top: 30px;
 padding-bottom: 5px;
}
.ds_text {
 font-family: Arial;
 font-size: 14px;
}
a.ds_text_l,a:hover.ds_text_l, a:active.ds_text_l, a:visited.ds_text_l, a:focus.ds_text_l {
 color: black;
 font-weight: bold;
 text-decoration: none;
}
.datenschutz_iframe{
 width: 100%;
 min-height: 100px !important;
 max-height: 400px !important;
}
sup {
 color: whitesmoke !important;
 text-decoration: none;
}
sup:hover {
 text-decoration: underline;
}
/****************************************************/
.counter {
 visibility: hidden;
 display: none;
}
/*************** feratel.com HACK top-hotels **********/
#topHotelsTable {
 display: none;
 visibility: hidden;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 padding-top: 20px;
 margin-left: 15px;
 margin-right: 15px;
}
#topHotelsTable_v {
 display: none;
 visibility: hidden;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 padding-top: 15px;
 margin-left: 15px;
 margin-right: 15px;
}
/**************************************************************** FERWEATHER ************************************************************************/
.pws_ferweather_by_day {
 position: relative;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 300px;
 background-color: transparent;
 color: white;
}
.pws_ferweather_by_hour {
 position: relative;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 background-color: transparent;
 color: white;
}
.pws_by_day,
.pws_by_hour {
 position: absolute;
 left: 0px;
 top: 0px;
 color: white;
 padding: 0px;
 margin: 0px;
 border: 0px;
}
.ferweather_base {
 background-color: transparent;
}
/*.ferweather_baserect {
  fill: none;
  stroke: #404040;
  stroke-linecap: round;
}
.ferweather_vline {
  stroke: white;
  stroke-linecap: round;
}
.ferweather_spc {
  fill: none;
}
.ferweather_title {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 700;
  font-size: 13px;
  fill: white;
}
.ferweather_titlerect {
  fill: none;
}
.ferweather_time {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 11px;
  fill: white;
}
.ferweather_timerect {
  fill: none;
}
.ferweather_date {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 11px;
  fill: white;
}
.ferweather_date {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 10px;
  fill: white;
}
.ferweather_daterect {
  fill: none;
}
.ferweather_temphi {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 18px;
  fill: white;
}
.ferweather_temphirect {
  fill: none;
}
.ferweather_templo {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 11px;
  fill: #35c3f7;
}
.ferweather_templorect {
  fill: none;
}
.ferweather_temp {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 15px;
  fill: white;
}
.ferweather_temprect {
  fill: none;
}
.ferweather_symbolrect {
  fill: none;
}
.ferweather_windrect {
  fill: none;
}
.ferweather_windtext {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 11px;
  fill: white;	
}
.ferweather_suntext {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 11px;
  fill: white;
}
.ferweather_tempcurvehilotext {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 11px;
  fill: #C0C0C0;
}
.ferweather_tempcurvehilotextrect {
  fill: transparent;
}
.ferweather_tempcurverect {
  fill: none;
}
.ferweather_tempcurvehilolinehi {
  fill: none;
  stroke: yellow;
  stroke-width: 2px;
}
.ferweather_tempcurvehilolinelo {
  fill: none;
  stroke: #35c3f7;
  stroke-width: 2px;
}
.ferweather_tempcurvetext {
  font-family: 'LatoWeb' !important;
  font-style:  normal;
  font-weight: 400;
  font-size: 11px;
  fill: #C0C0C0;
}
.ferweather_tempcurvetextrect {
  fill: transparent;
}
.ferweather_tempcurverect {
  fill: none;
}
.ferweather_tempcurveline {
  fill: none;
  stroke: yellow;
  stroke-width: 2px;
}*/
/****************************************************************** PANO ****************************************************************************/
.pws_workspace {
 margin: 0;
 padding: 0;
 border: 0;
 background-color: #ffffff;
 color: white;
 text-shadow: 0px 0px 5px black;
 position: absolute;
 width: 100%;
 height: calc(width / 16 * 9);
}
.cursorLR {
 cursor: e-resize;
}
.cursorZoom {
 cursor: all-scroll !important;
 color: white;
}
.loading_txt {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
}
.pws_panoview2_cont {
 position: absolute;
 background-color: black;
 overflow: hidden;
}
.pws_panoview2_scroll {
}
.pws_panoview2_imgerr {
 color: red;
}
.pws_panoview2_loading {
 background-color: black;
 background-image: url("../designs/v3/img_pano/loading-spokes.svg");
 background-repeat: no-repeat, no-repeat;
 background-position: center 35%;
 background-size: 50px 50px;
}
.pws_panozoom_cont {
 position: absolute;
}
.pws_panozoom_zoomin {
 background-image: url("../designs/v3/img/pano/icon_zoomin.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: pointer;
 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
 border-radius: 20px;
 background-color: rgba(0, 0, 0, 0.08);
}
.pws_panozoom_zoomout {
 background-image: url("../designs/v3/img/pano/icon_zoomout.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: pointer;
 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.40);
 border-radius: 20px;
 background-color: rgba(0, 0, 0, 0.08);
}
.pws_panozoom_zoomarea {
 cursor: pointer;
}
.shadow_zoom {
 color: red;
 background-color: red;
 border: 1px solid red;
 -webkit-box-shadow: 0px 0px 5px grey;
 box-shadow: 0px 0px 5px grey;
}
.pws_panocompass_cont {
 position: absolute;
 cursor: pointer;
}
.pws_panocompass_arrow {
 background-image: url("../designs/v3/img/pano/arrup.png");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 50% 50%;
}
.pws_panocompass_north {
 background-image: url("../designs/v3/img/pano/compass_north.svg");
 background-repeat: no-repeat;
 background-position: top 1px center;
 background-size: 90% 90%;
}
.pws_trenner {
 display: inline;
 position: absolute;
 cursor: pointer;
 bottom: 0px;
}
#mapdiv {
 width: 230px;
 height: 230px;
 left: calc(100% * 0.049);
}
.pws_googlemap,
.pws_hotspots,
.pws_timelapse {
 display: inline;
 position: absolute;
 cursor: pointer;
 bottom: 0px;
}
.pws_googlemap:hover,
.pws_hotspots:hover,
.pws_timelapse:hover {
 display: inline;
 position: absolute;
 color: white;
 /*background-color: rgba(0, 0, 0, 0.3);*/
}
.pws_gmapcont {
 position: absolute;
 background-color: rgba(0, 34, 68, 0.75);
 -moz-background-clip: padding-box;
 -webkit-background-clip: padding;
 background-clip: padding-box;
 text-shadow: none;
 padding: 10px;
}
.pws_gmapflag {
 position: absolute;
 width: 40px;
 height: 25px;
 background-image: url("../designs/v3/img/pano/icon_flag.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: pointer;
}
.pws_playercaption {
 position: absolute;
 display: table;
 /*font-size: 18px;*/
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: bold;
 text-shadow: 0px 0px 5px black;
 cursor: default;
 padding-top: 3px;
 line-height: 20px;
 /*bottom: 0px;*/
}
.pws_zr{
 position: absolute;
 z-index: 1000;
 cursor: pointer;
}
/*  */
#pws_video_clock {
 position: absolute;
 display: table;
 bottom: 0px;
 left: 450px;
 height: 59px;
 text-align: center;
 cursor: default;
}
#pws_video_clock_div {
 padding-left: 5px;
 padding-bottom: 10.41333%;
 display: table-cell;
 vertical-align: middle;
 text-align: left;

 font-size: 22px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 text-shadow: 0px 0px 5px black;
}
#pws_video_clock_div_img {
 display: table-cell;
 vertical-align: middle;
 text-align: left;
}
#pws_video_wetter {
 position: absolute;
 display: table;
 text-align: center;
 /*background: url(./img/balken_arrow.png) top center no-repeat;*/
 background-size: contain;

 font-family: 'Titillium Web' !important;
 font-style:  normal;
 text-shadow: 0px 0px 5px black;
}
#pws_video_wetter_x {
 display: table;
 text-align: center;
}
#pws_video_wetter_noClick {
 position: absolute;
 display: table;
 text-align: center;
 cursor: default;
 bottom: 0px;
}
.pws_camModus {
 display: inline;
 position: absolute;
 cursor: pointer;
 z-index: 1;
 bottom: 0px;
}
.pws_camModus:hover {
 display: inline;
 position: absolute;
 color: white;
 background-color: rgba(0, 0, 0, 0.3);
}
.pws_camModus_cont {
 position: absolute;
 bottom: 95px;
 left: 0px;
 background-color: rgba(0, 56, 113, 0.75);
 font-family: 'LatoWeb' !important;
 font-style:  normal;
 font-weight: 700;
 font-size: 16px;
}
/*  */
#zr_div {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 z-index: 10;
 height: 92.18666%;
 /*height: 92.40666%;*/
 position: fixed;
 top: 0;
 left: 0;
 overflow: hidden;
 background: rgb(34, 42, 44);

 display: none;
 color: white;
}

/*  ***** *****  general responsive:  ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */
@media (max-width: 444px) and (orientation: landscape) {
 .div_360 {
	display: none
 }
 #video_cams_arrow_left, #video_cams_arrow_right {
	display: block !important
 }
}
@media (max-width: 480px) and (orientation: landscape) {
 /*  feratel.com */
 #div_webcam_suchen,
 #video_center_play {
	display: none !important
 }
 .infotexte,
 .location,
 .spacer,
 #video_kameramodus_button,
 #video_pc, #video_pc_livebild,
 #video_pc_m, #video_pc_livebild_m,
 #video_popup_skypano2,
 #video_position,
 #video_tophotels,
 #video_tophotels_close, .video_tophotels_close,
 #video_wetter_img,
 #video_wetter_div::before {
	display: none
 }
 #video_play, #video_pause {
	width: calc(99.99% * 0.49) !important;
	margin: 25%;
 }
 .spacer_play_pause {
	left: calc(99.99999% * 0.14 + 1px) !important
 }
 #video_wetter {
	font-size: small;
	right: 29.17% !important;
	bottom: 25%;

	pointer-events: none !important;
 }
 .spacer_360 {
	right: 16.66666% !important;
 }
 .div_360 {
	width: calc(99.99999% * 0.049) !important;
	/*top: 16.14666% !important;    7.29333%  */
	right: 14.58666% !important;  /*  11.45333% */
 }
 .spacer {
	right: 10.93333% !important;
 }
 #video_fullscreen {
	width: calc(99.99999% * 0.03062);
 }
 #video_popup_archiv {
	width:  auto !important;
	top: 1%;
	left: 1% !important;
	background: transparent;
 }
 .lluvia {
	margin: 53.64% 19.78666% 0 !important;
 }
 /*  */
 .navbar {
	min-height: 29px !important
 }
 .panel-body {
	margin: 0 36.45333% !important
 }
}
@media (width: 637px) {
 /*  feratel.com */
 #video_weather_active {
	height: calc(99.99999% * 3.185)
 }
}
@media (max-width: 767px) {
 #video_logo {
	width: 25%
 }
 ._mediaplayerDIV {
	margin-top: 0 !important
 }
 #video_tophotels_menue {
	display: none !important
 }
}
@media (min-width: 445px) and (max-width: 767px) and (orientation: landscape) {
 /*  einschl. feratel.com  */
 body {
	font-size: small !important
 }
 .infotexte {
	height: 7.81333%;
	padding-top: 0;
 }
 @media (max-height: 330px) {
	.infotexte {
	 display: none
	}
	#video_kameramodus_menue,
	#video_tipps_menue {
	 bottom: 21.87999% !important
	}
 }
 .btn {
	padding: 0 10px !important
 }
 /*  */
 #adbtn,
 .adbtn {
	font-size: small !important
 }
 #closebtn,
 .closebtn {
	left: 84.37333% !important;
	font-size: 4.95vw !important;
 }
 #close_menue, .close_menue {
	margin: 12.50333% 25% !important;
	width: 59.89333% !important;
 }
 #close_weather,.close_weather {
	width: 17.18666% !important;
	padding: 1.56% 6.29% !important;
 }
 .div_360 {
	width: 3.64% !important;
	right: 8.33333% !important;
	bottom: 3.12% !important;
 }
 #fer_zr_m, .fer_zr_m {
	margin-top: 8.33333%
 }
 .Feratel_Praegung {
	display: none
 }
 .kamerainfo_img {
	display: none
 }
 #kamerainfo_left {
	padding: 0
 }
 .kamerainfo_txt,
 .kamerainfo_txt_caption,
 .subheader {
	font-size: xx-small;
 }
 #language, .language {
	transform: scale(0.59);
	-webkit-transform: scale(0.59);
	left: calc(1% * -33.9);
	position: relative;
 }
 .lifte_pisten_table {
	display: none
 }
 .location {
	margin: 50% calc(41.66666% * 0.98) !important
 }
 #modus, .modus, #modus_zr {
	/*#modus_ds, .modus_ds*/
	margin: calc(1% * -1.47) calc(1% * 0.98) !important;
	padding: 2.08% 16.66666% !important;
	width: calc(99.99999% * 1.1125) !important;
 }
 .pc {
	margin: 8.33333% calc(41.66666% * -0.147) !important
 }
 #video_pc, #video_pc_livebild {
	display: none
 }
 #video_pc_m, #video_pc_livebild_m {
	width: 175px
 }
 .skypano_margin {
	margin-top: 8.33333% !important
 }
 .spacer_hotels {
	right: 43.74666% !important
 }
 .spacer_menue {
	left: calc(99.99999% * 0.11 + 1px) !important
 }
 .spacer_play_pause {
	left: calc(99.99999% * 0.2025 + 1px) !important
 }
 .spacer_video_clock {
	left: 31.25333% !important
 }
 .spacer_weather {
	right: 31.77333% !important
 }
 .img_tophotels {
	width: 33.33333%
 }
 .tophotels_br {
	display: block
 }
 #tophotel_col {
	display: -webkit-box;
	width: 41.66666%;
 }
 .tophotel_name, .tophotel_slogan {
	font-size: x-small
 }
 .tophotel_page {
	padding: 0.26% 14.58666%
 }
 #vcp {
	width: 16.66666%
 }
 #video_tophotels {
	font-size: x-small;
	right: calc(99.99999% * 0.31 + 1px);

	padding: 1.04% !important;
	top: calc(4px * -1);
 }
 #video_tophotels_close,
 .video_tophotels_close {
	right: 29.17% !important;
	width: calc(99.99999% * 0.1837 + 1px);
 }
 #video_tophotels_active,
 .video_tophotels_active {
	height: 98.43999% !important
 }
 #video_center_play,
 #video_center_pause {
	top: 41.66666%;
	left: 44.78666%;
 }
 #video_fullscreen {
	height: 35.41333%;
	right: 2.08%;
 }
 #video_kameramodus_active {
	width: 38.54666% !important
 }
 #video_kameramodus_button {
	margin: 0;
	width: 11.45333%;
 }
 #video_kameramodus_menue,
 #video_tipps_menue {
	bottom: 15.10666%
 }
 #video_logo {
	top: 12.49666% !important
 }
 #video_play, #video_pause {
	width: calc(99.99% * 0.49);
	margin: 23.43999%;
 }
 #video_popup_archiv {
	left: 21.87999%
 }
 #video_popup_cps {
	width: 146px !important;
	margin: 0 !important;

	z-index: 1;
 }
 #video_popup_skypano2 {
	left: 25% !important
 }
 #video_position {
	display: none
 }
 #video_weather_table, .video_weather_table {
	margin: calc(99.99999% * -0.245) 37.49666%
 }
 #video_wetter {
	font-size: small;
	/*right: 25%;*/
	bottom: 31.25333%;
 }
 #video_wetter_detail_img,.video_wetter_detail_img {
	width: 58.33333% !important
 }
 #video_wetter_img {
	right: 27.6%;
	bottom: 4.99%;
 }
 #video_wind_detail_div, .video_wind_detail_div {
	width: 15.62666%;
	font-size: x-small;
	margin-top: 25%;
	margin-left: 74.47999%; /*  81.25333%;  */
 }
 /*#div_webcam_suchen {  width: 83.33333%  }*/
 #div_webcam_suchen {
	display: none
 }
 .dropdown_webcam_suchen, #dropdown_webcam_suchen {
	width: 137px;
	font-size: x-small;
 }
 #txt_webcam_suchen {
	font-size: xx-small
 }
 #txt_webcam_suchen_x {
	font-size: medium
 }
}
@media (min-width: 768px) {
 #video_pc_m, #video_pc_livebild_m {
	display: none
 }
}
@media (min-width: 768px) and (orientation: landscape) {
 #fer_zr_m, .fer_zr_m,
 #fer_zr_spot, .fer_zr_spot {
	margin: 7.33333% !important;
 }
 /*  */
 .arrow {
	position: absolute;
	display: block;
	color: whitesmoke;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

	top: 45.31666%;
	opacity: 0.83;
 }
 .arrow-pano-left {
	float: left;
	z-index: 1;
	.arrow-pano-up {
	 transform: none;
	}
	.arrow-pano-down {
	 transform: rotate(90deg);
	}
 }
 .arrow-pano-right {
	float: right;
	margin: 0 91.66666%;
 }
}
@media (min-width: 768px) and (max-width: 833px) and (orientation: landscape) {
 /*  .Feratel_Praegung {
		 display: none;
	 }*/
 #language, .language {
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	padding: 0 !important;
 }
 #modus, .modus, #modus_zr,
 #modus_ds, .modus_ds {
	margin: 1.56% !important;
	padding: 1.56% 16.66666% !important;
 }
 #video_kameramodus_menue, .video_kameramodus_menue {
	bottom: 16.66666%
 }
}
@media (min-width: 834px) and (max-width: 991px) and (orientation: landscape) {
 #modus, .modus, #modus_zr,
 #modus_ds, .modus_ds {
	margin: 6.29% 1.56% !important;
	padding: 1.56% 16.66666% !important;
 }
 @media (max-height: 330px) {
	#modus, .modus, #modus_zr, #modus_ds, .modus_ds {
	 margin: 1.56% !important;
	 padding: 1.56% 16.66666% !important;
	}
	#video_kameramodus_menue {
	 bottom: 17.70666%
	}
 }
 #video_wind_detail_div, .video_wind_detail_div {
	margin-top: 15.62666%;
	width: 16.66666%;
	margin-left: 62.49666%;
 }
 .arrow-pano-right {
	margin: 0 90.62666%
 }
 .video_skip_10_div {
	margin-top: calc(99.99999% * 3.43)
 }
}
@media (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
 #video_kameramodus_active {
	width: 38.54666% !important
 }
}/*
@media (max-width: 878px) and (orientation: landscape) {
  #tipps_div {
    width: auto !important;
  }
  .tipps_item, .tipps_item_last {
    height: auto !important;
    margin-top: 0 !important;
  }
  .lifte_pisten_table {
    display: none;
  }
}*/
@media screen and (min-height: 768px) and (max-height: 991px) {
 #livebildDIV {
	/*padding: 16.66666% 0 !important;*/

	transform: scale(1.1);
	-webkit-transform: scale(1.1);
 }
}
@media (min-width: 768px) and (max-width: 991px) {
 body,
 .kamerainfo_txt_caption,
 .kamerainfo_txt {
	font-size: small !important
 }
 .close_menue, #close_menue,
 #icon_menue, .icon_menue {
	margin: 16.66666% !important;
	width: 66.66666% !important;
 }
 #close_weather, .close_weather {
	padding: 1.04% 4.64%;
	width: 12.99999%;
	right: 15.10666%;
 }
 @media screen and (orientation: landscape) {
	.infotexte {
	 height: 7.85333%
	}
 }
 #kameramodus_menue_logo {
	width: 66.66666%
 }
 #language, .language {
	transform: scale(0.55);
	-webkit-transform: scale(0.55);
	margin: calc(1% * -9.8) calc(1% * -26.5) !important;
 }
 .location {
	width: 24px !important
 }
 .spacer_play_pause {
	left: 12.99999%  !important
 }
 .spacer_hotels {
	right: 43.8799% !important
 }
 .spacer_weather {
	right: 29.17% !important
 }
 .tophotel_name,
 .tophotel_slogan {
	font-size: small
 }
 .tophotel_page {
	padding: 0.26% 14.58666%
 }
 #vcp {
	width: 16.66666%
 }
 #video_clock,
 .video_clock {
	left: calc(99.99999% * 0.129);
	font-size: 1.5vw;
 }
 #video_kameramodus_menue, .video_kameramodus_menue,
 #video_tipps_menue {
	left: calc(99.99999% * 0.0175 + 1px)
 }
 #video_pc,
 #video_pc_livebild {
	margin: 0 99.99999%
 }
 .video_pc_fb {
	font-size: smaller !important
 }
 #video_play, #video_pause {
	width: calc(99.99% * 0.3675)
 }
 #video_popup_skypano2,
 #video_popup_archiv {
	left: 37.50333%
 }
 #video_tophotels {
	width: calc(99.99999% * 0.14 + 1px);
	right: calc(99.99999% * 0.295 + 1px);
	bottom: calc(99.99999% * 0.01225);
 }
 #video_tophotels_close,
 .video_tophotels_close {
	right: calc(99.99999% * 0.272 + 1px);
	width: calc(99.99999% * 0.17);
 }
 /*  */
 .btn-play_pause {
	padding: 0 !important
 }
 .div_360 {
	width: 2.6% !important;
	right: 8.85333% !important;
	bottom: 2.86% !important;
 }
 .spacer_video_clock {
	left: 23.95999% !important
 }
 #video_weather_table,.video_weather_table {
	margin: calc(99.99999% * -0.1837) 37.49666%
 }
 #div_webcam_suchen {
	top: calc(99.99999% * -0.01225);
 }
 #video_wetter {
	font-size: 14px;
	bottom: 33.33333%;
 }
 #video_wetter_img {
	width: 3.38%;
	right: 25%;
 }
 /*  */
 @media (min-height: 559px) {
	#video_wind_detail_div, .video_wind_detail_div {
	 margin-top: 18.74666%;
	 width: 18.74666%;
	}
 }
 /*  */
}
@media (min-width: 879px) and (orientation: landscape) {
 .lifte_pisten_m,
 #lifte_pisten_za {
	display: none
 }
}
@media (min-width: 879px) and (max-width: 991px) {
 #modus, .modus, #modus_zr,
 #modus_ds, .modus_ds {
	width:  67.70666% !important;   /*  82.29333% */
	font-size: small !important;
	padding: 0.92% 12.50333% !important;
 }
}
/*@media (min-width: 992px) and (max-width: 1120px) {
  #video_tophotels {
    width: calc(99.99999% * 0.14 + 1px);
    right: calc(99.99999% * 0.27 + 1px);
  }
}
@media (min-width: 1121px) and (max-width: 1199px) {
  #video_tophotels {
    width: calc(99.99999% * 0.12 + 1px);
    right: calc(99.99999% * 0.28 + 1px);
  }
}*/
@media (min-width: 992px) and (max-width: 1199px) {
 /*  einschl. feratel.at */
 body {
	font-size: small !important
 }
 /*  */
 #fer_zr_spot, .fer_zr_spot {
	margin: 15.62666% !important
 }
 .infotexte {
	height: 5.25%;
	padding-top: 0;
 }
 /*  .kameramodus_itemHeader,
	 .kameramodus_item,
	 .kameramodus_item_last {
		 font-size: small;
	 }*/
 /*  */
 .cams {
	left: 2.34%
 }
 .cams_img, .cams_img_a {
	width: 62px !important
 }
 #closebtm,.closebtm {
	display: none
 }
 #close_menue,.close_menue {
	margin: 18.74666% 22.91999% !important
 }
 #close_weather,.close_weather {
	width: 11.45333% !important;
	padding: 0.78% 4.29%;
 }
 .div_360 {
	width: 2.6% !important;
	right: 8.85333% !important;
 }
 .dropdown_webcam_suchen, #dropdown_webcam_suchen {
	margin: 0.52%
 }
 #fer_zr, .fer_zr {
	margin-top: 7.85333% !important
 }
 #fer_zr_m, .fer_zr_m {
	margin: 12.50333% 0 !important;
	width: 100%;
 }
 #kamerainfo_left {
	padding-top: 0
 }
 /*  .kamerainfo_txt,
	 .kamerainfo_txt_caption,
	 .subheader {  font-size: 1.1vw !important  }*/
 #language, .language {
	transform: scale(0.65);
	-webkit-transform: scale(0.65);
	margin: calc(1% * -9.8) calc(1% * -18.42) !important;
 }
 .location {
	width: 26px !important;
	margin: 37.50333% 99.99999% !important;
 }
 .pc {
	margin: 16.66666% !important
 }
 #snaps_div {
	padding-top: 0 !important
 }
 .spacer_hotels {
	right: 39.58666% !important;
 }
 .spacer_video_clock {
	left: 22.39999% !important
 }
 .spacer_weather {
	right: 26.04% !important
 }
 /*  */
 .cams #tooltip_cams {
	top: 62px;
	left: 44.26666%;
 }
 .tooltip_cams_info,
 .kameramodus_item.small {
	font-size: 0.825vw !important
 }
 #vcp {
	width: 16.66666%
 }
 #video_play,#video_pause {
	margin: 14.06666%
 }
 #video_popup_archiv {
	left: 33.33333%
 }
 #video_popup_cps {
	margin: 1.04% 2.08% !important
 }
 .video_skip_10 {
	top: calc(99% * -0.4287) !important
 }
 .img_tophotels {
	width: 20.35999%
 }
 #tophotel_col {
	width: 27.6%
 }
 .tophotel_item_content_l, .tophotel_item_content_r {
	padding: 2.08%
 }
 .tophotel_page {
	padding: 0.52% 5.25% 0.52% 5.77% !important
 }
 #video_tophotels {
	right: calc(99.99999% * 0.26 + 1px);
	top: calc(99.99999% * -0.098 + 1px);
 }
 #video_wetter {
	font-size: small;
	bottom: 31.77333%;
	right: 16.66666%
 }
 #video_wetter_img {
	right: 22.39999%;
	bottom: 2.08%;
 }
 #video_wind_detail_div, .video_wind_detail_div {
	margin-top: 19.26666%;
	width: 14.06666%;
	margin-left: 78.64%;
	font-size: small;
 }
 @media (min-height: 768px) {
	.div_360 {
	 bottom: 1.3% !important
	}
	#modus_ds, .modus_ds {
	 padding: 5.25% !important
	}
	#video_wetter_img {
	 bottom: 1.56% !important
	}
	/*  */
	#video_position {
	 bottom: 7.33333% !important
	}
	/*  */
	.video_skip_10_div {
	 margin-top: calc(99.99999% * 9.187)
	}
	/*  */
	#video_tophotels {
	 bottom: calc(99.99999% * 0.01225)
	}
	#video_tophotels_menue {
	 bottom: calc(99.99999% * 0.05512);
	 right: 52px;
	}
 }
 /*  */
}
@media (min-width: 1096px) and (max-width: 1199px) {
 #video_kameramodus_button {
	width: 6.81%;
	margin: 0;
 }
 .spacer_360 {
	right: 14% !important
 }
 .spacer_weather {
	right: 25.78% !important
 }
}
/*  demo ;-) */
@media (height: 615px) {
 video {
	padding-top: 0;
 }
 .infotexte {
	height: 6.69%;
 }
 #video_logo {
	top: 7.33333%;
 }
 #video_clock,
 .video_clock {
	left: calc(99.99999% * 0.1225 + 23px) !important;
 }
 .location {
	bottom: 2.2% !important;
 }
 #video_pc,
 #video_pc_livebild {
	top: 14.58666%;
 }
}
@media (height: 950px) {
 .location {
	bottom: 9.37333% !important;
 }
 #video_pc,
 #video_pc_livebild {
	bottom: 9.37333% !important;
 }
}
@media (max-width: 635px) {
 #video_cams, .video_cams {
	display: none !important;
 }
}
@media (min-width: 636px) and (max-width: 766px) {
 /*  */
 .cams_img,
 .cams_img_a {
	width: 40px;
	height: 25px;
 }
 .cams #tooltip_cams {
	display: none
 }
 #video_cams, .video_cams {
	width: 75%
 }
 #video_cams:hover, .video_cams:hover {
	background-image: none;
	width: 75%;
	left: auto;
 }
}
@media (min-width: 767px) and (max-width: 878px) {
 .cams_img,
 .cams_img_a {
	width: 40px;
	height: 25px;
 }
 .cams #tooltip_cams {
	width: 138px;
	top: 43px;
 }
 .tooltip_cams_info {
	font-size: xx-small !important
 }
 .kameramodus_item.small {
	font-size: xx-small !important;
	height: 25px;
 }
 #video_cams:hover, .video_cams:hover {
	background-image: none
 }
}
@media (max-width: 1089px) {
 #fer_zr, .fer_zr,
 .tophotels_item_sloagn {
	display: none !important
 }
 #txt_webcam_suchen {
	width: 16.66666%
 }
 @media (max-height: 768px) {
	#video_tophotels_menue {
	 bottom: calc(99.99999% * 0.098) !important;
	 right: 52px;
	}
 }
}
@media (min-width: 1090px) {
 #fer_zr_m, .fer_zr_m {
	display: none !important;
 }
}
/*  */
@media (min-width: 1200px) {
 .video_wind_img {
	width: 58.33333% !important;
 }
 .video_sun_img {
	width: 75% !important;
 }
 /*  */
 @media (max-aspect-ratio: 16 / 7) and (min-aspect-ratio: 16 / 11) {
	.skypano_margin {
	 margin-top: 8.33333% !important
	}
 }
}
@media (min-width: 1200px) and (max-width: 1389px) {
 .modus, #modus, #modus_zr {
	font-size: smaller !important;
 }
}
@media (min-width: 1390px) and (max-width: 1499px) {
 .modus, #modus, #modus_zr {
	font-size: medium !important;
 }
 #video_cams, .video_cams,
 #video_cams_m, .video_cams_m {
	max-width: inherit;
 }
}
@media (min-width: 992px) and (max-width: 1499px) {
 #video_weather_active {
	height: calc(99.99999% * 4.9)
 }
 #video_weather_table,.video_weather_table {
	margin: calc(99.99999% * -0.1837) 37.49666%
 }
 #video_wind_detail_div, .video_wind_detail_div {
	margin-top: 19.26666%;
	width: 14.06666%;
	margin-left: 78.64%;
 }
}
@media (min-width: 1200px) and (max-width: 1499px) {
 .arrow-pano-right {
	margin: 0 92.70666%;
 }
 #closebtn, .closebtn {
	top: 0.52% !important
 }
 #close_weather, .close_weather {
	width: 10.41333% !important;
	padding: 1.04% 4.17% !important;
 }
 .div_360 {
	bottom: 1.56% !important
 }
 .infotexte {
	height: 4.95%
 }
 #language, .language {
	transform: scale(0.75);
	-webkit-transform: scale(0.75);
	margin: calc(1% * -4.9) calc(1% * -9.8) !important;
 }
 .pc {
	margin: 16.66666% !important
 }
 /*  */
 #snaps:hover {
	transition: all 0.71s;
	-webkit-transition: all 0.71s;
	transform: scale(1.72);
	-webkit-transform: scale(1.72);
	/*margin: 16%;*/
	cursor: cell;
 }
 /*  */
 .spacer_hotels {
	right: 38.54666% !important
 }
 .spacer_video_clock {
	left: 23.69999% !important
 }
 .spacer_weather {
	right: 25% !important
 }
 .tophotel_item {
	padding: 10.41333%
 }
 #video_clock,
 .video_clock {
	left: calc(99.99999% * 0.11 + 38px) !important
 }
 .video_skip_10_div {
	margin-top: calc(99.99999% * 4.41)
 }
 #video_tophotels {
	right: calc(99.99999% * 0.25 + 1px);
	top: calc(99.99999% * -0.0735);
 }
 #video_tophotels_active {
	height: 92.44666%;
	top: 0.26%
 }
 #video_tophotels_close,.video_tophotels_close {
	right: calc(99.99999% * 0.269 + 1px)
 }
 /*  #video_tophotels_div {
		 padding-top: 8.33333%;
	 }*/
 #video_wetter {
	padding: 0 !important;
	bottom: 25%;

	font-size: medium;
 }
 #video_wetter_img {
	right: 21.87999%
 }
}
@media (min-width: 1090px) and (max-width: 1390px) {
 #video_cams:hover {
	height: 14.58666%
 }
 /*  #video_cams:hover {
		 max-width: 100%;
		 height: 15.62666%;
		 top: 6.29%;
		 padding-top: 4.17%;
		 margin-left: -1.04%;
		 transition: 0.5s ease;
		 -webkit-transition: 0.5s ease;
		 transform: scale(1);
		 -webkit-transform: scale(1);
		 background-image: linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
		 background-image: -webkit-linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
		 opacity: 0.83333;
		 cursor: pointer;
	 }
	 #fer_zr_m, .fer_zr_m {
		 padding: 16.66666% 0 0 17.70666%;
		 transform: scale(2.8,1.5);
		 -webkit-transform: scale(2.8,1.5);
	 }*/
}
@media (max-width: 1499px) {
 /*  */
 .location {
	width: 21px !important
 }
 #video_pc,
 #video_pc_livebild {
	margin: 3.12% 99.99999%;
 }
 #video_popup_cps {
	margin: 1.56% 3.12%;
 }
}
@media (min-width: 1500px) {
 .arrow-pano-right {
	margin: 0 94.26666%;
 }
 #snaps0:hover, #snaps1:hover, #snaps2:hover, #snaps3:hover, #snaps4:hover, #snaps5:hover {
	transition: all 0.71s;
	-webkit-transition: all 0.71s;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	cursor: zoom-in;
 }
 #kameramodus_menue_logo {
	left: 16.66666%;
 }
 @media (max-height: 844px) {
	.tophotel_page {
	 padding: 1.56% 5.77% !important
	}
 }
}
@media (min-width: 1500px) and (max-width: 1699px) {
 #video_wetter {
	bottom: 27.6%
 }
}
@media (min-width: 1500px) and (max-width: 1899px) {
 #close_weather, .close_weather {
	width: 10.41333% !important;
	padding: 1.04% 4.17% !important;
 }
 .location {
	margin: 25% 99.99999% !important
 }
 .spacer_weather {
	right: 24.47999% !important
 }
 #video_clock,
 .video_clock {
	left: calc(99.99999% * 0.11 + 40px)
 }
 #video_pc, #video_pc_livebild {
	margin: 0 99.99999%
 }
 #video_tophotels {
	top: calc(99.99999% * -0.0306)
 }
 #video_weather_active {
	height: calc(99.99999% * 3.92)
 }
 #video_wetter_img {
	right: 21.87999%
 }
}
@media (min-width: 1700px) and (max-width: 1899px) {
 #video_wetter {
	bottom: 33.33333%
 }
}
@media (min-width: 1900px) {
 .video_weather_head {
	padding: 0.78% 0 0;
 }
 /*  ***** =>  4k  <=  ***** */
 @media
 /*  only screen and (-webkit-min-device-pixel-ratio: 1.3),
	 only screen and (min-device-pixel-ratio: 1.3),*/
 only screen and (min-resolution: 120dpi) {
	/*  ***** =>  4k  <=  ***** */
	body,
	#video_wetter,
	#video_wind_detail_div, .video_wind_detail_div {
	 font-size: 0.91vw !important
	}
	.tooltip_cams_info {
	 font-size: 0.55vw !important
	}
	.location {
	 margin: 75% calc(99.99999% * 1.715) !important
	}
	#video_pc, #video_pc_livebild {
	 margin: 58.33333% calc(99% * 2.45)
	}
	#video_tophotels_menue {
	 bottom: calc(99.99999% * 0.08575)
	}
	#close_weather {
	 width: 9.89333%
	}
	#video_wetter {
	 bottom: 34.37333%
	}
	#div_webcam_suchen {
	 width: 50%;
	 left: 2.08%;
	}
 }
}
@media (min-width: 2560px) {
 .infotexte_content {
	line-height: 48px
 }
 #video_cams, .video_cams {
	width: 108.33333%;
	left: calc(99.99999% * -0.049);
 }
 #video_cams:hover, .video_cams:hover {
	width: 108.33333%;
	height: 9.89333%;
	transition: 0.2s ease;
	-webkit-transition: 0.2s ease;
	background-image: linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
	background-image: -webkit-linear-gradient( -132deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
	opacity: 0.89;
	z-index: 10;

	left: calc(99.99999% * -0.049);
 }
 .cams {
	left: 8.33333%
 }
 .cams_img, .cams_img_a,
 .cams_skypano_img, .cams_skypano_img_a {
	width: 130px;
	height: 78px;
 }
 .cams_skypano_img, .cams_skypano_img_a {
	background-size: 120px 70px;
 }
 .lg_hover, .lg_hover_bold {
	font-size: large
 }
 .tophotel_name {
	line-height: 24px
 }
 #video_tophotels_menue {
	bottom: calc(99.99999% * 0.0859)
 }
 #video_play, #video_pause {
	width: calc(99.99% * 0.3156)
 }
 #close_weather {
	width: 9.89333%
 }
 #video_weather_active {
	height: calc(99.99999% * 3.185)
 }
 #video_wetter {
	bottom: 33.85333%
 }
 #video_wind_detail_div, .video_wind_detail_div {
	margin-top: 12.50333%
 }
 #div_webcam_suchen {
	width: 50%;
	left: 2.08%;
 }
 @media only screen and (min-resolution: 120dpi) {
	#video_tophotels {
	 top: 4.17%
	}
 }
}
@media (min-width: 2560px) and (max-width: 2878px) {
 /*.location { margin: calc(99.99999% * 0.98) calc(99.99999% * 3.92) !important  }*/
 .dropdown_webcam_suchen, #dropdown_webcam_suchen {
	font-size: 18px;
	width: 330px;
 }
 .cams #tooltip_cams {
	top: 110px
 }
 #video_tophotels,
 #video_wetter,
 #video_wind_detail_div, .video_wind_detail_div {
	font-size: 1.1vw
 }
 /*#video_pc, #video_pc_livebild { margin-left: calc(99.99999% * 6.37) !important  }*/
}
@media (min-width: 2879px) {
 body,
 #video_wetter {
	font-size: xx-large !important
 }
 .dropdown_webcam_suchen, #dropdown_webcam_suchen {
	font-size: 24px;
	width: 385px;
 }
 .cams #tooltip_cams {
	top: 110px
 }
 .tooltip_cams_info {
	font-size: large !important
 }
 .location {
	margin: calc(99.99999% * 1.47) calc(99.99999% * 3.92) !important;
	width: 40px !important;
 }
 #video_pc, #video_pc_livebild {
	margin: calc(99.99999% * 1.47) calc(99.99999% * 6.37)
 }
 #video_play, #video_pause {
	margin: 19.78666% !important
 }
}
@media (min-width: 3520px) {
 #video_play, #video_pause {
	width: calc(99.99% * 0.245)
 }
 #video_tophotels {
	top: 7.33333%
 }
 #video_tophotels_menue {
	bottom: calc(99.99999% * 0.08575)
 }
}
/*  ENDE ***** =>  4k  <=  ***** */
/*@media screen and (orientation: portrait) @media screen and (orientation: portrait) @media screen and (orientation: portrait): */
@media screen and (orientation: portrait) {
 /*@media screen and (orientation: portrait) @media screen and (orientation: portrait) @media screen and (orientation: portrait) */
 .banner,
 #niebla,  /*  ist spanisch für Nebel - viento für Wind,  */
 #helada,  /*  für Frost,  */
 #calor {  /*  für Hitze.  */
	height: 4.17%;
	padding: 2.08% !important;
 }
 #closebtn, .closebtn {
	visibility: hidden !important
 }
 #closebtm, .closebtm {
	visibility: visible !important
 }
 .close_menue, #close_menue,
 .icon_menue, #icon_menue {
	margin: 9.37333% 7.33333% !important;

	width: 92.70666% !important;
 }
 .div_360 {
	width: 7.07333% !important;
	right: 5.77% !important;
 }
 .div_pano {
	background-size: 91.66666%;
 }
 .div_video {
	background-size: 99.99999%;
 }
 .header_location {
	width: 5.77%;
	position: sticky;
	position: -webkit-sticky;
	top: 1.04%;
	left: 3.12%;  /*  0.26%;  */
	visibility: visible !important;
 }
 #header_pc,
 #header_pc_livebild {
	position: absolute;
	display: flex;
	display: -webkit-flex;
	text-align: left;
	overflow: hidden;
	cursor: default;

	color: whitesmoke;
	left: 9.37333%;  /*  6.29%; */
	top: 25%;
	width: 158.33333%;
	padding: 1.04%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
 }
 #header_pc_scroll,
 #header_pc_livebild_scroll {
	position: absolute;
	display: flex;
	display: -webkit-flex;
	text-align: left;
	overflow: hidden;
	cursor: default;

	color: whitesmoke;
	left: 11.45666%;
	top: 29.17%;
	font-size: 2.75vw;
	width: 58.33333%;
	padding: 0.26%;

	animation: pc 16.1s linear infinite;
	-webkit-animation: pc 16.1s linear infinite;
	animation-delay: 3.9s;
	-webkit-animation-delay: 3.9s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
 }
 @-webkit-keyframes pc {
	0% {
	 -webkit-transform: translateX(0);
	}
	100% {
	 -webkit-transform: translateX(-66.66666%);
	}
 }
 @keyframes pc {
	0% {
	 transform: translateX(0);
	}
	100% {
	 transform: translateX(-66.66666%);
	}
 }
 .img_close {
	padding-top: 20.83666% !important;
 }
 .location,
 #video_pc,#video_pc_livebild,
 #video_pc_m,#video_pc_livebild_m,
 .spacer_weather {
	display: none;
 }
 #modus, .modus, #modus_zr {
	margin: 5.25% 1.56% !important;
	padding: 2.08% 12.49666% !important;
 }
 #modus_ds, .modus_ds {
	/*  margin: 4.17% !important;padding: 1.3% 8.33333% !important; */
	padding: 16.66666% 1% !important;
 }
 .pws_timelapse,
 #pws_timelapse{
	display: none !important;
 }
 .spacer {
	right: 19.99999% !important;
 }
 .spacer_menue {
	left: 19.78666% !important;
 }
 .spacer_play_pause {
	left: 33.33333% !important;
 }
 .spacer_video_clock {
	left: 58.85333% !important;
 }
 #snaps_div,
 .tophotel_page {
	padding: 0 !important;
	margin: 10.41333% 0 !important;
 }
 .arrow-pano-left {
	margin: 0 20.87999%
 }
 section {
	margin: 45.83666% 0
 }
 /*  */
 /*  Tooltip Schnee (Spanisch: nieve): */
 .tooltip_nieve {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
 }

 .tooltip_nieve .text_nieve {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -60px;
 }

 .tooltip_nieve .text_nieve::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
 }

 .tooltip_nieve:hover .text_nieve {
	visibility: visible;
 }
 /*  */
 video {
	overflow: hidden !important
 }
 #video_center_play,
 #video_center_pause {
	top: 47.39999%;
	z-index: 0;

	left: 41.66666%;
 }
 #video_fullscreen {
	visibility: hidden;
 }
 #video_kameramodus_active,
 .video_kameramodus_active {
	width: 99.99999% !important;
 }
 #video_kameramodus_close,
 .video_kameramodus_close {
	width: calc(99.99999% * 0.147 + 1px) !important;
 }
 #video_kameramodus_close::after,
 .video_kameramodus_close::after {
	margin-left: -16.66666% !important;
	left: 55% !important;
 }
 #video_logo {
	width: 33.33333%;
	margin: 12.50333% 0 0;
 }
 #video_pause {
	display: none;
	visibility: hidden;
 }
 #video_position {
	left: 41.14666%
 }
 #video_tophotels,
 #video_tophotels_close {
	display: none;
 }
 #video_cams_arrow_left {
	z-index: 0
 }
 #video_cams_arrow_right {
	z-index: 1
 }
 #div_webcam_suchen {
	display: none !important
 }
 /*  #div_webcam_suchen {  padding: 3px 5px  }
	 #txt_webcam_suchen {  font-size: xx-small }
	 #txt_webcam_suchen_x {  font-size: large  }*/
 /*  top head banner: */
 .header {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	left: 0;
	opacity: 0.99999;
	background: rgb(34, 42, 44);
	width: 99.99999%;
	padding: 3.52% 0.26%;
	display: block !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	z-index: 1000;

	margin-bottom: 0 !important;
 }
 /*  #livebildDIV {
		 width: 344.99999% !important;
	 }*/
 /*  Top-Hotels portrait:  */
 .spacer_hotels {
	display: none
 }
 .spacer_hotels_header {
	right: 18.74666% !important;
	z-index: 100;

	background-image: linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 100%);
	position: absolute;
	width: 1.1px;
	height: 91.66666%;

	bottom: calc(99.99999% * 0.049);
	opacity: 0.25;
	-webkit-box-shadow: 1px 0 2px whitesmoke;
	box-shadow: 1px 0 2px whitesmoke;
 }
 .img_tophotels {
	width: 11.45333%;
	padding-top: 1.56%;
	margin-left: 94.78666%; /*  83.33333%;  */
	cursor: pointer;
 }
 #video_tophotels_header {
	position: absolute;
	text-align: center;
	background-size: contain;

	color: whitesmoke;
	top: calc(99.99999% * 0.049);
	z-index: 1000;
	font-size: small;
 }
 #video_tophotels_close_header,
 .video_tophotels_close_header {
	visibility: hidden;
	width: calc(99.99999% * 0.19 + 1px);
	right: 0;
	position: absolute;
	background-image: linear-gradient( 90deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(0,105,180) 0%, rgb(71,205,219) 100%);
	height: 99%;
	top: calc(99.99999% * 0.0098);
	z-index: 999;
 }
 #video_tophotels_close_header::after,
 .video_tophotels_close_header::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 45%;
	margin-left: -2.60%;
	border-width: 6px;
	border-style: solid;
	border-color: rgb(0, 105, 180) transparent transparent transparent;
	z-index: 1000;
 }
 #tophotel_col {
	display: -webkit-box;
	width: 50%;
 }
 #tophotel_item,.tophotel_item {
	padding: 1.04%
 }
 #video_tophotels_active, .video_tophotels_active {
	top: 2.6%;

	z-index: 1;
 }
 .tophotel_name, .tophotel_slogan {
	font-size: small;
 }
 #video_tophotels_menue {
	display: none
 }
 /*  END Top-Hotels portrait */
 /*  Wetter portrait: */
 #video_weather_table,.video_weather_table {
	margin: calc(99.99999% * -0.4287) 37.49666%
 }
 /*  END Wetter portrait */
 #label a {
	position: absolute;
	left: 87.50333%;
	top: 10.41333%;
	width: 25%;
	color: whitesmoke;
	z-index: 1000;
	cursor: pointer;
 }
 @media screen and (max-width: 299px) {
	.spacer {
	 display: none
	}
	#video_wetter {
	 display: none !important
	}
	#video_kameramodus_button {
	 width: 19.78666% !important
	} /*  21.87999  */
	#video_play, #video_pause {
	 margin: 15.62666% 19.78666% !important
	}
 }
 @media screen and (max-width: 420px) {
	#label a {
	 top: 7.33333%;
	 width: 15.62666%;
	}
	.img_tophotels {
	 margin-left: 90.10666%;
	}
	#modus, .modus, #modus_zr,
	#modus_ds, .modus_ds {
	 font-size: 3.7vw;
	}
	@media screen and (min-height: 768px) {
	 #video_center_play, #video_center_pause {
		display: none !important;
	 }
	}
 }
 @media screen and (min-height: 421px) and (max-height: 546px) {
	#modus, .modus, #modus_zr {
	 margin: 0.26% 1.56% !important;
	}
	#video_tophotels_header {
	 right: 5.25% !important;
	}
 }
 @media screen and (min-height: 547px) and (max-height: 767px) {
	#modus, .modus, #modus_zr {
	 margin: 2.6% 1.56% !important;
	}
	#video_tophotels_header {
	 right: 5.25% !important;
	}
 }
 /*  */
 #video_popup_skypano2 {
	left: 25%;
	top: calc(50% - 5px);
 }
 .adbtn,
 #adbtn {
	font-size: small !important;
	padding: 16.66666% !important;
 }
 .kamerainfo_img,
 #kamerainfo_right {
	display: none
 }
 .kamerainfo_txt,
 .kamerainfo_txt_caption,
 .subheader {
	min-width: inherit;
	font-size: x-small;
 }
 #kamerainfo_div {
	background: linear-gradient(to right, rgb(34, 42, 44) 25%, transparent 91.66666%);
	top: 0.52%;
 }
 #kamerainfo_left {
	padding: 20.82999%;
 }
 .tipps_item,
 .tipps_item_last {
	margin: 0 5.25%;
 }
 #tipps_div {
	overflow-y: scroll !important;
 }
 /*  tableheader_paddingleft (weather) */
 .th_pdl {
	padding-left: 1.04% !important;
 }

 #fer_zr_m, .fer_zr_m {
	width: 275% !important;
	margin-top: 41.66666% !important;
	animation: move_zr_m 12s linear 0s infinite;
	-webkit-animation: move_zr_m 12s linear 0s infinite;
 }
 /*  .modus_zr, .modus_zr:hover {
		 background-color: transparent !important;
		 border-left: none !important;
		 opacity: 0.5 !important;
		 cursor: default;
	 }*/
 #fer_zr_spot, .fer_zr_spot {
	margin-top: 54.17% !important;
 }
 #video_ausblenden,
 #video_einblenden,
 #kameramodus_menue_logo {
	display: none;
 }
 /*  */
 @media screen and (min-height: 768px) {
	.img_tophotels {
	 margin-left: 83.33333%
	}
	#label a {
	 left: 83.33333%
	}
 }
 @media screen and (max-height: 878px) {
	.infotexte {
	 display: none !important;
	}
 }
 /*  */
 #snaps:active {
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transform: scale(2.1);
	-webkit-transform: scale(2.1);
	cursor: cell;
 }
 /*  */
 /*  tablet  */
 /*  e.g. Nexus -> ...  */
 /*  @media screen and (min-width: 421px) and (max-width: 598px) */
 @media screen and (min-width: 421px) and (max-width: 598px) {
	body {
	 font-size: medium !important
	}
	.panel-body {
	 margin-top: 8.33333% !important
	}
	.close_menue, #close_menue {
	 padding: 7.33333%
	}
	#close_weather, #close_weather {
	 padding: 1.82% 8.33333% !important;
	 right: 17.70666% !important;
	 width: 21.87999% !important;
	}
	.close_menue, #close_menue,
	.icon_menue, #icon_menue {
	 margin: 5px 27px !important;
	 font-size: 6vw !important;
	 width: 50% !important;
	}
	#content_div {
	 margin-top: 9.89333%
	}
	.div_360 {
	 width: 5.25% !important;
	 top: 95.04666% !important;
	}
	#fer_zr_m, .fer_zr_m {
	 width: 99.99999% !important;
	 animation: none;
	 -webkit-animation: none;
	}
	#header_pc,
	#header_pc_livebild {
	 left: 9.37333%;
	 top: 25%;
	}
	.img_tophotels {
	 padding-top: 0.52% !important
	}
	#kamerainfo_left {
	 padding-top: 0
	}
	.kamerainfo_txt,
	.kamerainfo_txt_caption,
	.subheader {
	 font-size: medium
	}
	#language, .language {
	 padding-bottom: 0 !important;
	 transform: none;
	 -webkit-transform: none;
	}
	#modus, .modus, #modus_zr {
	 margin-bottom: 2.6% !important
	}
	#modus_ds, .modus_ds {
	 padding-top: 12.50333% !important
	}
	.spacer_menue {
	 left: 17.18666% !important
	}
	.spacer_play_pause {
	 left: 28.12% !important
	}
	#snaps_div,
	.tophotel_page {
	 margin-left: 6.29% !important
	}
	#tophotel_col {
	 width:  46.35999%
	}
	#video_logo {
	 width: auto;
	 z-index: 100;
	}
	#video_play, #video_pause {
	 margin: 20.83666% 33.33333% !important
	}
	#video_popup_archiv {
	 left: 25%
	}
	#video_popup_skypano2 {
	 left: 33.33333%
	}
	#video_tophotels_header {
	 right: 8.33333% !important;
	 font-size: large;
	}
	#video_weather_active {
	 height: calc(99.99999% * 3.7975) !important
	}
	.video_weather_df {
	 text-align: left
	}
	#video_weather_table, .video_weather_table {
	 margin: calc(99.99999% * -0.3062) 37.49666%
	}
	#video_wetter {
	 bottom: 33.33333%;
	 right: 22.91999%;
	 font-size: medium;
	}
	#video_wetter_img {
	 right: 34.89333%;
	 width: 4.17%;
	}
	#video_wind_detail_div, .video_wind_detail_div {
	 width: 22.39999%;
	 margin-top: 30.73333%;
	 margin-left: 75%;
	}
	@media screen and (min-height: 879px) and (max-height: 1024px) {
	 video {
		width: 200%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	 }
	 #fer_video {
		height: 91.66666% !important;
	 }
	 .infotexte {
		z-index: 1000
	 }
	 #video_kameramodus_menue,
	 .video_kameramodus_menue {
		bottom: 16.66666%
	 }
	 .img_close {
		padding: 14.58666% 0 0 33.33333% !important
	 }
	 .a_img {
		background-size: 6.29% !important
	 }
	 .spacer_360 {
		display: none
	 }
	 .spacer {
		right: 16.66666% !important
	 }
	 #video_center_play,
	 #video_center_pause {
		top: calc(50% + 30px) !important;
		left: 45%;
	 }
	 .header_location {
		width: 3.64%
	 }
	 .tophotel_name, .tophotel_slogan {
		font-size: small
	 }
	 .adbtn,
	 #adbtn {
		font-size: medium !important;
		padding: 33.33333% !important;
	 }
	 #label a {
		top: 86.45333%
	 }
	 #video_popup_snaps {
		top: calc(16.66666% - 40px) !important
	 }
	}
	@media screen and (min-height: 1025px) and (max-height: 1367px) {
	 #fer_video {
		height: 91.66666% !important;
	 }
	 .infotexte {
		z-index: 1000
	 }
	 #video_kameramodus_menue,
	 .video_kameramodus_menue {
		bottom: 16.66666%
	 }
	 .img_close {
		padding: 14.58666% 0 0 33.33333% !important
	 }
	 #modus, .modus, #modus_zr,
	 #modus_ds, .modus_ds {
		font-size: medium;
		margin: 6.29% !important;
	 }
	 .a_img {
		background-size: 5.25% !important
	 }
	 .spacer_360 {
		display: none
	 }
	 .spacer {
		right: 16.66666% !important
	 }
	 #video_center_play,
	 #video_center_pause {
		top: calc(50% + 30px);
		left: 45%;
	 }
	 #video_kameramodus_close::after,
	 .video_kameramodus_close::after {
		margin-left: -4.17% !important;
		left: 50% !important;
	 }
	 .infotexte {
		height: 2.86%;
		padding-top: 0;
	 }
	 .header_location {
		width: 3.64%
	 }
	 .tophotel_name, .tophotel_slogan {
		font-size: small
	 }
	 .adbtn,
	 #adbtn {
		font-size: medium !important;
		padding: 33.33333% !important;
	 }
	 #label a {
		top: 86.45333%
	 }
	 #video_popup_snaps {
		top: calc(25% - 40px) !important
	 }
	}
 }
 /*  @media screen and (min-width: 599px) and (max-width: 767px) */
 @media screen and (min-width: 599px) and (max-width: 767px) {
	.img_tophotels {
	 padding-top: 33.85333% !important;
	 margin-left: 91.66666%;
	}
	.infotexte {
	 display: none
	}
	#label a {
	 left: 87.49666%
	}
	.spacer_play_pause {
	 left: 29.17% !important
	}
	#video_tophotels_header {
	 font-size: medium !important
	}
 }
 /*  ... iPad -> Kindle ...: */
 /*  @media screen and (min-width: 599px) and (max-width: 1024px)  */
 @media screen and (min-width: 599px) and (max-width: 1024px) {
	body {
	 font-size: medium !important
	}
	.panel-body {
	 margin-top: 8.33333% !important
	}
	.close_menue, #close_menue {
	 padding: 7.33333%
	}
	#close_weather, #close_weather {
	 padding: 1.82% 8.33333% !important;
	 right: 17.70666% !important;
	 width: 21.87999% !important;
	}
	.close_menue, #close_menue,
	.icon_menue, #icon_menue {
	 margin: 5px 27px !important;
	 font-size: 6vw !important;
	 width: 50% !important;
	}
	#content_div {
	 margin-top: 9.89333%
	}
	.div_360 {
	 width: 5.25% !important;
	 top: 95.04666% !important;
	}
	#fer_zr_m, .fer_zr_m {
	 width: 99.99999% !important;
	 animation: none;
	 -webkit-animation: none;
	}
	#header_pc,
	#header_pc_livebild {
	 left: 9.37333%;
	 top: 25%;
	}
	.img_tophotels {
	 padding-top: 43.74666%
	}
	#kamerainfo_left {
	 padding-top: 0
	}
	.kamerainfo_txt,
	.kamerainfo_txt_caption,
	.subheader {
	 font-size: medium
	}
	#language, .language {
	 padding-bottom: 0 !important;
	 transform: none;
	 -webkit-transform: none;
	}
	#modus, .modus, #modus_zr {
	 margin-bottom: 2.6% !important
	}
	#modus_ds, .modus_ds {
	 padding-top: 17.70666% !important
	}
	.spacer_menue {
	 left: 17.18666% !important
	}
	.spacer_play_pause {
	 left: 28.12% !important
	}
	#snaps_div,
	.tophotel_page {
	 margin-left: 6.29% !important
	}
	#tophotel_col {
	 width:  46.35999%
	}
	#video_logo {
	 width: auto;
	 z-index: 100;
	}
	#video_play, #video_pause {
	 margin: 20.83666% 33.33333% !important
	}
	#video_popup_archiv {
	 left: 25%
	}
	#video_popup_skypano2 {
	 left: 33.33333%
	}
	#video_tophotels_header {
	 right: calc(99.99999% * 0.09187 + 1px);
	 top: calc(99.99999% * -2.5112);
	 font-size: large;
	}
	#video_weather_active {
	 height: calc(99.99999% * 3.7975) !important
	}
	.video_weather_df {
	 text-align: left
	}
	#video_weather_table, .video_weather_table {
	 margin: calc(99.99999% * -0.3062) 37.49666%
	}
	#video_wetter {
	 bottom: 33.33333%;
	 right: 22.91999%;
	 font-size: medium;
	 width: 12.50333%;
	}
	#video_wetter_img {
	 right: 34.89333%;
	 width: 4.17%;
	}
	#video_wind_detail_div, .video_wind_detail_div {
	 width: 22.39999%;
	 margin-top: 30.73333%;
	 margin-left: 75%;
	}
	@media screen and (min-height: 879px) and (max-height: 1024px) {
	 .infotexte {
		z-index: 1000
	 }
	 .img_close {
		padding: 14.58666% 0 0 33.33333% !important
	 }
	 .a_img {
		background-size: 6.29% !important
	 }
	 .spacer_360 {
		display: none
	 }
	 .spacer {
		right: 16.66666% !important
	 }
	 #video_center_play,
	 #video_center_pause {
		top: calc(50% + 30px) !important;
		left: 45%;
	 }
	 .header_location {
		width: 3.64%
	 }
	 .tophotel_name, .tophotel_slogan {
		font-size: small
	 }
	 .adbtn,
	 #adbtn {
		font-size: medium !important;
		padding: 33.33333% !important;
	 }
	 #label a {
		top: 86.45333%
	 }
	 #video_popup_snaps {
		top: calc(16.66666% - 40px) !important
	 }
	}
	@media screen and (min-height: 1025px) and (max-height: 1280px) {
	 .infotexte {
		height: 2.86%;
		padding-top: 0;
		z-index: 1000;
	 }
	 .img_close {
		padding: 14.58666% 0 0 33.33333% !important
	 }
	 #modus, .modus, #modus_zr,
	 #modus_ds, .modus_ds {
		font-size: medium;
	 }
	 .a_img {
		background-size: 5.25% !important
	 }
	 .spacer {
		right: 16.66666% !important
	 }
	 .spacer_360 {
		display: none
	 }
	 #video_center_play,
	 #video_center_pause {
		top: calc(50% + 30px);
		left: 45%;
	 }
	 #video_kameramodus_close::after,
	 .video_kameramodus_close::after {
		margin-left: -4.17% !important;
		left: 50% !important;
	 }
	 .header_location {
		width: 3.64%
	 }
	 .tophotel_name, .tophotel_slogan {
		font-size: small
	 }
	 .adbtn,
	 #adbtn {
		padding: 33.33333% !important;
	 }
	 #label a {
		top: 86.45333%
	 }
	 #video_popup_snaps {
		top: calc(25% - 40px) !important
	 }
	}
	@media screen and (min-height: 1281px) and (max-height: 1367px) {
	 .adbtn,
	 #adbtn {
		padding: 33.33333% !important;
	 }
	 .close_menue, #close_menue,
	 .icon_menue, #icon_menue {
		margin: 9.37333% 7.33333% !important;
		width: 87.50333% !important;
	 }
	 .div_360 {
		top: 95.83666% !important;
		width: 4.17% !important;
	 }
	 .header_location {
		width: 3.64%
	 }
	 .infotexte {
		height: 2.86%;
		padding-top: 0;
		z-index: 1000;
	 }
	 .img_close {
		padding: 14.58666% 0 0 33.33333% !important
	 }
	 .img_tophotels {
		padding-top: 58.33333%;
		margin-left: 91.66666%;
	 }
	 #label a {
		top: 86.45333%
	 }
	 #modus, .modus, #modus_zr,
	 #modus_ds, .modus_ds {
		font-size: medium;
	 }
	 .a_img {
		background-size: 5.25% !important
	 }
	 .spacer {
		right: 16.66666% !important
	 }
	 .spacer_360 {
		display: none
	 }
	 .spacer_menue {
		left: 9.11333% !important
	 }
	 .spacer_play_pause {
		left: 18.22666% !important
	 }
	 .tophotel_name, .tophotel_slogan {
		font-size: small
	 }
	 #video_cams, .video_cams {
		margin-top: 5.77%
	 }
	 #video_cams:hover, .video_cams:hover {
		background-image: none
	 }
	 #video_center_play,
	 #video_center_pause {
		top: calc(50% + 30px);
		left: 45%;
	 }
	 #video_kameramodus_button {
		width: 8.33333%
	 }
	 #video_kameramodus_close::after,
	 .video_kameramodus_close::after {
		margin-left: -4.17% !important;
		left: 50% !important;
	 }
	 #video_play, #video_pause {
		width: calc(99.99% * 0.4287)
	 }
	 #video_popup_snaps {
		top: calc(25% - 40px) !important
	 }
	 #video_weather_table, .video_weather_table {
		margin: calc(99.99999% * -0.2144) 37.49666%
	 }
	 #video_wetter_img {
		width: 3.12%
	 }
	 #video_wind_detail_div, .video_wind_detail_div {
		margin-top: 21.87999%;
		width: 14.06666%;
		margin-left: 78.64%;
	 }
	}
 }
 /*  ENDE tablet */
 /*  smartphones: */
 @media (max-width: 414px) {
	#fer_video,#livebildDIV {
	 width: calc(99.99999% * 2.45);
	 -webkit-transform: translateX(-50%);
	 transform: translateX(-50%);
	}
	#close_menue, .close_menue {
	 margin: 12.99999% 2.6% !important;
	 width: 99.99999% !important;
	}
	@media (min-height: 729px) and (max-height: 812px) {
	 #close_menue, .close_menue {
		margin: 11.45333% 2.6% !important;
	 }
	}
	#close_weather, .close_weather {
	 right: 21.35999% !important;
	 width: 17.70666% !important;
	 padding: 1.56% 4.17% !important;
	}
	#content_div {
	 margin-top: 33.33333% !important;
	}
	#header_pc, #header_pc_livebild {
	 font-size: small
	}
	.skypano_margin {
	 margin-left: 66.66666% !important
	}
	#video_kameramodus_button {
	 width: 16.14666%;
	 margin: 0 1.56%;
	}
	#video_play,
	#video_pause {
	 width: calc(99.99% * 0.98);
	 margin: 33.33333% 21.82999%;
	 z-index: 1;
	}
	#video_popup_archiv {
	 left: 0;
	 width: 99.99999%;
	}
	#video_popup_cps {
	 width: 165px;
	 margin: 0.78%;
	}
	@media (max-height: 728px) {
	 #video_popup_cps {
		width: 124px;
		padding: 1.04%;
	 }
	}
	#video_wetter {
	 bottom: 33.33333%;
	 right: 20.82999%;
	 font-size: x-small;
	}
	#video_wetter_img {
	 right: 34.37333%;
	 width: 5.25%;
	 bottom: 2.08%;
	}
	#video_weather_active {
	 height: calc(99.99999% * 4);
	}
	#video_wind_detail_div, .video_wind_detail_div {
	 font-size: x-small;
	 width: 16.66666%;
	 margin: 44.78666% 79.16333%;
	}
 }
 @media (min-width: 415px) and (max-width: 991px) {
	#video_kameramodus_button {
	 width: 16.66666%;
	}
	#video_play,
	#video_pause {
	 width: calc(99.99% * 0.735);
	 margin: 58.33333% 83.33333%;
	}
	#video_weather_active {
	 height: calc(99.99999% * 3.675);
	}
 }
 /*  ENDE  smartphones */
 /*  */
 .lg_hover {
	padding: 0.52% 3.64%;
 }
 .lg_hover_bold {
	padding: 0% 3.64%;
 }
 .lifte_pisten_table {
	display: none;
 }
 .panel-body {
	margin: 15.107% 83.33333% !important
 }
 @media (max-width: 340px) {
	.panel-body {
	 margin: 15.107% 25% !important
	}
 }
 @media (min-width: 676px) and (max-width: 799px) {
	.panel-body {
	 margin: 15.107% 50% !important;
	 width: 99.99999%;
	}
 }
 .table-responsive > table {
	padding: 0 !important
 }
 .table-responsive {
	-webkit-transform: scale(0.75) !important;
	transform: scale(0.75) !important;
 }
 @media (height: 351px) {
	/*  feratel.com */
	@media (width: 345px) {
	 #fer_video {
		transform: translateY(0.25%);
		-webkit-transform: translateY(0.25%);
	 }
	 #kamerainfo_left {
		padding: 0 20.82999%;
	 }
	 #video_position {
		display: none
	 }
	 #video_tophotels_header {
		margin-right: 4.69%
	 }
	}
 }
}
/*  ENDE portrait @media screen and (orientation: portrait) @media screen and (orientation: portrait) @media screen and (orientation: portrait) */
@media screen and (orientation: landscape) {
 #video_cams_m, .video_cams_m,
 #video_cams_arrow_left, #video_cams_arrow_right {
	display: none;
 }
}
@media (min-aspect-ratio: 16 / 9) {
 .infotexte {
	height: 5.77% !important
 }
 @media (min-width: 445px) and (max-width: 767px) and (orientation: landscape) {
	.infotexte {
	 height: 6.81% !important
	}
	#kamerainfo_left {
	 padding: 0.52% !important
	}
 }
 @media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
	.infotexte {
	 height: 8.33333% !important
	}
 }
 @media screen and (orientation: landscape) {
	#kamerainfo_left {
	 padding: 0.26% 25%
	}
	.kamerainfo_img {
	 width: 29.16333%
	}
	/*    .video_skip_10_div {
				margin-top: calc(99.99999% * 4.41);
			}*/
 }
}
@media (max-aspect-ratio: 16 / 8) and (orientation: landscape) {
 .infotexte {
	height: 4.69% !important
 }
 @media (min-width: 445px) and (max-width: 991px) {
	.infotexte {
	 height: 6.81% !important
	}
 }
}
@media (max-aspect-ratio: 16 / 7) and (orientation: landscape) {
 @media (min-width: 445px) and (max-width: 767px) {
	.tophotel_item {
	 padding: 0 11.45333%
	}
	.tophotel_page {
	 margin-left: 0 !important
	}
	#video_popup_skypano2 {
	 display: none
	}
 }
}
@media (max-aspect-ratio: 16 / 5) {
 @media (max-height: 330px) {
	.infotexte_content {
	 line-height: 16px
	}
	#video_cams, .video_cams {
	 width: 75%
	}
 }
}
/*@media (min-aspect-ratio: 1 / 2) and (max-aspect-ratio: 1 / 1) {
  .close_menue, #close_menue,
  #icon_menue, .icon_menue {
    width: 50% !important;
    margin: 16.66666% 25% !important;
  }
  #label a {  top: 37.50333%  }
  .spacer_menue { left: 16.92666% !important  }
  .spacer_play_pause { left: 30.21333% !important  }
  .btn-play_pause { width: 5.77%  }
  #video_kameramodus_menue {  bottom: auto  }
  #video_play, #video_pause { margin: 58.33333% 50% }
  #video_tophotels_header { right: 8.59333% !important  }
  #video_wetter { font-size: small  }
  #video_wetter_img { width: 6.29%  }
}*/
/*  ENDE general responsive ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** ***** */
/*  */
/*  */
/*  animations  */
#video_center_buffer {
 -webkit-animation: cssAnimation 0.8s 1000 linear;
 -moz-animation: cssAnimation 0.8s 1000 linear;
 -o-animation: cssAnimation 0.8s 1000 linear;
 animation: cssAnimation 0.8s 1000 linear;
}
@-webkit-keyframes cssAnimation {
 from {
	-webkit-transform: rotate(0deg);
 }
 to {
	-webkit-transform: rotate(360deg);
 }
}
@-moz-keyframes cssAnimation {
 from {
	-moz-transform: rotate(0deg);
 }
 to {
	-moz-transform: rotate(360deg);
 }
}
@-o-keyframes cssAnimation {
 from {
	-o-transform: rotate(0deg);
 }
 to {
	-o-transform: rotate(360deg);
 }
}
@keyframes cssAnimation {
 from {
	transform: rotate(0deg);
 }
 to {
	transform: rotate(360deg);
 }
}
/*  */
#videoBuffer {
 -webkit-animation: cssAnimation 0.8s 1000 linear;
 -moz-animation: cssAnimation 0.8s 1000 linear;
 -o-animation: cssAnimation 0.8s 11000 linear;
}
@-webkit-keyframes cssAnimation {
 from {
	-webkit-transform: rotate(0deg);
 }
 to {
	-webkit-transform: rotate(360deg);
 }
}
@-moz-keyframes cssAnimation {
 from {
	-moz-transform: rotate(0deg);
 }
 to {
	-moz-transform: rotate(360deg);
 }
}
@-o-keyframes cssAnimation {
 from {
	-o-transform: rotate(0deg);
 }
 to {
	-o-transform: rotate(360deg);
 }
}
/*  */
.fading {
 -webkit-animation: fade 11s;
 animation: fade 11s;
}
.fading_pause {
 -webkit-animation: fade 5s;
 animation: fade 5s;
}
/*.fadeout {
  -webkit-animation: fade 5s infinite;
  animation: fade 5s infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.fadeout_wind {
  -webkit-animation: fade 5s infinite;
  animation: fade 5s infinite;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}*/
@-webkit-keyframes fade {
 from {
	opacity: 1;
	z-index: 50
 }
 to {
	opacity: 0;
	z-index: -1;
 }
}
@keyframes fade {
 from {
	opacity: 1;
	z-index: 50
 }
 to {
	opacity: 0;
	z-index: -1;
 }
}
/*  */
#niebla:before {
 background-image: url(../images/wtvjsp/Fog.png);
 animation: move 9s linear infinite;
 -webkit-animation: move 9s linear infinite;
 animation-iteration-count: 1;
 -webkit-animation-iteration-count: 1;
}
#niebla:after {
 background-image: url(../images/wtvjsp/Fog.png);
 animation: move 9s linear 0s infinite;
 -webkit-animation: move 9s linear 0s infinite;
 animation-iteration-count: 1;
 -webkit-animation-iteration-count: 1;
}
@keyframes move {
 from {
	transform: translate3d(0,0,0);
	visibility: hidden;
	opacity: 0;
 }
 to {
	transform: translate3d(-20vw,0,0);
	visibility: visible;
	opacity: 1;
 }
 /*  from { transform: translate3d(0,0,0); }
	 to { transform: translate3d(-20vw,0,0); }*/
}
@-webkit-keyframes move {
 from {
	-webkit-transform: translate3d(0,0,0);
	visibility: hidden;
	opacity: 0;
 }
 to {
	-webkit-transform: translate3d(-20vw,0,0);
	visibility: visible;
	opacity: 1;
 }
 /*  from { -webkit-transform: translate3d(0,0,0); }
	 to { -webkit-transform: translate3d(-20vw,0,0); }*/
}
/*#lluvia:before {
  background-image: url(../images/wtvjsp/rain_l.png);
  animation: mover 4s linear infinite;
  -webkit-animation: mover 4s linear infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
#lluvia:after {
  background-image: url(../images/wtvjsp/rain_m.png);
  animation: mover 4s linear 0s infinite;
  -webkit-animation: mover 4s linear 0s infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}*/
@keyframes mover {
 from {
	transform: translate3d(-8vw,-2vw,0);
	visibility: hidden;
	opacity: 0;
 }
 to {
	transform: translate3d(8vw,0,0);
	visibility: visible;
	opacity: 0.5;
 }
}
@-webkit-keyframes mover {
 from {
	-webkit-transform: translate3d(-8vw,-2vw,0);
	visibility: hidden;
	opacity: 0;
 }
 to {
	-webkit-transform: translate3d(8vw,0,0);
	visibility: visible;
	opacity: 0.5;
 }
}
/*#helada:before {
  background-image: url(../images/wtvjsp/fr_full.png);
  animation: finvert 3.85s linear infinite;
  -webkit-animation: finvert 3.85s linear infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
#helada:after {
  background-image: url(../images/wtvjsp/fr_full.png);
  animation: finvert 3.85s linear infinite;
  -webkit-animation: finvert 3.85s linear infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}*/
/*#calor:before {
  background-image: url(../images/wtvjsp/heat.png);
  animation: finvert 3.85s linear infinite;
  -webkit-animation: finvert 3.85s linear infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}
#calor:after {
  background-image: url(../images/wtvjsp/heat.png);
  animation: finvert 3.85s linear infinite;
  -webkit-animation: finvert 3.85s linear infinite;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
}*/
.gota {   /*  Tropfen  */
 position: absolute;
 bottom: 100%;
 width: 8.33333%;
 height: 25%;
 pointer-events: none;
 animation: gota 0.5s linear infinite;
 -webkit-animation: gota 0.5s linear infinite;
}
@keyframes gota {
 0% {
	transform: translateY(0vh);
 }
 33.33333% {
	transform: translateY(30vh);
 }
 50% {
	transform: translateY(60vh);
 }
 75% {
	transform: translateY(90vh);
 }
 100% {
	transform: translateY(90vh);
 }
}
@-webkit-keyframes gota {
 0% {
	-webkit-transform: translateY(0vh);
 }
 33.33333% {
	-webkit-transform: translateY(30vh);
 }
 50% {
	-webkit-transform: translateY(60vh);
 }
 75% {
	-webkit-transform: translateY(90vh);
 }
 100% {
	-webkit-transform: translateY(90vh);
 }
}
.mets {   /*  relates to gota   */
 width: 0.46%;
 height: 66.66666%;
 margin-left: 1px;
 background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 66%);
 background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25) 66%);
 animation: mets 6.058s linear infinite;
 -webkit-animation: mets 6.058s linear infinite;
}
@keyframes mets {
 0% {
	opacity: 0;
 }
 33.33333% {
	opacity: 1;
 }
 75% {
	opacity: 1;
 }
 100% {
	opacity: 1;
 }
}
/*  */
.finvert {
 -webkit-animation: finvert 15s;
 animation: finvert 15s;
}
@keyframes finvert {
 from {
	visibility: hidden;
	opacity: 0;
 }
 to {
	visibility: visible;
	opacity: 1;
 }
}
@-webkit-keyframes finvert {
 from {
	visibility: hidden;
	opacity: 0;
 }
 to {
	visibility: visible;
	opacity: 1;
 }
}
@keyframes finverth_b {
 from {
	background-image: url(../designs/v4/img/fr_full.png);
 }
 to {
	background: rgb(34, 42, 44);
 }
}
@-webkit-keyframes finverth_b {
 from {
	background-image: url(../designs/v4/img/fr_full.png);
 }
 to {
	background: rgb(34, 42, 44);
 }
}
@keyframes finvertc_b {
 from {
	background-image: url(../designs/v4/img/heat.png);
 }
 to {
	background: rgb(34, 42, 44);
 }
}
@-webkit-keyframes finvertc_b {
 from {
	background-image: url(../designs/v4/img/heat.png);
 }
 to {
	background: rgb(34, 42, 44);
 }
}
@keyframes finverth {
 from {
	background-image: url(../designs/v4/img/fr_full.png);
 }
 to {
	background-image: linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 }
}
@-webkit-keyframes finverth {
 from {
	background-image: url(../designs/v4/img/fr_full.png);
 }
 to {
	background-image: -webkit-linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 }
}
@keyframes finvertc {
 from {
	background-image: url(../designs/v4/img/heat.png);
 }
 to {
	background: rgb(34, 42, 44);
 }
}
@-webkit-keyframes finvertc {
 from {
	background-image: url(../designs/v4/img/heat.png);
 }
 to {
	background: rgb(34, 42, 44);
 }
}
#fer_zr, .fer_zr {
 width: 100%;
 margin-top: 12.50333%;
 /*  animation: move_zr 9s linear 0s infinite;
	 -webkit-animation: move_zr 9s linear 0s infinite;*/
}
@keyframes move_zr {
 from {
	transform: translate3d(0,0,0);
 }
 to {
	transform: translate3d(-9vw,0,0);
 }
}
@-webkit-keyframes move_zr {
 from {
	-webkit-transform: translate3d(0,0,0);
 }
 to {
	-webkit-transform: translate3d(-9vw,0,0);
 }
}
#fer_zr_spot, .fer_zr_spot {
 width: 84.89333%;
 margin-top: 3.12%;
 transform: scaleX(1.36);
 -webkit-transform: scaleX(1.36);
}
@keyframes move_zr_m {
 from {
	transform: translate3d(0,0,0);
 }
 to {
	transform: translate3d(-179vw,0,0);
 }
}
@-webkit-keyframes move_zr_m {
 from {
	-webkit-transform: translate3d(0,0,0);
 }
 to {
	-webkit-transform: translate3d(-179vw,0,0);
 }
}
/*  */
/*.fadein {
  -webkit-animation: rotate 10.5s linear infinite;
  animation: rotate 10.5s linear infinite;
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.fadewind {
  -webkit-animation: rotate 10.5s linear infinite;
  animation: rotate 10.5s linear infinite;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
@-webkit-keyframes rotate {
  from { opacity: 0;color: black; }
  to { opacity: 1;color: whitesmoke; }
  0% {-webkit-transform: translateY(0%);opacity: 0;}
    100% {-webkit-transform: translateY(-99.99999%);opacity: 1;}
}
@keyframes rotate {
  from { opacity: 0;color: black; }
  to { opacity: 1;color: whitesmoke; }
  0% {-webkit-transform: translateY(0%);opacity: 0;}
    100% {-webkit-transform: translateY(-99.99999%);opacity: 1;}
}*/
/*  ENDE animations */


.pws_playercaption_div {
 display: table-cell;
 vertical-align: middle;
}
.pws_tophotels {
 position: absolute;
 display: table;
 color: white;
 font-size: 16px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
 text-transform: uppercase;
 background-image: url(./img/balken_arrow.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 text-align: center;
 bottom: 0px;
}
.pws_weather {
 font-size: 16px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: 400;
 text-shadow: 0px 0px 5px black;
}


.pws_panoscroll2_cont {
 position: absolute;
 background: red;
}
.pws_panoscroll2_playstop {
 background-image: url("./img/pano/icon_playstop.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: pointer;
}
.pws_panoscroll2_playleft {
 background-image: url("./img/pano/icon_playleft.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: pointer;
}
.pws_panoscroll2_playleft_act {
 background-image: url("./img/pano/icon_playleftact.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: default;
}
.pws_panoscroll2_playright {
 background-image: url("./img/pano/icon_playright.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: pointer;
}
.pws_panoscroll2_playright_act {
 background-image: url("./img/pano/icon_playrightact.svg");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100% 100%;
 cursor: default;
}
.pws_panoscroll2_scrollarea{
 cursor: pointer;
}
/*img {
  image-rendering: optimizeSpeed;              FUCK SMOOTHING, GIVE ME SPEED  
  image-rendering: -moz-crisp-edges;           Firefox                        
  image-rendering: -o-crisp-edges;             Opera                          
  image-rendering: -webkit-optimize-contrast;  Chrome (and eventually Safari) 
  image-rendering: optimize-contrast;          CSS3 Proposed                  
  -ms-interpolation-mode: nearest-neighbor;    IE8+                           
}*/
.pws_days {
 z-index: 999;
 position: absolute;
 color: white;
 font-size: 14px;
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 bottom: 200px;
 left: 35px;
 cursor: default;
}


/*  AshAdd:  */
/**/
.header {
 display: none;
}
/*  bottom banner / Balken  */
.banner {
 position: sticky;
 position: -webkit-sticky;
 bottom: 0;
 left: 0;
 opacity: 0.83333;
 background: rgb(34, 42, 44);
 width: 99.99999%;
 padding: 1.04%;

 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 z-index: 1000;
}
.banner_LivebildDIV {
 padding: 1.17%;
}
.navbar-fixed-bottom {  /*  bs  */
 background: rgb(34, 42, 44);
}

#video_kameramodus_close,
.video_kameramodus_close {
 visibility: hidden;
 width: calc(99.99999% * 0.069 + 1px);
 left: 0;
 position: absolute;
 background-image: linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 background-image: -webkit-linear-gradient( 90deg, rgb(71,205,219) 0%, rgb(0,105,180) 100%);
 height: 99%;
 bottom: calc(99.99999% * 0.0098);
}
.img_close {
 width: 30.21333%;
 padding: 14.58666% 0 0 36.45333%;
}
.img_weather_close,
#img_weather_close {
 width: 21.87%;
 padding: 11.45333% 0 0 38.06333%;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 /*visibility: hidden;*/
}
#video_kameramodus_close::after,
.video_kameramodus_close::after {
 content: "";
 position: absolute;
 bottom: 99%;
 left: 45.83666%;
 border-width: 6px;
 border-style: solid;
 border-color: transparent transparent rgb(0, 105, 180) transparent;
}

/*  menue div   */
#video_kameramodus_active,
.video_kameramodus_active {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 z-index: 100;
 width: 25%;
 height: 99.99999%;
 position: fixed;
 top: 0;
 left: 0;
 bottom:0;
 overflow: hidden;
 /*padding-top: 60px;*/
 background: rgb(34, 42, 44);
 opacity: 0.89146;

 display: none;
}

#video_kameramodus_menue a:hover {
 text-decoration: none;
}
#video_kameramodus_menue:hover,
#video_kameramodus_close:hover,
#video_weather_close:hover {
 cursor: pointer;
}

.a_img {  /*  menue icon  */
 background-size: 7.33333%;  /*  padding: 0.5em; */
}

.div_360 {  /*  'button' 360  */
 width: 2.08%;
 right: 9.37333%;
 position: fixed;
 bottom: 1.82%;
 cursor: pointer;
}

.language:hover, #language:hover {
 background-color: transparent !important;
 border-left: none;
 transition: none;
 -webkit-transition: none;
}

.location {
 width: 35px;
 position: sticky;
 position: -webkit-sticky;
 /*  bottom: 2.6%;
	 margin-left: calc(99.99999% * 0.1925 + 52px);*/
 margin: 58.33333% 99.99999%;
}
.header_location {
 visibility: hidden;
}
.location:hover,
.header_location:hover {
 background: transparent;
}


/*  kameramodus_item.modus + ...  */
.modus_ds, #modus_ds {
 padding: 5.25% 3.12%; /* 3.12% 17.70666%; /*  2.34% 16.66666%;  */
 /*margin: 5.25% 1.56%;*/
}
.modus, #modus, #modus_zr {
 padding: 5.51% 14.58666%;
 margin: 2.34% 1.04%;
 border-top: 0.78px solid rgb(0, 0, 0);  /*  rgb(69, 69, 68);  */
}
.modus:hover, #modus:hover, #modus_zr:hover,
.tipps_item:hover,
.tipps_item_last:hover,
.tophotels_item:hover,
.tophotels_item_last:hover,
.tophotels_item_nopic:hover,
.tophotels_item_last_nopic:hover {
 background-color: rgb(69, 69, 68);
 border-left: 5px solid rgb(0, 105, 180);
 opacity: 0.91466;
 z-index: 4;
}
sup {
 font-size: small;
}
.inactive {
 color: #616161;
 cursor: default !important;
 opacity: 0;
}

/*  menue icon */
.menue_container {
 display: inline-block;
 cursor: pointer;
}
.close_menue, #close_menue,
#icon_menue, .icon_menue {
 margin: 16.66666% 25%;
 width: 50%;
 font-size: 2.05vw;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}
.change .icon_menue {
 visibility: hidden;
}
.change .video_kameramodus_close {
 visibility: visible;
}
.change .infotexte {
 left: 25%;
}
.change .video_weather_close .img_weather_close {
 visibility: visible;
}
.change .video_cams {
 visibility: hidden;
}
.change .video_tophotels_close {
 visibility: visible;
}
.change .video_tophotels_close_header {
 visibility: visible;
}

/*  spacer/Trenner  */
.spacer {
 position: absolute;
 width: 1px;
 height: 91.66666%;
 z-index: 71;

 right: 6.81%;
 bottom: calc(99.99999% * 0.049);
 opacity: 0.25;
 -webkit-box-shadow: 1px 0 2px whitesmoke;
 box-shadow: 1px 0 2px whitesmoke;
}
.spacer_360 {
 right: 14.06666%;
}
.spacer_hotels {
 right: 36.98333%;
}
.spacer_weather {
 right: 23.95999%;
}
.spacer_menue {
 left: 6.81%;
}
.spacer_play_pause {
 left: 12.47999%;
}
.spacer_video_clock {
 left: 21.35999%;
}

/*  test  */
.sidebar {
 height: 83%;
 width: 0;
 position: fixed;
 z-index: 1;
 top: 0;
 left: 0;
 background-color: #111;
 overflow-x: hidden;
 transition: 0.5s;
 padding-top: 60px;
}

.sidebar a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 25px;
 color: #818181;
 display: block;
 transition: 0.3s;
}

.sidebar a:hover {
 color: #f1f1f1;
}

tr, td {
 text-align: left;
 color: whitesmoke;
}

/*.sidebar .closebtn {*/
#closebtn,
.closebtn {
 position: fixed;
 top: 0.52%;
 left: 92.70666%;
 font-size: 2.17vw;
 margin-left: 50px;
 background: transparent;  /*  rgb(34, 42, 44);  */
 cursor: pointer;
 color: whitesmoke;
 border: none;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;

 visibility: visible;
}
#closebtm,
.closebtm {
 position: fixed;
 left: 85.41333%;
 font-size: 6.6vw;
 background: transparent;  /*  rgb(34, 42, 44);  */
 cursor: pointer;
 color: whitesmoke;
 border: none;
 transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;

 visibility: hidden;
}
#closebtn:hover,
.closebtn:hover,
#closebtm:hover,
.closebtm:hover {
 color: /* whitesmoke !important;  */  rgb(0, 105, 180) !important;
 opacity: 1 !important;
}
#closebtn:hover .adbtn {
 opacity: 1;
 right: 99.99999% !important;
}
.closebtn:hover .adbtn {
 opacity: 1;
 right: 99.99999% !important;
}
#closebtm:hover .adbtn {
 opacity: 1;
 right: 99.99999% !important;
}
.closebtm:hover .adbtn {
 opacity: 1;
 right: 99.99999% !important;
}
.adbtn,
#adbtn {
 position: absolute;
 right: calc(99.99999% * -0.0612);
 cursor: pointer;
 color: whitesmoke;
 font-size: large;
 background: rgb(0,105,180);
 padding: 26.04% 50%;
 opacity: 0;
 transition: 0.2s ease-in-out;
 -webkit-transition: 0.2s ease-in-out;

 font-family: 'Titillium Web';
}

.openbtn {
 font-size: 20px;
 cursor: pointer;
 background-color: #111;
 color: white;
 padding: 10px 15px;
 border: none;
}

.openbtn:hover {
 background-color: #444;
}

@media screen and (max-height: 450px) {
 .sidebar {
	padding-top: 15px;
 }
 .sidebar a {
	font-size: 18px;
 }
}

#niebla,  /*  ist spanisch für Nebel - nube für Wolke,  */
#helada,  /*  für Frost,  */
#calor {  /*  für Hitze.  */
 position: sticky;
 position: -webkit-sticky;
 bottom: 0;
 left: 0;
 /*opacity: 0.83333;*/
 /*background: rgb(34, 42, 44);*/
 width: 99.99999%;
 padding: 2.34%;
 z-index: 1000;
}
.lluvia {   /*  für Regen */
 position: sticky;
 position: -webkit-sticky;
 left: 0;
 height: 33.33333%;  /*  width: 68.74666%; */
 /*z-index: 2;*/

 margin: 53.64% 11.45333% 0;
}
#viento, .viento {  /*  für Wind (windig) ...  */
 position: fixed;
 right: 0;
 top: 92.18666%;
 min-width: 99.99999%;
 min-height: 8.33333%;

 z-index: -1;
}
.lluvia.fondo {   /*  back / -ground  */
 display: block;
 bottom: 4.17%;
 z-index: 1000;
}
#niebla,
#helada,
#calor {
 visibility: hidden;
}
#niebla:before,#niebla:after,
#helada:before,#helada:after,
#calor:before,#calor:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 300%;
 background-size: contain;
 background-position: center;
 background-repeat: repeat-x;
}

/*  TIPPS */
#tipps_div {
 font-family: 'Titillium Web' !important;
 font-style:  normal;
 font-weight: bold;
 z-index: 100;
 height: 92.18666%;
 /*height: 92.40666%;*/
 position: fixed;
 top: 0;
 left: 0;
 /*overflow-y: scroll;*/
 overflow: hidden;
 /*padding-top: 60px;*/
 background: rgb(34, 42, 44);
 opacity: 0.94;

 display: none;
}

/*  */
.th_pdl {
 padding-left: 3.64%;
}

/* modal CSS für demo media player in lightbox */

.modal {
 display: none;
 position: fixed;
 z-index: 1;
 padding-top: auto;
 left:0;
 top: 0;
 width:99.99999%;
 overflow: auto;
 background: rgb(34, 42, 44);
}
/*  background-color: whitesmoke;
  background-image: linear-gradient(to bottom, #ccc 0%, whitesmoke 100%);  */

.in_modal {
 display: block;
 overflow: auto;
 width: 97.89997%;
 height: 91.14666%;
 max-width: 100%;
}
#modal01 {
 width: 83.33333%;
 /*height: 97.89997%;*/
 padding: 2.5% 0 0 7.5%;
 border: none;
 overflow: auto;
}
.cSnaps {
 display: none;
}

/*#word, #word38 {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #183255;
  padding: 10px 0;
  height: 150px;
}
.in-modal, #word {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}*/
.close-modal {
 position: absolute;
 top: 15px;
 right: 35px;
 font-size: 5em;
 font-weight: bold;
 color: #183255;
 -webkit-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
}
.close-modal:hover, .close-modal:focus, .close-modal38:hover, .close-modal38:focus {
 cursor: pointer;
 text-shadow: 0 0 9px #183255;
 /*text-shadow: 0px -7px 9px #183255;*/
 -webkit-transition: 0.4s ease-in-out;
 transition: 0.4s ease-in-out;
}

/*  linear-gradient(to bottom, #ffff00 8%, #ffa366 41%, #ff944d 75%, #000000 91%)
    linear-gradient(to bottom, #ffff00 8%, #ffa366 16%, #ff944d 25%, transparent 50%) */

/*  */
#fer_container, .fer_container {
 max-width: 100%;
}
.Feratel_Praegung {
 margin: 0;  /*  8.33333%; 2.08% 0 0 60.93333%;  */
}