body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('../../files/fonts/roboto-v19-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../../files/fonts/roboto-v19-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-v19-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-v19-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../../files/fonts/roboto-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../files/fonts/roboto-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-v19-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../files/fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../files/fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../files/fonts/roboto-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../../files/fonts/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-v19-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../files/fonts/roboto-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../../files/fonts/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-v19-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../../files/fonts/roboto-v19-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../../files/fonts/roboto-v19-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/roboto-v19-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/roboto-v19-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/roboto-v19-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
*{padding:0;margin:0;text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;box-sizing:border-box;}
*{box-sizing:border-box;}
html,
body{margin:0;padding:0;font-family:'Roboto',sans-serif;font-style:normal;color:#000000;font-weight:400;}
html { width: 100%;}
body {width: 100%; }
h2,
h2 a{
	color: #b70e0b;
}
h2.ce_headline {
	font-size:3em;
/*    margin-top: -15px;*/
    text-align:center;
}
h3.ce_headline {
	font-size:2em;
	text-align:center;
}
h3,
h3 a{
	color:#c9cbd2;
}
h2 a,
h3 a {
	text-decoration:none;
}
.headline {
	padding-bottom:1em;
}
.headline h2 {
	font-size: 6em;
    text-transform: uppercase;
	text-align: center;
}
.headline.umgedreht h2{
	font-size: 3em;
    text-transform: uppercase;
    margin-top: 0;
    text-align: center;
    color:#c9cbd2;
}
.headline h3{
	font-size: 3em;
    text-transform: uppercase;
    margin-top: -0.5em;
    text-align: center;
}
.headline.umgedreht h3 {
	font-size: 6em;
    text-transform: uppercase;
	text-align: center;
	margin-top: -0.25em;
	color:#b70e0b;
}
.ce_text.headline {
	font-size:0.7em;
}
.custom {
    width: 100%;
	height:100vh;
/*	height: calc(var(--vh, 1vh) * 100);*/
	max-height:100vh;
/*	max-height:1080px;*/
	max-width:100%;
	position:relative;
	overflow: hidden;
}
#main-image,
#main-image .inside,
#main-image .mod_article,
#main-image .ce_image,
#main-image .image_container,
#main-image .ce_image img {
	height:100vh;
/*	height: calc(var(--vh, 1vh) * 100);*/
}
.custom h1{
font-size: 18.25vw;
transform: rotate(-6deg);
overflow: hidden;
text-transform: uppercase;
position: absolute;
bottom: -1.25vw;
max-width: 105%;
text-align: center;
width: 105%;
font-weight: bold;
margin-left: -2.25vw;
color: #ffffff;
text-shadow: -0.2vw 0.2vw 1vw #00000080;
opacity: 0.6;
}
.custom .ce_image img {
object-fit: cover; 
	width: 100%; 
	height: 100%;
}
.smaller-h1 .custom h1,
.stoeckli-center .custom h1 {
	font-size: 12.5vw;
	bottom: 1vw;
}
.smaller-h1-2 .custom h1,
.stoeckli-center .custom h1 {
	font-size: 7.5vw;
	bottom: 2.75vw;
}
.smaller-h1.reservierung h1 {
  font-size: 15.5vw;
}
/* SIDEBAR */
#main-image .sidebar {
	max-width: 260px;
    height: 100vh;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    left: 100px;
    z-index: 10;
    padding: 40px 10px;
}
.sidebar .reservieren {
	width: 100%;
	text-align: center;
	margin-top:50px;
	margin-bottom:10px;
}
.sidebar .kontakt {
	text-align: center;
	margin-top: 50px;
	float: left;
	width: 100%;
}
.nav {
	margin-top:120px;
}
.nav,
.sprachenwechsler {
	padding-left:15px;
	padding-right:60px;
}
.nav a.neu::before,
.nav strong.neu::before,
.nav span.neu::before{
	/*color:#b70e0b;*/
	color:#000000;
	content: 'Neu: ';
}
.nav a.new::before,
.nav strong.new::before,
.nav span.new::before{
	color:#b70e0b;
	content: 'New: ';
}
.nav a.neu,
.nav strong.neu,
.nav span.neu,
.nav a.new,
.nav strong.new,
.nav span.new{
	color: #b6041c;
}
.nav a,
.nav strong,
.sprachenwechsler a,
.nav span.nonavlink,
.nav li span{
	text-decoration:none;
	text-transform:uppercase;
	color:#000000;
	font-size:1.1em;
}
.nav li {
	display:block;
}
.nav li::after {
	content: '-';
	width: 100%;
	float: left;
	line-height: 0.5em;
/*	padding-bottom: 0.5em;*/
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: lighter;
}
/* SUBMENU */
.nav .level_2 li::after,
.level_2 .level_3 li::after{
	content:none;
}
.nav li.trail > a,
.nav li span.active,
.nav li .trail {
    font-weight: bold;
}
/*
.nav .level_2 li {
	display:none;
	line-height: 1.7em;
	padding-left:15px;
}
.nav li.submenu:hover > .level_2 li{
	display:block;
	opacity:1;
}*/
.nav .level_2 li,
.level_2 .level_3 li{
	line-height: 1.7em;
	padding-left:15px;
}
.nav ul.level_2,
.level_2 ul.level_3{
	overflow:hidden;
	height:0;
	opacity:0;
	margin-top:0.5em;
			 -webkit-transition: height .8s ease;
       -o-transition: height .8s ease;
          transition: height .8s ease;

}
.nav .nonavlink.open > .level_2,
.level_2 .nonavlink.open > .level_3{
	height:6.8em;
	opacity:1;
		 -webkit-transition: all .8s ease;
       -o-transition: all .8s ease;
          transition: all .8s ease;
}
.nav .nonavlink.menu-1.open > .level_2,
.level_2 .nonavlink.menu-1.open > .level_3{
	height:1.7em;
}
.nav .nonavlink.menu-2.open > .level_2,
.level_2 .nonavlink.menu-2.open > .level_3{
	height:3.4em;
}
.nav .nonavlink.menu-3.open > .level_2,
.level_2 .nonavlink.menu-3.open > .level_3{
	height:5.1em;
}
.nav .nonavlink.menu-4.open > .level_2,
.level_2 .nonavlink.menu-4.open > .level_3{
	height:6.8em;
}
.nav .nonavlink.menu-5.open > .level_2,
.level_2 .nonavlink.menu-5.open > .level_3{
	height:8.5em;
}
.nav .nonavlink.menu-6.open > .level_2,
.level_2 .nonavlink.menu-6.open > .level_3{
	height:10.2em;
}
.nav li.trail a{
	cursor:pointer;
}
/*.nav li.submenu:hover > .level_2 {
	margin-top:0.5em;
}*/
/*
.nav .level_2 li {
	display:none;
	line-height: 1.7em;
	padding-left:15px;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 1s linear;
}
.nav li.submenu:hover > .level_2 li{
	display:block;
	visibility: visible;
	opacity: 1;
}*/

