/* EMBED RESPONSIVE */
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}
.kulinarikteaser.embed-responsive {
	padding-bottom:80.64516129032258%;
}
.kulinarikteaser--medium.embed-responsive {
	padding-bottom:109.6774193548387%;
}
.kulinarikteaser--high.embed-responsive {
	padding-bottom:129.0322580645161%;
}
.kulinarikteaser--narrow.embed-responsive {
	padding-bottom:55.55555555555556%;
}
.kulinarikteaser--wide.embed-responsive {
	padding-bottom:41.66666666666667%;
}


/* KULINARIK PLATTFORM */

.text-uppercase {
	text-transform: uppercase;
}


.row.gutter-width-50 {
	margin:0 -25px;
}
.row.gutter-width-50>.col {
	padding:0 25px;
}
.row.gutter-width-40 {
	margin:0 -20px;
}
.row.gutter-width-40>.col {
	padding:0 20px;
}
.row.gutter-width-20 {
	margin:0 -10px;
}
.row.gutter-width-20>.col {
	padding:0 10px;
}
.row.gutter-width-10 {
	margin:0 -5px;
}
.row.gutter-width-10>.col {
	padding:0 5px;
}
.row.gutter-width-0 {
	margin: 0;
}
.row.gutter-width-0 .col {
	padding:0;
}




.kulinarik-container .desc {
	margin-bottom:30px;
}

.kulinarik-container #cam-map-container {
	margin-top:30px;
	margin-bottom:0;
}

hr.kulinarik {
	float: none;
	clear: both;
	margin:0 0 35px 0;
	padding:35px 0 0 0;
	border-top:0;
	border-bottom: 1px solid #eee;
}
hr.kulinarik.white {
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	border-bottom: 1px solid #fff;
}


.kulinarikteaser-row {
	margin-bottom:40px !important;
}
.kulinarikteaser {
	position: relative;
}
.kulinarikteaser.active:before {
	content:' ';
	display: block;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#e20031;
	z-index:10;
	opacity:0.5;
}
.kulinarikteaser.bg-blue {
	background:url(/static/img/heart.png) #004883 100% 50% no-repeat;
}
.kulinarikteaser.bg-red {
	background:#e20031;
}

.kulinarikteaser-row.gutter-width-10 .kulinarikteaser,
.mobile-container .kulinarikteaser{
	margin-bottom: 10px;
}

.kulinarikteaser img{
	-webkit-transition: all 300ms linear;
	-moz-transition:    all 300ms linear;
	-ms-transition:     all 300ms linear;
	-o-transition:      all 300ms linear;
	transition:         all 300ms linear;
}
.kulinarikteaser:hover img{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
.kulinarikteaser .teaser-content {
	position: absolute;
	top:50%;
	left:0;
	right:0;
	z-index:50;
	transform:translateY(-50%);
	margin-top:7px;
	padding:0 15px;
	-webkit-transition: all 300ms linear;
	-moz-transition:    all 300ms linear;
	-ms-transition:     all 300ms linear;
	-o-transition:      all 300ms linear;
	transition:         all 300ms linear;
}
.kulinarikteaser .teaser-content.text-center {
	text-align:center;
}
.kulinarikteaser:hover .teaser-content {
	margin-top:-19px;
}
.kulinarikteaser .teaser-content h3 {
	margin:0;
	padding:0 0 15px 0;
	text-transform:uppercase;
	font-size:24px;
	color:#fff;
	line-height:1;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
}
.farmers-products .kulinarikteaser .teaser-content h3 {
	font-size:18px;
	letter-spacing: -0.5px;
	font-weight:700;
}
.farmers-products .kulinarikteaser {
	margin-bottom:10px;
}
.kulinarikteaser .teaser-content p {
	position: relative;
	margin:20px 0 15px 0;
	font-size:18px;
	color:#fff;
	line-height:1.25;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
}
.kulinarikteaser .teaser-content p:before {
	content:' ';
	width:100px;
	height:1px;
	position: absolute;
	left:50%;
	top:-20px;
	transform:translateX(-50%);
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.75);
}
.kulinarikteaser .teaser-content .nassfeld-red-btn {
	position: relative;
	bottom:-250px;
	-webkit-transition: all 300ms linear;
	-moz-transition:    all 300ms linear;
	-ms-transition:     all 300ms linear;
	-o-transition:      all 300ms linear;
	transition:         all 300ms linear;
}
.kulinarikteaser:hover .teaser-content .nassfeld-red-btn {
	bottom:0;
}
.kulinarikteaser.no-btn:hover .teaser-content .nassfeld-red-btn {
	bottom:-250px;
}
.kulinarikteaser .teaser-content--zitat .nassfeld-red-btn {
	bottom:0;
	background:#fff;
}
.kulinarikteaser .teaser-content--zitat .nassfeld-red-btn span {
	color:#e20031;
}

