body {
	font-family: 'Open Sans';
	font-size: 14px;
	color: #3b3b3a;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

a:hover, a:focus {
	color: #fff
}

p {
	color: #3b3b3a
}

/* skiline-css stylefixes */
.content_container {
	max-width: 100% !important;
}

.main_info_side_text_skiline {
	position: static;
	display: block;
}

.gallery img {
	position: static;
}

.ticket_enter_result_layer_div {
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	position: relative;
	display: none;
	top: 0px;
	margin-top: -53px;
	left: 62px;
	z-index: 9999;
	background-color: white;
	width: 218px;
	padding-left: 10px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f0f0f0;
}

.ticket_enter_result_category a, .ticket_enter_result_item a {
	color: #4d4d4d;
}

.ticket_enter_result_category a:hover, .ticket_enter_result_item a:hover
	{
	color: #00a0e3;
	text-decoration: none;
}

.start-page #footer .b-container {
	max-width: 1170px;
}

.start-page #top_navi .b-container {
	max-width: 1170px;
}

.start-page #top_navi #flag_li {
	margin-left: 0px;
}

.start-page #top_navi .logo-container {
	margin-left: 0;
}

/* ---------------------- */
#video-overlay {
	background: black;
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.modal-body {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-top: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}

.videos {
	height: 0;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
}

.videos iframe, .videos object, .videos embed, .modal iframe {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

div.modal-body.full-screen-video {
	position: relative
}

div.modal-body.full-screen-video>iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Open Sans';
	margin-top: 0;
}

h1 {
	font-size: 32px;
	font-weight: normal;
	font-family: 'Open Sans';
}

input {
	padding-left: 10px
}

/*banner*/
.unslider {
	margin-bottom: 50px;
	overflow-x: hidden;
}

.banner {
	height: 480px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 30%;
}

.banner h1, .banner h2 {
	color: white
}

.banner-link {
	font-size: 18px;
	font-weight: bold;
	color: white;
	margin-right: 6px;
	cursor: pointer;
}

.banner-slide {
	background-size: cover;
	background-position: 50% 30%;
	height: 480px;
}

/**thse images for the slider also have a retina variant which can be found at the mediaqueries section of this stylesheet**/
.slide-1 {
	background-image: url(../img/home/header-banner1.jpg);
	background-position: 50% 50%;
}

.slide-2 {
	background-image: url(../img/home/header-banner2.jpg);
}

.slide-3 {
	background-image: url(../img/home/header-banner3.jpg);
}

.slide-4 {
	background-image: url(../img/home/header-banner1.jpg);
	background-position: 50% 50%;
}

.slide-5 {
	background-image: url(../img/home/header-banner2.jpg);
}

.banner-link {
	color: #fff;
}

.unslider-nav {
	display: none
}

.slider-content {
	margin-top: 30px;
}

.slider-content h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*Gallery*/
.featured {
	height: 360px;
	display: block;
	margin-bottom: 30px;
}

.featured img {
	width: 100%
}

.thumbnails {
	display: block;
	height: 298px;
}

.gallery-thumbnail {
	position: relative;
	margin-left: 0px;
	margin-bottom: 23px;
}

.video-gallery .gallery-thumbnail {
	margin-bottom: 26px;
}

.gallery-thumbnail img {
	cursor: pointer;
	width: 95%;
}

.thumbnails-bottom {
	background-color: aqua;
	display: block;
	height: 100px;
}

.videos iframe {
	border: 0;
	height: 370px;
}

.showmore {
	color: #e6007e;
	font-size: 18px;
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
}

.showmore:hover {
	color: #b80065
}

.seperator {
	color: #e6007e
}

.icon {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -3px;
}

.post {
	margin-bottom: 30px
}
/*Button*/
.skipass-eingeben .button {
	background-color: #e6007e;
	background-image: none;
	border-radius: 3px;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-shadow: none;
	font-weight: normal;
	margin: 0;
	margin-left: 10px;
	padding: 7px 10px 6px 11px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	height: 40px;
	outline: none;
}

.button:hover, .skipass-eingeben .button:hover {
	background-color: #b80065;
	text-decoration: none;
}

.button a:hover {
	text-decoration: none
}

.button a, .skipass-eingeben .button a {
	color: #fff
}
/*main content*/
.main-content {
	background: #fff;
}

.sub_content {
	background: #fff;
	margin-top: 50px;
}

#hm-print {
	width: 100%;
	margin-top: 30px;
}