/*
.nav .level_2 li {
	display:block;
	line-height: 1.7em;
	padding-left:15px;
    transition: 3s ease-out;
    height: 0;
}
.nav li.submenu:hover > .level_2 li{
    height: auto;
	
}*/

/*.nav .trail.submenu .level_2 li,*/

/* SUBMENU ENDE */
.kontakt-icon {
	text-align:center;
}
.kontakt-icon a {
	max-height:25px;
	padding:10px;
	display:inline-block;
}
.kontakt-icon a img {
	max-height:25px;
}
/* SIDEBAR ENDE */

/* ICON RESERVIEREN RIGHT */
.online-reservieren {
/*	position: fixed;*/
	position:absolute;
	right: 100px;
	top: 50px;
	z-index:100;
}
.stoeckli-exclusive-partner {
	max-width: 240px;
	margin-bottom:5px;
}
.reservieren {
	background-color: #b70e0b;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 15px;
	position: relative;
	float: right;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	text-align:center;
	line-height:1em;
}
.bewertung {
	background-color: #f4f4f4;
	color: #b70e0b;
	text-decoration: none;
	padding: 2px 15px;
	position: relative;
	float: right;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	text-align:center;
	line-height:1em;
	margin-top:5px;
	float: right;
    display: block;
    clear: both;
    width: 100%;
}
.online-reservieren .reservieren {
	width:100%;
}
.online-reservieren img {
	display:block;
}

.reservieren h2 {
	color:#ffffff;
	font-size:1em;
}
.reservieren h3 {
	color:#ffffff;
	font-weight:300;
	font-size:0.9em;
}
.bewertung h2 {
	color:#b70e0b;
	font-size:1em;
}
.bewertung h3 {
	color:#b70e0b;
	font-weight:300;
	font-size:0.7em;
}
/* ICON RESERVIEREN RIGHT ENDE */

/* HOME */
.max-width {
	max-width:1440px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.max-width.stoeckli {
	max-width:1000px;
}
.spalten-2 .image_container,
.spalten-2 .text{
	width:50%;
	float:left;
}
.spalten-2 .text {
	padding-left: 15px;
	text-align:justify;
}
.spalten-2 .image_container {
	padding-right:15px;
}
.text h2 {
	color:#b70e0b;
	padding-bottom:1em;
}
.text p {
	font-size: 1.1em;
    line-height: 1.8em;
}
.order {
	text-align:center;
}
.order .item {
	display: inline-block;
    max-width: 350px;
    text-align: center;
    margin: 35px;
    text-transform: uppercase;
    vertical-align:top;
}
.order h2{
	font-size:1.75em;
}
/*.order h3 {
	margin-top:-7px;
}*/
.wavy {
	text-align: center;
    opacity: 0.3;
    padding-top: 60px;
    padding-bottom: 60px;
}
.reservieren-wrapper {
	text-align:center;
}
.reservieren-wrapper .reservieren {
	float:none;
	display:inline-block;
	margin-top:15px;
	min-width:305px;
}
.kategorien .reservieren {
	background-color: #f4f4f4;
	color:#b70e0b;
}
.kategorien .reservieren h2,
.kategorien .reservieren h3{
	color:#b70e0b;
}
.opacity {
	opacity:0.3;
}
/* HOME ENDE */

/* CONTENT */
#main {
	padding-top:70px;
	padding-bottom:70px;
}
.no-margin {
    margin-bottom: -70px;
}
.no-margin .map iframe{
	display:block;
}
/* CONTENT ENDE */

/* FOOTER */
#footer {
	background-color:#b70e0b;
	color:#ffffff;
}
.footer {
	max-width:1440px;
	margin:0 auto;
	padding:30px 0;
}
.footer .logo {
	max-width:250px;
	padding-bottom: 20px;
}
.footer .left {
	float:left;
}
.footer .left:first-child {
	float:left;
	padding-right:40px;
}
.footer .right {
	float:right;
	text-align:right;
	padding-left:40px;
}
.footer iframe {
	max-width:100%;
}
.footer .kontakt-icon {
	text-align:left;
}
.footer .kontakt-icon a {
    color: #000000;
    text-decoration: none;
    display: block;
    padding-left: 0;
}
.footer .kontakt-icon img {
	max-width: 22px;
    margin-right: 5px;
    float:left;
}
.footer {
	clear:both;
}
.footer nav {
	margin-bottom:2em;
}
.footer nav a {
	color:#000000;
	text-decoration:none;
	line-height:1.5em;
}
.footer .right img {
	max-height: 30px;
}
.footer ul li {
	display:block;
}
.footer strong.active {
	font-weight:300;
}
/* FOOTER ENDE */