.kulinarikteaser .has-tip {
	position: absolute;
	right:0;
	bottom:0;
	width:90px;
	height:150px;
	padding:100px 10px 0 0;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Roboto';
	font-size:28px;
	line-height:18px;
	text-align:right;
	z-index:55;
	background: url(/static/img/bg-tip.png) 0 0 no-repeat;
}
.kulinarikteaser .has-tip span {
	display: block;
	font-size:12px;
}

/* zitat */
.kulinarikteaser:hover .teaser-content--zitat,
.kulinarikteaser.no-btn:hover .teaser-content {
	margin-top:7px;
}
.kulinarikteaser .teaser-content--zitat h3 {
	font-weight:100;
	text-transform:none;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0);
}
.kulinarikteaser .teaser-content--zitat p {
	font-size:15px;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0);
}
.kulinarikteaser .teaser-content--zitat p:before {
	display: none;
}

/*.pimcore_area_teaser_wide h2 {*/
/*margin-top:35px;*/
/*margin-bottom:15px;*/
/*}*/

.product-container {
	position: relative;
}
.product-container .product-item {
	margin-top:20px;
	background:#fdfdfd;
	padding:20px 20px 40px 20px;
	border:1px solid #f1f1f1;
}
.product-container .active-state {
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 27px 24px 27px;
	border-color: transparent transparent #f1f1f1 transparent;
}
.product-container .active-state:before {
	content:' ';
	position:absolute;
	left:50%;
	bottom:-24px;
	margin-left:-25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 22px 25px;
	border-color: transparent transparent #fff transparent;
}

.sorten {
	/*width:200px;*/
	position: relative;
	background: #e6eef2;
	padding:16px 16px 6px 16px;
	margin:0 0 15px 0;
	/*float:right;*/
}
.sorten h3 {
	margin:0 0 15px 0;
}
.sorten ul,
.sorten ul li {
	margin:0;
	padding:0;
	list-style:none;
}
.sorten ul li {
	position: relative;
	padding:0 0 10px 20px;
}
.sorten ul li:before {
	position: absolute;
	left:0;
	top:6px;
	display: block;
	width:7px;
	height:7px;
	content: " ";
	background:#859199;
}



.kulinarik-sidebar {
	position: relative;
	float:none;
	clear:both;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.25);
	margin-bottom: 30px;
}
.kulinarik-sidebar h3 {
	color:#004985;
	font-size:18px;
	margin:0 0 5px 0;
}
.kulinarik-sidebar p {
	font-size:14px;
	margin:0;
}
.kulinarik-sidebar .bordered-area {
	position: relative;
	background:#fff;
	padding:10px;
	z-index:30;
}
.kulinarik-sidebar .bordered-area > div {
	padding:12px;
	border:1px dashed #004985;
	z-index:35;
}

.kulinarik-sidebar .bordered-area:before {
	content:' ';
	display: block;
	background:url(/static/img/icons-kulinarik.png) #fff 50% 5px no-repeat;
	width:60px;
	height:30px;
	position:absolute;
	top:-30px;
	left:50%;
	margin-left:-30px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.kulinarik-sidebar .bordered-area--date:before {
	background-position: 50% -27px;
}
.kulinarik-sidebar .bordered-area--recipe:before {
	background-position: 50% -56px;
}
.kulinarik-sidebar .bordered-area--event:before {
	background-position: 50% -87px;
}



.kulinarik-list,
.certification-list{
	position: relative;
	width:100%;
	display: inline-block;
	float:none;
	clear:both;
}
.kulinarik-list h2,
.certification-list h2,
.farmers-products h2{
	margin:0 0 30px 0;
	color:#43494d;
}
.kulinarik-list ul,
.kulinarik-list ul li,
.certification-list ul,
.certification-list ul li{
	margin:0;
	padding:0;
	list-style:none;
}
.kulinarik-list ul li {
	position: relative;
	padding:0 20px 10px 25px;
	float:left;
}
.kulinarik-list ul li:before {
	position: absolute;
	left:0;
	top:1px;
	font-family: 'icomoon';
	content: "\e612";
	color:#8fa6b3;
	font-size:12px;
}
.certification-list ul li {
	position: relative;
	float:left;
	width:50%;
	margin-bottom:10px;
}
.certification-list ul li a {
	display: block;
}
.certification-list ul li img {
	max-width:100%;
	height:auto;
	position: relative;
	opacity:0.75;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	filter: gray; /* For IE 6 - 9 */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	-webkit-transition: all 300ms linear;
	-moz-transition:    all 300ms linear;
	-ms-transition:     all 300ms linear;
	-o-transition:      all 300ms linear;
	transition:         all 300ms linear;
}
.certification-list ul li:hover img,
.certification-list ul li.active img{
	opacity:1;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}


.certification-list .tooltip.bottom .tooltip-arrow {
	border-bottom-color:#686868;
}
.certification-list .tooltip-inner {
	width:350px !important;
	color:#000;
	background:#fff;
	border:1px solid #686868;
}
.certification-list .tooltip-inner h5 {
	font-size:12px;
	margin-bottom:0;
}
.certification-list .tooltip-inner p {
	font-size:11px;
	color:#000;
}


.large-img {
	float:none;
	clear:both;
	width:1440px;
	height:350px;
	position:relative;
}

.content-container .col-xs-8 .large-img {
	margin:55px -573px 55px -250px;
}
.content-container .col-xs-12 .large-img {
	margin:55px -250px;
}

.large-img img {
	display: block;
	width:1440px;
	height:350px;
	position:relative;
}
.large-img .container.textoverlay{
	position: absolute;
	left:50%;
	top:0;
	bottom:0;
	z-index:55;
	transform:translateX(-50%);
}
.large-img h3{
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-family: 'Roboto';
	font-size:50px;
	font-weight:300;
	font-style: italic;
	line-height:1.1;
	letter-spacing:-1px;
	width:640px;
	margin:0;
}
.large-img h3 a{
	color:#fff;
	text-decoration: none;
}




.contactbox {
	position: relative;
	text-align: center;
	background:#e20031;
	margin:0 0 10px 0;
}
#cam-map-container .contactbox {
	min-height:350px;
}
.contactbox--float {
	float:right;
	width:240px;
	margin-left:30px;
}
.contactbox a, .contactbox p, .contactbox h3 {
	color:#fff;
}
.contactbox h3 {
	font-weight:300;
	padding:0 4px 10px 4px;
	margin:0 0 12px 0;
	border-bottom:1px solid #fff;
}
.contactbox p {
	font-size:14px;
	font-weight:300;
}
.contactbox .img-circle {
	position: absolute;
	right:-41px;
	top:-41px;
	border:2px solid #e20031;
}
.contactbox .inner {
	padding:20px 30px 10px 30px;
}



