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 */
}
@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;
	}
	.popup-slide,
	.button-coronasave {
		display:none;
	}
}
@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;
	}
}
*{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: #8db12b;
}
h2.ce_headline {
	font-size:3em;
/*    margin-top: -15px;*/
    text-align:center;
}
h3.ce_headline {
	font-size:2em;
	text-align:center;
}
.ce_text.headline p {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 35px;
}
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:#8db12b;
}
.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;
}
/* 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:#8db12b;
	content: 'Neu: ';
}
.nav a.new::before,
.nav strong.new::before,
.nav span.new::before{
	color:#8db12b;
	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 {
	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 {
	line-height: 1.7em;
	padding-left:15px;
}
.nav ul.level_2 {
	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{
	height:5.1em;
	opacity:1;
		 -webkit-transition: all .8s ease;
       -o-transition: all .8s ease;
          transition: all .8s ease;
}
.nav .nonavlink.menu-1.open > .level_2{
	height:1.7em;
}
.nav .nonavlink.menu-2.open > .level_2{
	height:3.4em;
}
.nav .nonavlink.menu-3.open > .level_2{
	height:5.1em;
}
.nav .nonavlink.menu-4.open > .level_2{
	height:8.6em;
}
.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: #8db12b;
	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: #8db12b;
	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:#8db12b;
	font-size:1em;
}
.bewertung h3 {
	color:#8db12b;
	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:#8db12b;
	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:#8db12b;
}
.kategorien .reservieren h2,
.kategorien .reservieren h3{
	color:#8db12b;
}
.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:#8db12b;
	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:#8db12b;
	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:#8db12b;
}
/* MODELLE GALERIE */
.modelle-galerie img {
	max-width:300px;
	float:left;
}
.res-link {
	bottom: 20px;
	position: absolute;
	right: 20px;
}
.res-link .reservieren {
	min-width:233px;
}
#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: #8db12b;
    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/sommer/images/bg-ebike-verleih.jpg) 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: #8db12b;
	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 #8db12b;
    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: #8db12b;
	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: #8db12b;
	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:#8db12b;
	font-weight:bold;
}
.preisliste .bg-dark {
	background-color:#8db12b;
	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: #8db12b;
	text-decoration:none;
}
.impressum a:hover,
.datenschutzerklaerung a:hover {
	text-decoration:underline;
}
.impressum h3,
.datenschutzerklaerung h3 {
	color:#8db12b;
	font-weight:300;
	margin-top:1em;
	margin-bottom:0.5em;
}
.cookiebar {
	background-color:#f4f4f4 !important;
}
.cookiebar__text,
.cookiebar__text a{
	color: #8db12b !important;
}
.cookiebar__button {
    background-color: #8db12b !important;
}
.datenschutzerklaerung h4 {
	margin-top:2em;
	margin-bottom:0.5em;
}
.blog-teaser a,
.blog-content a,
a.link {
	color: #8db12b;
	font-weight:bold;
}
.heading h1 {
	text-align:center;
	font-size: 6em;
    text-transform: uppercase;
    text-align: center;
    margin-top: -0.25em;
    color: #8db12b;
}
.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:#8db12b;
	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;
	}
}
.sommer-partner {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 250px;
}
.footer-social a {
	float:right;
	padding-left:10px;
}
.sport-2000 {
	width:100px;
	margin-top:30px;
}
.footer .kontakt-icon .sport-2000 img {
	max-width:100%;
}
.logo.marken img {
	max-width: 120px;
	margin-bottom: -20px;
	margin-top: 10px;
	width:100%;
}
.rundgang-sommer iframe {
	width:100%;
}
/* gefuehrte e-bike touren */
.gefuehrte-touren .headline {
  padding-bottom: 60px;
}
.gefuehrte-touren .ce_text.spalten-2 h3,
.gefuehrte-touren .text-tour h3,
.gefuehrte-touren .tabelle-tour h3{
	color:#ffffff;
	text-transform:uppercase;
	margin-bottom:8px;
}
.gefuehrte-touren .ce_text h3.red {
	background-color:#b70e0b;
	/*font-size:2.1em;*/
	font-size:1.5em;
	display:inline-block;
	margin-top:20px;
	margin-bottom:25px;
	padding-left:5px;
	padding-right:5px;
}
.gefuehrte-touren .preisliste table {
	margin:0;
}
.gefuehrte-touren .preisliste table, .gefuehrte-touren .preisliste th, .gefuehrte-touren .preisliste td {
  border: 0;
}
.gefuehrte-touren .preisliste tr:nth-child(odd)  {
  background-color: #f4f4f4;
}
.gefuehrte-touren .preisliste tr.bg-dark {
  background-color: #8db12b;
}
.gefuehrte-touren .preisliste tr:not(:first-of-type) td:nth-child(odd){
  font-weight:bold;
  text-transform:uppercase;
  padding-right:30px;
}
.gefuehrte-touren .bg-dark td {
	padding-bottom:2px;
}
.gefuehrte-touren .max-width-small {
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
.gefuehrte-touren .max-width-tour {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}
.gefuehrte-touren .max-width-small p,
.gefuehrte-touren .text-tour p{
	  font-size: 1.1em;
  line-height: 1.8em;
}
.gefuehrte-touren .max-width-small p.small,
.gefuehrte-touren .text-tour p.small{
	font-size:0.9em;	
}
.text-tour .small a,
.tabelle-tour a{
	color:#000000;
	text-decoration:none;
}
@media only screen and (max-width: 900px) {
	.gefuehrte-touren .ce_text.spalten-2 {
	  margin-bottom: 60px;
	}
}
.tabelle-tour table td{
	vertical-align: top;
}
.nav a.neu.neu-bold::before, .nav strong.neu.neu-bold::before, .nav span.neu.neu-bold::before {
  color: #000000;
  content: 'Neu: ';
  font-weight:bold;
}
.nav a.neu.gefuehrte-touren, .nav strong.neu.gefuehrte-touren, .nav span.neu.gefuehrte-touren{
  color: #000000;
}

/* popup */
.popup-video.hide,
.auswahlseite #wrapper.hide{
	display:none;
}
.popup-video,
.popup-small{
	position: fixed;
	z-index: 100;
	top: 130px;
	right: 0;
	display:block;
}
.popup-video .popup-bg{
	max-width: 340px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 100%;
	background-color:#ffffff;
	padding:40px 20px;
	position:relative;
	color:#000000;
}
.popup-small .popup-bg{
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	background-color:#ffffff;
	padding:40px 20px;
	position:relative;
	color:#000000;
}
.popup-video h2,
.popup-small h2{
	text-align: center;
	color: #8db12b;
	font-size: 18px;
	padding-bottom: 0;
	text-transform:uppercase;
	font-weight:normal;
	transform: rotate(-6deg);
	margin-top:10px;
	margin-bottom:30px;
}
.popup-video h2 strong,
.popup-small h2 strong{
	font-weight:bold;
}
.button-popup {
	width: 20px;
	height: 20px;
	margin: 0;
	cursor: pointer;
	position: absolute;
	z-index: 200;
	top: -5px;
	right: 10px;
}
	.button-popup span {
	    height: 2px;
	    display: block;
	    position: absolute;
	    top: 22.5px;
	    left: 0;
	    right: 0;
	    background-color: transparent;
	    -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: #c9cbd2;
	}
	.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: #c9cbd2;
	}
	.button-popup span::before, .button-popup span::after {
	    content: "";
	    width: 100%;
	    height: 2px;
	    display: block;
	    position: absolute;
	    left: 0;
	    background-color: #c9cbd2;
	}
