/* Widgets - TV */

/* Basis */

body {
	font: 13px / 1.5 Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	background: #0060A9;
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
}
a {
	color: #5A5A5A;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;
}

/* Layout */

#HeaderWrapper {
	width: 100%;
	height: 84px;
	background: #004478; /* Old browsers */
	/*background: -moz-linear-gradient(top, rgba(24,81,144,1) 0%, rgba(19,65,116,1) 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,81,144,1)), color-stop(100%,rgba(19,65,116,1))); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, rgba(24,81,144,1) 0%,rgba(19,65,116,1) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, rgba(24,81,144,1) 0%,rgba(19,65,116,1) 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top, rgba(24,81,144,1) 0%,rgba(19,65,116,1) 100%); /* IE10+ */
	/*background: linear-gradient(to bottom, rgba(24,81,144,1) 0%,rgba(19,65,116,1) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#185190', endColorstr='#134174',GradientType=0 ); /* IE6-9 */
	/*border-bottom: 1px solid #0E3158;*/
}


#HeaderWrapper .WidthWrapper {
	width: 1255px;
	height: 85px;
	padding: 0;
	margin: 0 auto;
}
#HeaderWrapper .WidthWrapper h1.title {
	float: left;
	color: #FFFFFF;
	font-family: "PT Sans", sans-serif;
	font-size: 48px;
	font-weight: bold;
	width: 981px;
	padding: 19px 20px 19px 0;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*#HeaderWrapper .WidthWrapper h1.news {
	background: url("/img/widget/tv/widgetico_news.png") scroll no-repeat 20px center;
	padding-left: 91px;
	width: 890px;
}
#HeaderWrapper .WidthWrapper h1.lifts {
	background: url("/img/widget/tv/widgetico_lifts.png") scroll no-repeat 20px center;
	padding-left: 100px;
	width: 881px;
}
#HeaderWrapper .WidthWrapper h1.pists {
	background: url("/img/widget/tv/widgetico_pists.png") scroll no-repeat 20px center;
	padding-left: 110px;
	width: 871px;
}
*/
#HeaderWrapper .WidthWrapper .logo {
	float: right;
	margin: 15px 25px 0 0;
	position: relative;
	text-align: right;
	width: 229px;
	z-index: 2;
}
#HeaderWrapper .WidthWrapper .logo > img {
	display: block;
	width: 100%;
}
#HeaderWrapper .WidthWrapper .logo > .name {
    color: #2d343e;
    font-family: "PT Sans", sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin: -7px 0 0 0;
}
#ContentWrapper {
	width: 100%;
}
#ContentWrapper .WidthWrapper {
	width: 1255px;
	padding: 30px 0 25px;
	margin: 0 auto;
}

/* Elemente */

/* Pistenstatus */
.cmsPistState:after {
	content: "";
	clear: both; 
	display: block;
}
.cmsPistState h2 {
	color: #FFFFFF;
	text-transform: uppercase; 
	position: relative; 	
}
.cmsPistState h2 span.skiwelt {
	position: absolute;
    right: 30px;
}
.cmsPistState .entry {
	float: left;
	background: #5C5C65;	
	margin: 0 1px 1px 0;
	padding: 4px 8px;
	width: 392px;
}
.cmsPistState .entrylast {
	margin-right: 0;
}
.cmsPistState .entrylast + .entry {
	clear: both;
}
.cmsPistState .entry .state,
.cmsPistState .entry .number,
.cmsPistState .entry .title {
	float: left;
}
.cmsPistState .entry .state {
	padding: 7px 0 0;
	margin: 2px 7px 0 0;
}
.cmsPistState .entry .state img {
	display: block;
	width: 15px;	
}
.cmsPistState .entry .number {
	background: #FFFFFF;
	border-radius: 4px; 
	color: #5C5C65;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 50px;
	margin: 3px 7px 0 0;
	line-height: 26px
}
.cmsPistState .entry .title {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px; 
	width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}
.cmsPistState .entry.state2 .title {
	opacity: 0.5; 
}