.contactbox--wide {
	width:480px;
	height:240px;
	float:right;
	margin-left:30px;
}
.contactbox--wide h3 {
	font-weight:700;
	border-bottom:0;
	padding:0;
}
.contactbox--wide .img-responsive {
	float:right;
}
.contactbox--wide .inner{
	float:left;
	width:240px;
	padding:14px 24px 10px 24px;
	overflow:hidden;
}



.farmerbox-row {
	margin-bottom:40px !important;
}
.farmerbox {
	position: relative;
	text-align: center;
	background:#e6eef2;
	min-height: 280px;
}
.col-xs-12 .farmerbox {
	/*content-wide farmerbox*/
	min-height: 340px;
	margin-bottom: 20px;
}
.farmerbox a, .farmerbox p {
	color:#43494d;
}
.farmerbox h3 {
	font-size:18px;
	color:#004985;
	font-weight:500;
	margin:0 0 12px 0;
}
.farmerbox p {
	font-size:14px;
	font-weight:300;
}
.farmerbox .inner {
	padding:20px 15px;
}
.farmerbox a.button-w-arrow{
	color:#fff;
	background:#004985;
}
.farmerbox a.button-w-arrow span:before {
	border-right: 1px solid #e6eef2;
}


.product-imgs {
	clear:both;
}
.product-imgs .col {
	margin-top:10px;
}

.info-about-product {
	margin-top:20px;
}



.slide-more-products.footer-top-slide {
	margin-bottom: 150px;
	margin-top: 0;
}
.slide-more-products.footer-top-slide .container {
	position: relative;
}
.slide-more-products.footer-top-slide h1 {
	color: #e20031;
	font-weight: 300;
}
.slide-more-products.footer-top-slide .kulinarikteaser {
	margin-top:10px;
}




#regional-firm-filter,
#regional-general-product-category-filter {
	padding:25px 0 35px 0;
}
#regional-firm-filter .btn,
#regional-general-product-category-filter .btn {
	margin-top:26px;
}
#regional-firm-filter .form-control {
	padding:6px;
}
#regional-firm-filter.detail-filter {
	clear:both;
	height:120px;
}




a:hover,
a:visited,
a:focus,
a:active{
	outline: none;
}
a:hover{
	color: #e20031;
}

#outside-box{
	position: relative;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.margin-top-10{
	margin-top: 10px;
}
.margin-top-20{
	margin-top: 20px;
}
.no-padding-right{
	padding-right: 0;
}
/* navigation fixed abstand oben... */
.slide{
	height: 60px;
}