.popup-small {
	cursor:pointer;
}
.popup-small.opacity {
	opacity:0;
}
.popup-small .popup-bg {
	transform: rotate(-90deg);
	transform-origin: right;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 10px;
	max-width: 250px;
	width: 100%;
	margin-top: 48px;
}
.popup-small .popup-bg h2 {
font-size:14px;	
transform: rotate(0);
}
.popup-bg {
	text-align:center;
}
.popup-bg p,
.popup-bg a{
	color: #c9cbd2;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
.popup-bg p span {
	color:#000000;
	font-weight:bold;
	font-size:16px;
}
.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%;
}
#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;
}
.popup-small img{
	width:15px;
}
.popup-small .img-wrapper {
width: 60px;
position: absolute;
top: -16px;
background-color: #ffffff;
box-sizing: border-box;
margin-left: calc(50% - 30px);
border: 1px solid #f4f4f4;
height: 16px;
}
/* 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 #8db12b;
}
.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: #8db12b;
}
.formular button {
    color:#8db12b;
}
.explanation {
    padding-bottom: 20px;
    line-height: 1.5em;
    font-style: italic;
    color: #8db12b;
    font-size:0.8em;
}
.explanation a {
	color:#8db12b;
	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:#8db12b;
    color:#ffffff;
    border:1px solid #8db12b !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;
}