/* ********************************************/
/* Style Genral
/* ********************************************/

@font-face {
    font-family: 'league_gothicregular';
    src: url('../fonts/leaguegothic-regular-webfont.eot');
    src: url('../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('../fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('../fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('../fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* **********************************/
/* Top
/* **********************************/


.anreise-wrapper {
  display: flex;
    justify-content: space-between;
}

.anreise-wrapper a {
  text-transform: uppercase;
    font-weight: 600;
    border: 2px solid #87bbe7;
    padding: 2rem;
  transition: all 1s ease;
}

.anreise-wrapper a:hover {
  text-decoration: none;
  color: white;
  background: #87bbe7;
  transform: scale(1.2);
}

/* Cookie Consent */
.cky-consent-bar {
	bottom: 50% !important;
	transform:translate(50%, 50%);
	right: 50% !important;
	left: auto !important;
}

.cky-btn-accept {
	background-color: rgb(55 181 3 / 88%) !important;
	border-color: rgb(23 181 4) !important;
}

.multifield {
	text-align: left;
}

@media (max-width: 991px) {
	#cky-consent {
		bottom: 50% !important;
		transform: translateY(50%);
		max-width: calc(100% - 20px);
		margin:0 auto;
	}
}

.utilities {
	width: 280px;
	position: absolute;
	top: 10px;
	right: 20px;
}

.header-logos {
	margin-left: 20px;
	position: absolute;
	left: 0px;
	top: 10px;
}

.header-logos .custom{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.header-logos img {
width: max(96px, 7.5vw);
}

.header-logos > div > a:not(:last-child) {
	margin-bottom: max(6px, .625vw);
}

#top {
	padding-top: 20px;
	position: relative;
	height: 655px;
	color: #fff;
	z-index: 5;
}

.site #top {
	height: 315px;
}

#top a {
	color: #fff;
}

#top .lang-active a {
	font-weight: bold;
}

div.mod-languages li {
    border-left: 1px solid #fff;
    padding-left: 6px;
    padding-right: 4px;
	margin: 0 !important;
}

div.mod-languages li:first-child {
	border: none;
}

#top .gkwMainRight h2, #top .media-heading h2{
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 5px;
	font-size: 42px;
	color: #eee;
}

#top .gkwTemp, #top .sp-weather-current-temp {
	margin: 20px 0 0 10px;
	color: #eee;
	font-size: 24px;
}

#top .moduletable.pull-right {
	margin-left: 20px;
}


@media(max-width:767px){
  #top .container {
	margin-top: 70px;
  }
  .row.utilities > div {
	display: flex;
	flex-direction: column-reverse;
}
}


/* **********************************/
/* Logo
/* **********************************/

#logo a {
	display: block;
	margin: 45px auto;
	width: 290px;
	position: relative;
	z-index: 10;
}

.site #logo a {
	margin: 10px auto;
	width: 200px;
}


/* **********************************/
/* Slider & Overlay
/* **********************************/

#slider {
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

#slider img {
	height: 100%;
	width: auto;
}

#overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../images/overlay.png') repeat-x;
	z-index: 2;
}


/* **********************************/
/* Navi
/* **********************************/

#navi {
	bottom: 0;
	width: 100%;
	position: absolute;
	width: 1170px;
	left: 50%;
	margin-left: -585px;
}

#navi a {
	width: 484px;
	height: 242px;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 62px;
	text-transform: uppercase;
	font-family: 'league_gothicregular', sans-serif;
	display: table-cell;
	vertical-align: bottom;
}

.site #navi a {
	width: 342px;
	height: 171px;
	font-size: 50px;
}

#navi a.freeride,
#navi a.skischool {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	background-color: transparent;
}

#navi a.freeride {
	background-image: url('../images/navi_freeride.png');
}

#navi a.skischool {
	background-image: url('../images/navi_skischool.png');
}

#navi a.freeride:hover,
#navi .active a.freeride{
	background-image: url('../images/navi_freeride-active.png');
	color: #87BBE7;
}

#navi a.skischool:hover,
#navi .active a.skischool {
	background-image: url('../images/navi_skischool-active.png');
	color: #B91562;
}

#navi li:first-child {
	float: left;
}

#navi li:last-child {
	float: right;
}

#subnavi {
	background: #fff;
	position: relative;
	padding-top: 8px;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 24px;
	color: #333;
	z-index: 5;
}

#subnavi a{
	color: #333;
	background: transparent;
	border-bottom: 6px solid #fff;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: 10px;
}