.mobile-container{
	max-width: 300px !important;
}
.bg-wrapper{
	background: #fff;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
}
.nav-box{
	width: 85px;
	height: 75px;
	color: #004985;
	margin: 4px;
	position: relative;
}
.nav-box.last{
	margin-right: 0;
}
.nav-box i{
	position: absolute;
	display: block;
	top: 0px;
	font-size: 55px;
}
.nav-box a{
	display: block;
	position: absolute;
	top: 46px;
	left: 0;
	line-height: 13px;
	right: 0;
	text-align: center;

}
.nav-wrapper{
	padding: 20px 10px 0 22px;
}
.nav-wrapper.portal-nav{
	padding: 20px 8px 0 10px;
}

.grey-gradient{
	background: #eff5f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYWRjZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #eff5f9 0%, #cadce6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff5f9), color-stop(100%,#cadce6));
	background: -webkit-linear-gradient(top,  #eff5f9 0%,#cadce6 100%);
	background: -o-linear-gradient(top,  #eff5f9 0%,#cadce6 100%);
	background: -ms-linear-gradient(top,  #eff5f9 0%,#cadce6 100%);
	background: linear-gradient(to bottom,  #eff5f9 0%,#cadce6 100%);
}

#header-image{
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	z-index: -1;
}
#header-image h1{
    position:absolute;
    left:50%;
    top:30px;
	margin:0 0 0 -160px;
	padding: 15px;
	height: 157px;
	width:320px;
	color: #fff;
	font-weight: 100;
	font-family: 'Roboto';
	/*display: table-cell;
	vertical-align:middle;*/
	text-shadow: 0 0 10px rgba( 0, 0, 0, .7);
}

#header-image strong{
	font-weight: 400;
}

.header-image{
	position: relative;
	min-height: 157px;
	overflow: hidden;
}
.header-image img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
.header-image


.preload-img{
	height: 0;
}

#logo{
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 6px;
	width: 110px;
	height: 49px;
	background: url(/static/img/mobile-logo.png) no-repeat center center;
	background-size: contain;
	z-index: 120;
}

.navbar{
	min-height: 60px;
	border-radius: 0;
	margin-bottom: 0;
	border: none;
	box-shadow: 0 9px 10px -10px rgba( 0, 0, 0, .15 );
	z-index: 50;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(bottom,  #d1e3ed 0%, #d1e3ed 100px); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#d1e3ed), color-stop(100px,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #d1e3ed 0%,#ffffff 100px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #d1e3ed 0%,#ffffff 100px); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #d1e3ed 0%,#ffffff 100px); /* IE10+ */
	background: linear-gradient(to top,  #d1e3ed 0%,#ffffff 100px); /* W3C */
}

.teaser-image{
	width: 95px;
	height: 95px;
	float: left;
}
.teaser-details{
	float: left;
	width: 165px;
	margin-top: 9px;
	margin-left: 10px;
	color: #43494d;
	font-family: 'Roboto';
}
.teaser-details h3{
	margin: 0 0 3px 0;
	font-size: 16px;
	font-weight: 500;

}
.teaser-details p{
	font-size: 13px;
	margin: 0;
}
.teaser-details a{
	color: #004985;
	font-size: 13px;
}
.teaser-details a:focus,
.teaser-details a:active{
	text-decoration: none;
}



#footer{
	background: #e6ecf0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZWNmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmVjZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e6ecf0 0%, #ffffff 29%, #ffffff 30%, #ffffff 70%, #e6ecf0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6ecf0), color-stop(29%,#ffffff), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#e6ecf0));
	background: -webkit-linear-gradient(top,  #e6ecf0 0%,#ffffff 29%,#ffffff 30%,#ffffff 70%,#e6ecf0 100%);
	background: -o-linear-gradient(top,  #e6ecf0 0%,#ffffff 29%,#ffffff 30%,#ffffff 70%,#e6ecf0 100%);
	background: -ms-linear-gradient(top,  #e6ecf0 0%,#ffffff 29%,#ffffff 30%,#ffffff 70%,#e6ecf0 100%);
	background: linear-gradient(to bottom,  #e6ecf0 0%,#ffffff 29%,#ffffff 30%,#ffffff 70%,#e6ecf0 100%);
}


/* Social Media */
.social-media-channels{
	float: left;
}
.social-media-channels li{
	display: inline-block;
	margin-right: 0;
}
.social-media-channels a{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(/static/img/sm-sprite.png) no-repeat 0 0;
	text-indent: -2000em;
	background-size: 232px 39px;
}
.social-media-channels a.youtube{
	background-position: -48px 0;
}
.social-media-channels a.twitter{
	background-position: -96px 0;
}
.social-media-channels a.google{
	background-position: -144px 0;
}
.social-media-channels a.instagram{
	background-position: -192px 0;
}

.partner-links,
.social-media-channels{
	position: relative;
	padding-top: 35px;
	display: inline-block;
	/* position: absolute; */
}
.partner-links .headline,
.social-media-channels .headline{
	position: absolute;
	top: 0;
	left: 0;
}
.partner-links{
	margin-left: 20px;
}
.partner-links li{
	display: inline-block;
	position: relative;
	width: 41px;
	margin-right: 10px;
}
.partner-links li.headline{
	width: auto;
}
.partner-links a{
	display: inline-block;
	width: 40px;
	height: 66px;
	background: url(/static/img/partner-logos.png) no-repeat 0 0;
	background-size: 164px 46px;
	text-indent: -2000em;
	position: absolute;
}
.partner-links a.bmw{
	background-position: 2px 0;
	bottom: -42px;
	left: 0;
}
.partner-links a.kaernten{
    background-position: -62px 0;
    width: 57px;
    bottom: -42px;
    left: 0;
}
.partner-links a.bluetomato{
    background-position: -120px 0;
    width: 62px;
    bottom: -42px;
    left: 0;
}

#desktop-version,
#impressum-version{
	text-decoration: underline;
}

#impressum-version{
	margin-right: 20px;
}

footer .footer-btns{
	margin-bottom: 20px;
}
footer .footer-btns a{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition:    all 300ms ease-in-out;
	-ms-transition:     all 300ms ease-in-out;
	-o-transition:      all 300ms ease-in-out;
	transition:         all 300ms ease-in-out;

	background: #8fa6b3;
	color: #fff;
	border: none;
	min-height: 40px;
}

footer .footer-btns i{
	font-size: 36px;
}
footer .footer-btns i:before{
	left: 50%;
}
footer .footer-btns i.icon-footer_phone:before,
footer .footer-btns i.icon-footer_anfahrt:before,
footer .footer-btns i.icon-kontakt:before{
	position: absolute;
	font-size: 70px;
	top: -15px;
	margin-left: -34px;
}
footer .footer-btns i.icon-footer_phone:before,
footer .footer-btns i.icon-footer_anfahrt:before{
	font-size: 41px;
	margin-left: -21px;
	top: 0px;
}
footer .copyright-elements-footer{
	padding-bottom: 20px;
}
footer .copyright-notice{
	color: #8fa6b3;
}




/* --- Change-Language --- */
#change-language{
	font-size: 16px;
	display: block;
	cursor: pointer;

	margin-left: 15px;
	/*margin-right: 15px;*/
	width: 140px;
	/*padding-left: 15px;*/
}
#change-language .icon-arrow-down{
	font-size: 8px;
	position: absolute;
	right: 15px;
	top: 8px;

	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:   all 400ms ease-in-out;
	-ms-transition:    all 400ms ease-in-out;
	-o-transition:     all 400ms ease-in-out;
	transition:        all 400ms ease-in-out;
}

#change-language.open .icon-arrow-down{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#language-dropdown{
	position: relative;
	z-index: 102;
	display: block;
}
#language-dropdown .lang:before{
	top: 4px;
}
#language-dropdown span{
	/*margin-left: 30px;*/
	text-indent: -1200em;
	position: relative;
	display: block;
}