/* SHOP */
.marken-slider {
	margin-top:50px;
	margin-bottom:50px;
}
.marken-slider .slick-list {
	max-width: calc(100% - 60px);
	margin-left: 30px;
}
.marken-slider .slick-list img {
	padding:10px;
}
.slider-kategorien {
	max-width:1200px;
	box-sizing:border-box;
	margin:0 auto;
	padding-left:100px;
	padding-right:100px;
}
.slider-arrows .btn {
	font-size:80px;
	text-decoration:none;
	margin-top:-50%;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	cursor: pointer;
	color:#000000;
    height:42px;
}
.slider-arrows .btn.prev {
	left:-80px;
}
.slider-arrows .btn.next {
	right: -80px;
}
.slider-arrows {
	padding-bottom:50px;
}
.slider-arrows .slider-menu {
	margin-top:50px;
}
.marken-slider .btn {
	width: 10px;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	cursor: pointer;
	color:#000000;
    height:42px;
    font-size:30px;
}
.marken-slider .btn.prev {
	left:0;
}
.marken-slider .btn.next {
	right: 0;
}
/* GESCHICHTE */
.geschichte-slider {
	margin:0 auto;
	max-width:1000px;
}
.geschichte-slider .btn {
	font-size: 50px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}
.geschichte-slider .slider-control {
    height: 100px;
}
.geschichte-slider .slider-menu {
	margin-top:32px;
}
/*.geschichte-slider a.slider-prev,
.geschichte-slider a.slider-next {
	display:none;
}*/
.geschichte-slider img {
	max-width:300px;
	display:block;
}
.geschichte-slider .image_container {
	padding-bottom: 50px;
}
.geschichte-slider .text {
	color:#b70e0b;
	background-color:#f4f4f4;
	margin-left: 250px;
	margin-top: 30px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-right: 40px;
	bottom: 0;
	position: absolute;
	padding-left: 90px;
	z-index: -10;
	display: block;
	left:0;
	right:0;
}
.geschichte-slider.blau .text {
	color:#ffffff;
	background-color:#b70e0b;
}
/* MODELLE GALERIE */
.modelle-galerie img {
	max-width:300px;
	float:left;
}
.res-link {
	bottom: 20px;
	position: absolute;
	right: 20px;
}
.res-link .reservieren {
	min-width:230px;
}
#cboxCurrent {
	display:none !important;
}
img.cboxPhoto {
	cursor:auto !important;
}
.modelle-galerie ul {
	text-align:center;
}
.modelle-galerie ul li {
	width:150px;
	height:300px;
/*	float:left;*/
	position:relative;
	overflow:hidden;
	display:inline-block;
}
.modelle-galerie img{
	margin-left:-50%;
	position:relative;
}
.modelle-galerie figure,
.modelle-galerie figure a {
 	width: 150px;
	height: 300px;
	display:inline-block !important;
}
.ce_gallery > ul li.col_first {
    clear: none !important;
}
.ce_gallery>ul li {
    float: none;
}
/*
.modelle-galerie img{
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}
.modelle-galerie ul li a{
	width: 150px;
	height: 100%;
	display: block;
}
*/
.bbtn{
    background-color: #b70e0b;
    color: #ffffff;
    text-decoration: none;
    padding: 2px 15px;
    position: relative;
    float: left;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1em;
    margin-top:2em;
    padding:1em 2em;
    display:inline-block;
}
.slider-vorteile {
	background: url(/files/images/bg-piste-2.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:100px 0;
    font-size:1.4em;
    margin-top:30px;
    margin-bottom:30px;
}
.rezensionen::before {
    content: '„';
    top: -68px;
    left: 70px;
}
.rezensionen::after {
    content: '“';
	bottom: -22px;
    right: 20px;
}
.rezensionen::before, .rezensionen::after {
position: absolute;
    font-size: 9em;
    font-family: 'roboto';
    text-shadow: 1px 1px rgb(93, 80, 36);
    z-index: 60;
    color: #ffffff;
}
.rezensionen-wrapper.text {
	padding-left: 120px;
    padding-right: 60px;
    margin-left: 220px;
}
.rezensionen-wrapper .name p{
	font-size:0.9em;
	font-style:italic;
	margin-top:1em;
	color:#000000;
}
body.smaller #main-image .online-reservieren {
	top:0;
	right:0;
	position:fixed;
		-webkit-transition: all 1s ease;
       -o-transition: all 1s ease;
          transition: all 1s ease;
}
body.smaller .online-reservieren .stoeckli-exclusive-partner {
	display:none;
}
/* SERVICE */
.ski-service {
	padding:30px 10px;
	box-sizing:border-box;
	float:left;
	width:30%;
	text-align:center;
	background-color: #f4f4f4;
    color: #b70e0b;
	margin-left:5%;
	font-size:1.2em;
	margin-top:10px;
}
.ski-service:first-child {
	margin-left:0;
}
.ski-service .service {
	color: #000000;
    margin-top: 1em;
    margin-bottom: 1em;
    min-height: 6em;
}
.ski-service h2 {
	font-size:1.8em;
	text-transform:uppercase;
}
.ski-service .preis{
	font-size: 2.2em;
    opacity: 0.5;
    text-shadow: 2px 1px 1px #b70e0b;
    color: #bcbcbc;
}
.technologie .left {
	float:left;
	padding-right:50px;
	padding-bottom:80px;
}
.technologie ul {
	list-style-position: inside;
    margin-bottom: 1em;
}
.ski-garage .ski-service {
	width:100%;
}
.info-box {
	padding:30px;
	box-sizing:border-box;
	width:100%;
	margin:20px auto 40px auto;
	text-align:left;
	background-color: #f4f4f4;
    color: #b70e0b;
	font-size:1.2em;
	text-align:center;
}
.schneeflocke {
	margin-top:30px;
}
.schneeflocke p {
	text-align:center;
}
.schneeflocke p:before {
	background-image: url(/files/icons/schneeflocke.png);
    background-size: 15px 15px;
    display: inline-block;
    width: 100%;
    height: 15px;
    content: "";
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}
.ski-garage .service p:before {
	background-image: url(/files/icons/schneeflocke.png);
    background-size: 25px 25px;
    display: inline-block;
    width: 100%;
    height: 60px;
    content: "";
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}
.col-3 {
	padding:30px;
	box-sizing:border-box;
	float:left;
	width:30%;
	text-align:center;
	background-color: #f4f4f4;
    color: #b70e0b;
	margin-left:5%;
	font-size:1.2em;
	margin-top:10px;
}
.col-3:first-child {
	margin-left:0;
}
.col-3 h2 {
	font-size:1.5em;
	text-transform:uppercase;
}
.col-content {
	min-height:4em;
	margin-top:0.5em;
	color:#000000;
}
.col-content a {
	text-decoration:none;
	color:#000000;
}
.preisliste {
	overflow-x: auto;
	margin-bottom:30px;
}
.preisliste table {
    border-collapse: collapse;
    margin:0 auto;
}
.preisliste table,
.preisliste th, 
.preisliste td {
	border: 1px solid #c9cbd2;
}
.preisliste .bg {
	background-color:#f4f4f4;
	color:#b70e0b;
	font-weight:bold;
}
.preisliste .bg-dark {
	background-color:#b70e0b;
	color:#ffffff;
}
.preisliste .bg-light {
background-color: #f4f4f4;
    color: #000000;
    font-size: 0.85em;
    font-style: italic;
    padding-top: 1em;
    padding-bottom: 1em;
}
.preisliste td {
	padding:8px;
	min-width:44px;
}
.footer h2,
.footer h2 a {
	color:#ffffff;
	font-size:1em;
}
.impressum a,
.datenschutzerklaerung a,
.impressum a.tel:hover,
.datenschutzerklaerung a.tel:hover{
	color: #b70e0b;
	text-decoration:none;
}
.impressum a:hover,
.datenschutzerklaerung a:hover {
	text-decoration:underline;
}
.impressum h3,
.datenschutzerklaerung h3 {
	color:#b70e0b;
	font-weight:300;
	margin-top:1em;
	margin-bottom:0.5em;
}
.cookiebar {
	background-color:#f4f4f4 !important;
}
.cookiebar__text,
.cookiebar__text a{
	color: #b70e0b !important;
}
.cookiebar__button {
    background-color: #b70e0b !important;
}
.datenschutzerklaerung h4 {
	margin-top:2em;
	margin-bottom:0.5em;
}
.blog-teaser a,
.blog-content a,
a.link {
	color: #b70e0b;
	font-weight:bold;
}
.heading h1 {
	text-align:center;
	font-size: 6em;
    text-transform: uppercase;
    text-align: center;
    margin-top: -0.25em;
    color: #b70e0b;
}
.heading h2 {
	font-size: 3em;
    text-transform: uppercase;
    margin-top: 0;
    text-align: center;
    color: #c9cbd2;
}
.panorama-mobile {
	display:none;
}
.panorama-mobile img{
	display:block;
}
.panorama-rundgang .custom {
	display:none;
}
.panorama-rundgang #main {
	padding-top:0 !important;
}
.panorama-link p,
.panorama-link a{
	text-align:center;
	color:#b70e0b;
	font-weight:bold;
	padding-bottom:1em;
}
a.dasbueroohnenamen {
	padding-top:3em;
}
a.dasbueroohnenamen,
a.werbegut {
	color:#000000;
	font-size:0.9em;
	text-decoration:none;
	display:inline-block;
}
a.dasbueroohnenamen:hover,
a.werbegut:hover {
	text-decoration:underline;
}
/* CORONA SAVE */
.button-coronasave {
	width: 200px;
    height: 200px;
    padding-top: 50px;
    bottom: 0;
    position: fixed;
    right: 20px;
    z-index: 50;
    transition: all ease 1s;
    min-height: 250px;
}
#main-image .button-coronasave .ce_image img{
	width: 200px;
    height: 200px;
    bottom:30px;
    position:fixed;
}
body.smaller #main-image .button-coronasave {
    width: 100px;
    height: 100px;
    bottom: 0;
    right: 5px;
    transition: all ease 1s;
    min-height: 100px;
}
body.smaller #main-image .button-coronasave .ce_image img{
	width: 100px;
    height: 100px;
    transition: all ease 1s;
    bottom:5px;
}
@media only screen and (min-width:600px) {
	body.smaller #main-image .button-coronasave:hover {
	    width: 200px;
	    height: 200px;
	    bottom: 0;
	    right: 20px;
	    transition: all ease 1s;
	}
	body.smaller #main-image .button-coronasave:hover img {
	    width: 200px;
	    height: 200px;
	    bottom: 30px;
	    right: 20px;
	    transition: all ease 1s;
	}
}
.ul-liste ul li {
	list-style-type:square;
	margin-left:30px;
}
.sport-2000 {
	width:100px;
	margin-top:30px;
}
.footer .kontakt-icon .sport-2000 img {
	max-width:100%;
}
.winter-page {
	position: absolute;
	width: 100%;
}
.sommer-page {
	position: absolute;
	width: 100%;
	left: 50%;
}
.auswahlseite .ce_image {
	width:50%;
}
.auswahlseite .custom h1{
    font-size: 10vw;
    transform: rotate(-6deg);
    overflow: hidden;
    text-transform: uppercase;
    position: absolute;
    bottom: -1.25vw;
    max-width: 50%;
    text-align: center;
    width: 105%;
    font-weight: bold;
    margin-left: -2.25vw;
    color: #ffffff;
    text-shadow: -0.2vw 0.2vw 1vw #00000080;
    opacity: 0.6;
}
.custom .winter-page h1{
    background-color: #b70e0b;
}
.custom .sommer-page h1{
    background-color: #8db12b;
}
.custom .winter-page:hover h1,
.custom .sommer-page:hover h1{
    opacity: 1;
-webkit-transition:opacity 500ms ease-in;
-moz-transition:opacity 500ms ease-in;
-o-transition:opacity 500ms ease-in;
transition:opacity 500ms ease-in;
}
.custom .winter-page img:hover,
.custom .sommer-page img:hover {
	transform: scale(1.1) !important;
	transition: all .8s ease;
}
.logo-start {
	position: absolute;
	z-index: 100;
	width: 300px;
	left: calc(50% - 150px);
	top: 30px;
}
@media only screen and (max-width:600px) {
	.auswahlseite .custom h1{
		bottom:150px;
	}
}
.footer-social a {
	float:right;
	padding-left:10px;
}
/* TOURING */
.touring .schneeflocke p::before {
	background-image: url(/files/icons/schneeflocke.png);
	background-size: 15px 15px;
	display: inline-block;
	width: 15px;
	height: 15px;
	content: "";
	position: relative;
	background-position: left;
	background-repeat: no-repeat;
	top: 1px;
	padding-right: 15px;
}
.touring .schneeflocke p {
    text-align: left;
}
.touring .spalten-2 .text,
.stoeckli .spalten-2 .text{
	padding-top:2em;
}
.stoeckli .spalten-2 h2{
	padding-bottom:0;
}
.stoeckli .spalten-2 h3{
	padding-bottom:1em;
}
.stoeckli .headline img {
	max-width: 450px;
	margin-bottom: 15px;
}
/* bootfitting */
.text.max-800 {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.col-2 .left,
.col-2 .right{
	width: calc(50% - 8px);
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.col-2 {
	display:flex;
	justify-content:space-between;
}
.bootfitting .headline h2 {
	color:#000000;
	font-size:4em;
}
.bootfitting .headline.rot h2 {
	color:#b70e0b;
}
.bootfitting .headline {
	margin-top:2em;
	padding-bottom:0;
}
.bootfitting .steps h4 {
	text-transform: uppercase;
	font-size: 2em;
	width: 100%;
	margin-top: -20px;
}
.text.max-800 a {
	color:#000000;
}
.boot-wrapper img {
	max-width: 250px;
}
.bootfitting .text-small {
	font-size:0.8em;
	margin-bottom:4em;
}
.boot-icons {
	text-align:center;
}
.boot-icons img {
	max-width:200px;
}
.text-center {
	text-align:center;
}
@media only screen and (max-width:1000px) {
	.boot-wrapper {
		padding:20px;
	}
	.boot-wrapper img {
	    max-width: 150px;
	}
	.bootfitting .steps h4 {
	    font-size: 1.5em;
	    margin-top: -10px;
	}
	.bootfitting .headline h2 {
		font-size:3em;
	}
}
@media only screen and (max-width:600px) {
	.boot-wrapper {
		padding:10px;
	}
	.boot-wrapper img {
	    max-width: 120px;
	}
	.bootfitting .steps h4 {
	    font-size: 1em;
	    margin-top: -0;
	}
}
@media only screen and (max-width:600px) {
	.col-2.image-only {
		display:block;
	}
	.col-2.image-only .left,
	.col-2.image-only .right {
		width:100%;
		padding-bottom:10px;
	}
	.boot-icons img{
		padding-bottom:20px;
	}
}
/*.rundgang .embed-responsive {
	height:500px;
}*/
/* popup */
.popup-video.hide,
.auswahlseite #wrapper.hide{
	display:none;
}
.popup-video {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	left: 0px;
	display:block;
}
.popup-video .popup-bg {
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 100%;
	background-color:rgba(0,0,0,0.7);
	padding:50px;
	position:relative;
}
.popup-video .tqr-video {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom:20px;
	width: 100%;
}
.popup-video h2 {
	text-align: center;
	color: #ffffff;
	font-size: 1.5em;
	padding-bottom: 0;
}
.button-popup {
	width: 50px;
	height: 50px;
	margin: 0;
	cursor: pointer;
	position: absolute;
	z-index: 200;
	top: 20px;
	right: 20px;
}
	.button-popup span {
	    height: 2px;
	    display: block;
	    position: absolute;
	    top: 22.5px;
	    left: 0;
	    right: 0;
	    background-color: #4a4748;
	    -webkit-transition: background 0.15s linear 0.15s;
	    -o-transition: background 0.15s linear 0.15s;
	    transition: background 0.15s linear 0.15s;
	}
	.button-popup span::before {
	    top: -10px;
	    -webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button-popup span::after {
	    bottom: -10px;
	    -webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button-popup span::before {
	    top: 0px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #4a4748;
	}
	.button-popup span::after {
	    bottom: 0px;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #4a4748;
	}
	.button-popup span::before, .button-popup span::after {
	    content: "";
	    width: 100%;
	    height: 2px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #ffffff;
	}
.popup-bg {
	text-align:center;
}
.popup-bg p,
.popup-bg a{
	color: rgb(242,145,0);
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
.popup-bg span.link {
	position:relative;
}
.popup-bg a:after {
	content:'';
	position:absolute;
	width:100%;
	height:2px;
	background-color:rgb(242,145,0);
	bottom:3px;
	right:0;
	left:0;
}
.popup-auswahlseite.auswahlseite #wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh;
	padding-top:150px;
}
.rundgang iframe {
	width:100%;
}
.winter-rundgang iframe {
	min-height:400px;
}
#popup {
	z-index: 200;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.popup-basic .popup-bg {
  margin-top:0;
  max-width:100%;
  overflow:auto;
}
.popup-basic .popup-bg .popup-content {
	max-width:960px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.popup-basic .button-popup {
	position:fixed;
}
.popup-basic .button-popup span {
	background-color:transparent;
}
#popup .inside,
#popup .popup-basic,
#popup .popup-video,
#popup .popup-bg{
	height:100%;
}
.custom.hide-popup #popup {
	display:none;
	z-index:0;
}
/* startseite neu */
.auswahlseite #main-image {
	height:200vh;
}
.auswahlseite .ce_image {
	width:100%;
}
.winter-page,
.sommer-page {
  position: relative;
  width: 100%;
  left: unset;
}
.winter-page img,
.sommer-page img {
	object-fit:cover;
}
.auswahlseite .sommer-page img {
	object-position: bottom center;
}
.winter-page h2,
.sommer-page h2{
font-size: 18.25vw;
transform: rotate(-6deg);
overflow: hidden;
text-transform: uppercase;
position: absolute;
bottom: -1.25vw;
max-width: 105%;
text-align: center;
width: 105%;
font-weight: bold;
margin-left: -2.25vw;
color: #ffffff;
text-shadow: -0.2vw 0.2vw 1vw #00000080;
opacity: 0.6;
}
.auswahlseite #main {
  padding-top: 0;
  padding-bottom: 0;
}
.auswahlseite .winter-page a,
.auswahlseite .sommer-page a{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 50;
}
@media only screen and (max-height:520px) {
	/* BUTTON */
.button {
    width: 50px;
    height: 50px;
    margin: 0 0 15px 10px;
    cursor: pointer;
    position: relative;
    left: 0;
    z-index: 200;
}
	.button span {
	    height: 2px;
	    display: block;
	    position: absolute;
	    top: 22.5px;
	    left: 10%;
	    right: 10%;
	    background-color: #000000;
	    -webkit-transition: background 0.15s linear 0.15s;
	    -o-transition: background 0.15s linear 0.15s;
	    transition: background 0.15s linear 0.15s;
	}
	.button span::before {
	    top: -10px;
	    -webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear;
	    transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button span::after {
	    bottom: -10px;
	    -webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
	    -o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
	    transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;
	}
	.button span::before, .button span::after {
	    content: "";
	    width: 100%;
	    height: 2px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #000000;
	}
	body.open .button span {
	    -webkit-transition: background 0.15s linear;
	    -o-transition: background 0.15s linear;
	    transition: background 0.15s linear;
	    background: none;
	}
	body.open .button span::before {
	    top: 0px;
	    -webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s;
	    transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #000000;
	}
	body.open .button span::after {
	    bottom: 0px;
	    -webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	    -webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
	    -o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
	    transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
	    background-color: #000000;
	}
/* BUTTON ENDE */

/* NAV */
	#main-image .nav,
	#main-image .sprachenwechsler{
		display:none;
		margin-top:0;
	}
/* NAV ENDE */
}
#main-image {
	overflow:hidden;
}
.sidebar {
  /* This is the magic bit for Firefox */
  scrollbar-width: 0 !important;
  overflow-y:scroll;
}