#subnavi a:hover,
#subnavi .active a {
	background: transparent;
}

#subnavi .active a:hover {
	border-color: #333;
	color: #333;
}

#subnavi .center-pills {
	text-align: center;
	width: 100%;
}

#subnavi .center-pills > li {
	float: none;
	display: inline-block;
	
}


/* **********************************/
/* Contents
/* **********************************/

#component {
	position: relative;
	z-index: 3;
	background: #eee;
}

.items-leading,
.items-counting {
	padding-top: 50px;
	padding-bottom: 50px;
}

.camps .items-counting .items-leading {
	background: none;
}

.items-leading h1 {
	margin-top: 0;
}

.items-leading h2 {
	margin-bottom: 20px;
	margin-top: 0;
}

.blox .item-image {
	text-align: center;
}

.blox .category-desc h2 {
	font-size: 25px;
	color: #333;
}

#component .item {
	margin-bottom: 15px;	
}

.module {
	width: 320px;
	height: 110px;
	margin: 20px auto -60px auto;
	color: #fff;
	font-family: 'league_gothicregular', sans-serif;
	font-size: 32px;
	line-height: 34px;
	position: relative;
}

.module a {
	color: #fff;
}

.module a:hover {
	text-decoration: none;
}

.module .custom p {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.blox .module {
	visibility: hidden;
	display: none;
}

.panel-heading {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.panel-pricing .panel-heading p {
	color: #fff;
	font-size: 36px;
}

.panel-pricing > p {
	margin: 0px;
	padding: 10px 0;
	background: #eee;
	border-top: solid 1px #ddd;
}

.panel-pricing .panel-body p {
	margin: 0;
}

.panel-pricing .panel-footer {
	padding: 0;
}

.panel-footer .btn {
	border: none;
}

/* .btn-chronoform { */
	/* display: block; */
	/* margin-bottom: 0; */
	/* font-weight: 400; */
	/* text-align: center; */
	/* cursor: pointer; */
	/* border: 1px solid transparent; */
	/* white-space: nowrap; */
	/* padding: 6px 12px; */
	/* font-size: 16px; */
	/* line-height: 1.428571429; */
	/* border-radius: 0; */
	/* -webkit-user-select: none; */
	/* -moz-user-select: none; */
	/* -ms-user-select: none; */
	/* -o-user-select: none; */
	/* user-select: none; */
/* } */

/* .btn-primary-chronoform { */
	/* color: #fff; */
	/* background-color: #87bbe7; */
	/* border-color: #72afe3; */
	/* margin: 17px auto; */
/* } */

.gcore-input-container, .gcore-input {
	display: inline;
}


#fin-submit {
	margin: 15px auto;
	width: 100%;
	text-align: center;
	display: block;
}
	



.form-inline .form-control {
	display: inline-block;
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}

.wrapper .multiline_start, .wrapper .multiline_add, .gcore-subinput-container, .gcore-subinput-container-wide {
	text-align: left;
	margin: 0 0 10px 0;
	width: 50%;
	float: left;
}


.panel-pricing:hover {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}

/* **********************************/
/* Contents: Galerie
/* **********************************/

ul.sige {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
}

.sige_clr {
	display: block;
	clear: both;
}

.sige_thumb img {
	filter: grayscale(1);
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* **********************************/
/* Contents: Modulepositions
/* **********************************/

.nspCol1 {
	position: relative;
}

.gkArtContentWrap {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.nspInfo {
	display: inline-block;
	margin: 0;
	padding: 10px 4px 0 15px;
	font-family: league_gothicregular,sans-serif;
	font-size: 17px !important;
}

.nspInfo:after {
	content: ':';
}

.nspHeader {
	margin: 0;
	padding: 10px 10px 0 0;
	display: inline-block;
}

.nspText { 
	padding: 0 10px 10px 15px;
	font-size: 90%;
	margin: 0;
}

.nspText a:hover {
	text-decoration: none;
}

.gkArtContentWrap a,.gkArtContentWrap a:hover {
	color: #fff;
	text-decoration: none;
}

.nspTopInterface {
	position: absolute;
	z-index: 3;
	left: 45px
}

#nsp-nsp_117 .nspText:before,
#nsp-nsp_117 .nspText:after {
	content: '"';
	color: #fff;
}


/* **********************************/
/* Contents: Anfrage Form
/* **********************************/

#component .chronoform {
	visibility: hidden;
}


#ftd-anrede {
	margin-bottom: 10px;
}