#language-select{
	font-family: 'Roboto';
	font-size: 15px;
	font-weight: 300;

	width: 100%;

	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -6px;
	left: 0;
	z-index: 101;

	list-style: none;
	margin: 0;
	padding: 40px 0 0 0;

	background: #fff;

	-webkit-transition: all 400ms ease-in-out;
	-moz-transition:    all 400ms ease-in-out;
	-ms-transition:     all 400ms ease-in-out;
	-o-transition:      all 400ms ease-in-out;
	transition:         all 400ms ease-in-out;


	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}

#change-language.open #language-select{
	visibility: visible;
	opacity: 1;
	height: auto;
}

#language-select li{
	margin: 0 15px;
}

#language-select a{
	padding: 5px 0;
	display: inline-block;
}
#language-select a:hover{
	color: #e20031;
	text-decoration: none;
}
.open-search #change-language{
	opacity: 0;
}

/* --- Flaggen --- */
#language-select .lang {
	display: block;
	position: relative;
	padding-left: 30px;
}
.lang:before {
	content: '';
    background: url(/static/img/languages.png) no-repeat 0 0;
    display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	box-shadow: 0 0 3px rgba( 0, 0, 0, .3);
}

.lang-cz:before,
.lang-cs:before {
    width: 22px;
    height: 16px;
    background-position: -2px -2px;
}

.lang-de:before {
    width: 22px;
    height: 16px;
    background-position: -28px -2px;
}

.lang-en:before {
    width: 22px;
    height: 16px;
    background-position: -2px -22px;
}

.lang-hr:before {
    width: 22px;
    height: 16px;
    background-position: -28px -22px;
}

.lang-hu:before {
    width: 22px;
    height: 16px;
    background-position: -2px -42px;
}

.lang-it:before {
    width: 22px;
    height: 16px;
    background-position: -28px -42px;
}

.lang-pl:before {
    width: 22px;
    height: 16px;
    background-position: -54px -2px;
}