.sidebar::-webkit-scrollbar {
  /* This is the magic bit for WebKit */
  display: none;
}

@-moz-document url-prefix() {
	.sidebar-wrapper {
		width: 339px;
		height: 100vh;
		position: absolute;
		z-index: 10;
		overflow: hidden;
	}
	.sidebar {
		width:100%;
	}
	@media only screen and (max-width:800px) {
		.sidebar-wrapper {
			width: 229px;
		}
	}
	@media only screen and (max-width:520px) {
		.sidebar-wrapper {
			width: 159px;
		}
		.sidebar {
			min-width:180px;
		}
	}
}

@media only screen and (min-width:1024px) {
	.nav li.submenu:hover > .level_2,
	.level_2 li.submenu:hover > .level_3{
		height:6.8em;
		opacity:1;
			 -webkit-transition: all .8s ease;
	       -o-transition: all .8s ease;
	          transition: all .8s ease;
	}
	.nav li.submenu.menu-1:hover > .level_2,
	.level_2 li.submenu.menu-1:hover > .level_3{
		height:1.7em;
	}
	.nav li.submenu.menu-2:hover > .level_2,
	.level_2 li.submenu.menu-2:hover > .level_3{
		height:3.4em;
	}
	.nav li.submenu.menu-3:hover > .level_2,
	.level_2 li.submenu.menu-3:hover > .level_3{
		height:5.1em;
	}
	.nav li.submenu.menu-4:hover > .level_2,
	.level_2 li.submenu.menu-4:hover > .level_3{
		height:6.8em;
	}
	.nav li.submenu.menu-5:hover > .level_2,
	.level_2 li.submenu.menu-5:hover > .level_3{
		height:8.5em;
	}
	.nav li.submenu.menu-6:hover > .level_2,
	.level_2 li.submenu.menu-6:hover > .level_3{
		height:10.2em;
	}
	/*.li.active-subsub > .level_2{
		height:auto !important;
	}
	.nav .li.active-subsub ul.level_2 {
		height:auto !important;
	}*/
	.level_2.active-subsub
	/*.active-subsub > .level_3*/{
		height:10.8em !important;
		opacity:1 !important;
	}
	.active-subsub .subsub-activate {
	font-weight: bold;
	}
	.active-subsub .subsub-activate .level_3 li {
	font-weight: normal;
	}
	.level_2.subsub-open {
		height:12.2em !important;
		opacity:1 !important;
	}
}
@media only screen and (max-width:1024px) {
	.nav, .sprachenwechsler {
	    padding-right: 15px;
	}
}
@media only screen and (max-width:800px) {
	#main-image, #main-image .inside, #main-image .mod_article, #main-image .ce_image, #main-image .image_container, #main-image .ce_image img {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
	}	
	#main-image div.sidebar {
	    max-width: 200px;
	    left:50px;
	}
	#main-image div.online-reservieren {
		max-width: 180px;
    	right: 50px;
	}
	.nav, .sprachenwechsler {
	    padding-right: 15px !important;
	}
}
@media screen and (max-width:520px) {
	#main-image div.sidebar {
	    max-width: 180px !important;
	    left: 0px !important;
	}
	div.online-reservieren {
	    right: 0 !important;
    	top:20px;
    	max-width:160px;
	}
    #main-image .reservieren {
    	font-size:1em;
	}
}
@media screen and (max-width:380px) {
	#main-image div.online-reservieren {
	    font-size:0.9em;
		max-width: 120px !important;
	}
}

