.article {
	margin: 0 auto 40px;
	position: relative;
}
/*.article {
	margin: 50px auto 100px;
	position: relative;
}
body[data-layout="cover"] .article {
	margin-bottom: 130px;
}*/
#content .article + .container {
	margin-top: -40px;
}
.article .container:before, .article .container:after {
	content: none;
	display: none;
}

.articledata {
}

.caption {
	color: #8b8b8b;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 22px;
	margin-left: 215px;
	margin-top: 30px;
	max-width: 270px;
	width: 100%;
}
.article .caption {
	/*margin-top: 30px;*/
}
.caption:before {
	background-color: #8b8b8b;
	content: '';
	display: block;
	height: 3px;
	margin-bottom: 7px;
	width: 100px;
}
.date {
}

.article h2, .article h3, .article span.title, .article span.subtitle, .articlebase:not(.detailview) .container .contentcontainer {
	margin-left: 215px;
}
.article h2, .fullwidthcontent .leftcontent .article h2 {
	margin-top: 100px;
}
.fullwidthcontent .article h2 {
	margin-top: 140px;
}
.article h3 {
	margin-top: 40px;
}
.article h2 + h3 {
	margin-top: 0;
}
.articlestandard h2, .articlestandard h3, .articlestandard span.title, .articlestandard span.subtitle,
.articleinsider h2, .articleinsider h3, .articleinsider span.title, .articleinsider span.subtitle,
.articlecontentmetanav h2, .articlecontentmetanav h3, .articlecontentmetanav span.title, .articlecontentmetanav span.subtitle {
	margin-left: 0;
}

/* Foto */
.foto {
}
.foto a:link, .foto a:visited {
	display: block;
}
.foto img {
	height: auto;
	width: 100%;
}

/* Content */
.contentcontainer {
	color: #333333;
	font-size: 18px;
	line-height: 31px;
	margin-bottom: 15px;
	-webkit-transition: color 1s;
	-moz-transition: color 1s;
	-ms-transition: color 1s;
	-o-transition: color 1s;
	transition: color 1s;
}

.contentcontainer a:not(.btn) {
	border-bottom: 2px solid #333;
	color: #333333;
}
.contentcontainer a:not(.btn):hover, .contentcontainer a:not(.btn):active, .contentcontainer a:not(.btn):focus {
	border-color: #ef114c;
	color: #ef114c;
}
.contentcontainer .customdropdown a:not(.btn), .contentcontainer .readmore:not(.btn) {
	border: 0;
}
.contentcontainer .readmore {
	display: none;
}

.contentcontainer p {
	margin-bottom: 30px;
}

.contentcontainer ul, .contentcontainer ol {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
	padding-left: 0;
	margin-bottom: 30px;
}
.contentcontainer ul.col1, .contentcontainer ol.col1, .contentcontainer ul.dropdown-menu, .contentcontainer ol.dropdown-menu {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}
.contentcontainer ol {
	counter-reset: listNumbering;
}
.contentcontainer ol li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	counter-increment: listNumbering;
	line-height: 26px;
	list-style: none;
	margin-bottom: 26px;
	min-height: 52px;
	position: relative;
	padding-left: 45px;
}
.contentcontainer ol li:before {
	content: counter(listNumbering);
	color: #000;
	font-size: 52px;
	font-weight: bold;
	left: 0;
	line-height: 48px;
	position: absolute;
	top: 0;
}

.articlestandard.contactposition .contentcontainer {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	column-gap: 50px;
}
.articlestandard.contactposition .contentcontainer p {
	width: 100%;
	display: inline-block;
}
.articlestandard.contactposition .contentcontainer .icon-position {
	color: #ef114c;
}
.articlestandard.contactposition .contentcontainer img.route {
	margin: -4px 3px 0 0;
}
.article ul li, .indexmenu ul li {
	line-height: 32px;
	padding-left: 15px;
	position: relative;
}
.article ul li.nobullet, .indexmenu ul li.nobullet {
	padding-left: 0;
}
.article ul li:before, .indexmenu ul li:before {
	background-color: #000;
	content: '';
	display: inline-block;
	height: 4px;
	left: 0;
	position: absolute;
	top: 14px;
	width: 4px;
}
.article ul li.nobullet:before, .indexmenu ul li.nobullet:before {
	display: none;
}

.contentcontainer li {
}

.contentcontainer ol li {
}

.contentcontainer iframe {
	margin-bottom: 20px;
}

/* Article Footer */
.articlefooter {
	margin-left: 215px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.articlestandard .articlefooter {
	margin-left: 0;
	padding-top: 0;
}
.linknext {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 32px;
	text-transform: uppercase;
}
a:hover .linknext, a:active .linknext, a:focus .linknext {
	color: #ef114c;
}
.linknext span {
	font-size: 18px;
	margin-left: 10px;
	vertical-align: -3px;
}


/* Expandable */
.contentcontainer.expandable.initialized {
	max-height: 236px;
	overflow: hidden;
	position: relative;
	padding-bottom: 48px;
}
.contentcontainer.description.expandable.initialized {
	max-height: 400px;
}
.contentcontainer.expandable.initialized p:last-of-type {
	margin-bottom: 0!important;
}
.contentcontainer.expandable.expanded.initialized {
	max-height: none!important;
}
.contentcontainer.expandable.initialized:not(.expanded):after {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom: 48px;
	content: '';
	display: block;
	height: 75px;
	left: 0;
	padding-bottom: 48px;
	position: absolute;
	width: 100%;
}
.contentcontainer.expandable.initialized .readmore {
	background-color: #fff;
	bottom: 0;
	display: block;
	font-size: 18px;
	height: 48px;
	left: 0;
	letter-spacing: 0.02em;
	line-height: 22px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 15px;
	position: absolute;
	width: 100%;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	user-select: none;
}
.contentcontainer.expandable.initialized .readmore::before {
	content: '+';
	margin-right: 10px;
}
.contentcontainer.expandable.initialized .readmore.readless::before {
	content: '-';
}

/*
.contentcontainer.expandable-xl {
	max-height: 236px;
	overflow: hidden;
	position: relative;
}
.contentcontainer.expandable-xl:after {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 * /
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 * /
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 * /
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 * /
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 * /
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10 preview * /
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
	bottom: 48px;
	content: '';
	display: block;
	height: 75px;
	left: 0;
	padding-bottom: 48px;
	position: absolute;
	width: 100%;
}
.contentcontainer .readmore {
	background-color: #fff;
	bottom: 0;
	display: block;
	font-size: 18px;
	height: 48px;
	left: 0;
	letter-spacing: 0.02em;
	line-height: 22px;
	text-align: left;
	padding-bottom: 10px;
	padding-top: 15px;
	position: absolute;
	width: 100%;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}
.contentcontainer .readmore::before {
	content: '+';
	margin-right: 10px;
}
.contentcontainer .readmore.readless::before {
	content: '-';
}

.articleroom .contentcontainer {
	position: relative;
	padding-bottom: 48px;
}
*/



/* Swiper paging*/
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev, .swiper-container .swiper-pagination {
	background-image: none;
	display: inline-block;
	height: auto;
	margin: 0;
	position: static;
	vertical-align: top;
	width: auto;
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
	font-size: 10px;
	text-align: center;
	width: 35px;
}
.swiper-container .swiper-button-next span, .swiper-container .swiper-button-prev span {
	vertical-align: middle;
}
.swiper-container .slideroverlayposition {
	height: 0;
	left: 0;
	padding-bottom: 56.4%;
	position: absolute;
	top: 0;
	width: 100%;
}
.swiper-container .sliderfooter {
	position: relative;
	left: 0;
	width: 100%;
	height: 0;
	text-align: right;
}
.swiper-container .slideroverlay, .swiper-container .sliderpagination {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	bottom: 20px;
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	position: absolute;
	right: 20px;
	z-index: 100;
}
.swiper-container .sliderpagination {
	right: 0;
	bottom: auto;
}
.swiper-container .sliderpagination::before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e920";
	bottom: 0;
	display: block;
	font-size: 26px;
	position: absolute;
	left: 0;
	-webkit-transform: translate(-100%,-50%);
	-moz-transform: translate(-100%,-50%);
	-ms-transform: translate(-100%,-50%);
	-o-transform: translate(-100%,-50%);
	transform: translate(-100%,-50%);
	color: #000;
	top: 50%;
	padding-right: 20px;
	line-height: 20px;
}