.lang-sl:before {
    width: 22px;
    height: 16px;
    background-position: -54px -22px;
}



.mobile-navigation{
	display: none;
	position: fixed;
	top: 60px;
	background: #fff;
	width: 100%;
	min-height: 100%;
	z-index: 20;
}
#main-navigation i.icon-manue{
	font-size: 42px;
	color: #004985;
}
.navigation-open-icon{
	margin-top: 10px;
	cursor: pointer;
}



h1{
	color: #e20031;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 24px;
}

h2{
	color: #43494d;
	font-size: 18px;
	font-family: 'Roboto';
	font-weight: 400;
	margin-top: 0;
}
h1 strong,
h1 b{
	font-weight: 500;
}


h3{
	font-size: 20px;
	font-family: 'Roboto';
	font-weight: 600;
	margin-bottom: 20px;
}
p a{
	text-decoration: underline;
	color: #6f7980;
}
p a:hover{
	text-decoration: none;
}

.panel{
	background-color:  rgba(199, 216, 225, 0.3);
	border-radius: 3px;
	border-color: transparent;
}
.panel-default>.panel-heading{
	padding: 0;
	border: 0;
	background-color:  #8fa6b3;
	border-radius: 3px;
	font-family: Roboto;

	color:  #ffffff;
	font-size: 1.88em; /* Approximation due to font substitution */
	font-weight: 500;
}
.panel-default>.panel-heading i{
	font-size: 50px;
	position: absolute;
	left: 0;
	top: -6px;
}
.panel-default>.panel-heading i.icon-arrow_down{
	left: auto;
	right: 0;
	top: -5px;
	width: 50px;
	height: 50px;
}


.panel-heading a{
	padding: 10px 15px 10px 50px;
	display: block;
	position: relative;
	overflow: hidden;
}
.panel-heading a:hover{
	color: #fff;
	text-decoration: none;
}


/* TABLES */
.table-wysiwyg table{
}

.table-wysiwyg table td,
.table-wysiwyg table th{
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 15px;
	padding: 10px;
	border-right: 1px solid #c7d8e1;
}


.table-wysiwyg.table-pluscard-detail table td,
.table-wysiwyg.table-pluscard-detail table th{
	font-size: 12px;
}

.table-wysiwyg table td{
	border-top: 1px solid #fff;
	background-color: #fff;
}
.table-wysiwyg table tr:nth-child(even) td {
	background-color: #e6eef2;
}
.table-wysiwyg table tr td:last-child{
	border-right: 0;
}
.table-wysiwyg table thead tr:first-child th{
	border-right: 0;
}
.table-wysiwyg table tr:last-child td{

}

.table-wysiwyg table > tbody > tr > th{
	border-bottom: 0;
}
.table-wysiwyg table > tbody > tr > th ,
.table-wysiwyg table > thead > tr > th {
	background-color: #8fa6b3;
	border-bottom: 0;
	color: #fff;
	font-weight: 500;
}

.lift-icons{
	font-size: 30px;
	color: #8fa6b3;
}

.lift-icons.icon-babylift:before{
	display:none;
}
.lift-icons.icon-babylift{
	display:block;
	width:30px;
	height:30px;
	background:url(/static/img/foerderband.png) 50% 50% no-repeat;
	background-size:28px 26px;
}

.icon-hackerl{
	color: #8aa518;
}
.icon-closed{
	color: #e20031;
}

.pisten-accordion .pisten-typ-container{
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #c7d8e1;
	display: inline-block;
}
.pisten-accordion .table>tbody>tr>td{
	font-size: 12px;
}
.pisten-accordion .pisten-typ-container span{
	width: 15px;
	height: 15px;
	margin: 5px 0 0 0;
	border-radius: 50%;
	display: inline-block;
}

.pisten-accordion span.pisten-typ-blau{
	background: #004985;
}

.pisten-accordion span.pisten-typ-rot{
	background: #e20031;
}

.pisten-accordion span.pisten-typ-schwarz{
	background: #000;
}


.icon-wetters{
	display: inline-block;
	width: 100px;
	height: 80px;
}
/* -- Wetter Tab -- */
.wetter-tab h3{
	font-size: 27px;
}
.wetter-tab{
	font-family: 'Roboto';
}
.wetter-tab .date-value-container .border-container{
	border: 1px solid #e6eef2;
	padding: 5px;
	height: 120px;
}

.wetter-tab .box-head{
	font-size: 20px;
	display: block;
	font-weight: 300;
}
.wetter-tab .box-temp{
	font-weight: 700;
	font-size: 35px;
	color: #8fa6b3;
	position: relative;
	vertical-align: top;
}
.wetter-tab .box-temp span{
	font-size: 22px;
	font-weight: 300;
	padding-top: 6px;
	display: inline-block;
}
.special-snow-table .text-center{
	border-right: none ;
}
.border-right-1{
	border-right: 1px solid #e6eef2;
}