@media screen and (max-width:319px) {
	#main-image .online-reservieren {
	    display:none;
	}
}

/* HEIGHT */

@media only screen and (max-height:800px) {
	#main-image .sidebar {
	    padding: 20px 7px;
	}
	#main-image .nav {
		margin-top:40px;
	}
	.nav a, .nav strong, .nav span.nonavlink, .nav li span, .sprachenwechsler a {
	    font-size: 1em;
	}
	.reservieren {
	    padding: 2px 8px;
	    font-size: 1em;
	}
}

@media only screen and (max-height:700px) {
	.sidebar .kontakt {
		display:none;
	}
}
@media only screen and (max-height:550px) {
	body.open #main-image .kontakt{
		display:none;
	}
	body.open #main-image .sprachenwechsler {
		padding-bottom:40px;
	}
	/*#main-image .sidebar-wrapper {
	    overflow-y: scroll;
	    position: fixed;
	    width: calc(100% + 20px);
	    z-index: 10;
	    height:100vh;
	}*/
}

@media only screen and (max-height:500px) {
	body.open #main-image .kontakt-icon,
	body.open #main-image .sidebar a.reservieren{
		display:none;
	}
}

@media only screen and (max-height:400px) {
	.sidebar .kontakt-icon {
		display:none;
	}
}
	.level_2.subsub-open {
		height:12.2em !important;
		opacity:1 !important;
	}
	.level_2.subsub-open .level_3 {
		    height: 8.5em;
		    opacity:1;
	}
	.level_3 li,
	.level_3 li span{
		font-weight:normal;
	}
	