/* Liftstatus */
.cmsLiftState:after {
	content: "";
	clear: both; 
	display: block;
}
.cmsLiftState h2,
.cmsSummer h2 {
	color: #FFFFFF;
	text-transform: uppercase; 
	position: relative	
}
.cmsLiftState h2 span.skiwelt {
	position: absolute;
    right: 30px;
}
.cmsLiftState h2.margin {
	margin-top: 50px;
}
.cmsLiftState .entry {
	float: left;
	background: #5C5C65;
	margin: 0 1px 1px 0; 
	padding: 8px;
	width: 391px;
}
.cmsLiftState .entrylast,
.cmsLiftState .entrylast {
	margin-right: 0;
}
.cmsLiftState .entrylast + .entry {
	clear: both;
}
.cmsLiftState .entry .state,
.cmsLiftState .entry .number, 
.cmsLiftState .entry .title {
	float: left;
}
.cmsLiftState .entry .state {
	padding: 4px 0 0;
	margin: 4px 7px 0 0;
}
.cmsLiftState .entry .state img {
	display: block;
	width: 15px;
}
.cmsLiftState .entry.state2 .state img.state1 {
	display: none;
}
.cmsLiftState .entry.state1 .state img.state2 {
	display: none;
}
.cmsLiftState .entry .number {
	background: #FFFFFF;
	border-radius: 4px; 
	color: #5C5C65;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 50px;
	margin: 3px 7px 0 0;
	line-height: 26px
}
.cmsLiftState .entry .title {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px; 
	overflow: hidden;
	width: 305px;
	text-overflow: 	ellipsis; 
	white-space: nowrap; 
}
.cmsSummer .cmsLiftState .entry .title {
	width: auto;
}
.cmsLiftState.overview .entry .title {
	width: 365px; 
}
.cmsLiftState .entry.state2 .title {
	opacity: 0.5; 
}
.cmsLiftState .entry .title span {
	float: right;
	display: inline-block;
    background: #FFF;
    border-radius: 4px;
    text-align: center;
    width: 50px;
    color: #5A5A5A;
    font-size: 14px; 
}

/* News */

.cmsNews .entry {
	background: #5C5C65;
	border: 1px solid #0E3158;
	color: #FFFFFF;
	padding: 8px;
	margin: 0 0 5px 0;
}
.cmsNews .entry .title {
	font-size: 23px;
	font-weight: bold;
}
.cmsNews .entry .text {
	font-size: 16px;
}

/* Summer */

body.summer {
	background: #AECB35 ;
}

body.summer #HeaderWrapper {
	background:#85A633 !important;  
	border-bottom: 1px solid #85A633;
}

body.summer > #ContentWrapper > .WidthWrapper > .cmsWeather .snowreport {
	display:none;   
}

/* Facelift */

body.facelift {
	font: 16px / 1.25 PT Sans, Arial, sans-serif;
	background: #FFFFFF;
}
body.facelift.summer {
	/*background: #AECB35;*/
}
body.facelift.summer {
	background-repeat: no-repeat;
	background-image: url('/img/tv/bg-summer.png');
	background-position: top center;
	background-size: 1920px;
}
body.facelift.summer.small {
	background-size: 1440px;
}
body.facelift #ContentWrapper {
	position: relative;
}
body.facelift #ContentWrapper .WidthWrapper {
	padding: 25px 0;
}

/* Header */

body.facelift #HeaderWrapper {
	background: #FFFFFF;
	height: 120px;
}
body.facelift.summer #HeaderWrapper {
	background: transparent !important;
  border-bottom: 1px solid transparent;
}
body.facelift #HeaderWrapper .WidthWrapper {
	height: 120px;
	position: relative;
}
body.facelift #HeaderWrapper .WidthWrapper::after {
	background-image: url('/img/widget/tv/star-gradient.svg');
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
	height: 100%;
	left: 0;
	min-height: 770px;
	position: absolute;
	pointer-events: none;
	top: 0;
	transform: translate(-640px, -90px);
	width: 100%;
}
body.summer.facelift #HeaderWrapper .WidthWrapper::after {
	filter: invert(1);
}
body.facelift #HeaderWrapper .WidthWrapper h1.title {
	color: #E30613;
	padding: 64px 20px 19px 0;
	position: relative;
	z-index: 1;
}
body.facelift.summer #HeaderWrapper .WidthWrapper h1.title {
	color: #2D343E;
}

/* Headlines */