/* Share */
.share {
	font-size: 15px;
	margin-bottom: 30px;
}
.share a {
	display: inline-block;
	line-height: 28px;
	margin-right: 30px;
}
.share span {
	color: #333;
	line-height: 28px;
	margin-right: 10px;
	vertical-align: middle;
}
.share a:hover span, .share a:active span, .share a:focus span {
	color: #ef114c;
}
.share span.icon-heart {
	font-size: 21px;
}

/* Avatar */
.avatar {
	margin-bottom: 30px;
}
.avatar:after {
	clear: both;
	content: '';
	display: table;
}
.avatar .foto {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: left;
	overflow: hidden;
	width: 60px;
}
.avatar .avatarname {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: left;
	height: 60px;
	line-height: 22px;
	padding-top: 10px;
	padding-left: 10px;
}
.avatar strong {
	font-size: 20px;
	font-weight: bold;
}
.avatar em {
	display: block;
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
}


/* Banner */
.banner-container {
}
.banner-container.banner-top-container {
	max-width: 1070px;
}
.banner-container.banner-top-container .banner {
	margin-top: 70px;
}
.banner-container.banner-sidebar-container {
}

.banner {
	margin-top: 30px;
	margin-bottom: 50px;
	position: relative;
	-webkit-box-shadow:  0 0 1px 1px #e5e5e5;
	-moz-box-shadow:  0 0 1px 1px #e5e5e5;
	box-shadow:  0 0 1px 1px #e5e5e5;
}
.headerimage.hascaption + .scrollcontent .leftcontent .banner {
	margin-top: 50px;
}
.banner:before {
	content: '';
	display: block;
	height: 0;
	padding-bottom: 12.6%;
	pointer-events: none;
	width: 100%;
}
.banner.initilized:before {
	content: none;
	display: none;
}
.banner iframe {
	display: block;
}
.banner .ad {
	background-color: #fff;
	bottom: 0;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 9px;
	padding: 2px 5px 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-transform: none;
}


/* ************************* */
/* ***** Artikel Typen ***** */
/* ************************* */