.mod_changelanguage ul li {
	float:left;
	display:block;
}
.mod_changelanguage ul li:not(:last-child)::after {
content: '-';
width: 100%;
/*float: left;*/
line-height: 0.5em;
margin-bottom: 0.5em;
font-size: 1.5em;
font-weight: lighter;
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width:1480px) {
	.max-width,
	footer .inside{
		padding-left:20px;
		padding-right:20px;
	}
}
@media only screen and (max-width:1300px) {
	.order div.item {
	    max-width: 250px;
	}
	.rezensionen-slider.geschichte-slider.blau .text {
	    position: relative;
	}
	div.rezensionen-slider.geschichte-slider img {
	    max-width: 200px;
	}
	div.rezensionen-slider .rezensionen-wrapper.text {
    	margin-left: 130px;
	}
}
@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 1) {
	div.slider-vorteile {
	    background: url(https://www.hansissportshop.at/files/images/bg-piste-2.png) no-repeat center center scroll;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    padding: 100px 0;
	    font-size: 1.4em;
	    margin-top: 30px;
	    margin-bottom: 30px;
	}
}
@media only screen and (max-width:1260px) {
	.technologie .left {
		width:50%;
		box-sizing:border-box;
	}
	.technologie iframe {
		max-width:100%;
	}
	div.ski-service {
    	padding: 20px 10px;
    	font-size:1em;
	}
	div.ski-service h2 {
    	font-size: 1.4em;
	}
	.col-3 {
		font-size:1em !important;
	}
}
@media only screen and (max-width:1000px) {
	div.ski-service .service {
	    min-height: 7.2em;
	}
	.col-3 {
		padding:20px 10px;
	}
	div.col-content {
		min-height:4em;
	}
}
@media only screen and (max-width:900px) {
	.order div.item {
		max-width: 200px;
	    margin: 25px;
	}
	.order h2 {
		font-size:1.5em;
	}
	#main {
	    padding-top: 35px !important;
	    padding-bottom: 35px !important;
	}
	.no-margin {
	    margin-bottom: -35px !important;
	}
	.slider-vorteile .ce_text {
		padding:0 20px;
		font-size:0.9em;
	}
	.ce_text.spalten-2 {
		max-width: 600px;
		margin: 0 auto;
	}
	.spalten-2 .image_container, .spalten-2 .text {
	    width: 100% !important;
    	padding: 0 !important;
	}
	.spalten-2 .image_container {
		margin-bottom:30px;
	}
	div.slider-kategorien {
	    padding-left: 30px;
	    padding-right: 30px;
	}
	div.slider-arrows .btn {
    	font-size: 50px;
	}
	div.slider-arrows .btn.prev {
	    left: -30px;
	}
	div.slider-arrows .btn.next {
	    right: -30px;
	}
	.ce_text.headline {
	    font-size: 0.5em;
	    margin-bottom: 2em;
	}
	.col-3 div.col-content {
	    min-height: 5em;
	}
	body.smaller #main-image .online-reservieren,
	body.smaller .popup-small .popup-bg{
		right: -100% !important;
		transition:ease all 1s;
	}
}