.hm-steps {
	width: 100%;
	margin-top: 30px;
	display: block;
	margin-bottom: 30px;
}

.main_info_side_text_skiline {
	padding-left: 40px
}

.main_info_side_text_skiline a {
	font-size: 18px;
	color: #00a0e3;
	display: block;
}

.circle-border {
	height: 80px;
	width: 80px;
	border-radius: 40px;
	background-color: white;
	position: relative;
	z-index: 2;
	top: 30px;
}

.circle-icon {
	display: block;
	z-index: 3;
	margin-top: -40px;
}

.border {
	background-image: url(../img/home/border.png);
	background-repeat: no-repeat;
	margin-top: 40px;
}

#competition ul {
	list-style: none;
	padding-left: 15px;
}

#competition ul li {
	margin-bottom: 10px;
}

#competition ul li:before {
	content: "";
	line-height: 1em;
	width: .5em;
	height: .5em;
	background-color: #e6007e;
	float: left;
	margin: .25em .25em 0;
	margin-right: 10px;
	border-radius: 50%;
}
/*Skipass eingeben*/
.skipass-eingeben {
	background: rgba(0, 0, 0, 0.2);
	height: 200px;
	max-width: 300px;
	margin-top: -280px;
	position: relative;
	z-index: 99;
	padding-top: 20px;
}

.skipass-eingeben .button {
	margin-top: 25px;
	margin-left: 20px;
	font-size: 16px;
	width: 262px;
	position: relative;
}

.skipass-eingeben .button a {
	font-weight: bold
}

.skipass-eingeben input {
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background: #fff;
}

.skipass-eingeben .chevron {
	margin-left: 143px;
	position: absolute;
	top: 146px;
	right: 16px;
}