.wettervorhersage-container .box-day{
	font-size: 16px;
	text-align: center;
	font-weight: 300;
}
.wettervorhersage-container .box-icon{
	text-align: center;
	padding: 10px 0;
	height: 85px;
	width: 80px;
	margin: 0 auto;
}
.wettervorhersage-container .box-temp{
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	position: relative;
	vertical-align: top;
}
.wettervorhersage-container .box-temp span{
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
}



/* Medium */
.medium-weather{
	background: url(/static/img/weather/meteocons_middle.png) no-repeat 0 0;
}
.medium-weather.w-A{ background-position: 14px 12px; }
.medium-weather.w-B{ background-position: -144px 12px; }
.medium-weather.w-C{ background-position: -229px 12px; }
.medium-weather.w-D{ background-position: -317px 12px; }
.medium-weather.w-E{ background-position: -319px 12px; }
.medium-weather.w-F{ background-position: -396px 12px; }
.medium-weather.w-G{ background-position: -479px 12px; }
.medium-weather.w-H{ background-position: -555px 12px; }
.medium-weather.w-I{ background-position: 17px -71px; }
.medium-weather.w-J{ background-position: -59px -71px; }
.medium-weather.w-K{ background-position: -145px -71px; }
.medium-weather.w-L{ background-position: -230px -71px; }
.medium-weather.w-M{ background-position: -316px -71px; }
.medium-weather.w-N{ background-position: -397px -71px; }
.medium-weather.w-O{ background-position: -483px -71px; }
.medium-weather.w-P{ background-position: -554px -71px; }
.medium-weather.w-Q{ background-position: 19px -167px; }
.medium-weather.w-R{ background-position: -60px -167px; }
.medium-weather.w-S{ background-position: -146px -163px; }
.medium-weather.w-T{ background-position: -229px -167px; }
.medium-weather.w-U{ background-position: -316px -167px; }
.medium-weather.w-V{ background-position: -397px -167px; }
.medium-weather.w-W{ background-position: -482px -167px; }
.medium-weather.w-X{ background-position: -554px -167px; }
.medium-weather.w-Y{ background-position: 19px -265px; }
.medium-weather.w-Z{ background-position: -58px -265px; }

.icon-wetters{
	margin-left: 17px;
	width: 90px;
}


/* Webcacms */


.img-container-webcam{
	min-height: 200px;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
}
.webcam-lightbox{
	border: none;
}

.cam-container{
	padding: 0 13px;
}
.webcam-lightbox .caption{
	border-bottom: 1px solid #8fa6b3;
}

#webcams{
	margin-top: 20px;
}
.icon-cams-pano,
.icon-cams-bild{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 30px;
	width: 37px;
	z-index: 100;
	background: url(/static/img/tab.png) no-repeat 0 0;
}
.icon-cams-pano{
	right: -1px;
}
.icon-cams-pano:before,
.icon-cams-bild:before{
	content: '\e621';
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 5px;
	left: 10px;
}
.icon-cams-panowms:before,
.icon-cams-pano:before{
	content: '\e622';
	font-size: 35px;
	left: 4px;
	top: 3px;
}
.icon-campoi-pano span{
	color: #fff;
	font-size: 11px;
}
.icon-campoi-pano{
	display: inline-block;
	position: relative;
	width: 100%;
	padding-top: 26px;
}
.icon-campoi-pano:before{
	display: inline-block;
	content: '\e622';
	color: #fff;
	font-size: 35px;
	position: absolute;
	top: 6px;
	left: 1px;
	height: 30px;
	width: 37px;
	z-index: 100;
}
.icon-campoi-bild:before,
.icon-campoi-video:before{
	display: inline-block;
	content: '\e621';
	color: #fff;
	font-size: 22px;
	position: absolute;
	top: 11px;
	left: 1px;
	height: 30px;
	width: 37px;
	z-index: 100;
}

#cam-map-container{
	position: relative;
}
.cam-poi{
	position: absolute;
	display: inline-block;
	width: 40px;
	height: 64px;
	margin-top: -64px;
	margin-left: -20px;
	cursor: pointer;
}
.cam-poi:hover .cam-poi-drop{
	background: url(/static/img/teardrop-red.png) no-repeat 0 0;
}
.cam-poi-drop{
	position: relative;
	display: inline-block;
	background: url(/static/img/teardrop.png) no-repeat 0 0;
}
.cam-poi-drop{
	position: relative;
	display: block;
	width: 40px;
	height: 64px;
	z-index: 0;
}


/* red buttons with icon */
.button-w-arrow{
	display: inline-block;
	background: #e20031;
	padding: 5px 10px;
	padding-left: 40px;
	border-radius: 3px;
	color: #fff;
	font-family: 'Roboto';
	font-weight: 400;
	position: relative;
}