@media only screen and (max-width:800px) {
	.custom .ce_image.right img {
	    object-position: right;
	}
	.geschichte.geschichte-slider {
		max-width: 600px;
	}
	.geschichte.geschichte-slider .image_container {
	    width: 100% !important;
	    padding: 20px !important;
	    position:relative !important;
	}
	.geschichte.geschichte-slider .image_container img{
		margin: 0 auto !important;
	    max-width: 300px !important;
	    width:100%;
	}
	.geschichte.geschichte-slider div.text {
	    padding-top: 30px;
	    padding-bottom: 30px;
	    margin-left: 0 !important;
	    margin-top: 0 !important;
	    padding: 20px;
	    bottom: 0;
	    position: initial !important;
	    text-align:justify;
	}
}
@media only screen and (max-width:780px) {
	.order div.item {
	    margin: 10px 25px;
	    font-size:0.9em;
	}
	.order div.item img{
	    max-width:150px;
	}
	div.geschichte-slider img {
	    max-width: 150px !important;
	    margin-left: -10px;
	}
	div.rezensionen-wrapper.text {
	    margin-left: 70px !important;
	}
	div.geschichte-slider .text {
	    padding-top: 40px;
	    padding-bottom: 30px;
	}
	div.rezensionen::before, div.rezensionen::after {
	  font-size: 6em;
	}
	div.rezensionen::before {
	    top: -45px;
	    left: 59px;
	}
	div.rezensionen-wrapper.text {
	    padding-left: 100px;
	    padding-right: 50px;
	    font-size: 0.9em;
	}
	.wavy {
	    max-width: 200px !important;
    	margin: 0 auto;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.technologie .left {
		width:100%;
		padding-bottom: 20px;
	}
	.ski-garage .service p:before {
	    background-size: 20px 20px;
		height: 45px;
	}
	.headline.large h2 {
		line-height: 1em;
    	font-size: 5em;
	}
	.headline.large h3 {
		margin-top:0;
	}
}
@media only screen and (max-width:700px) {
	div.ski-service {
		width:100%;
    	margin-left:0;
    	padding:10px;
	}
	div.ski-service .service {
	    min-height: 1em;
	}
	.ski-service .service {
	    margin-top: 0.5em;
	    margin-bottom: 0.5em;
	}
	.ski-service .preis {
		font-size: 1.7em;
	}
	div.col-3 {
		width: 100%;
	    margin-left: 0;
	}
	.col-content {
		min-height:1em !important;
	}
	.panorama-desktop {
		display:none;
	}
	.panorama-mobile {
		display:block !important;
	}
}
@media only screen and (max-width:600px) {
	.slider-vorteile {
	    padding: 60px 0;
	}
	.slider-control {
	    margin-top: -10px;
	}
	div.reservieren-wrapper .reservieren {
	    min-width: 252px;
	    font-size: 1em;
	}
	.formular textarea,
	.formular input, 
	.formular button {
	    min-width: 250px !important;
	    width: 100%;
	}
	.button-coronasave {
		width: 100px !important;
	    height: 100vh;
	    padding-top: 0 !important;
	    bottom: 30px !important;
	    position: fixed;
	    right: 5px;
	    z-index: 100;
	    transition: all ease 1s;
	    min-height: 100vh !important;
	}
	#main-image .button-coronasave .ce_image img{
		width: 100px !important;
	    height: 100px !important;
	    bottom:40px;
	    position:fixed;
	}
}
@media only screen and (max-height:600px) {
	div.res-link {
	    right: auto;
	    left: 0;
	    margin-left: 50%;
	    transform: translateX(-50%);
	}
}
@media only screen and (max-width:480px) {
	div.reservieren-wrapper .reservieren {
    	min-width: 200px !important;
	}
	div.rezensionen-wrapper.text {
	    margin-left: 0 !important;
	    margin-top: 120px !important;
	    padding: 70px 10px 20px 10px;
	}
	div.geschichte-slider .image_container {
	    padding-bottom: 0;
	}
	div.rezensionen::before {
	    top: -35px;
	    left: 10px;
	}
	div.rezensionen::after {
	    bottom: -40px;
	    right: 10px;
	}
}
@media only screen and (max-width:420px) {
	.ce_text.headline {
	    font-size: 0.4em !important;
	}
}
@media only screen and (max-width:320px) {
	div.order .div.items {
		margin:0 !important;
	}
	div.slider-vorteile {
		font-size:1em;
	}
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../../files/css/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../files/css/./fonts/slick.eot');
    src: url('../../files/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../files/css/./fonts/slick.woff') format('woff'), url('../../files/css/./fonts/slick.ttf') format('truetype'), url('../../files/css/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* FORMULAR */
.formular {
    margin-bottom:10px;
    line-height:2em;
    padding:2px;
}
fieldset {
    border:none;
}
.formular input,
.formular textarea,
.formular button {
    border: 1px solid #d1d1d1;
}
.formular input:focus,
.formular input:hover,
.formular textarea:focus,
.formular textarea:hover {
    border: 1px solid #b70e0b;
}
.formular textarea {
    min-width: 400px;
    max-width: 400px;
    min-height: 250px;
    height: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}
.formular .widget-textarea {
    margin-top:10px;
}
.formular input,
.formular button {
    min-width: 400px;
    min-height: 25px;
    padding-left: 5px;
    padding-right: 5px;
}
.formular label {
    display: table-cell;
    font-weight: bold;
    text-transform: uppercase;
    color: #b70e0b;
}
.formular button {
    color:#b70e0b;
}
.explanation {
    padding-bottom: 20px;
    line-height: 1.5em;
    font-style: italic;
    color: #b70e0b;
    font-size:0.8em;
}
.explanation a {
	color:#b70e0b;
	text-decoration:none;
}
.explanation a:hover {
	text-decoration:underline;
}
.submit {
    transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
    padding-top:1px;
    background-color:#f4f4f4;
    font-size:1em;
    font-weight:bold;
    font-family: 'Roboto',sans-serif;
    text-transform:uppercase;
}
.submit:hover,
.submit:focus {
    background-color:#b70e0b;
    color:#ffffff;
    border:1px solid #b70e0b !important;
    cursor: pointer;
}
.formular input {
    border-radius: 0;
    height: auto;
    color:#000000;
    font-size:1em;
    font-weight:300;
    font-family: 'Roboto',sans-serif;
}
.kontaktformular {
	margin:10px auto 0 auto;
	max-width: 400px;
	font-size:1.1em;
}