.chevron {
	background-image: url(../img/home/icon-chevron.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
	display: inline-block;
}

.skipass-eingeben .ticket_enter_input_dropdown_button {
	background-image: url(../img/home/icon-chevron-down.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 12px;
	width: 20px;
	position: absolute;
	left: 215px;
	top: 5px;
	border: none;
}

.skipass-eingeben input::-webkit-input-placeholder {
	color: #828282;
	padding-left: 10px;
}

.skipass-eingeben input::-moz-placeholder {
	color: #828282;
	padding-left: 10px;
}

.skipass-eingeben input:-moz-placeholder {
	/* Older versions of Firefox */
	color: #828282;
	padding-left: 10px;
}

.skipass-eingeben input:-ms-input-placeholder {
	color: #828282;
	padding-left: 10px;
}

.skipass-eingeben .ticket_enter_input_text_div {
	margin-left: 20px;
	left: 0;
	top: 0;
	position: relative;
}

.skipass-eingeben .ticket_enter_input_text_div input {
	margin-top: 10px;
	margin-left: 12px;
	width: 215px;
}

.skipass-eingeben .ticket_enter_input_text_div input.ticket_enter_input_dropdown_button
	{
	width: 20px;
}

.skipass-eingeben .ticket_enter_input_text_div input.disabled {
	color: #828282;
	width: 215px;
}

.skipass-eingeben .ticket_enter_input_text_div .updnWatermark {
	color: #828282;
	font-size: 14px;
	padding-left: 44px;
	padding-top: 0px;
	top: 10px;
}

.skipass-eingeben input.ticket_enter_input_text {
	font-size: 14px;
	margin-top: 0;
	margin-left: 42px;
}

.main_info_search_resort_input {
	padding-right: 50px
}
/*Shoplink Banner*/
.shop-link {
	margin-bottom: 25px;
	display: block;
	margin-left: 7px;
}

.shop-link-container {
	position: absolute;
	top: -150px;
	width: 100%;
	background-image: url(../img/home/online-shop-link.png);
	height: 285px;
	margin-left: 60px;
	background-repeat: no-repeat;
	display: block;
	z-index: 999;
}

.shop-link-container:hover {
	background-image: url(../img/home/online-shop-link-hover.png)
}

.button-shop-link {
	position: absolute;
	bottom: -8px;
	left: 4px;
	background-color: #00a0e3;
	font-weight: bold;
	margin-left: 17px;
}

.button-shop-link:hover {
	background-color: #008cc6;
	text-decoration: none;
}

.icon-shop {
	margin-left: 55px
}

.modal-header {
	border-bottom: 0
}

.modal-header .close {
	margin-top: -10px
}

.sportaktiv-banner {
	height: 160px;
	width: 100%;
	background-image:
		url(../img/home/Winterguide-Skiline-Banner-970x160.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

.sportaktiv-banner a {
	display: block;
	height: 160px;
	width: 100%;
}

.powered-by {
	position: relative;
	top: -15px;
}

.competition-thumbnail {
	position: relative
}

.competition-thumbnail img {
	width: 100%;
	height: auto;
}

div.css-tooltip p { 
	margin-top: 0;
	color: #fff;
}

div.css-tooltip h3 {
	margin-top: 2px;
	color: white;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
}

div.css-tooltip.tooltip {
	font-family: Helvetica, Arial, sans-serif, sans;
	font-size: 13px;
	opacity: 1;
}

/**** Media Queries****/
@media ( max-width : 1200px) {
	.videos iframe {
		height: 334px;
	}
	.video-gallery .gallery-thumbnail img {
		width: 100%;
	}
	.sportaktiv-banner {
		background-image:
			url(../img/home/Winterguide-Skiline-Banner-800x160.jpg);
	}
}

@media ( max-width : 991px) {
	/*banner*/
	.banner {
		margin-bottom: 60px
	}
	.slider-content {
		padding-left: 30px
	}
	.banner-slide.slide-1 {
		background-position: 0% 50%;
	}
	/*content*/
	.skipass-eingeben {
		margin-top: -350px;
	}
	.main_info_side_text_skiline {
		padding-left: 10px
	}
	/*Gallery*/
	.gallery-thumbnail {
		margin-left: 0;
		display: inline-block;
		margin-bottom: 35px;
	}
	.competition-thumbnail {
		margin-top: 10px
	}
	.competition-thumbnail img {
		width: 100%;
		height: auto;
	}
	.gallery-thumbnail img {
		width: 100%
	}
	.thumbnails {
		height: auto
	}
	.featured img {
		width: 100%;
		height: auto;
	}
	.featured {
		margin-bottom: 10px;
		height: auto;
	}
	.videos {
		height: 0;
		position: relative;
		top: 0;
		left: 0;
		padding-top: 30px;
		padding-bottom: 56.25%;
	}
	.videos iframe, .videos object, .videos embed, .modal iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		overflow: hidden;
	}
	/*Shop-link Banner*/
	.shop-link-container {
		margin-top: 0px;
		position: static;
		margin-left: auto;
		margin-right: auto;
		background-position: center;
	}
	.button-shop-link {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		display: block;
		width: 40%;
		top: -25px;
	}
	.icon-shop {
		margin-left: 10px
	}
}

@media ( max-width : 600px) {
	.featured img {
		width: 100%;
		max-width: 580px;
		height: auto;
	}
	.showmore {
		font-size: 16px
	}
	.skipass-eingeben .button, .banner-link, .main_info_side_text_skiline a
		{
		font-size: 16px
	}
	.skipass-eingeben .chevron {
		margin-left: 44px
	}
	.skipass-eingeben {
		margin-left: -15px;
	}
	.button-shop-link {
		width: 50%;
	}
	.sportaktiv-banner {
		background-image:
			url(../img/home/Winterguide-Skiline-Banner-370x160.jpg);
	}
}

@media ( max-width : 480px) {
	h1 {
		font-size: 28px
	}
	h2 {
		font-size: 15px
	}
	body {
		font-size: 13px
	}
	/*button*/
	.skipass-eingeben .button {
		max-width: 262px;
		width: 85%;
		padding: 7px 10px 9px 10px
	}

	/*banner*/
	.banner-slide.slide-1 {
		background-position: 0% 50%;
	}
	/*Gallery*/
	.gallery-thumbnail, .video-gallery .gallery-thumbnail {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.featured {
		width: 100%;
		max-width: 580px;
		height: auto;
		margin-bottom: 10px;
	}
	.main_info_side_text_skiline a {
		font-size: 15px
	}
	.border {
		margin-top: 40px
	}
	.skipass-eingeben .chevron {
		margin-left: 29px;
		right: 35px;
	}
	#skiline-shop-banner {
		margin-top: -50px;
	}
}

@media ( max-width : 320px) {
	.ticket_enter_input_text_div input {
		width: 180px
	}
	.skipass-eingeben .ticket_enter_input_dropdown_button {
		left: 180px
	}
	.skipass-eingeben .chevron {
		right: 25px;
	}
	.skipass-eingeben .button, .banner-link, .main_info_side_text_skiline a
		{
		font-size: 15px
	}
	.skipass-eingeben .ticket_enter_input_text_div input {
		width: 195px;
	}
	.skipass-eingeben .ticket_enter_input_text_div input.disabled {
		width: 195px;
	}
	.skipass-eingeben .ticket_enter_input_dropdown_button {
		margin-left: 25px;
	}
}
/****Retina Display****/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.shop-link-container {
		background-image: url(../img/home/online-shop-link@2x.png);
		width: 240px;
		height: 285px;
		background-size: contain;
	}
	.shop-link-container:hover {
		background-image: url(../img/home/online-shop-link-hover@2x.png);
		width: 240px;
		height: 285px;
		background-size: contain;
	}
	.slide-1 {
		background-image: url(../img/home/header-banner1@2x.jpg);
	}
	.slide-2 {
		background-image: url(../img/home/header-banner2@2x.jpg);
	}
	.slide-3 {
		background-image: url(../img/home/header-banner3@2x.jpg);
	}
	.slide-4 {
		background-image: url(../img/home/header-banner1@2x.jpg);
	}
	.slide-5 {
		background-image: url(../img/home/header-banner2@2x.jpg);
	}
	.sportaktiv-banner {
		height: 160px;
		width: 100%;
		background-image:
			url(../img/home/Winterguide-Skiline-Banner-970x160@2x.jpg);
		background-size: contain;
		background-repeat: no-repeat;
	}
}

@media ( max-width : 1200px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.sportaktiv-banner {
		background-image:
			url(../img/home/Winterguide-Skiline-Banner-800x160@2x.jpg);
	}
}

@media ( max-width : 600px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.sportaktiv-banner {
		background-image:
			url(../img/home/Winterguide-Skiline-Banner-370x160@2x.jpg);
	}
}


/*
* laneli - 25.8.2016 - Styles for product teaser overview and back-to-top button
*/
div.back-to-top {position: fixed; bottom: 200px; right: 50px; height: 60px; width: 60px; background: url(/img/home/icon-back-to-top.png); background-image: url(/img/home/icon-back-to-top.svg), none; z-index: 9999; display: none; box-shadow: 2px 2px 3px #ccc; border-radius: 30px;}
#product_teaser h3 { font-size: 18px; text-transform: uppercase; font-weight: 600; color: #e6007e; letter-spacing: 1px; margin-bottom: 20px;}
#product_teaser .product {text-align: center;}
#product_teaser .circle-container {width: 130px; height: 130px; margin: 0 auto; position: relative;}
#product_teaser .teaser-circle-filled {display: block; margin: 0 auto;}
#product_teaser .teaser-icon {position: absolute; top: 35px; left: 40px; height: 55px; width: 55px;}
#product_teaser .description {display: block; color: #888; margin-top: 30px;}

#product_teaser .teaser-icon.altimeter {background: url(/img/home/icon-vm-dark.png); background-image: url(/img/home/icon-vm-dark.svg), none;}
#product_teaser a:hover .teaser-icon.altimeter {background: url(/img/home/icon-vm-pink.png); background-image: url(/img/home/icon-vm-pink.svg), none;}

#product_teaser a:hover .teaser-icon {transform: rotateY(360deg); transition: 0.6s;}
#product_teaser a:hover .teaser-circle-filled {transform: rotate(360deg); transition: 0.6s;}

#product_teaser .teaser-icon.skimovie {background: url(/img/home/icon-skimovie-dark.png); background-image: url(/img/home/icon-skimovie-dark.svg), none;}
#product_teaser a:hover .teaser-icon.skimovie {background: url(/img/home/icon-skimovie-pink.svg); background-image: url(/img/home/icon-skimovie-pink.svg), none;}

#product_teaser .teaser-icon.speed {background: url(/img/home/icon-speed-dark.png); background-image: url(/img/home/icon-speed-dark.svg), none;}
#product_teaser a:hover .teaser-icon.speed {background: url(/img/home/icon-speed-pink.png); background-image: url(/img/home/icon-speed-pink.svg), none;}

#product_teaser .teaser-icon.photo {background: url(/img/home/icon-photo-dark.png); background-image: url(/img/home/icon-photo-dark.svg), none;}
#product_teaser a:hover .teaser-icon.photo {background: url(/img/home/icon-photo-pink.png); background-image: url(/img/home/icon-photo-pink.svg), none;}

@media(max-width: 990px) {
	 div.back-to-top {top: 20px; right: 20px;}
}

@media(max-width: 500px) {
    .unslider {margin-bottom: 0;}
}