.button-w-arrow:hover,
.button-w-arrow:focus{
	text-decoration: none;
	color: #fff;
}


.button-w-arrow i{
	font-size: 11px;
	margin-right: 10px;
	position: absolute;
	left: 13px;
	top: 9px;
}
.js-pagination.button-w-arrow i{
	font-size: 20px;
	left: 5px;
	top: 4px;
}
.js-pagination.button-w-arrow.loading i{
	font-size: 25px;
	left: 3px;
	top: 7px;
}

.button-w-arrow span:before{
	border-right: 1px solid #c9002c;
	height: 100%;
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
}

.button-w-arrow:hover i:after{
	-moz-transform:     scale(3);
	-webkit-transform:  scale(3);
	-o-transform:       scale(3);
	-ms-transform:      scale(3);
	transform:          scale(3);

	opacity: 0;
}

.panel-heading a{
	padding-left: 10px;
	position: relative;
}
.panel-heading a:after{
	position: absolute;
	font-family: 'icomoon';
	content: '\e611';
	font-size: 20px;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 8px;
}

.link .panel-heading a:after{
	transform: rotate(270deg);
}

.content-teaser-wide {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c7d8e1;
}

/** Wlan **/


/* Content */

.row.teaser-highlight--primary .content-teaser-wide {
	margin-bottom: 0;
	padding-top: 10px;
	border-bottom: none;
}

.row.teaser-highlight--primary {
	background: #e5f6ff;
	border-bottom: 1px solid red;
}
.row.teaser-highlight--primary:last-of-type {
	margin-bottom: 10px;
}

	/* OOCSS */

.tag-container {
	padding-bottom: 5px;
}
.tag {
	font-size: smaller;
	color: #FFF;
	text-align: center;
	padding: 4px;
}
.tag.tag--primary {
	background: #e20031;
}
.tag.tag--secondary {
	background: #004985;
}

/** /Wlan **/


/* --  Season Labels (inclusive/bonus) -- */
.is-pluscard,
.is-bonus,
.is-inclusive{
	position: relative;
}
.is-bonus:before,
.is-inclusive:before{
	background: url(/static/img/inclusive-badge.png) no-repeat 0 0;
	content: '';
	position: absolute;
	left: 0px;
	top: 35px;
	width: 30px;
	height: 30px;
	z-index: 19;
}
.is-bonus:before{
	background-image: url(/static/img/bonus-badge.png);
}

.is-pluscard:before{
	background: url(/static/img/pluscard.png) no-repeat 0 0;
	content: '';
	position: absolute;
	left: 0px;
	top: 17px;
	width: 50px;
	height: 30px;
	z-index: 100;
}



.button-right-arrow-only{
	background: #8fa6b3;
	border-radius: 3px;
	position: absolute;
	color: #fff;
	right: 10px;
	bottom: 0;
	width: 20px;
	height: 30px;
}
.button-right-arrow-only i{
	margin-left: 7px;
	position: absolute;
	top: 8px;
}

.package-view{
	margin: 20px 0;
}

h3{
	margin-top: 0;
}

#mobile-phone-number,
#mobile-email-button{
	font-family: 'Roboto';
	font-weight: 400;
	background: #8fa6b3;
	text-decoration: none;
	color: #fff;
	display:block;
	text-align: center;
	border-radius: 3px;
	padding: 10px;
	font-size: 17px;
	margin: 5px 0;
	padding-left: 30px;
	position: relative;
}
#mobile-phone-number i,
#mobile-email-button i{
	font-size: 32px;
	position: absolute;
	left: 10px;
	top: 5px
}

.social-media-icons {
	padding-top: 20px;
}
.social-media-icons h3{
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 16px;
	color: #004985;
}

.button-wlan{
	background: #e20031;
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	font-family: Roboto;
	font-weight: 500;
	text-transform: uppercase;
}
.button-wlan:hover{
	color: #fff;
}
.button-wlan img{
	margin-right: 5px;
	width: 20px;
	height: auto;
}
#agb{
	position: absolute;
	left: -20px;
	top: 0;
}
.abg-label{
	position: relative;
	margin-left: 20px;
}

.button-w-arrow i.icon-download{
	left: 8px;
}

.moanlagen .panel-heading a{
	padding-left: 50px;
}
.moanlagen .panel-heading a:after{
	display: none;
}
.mobile-anlagen .panel-heading a{
	padding-left: 45px;
}

i.icon-bus{
	background-image: url(/static/img/nassfeld_iconBus.jpg);
	background-position: 50% 75px;
	width: 55px;
	height: 50px;
}
i.icon-foto{
	background-image: url(/static/img/nassfeld_iconFoto.jpg);
	background-position: 50% 75px;
	width: 55px;
	height: 50px;
}

.freewlan-login button{
	border: 0;
	padding: 4px 10px;
	display: block;
}