#fromdate_container_div {
	margin-bottom: 10px;
}

#untildate_container_div {
	margin-bottom: 10px;
}

.chrono_credits {
	visibility: hidden;
}

.g-recaptcha > div {
    margin: 0 auto;
} 


#component .form-inline,
#component .filebox {
	width: 800px;
	display: block;
	margin: 0 auto;
	text-align: left;
	max-width: 100%;
}

#component .form-inline label {
	width: 135px;
	vertical-align: top;
	line-height: 38px;
	text-align: right;
	margin-right: 10px;
	font-weight: normal;
}

#component .gcore-label-top.required_label {
	width: auto;
	float: left;
	margin-top: -7px;
}

#component .cfdiv_checkbox label {
	line-height: inherit;
}

#component .cfdiv_submit {
	margin-top: 50px;
}

#component .multiline_start,
#component .multiline_add {
	display: inline-block;
	width: 50%;
}

#component .error-message {
	padding-left: 145px;
	font-size: 12px;
	color: #b94a48;
}

#component .clear {
	clear: both !important;
	display: block;
}

#component #roomtype1_container_div select {
	max-width: 240px;
}

#component .small-message {
	font-size: 14px;
	padding-left: 20px;
}

#component .cfdiv_submit {
	margin-top: 30px;
}

#component input#start,
#component input#end {
	display: block !important;
}

/* **********************************/
/* Contents: Phocadownload
/* **********************************/

#overDiv {
	right: 0 !important;
}

#overDiv table.bgPhocaPDClass{
	width: 250px !important;
}

.pd-fl-m{
	float: right !important;
}

/* **********************************/
/* Contents: XMAP
/* **********************************/

#xmap a {
	color: #333;
}

#xmap .col-lg-12 div:nth-child(4) .level_1{
	visibility: hidden;
	display: none;
}


/* **********************************/
/* Bottom
/* **********************************/

#bottom, #footer {
	padding-top: 15px;
	padding-bottom: 15px;
}

#bottom strong {
	text-transform: uppercase;
}

#bottom p, #footer p {
	margin: 0;
	padding: 0;
}

#bottom a, #footer a {
	color: #fff;
}

#footer .nav {
	margin-top: 15px;
}

#footer .nav a {
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	border-right: 1px solid #fff;
	background: transparent;
}

#footer .nav li:last-child a {
	border: none;
	padding: 0;
	margin: 0;
}

#footer .nav a:hover,
#footer .nav .active a {
	color: #999;
}


#footer-2 .custom > * {
  margin: auto -1em -1em auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#footer-2 .custom > * > * {
  margin-right: 1em;
  margin-bottom: 1em;
}


/* **********************************/
/* Editor
/* **********************************/

#component .mobileSkin .mceSplitButton a,
#component .mobileSkin .mceSplitButton span,
#component .mobileSkin .mceListBox .mceText,
#component .mobileSkin .mceListBox .mceOpen{
	height:32px !important;
	overflow:hidden;
}


/* **********************************/
/* Responsive
/* **********************************/


@media (min-width: 1600px) {
	#slider img { height: auto; width: 100%;}
	#fromdate_container_div, #untildate_container_div { display: inline-block; width: 391px; }
}

@media (max-width: 1024px) and (orientation: portrait) {
	#navi { width: 100%; left:0; margin-left:0; }
	#navi a { width: 350px; height: 175px; font-size: 55px; }
	#fromdate_container_div, #untildate_container_div { display: inline-block; width: 391px; }
}

@media (max-width: 700px) {
	#top {height: 400px;}
	#logo a { margin: 10px auto; width: 200px; }
	#footer-2 { margin: 20px 0; }
	#navi { width: 100%; left:0; margin-left:0; }
	#navi a, .site #navi a  { width: 160px; height: 80px; font-size: 25px; }
	#subnavi .nav-pills > li { float: none !important; }
}

@media (max-width: 640px) and (orientation: portrait) {
	#xmap div { width: 100% !Important; margin-bottom: 20px; }
	.site h1 { -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;  }
	#subnavi .center-pills { margin: 0; padding: 0; width: 100%; }
	#subnavi .center-pills > li { display: block; text-align: left; padding: 0; margin: 0; }
	#subnavi .center-pills > li a { line-height: 35px; }
	#component .multiline_start, #component .multiline_add, .gcore-subinput-container, #fromdate_container_div, #untildate_container_div, #fin-anmerkung  { display: block; width: 100%; }
	#component .form-inline label { font-weight: bold; text-align: left; width: 100%}
}