body.facelift .cmsLiftState h2, body.facelift .cmsSummer h2,
body.facelift .cmsPistState h2, body.facelift .cmsSummer h2 {
	align-items: center;
	color: #2D343E;
	display: flex;
	font-size: 24px;
	gap: 16px;
	grid-column: 1 / -1;
	text-transform: unset;
	position: relative;
}
body.facelift .cmsLiftState h2 span, body.facelift .cmsSummer h2 span,
body.facelift .cmsPistState h2 span, body.facelift .cmsSummer h2 span {
	margin: 0;
}
body.facelift .cmsLiftState h2 strong, body.facelift .cmsSummer h2 strong,
body.facelift .cmsPistState h2 strong, body.facelift .cmsSummer h2 strong {
	font-size: 34px;
}

/* Summer */

body.facelift .cmsSummer {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 40px;
}
body.facelift .cmsSummer .cmsLiftState .entry {
	opacity: 1 !important;
	transform: translate(0) !important;
	width: auto;
}
body.facelift .cmsSummer .right,
body.facelift .cmsSummer .left {
	float: none;
  width: auto;
	margin: 0;
}

/* Liftstate */

body.facelift .cmsLiftState.overview {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0 24px;
}
body.facelift .cmsLiftState:not(.overview) .list .listWrapper {
	display: none;
	grid-template-columns: 1fr 1fr;
	gap: 0 40px;
}
body.facelift .cmsLiftState:not(.overview) .list .listWrapper.show {
	display: grid;
}
body.facelift .cmsLiftState h2 span.region {
	align-items: center;
  display: flex;
	gap: 12px;
}
body.facelift .cmsLiftState h2 span.skiwelt > span {
	align-items: baseline;
	color: #666666;
	font-size: 20px;
	margin-right: 8px;
	text-transform: uppercase;
}
body.facelift .cmsLiftState .entry {
	align-items: center;
	gap: 16px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
	display: flex;
	float: none;
	margin: 0;
	padding: 12px;
	position: relative;
	width: auto;
}
body.facelift .cmsLiftState:not(.overview) .entry {
	opacity: 0;
	transition: all 300msease;
	-moz-transform: translate(-20px, 0);
	-webkit-transform: translate(-20px, 0);
	-o-transform: translate(-20px, 0);
	-ms-transform: translate(-20px, 0);
	transform: translate(-20px, 0);
}
body.facelift .cmsLiftState .entry.state2 {
	background: linear-gradient(90deg, rgba(12, 12, 13, 0.1) 0%, rgba(12, 12, 13, 0) 100%);
}
body.facelift .cmsLiftState .entry.show {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
body.facelift .cmsLiftState.overview .entry {
	justify-content: space-between;
	gap: 12px;
	padding: 12px 10px 10px;
}
body.facelift .cmsLiftState.overview .entry::after {
	background-image: url('/img/widget/tv/divider.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	bottom: 0;
	content: "";
	height: 16px;
	left: -1px;
	position: absolute;
	pointer-events: none;
	right: 0;
	transform: translate(0px, 12px);
	z-index: 1;
}
body.facelift .cmsLiftState:not(.overview) .entry::after {
	background-image: url('/img/widget/tv/divider-large.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	bottom: 0;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	pointer-events: none;
	right: 0;
	transform: translate(-4px, 12px);
	z-index: 1;
}
body.facelift .cmsLiftState.overview .entry .state {
	display: none;
}
body.facelift .cmsLiftState.overview .entry .title {
	width: 100%;
}
body.facelift .cmsLiftState .entry.state2 .title {
  opacity: 1;
}
body.facelift .cmsLiftState.overview .entry .title {
	max-width: none;
}
body.facelift .cmsLiftState .entry .title {
	color: #2D343E;
	font-size: 24px;
	font-weight: 700;
	max-width: 400px;
	width: 100%;
}
body.facelift .cmsLiftState.overview .entry .title {
	font-size: 20px;
}
body.facelift .cmsLiftState .entry .title span {
	background: none;
	font-size: 20px;
	font-weight: 400;
	width: auto;
}
body.facelift .cmsLiftState .entry .state {
	float: none;
	margin: 0;
  padding: 0;
}
body.facelift .cmsLiftState .entry .state img {
  width: 24px;
}
body.facelift .cmsLiftState .entry .number {
	align-items: center;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #797986;
	color: #2D343E;
	display: flex;
	font-size: 16px;
	font-weight: bold;
	float: none;
	height: auto;
	justify-content: center;
	line-height: normal;
	text-align: center;
	margin: 0;
	min-height: 22px;
	width: auto;
}
body.facelift .cmsLiftState .entry .number span {
	display: flex;
	justify-content: center;
	min-width: 16px;
	padding: 2px 6px;
	text-align: center;
}
body.facelift .cmsLiftState .entry .type {
	align-items: center;
	background: #E30613;
	display: flex;
	height: 28px;
	justify-content: center;
	width: 28px;
}
body.facelift .cmsLiftState .entry .type img {
  filter: grayscale(1) invert(1) contrast(2);
}

/* Piststate */

body.facelift .cmsPistState.overview {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0 24px;
}
body.facelift .cmsPistState:not(.overview) .list .listWrapper {
	display: none;
	grid-template-columns: 1fr 1fr;
	gap: 0 40px;
}
body.facelift .cmsPistState:not(.overview) .list .listWrapper.show {
	display: grid;
}
body.facelift .cmsPistState h2 span.region {
	align-items: center;
  display: flex;
	gap: 12px;
}
body.facelift .cmsPistState h2 span.skiwelt > span {
	align-items: baseline;
	color: #666666;
	font-size: 20px;
	margin-right: 8px;
	text-transform: uppercase;
}
body.facelift .cmsPistState .entry {
	align-items: center;
	gap: 16px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
	display: flex;
	float: none;
	margin: 0;
	padding: 12px;
	position: relative;
	width: auto;
}
body.facelift .cmsPistState:not(.overview) .entry {
	opacity: 0;
	transition: all 300msease;
	-moz-transform: translate(-20px, 0);
	-webkit-transform: translate(-20px, 0);
	-o-transform: translate(-20px, 0);
	-ms-transform: translate(-20px, 0);
	transform: translate(-20px, 0);
}
body.facelift .cmsPistState .entry.show {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
body.facelift .cmsPistState .entry.state2 {
	background: linear-gradient(90deg, rgba(12, 12, 13, 0.1) 0%, rgba(12, 12, 13, 0) 100%);
}
body.facelift .cmsPistState.overview .entry {
	justify-content: space-between;
	gap: 12px;
	padding: 12px 10px 10px;
}
body.facelift .cmsPistState.overview .entry::after {
	background-image: url('/img/widget/tv/divider.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	bottom: 0;
	content: "";
	height: 16px;
	left: -1px;
	position: absolute;
	pointer-events: none;
	right: 0;
	transform: translate(0px, 12px);
	z-index: 1;
}
body.facelift .cmsPistState:not(.overview) .entry::after {
	background-image: url('/img/widget/tv/divider-large.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	bottom: 0;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	pointer-events: none;
	right: 0;
	transform: translate(-4px, 12px);
	z-index: 1;
}
body.facelift .cmsPistState.overview .entry .state {
	display: none;
}
body.facelift .cmsPistState.overview .entry .title {
	width: 100%;
}
body.facelift .cmsPistState .entry.state2 .title {
  opacity: 1;
}
body.facelift .cmsPistState.overview .entry .title {
	max-width: none;
}
body.facelift .cmsPistState .entry .title {
	color: #2D343E;
	font-size: 24px;
	font-weight: 700;
	max-width: 400px;
	width: 100%;
}
body.facelift .cmsPistState.overview .entry .title {
	font-size: 20px;
}
body.facelift .cmsPistState .entry .title span {
	background: none;
	font-size: 20px;
	font-weight: 400;
	width: auto;
}
body.facelift .cmsPistState .entry .state {
	float: none;
	margin: 0;
  padding: 0;
}
body.facelift .cmsPistState .entry .state img {
  width: 24px;
}
body.facelift .cmsPistState .entry .number {
	align-items: center;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #797986;
	color: #2D343E;
	display: flex;
	font-size: 16px;
	font-weight: bold;
	float: none;
	height: auto;
	justify-content: center;
	line-height: normal;
	text-align: center;
	margin: 0;
	min-height: 22px;
	width: auto;
}
body.facelift .cmsPistState .entry .number span {
	display: flex;
	justify-content: center;
	min-width: 16px;
	padding: 2px 6px;
	text-align: center;
}
body.facelift .cmsPistState .entry .type {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-left: auto;
	min-width: 92px;
	text-align: left;
}
body.facelift .cmsPistState .entry .type .icon {
	align-items: center;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	height: 16px;
	width: 16px;
}
body.facelift .cmsPistState .entry .type .icon.easy-piste, /* leicht */
body.facelift .cmsPistState .entry .type .icon.teasy-piste { 
	background: #148FDB;
}
body.facelift .cmsPistState .entry .type .icon.medium-piste, /* mittel */
body.facelift .cmsPistState .entry .type .icon.tmedium-piste { 
	background: #E54225;
}
body.facelift .cmsPistState .entry .type .icon.difficult-piste2, /* schwer */
body.facelift .cmsPistState .entry .type .icon.difficult-piste,
body.facelift .cmsPistState .entry .type .icon.tdifficult-piste2,
body.facelift .cmsPistState .entry .type .icon.tdifficult-piste {
	background: #565759;
}
body.facelift .cmsPistState .entry .type .icon.skiroute, /* Skiroute */
body.facelift .cmsPistState .entry .type .icon.tskiroute { 
	background: #FFBD38;
}
body.facelift .cmsPistState .entry .type .label {
	color: #666666;
	font-size: 18px;
}
body.facelift .cmsPistState .pagination {
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-top: 40px;
}
body.facelift .cmsPistState .pagination span {
	background: #0060A9;
	display: flex;
	height: 12px;
	opacity: 0.5;
	transition: all 300ms ease;
	width: 12px;
}
body.facelift .cmsPistState .pagination span.active {
	opacity: 1;
	width: 24px;
}

/* Wetter */

body.facelift:not(.small) .cmsWeather {
	display: grid;
	gap: 20px 40px;
	grid-template-columns: 1fr 1fr;
	margin-top: 80px;
	width: 100%;
}
body.facelift.summer:not(.small) .cmsWeather {
	grid-template-columns: 1fr 1fr 1fr;
}
body.facelift .cmsWeather .entry {
	float: left;
	width: 340px;
	margin: 0 20px 30px 0;
}
body.facelift:not(.small) .cmsWeather .entry {
	float: none;
	display: grid;
	grid-template-rows: 1fr auto;
	grid-template-columns: 1fr 1fr 1fr;
	width: auto;
	margin: 0;
}
body.facelift .cmsWeather .entry h2 {	
	color: #2D343E;
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
}
body.facelift:not(.small) .cmsWeather .entry h2 {	
	grid-column: 1 / -1;
	font-size: 24px;
}
body.facelift .cmsWeather .entry .item {
	float: left;
	background: #5C5C65;
	margin: 0 1px 0 0;
	width: 106px;
}
body.facelift:not(.small) .cmsWeather .entry .item {
	width: auto;
}
body.facelift:not(.small) .cmsWeather .entry .clear {
	display: none;
}
.cmsWeather .entry .item .headline {
	color: #FFFFFF;
	text-align: center;
	padding: 20px 0 0;
}
body.facelift:not(.small) .cmsWeather .entry .item .headline {	
	font-size: 20px;
	padding-bottom: 4px;
}
body.facelift .cmsWeather .entry .item .temp,
body.facelift .cmsWeather .entry .item .value {
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding: 10px 0; 
}
body.facelift:not(.small) .cmsWeather .entry .item .temp,
body.facelift:not(.small) .cmsWeather .entry .item .value {
	color: #FFFFFF;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	padding: 10px 0; 
}
body.facelift .cmsWeather .entry .item .icon {
	text-align: center;
}
body.facelift .cmsWeather .entry .item .icon img {
	width: 80px;
}

body.wilderkaiser #HeaderWrapper .WidthWrapper {
	width: 1820px;	
}
body.wilderkaiser #ContentWrapper .WidthWrapper {
	width: 1820px;	
}
body.wilderkaiser {
    font: 20px / 1.5 Arial, Helvetica, sans-serif;
}
body.wilderkaiser .cmsLiftState .entry {
	width: 48%; 	
}
body.wilderkaiser .cmsLiftState .entry .title {
	font-size: 20px;
	padding: 5px 15px;
}
body.wilderkaiser .cmsLiftState .entry .state {
    padding: 9px 0 0;
    margin: 4px 0px 0 10px;
}