/* Artikel Standard */
.articlestandard {
	margin-left: 215px;
}
.fullwidthcontent .eventkalender-container .articlestandard {
	margin-left: 0;
}
body[data-layout="cover"] .articlestandard {
	max-width: 735px;
	margin-left: 215px;
}
.articlestandard .contentcontainer {
	letter-spacing: -0.01em;
}
.articlestandard.bg-grey {
	padding-right: 20px;
}
.articlestandard.bg-grey::before {
	content: '';
	position: absolute;
	left: 0;
	top: -20px;
	right: 0;
	bottom: -20px;
	background-color: #f3f3f3;
	z-index: -1;
}
.articlestandard.hasicon > [class^="icon-"], .articlestandard.hasicon > [class*=" icon-"] {
	position: absolute;
	display: block;
	top: 1px;
	margin-left: -35px;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.articlestandard > [class^="icon-"], .articlestandard > [class*=" icon-"] {
	font-size: 54px;
	color: #ef114c;
}

/* Artikel Bild Slider */
.articleimageslider {
}
.fullwidthcontent .leftcontent .articleimageslider, body[data-layout="cover"] .articleimageslider {
	max-width: 950px;
}
.fullwidthcontent .articlebase.detailview .leftcontent .articleimageslider, body[data-layout="fullwidth"] .fullwidthcontent .leftcontent .articleimageslider {
	max-width: none;
}
.articleimageslider a {
	display: block;
	position: relative;
}
.articleimageslider img {
	height: auto;
	width: 100%;
}
.articleimageslider a .btn, .articleroom a .btn {
	display: block;
	opacity: 0;
	left: 50%;
	position: absolute;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	top: 50%;
}
.articleimageslider a:hover .btn, .articleimageslider a:active .btn, .articleimageslider a:focus .btn,
.articleroom a:hover .btn, .articleroom a:active .btn, .articleroom a:focus .btn {
	opacity: 1;
}
.articleimageslider .slideroverlay {
	/*bottom: 130px;*/
}


/* Artikel Teaser */
.articleteaser {
	margin: 0 -15px -30px;
}
.articleteaser:after {
	content: '';
	clear: both;
	display: table;
}
.articleteaser .teaser {
	display: block;
	float: left;
	margin-bottom: 30px;
	padding: 0 15px;
	width: 50%;
}
.articleteaser .teaser:nth-child(2n+1) {
	clear: both;
}
.fullwidthcontent .articleteaser .teaser {
	width: 33.3333%;
}
.fullwidthcontent .articleteaser .teaser:nth-child(2n+1) {
	clear: none;
}
.fullwidthcontent .articleteaser .teaser:nth-child(3n+1) {
	clear: both;
}
.fullwidthcontent .leftcontent .articleteaser .teaser {
	width: 50%;
}
.fullwidthcontent .leftcontent .articleteaser .teaser:nth-child(n) {
	clear: none;
}
.fullwidthcontent .leftcontent .articleteaser .teaser:nth-child(2n+1) {
	clear: both;
}

.articleteaser .teaser .foto {
	-webkit-transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;
	-ms-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
}
.articleteaser .teaser:hover .foto, .articleteaser .teaser:active .foto, .articleteaser .teaser:focus .foto {
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
}
.articleteaser .teaser .subtitle {
	margin-left: 0;
}
.articleteaser .teaser .additionalcontent .subtitle {
	font-size: 20px;
}
.articleteaser .teaser .contentcontainer {
	background-color: #fff;
	font-size: 16px;
	letter-spacing: 0.01em;
	line-height: 28px;
	margin: -100px 100px 0 0;
	padding: 20px 0 0 30px;
	position: relative;
	width: auto;
}
.articleteaser .teaser > a::after {
	content: '';
	display: table;
	clear: both;
}
.articleteaser .teaser .contentcontainer p {
	margin-bottom: 10px;
}

.articleteaser .teaser .additionalcontent {
	margin-top: 100px;
}


/* Artikel Insider Tipps */
.articleinsider {
	position: relative;
}
.articleinsider + .articleinsider {
	margin-top: 50px;
}
.articleinsiderslider {
}
.articleinsiderslider.articleslider {
}
.leftcontent .articleinsiderslider.articleslider {
	overflow: hidden;
	padding-bottom: 40px;
}
.leftcontent .articleinsiderslider.articleslider .swiper-container {
	overflow: visible;
	padding-left: 0;
	padding-right: 190px;
	margin: 40px 0 0;
}
.articleinsiderslider.articleslider .swiper-container .swiper-slide .articleinsider, .articleinsiderslider .swiper-container .swiper-slide .articleinsider {
	margin-bottom: 40px;
}
/*
.articleinsiderslider .swiper-container .swiper-slide .articleinsider {
	margin-bottom: 0;
}
*/
.leftcontent .articleinsiderslider.articleslider .articlefooter {
	padding-top: 0;
}

.articleinsider.big {
	/*margin-bottom: -40px;*/
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 30px;
	padding-right: 30px;
}
.articleinsider.big .addtofavorites {
	right: 45px;
}
.articleinsider a {
	display: block;
	position: relative;
}
.articleinsider a > .foto {
	position: relative;
}
.articleinsider a > .foto:after {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10 preview */
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	bottom: 0;
	content: '';
	display: block;
	opacity: 0.2;
	left: 0;
	position: absolute;
	right: 50%;
	top: 0;
	z-index: 10;
}
.articleinsider a > .foto img {
	position: relative;
	z-index: 9;
}
.articleinsider .avatar, .articletourslider.tours .avatar, .articlebase.tours .articlebaseitem .avatar {
	margin-bottom: 40px;
}
.scrollcontent .articleinsiderslider.tours .avatar {
	zoom: 0.8;
}
.articleinsider .avatar .foto, .articletourslider.tours .avatar .foto, .articlebase.tours .articlebaseitem .avatar .foto {
	border: 4px solid #fff!important;
}
.articleinsider .avatar .foto img, .articletourslider.tours .avatar .foto img, .articlebase.tours .articlebaseitem .avatar .foto img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.articleinsider .avatar .avatarname, .articletourslider.tours .avatar .avatarname, .articlebase.tours .articlebaseitem .avatar .avatarname {
	text-shadow: 0 0 100px #000, 1px 1px 0 #000;
}
.articleinsider .avatar em, .articletourslider.tours .avatar em, .articlebase.tours .articlebaseitem .avatar em {
	font-size: 16px;
}
.articleinsider .contentcontainer, .articlebase.tours .articlebaseitem .contentcontainer, .articletourslider.tours .contentcontainer {
	bottom: 0;
	color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	margin: 0;
	max-width: 560px;
	padding-left: 50px;
	position: absolute;
	text-shadow: 0 0 100px #000, 1px 1px 0 #000;
	top: 0;
	z-index: 11;
}
.articleinsider .contentcontainer span.title, .articleinsider .contentcontainer span.subtitle {
	color: #fff;
	text-shadow: 0 0 100px #000, 2px 2px 0 #000;
}
.articleinsider a:hover .linknext, .articleinsider a:active .linknext, .articleinsider a:focus .linknext {
	color: #fff;
}
.articleinsider.big .caption {
	display: none;
}
.articleinsider.big .contentcontainer {
	margin: auto;
	max-width: 1480px;
	padding: 0 20px;
	right: 0;
}
.articleinsider.big .contentcontainer > * {
	max-width: 640px;
}
.articleinsider .addtofavorites, .articlebaseitem .addtofavorites , .baseslider.tours .baseteaser .addtofavorites {
	text-indent: -900em;
	overflow: hidden;
}


/* Artikel Insider Slider */
.articleinsiderslider {
	padding-bottom: 10px;
}
.articleinsiderslider .swiper-container {
	margin: 40px 0 0;
	overflow: visible;
	padding-left: 30px;
	padding-right: 315px;
}
.scrollcontent .articleinsiderslider .swiper-container {
	overflow: hidden;
	padding-left: 0;
	padding-right: 240px;
}
.articleinsiderslider .swiper-slide {
	width: 50%;
}
.articleinsiderslider .articleinsider .contentcontainer, .articlebase.listview .articleinsider .contentcontainer, .articletourslider.tours .contentcontainer, .articlebase.tours .articlebaseitem .contentcontainer {
	bottom: 20px;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	max-width: 350px;
	padding-left: 30px;
	top: 20px;
	width: 100%;
}
.scrollcontent .articleinsiderslider .articleinsider .contentcontainer, .scrollcontent .articletourslider.tours .contentcontainer {
	margin-bottom: 0;
	max-width: 380px;
	padding-left: 15px;
	top: 5px;
}
.articleinsiderslider .articleinsider .avatar, .articlebase.listview .articleinsider .avatar, .articletourslider.tours .avatar, .articlebase.tours .articlebaseitem .avatar {
	position: absolute;
	top: 0;
}
.articleinsiderslider .slideroverlay {
	display: none;
}

/* Artikel Insider Teaser List View */
.articlebase.listview .articleinsider {
	margin-bottom: 40px;
}

/* Artikel Touren Slider */
.articletourslider .swiper-container {
	margin-top: 40px;
}
.articletourslider .articlefooter {
	padding-top: 0;
}

/* Artikel Tour Infos */
.tourinfoscontainer {
}

.tourinfosflexrow {
	flex-direction: row;
}
.tourinfosflexcolumn {
	flex-direction: column;
	height: 100%;
}
.tourinfosflexrow, .tourinfosflexcolumn {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.toursinfoflexcenter {
	justify-content: center;
}
.tourinfosflexrow + .tourinfosflexrow, .tourinfosflexcolumn + .tourinfosflexrow, .tourinfosflexcolumn + .tourinfosflexcolumn, .tourinfosflexrow + .tourinfosflexcolumn {
	margin-top: 20px;
}
.tourinfosflexitem {
}
.tourinfosflexgrow {
	flex-grow: 1;
}
.tourinfosflexrow > .tourinfosflexitem {
}
.tourinfosflexcolumn > .tourinfosflexitem {
	width: 100%;
}
.tourinfosflexborder {
	margin: 0 -10px;
}
.tourinfosflexborder > div {
	margin: 0 10px;
}

.tourproperties {
	/*
	padding: 15px 0;
	*/
	padding: 11px 0;
}
.tourproperties > .tourinfosflexrow {
	flex-wrap: wrap;
}
.tourproperty {
	border-right: 1px solid #ccc;
	padding: 0 5px 0 25px;
	margin: 4px 0;
	flex-basis: 20%;
	white-space: nowrap;
}
.tourproperty:nth-child(5n+0) {
	border-right: 0;
}
.tourproperty span[class^="icon-"], .tourproperty span[class*=" icon-"] {
	font-size: 24px;
	display: block;
	float: left;
	margin-right: 10px;
}
.tourproperty span.icon-tours-zeit-auf, .tourproperty span.icon-tours-zeit-ab {
	font-size: 30px;
}
.tourproperty span.icon-tours-auf, .tourproperty span.icon-tours-ab {
	font-size: 20px;
}
.tourproperty span.icon-tours-strecke, .tourproperty span.icon-tours-max {
	font-size: 28px;
}
.tourproperty .tourinfosflexitem {
	align-self: center;
}
.tourproperty:last-child {
	border-right: none!important;
}
.tourcategories {
}
.tourcategory {
	padding: 10px 0;
}
.tourcategory .tourinfosflexitem:last-child {
	flex-basis: 88px;
}

.tourbestseasons {
}
.tourbestseasons ul, .tourbestseasons ol {
	margin: 0;
	padding: 0;
	display: block;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}
.tourbestseason {
	padding: 2px 0;
	color: #ccc;
	white-space: nowrap;
}
.tourbestseasons ul li.tourbestseason {
	padding-left: 0;
	margin: 0;
	display: block;
}
.tourbestseasons ul li.tourbestseason::before {
	display: none;
}
.tourbestseason span[class^="icon-"], .tourbestseason span[class*=" icon-"] {
	font-size: 10px;
	margin-right: 4px;
	opacity: 0;
}
.tourbestseason.visible {
	color: inherit;
}
.tourbestseason.visible span[class^="icon-"], .tourbestseason.visible span[class*=" icon-"] {
	opacity: 1;
}

.tourproperties, .tourcategories, .tourbestseasons {
	background-color: #f3f3f3;
}
.tourcategories, .tourbestseasons {
	padding: 15px 25px;
}

/* Artikel Livecams */
.articlelivecam {
}
.articlelivecam.articlelivecamslider {
	margin: -15px;
}
.articlelivecam.articlelivecamslider .swiper-container {
	padding-right: 190px;
}
.articlelivecam .col-md-4:nth-child(3n+1) {
	clear: both;
}
.articlelivecam .livecam {
	display: block;
	/*margin-bottom: 30px;*/
	position: relative;
}
.articlelivecam.articlelivecamslider .livecam {
	padding: 15px;
}
.articlelivecam .livecam .foto {
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	height: 0;
	padding-bottom: 100%;
	-webkit-transition: box-shadow 0.5s;
	-moz-transition: box-shadow 0.5s;
	-ms-transition: box-shadow 0.5s;
	-o-transition: box-shadow 0.5s;
	transition: box-shadow 0.5s;
	width: 100%;
	background-color: #dddddd;
}
.articlelivecam .livecam .foto > .status {
	position: absolute;
    display: block;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 30px;
	line-height: 38px;
}
.articlelivecam.articlelivecamslider .livecam .status {
	font-size: 24px;
	line-height: 26px;
}
.articlelivecam .livecam .foto.b-lazy {
	position: relative;
}
.articlelivecam .livecam .foto.b-lazy::before {
	content: '';
	background-size: 50px;
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.articlelivecam .livecam:not(.offline) .foto.b-lazy.b-error::after {
	background-image: url(../img/bg-logo.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 95px;
	width: 175px;
	left: 50%;
	top: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.articlelivecam .livecam.offline .foto {
	background: #ddd url("../img/webcam-inactive-prev.jpg") center no-repeat!important;
	background-size: cover!important;
	position: relative;
}
.articlelivecam .livecam:hover .foto, .articlelivecam .livecam:active .foto, .articlelivecam .livecam:focus .foto {
	-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.25);
}
.articlelivecam.articlelivecamslider .livecam:hover .foto, .articlelivecam.articlelivecamslider .livecam:active .foto, .articlelivecam.articlelivecamslider .livecam:focus .foto {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.articlelivecam .livecam .contentcontainer {
	background-color: #fff;
	margin: 0;
	margin-right: 100px;
	margin-top: -54px;
	min-height: 88px;
	padding: 20px 30px 20px;
	position: relative;
	width: auto;
}
.articlelivecam .livecam .subtitle {
	margin: 0;
}
.articlelivecam.articlelivecamslider .livecam .contentcontainer {
	padding: 10px 15px 10px;
	min-height: 50px;
	margin-top: -38px;
	margin-right: 110px;
}
.articlelivecam.articlelivecamslider .livecam .subtitle {
	font-size: 22px;
	line-height: 30px;
}

/* Artikel Highlights */
.articlehighlights {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 0px -1px 0;
}
.scrollcontent .articlehighlights {
	overflow: hidden;
}
.articlehighlights .highlight {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-background-size: cover;
	background-size: cover;
	float: left;
	height: 720px;
	margin: 0 1px;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 22%;
}
.articlehighlights .highlight:hover {
	width: 33%;
}
.articlehighlights .highlight:before {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+40,0+100 */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);*/
	background: -moz-linear-gradient(20deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.3)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* IE10 preview */
	background: linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	bottom: 0;
	content: '';
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.articlehighlights .highlight:hover:before {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+40,0+100 */
	background: -moz-linear-gradient(20deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* IE10 preview */
	background: linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.scrollcontent .articlehighlights .highlight {
	height: 600px;
}
.articlehighlights .highlight .articledata {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
.articlehighlights .highlight .contentcontainer, .articlehighlights .highlight span.subtitle, .articlehighlights .highlight .linknext {
	color: #fff;
}
.articlehighlights .highlight span.subtitle {
	font-size: 36px;
	margin-bottom: 20px;
	margin-left: 0;
}
.articlehighlights .highlight .contentcontainer {
	bottom: 0;
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	max-height: 54px;
	max-width: 360px;
	overflow: hidden;
	padding: 0 30px 30px;
	position: absolute;
	-webkit-transition: max-height 0.5s 0.3s;
	-moz-transition: max-height 0.5s 0.3s;
	-ms-transition: max-height 0.5s 0.3s;
	-o-transition: max-height 0.5s 0.3s;
	transition: max-height 0.5s 0.3s;
	width: 360px;
}
.articlehighlights .highlight:hover .contentcontainer {
	max-height: 300px;
}
.articlehighlights .highlight .contentcontainer p {
	margin-bottom: 10px;
}
.articlehighlights .highlight .contentcontainer p, .articlehighlights .highlight .contentcontainer .linknext {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.articlehighlights .highlight:hover .contentcontainer p, .articlehighlights .highlight:hover .contentcontainer .linknext {
	opacity: 1;
}


/* Artikel Meteo Widget */
.articlemeteowidget {
}
.articlemeteowidget .contentcontainer {
	margin-top: -10px;
}
.articlemeteowidget .contentcontainer .subsubtitle {
	margin-top: 40px;
}
.articlemeteowidget .slopetype {
	margin-right: 10px;
}
.articlemeteowidget .slopetype .circle {
	background-color: #d1d1d1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin-right: 4px;
	vertical-align: 2px;
	width: 8px;
}
.articlemeteowidget .slopetype.easy .circle:first-child {
	background-color: #255bc8;
}
.articlemeteowidget .slopetype.medium .circle:first-child, .articlemeteowidget .slopetype.medium .circle:nth-child(2) {
	background-color: #d72424;
}
.articlemeteowidget .slopetype.hard .circle {
	background-color: #000000;
}
.articlemeteowidget .table-responsive:last-of-type table {
	margin-bottom: 20px;
}
.articlemeteowidget.offline .widget {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 56%;
	background: #ddd url("../img/webcam-inactive.jpg") center no-repeat;
	background-size: cover;
}
.articlemeteowidget.offline .widget::after {
	content: '';
	display: table;
	clear: both;
}
.articlemeteowidget.offline .widget .status {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 38px;
	line-height: 42px;
	padding: 15px;
}

.article + .article .articlemeteowidget .meteowidget-lightbox-btn {
	margin-top: -40px;
}
.fancybox-slide--iframe .fancybox-content {
	height: 100%;
	max-height: 100%;
	/*max-width: 100%;*//*max-width: 100%;*/
	width: 100%;
}
.fancybox-content[data-ratio] {
	height: auto;
}
.fancybox-content[data-ratio] iframe {
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}


/* Artikel Zimmer - Detailseite Hotelsuche */
.articleroom {
	margin-bottom: 40px;
}
.articleroom + .articleroom:before {
	background-color: #dddddd;
	content: '';
	display: block;
	height: 3px;
	margin: 40px 0 40px auto;
	max-width: 855px;
}
.articleroom:after {
	clear: both;
	content: '';
	display: table;
}
.articleroom .foto {
	float: left;
	padding-right: 30px;
	padding-top: 8px;
	width: 45%;
}
.articleroom .foto .placeholder, .merkliste-item .foto .placeholder, .baseteaser .foto .placeholder, .articleinsider .foto .placeholder {
	background-color: #dddddd;
	font-size: 18px;
	letter-spacing: -0.01em;
	position: relative;
	text-align: center;
}
.articleroom .foto .placeholder:before, .merkliste-item .foto .placeholder:before, .baseteaser .foto .placeholder:before, .articleinsider .foto .placeholder:before {
	content: '';
	display: block;
	height: 0;
	padding-bottom: 66.6%;
	width: 100%;
}
.articleinsider.big .foto .placeholder:before {
	padding-bottom: 50%;
}
.articleroom .foto .placeholder span, .merkliste-item .foto .placeholder span, .baseteaser .foto .placeholder span, .articleinsider .foto .placeholder span {
	left: 50%;
	line-height: 30px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.articleroom .foto .placeholder span:before, .merkliste-item .foto .placeholder span:before, .baseteaser .foto .placeholder span:before, .articleinsider .foto .placeholder span:before {
	background-image: url('../img/bg-logo.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: block;
	height: 95px;
	margin-bottom: 10px;
	width: 175px;
}
.articleroom h3, .articleroom span.subtitle {
	float: right;
	margin-left: 0;
	margin-bottom: 12px;
	width: 55%;
}
.articleroom .contentcontainer {
	float: left;
	margin: 0;
	width: 55%;
}
.articleroom .contentcontainer p, .articleroom .contentcontainer ul, .articleroom .contentcontainer ol {
	margin-bottom: 0;
	margin-top: 12px;
}
.articleroom .contentcontainer p:first-child, .articleroom .contentcontainer ul:first-child, .articleroom .contentcontainer ol:first-child {
	margin-top: 0;
}
.articleroom .contentcontainer ul {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
}
.articleroom .contentcontainer ul li {
	display: inline-block;
	line-height: 20px;
	padding-bottom: 6px;
	padding-top: 6px;
	width: 100%;
}
.articleroom .contentcontainer p strong, .articleroom .contentcontainer p b {
	color: #000;
}

.articleroom .articlefooter {
	margin-top: 15px;
	clear: both;
	position: relative;
	float: right;
}
.articleroom .articlefooter .btn {
	margin-left: 20px;
}
.articleroom .articlefooter .price.selectedprice {
	font-size: 28px;
	text-align: right;
	font-weight: bold;
	margin-right: 10px;
}


/* Artikel mit Video */
.articlevideo .video {
	color: #fff;
	display: block;
	position: relative;
}
.articlevideo .video div[data-type="placeholder"] {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	background-color: #000;
}
.articlevideo .video.show div[data-type="placeholder"] {
	opacity: 1;
	z-index: 11;
}
.articlevideo .video iframe {
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: -1;
}
.articlevideo .video.show iframe {
	opacity: 1;
	z-index: 10;
}
.articlevideo .video .btn {
	padding-left: 18px;
	padding-right: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.articlevideo .video .btn span {
	font-size: 12px;
	vertical-align: top;
}


/* Artikel Accordion */
.articlecollapse {
	position: relative;
}
.articlecollapse .collapseitem {
	border: 1px solid #f3f3f3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 5px;
}
.articlecollapse h2 + .collapsewrap .collapseitem:first-child, .articlecollapse h3 + .collapsewrap .collapseitem:first-child {
	margin-top: 20px;
}
.articlecollapse .collapseitem .collapsetoggle {
	background-color: #f3f3f3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	padding: 10px 15px 10px 35px;
	position: relative;
}
.articlecollapse .collapseitem .collapsetoggle:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e902";
	display: block;
	font-size: 8px;
	left: 15px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: transform 0.5s;
	-moz-transition: transform 0.5s;
	-ms-transition: transform 0.5s;
	-o-transition: transform 0.5s;
	transition: transform 0.5s;
}
.articlecollapse .collapseitem.active .collapsetoggle:before {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}
.articlecollapse .collapseitem .collapse {
	display: none;
	margin-bottom: 0;
	padding: 10px 35px 0;
}
.articlecollapse .collapseitem.active .collapse {
}

.articlecollapse .collapseitem .collapse p, .articlecollapse .collapseitem .collapse ul, .articlecollapse .collapseitem .collapse ol {
	margin-bottom: 15px;
	margin-top: 10px;
}

/* article content meta navigation */
.articlecontentmetanav {
	margin-left: 215px;
}
.articlecontentmetanav .articledata {
}
.articlecontentmetanav .contentcontainer {
	background-color: #f3f3f3;
	padding: 15px 25px;
	margin-top: 20px;
	font-size: inherit;
}
.articlecontentmetanav .contentcontainer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	padding: 0;
	margin: 0;
	-webkit-column-count: 0;
	-moz-column-count: 0;
	column-count: 0;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}
.articlecontentmetanav .contentcontainer ul li {
	padding: 4px 0 4px 48px;
	position: relative;
	width: 33%;
}
.articlecontentmetanav .contentcontainer ul li::before {
	display: none;
}
.articlecontentmetanav .contentcontainer ul li a {
	border-bottom: none;
}
.articlecontentmetanav .contentcontainer ul li a span {
	border-bottom: 2px solid #333;
}
.articlecontentmetanav .contentcontainer ul li a:hover span {
	border-color: #ef114c;
}
.articlecontentmetanav .contentcontainer ul li a strong {
}
.articlecontentmetanav .contentcontainer ul li a strong::before {
	content: '|';
	font-weight: 400;
	padding: 0 5px;
}
.articlecontentmetanav .contentcontainer ul li a span[class^="icon-"], .articlecontentmetanav .contentcontainer ul li a span[class*=" icon-"] {
	font-size: 24px;
	position: absolute;
	display: block;
	top: 8px;
	left: 22px;
	border: none;
	font-weight: 700;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
/* END article content meta navigation */

/* weather rainforecast */
.weather {
}
.weather.rainforecast .scrollcontainer {
	overflow-x: auto;
}
.weather.rainforecast::after {
	display: none;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e920";
	font-size: 26px;
	position: relative;
	color: #000;
	line-height: 30px;
	text-align: right;
	margin: 10px auto 20px;
}
.weather.rainforecast img {
	width: 1070px;
}

/* legend */
ul.rain-legend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-top: 10px;
	text-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
ul.rain-legend li {
	padding: 0 5px;
}
ul.rain-legend {
	white-space: nowrap;
}
ul.rain-legend img {
	margin: 0 auto 10px;
}
/* END weather rainforecast */

/* article sightseeings */
.articlesightseeings {
	margin-top: -10px;
	margin-bottom: -10px;
	padding-left: 10px;
	padding-right: 10px;
}
.articlesightseeings > .row {
	margin-left: -20px;
	margin-right: -20px;
}
.articlesightseeings > .row div[class^="col-"], .articlesightseeings > .row div[class*=" col-"] {
	padding-left: 10px;
	padding-right: 10px;
}
.articlesightseeings .sightseeingitem {
	background-color: #f3f3f3;
	padding: 30px 30px 20px;
	margin: 20px auto;
}
.articlesightseeings .contentcontainer ul:first-child, .articlesightseeings .contentcontainer ol:first-child {
	margin-top: 18px;
}
.articlesightseeings .contentcontainer ul li, .articlesightseeings .contentcontainer ol li {
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.articlesightseeings .contentcontainer ul li .text-gray, .articlesightseeings .contentcontainer ol li .text-gray {
	width: 70px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-left: 10px;
	text-align: right;
}
.articlesightseeings .contentcontainer ul li::before, .articlesightseeings .contentcontainer ol li::before {
	display: none;
}
.articlesightseeings .articlefooter {
	margin-left: 0!important;
}
/* END article sightseeings */

/* Desktop */
@media (max-width: 1440px) {
	/* Allgemein */
	.article {
		margin-bottom: 30px;
	}
	#content .article + .container {
		margin-top: -30px;
	}

	.article h3 {
		margin-top: 35px;
	}
	.article h2, .article h3, .article span.title, .article span.subtitle {
		margin-left: 130px;
		/*max-width: 550px;*/
		max-width: 830px;
	}
	.articlebase:not(.detailview) .container .contentcontainer {
		margin-left: 130px;
	}
	.article h2, .fullwidthcontent .leftcontent .article h2, .fullwidthcontent .article h2 {
		margin-top: 70px;
	}
	body[data-layout="cover"] .article h2, body[data-layout="cover"] .fullwidthcontent .leftcontent .article h2, body[data-layout="cover"] .fullwidthcontent .article h2 {
		margin-top: 95px;
	}
	.articlestandard h2, .articlestandard h3, .articlestandard span.title, .articlestandard span.subtitle, .articleinsider h2, .articleinsider h3, .articleinsider span.title, .articleinsider span.subtitle, .articlecontentmetanav h2, .articlecontentmetanav h3, .articlecontentmetanav span.title, .articlecontentmetanav span.subtitle {
		margin-left: 0;
	}

	h2 + .contentcontainer { /*, h3 + .contentcontainer*/
		margin-top: 15px;
	}
	.contentcontainer ul, .contentcontainer ol {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		margin-bottom: 0;
		margin-top: 20px;
	}

	.articlefooter {
		margin-left: 130px;
		padding-bottom: 0;
	}

	.caption {
		margin-left: 130px;
		margin-top: 20px;
	}

	/* Avatar */
	.avatar .foto {
		width: 50px;
	}
	.avatar .avatarname {
		height: 54px;
	}
	.avatar strong {
		font-size: 18px;
	}
	.avatar em, .articleinsider .avatar em {
		font-size: 15px;
	}

	/* Artikel Standard */
	.articlestandard, body[data-layout="cover"] .articlestandard, .articlecontentmetanav {
		margin-left: 130px;
	}
	body[data-layout="cover"] .articlestandard {
		max-width: 550px;
	}
	.articlestandard.hasicon > [class^="icon-"], .articlestandard.hasicon > [class*=" icon-"] {
		font-size: 40px;
		top: 2px;
	}

	/* Artikel Teaser */
	.articleteaser {
		margin-bottom: -40px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.articleteaser .teaser {
		padding-left: 10px;
		padding-right: 10px;
	}
	.articleteaser .teaser .contentcontainer {
		letter-spacing: -0.01em;
		margin-right: 60px;
		padding: 15px 10px 0 20px;
	}
	.leftcontent .articleteaser .teaser .contentcontainer p {
		/*
		max-height: 84px;
		*/
		overflow: hidden;
	}

	.articleteaser .teaser .additionalcontent .subtitle {
		font-size: 16px;
	}
	.articleteaser .teaser .additionalcontent .contentcontainer ul, .articleteaser .teaser .additionalcontent .contentcontainer ol {
		margin-top: 0;
	}

	/* Artikel Insider Teaser List View */
	.articlebase.listview .articleinsider {
		margin-bottom: 35px;
	}

	/* Artikel Highlights */
	.articlehighlights .highlight, .scrollcontent .articlehighlights .highlight {
		height: 480px;
	}
	.articlehighlights .highlight span.subtitle {
		font-size: 28px;
		margin-bottom: 15px;
	}
	.articlehighlights .highlight .contentcontainer {
		max-height: 48px;
		padding: 0 20px 10px;
	}

	/* Artikel Insider */
	.articleinsider.big {
		padding-left: 20px;
		padding-right: 20px;
	}
	.leftcontent .articleinsider span.title {
		font-size: 30px;
		line-height: normal;
	}
	.leftcontent .articleinsider span.subtitle {
		font-size: 20px;
		line-height: normal;
	}
	.articleinsider .contentcontainer {
		top: 10px;
	}
	.leftcontent .articleinsider .contentcontainer {
		max-width: 330px;
		padding-left: 20px;
	}
	.articleinsider.big .contentcontainer > * {
		max-width: 520px;
	}
	.articleinsider.big .contentcontainer > span.subtitle {
		margin-bottom: 25px;
	}
	.articleinsider .avatar, .articletourslider.tours .avatar, .articlebase.tours .articlebaseitem .avatar {
		margin-bottom: 25px;
	}

	.articleinsiderslider .swiper-container {
		padding-left: 20px;
		padding-right: 188px;
	}
	.leftcontent .articleinsiderslider.articleslider .swiper-container {
		padding-left: 0;
		padding-right: 115px;
		margin-top: 35px;
	}

	.scrollcontent .articleinsiderslider .swiper-container {
		padding-right: 120px;
	}
	.articleinsiderslider .articleinsider .contentcontainer, .articlebase.listview .articleinsider .contentcontainer, .articletourslider.tours .contentcontainer, .articlebase.tours .articlebaseitem .contentcontainer {
		bottom: 10px;
		padding-left: 20px;
		top: 10px;
	}
	.articleinsiderslider.articleslider .swiper-container .swiper-slide .articleinsider, .articleinsiderslider .swiper-container .swiper-slide .articleinsider {
		margin-bottom: 20px;
	}

	/* Artikel Touren Infos */
	/*
	.tourproperties {
		padding: 11px 0;
	}
	.tourproperties > .tourinfosflexrow {
		flex-wrap: wrap;
	}
	.tourproperty {
		flex-grow: 0;
		padding: 0 15px;
		margin: 4px 0;
		flex-basis: 25%;
	}
	.tourproperty:nth-child(4n+0) {
		border-right: none;
	}
	*/
	.tourproperty {
		flex-basis: 25%;
	}
	.tourproperty:nth-child(5n+0) {
		border-right: 1px solid #ccc;
	}
	.tourproperty:nth-child(4n+0) {
		border-right: none;
	}
	.tourbestseasons ul, .tourbestseasons ol {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}

	/* article meteowidget */
	.articlemeteowidget.offline .widget .status {
		font-size: 34px;
		line-height: 38px;
	}

	@media (max-width: 1200px) {
		/* Artikel Touren Infos */
		.tourbestseasons ul, .tourbestseasons ol {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
	}

	/* Artikel Slider */
	.articleimageslider .slideroverlay {
		/*bottom: 116px;*/
	}

	/* Artikel Zimmer */
	.articleroom {
		margin-bottom: 30px;
	}
	.articleroom + .articleroom:before {
		margin-bottom: 35px;
		margin-top: 30px;
	}
	.articlebase.detailview .articleroom h2, .articlebase.detailview .articleroom span.title {
		margin-bottom: 28px;
	}
	.articleroom h3, .articleroom span.subtitle {
		float: none;
		margin-bottom: 24px;
		width: auto;
	}
	.articleroom .foto {
		float: none;
		margin-bottom: 20px;
		padding: 0;
		width: 100%;
	}
	.articleroom .contentcontainer {
		float: none;
		margin-left: 130px;
		width: auto;
	}

	/* Artikel Livecam */
	.articlelivecam {
		margin-bottom: -14px;
	}
	.articlelivecam .livecam .contentcontainer {
		float: left;
		line-height: 28px;
		min-height: 56px;
		margin-top: -36px;
		margin-right: 0;
		padding: 14px 20px;
	}
	.articlelivecam.articlelivecamslider .swiper-container {
		padding-right: 115px;
	}

	/* Artikel Video */
	.articlevideo .foto {
		margin-top: 30px;
	}

	.articlelivecam.articlelivecamslider {
		margin: -10px;
	}
	.articlelivecam.articlelivecamslider .livecam {
		padding: 10px;
	}

	/* Artikel Content Navigation */
	.articlecontentmetanav .contentcontainer ul li {
		width: 50%;
	}

	/* weather rain forecast */
	.weather.rainforecast::after {
		display: block;
	}
	/* weather rain forecast */

	/* banner */
	.banner-container.banner-top-container .banner {
		margin-top: 60px;
	}
}

@media (max-width: 1200px) {
	.tourproperty {
		padding-left: 20px;
	}
	.tourcategories, .tourbestseasons {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Tablet */
@media (max-width: 1080px) {
	.share {
		margin-bottom: 0;
	}
	.share a {
		margin-right: 30px;
		margin-left: 0;
	}

	.avatar {
		margin-bottom: 20px;
	}
	.avatar .avatarname {
		padding-top: 0;
	}

	.banner, .headerimage.hascaption + .scrollcontent .leftcontent .banner {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.article h2, .article h3, .article span.title, .article span.subtitle, .articlebase:not(.detailview) .container .contentcontainer {
		margin-left: 30px;
	}
	.articlestandard h2, .articlestandard h3, .articlestandard span.title, .articlestandard span.subtitle, .articleinsider h2, .articleinsider h3, .articleinsider span.title, .articleinsider span.subtitle, .articlecontentmetanav h2, .articlecontentmetanav h3, .articlecontentmetanav span.title, .articlecontentmetanav span.subtitle {
		margin-left: 0;
	}

	.contentcontainer {
		font-size: 16px;
		line-height: 28px;
	}
	.contentcontainer p {
		margin-top: 20px;
	}
	.contentcontainer ol li {
		line-height: 24px;
		min-height: 42px;
		padding-left: 35px;
	}
	.contentcontainer ol li:last-child {
		margin-bottom: 0;
	}
	.contentcontainer ol li:before {
		font-size: 38px;
		line-height: 38px;
	}
	/*h2 + .contentcontainer, h3 + .contentcontainer {
		margin-top: 20px;
	}*/

	.articlefooter {
		margin-left: 30px;
	}

	.caption, .headerimage.container-fluid .captioncontainer .caption {
		font-size: 12px;
		line-height: 18px;
		margin-left: 30px;
		margin-top: 15px;
	}

	.swiper-container .slideroverlay, .swiper-container .sliderpagination {
		bottom: 10px;
		font-size: 12px;
		line-height: 30px;
		right: 10px;
	}
	.swiper-container .sliderpagination {
		bottom: auto;
		right: 0;
	}
	.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
		font-size: 9px;
		width: 25px;
	}

	/* Artikel Standard */
	.articlestandard, body[data-layout="cover"] .articlestandard {
		margin-left: 30px;
	}
	.articlestandard.hasicon, body[data-layout="cover"] .articlestandard.hasicon {
		margin-left: 74px;
	}
	body[data-layout="cover"] .articlestandard {
		max-width: none;
	}
	.articlestandard.hasicon > [class^="icon-"], .articlestandard.hasicon > [class*=" icon-"] {
		font-size: 34px;
		margin-left: -18px;
	}
	.fullwidthcontent .eventkalender-container .articlestandard .articlefooter {
		padding-top: 0;
	}

	/* Artikel Teaser */
	.fullwidthcontent .articleteaser .teaser {
		width: 50%;
	}
	.fullwidthcontent .articleteaser .teaser:nth-child(3n+1) {
		clear: none;
	}
	.fullwidthcontent .articleteaser .teaser:nth-child(2n+1) {
		clear: both;
	}
	.articleteaser .teaser .subtitle {
		margin-bottom: 3px;
	}
	.articleteaser .teaser .contentcontainer {
		font-size: 15px;
		line-height: 22px;
		margin-right: 30px;
		margin-top: -30px;
		padding: 10px 10px 0 15px;
	}
	.articleteaser .teaser .contentcontainer p {
		margin-top: 0;
	}
	.leftcontent .articleteaser .teaser .contentcontainer p {
		max-height: none;
	}

	.articleteaser .teaser .additionalcontent {
		margin-top: 30px;
	}
	.articleteaser .teaser .additionalcontent .contentcontainer {
		padding-top: 20px;
	}

	/* Artikel Highlight */
	.articlehighlights {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.articlehighlights .highlight:before {
		z-index: 1;
	}
	.articlehighlights .highlight, .articlehighlights .highlight:hover, .scrollcontent .articlehighlights .highlight, .scrollcontent .articlehighlights .highlight:hover {
		border: 1px solid #fff;
		height: 0;
		margin: 0;
		padding-bottom: 74%;
		width: 50%;
	}
	.articlehighlights .highlight .articledata {
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.articlehighlights .highlight .contentcontainer, .articlehighlights .highlight:hover .contentcontainer {
		font-size: 24px;
		max-height: 41px;
		z-index: 5;
	}

	/* Artikel Insider Tip */
	.articleinsider+.articleinsider {
		margin-top: 35px;
	}
	.articleinsiderslider .swiper-container {
		padding-right: 170px;
	}
	.scrollcontent .articleinsiderslider .swiper-container {
		padding-right: 250px;
	}
	.articleinsider .contentcontainer, .articleinsider.big .contentcontainer {
		max-width: 400px;
		right: auto;
	}
	.articleinsider .contentcontainer > span.subtitle, .articleinsider.big .contentcontainer > span.subtitle {
		margin-bottom: 15px;
	}
	.articleinsider .avatar .avatarname, .articletourslider.tours .avatar .avatarname, .articlebase.tours .articlebaseitem .avatar .avatarname {
		height: 58px;
	}

	/* Artikel Livecams */
	.articlelivecam .livecam .contentcontainer {
		min-height: 50px;
		margin-top: -30px;
		padding: 10px 15px 14px;
	}
	.articlelivecam.articlelivecamslider .swiper-container {
		padding-right: 120px;
	}


	/* Artikel Slider */
	.articleimageslider .slideroverlay {
		/*bottom: 71px;*/
	}

	/* Artikel Zimmer - Detailseite Hotelsuche */
	.articleroom {
		margin-bottom: 40px;
	}
	.articleroom + .articleroom:before {
		margin-bottom: 45px;
		margin-top: 40px;
	}
	.articleroom .contentcontainer {
		font-size: 18px;
		line-height: 31px;
		margin-left: 30px;
	}
	.articleroom .articlefooter .price.selectedprice {
		font-size: 24px;
		line-height: 36px;
	}

	/* Artikel mit Video */
	.articlevideo .foto {
		margin-top: 35px;
	}

	/* Artikel Touren Infos */
	.tourbestseasons ul, .tourbestseasons ol {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
	.tourcategory {
		padding: 5px 0;
	}

	.swiper-container .sliderpagination::before {
		padding-right: 14px;
		line-height: 14px;
	}

	@media (max-width: 800px) {
		/* Artikel Touren Infos */
		.tourbestseasons ul, .tourbestseasons ol {
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
		}
	}

	.tourcategory .tourinfosflexrow, .tourcategory .tourinfosflexitem {
		display: block;
	}
	.tourcategory .tourinfosflexitem .difficulty {
		margin-left: 0;
	}

	/* Artikel Content Navigation */
	.articlecontentmetanav {
		margin-left: 0;
	}
	.articlecontentmetanav .contentcontainer ul li {
		width: 33%;
	}

	/* article meteowidget */
	.articlemeteowidget.offline .widget .status {
		font-size: 28px;
		line-height: 30px;
	}
}

/* Tablet */
@media (max-width: 768px) {
	/* Artikel Content Navigation */
	.articlecontentmetanav .contentcontainer ul li {
		width: 50%;
	}
}

/* Smartphone */
@media (max-width: 640px) {
	.article h2, .article h3, .article span.title, .article span.subtitle, .articlebase:not(.detailview) .container .contentcontainer {
		margin-left: 0;
	}

	body[data-layout="cover"] .article h2, body[data-layout="cover"] .fullwidthcontent .leftcontent .article h2, body[data-layout="cover"] .fullwidthcontent .article h2 {
		margin-top: 75px;
	}
	.article h2, .fullwidthcontent .leftcontent .article h2, .fullwidthcontent .article h2 {
		margin-top: 50px;
	}

	.contentcontainer {
		font-size: 15px;
		line-height: 26px;
	}
	.contentcontainer.description.expandable.initialized {
		max-height: 236px;
	}
	h2 + .contentcontainer {
		margin-top: 0;
	}
	.contentcontainer p {
		margin-top: 5px;
	}
	.article ul li:before, .indexmenu ul li:before {
		top: 11px;
	}
	.contentcontainer ol li {
		margin-bottom: 18px;
	}
	.article ul li, .indexmenu ul li {
		line-height: 26px;
	}
	.article ul li:before, .indexmenu ul li:before {
		height: 3px;
		top: 12px;
		width: 3px;
	}

	.articlefooter {
		margin-left: 0;
	}
	.articlestandard .articlefooter {
		padding-top: 15px;
	}
	.linknext {
		line-height: 28px;
	}

	.caption {
		margin-left: 0;
		margin-top: 10px;
		max-width: 320px;
	}

	.share a {
		margin-left: 15px;
		overflow: hidden;
		white-space: nowrap;
		width: 22px;
	}
	.share span {
		display: inline-block;
		margin: 0;
		text-align: center;
		vertical-align: top;
		width: 22px;
	}


	.banner-container.banner-top-container .banner {
		margin-top: 20px;
	}
	.banner:before {
		padding-bottom: 23.68%;
	}

	.swiper-container .sliderfooter {
		/*
		position: relative;
		margin-bottom: 20px;
		height: auto;
		*/
		left: auto;
		width: auto;
		margin-right: -90px;
	}
	.swiper-container .sliderfooter::before, .swiper-container .sliderfooter::after {
		content: '';
		display: table;
		clear: both;
	}
	.swiper-container .slideroverlay, .swiper-container .sliderpagination {
		line-height: 26px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.swiper-container .sliderpagination, .leftcontent .swiper-container .sliderfooter .sliderpagination {
		position: relative;
		float: right;
		right: auto;
	}
	.swiper-container .sliderfooter .sliderpagination {
		right: 20px;
	}
	.swiper-container .slideroverlay .swiper-button-prev, .swiper-container .slideroverlay .swiper-button-next, .swiper-container .sliderpagination .swiper-button-prev, .swiper-container .sliderpagination .swiper-button-next {
		display: none;
	}

	/* Artikel Standard */
	.articlestandard, body[data-layout="cover"] .articlestandard {
		margin-left: 0;
	}
	.articlestandard .contentcontainer {
		/*
		margin-bottom: -30px;
		*/
		overflow: hidden;
	}
	.articlestandard .contentcontainer p:last-child, .articlestandard .contentcontainer ul:last-child, .articlestandard .contentcontainer ol:last-child {
		margin-bottom: 0;
	}

	.articlestandard.contactposition .contentcontainer {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}


	/* Artikel Teaser */
	.articleteaser {
		margin-bottom: -30px;
	}
	.articleteaser .teaser, .fullwidthcontent .articleteaser .teaser, .fullwidthcontent .leftcontent .articleteaser .teaser {
		width: 100%;
	}
	.articleteaser .teaser:last-child {
		margin-bottom: 0;
	}
	.articleteaser .teaser .contentcontainer {
		padding-right: 15px;
	}

	/* Artikel Insider Tipps */
	.articleinsider a {
		overflow: hidden;
	}
	.articleinsider .title, .leftcontent .articleinsider span.title {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 15px;
	}
	.articleinsider h3, .articleinsider .subtitle {
		display: none;
	}

	.articleinsider .contentcontainer, .leftcontent .articleinsider .contentcontainer {
		padding-right: 20px;
	}
	.articleinsider .avatar, .articletourslider.tours .avatar, .articlebase.tours .articlebaseitem .avatar {
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		margin-top: 10px;
	}
	.articleinsider .avatar .avatarname, .articletourslider.tours .avatar .avatarname, .articlebase.tours .articlebaseitem .avatar .avatarname {
		float: none;
	}
	.articleinsider .linknext {
		margin-bottom: 10px;
	}

	.articleinsiderslider .swiper-container {
		margin-top: 35px;
		padding-right: 90px;
	}
	.leftcontent .articleinsiderslider.articleslider .swiper-container, .leftcontent .articleinsiderslider.articleslider .articlefooter {
		padding-right: 90px;
	}
	/*
	.leftcontent .articleinsiderslider.articleslider .articlefooter a.btn {
		display: block;
	}
	*/

	.articleinsiderslider h3, .articleinsiderslider .subtitle, articlebase.listview .articleinsider h3, .articlebase.listview .articleinsider .subtitle {
		display: block;
	}
	.articleinsiderslider .articleinsider .contentcontainer, .articlebase.listview .articleinsider .contentcontainer, .articletourslider.tours .contentcontainer, .articlebase.tours .articlebaseitem .contentcontainer {
		bottom: 0;
		max-width: 100%;
		width: 100%;
	}
	.articleinsiderslider .slideroverlay {
		display: block;
		right: 30px;
	}

	/* Artikel Imageslider */
	.articleimageslider .slideroverlay {
		/*bottom: 66px;*/
	}

	/* Artikel Highlights */
	.articlehighlights .highlight, .articlehighlights .highlight:hover, .scrollcontent .articlehighlights .highlight, .scrollcontent .articlehighlights .highlight:hover {
		padding-bottom: 50%;
		width: 100%;
	}
	.articlehighlights .highlight:before {
		background: -moz-linear-gradient(20deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
		background: -webkit-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
		background: linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
	}
	.articlehighlights .highlight span.subtitle {
		font-size: 24px;
	}

	/* Artikel Zimmer */
	.articleroom .contentcontainer {
		font-size: 15px;
		line-height: 26px;
		margin-left: 0;
	}
	.articleroom .contentcontainer p, .articleroom .contentcontainer ul, .articleroom .contentcontainer ol {
		margin-top: 15px;
	}
	.articleroom .contentcontainer p strong, .articleroom .contentcontainer p b {
		font-size: 18px;
	}
	.articleroom .contentcontainer ul {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.articleroom .contentcontainer ul li {
		line-height: 26px;
		padding: 0 0 0 10px;
	}
	.articleroom .articlefooter .price.selectedprice {
		margin-right: 0;
		display: block;
	}
	.articleroom .articlefooter .btn {
		margin-left: 10px;
		margin-top: 10px;
	}

	/* Artikel Livecam */
	.articlelivecam .livecam {
		float: left;
		margin-bottom: 25px;
		width: 100%;
	}
	.articlelivecam .col-md-4:last-child .livecam {
		margin-bottom: 0;
	}
	.articlelivecam .livecam .contentcontainer {
		padding: 10px 15px;
	}
	.articlelivecam.articlelivecamslider .swiper-container {
		padding-right: 90px;
	}

	/* Artikel Meteo Widget */
	.articlemeteowidget .slopetype {
		font-weight: 400;
		margin-left: 10px;
		white-space: nowrap;
	}

	/* Artikel Video */
	.articlevideo .video .btn {
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		padding: 0 9px 0 10px;
		width: 30px;
	}
	.articlevideo .video .btn span {
		vertical-align: 0;
	}
	.articlevideo .video div[data-type="placeholder"] .klaro.cm-as-context-notice {
		overflow: auto;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	/* Artikel Collapse */
	.articlecollapse .collapseitem .collapse {
		padding-left: 15px;
		padding-right: 15px;
	}
	.articlecollapse .collapseitem .collapse p, .articlecollapse .collapseitem .collapse ul, .articlecollapse .collapseitem .collapse ol {
		margin-top: 5px;
	}

	/* Article Tours Infos */
	.tourbestseasons ul, .tourbestseasons ol {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.tourproperty {
		flex-basis: 33.33%;
	}
	.tourproperty:nth-child(4n+0) {
		border-right: 1px solid #ccc;
	}
	.tourproperty:nth-child(3n+0) {
		border-right: none;
	}
	.tourproperty span[class^="icon-"], .tourproperty span[class*=" icon-"] {
		font-size: 18px;
	}
	.tourproperty span.icon-tours-auf, .tourproperty span.icon-tours-ab {
		font-size: 16px;
	}
	.tourproperty span.icon-tours-zeit-auf, .tourproperty span.icon-tours-zeit-ab {
		font-size: 23px;
	}
	.tourproperty span.icon-tours-strecke, .tourproperty span.icon-tours-max {
		font-size: 24px;
	}


	.swiper-container .sliderpagination::before {
		padding-right: 10px;
		line-height: 12px;
	}


	/* Artikel Content Navigation */
	.articlecontentmetanav .contentcontainer ul li {
		width: 100%;
	}
	.articlecontentmetanav .contentcontainer ul li a span[class^="icon-"], .articlecontentmetanav .contentcontainer ul li a span[class*=" icon-"] {
		top: 6px;
	}

	/* article meteowidget */
	.articlemeteowidget.offline .widget .status {
		font-size: 22px;
		line-height: 28px;
	}

	/* weather forecast */
	.weather.rainforecast img {
	}

	/* legend */
	ul.rain-legend li {
		font-size: 15px;
	}
	ul.rain-legend img {
		margin-bottom: 5px;
		width: 25px;
		height: auto;
	}
	/* END weather forecast */
}

@media (max-width: 470px) {
	.articlemeteowidget .slopetype {
		display: block;
		margin-left: 0;
	}

	/* Article Tours Infos */
	.tourinfoscontainer > .tourinfosflexrow:nth-child(2) {
		display: block;
	}
	.tourinfosflexborder {
		margin: 0;
	}
	.tourinfosflexborder > div {
		margin: 20px 0;
	}
	.tourcategory .tourinfosflexrow, .tourcategory .tourinfosflexitem {
		display: flex;
	}
	.tourproperty {
		flex-basis: 50%;
	}
	.tourproperty:nth-child(3n+0) {
		border-right: 1px solid #ccc;
	}
	.tourproperty:nth-child(2n+0) {
		border-right: none;
	}
}

@media (max-width: 420px) {
	.articleinsider .avatar .foto, .articletourslider.tours .avatar .foto, .articlebase.tours .articlebaseitem .avatar .foto {
		border-width: 2px!important;
	}
	.articleinsider .avatar .avatarname, .articletourslider.tours .avatar .avatarname, .articlebase.tours .articlebaseitem .avatar .avatarname {
		height: 34px;
	}
	.avatar .foto {
		width: 30px;
	}
	.avatar strong {
		font-size: 16px;
	}
	.articleinsider .avatar em, .articletourslider.tours .avatar em, .articlebase.tours .articlebaseitem .avatar em {
		font-size: 14px;
	}
	.avatar .avatarname {
		line-height: 18px;
		padding-left: 8px;
	}
	.leftcontent .articleinsider span.subtitle {
		font-size: 18px;
	}
	.articleinsider .contentcontainer > span.subtitle, .articleinsider.big .contentcontainer>span.subtitle {
		margin-bottom: 10px;
	}
	.leftcontent .articleinsiderslider.articleslider .swiper-container, .articleinsiderslider .swiper-container {
		padding-right: 70px;
	}
	.swiper-container .sliderfooter {
		margin-right: -70px;
	}
}