/* Webfonts - Blätterkatalog */

@font-face {
	font-family: 'flippingbook';
	src: url('/fonts/flippingbook.eot');
	src: url('/fonts/flippingbook.eot#iefix') format('embedded-opentype'),
		url('/fonts/flippingbook.woff2') format('woff2'),
		url('/fonts/flippingbook.woff') format('woff'),
		url('/fonts/flippingbook.ttf') format('truetype'),
		url('/fonts/flippingbook.svg#flippingbook') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Variablen */

:root {

	/* Template */
		
	--mw-margin-top: 60px;
	--mw-margin-bottom: 60px;
	--mw-padding-left: 20px;
	--mw-padding-right: 20px;
	--mw-max-width: 1304px;
	--mw-max-width2: 940px;
		
	/* Colors */
	
	--mw-color-primary: #4A4A4A;
	--mw-color-secondary: #E1001A;
	--mw-color-error: #E1001A;
	--mw-color-success: #217346;
	--mw-color-lightgray: #E7E9ED;
	--mw-color-gray: #E3E3E3;
	--mw-color-middlegray: #747a80;
	--mw-color-darkgray: #2E343E;

	--mw-color-primary-opacity-highest: rgba(45, 52, 62, 0.1);
	--mw-color-primary-opacity-high: rgba(45, 52, 62, 0.2);
	--mw-color-primary-opacity-medium: rgba(45, 52, 62, 0.3);
	--mw-color-primary-opacity-low: rgba(45, 52, 62, 0.8);
		
	--mw-color-secondary-opacity-highest: rgba(220, 0, 20, 0.1);
	--mw-color-secondary-opacity-high: rgba(220, 0, 20, 0.2);
	--mw-color-secondary-opacity-medium: rgba(220, 0, 20, 0.3);
	--mw-color-secondary-opacity-low: rgba(220, 0, 20, 0.8);
		
	/* specified Colors */
	
	--mw-color-body: #4A4A4A;
	--mw-color-body-background: #FFFFFF;

	--mw-color-link: #E1001A;
	--mw-color-link-hover: #7C9DA8;

	--mw-color-button: #FFFFFF;
	--mw-color-button-hover: #FFFFFF;
	--mw-color-button-background: #E1001A;
	--mw-color-button-background-hover: #dc0014;

	--mw-color-headline: #dc0014;
	--mw-color-headline2: #2d343e;
	--mw-color-headline3: #2d343e;
	--mw-color-headline-element: #dc0014;

	--mw-color-menu-background: #FFFFFF;
	--mw-color-menu-background-fixed: rgba(42, 71, 80, 0.9);

	--mw-color-fancybox-rgb: rgb(30, 30, 30);
	--mw-color-fancybox-rgba: rgb(30, 30, 30, 0.9);
		
	/* Fonts */
		
	--mw-font-primary: 'adelle-sans', sans-serif;
	--mw-font-secondary: 'adelle-sans', sans-serif;
	
	--mw-font-primary-weight-thin: 400;
	--mw-font-primary-weight-extra-light: 400;
	--mw-font-primary-weight-light: 400;
	--mw-font-primary-weight-normal: 400;
	--mw-font-primary-weight-medium: 600;
	--mw-font-primary-weight-semi-bold: 600;
	--mw-font-primary-weight-bold: 700;
	--mw-font-primary-weight-extra-bold: 700;
	--mw-font-primary-weight-black: 700;
		
	--mw-font-secondary-weight-thin: 300;
	--mw-font-secondary-weight-extra-light: 300;
	--mw-font-secondary-weight-light: 300;
	--mw-font-secondary-weight-normal: 400;
	--mw-font-secondary-weight-medium: 500;
	--mw-font-secondary-weight-semi-bold: 500;
	--mw-font-secondary-weight-bold: 700;
	--mw-font-secondary-weight-extra-bold: 700;
	--mw-font-secondary-weight-black: 700;
		
	/* specified Fonts */
		
	--mw-font-body: 'adelle-sans', sans-serif;
	--mw-font-body-lineheight: 1.5;
	--mw-font-body-size: 16px;
	--mw-font-body-weight: 400;
	
	--mw-font-link-weight: 700;

	--mw-font-button-size: 16px;
	--mw-font-button-weight: 700;

	--mw-font-headline: 'adelle-sans', sans-serif;
	--mw-font-headline-lineheight: 1.2;
	--mw-font-headline-size: 47px;
	--mw-font-headline-weight: 400;
	
	--mw-font-headline2: 'adelle-sans', sans-serif;
	--mw-font-headline2-lineheight: 1.2;
	--mw-font-headline2-size: 47px;
	--mw-font-headline2-weight: 400;
	
	--mw-font-headline3: 'adelle-sans', sans-serif;
	--mw-font-headline3-lineheight: 1.667;
	--mw-font-headline3-size: 20px;
	--mw-font-headline3-weight: 500;

	--mw-font-headline-element: 'adelle-sans', sans-serif;
	--mw-font-headline-element-lineheight: 1.2;
	--mw-font-headline-element-size: 57px;
	--mw-font-headline-element-weight: 400;
	
}

/* Animation - Wetter */

/* Animation */

body.weather .GalleryWrapper .animationWrapper:before {
	background: rgba(255, 255, 255, 0.8);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
body.weather .GalleryWrapper .animationWrapper .animationStatic img.animationStaticImage {
	filter: blur(10px);
	transform: scale(1.1);
}
body.weather .micAnimation > ul > .slide img {
	filter: blur(10px);
	transform: scale(1.1);
}

/* Info */

.weatherInfo {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	z-index: 2;
}
.weatherInfo > div > p {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.17;
	margin: 0 0 31px;
	max-width: 82.75316455696202%;
	position: relative;
	z-index: 2;
}
.weatherInfo > div > .select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	position: relative;
	width: 340px;
}
.weatherInfo > div > .select > select.field {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	cursor: pointer;
	display: block;
	font-size: 15px;
	overflow: hidden;
	padding: 7px 35px 8px 9px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
	-webkit-padding-start: 15px;
}
.weatherInfo > div > .select > i {
	color: #E1001A;
	bottom: 0;
	font-size: 20px;
	position: absolute;
	right: 12px;
	top: 10px;
	z-index: 1;
}

@media all and (max-width: 980px){

	/* Animation */

	body.weather .GalleryWrapper .animationWrapper:before {
		display: none;
	}
	body.weather .GalleryWrapper .animationWrapper .animationStatic img.animationStaticImage {
		filter: none;
		transform: none;
	}
	body.weather .micAnimation > ul > .slide img {
		filter: none;
		transform: none;
	}

	/* Info */

	.weatherInfo {
		background: #FFFFFF;
		position: relative;
		transform: none;
	}
	.weatherInfo > div {
		padding-bottom: 37px;
		padding-top: 28px;
	}
	.weatherInfo > div > p {
		max-width: 100%;
	}
	.weatherInfo > div > .select {
		width: 100%;
	}

}
@media all and (max-width: 740px){
	
	/* Animation - Sidebar */

	body.weather .GalleryWrapper .sideBar > .contact {
		margin-top: 0;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		width: 66px;

	}
	body.weather .GalleryWrapper .sideBar > .contact > .employee {
		display: none;
	}

	/* Info */

	.weatherInfo > div {
		padding-bottom: 21px;
		padding-top: 15px;
	}
	.weatherInfo > div > p {
		font-size: 36px;
		margin-bottom: 18px;
	}

}
@media all and (max-height: 600px){

	/* Animation - Sidebar */

	body.weather .GalleryWrapper .sideBar > .contact {
		margin-top: 0;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		width: 66px;

	}
	body.weather .GalleryWrapper .sideBar > .contact > .employee {
		display: none;
	}

}
@media all and (max-width: 500px){

	.weatherInfo > div > p {
		font-size: 26px;
	}

}

/* Content - Quickbucher */

.ContentWrapper .quickBooking {
	background: #F3F3F3;
	display: none;
	padding-left: 0;
	padding-right: 0;
}
.ContentWrapper .quickBooking > div {
	padding-left: 0;
	padding-right: 0;
}
.ContentWrapper .quickBooking form {
	animation-name: unset !important;
	bottom: auto !important;
	max-height: 62px;
	overflow: hidden;
	padding: 12px 20px 16px;
	transition: max-height 300ms ease;
	width: 100%;
	z-index: 9;
}
.ContentWrapper .quickBooking.show form {
	max-height: 450px;
}
.ContentWrapper .quickBooking form > p.headline {
	background: #4A4A4A;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 24px;
	font-weight: 600;
	margin: -12px -20px 20px;
	padding: 12px 20px 14px;
	position: relative;
}
.ContentWrapper .quickBooking form > p.headline:after {
	content: '\E313';
	font-family: 'Material Icons';
	font-size: 40px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 2px;
	transition: transform 300ms ease;
}
.ContentWrapper .quickBooking.show form > p.headline:after {
	transform: rotate(180deg);
}
.ContentWrapper .quickBooking form > .row {
	margin: 0 0 16px;
}
.ContentWrapper .quickBooking form > .row.region > .select,
.ContentWrapper .quickBooking form > .row.town > .select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	position: relative;
}
.ContentWrapper .quickBooking form > .row.region > .select > select,
.ContentWrapper .quickBooking form > .row.town > .select > select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: 0 none;
	cursor: pointer;
	font-size: 15px;
	margin: 0;
	overflow: hidden;
	padding: 7px 5px;
	-webkit-padding-start: 10px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}
.ContentWrapper .quickBooking form > .row.region > .select > i,
.ContentWrapper .quickBooking form > .row.town > .select > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 9px;
	z-index: 1;
}
.ContentWrapper .quickBooking form > .row > .arrival,
.ContentWrapper .quickBooking form > .row > .departure {
	float: left;
	position: relative;
	width: 48.857142857142854%; /* 342 */
}
.ContentWrapper .quickBooking form > .row > .arrival {
	margin: 0 2.285714285714286% 0 0; /* 0 16 0 0 */
}
.ContentWrapper .quickBooking form > .row > .arrival > i,
.ContentWrapper .quickBooking form > .row > .departure > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
}
.ContentWrapper .quickBooking form > .row > .arrival > input.field,
.ContentWrapper .quickBooking form > .row > .departure > input.field {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	cursor: pointer;
	font-size: 15px;
	padding: 8px 10px;
	width: 100%;
}
.ContentWrapper .quickBooking form > .row.unknowndate {
	margin-bottom: 22px;
	margin-top: 18px;
}
.ContentWrapper .quickBooking form > .row.unknowndate > input.checkbox {
	display: none;
}
.ContentWrapper .quickBooking form > .row.unknowndate > label {
	cursor: pointer;
	display: block;
	font-size: 15px;
	line-height: 16px;
	padding: 0 0 0 23px;
	position: relative;
}
.ContentWrapper .quickBooking form > .row.unknowndate > label:before {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 0;
	width: 16px;
}
.ContentWrapper .quickBooking form > .row.unknowndate > label:after {
	background: #E1001A;
	content: "";
	height: 10px;
	left: 3px;
	opacity: 0;
	position: absolute;
	top: 3px;
	transition: opacity 300ms ease;
	width: 10px;
}
.ContentWrapper .quickBooking form > .row.unknowndate > input:checked + label:after {
	opacity: 1;
}
.ContentWrapper .quickBooking form > .row.rooms {
	position: relative;
}
.ContentWrapper .quickBooking form > .row.rooms:before {
	border-bottom: 16px solid #4A4A4A;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	content: "";
	display: none;
	height: 16px;
	left: 50%;
	margin: 0 0 0 -16px;
	position: absolute;
	top: 40px;
	width: 32px;
}
.ContentWrapper .quickBooking.showRooms form > .row.rooms:before {
	display: block;
}
.ContentWrapper .quickBooking form > .row.rooms > p.field {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	cursor: pointer;
	font-size: 15px;
	padding: 8px 40px 7px 10px;
	position: relative;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
	width: 100%;
}
.ContentWrapper .quickBooking form > .row.rooms > p.field:hover,
.ContentWrapper .quickBooking.showRooms form > .row.rooms > p.field {
	background: #E1001A;
	border: 1px solid #E1001A;
	color: #FFFFFF;
}
.ContentWrapper .quickBooking form > .row.rooms > p.field > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ContentWrapper .quickBooking form > .row.rooms > p.field > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 9px;
	transition: color 300ms ease;
	z-index: 1;
}
.ContentWrapper .quickBooking form > .row.rooms > p.field:hover > i,
.ContentWrapper .quickBooking.showRooms form > .row.rooms > p.field > i {
	color: #FFFFFF;
}
.ContentWrapper .quickBooking form > .buttons > button {
	background: none;
	border: 1px solid transparent;
	font-weight: bold;
	padding: 0 15px;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
	width: 100%;
}
.ContentWrapper .quickBooking form > .buttons > button > i {
	font-size: 20px;
	margin: 0 15px 0 0;
	position: relative;
	top: 3px;
}
.ContentWrapper .quickBooking form > .buttons > button.booking {
	background: #5CAF00;
	color: #FFFFFF;
	margin: 0 0 16px;
	padding-bottom: 6px;
	padding-top: 6px;
}
.ContentWrapper .quickBooking form > .buttons > button.booking:hover {
	background: #498A00;
}
.ContentWrapper .quickBooking form > .buttons > button.request {
	border: 1px solid #5CAF00;
	color: #5CAF00;
	font-weight: normal;
	padding-bottom: 7px;
	padding-top: 6px;
}
.ContentWrapper .quickBooking form > .buttons > button.request:hover {
	background: #5CAF00;
	color: #FFFFFF;
}
.ContentWrapper .quickBooking form > .buttons > button.request > i {
	margin-right: 13px;
	top: 4px;
}
.ContentWrapper .quickBooking form > .extSearch {
	margin: 17px 0 0;
}
.ContentWrapper .quickBooking form > .extSearch > a {
	color: #8C8C8C;
	display: block;
	font-weight: normal;
	text-align: center;
	transition: color 300ms ease;
}
.ContentWrapper .quickBooking form > .extSearch > a:hover {
	color: #E1001A;
}
.ContentWrapper .quickBooking form > .info {
	display: none;
}

/* Zimmerauswahl */

.ContentWrapper .quickBooking form > .roomoverlay {
	background: #4A4A4A;
	display: none;
	left: 0;
	padding: 10px 20px 20px;
	position: absolute;
	right: 0;
	top: 285px;
	z-index: 2;
}
.ContentWrapper .quickBooking.showRooms form > .roomoverlay {
	display: block;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room.hidden {
	display: none;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room.small {
	border-bottom: 1px solid #E3E3E3;
	cursor: pointer;
	max-height: 37px;
	overflow: hidden;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > p.headline {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 14px;
	position: relative;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > p.headline > i {
	font-size: 20px;
	position: absolute;
	right: 0;
	top: 10px;
	transform: rotate(180deg);
	z-index: 2;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room2 > p.headline > i.arrow,
.ContentWrapper .quickBooking form > .roomoverlay > div > .room3 > p.headline > i.arrow {
	display: none;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room2.small > p.headline > i.close,
.ContentWrapper .quickBooking form > .roomoverlay > div > .room3.small > p.headline > i.close {
	display: none;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room2.small > p.headline > i.arrow,
.ContentWrapper .quickBooking form > .roomoverlay > div > .room3.small > p.headline > i.arrow {
	display: block;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room.small > p.headline > i {
	transform: rotate(0deg);
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field {
	background: #FFFFFF;
	position: relative;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field > select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: 0 none;
	cursor: pointer;
	font-size: 15px;
	margin: 0;
	overflow: hidden;
	padding: 8px 5px;
	-webkit-padding-start: 10px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field.adults {
	margin: 0 0 16px;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > label {
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: 600;
	margin: 11px 0 3px;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > label.show {
	display: block;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field.childage {
	display: none;
	float: left;
	margin: 0 8px 8px 0;
	width: 58.5px;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field.childage.show {
	display: block;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field.childage.validationError {
	background: #FCE5E8;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field.childage:nth-child(4n) {
	margin-right: 0;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field.childage > select {
	padding-bottom: 5px;
	padding-top: 5px;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .room > .field.childage > i {
	right: 6px;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .buttons {
	margin: 16px 0 0;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .buttons > a {
	border: 1px solid #FFFFFF;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #FFFFFF;
	display: block;
	float: left;
	line-height: 38px;
	padding: 0 15px;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .buttons > a.further {
	font-weight: normal;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .buttons > a.further.hide {
	display: none;
}
.ContentWrapper .quickBooking form > .roomoverlay > div > .buttons > a.ok {
	background: #5CAF00;
	border: 1px solid #5CAF00;
	float: right;
}
		
@media all and (max-width: 980px){

	/*.ContentWrapper .quickBooking {
		display: block;
	}*/

}

/* Footer */

.FooterWrapper {
	background: url("/img/basis/footer-alpenregion-summer.jpg") scroll no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 3;
}
.FooterWrapper.brandnertal {
	background-image: url("/img/basis/footer-brandnertal-summer.jpg");
}
.FooterWrapper.bludenz {
	background-image: url("/img/basis/footer-bludenz-summer.jpg");
}
.FooterWrapper.klostertal {
	background-image: url("/img/basis/footer-klostertal-summer.jpg");
}
.FooterWrapper.walsertal {
	background-image: url("/img/basis/footer-walsertal-summer.jpg");
}
.FooterWrapper .row1 {
	padding: 65px 0 50px;
	position: relative;
}
.FooterWrapper .row1:before {
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}
.FooterWrapper .row2 {
	padding: 50px 0 47px;
	position: relative;
}
.FooterWrapper .row2:before {
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}
.FooterWrapper .row3 {
	padding: 73px 0 13px;
	position: relative;
}
.FooterWrapper .row3:before {
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}

@media all and (max-width: 800px){

	.FooterWrapper .row1 {
		padding-bottom: 25px;
		padding-top: 57px;
		text-align: center;
	}
	.FooterWrapper .row2 {
		padding-top: 30px;
	}
	.FooterWrapper .row3 {
		padding-top: 13px;
		text-align: center;
	}

}

/*@media all and (max-width: 740px){

	body:not(.intro, .eventsoverview, .infoazoverview, .toursoverview, .accooverview, .cart) .FooterWrapper {
		margin-bottom: 54px;
	}

}*/

@media all and (max-width: 600px){

	.FooterWrapper .row1 {
		padding-top: 30px;
	}

}

@media all and (max-width: 400px){

	.FooterWrapper .row2 {
		padding-bottom: 17px;
		padding-top: 0;
	}

}

/* Footer - Social Media */

.FooterWrapper .row1 > .socialmedia {
	float: left;
	margin: 8px 0 0;
	width: 12.5%;
}
.FooterWrapper .row1 > .socialmedia > ul > li {
	float: left;
	margin: 0 8px 0 0;
}
.FooterWrapper .row1 > .socialmedia > ul > li:last-child {
	margin-right: 0;
}
.FooterWrapper .row1 > .socialmedia > ul > li > a {
	background: #FFFFFF;
	color: #4A4A4A;
	display: block;
	height: 31px;
	line-height: 31px;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
	width: 31px;
}
.FooterWrapper .row1 > .socialmedia > ul > li > a:before {
	display: block;
	line-height: 31px;
	margin: 0;
}
.FooterWrapper .row1 > .socialmedia > ul > li > a.fb:hover {
	background: #5473A7;
	color: #FFFFFF;
}
.FooterWrapper .row1 > .socialmedia > ul > li > a.yt:hover {
	background: #BE433F;
	color: #FFFFFF;
}
.FooterWrapper .row1 > .socialmedia > ul > li > a.ig:hover {
	background: #444444;
	color: #FFFFFF;
}

/* Social Media - Fixed */

.FooterWrapper > .shareSocialMedia {
	display: none;
}

@media all and (max-width: 1120px){

	.FooterWrapper .row1 > .socialmedia {
		width: 25%;
	}

}

@media all and (max-width: 800px){

	.FooterWrapper .row1 > .socialmedia {
		float: none;
		margin-bottom: 30px;
		margin-top: 0;
		width: auto;
	}
	.FooterWrapper .row1 > .socialmedia > ul > li {
		display: inline-block;
		float: none;
	}

}

@media all and (max-width: 800px){

	/* Social Media - Fixed */

	/*.FooterWrapper > .shareSocialMedia {
		display: block;
	}*/

}

/* Footer - Kontakt */

.FooterWrapper .row1 > .contact {
	float: left;
}
.FooterWrapper .row1 > .contact > img {
	border-radius: 50%;
	display: block;
	float: left;
	margin: 0 23px 0 0;
	width: 80px;
}
.FooterWrapper .row1 > .contact > p {
	display: block;
	float: left;
	line-height: 1.5;
	margin: -3px 0 0;
	min-width: 200px;
}
.FooterWrapper .row1 > .contact > p > span {
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
}
.FooterWrapper .row1 > .contact > p > span.title {
	margin: 0 0 4px;
}
.FooterWrapper .row1 > .contact > p > span > a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	overflow: hidden;
	position: relative;
}
.FooterWrapper .row1 > .contact > p > span > a > span {
	display: inline-block;
	position: relative;
}
.FooterWrapper .row1 > .contact > p > span > a > span:before {
	background: #FFFFFF;
	content: "";
	height: 1px;
	left: 110%;
	margin: 0.5px 0 0;
	max-width: 0;
	opacity: 0.3;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transition: max-width 500ms ease;
	width: 300px;
	z-index: -1;
}
.FooterWrapper .row1 > .contact > p > span > a:hover > span:before {
	max-width: 300px;
}

@media all and (max-width: 800px){

	.FooterWrapper .row1 > .contact > p {
		min-width: 0;
		text-align: left;
	}

}

@media all and (max-width: 600px){

	.FooterWrapper .row1 > .contact {
		display: inline-block;
		float: none;
	}

}

@media all and (max-width: 500px){

	.FooterWrapper .row1 > .contact {
		text-align: center;
	}
	.FooterWrapper .row1 > .contact > img {
		display: inline-block;
		float: none;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.FooterWrapper .row1 > .contact > p {
		float: none;
		text-align: center;
	}
	.FooterWrapper .row1 > .contact > p > span {
		white-space: unset;
	}

}

/* Footer - Logo */

.FooterWrapper .row1 > .logo {
	float: right;
}
.FooterWrapper .row1 > .logo > img {
	display: block;
	width: 204px;
}
.FooterWrapper .row1 > .logo > img.brandnertal {
	width: 247px;
}
.FooterWrapper .row1 > .logo > img.bludenz {
	width: 240px;
}
.FooterWrapper .row1 > .logo > img.klostertal {
	width: 227px;
}
.FooterWrapper .row1 > .logo > img.walsertal {
	width: 242px;
}

@media all and (max-width: 600px){

	.FooterWrapper .row1 > .logo {
		display: none;
	}

}

/* Footer - Copyrights */

.FooterWrapper .row3 > p.copyrights {
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	font-weight: 600;
	padding: 4px 0 0;
}

@media all and (max-width: 800px){
	
	.FooterWrapper .row3 > p.copyrights {
		float: none;
		padding-top: 0;
		text-align: center;
	}
	
}

/* Menü - Metamenü */

.metamenu {
	float: right;
	text-align: right;
}
.metamenu li {
	display: inline-block;
}
.metamenu li a {
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: 600;
	padding: 0 5px;
}
.metamenu li:last-child a {
	padding-right: 0;
}

@media all and (max-width: 800px){

	.metamenu {
		display: inline-block;
		float: none;
		text-align: center;
	}

}

/* Menü - Footermenü */

ul.footermenu > li {
	float: left;
	padding: 0 10px 0 0;
	width: 20%;
}
ul.footermenu > li:last-child {
	padding-right: 0;
}
ul.footermenu > li > a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
}
ul.footermenu > li > a > span {
	display: inline-block;
	position: relative;
}
ul.footermenu > li > a > span:before {
	background: #FFFFFF;
	content: "";
	height: 1px;
	left: 110%;
	margin: 0.5px 0 0;
	max-width: 0;
	opacity: 0.3;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transition: max-width 500ms ease;
	width: 300px;
	z-index: -1;
}
ul.footermenu > li > a:hover > span:before {
	max-width: 300px;
}
ul.footermenu > li > ul {
	margin: 23px 0 0;
}
ul.footermenu > li > ul > li {
	margin: 6.5px 0;
}
ul.footermenu > li > ul > li > a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
	overflow: hidden;
	position: relative;
}
ul.footermenu > li > ul > li > a > span {
	display: inline-block;
	position: relative;
}
ul.footermenu > li > ul > li > a > span:before {
	background: #FFFFFF;
	content: "";
	height: 1px;
	left: 110%;
	margin: 0.5px 0 0;
	max-width: 0;
	opacity: 0.3;
	overflow: hidden;
	position: absolute;
	top: 50%;
	transition: max-width 500ms ease;
	width: 300px;
	z-index: -1;
}
ul.footermenu > li > ul > li > a:hover > span:before {
	max-width: 300px;
}

@media all and (max-width: 980px){

	ul.footermenu > li {
		text-align: center;
		width: 33.333333333%;
	}
	ul.footermenu > li:nth-child(1),
	ul.footermenu > li:nth-child(2),
	ul.footermenu > li:nth-child(3) {
		margin-bottom: 25px;
	}
	ul.footermenu > li:last-child {
		padding-right: 10px;
	}
	ul.footermenu > li:nth-child(3) {
		padding-right: 0;
	}
	ul.footermenu > li:nth-child(3) + li {
		clear: left;
	}
	ul.footermenu > li:nth-child(4),
	ul.footermenu > li:nth-child(5) {
		width: 50%;
	}

}

@media all and (max-width: 600px){

	ul.footermenu > li {
		text-align: center !important;
		width: 50%;
	}
	ul.footermenu > li:nth-child(2n) {
		padding-right: 0;
	}
	ul.footermenu > li:nth-child(3) + li {
		clear: none;
	}

}

@media all and (max-width: 500px){

	ul.footermenu > li {
		margin-bottom: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}
	ul.footermenu > li > a {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		padding-bottom: 10px;
		padding-top: 10px;
	}
	ul.footermenu > li:last-child > a {
		border-bottom: 0 none;
	}
	ul.footermenu > li > ul {
		display: none;
	}

}

/* Preloader */

body > .preloader {
	background: url("/img/basis/preloader_summer.jpg") scroll no-repeat center center;
	background-size: cover;
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	z-index: -1;
}
body.winter > .preloader {
	background-image: url("/img/basis/preloader_winter.jpg");
}
body > .preloader:before {
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
body.showPreloader > .preloader {
	opacity: 1;
	z-index: 99999;
}
body > .preloader > div {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 40%;
	transform: translate(-50%, -50%);
	width: 500px;
	z-index: 3;
}
body > .preloader > div > p.label {
	color: #FFFFFF;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
body > .preloader > div > p.addition {
	color: #FFFFFF;
	font-size: 24px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
body > .preloader > div > .loader {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	display: none;
	height: 24px;
	margin: 24px 0 0;
	max-width: 150px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
body > .preloader > div > .loader:before {
	background: #FFFFFF;
	height: 24px;
	content: "";
	display: block;
	left: -100px;
	position: absolute;
	width: 150px;
	animation: loading 2s linear infinite;
}

/* dynamic */

.preloader-dynamic .wrapper:before {
	background: rgba(0,0,0,0.2);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
/*.preloader-dynamic img {
	filter: blur(5px);
}*/
.preloader-dynamic .textbox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 100;
}
.preloader-dynamic .textbox .text.text0 {
	color: #FFFFFF;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	max-width: 75%;
}
.preloader-dynamic .textbox .text.text1 {
	color: #FFFFFF;
	font-size: 24px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@keyframes loading {
    from {
		left: -100px;
		width: 30%;
	}
    50% {
		width: 30%;
	}
    70% {
		width: 70%;
	}
    80% {
		left: 50%;
	}
    95% {
		left: 120%;
	}
    to {
		left: 100%;
	}
}

@media all and (max-width: 740px){
	
	body > .preloader > div > p.label {
		font-size: 26px;
	}
	body > .preloader > div > p.addition {
		font-size: 18px;
	}
	.preloader-dynamic .textbox .text.text0 {
		font-size: 26px;
		max-width: 95%;
	}
	.preloader-dynamic .textbox .text.text1 {
		font-size: 18px;
	}

}

/* Layout - 2-spaltig */

/* Animation */

body.twoColumns .GalleryWrapper {
	padding-bottom: 0;
}

/* Content */

body.twoColumns:not(.noanimation) .ContentWrapper {
	margin-top: 0;
}
body.twoColumns .ContentWrapper section {
	float: left;
	margin-right: 4.667721518987341%; /* 59 */
	min-height: 500px;
	padding-left: 76px;
	width: 71.202531645569621%; /* 900 */
}
body.twoColumns .ContentWrapper aside {
	float: left;
	padding: 50px 0 0;
	width: 24.129746835443036%; /* 305 */
}

@media all and (max-width: 980px){

	/* Content */
	
	body.twoColumns .ContentWrapper section {
		float: none;
		margin-right: 0;
		overflow: hidden;
		width: 100%;
	}
	body.twoColumns .ContentWrapper > div:not(.infoContainer) {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	body.twoColumns .ContentWrapper aside {
		float: none;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0;
		width: 100%;
	}

}

@media all and (max-width: 740px){

	/* Animation - Sidebar */

	body.twoColumns .GalleryWrapper .sideBar > .contact {
		margin-top: 0;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		width: 66px;

	}
	body.twoColumns .GalleryWrapper .sideBar > .contact > .employee {
		display: none;
	}
		
	/* Content */
	
	body.twoColumns .ContentWrapper section {
		padding-left: 0;
	}

}

@media all and (max-height: 600px){

	/* Animation - Sidebar */

	body.twoColumns .GalleryWrapper .sideBar > .contact {
		margin-top: 0;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		width: 66px;

	}
	body.twoColumns .GalleryWrapper .sideBar > .contact > .employee {
		display: none;
	}

}

/* Footer - Variante - Winter */

.winter .FooterWrapper {
	background-image: url("/img/basis/footer-alpenregion-winter.jpg");
}
.winterlayout .FooterWrapper {
	background-image: url("/img/basis/footer-alpenregion-winter.jpg") !important;
}
.winter .FooterWrapper.brandnertal,
.winterlayout .FooterWrapper.brandnertal {
	background-image: url("/img/basis/footer-brandnertal-winter.jpg");
}
.winter .FooterWrapper.bludenz,
.winterlayout .FooterWrapper.bludenz {
	background-image: url("/img/basis/footer-bludenz-winter.jpg");
}
.winter .FooterWrapper.klostertal,
.winterlayout .FooterWrapper.klostertal {
	background-image: url("/img/basis/footer-klostertal-winter.jpg");
}
.winter .FooterWrapper.walsertal,
.winterlayout .FooterWrapper.walsertal {
	background-image: url("/img/basis/footer-walsertal-winter.jpg");
}

/* Footer - Copyrights */

.winter .FooterWrapper .row3 > p.copyrights {
	/*color: #4A4A4A;*/
}
.winterlayout .FooterWrapper .row3 > p.copyrights {
	/*color: #4A4A4A !important;*/
}

/* Footer - Variante - Winter */

.summer .FooterWrapper {
	background-image: url("/img/basis/footer-alpenregion-summer.jpg");
}
.summerlayout .FooterWrapper {
	background-image: url("/img/basis/footer-alpenregion-summer.jpg") !important;
}
.summer .FooterWrapper.brandnertal,
.summerlayout .FooterWrapper.brandnertal {
	background-image: url("/img/basis/footer-brandnertal-summer.jpg");
}
.summer .FooterWrapper.bludenz,
.summerlayout .FooterWrapper.bludenz {
	background-image: url("/img/basis/footer-bludenz-summer.jpg");
}
.summer .FooterWrapper.klostertal,
.summerlayout .FooterWrapper.klostertal {
	background-image: url("/img/basis/footer-klostertal-summer.jpg");
}
.summer .FooterWrapper.walsertal,
.summerlayout .FooterWrapper.walsertal {
	background-image: url("/img/basis/footer-walsertal-summer.jpg");
}

/* Footer - Copyrights */

.summer .FooterWrapper .row3 > p.copyrights {
	color: #FFFFFF;
}
.summerlayout .FooterWrapper .row3 > p.copyrights {
	color: #FFFFFF !important;
}

/* Menü - Variante - Winter */

/* Menü - Metamenü */

/*.winter .metamenu li a {
	color: #4A4A4A;
}
.winterlayout .metamenu li a {
	color: #4A4A4A !important;
}*/

/* Menü - Variante - Sommer */

/* Menü - Metamenü */

.summer .metamenu li a {
	color: #FFFFFF;
}
.summerlayout .metamenu li a {
	color: #FFFFFF !important;
}

.ems-wf-button {
	background: #E1001A;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    outline: 0;
    padding: 11px 16px 13px;
    transition: background 300ms ease;
}
.ems-wf-button:hover {
    background: #5CAF00;
}

/* Element - Aufzählung */

.wmList ul li {
	float: left;
	padding: 4px 0 4px 20px;
	position: relative;
	width: 50%;
}
.wmList ul li > i {
	color: #E1001A;
	left: -9px;
	position: absolute;
	top: 5px;
}
.wmList ul li:nth-child(2n+1) {
	clear: left;
	padding-right: 30px;
}
.wmList.wmSingleList ul li {
	float: none;
	width: auto;
}

@media all and (max-width: 700px){

	.wmList ul li {
		float: none;
		padding-right: 0 !important;
		width: auto;
	}

}

/* Element - Bild-Text Kombination */

.wmImageTextCombi > .left {
	float: left;
	margin: 6px 30px 10px 0;
	max-width: 50%;
}
.wmImageTextCombi > .right {
	float: right;
	margin: 6px 0 10px 30px;
	max-width: 50%;
}
.wmImageTextCombi img {
	display: block;
	width: 100%;
}
.wmImageTextCombi figcaption {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.23;
	margin: 11px 0 0 0;
}

@media all and (max-width: 750px){

	.wmImageTextCombi > .left,
	.wmImageTextCombi > .right {
		float: none;
		margin: 0 0 10px 0;
		max-width: none;
	}
	
}

/* Element - Anhangbild */

.wmSingleImage img {
	display: block;
	width: 100%;
}
.wmSingleImage > figcaption {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.23;
	margin: 11px 0 0;
}

/* Elemente - Bildergalerie */

.wmGallery li {
	float: left;
	margin: 0 4.430379746835443% 4.430379746835443% 0; /* 0 56 56 0 */
	position: relative;
	width: 30.379746835443036%; /* 384 */
}
.wmGallery li:nth-child(3n) {
	margin-right: 0;
}
.wmGallery li:nth-child(3n) + li {
	clear: left;
}
.wmGallery li figure a {
	display: block;
	overflow: hidden;
	position: relative;
}
.wmGallery li figure a:before {
	background: rgba(225, 0, 26, 0.8);
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity 500ms ease;
	width: 100%;
	z-index: 2;
}
.wmGallery li figure a:hover:before {
	opacity: 1;
}
.wmGallery li figure a i {
	color: #FFFFFF;
	font-size: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: scale(5);
	transition: opacity 500ms ease, transform 500ms ease;
	z-index: 3;
}
.wmGallery li figure a:hover > i {
	opacity: 1;
	transform: scale(1);
}
.wmGallery li figure a img {
	display: block;
	transition: transform 500ms ease;
	width: 100%;
}
.wmGallery li figure a:hover img {
	transform: scale(1.2) rotate(5deg);
}
.wmGallery li figure figcaption {
	font-size: 13px;
	font-weight: 600px;
	line-height: 1.23;
	margin: 11px 0 0;
}

/* Slider */

.wmGallery.hasSlider li {
	float: none !important;
	margin: 0 !important;
	width: 100% !important;
}
.wmGallery.hasSlider li figure figcaption {
	display: none;
}
.wmGallery.hasSlider .owl-dots {
	display: block;
	margin: 6px 0 0;
	text-align: center;
	width: 100%;
}
.wmGallery.hasSlider .owl-dots .owl-dot {
	display: inline-block;
}
.wmGallery.hasSlider .owl-dots .owl-dot > span {
	background: #E3E3E3;
	display: inline-block;
	height: 2px;
	margin: 0 3px;
	width: 16px;
}
.wmGallery.hasSlider .owl-dots .owl-dot.active > span {
	background: #E1001A;
}

/* Element - Tabelle */

.wmTable table {
	width: 100%;
}
.wmTable table tbody tr {
	background: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.wmTable table tbody tr.val2 {
	background: #F3F3F3;
	border-bottom: 1px solid #E3E3E3;
}
.wmTable table tbody tr td {
	padding: 6px 15px;
}
.wmTable table tbody tr:first-child td {
	background: #E1001A;
	color: #FFFFFF;
}
.wmTable table tbody tr td:first-child {
	border-left: 3px solid #E1001A;
}
.wmTable > p {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.23;
	margin: 11px 0 0 0;
}
.wmTableScroll .icon {
	display: none;
}

/* Scroll */

.wmTableScroll .tableWrapper {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.wmTableScroll.swipe .tableWrapper {
	padding: 0 0 50px 0;
}
.wmTableScroll.swipe .icon:before {
	display: block;
	font-size: 22px;
	position: absolute;
	text-align: center;
	top: 7px;
	width: 100%;
}
.wmTableScroll.swipe .icon {
	display: block;
	height: 40px;
	left: 0;
	margin: -48px 0 0;
	position: absolute;
	width: 100%;
}

/* Element - Tabelle - Mobile */

.wmTable.responsive > table,
.wmTable.responsive tbody,
.wmTable.responsive tr,
.wmTable.responsive td { 
	display: block; 
}
.wmTable.responsive tr:first-child { 
	left: -9999px;
	position: absolute;
	top: -9999px;
}
.wmTable.responsive tr { 
	border-bottom: 1px solid #cfcfcf;
}
.wmTable.responsive td:before {
	content: attr(data-title);
	font-weight: bold;
	left: 10px;
	overflow: hidden;
	padding-right: 10px;
	position: absolute;
	text-overflow: ellipsis;
	top: 6px;
	white-space: nowrap;
	width: 45%;
}
.wmTable.responsive td {
	border: medium none;
	padding-left: 50%;
	position: relative;
	text-align: left !important;
	width: auto !important;
}
.wmTable.responsive tr > td:first-child {
	border-left: 0;
}

/* Element - Verweisliste */

.wmReference li a {
	display: inline-block;
	padding: 4px 0 4px 20px;
	position: relative;
	transition: color 300ms ease;
}
.wmReference li a:hover {
	color: #5CAF00;
}
.wmReference li a > i {
	left: -9px;
	position: absolute;
	top: 4px;
}

/* Element - Einzelteaser */

.wmSingleTeaser > article {
	position: relative;
}
.wmSingleTeaser > article > h2 {
	display: none;
}
.wmSingleTeaser > article > figure > a {
	display: block;
	float: left;
	width: 49.367088607594937%; /* 624 */
}
.wmSingleTeaser > article > figure > a img {
	display: block;
	width: 100%;
}
.wmSingleTeaser > article > figure > figcaption {
	float: left;
	padding: 41px 0 110px 52px;
	width: 50.632911392405063%; /* 640 */
}
.wmSingleTeaser > article > figure > figcaption > a.title {
	color: #4A4A4A;
	display: block;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.17;
	transition: color 300ms ease;
}
.wmSingleTeaser > article > figure > figcaption > a.title:hover {
	color: #E1001A;
}
.wmSingleTeaser > article > figure > figcaption > p.text {
	margin: 30px 0 0;
}
.wmSingleTeaser > article > figure > figcaption > a.more {
	border: 1px solid #E1001A;
	bottom: 50px;
	color: #E1001A;
	display: block;
	font-weight: bold;
	line-height: 1;
	outline: 0;
	padding: 10px 16px 12px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
}
.wmSingleTeaser > article > figure > figcaption > a.more:hover {
	background: #E1001A;
	color: #FFFFFF;
}

@media all and (max-width: 1304px){
	
	.wmSingleTeaser > article > figure > figcaption {
		padding: 13px 0 84px 24px;
	}
	.wmSingleTeaser > article > figure > figcaption > a.more {
		bottom: 24px;
	}

}

@media all and (max-width: 1120px){

	.wmSingleTeaser > article > figure > figcaption > a.title {
		font-size: 32px;
	}

}

@media all and (max-width: 980px){

	.wmSingleTeaser > article > figure > figcaption > p.text {
		margin-top: 11px;
	}

}

@media all and (max-width: 880px){

	.wmSingleTeaser > article > figure > figcaption > p.text {
		max-height: 75px;
		overflow: hidden;
		position: relative;
	}
	.wmSingleTeaser > article > figure > figcaption > p.text:before {
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		bottom: 0;
		content: "";
		height: 50px;
		left: 0;
		position: absolute;
		right: 0;
	}

}

@media all and (max-width: 770px){

	.wmSingleTeaser > article > figure > a {
		float: none;
		width: 100%;
	}
	.wmSingleTeaser > article > figure > figcaption {
		float: none;
		padding-bottom: 60px;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.wmSingleTeaser > article > figure > figcaption > a.more {
		bottom: 0;
	}
	.wmSingleTeaser > article > figure > figcaption > p.text {
		max-height: auto;
	}
	.wmSingleTeaser > article > figure > figcaption > p.text:before {
		display: none;
	}

}

@media all and (max-width: 500px){

	.wmSingleTeaser > article > figure > figcaption > a.title {
		font-size: 22px;
	}
	.wmSingleTeaser > article > figure > figcaption > a.more {
		left: 0;
	}

}

/* Element - Einzelteaser - Story */

.wmStoryTeaser article {
	background: #E1001A;
	position: relative;
}
.wmStoryTeaser article > h2 {
	display: none;
}
.wmStoryTeaser article > figure > a {
	float: left;
	position: relative;
	width: 61.666666666666664%; /* 1184 */
	z-index: 1;
}
.wmStoryTeaser article > figure > a img {
	display: block;
	width: 100%;
}
.wmStoryTeaser article > figure > figcaption {
	background: #E1001A;
	bottom: 0;
	left: 50%;
	margin-left: 168px;
	padding: 54px 74px 178px 32px;
	position: absolute;
	top: 0;
	width: 451px; /* 451 */
	z-index: 2;
}
.wmStoryTeaser article > figure > figcaption:before {
	background: rgba(227, 227, 227, 0.5);
	bottom: 0;
	content: "";
	position: absolute;
	right: 51px;
	top: 0;
	width: 1px;
}
.wmStoryTeaser article > figure > figcaption > p.title > a {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
}
.wmStoryTeaser article > figure > figcaption > p.text {
	color: #FFFFFF;
	margin: 24px 0 0;
	height: 215px;
	overflow: hidden;
	position: relative;
}
.wmStoryTeaser article > figure > figcaption > p.text:after {
	/*background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(225,0,26,1) 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(225,0,26,1) 100%);*/ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(225,0,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom: 0;
	content: "";
	height: 35px;
	left: 0;
	position: absolute;
	width: 100%;
}
.wmStoryTeaser article > figure > figcaption > p.blogger {
	bottom: 60px;
	min-height: 64px;
	padding: 0 80px 0 0;
	position: absolute;
	right: 20px;
}
.wmStoryTeaser article > figure > figcaption > p.blogger > span {
	color: #FFFFFF;
	font-weight: 600;
	display: block;
	margin: 8px 0 0;
}
.wmStoryTeaser article > figure > figcaption > p.blogger > img {
	border-radius: 50%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 64px;
}
.wmStoryTeaser article > figure > figcaption > a.button {
	border: 1px solid #FFFFFF;
	bottom: 72px;
	color: #FFFFFF;
	left: 32px;
	line-height: 38px;
	padding: 0 15px;
	position: absolute;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
}
.wmStoryTeaser article > figure > figcaption > a.button:hover {
	background: #FFFFFF;
	color: #E1001A;
}

@media all and (max-width: 1440px){

	.wmStoryTeaser article > figure > figcaption {
		margin-left: 101px;
	}

}

@media all and (max-width: 1304px){

	.wmStoryTeaser article > figure > figcaption {
		left: auto;
		margin-left: 0;
		padding-right: 196px;
		right: 0;
		width: 551px;
	}
	.wmStoryTeaser article > figure > figcaption:before {
		right: 151px;
	}
	.wmStoryTeaser article > figure > figcaption > p.text {
		height: 145px;
	}
	.wmStoryTeaser article > figure > figcaption > p.blogger {
		right: 120px;
	}

}

@media all and (max-width: 1240px){

	.wmStoryTeaser article > figure > figcaption {
		padding-bottom: 112px;
		padding-left: 24px;
		padding-right: 90px;
		padding-top: 21px;
		width: 475px;
	}
	.wmStoryTeaser article > figure > figcaption:before {
		right: 65px;
	}
	.wmStoryTeaser article > figure > figcaption > p.blogger {
		bottom: 24px;
		right: 34px;
	}
	.wmStoryTeaser article > figure > figcaption > a.button {
		bottom: 36px;
		left: 24px;
	}

}

@media all and (max-width: 980px){

	.wmStoryTeaser article > figure > a {
		float: none;
		width: 100%;
	}
	.wmStoryTeaser article > figure > figcaption {
		bottom: auto;
		padding-left: 20px;
		padding-right: 86px;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}
	.wmStoryTeaser article > figure > figcaption > p.text {
		height: auto;
	}
	.wmStoryTeaser article > figure > figcaption > p.text:after {
		display: none;
	}
	.wmStoryTeaser article > figure > figcaption > a.button {
		left: 20px;
	}

}

@media all and (max-width: 500px){

	.wmStoryTeaser article > figure > figcaption {
		padding-right: 20px;
	}
	.wmStoryTeaser article > figure > figcaption:before {
		display: none;
	}
	.wmStoryTeaser article > figure > figcaption > p.title > a {
		font-size: 22px;
	}
	.wmStoryTeaser article > figure > figcaption > p.blogger {
		bottom: 30px;
		min-height: 52px;
		padding-right: 68px;
		right: 20px;
	}
	.wmStoryTeaser article > figure > figcaption > p.blogger > span {
		font-size: 13px;
		margin-top: 6.5px;
	}
	.wmStoryTeaser article > figure > figcaption > p.blogger > img {
		width: 52px;
	}

}

/* Element - Gruppenteaser - 4-spaltig */

.wmTeaser4Columns h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 29px;
	margin-top: 0;
}
.wmTeaser4Columns article {
	cursor: pointer;
	position: relative;
}
.wmTeaser4Columns article > h2 {
	display: none;
}
.wmTeaser4Columns article figure > a {
	display: block;
}
.wmTeaser4Columns article figure > a img {
	display: block;
	width: 100%;
}
.wmTeaser4Columns article figure > figcaption {
	padding: 18px 0 59px;
	position: relative;
}
.wmTeaser4Columns article figure > figcaption > a.title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 8px;
	transition: color 300ms ease;
}
.wmTeaser4Columns article:hover figure > figcaption > a.title {
	color: #5CAF00;
}
.wmTeaser4Columns article figure > figcaption > p.price {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 0;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmTeaser4Columns article:hover figure > figcaption > p.price {
	background: #5CAF00;
}
.wmTeaser4Columns article figure > figcaption > p.mark {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 0;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmTeaser4Columns article figure > figcaption > p.mark:before {
	content: "";
}
.wmTeaser4Columns article figure > figcaption > p.mark1:before {
	content: "Tipp";
}
.wmTeaser4Columns article:hover figure > figcaption > p.mark {
	background: #5CAF00;
}
.wmTeaser4Columns article figure > figcaption > a.more {
	border: 1px solid #E1001A;
	bottom: 0;
	color: #E1001A;
	display: block;
	font-weight: bold;
	left: 0;
	padding: 6px 24px 8px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.wmTeaser4Columns article:hover figure > figcaption > a.more {
	background: #5CAF00;
	border: 1px solid #5CAF00;
	color: #FFFFFF;
}

/* Dots */

.wmTeaser4Columns .owl-dots {
	display: block;
	margin: 20px 0 0;
	text-align: center;
	width: 100%;
}
.wmTeaser4Columns .owl-dots .owl-dot {
	display: inline-block;
}
.wmTeaser4Columns .owl-dots .owl-dot > span {
	background: #E3E3E3;
	display: inline-block;
	height: 2px;
	margin: 0 3px;
	transition: background 300ms ease;
	width: 16px;
}
.wmTeaser4Columns .owl-dots .owl-dot:hover > span,
.wmTeaser4Columns .owl-dots .owl-dot.active > span {
	background: #E1001A;
}

@media all and (max-width: 500px){

	.wmTeaser4Columns h2 {
		font-size: 22px;
	}

}

/* Element - Gruppenteaser - 4-spaltig mit BG */

.wmTeaser4ColumnsGrey {
	background: #F3F3F3;
	padding-bottom: 49px;
	padding-top: 67px;
}
.wmTeaser4ColumnsGrey:before {
	background: #F3F3F3;
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}
.wmTeaser4ColumnsGrey h2 {
	padding: 0 150px 0 0;
	position: relative;
}
.wmTeaser4ColumnsGrey h2 > a {
	font-size: 16px;
	font-weight: 600;
	padding: 0 15px 0 0;
	position: absolute;
	right: 0;
	top: 14px;
	transition: color 300ms ease;
}
.wmTeaser4ColumnsGrey h2 > a:hover {
	color: #5CAF00;
}
.wmTeaser4ColumnsGrey h2 > a > i {
	position: absolute;
	right: -8px;
	top: 0;
}
.wmTeaser4ColumnsGrey article {
	background: #FFFFFF;
}
.wmTeaser4ColumnsGrey article figure > figcaption {
	padding-bottom: 83px;
	padding-left: 24px;
	padding-right: 24px;
}
.wmTeaser4ColumnsGrey article figure > figcaption > p.price {
	left: 24px;
}
.wmTeaser4ColumnsGrey article figure > figcaption > p.mark {
	left: 24px;
}
.wmTeaser4ColumnsGrey article figure > figcaption > a.more {
	bottom: 24px;
	left: 24px;
	right: 24px;
}

/* Dots */

.wmTeaser4Columns .owl-dots {
	margin-bottom: 5px;
}

@media all and (max-width: 980px){

	.wmTeaser4ColumnsGrey {
		padding-bottom: 25px;
		padding-top: 40px;
	}

}

@media all and (max-width: 550px){

	.wmTeaser4ColumnsGrey {
		padding-bottom: 71px;
	}
	.wmTeaser4ColumnsGrey h2 {
		padding-right: 0;
		position: static;
	}
	.wmTeaser4ColumnsGrey h2 > a {
		border: 1px solid #E1001A;
		bottom: 24px;
		color: #E1001A;
		display: block;
		left: 20px;
		line-height: 1;
		padding: 10px 16px 12px;
		right: 20px;
		text-align: center;
		top: auto;
		transition: background 300ms ease, color 300ms ease;
	}
	.wmTeaser4ColumnsGrey h2 > a:hover {
		background: #E1001A;
		color: #FFFFFF;
	}
	.wmTeaser4ColumnsGrey h2 > a > i {
		display: none;
	}

}

/* Element - Gruppenteaser - 3-spaltig */

.wmTeaser3Columns h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 29px;
}
.wmTeaser3Columns article {
	cursor: pointer;
	position: relative;
}
.wmTeaser3Columns article > h2 {
	display: none;
}
.wmTeaser3Columns article figure > a {
	display: block;
}
.wmTeaser3Columns article figure > a img {
	display: block;
	width: 100%;
}
.wmTeaser3Columns article figure > figcaption {
	padding: 18px 0 59px;
	position: relative;
}
.wmTeaser3Columns article figure > figcaption > a.title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 8px;
	transition: color 300ms ease;
}
.wmTeaser3Columns article:hover figure > figcaption > a.title {
	color: #5CAF00;
}
.wmTeaser3Columns article figure > figcaption > a.title > i {
	font-size: 30px;
	line-height: 13px;
	position: relative;
	top: 8px;
}
.wmTeaser3Columns article figure > figcaption > p.price {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 0;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmTeaser3Columns article:hover figure > figcaption > p.price {
	background: #5CAF00;
}
.wmTeaser3Columns article figure > figcaption > p.mark {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 0;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmTeaser3Columns article figure > figcaption > p.mark:before {
	content: "";
}
.wmTeaser3Columns article figure > figcaption > p.mark1:before {
	content: "Tipp";
}
.wmTeaser3Columns article:hover figure > figcaption > p.mark {
	background: #5CAF00;
}
.wmTeaser3Columns article figure > figcaption > a.more {
	border: 1px solid #E1001A;
	bottom: 0;
	color: #E1001A;
	display: block;
	font-weight: bold;
	left: 0;
	padding: 6px 24px 8px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.wmTeaser3Columns article:hover figure > figcaption > a.more {
	background: #5CAF00;
	border: 1px solid #5CAF00;
	color: #FFFFFF;
}

/* Dots */

.wmTeaser3Columns .owl-dots {
	display: block;
	margin: 20px 0 0;
	text-align: center;
	width: 100%;
}
.wmTeaser3Columns .owl-dots .owl-dot {
	display: inline-block;
}
.wmTeaser3Columns .owl-dots .owl-dot > span {
	background: #E3E3E3;
	display: inline-block;
	height: 2px;
	margin: 0 3px;
	transition: background 300ms ease;
	width: 16px;
}
.wmTeaser3Columns .owl-dots .owl-dot:hover > span,
.wmTeaser3Columns .owl-dots .owl-dot.active > span {
	background: #E1001A;
}

@media all and (max-width: 500px){

	.wmTeaser3Columns h2 {
		font-size: 22px;
	}

}

/* Element - Gruppenteaser - 3-spaltig mit Sidebar */

.wmTeaser3ColumnsSideBar {
	background: #F3F3F3;
}
.wmTeaser3ColumnsSideBar:before {
	background: #F3F3F3;
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}
.wmTeaser3ColumnsSideBar .content {
	padding: 67px 80px 49px 0;
}
.wmTeaser3ColumnsSideBar .content h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 29px;
	margin-top: 0;
	position: relative;
}
.wmTeaser3ColumnsSideBar .content h2 > a {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 0 19px;
	padding: 0 15px 0 0;
	position: relative;
	top: -5px;
	transition: color 300ms ease;
}
.wmTeaser3ColumnsSideBar .content h2 > a:hover {
	color: #5CAF00;
}
.wmTeaser3ColumnsSideBar .content h2 > a > i {
	position: absolute;
	right: -8px;
	top: 0;
}
.wmTeaser3ColumnsSideBar .content article {
	cursor: pointer;
	position: relative;
}
.wmTeaser3ColumnsSideBar .content article > h2 {
	display: none;
}
.wmTeaser3ColumnsSideBar .content article figure > a {
	display: block;
}
.wmTeaser3ColumnsSideBar .content article figure > a img {
	display: block;
	width: 100%;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption {
	background: #FFFFFF;
	padding: 18px 24px 19px;
	position: relative;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > a {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 8px;
	transition: color 300ms ease;
}
.wmTeaser3ColumnsSideBar .content article:hover figure > figcaption > a {
	color: #5CAF00;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > a > i {
	font-size: 30px;
	line-height: 13px;
	position: relative;
	top: 8px;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > p.price {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 0;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmTeaser3ColumnsSideBar .content article:hover figure > figcaption > p.price {
	background: #5CAF00;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > p.mark {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 0;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > p.mark:before {
	content: "";
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > p.mark1:before {
	content: "Tipp";
}
.wmTeaser3ColumnsSideBar .content article:hover figure > figcaption > p.mark {
	background: #5CAF00;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > p.price {
	left: 24px;
}
.wmTeaser3ColumnsSideBar .content article figure > figcaption > p.mark {
	left: 24px;
}

/* Sidebar */

.wmTeaser3ColumnsSideBar .sideBar {
	background: rgba(255, 255, 255, 0.9);
	bottom: 0;
	opacity: 0;
	position: absolute;
	right: -200px;
	top: 0;
	transition: opacity 500ms ease, right 1000ms ease;
	width: 152px;
	z-index: 10;
}
.wmTeaser3ColumnsSideBar .sideBar:before {
	background: rgba(255, 255, 255, 0.9);
	bottom: 0;
	content: "";
	position: absolute;
	right: -5000px;
	top: 0;
	width: 5000px;
}
.wmTeaser3ColumnsSideBar.showSideBar  .sideBar {
	right: -67px;
	opacity: 1;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact {
	margin: 80px 0 0;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee {
	margin: 0 0 23px;
	position: relative;
	text-align: center;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee > img {
	display: inline-block;
	width: 64px;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee > p {
	background: #FFFFFF;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	font-weight: 600;
	line-height: 1.25;
	margin: 15px 16px 0;
	padding: 8px 10px;
	position: relative;
	text-align: left;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee > p:before {
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	content: "";
	height: 19px;
	left: 50%;
	margin: 0 0 0 -9.5px;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	width: 19px;
	z-index: 1;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee > p:after {
	background: #FFFFFF;
	content: "";
	height: 30px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	top: 0;
	width: 30px;
	z-index: 2;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee > p > span {
	display: block;
	position: relative;
	z-index: 3;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a {
	color: #4A4A4A;
	display: block;
	font-weight: 600;
	min-height: 40px;
	padding: 8px 0 8px 45px;
	position: relative;
	transition: background 300ms ease, color 300ms ease;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a:hover {
	background: #E1001A;
	color: #FFFFFF;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a > i {
	color: #E1001A;
	left: 0;
	position: absolute;
	top: 8px;
	transition: color 300ms ease;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a:hover > i {
	color: #FFFFFF;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a.chat > i {
	left: 15px;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a.phone > i {
	left: 14px;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a.email > i {
	left: 15px;
}
.wmTeaser3ColumnsSideBar .sideBar > .contact > a > span {
	display: block;
}

/* Dots */

.wmTeaser3ColumnsSideBar .owl-dots {
	display: block;
	margin: 20px 0 5px;
	text-align: center;
	width: 100%;
}
.wmTeaser3ColumnsSideBar .owl-dots .owl-dot {
	display: inline-block;
}
.wmTeaser3ColumnsSideBar .owl-dots .owl-dot > span {
	background: #E3E3E3;
	display: inline-block;
	height: 2px;
	margin: 0 3px;
	transition: background 300ms ease;
	width: 16px;
}
.wmTeaser3ColumnsSideBar .owl-dots .owl-dot:hover > span,
.wmTeaser3ColumnsSideBar .owl-dots .owl-dot.active > span {
	background: #E1001A;
}

@media all and (max-width: 1440px){

	.wmTeaser3ColumnsSideBar .content {
		padding-right: 148px;
	}

	/* Sidebar */
	
	.wmTeaser3ColumnsSideBar .sideBar {
		right: -152px;
	}
	.wmTeaser3ColumnsSideBar.showSideBar  .sideBar {
		right: 0;
		opacity: 1;
	}

}

@media all and (max-width: 1240px){

	.wmTeaser3ColumnsSideBar .content {
		padding-right: 96px;
	}

	/* Sidebar */

	.wmTeaser3ColumnsSideBar .sideBar {
		right: 0;
		width: 66px;
	}
	.wmTeaser3ColumnsSideBar.showSideBar  .sideBar {
		right: 0;
	}
	.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee {
		margin-bottom: 21px;
		margin-left: -33px;
	}
	.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee > img {
		display: block;
	}
	.wmTeaser3ColumnsSideBar .sideBar > .contact > .employee > p {
		display: none;
	}
	.wmTeaser3ColumnsSideBar .sideBar > .contact > a {
		padding-left: 0;
	}
	.wmTeaser3ColumnsSideBar .sideBar > .contact > a > i {
		left: 50% !important;
		transform: translate(-50%, 0);
	}
	.wmTeaser3ColumnsSideBar .sideBar > .contact > a > span {
		display: none;
	}

}

@media all and (max-width: 980px){

	.wmTeaser3ColumnsSideBar .content {
		padding-bottom: 25px;
		padding-right: 64px;
		padding-top: 40px;
	}

	/* Sidebar */

	.wmTeaser3ColumnsSideBar .sideBar > .contact {
		margin-top: 31px;
	}

}

@media all and (max-width: 550px){

	.wmTeaser3ColumnsSideBar {
		padding-bottom: 71px;
	}
	.wmTeaser3ColumnsSideBar .content h2 {
		padding-right: 0;
		position: static;
	}
	.wmTeaser3ColumnsSideBar .content h2 > a {
		border: 1px solid #E1001A;
		bottom: 24px;
		color: #E1001A;
		display: block;
		left: 20px;
		line-height: 1;
		margin-left: 0;
		padding: 10px 16px 12px;
		position: absolute;
		right: 86px;
		text-align: center;
		top: auto;
		transition: background 300ms ease, color 300ms ease;
	}
	.wmTeaser3ColumnsSideBar .content h2 > a:hover {
		background: #E1001A;
		color: #FFFFFF;
	}
	.wmTeaser3ColumnsSideBar .content h2 > a > i {
		display: none;
	}

}

@media all and (max-width: 500px){

	.wmTeaser3ColumnsSideBar .content h2 {
		font-size: 22px;
	}

}

@media all and (max-width: 400px){

	.wmTeaser3ColumnsSideBar .content {
		padding-right: 0;
	}
	.wmTeaser3ColumnsSideBar .content h2 > a {
		right: 20px;
	}

	/* Sidebar */

	.wmTeaser3ColumnsSideBar .sideBar {
		display: none;
	}

}

/* Element - Gruppenteaser - Stories */

/* Dots */

.wmStoriesTeaserWrapper .owl-dots {
	display: block;
	margin: 23px 0 34px;
	text-align: center;
	width: 100%;
}
.wmStoriesTeaserWrapper .owl-dots .owl-dot {
	display: inline-block;
}
.wmStoriesTeaserWrapper .owl-dots .owl-dot > span {
	background: #E3E3E3;
	display: inline-block;
	height: 2px;
	margin: 0 3px;
	transition: background 300ms ease;
	width: 16px;
}
.wmStoriesTeaserWrapper .owl-dots .owl-dot:hover > span,
.wmStoriesTeaserWrapper .owl-dots .owl-dot.active > span {
	background: #E1001A;
}

/* Navigation */

.wmStoriesTeaserWrapper .owl-nav > div {
	background: #E1001A;
	color: #FFFFFF;
	line-height: 38px;
	margin: -20px 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
}
.wmStoriesTeaserWrapper .owl-nav > .owl-prev {
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	left: 0;
}
.wmStoriesTeaserWrapper .owl-nav > .owl-next {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	right: 0;
}
.wmStoriesTeaserWrapper .owl-nav > div > i {
	display: block;
	line-height: 38px;
	font-size: 20px;
}

/* Element - Dropdown */

.wmDropdown > h3 {
	border-bottom: 3px solid #E3E3E3;
	cursor: pointer;
	padding: 0 0 10px 0;
	position: relative;
}
.wmDropdown > h3 + div {
	overflow: hidden;
}
.wmDropdown > h3.hide + div {
	display: none;
}
.wmDropdown > div > * {
	padding-left: 0;
	padding-right: 0;
}
.wmDropdown > div > *:first-child {
	margin-top: 0;
}

/* Element - Video */

.wmVideo > div {
	background: #E1001A;
}
.wmVideo .videoWrapper {
	float: left;
	width: 68.35443037974683%; /* 864 */
}
.wmVideo .videoWrapper > div {
	height: 0;
	overflow: hidden;
	padding: 30px 0 56.25% 0;
	position: relative;
}
.wmVideo .videoWrapper > div > iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.wmVideo .content {
	float: left;
	padding: 55px 31px;
	width: 31.645569620253166%; /* 400 */
}
.wmVideo .content h2 {
	color: #FFFFFF;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 22px;
}
.wmVideo .content .text {
	color: #FFFFFF;
	margin: 10px 0 0 0;
}

@media all and (max-width: 980px){

	.wmVideo .videoWrapper {
		float: none;
		width: 100%;
	}
	.wmVideo .content {
		float: none;
		padding: 30px 21px;
		width: 100%;
	}

}

@media all and (max-width: 500px){

	.wmVideo .content h2 {
		font-size: 22px;
	}

}

/* Element - Download */

.wmDownload > a {
	display: inline-block;
	padding: 0 0 0 30px;
	position: relative;
}
.wmDownload > a > i {
	left: 0;
	position: absolute;
	top: 0;
}

/* Elemente - Formular */

.wmForm > div {
	background: #F3F3F3;
	margin: 0 -10px;
	padding: 33px 0 40px;
	position: relative;
}
.wmForm > div:before {
	background: #F3F3F3;
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}
.wmForm h2 {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
}
.wmForm .row {
	margin: 0 0 15px 0;
	padding: 0 10px;
	position: relative;
}
.wmForm label,
.wmForm p.label {
	color: #4A4A4A;
	display: block;
	font-size: 13px;
	margin: 0 0 5px 0;
}
.wmForm .row.upload label,
.noPlaceholder .wmForm label {
	display: block;
}

/* Felder */

.wmForm .field {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	box-shadow: none !important;
	display: block;
	font-size: 16px;
	padding: 7px 15px 8px;
	width: 100%;
}
.wmForm select.field {
	padding-left: 9px;
	padding-right: 9px;
}
.wmForm select.hidden {
	visibility:hidden;
	position: absolute;
}
.wmForm select.field option {
	padding: 0 16px;
}
.wmForm textarea.field {
	height: 200px;
	padding: 15px;
}
.wmForm .field[type='file'] {
	font-weight: normal;
	height: auto;
	padding: 8px 15px;
}
.wmForm .field::-webkit-input-placeholder {
	font-weight: normal;
}
.wmForm .field::-moz-placeholder {
	font-weight: normal;
}
.wmForm .field:-ms-input-placeholder {
	font-weight: normal;
}
.wmForm .field:-moz-placeholder {
	font-weight: normal;
}
.wmForm .field:focus {
	border: 1px solid #3484A1;
}
.wmForm .field.datepicker {
	cursor: pointer;
}
.wmForm .validation .field {
	padding-right: 40px;
}
.wmForm .checkbox {
	padding: 0 0 0 40px;
	position: relative;
}
.wmForm .checkbox > input {
	display: none;
}
.wmForm .checkbox > input + label {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	cursor: pointer;
	display: block;
	left: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 12px;
	position: absolute;
	top: 1px;
	vertical-align: middle;
	width: 26px;
}
.wmForm .checkbox > input + label::before {
	display: none;
	margin: 0;
	position: absolute;
	font-size: 20px;
	top: 2px;
	left: 5px;
}
.wmForm .checkbox > input:checked + label:before {
	display: block;
}
.wmForm .checkbox > input + label + p {
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	position: relative;
	top: 1px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Button */

.wmForm .button {
	margin: 0 10px;
	text-align: right;
}
.wmForm .button button {
	background: #E1001A;
	border: 0 none;
	border-radius: 0;
	color: #FFFFFF;
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	outline: 0;
	padding: 11px 16px 13px;
	transition: background 300ms ease;
}
.wmForm .button button:hover {
	background: #5CAF00;
}
.wmForm .button > div {
	clear: both;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Message */

.wmForm .msg {
	margin: 0 10px 20px;
	padding: 10px 15px;
}
.wmForm .msg.error {
	border: 1px solid #E1001A;
	color: #E1001A;
}
.wmForm .msg.success {
	border: 1px solid #5CAF00;
	color: #5CAF00;
}

/* Mehrspaltig */

.wmForm .row.multicolumn {
	float: left;
	width: 50%;
}
.wmForm .row.multicolumn + *:not(.multicolumn) {
	clear: left;
}

/* Validation */

.wmForm .row.check .field {
	border: 1px solid #5CAF00;
}
.wmForm .row.validationError .field,
.wmForm .spm .field.validationError {
	border: 1px solid #E1001A;
}
.wmForm .icon:before {
	color: #E1001A;
	margin-right: 0;
}
.wmForm .row.check .icon:before {
	color: #5CAF00;
}
.wmForm .row.validationError .icon:before {
	color: #E1001A;
}
.wmForm .icon {
	font-size: 14px;
	position: absolute;
	right: 25px;
	top: 33px;
}
.wmForm .checkbox > input.validationError + label {
	border: 1px solid #E1001A;
}


@media all and (max-width: 500px){

	.wmForm .row.multicolumn {
		float: none;
		width: 100%;
	}
	.wmForm .button button {
		display: block;
		width: 100%;
	}

}

/* Elemente - 2-spaltig */

/* Element - Bildergalerie */

body.twoColumns .wmGallery li {
	margin-bottom: 2.040816326530612%; /* 16 */
	margin-right: 2.040816326530612%; /* 16 */
	width: 48.979591836734691%; /* 384 */
}
body.twoColumns .wmGallery li:nth-child(3n) {
	margin-right: 2.040816326530612%; /* 16 */
}
body.twoColumns .wmGallery li:nth-child(3n) + li {
	clear: none;
}
body.twoColumns .wmGallery li:nth-child(2n) {
	margin-right: 0;
}
body.twoColumns .wmGallery li:nth-child(2n) + li {
	clear: left;
}

/* Element - Einzelteaser */
	
body.twoColumns .wmSingleTeaser > article > figure > figcaption {
	padding: 13px 0 84px 24px;
}
body.twoColumns .wmSingleTeaser > article > figure > figcaption > a.title {
	font-size: 32px;
}
body.twoColumns .wmSingleTeaser > article > figure > figcaption > a.more {
	bottom: 24px;
}

/* Element - Gruppenteaser - 4-spaltig */

body.twoColumns .wmTeaser4Columns article {
	float: left;
	margin-bottom: 2.040816326530612%; /* 16 */
	margin-right: 2.040816326530612%; /* 16 */
	width: 48.979591836734691%; /* 384 */
}
body.twoColumns .wmTeaser4Columns article:nth-of-type(4n) {
	margin-right: 2.040816326530612%; /* 16 */
}
body.twoColumns .wmTeaser4Columns article:nth-of-type(4n) + article {
	clear: none;
}
body.twoColumns .wmTeaser4Columns article:nth-of-type(2n) {
	margin-right: 0;
}
body.twoColumns .wmTeaser4Columns article:nth-of-type(2n) + article {
	clear: left;
}

/* Element - Gruppenteaser - 3-spaltig */

body.twoColumns .wmTeaser3Columns article {
	float: left;
	margin-bottom: 2.040816326530612%; /* 16 */
	margin-right: 2.040816326530612%; /* 16 */
	width: 48.979591836734691%; /* 384 */
}
body.twoColumns .wmTeaser3Columns article:nth-of-type(3n) {
	margin-right: 2.040816326530612%; /* 16 */
}
body.twoColumns .wmTeaser3Columns article:nth-of-type(3n) + article {
	clear: none;
}
body.twoColumns .wmTeaser3Columns article:nth-of-type(2n) {
	margin-right: 0;
}
body.twoColumns .wmTeaser3Columns article:nth-of-type(2n) + article {
	clear: left;
}

/* Element - Video */

body.twoColumns .wmVideo .videoWrapper {
	float: none;
	width: 100%;
}
body.twoColumns .wmVideo .content {
	float: none;
	width: 100%;
}

@media all and (max-width: 770px){

	/* Element - Einzelteaser */

	body.twoColumns .wmSingleTeaser > article > figure > figcaption {
		padding-left: 0;
	}

}

@media all and (max-width: 550px){

	/* Element - Gruppenteaser - 4-spaltig */

	body.twoColumns .wmTeaser4Columns article {
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%;
	}
	
	/* Element - Gruppenteaser - 3-spaltig */

	body.twoColumns .wmTeaser3Columns article {
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%;
	}

}

/* Erweiterung - Blätterkatalog 1.0 */

.wmFlippingBook > article {
	position: relative;
}
.wmFlippingBook > article > h2 {
	display: none;
}
.wmFlippingBook > article > figure > a {
	background: #F3F3F3;
	display: block;
	float: left;
	padding: 32px 32px 26px;
	text-align: center;
	width: 49.367088607594937%; /* 624 */
}
.wmFlippingBook > article > figure > a img {
	display: inline-block;
	max-height: 400px;
	max-width: 280px;
	width: 100%;
}
.wmFlippingBook > article > figure > figcaption {
	float: left;
	padding: 29px 0 33px 52px;
	width: 50.632911392405063%; /* 640 */
}
.wmFlippingBook > article > figure > figcaption > a.download {
	display: inline-block;
	font-weight: 600;
	line-height: 1.2;
	padding: 0 13px 0 0;
	position: relative;
	transition: color 300ms ease;
}
.wmFlippingBook > article > figure > figcaption > a.download:hover {
	color: #5CAF00;
}
.wmFlippingBook > article > figure > figcaption > a.download > i {
	position: absolute;
	right: -8px;
	top: -1px;
}
.wmFlippingBook > article > figure > figcaption > p.title {
	margin: 20px 0 0;
}
.wmFlippingBook > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.17;
	transition: color 300ms ease;
}
.wmFlippingBook > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.wmFlippingBook > article > figure > figcaption > div {
	background: #F3F3F3;
	margin: 88px 0 0;
	max-width: 384px;
	padding: 26px 24px 27px;
	position: relative;
}
.wmFlippingBook > article > figure > figcaption > div > a.title {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 8px;
	transition: color 300ms ease;
}
.wmFlippingBook > article > figure > figcaption > div:hover > a.title {
	color: #9A0012;
}
.wmFlippingBook > article > figure > figcaption > div > a.title > i {
	font-size: 30px;
	position: absolute;
}
.wmFlippingBook > article > figure > figcaption > div > p.text {
	max-height: 145px;
	overflow: hidden;
	position: relative;
}
.wmFlippingBook > article > figure > figcaption > div > p.text:after {
	background: -moz-linear-gradient(top, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,243,243,0) 0%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,243,243,0) 0%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom: 0;
	content: "";
	height: 35px;
	left: 0;
	position: absolute;
	width: 100%;
}
.wmFlippingBook > article > figure > figcaption > div > a.browse {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 24px;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmFlippingBook > article > figure > figcaption > div > a.browse:hover {
	background: #5CAF00;
}

@media all and (max-width: 1304px){
	
	.wmFlippingBook > article > figure > figcaption {
		padding: 17px 0 24px 24px;
	}
	.wmFlippingBook > article > figure > figcaption > div {
		margin-top: 50px;
	}

}

@media all and (max-width: 1120px){

	.wmFlippingBook > article > figure > figcaption > p.title > a {
		font-size: 32px;
	}
	.wmFlippingBook > article > figure > figcaption > div {
		margin-top: 56px;
		max-width: 100%;
		padding-bottom: 18px;
	}

}

@media all and (max-width: 980px){

	.wmFlippingBook > article {
		min-height: 320px;
	}
	.wmFlippingBook > article > figure > a {
		float: none;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.wmFlippingBook > article > figure > figcaption {
		margin-left: 49.367088607594937%; /* 624 */
	}
	.wmFlippingBook > article > figure > figcaption > a.download {
		display: none;
	}
	.wmFlippingBook > article > figure > figcaption > p.title {
		margin-top: 0;
	}

}

@media all and (max-width: 700px){

	.wmFlippingBook > article {
		min-height: 0;
	}
	.wmFlippingBook > article > figure > a {
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}
	.wmFlippingBook > article > figure > figcaption {
		float: none;
		margin-left: 0;
		padding-bottom: 0;
		padding-left: 0;
		width: 100%;
	}
	.wmFlippingBook > article > figure > figcaption > a.download {
		display: inline-block;
	}
	.wmFlippingBook > article > figure > figcaption > p.title {
		margin-top: 10px;
	}

}

@media all and (max-width: 500px){

	.wmFlippingBook > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}

}

/* Erweiterung - Mega-Deal */

.wmMegaDeal > article {
	position: relative;
}
.wmMegaDeal > article > h2 {
	display: none;
}
.wmMegaDeal > article > figure > a {
	display: block;
	float: left;
	width: 49.367088607594937%; /* 624 */
}
.wmMegaDeal > article > figure > a img {
	display: block;
	width: 100%;
}
.wmMegaDeal > article > figure > figcaption {
	float: left;
	padding: 29px 0 33px 52px;
	width: 50.632911392405063%; /* 640 */
}
.wmMegaDeal > article > figure > figcaption > a.link {
	display: inline-block;
	font-weight: 600;
	line-height: 1.2;
	padding: 0 13px 0 0;
	position: relative;
	transition: color 300ms ease;
}
.wmMegaDeal > article > figure > figcaption > a.link:hover {
	color: #5CAF00;
}
.wmMegaDeal > article > figure > figcaption > a.link > i {
	position: absolute;
	right: -8px;
	top: -1px;
}
.wmMegaDeal > article > figure > figcaption > p.headline {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.17;
	margin: 19px 0 0;
}
.wmMegaDeal > article > figure > figcaption > div {
	background: #F3F3F3;
	cursor: pointer;
	margin: 87px 0 0;
	max-width: 384px;
	padding: 26px 24px 27px;
	position: relative;
}
.wmMegaDeal > article > figure > figcaption > div > a {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 8px;
	transition: color 300ms ease;
}
.wmMegaDeal > article > figure > figcaption > div:hover > a {
	color: #5CAF00;
}
.wmMegaDeal > article > figure > figcaption > div > a > i {
	font-size: 30px;
	line-height: 13px;
	position: relative;
	top: 8px;
}
.wmMegaDeal > article > figure > figcaption > div > p.text {
	max-height: 120px;
	overflow: hidden;
	position: relative;
}
.wmMegaDeal > article > figure > figcaption > div > p.text:after {
	background: -moz-linear-gradient(top, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,243,243,0) 0%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,243,243,0) 0%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom: 0;
	content: "";
	height: 35px;
	left: 0;
	position: absolute;
	width: 100%;
}
.wmMegaDeal > article > figure > figcaption > div > p.price {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 24px;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmMegaDeal > article > figure > figcaption > div:hover > p.price {
	background: #5CAF00;
}

@media all and (max-width: 1304px){
	
	.wmMegaDeal > article > figure > figcaption {
		padding: 17px 0 24px 24px;
	}
	.wmMegaDeal > article > figure > figcaption > div {
		margin-top: 50px;
	}

}

@media all and (max-width: 1120px){

	.wmMegaDeal > article > figure > figcaption > p.headline {
		font-size: 32px;
	}
	.wmMegaDeal > article > figure > figcaption > div {
		margin-top: 56px;
		max-width: 100%;
		padding-bottom: 18px;
	}

}

@media all and (max-width: 980px){

	.wmMegaDeal > article {
		min-height: 320px;
	}
	.wmMegaDeal > article > figure > a {
		float: none;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.wmMegaDeal > article > figure > figcaption {
		margin-left: 49.367088607594937%; /* 624 */
	}
	.wmMegaDeal > article > figure > figcaption > a.link {
		display: none;
	}
	.wmMegaDeal > article > figure > figcaption > p.headline {
		margin-top: 0;
	}

}

@media all and (max-width: 700px){

	.wmMegaDeal > article {
		min-height: 0;
	}
	.wmMegaDeal > article > figure > a {
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}
	.wmMegaDeal > article > figure > figcaption {
		float: none;
		margin-left: 0;
		padding-bottom: 0;
		padding-left: 0;
		width: 100%;
	}

}

@media all and (max-width: 500px){

	.wmMegaDeal > article > figure > figcaption > p.headline {
		font-size: 22px;
	}

}

/* Erweiterung - Panoramen */

.wmPanos a.entry {
	background: #F3F3F3;
	display: block;
	float: left;
	margin: 0 1.265822784810127% 1.265822784810127% 0; /* 0 16 16 0 */
	transition: background 300ms ease;
	width: 32.48892405063291%; /* 410.66 */
}
.wmPanos a.entry:hover {
	background: #E1001A;
}
.wmPanos a.entry:nth-child(3n) {
	margin-right: 0;
}
.wmPanos a.entry:last-child {
	margin-right: 0;
}
.wmPanos a.entry > .image {
	position: relative;
}
.wmPanos a.entry > .image:before {
	background: rgba(255, 255, 255, 0.5);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.wmPanos a.entry > .image img {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
}
.wmPanos a.entry > .image > i {
	color: #E1001A;
	font-size: 70px;
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}
.wmPanos a.entry > .image > i:after {
	content: "360°";
	display: block;
	font-family: 'adelle-sans', sans-serif;
	font-size: 36px;
	font-weight: bold;
}
.wmPanos a.entry > span.title {
	color: #E1001A;
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.45;
	padding: 24px 23px;
	position: relative;
	transition: color 300ms ease;
}
.wmPanos a.entry:hover > span.title {
	color: #FFFFFF;
}

@media all and (max-width: 1050px){

	.wmPanos a.entry {
		width: 49.367088607594937%; /* 624 */
	}

}

@media all and (max-width: 600px){

	.wmPanos a.entry {
		float: none;
		margin: 0 0 16px 0;
		min-height: 0 !important;
		width: 100%;
	}

}

@media all and (max-width: 400px){

	.wmPanos a.entry > span.title {
		font-size: 18px;
		padding: 15px 58px 15px 15px;
	}
	.wmPanos a.entry > span.title > i.material-icons {
		font-size: 28px;
		margin-top: -14px;
		right: 15px;
	}

}

/* Erweiterung - Routenplaner 1.0 */

/* Map */

.wmRoutePlanner > div > .map > img {
	display: block;
	width: 100%;
}

/* Content */

.wmRoutePlanner > div > .content {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	left: 50%;
	margin: 0 0 0 168px;
	padding: 86px 32px 32px;
	position: absolute;
	top: 0;
	width: 396px;
}
.wmRoutePlanner > div > .content > h2 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0;
}
.wmRoutePlanner > div > .content > p {
	margin: 23px 0 0;
}
.wmRoutePlanner > div > .content > .map {
	bottom: 36px;
	left: 18px;
	position: absolute;
	right: 29px;
}
.wmRoutePlanner > div > .content > .map > img {
	display: block;
	width: 100%;
}
.wmRoutePlanner > div > .planner {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	left: 50%;
	margin: 0 0 0 719px;
	opacity: 0;
	padding: 88px 15px 0;
	position: absolute;
	top: 0;
	transition: opacity 500ms ease, margin-left 1000ms ease, right 1000ms ease;
	width: 152px;
}
.wmRoutePlanner.showSideBar > div > .planner {
	margin-left: 567px;
	opacity: 1;
}
.wmRoutePlanner > div > .planner:before {
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	content: "";
	position: absolute;
	right: -5000px;
	top: 0;
	width: 5000px;
}
.wmRoutePlanner > div > .planner > h2 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 18px;
}
.wmRoutePlanner > div > .planner > form > .origin {
	margin: 0 0 8px;
}
.wmRoutePlanner > div > .planner > form > .origin > input {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	color: #4A4A4A;
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	margin: 0;
	overflow: hidden;
	padding: 0 14px;
	text-overflow: ellipsis;
	transition: border 300ms ease, color 300ms ease;
	white-space: nowrap;
	width: 100%;
}
.wmRoutePlanner > div > .planner > form > .origin.error > input {
	border: 1px solid #E74C3C;
	color: #E74C3C;
}
.wmRoutePlanner > div > .planner > form > .destination > .select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	position: relative;
}
.wmRoutePlanner > div > .planner > form > .destination.error > .select {
	border: 1px solid #E74C3C;
}
.wmRoutePlanner > div > .planner > form > .destination > .select > select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: 0 none;
	border-radius: 0;
	cursor: pointer;
	font-size: 15px;
	margin: 0;
	overflow: hidden;
	padding: 7px 30px 7px 10px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}
.wmRoutePlanner > div > .planner > form > .destination > .select > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 9px;
	z-index: 1;
}
.wmRoutePlanner > div > .planner > form > .destination.error > .select > select {
	color: #E74C3C;
}
.wmRoutePlanner > div > .planner > form > .travelMode {
	margin: 35px 0 0;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li {
	cursor: pointer;
	line-height: 16px;
	margin: 0 0 16px;
	padding: 0 0 0 16px;
	position: relative;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li:last-child {
	margin-bottom: 0;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li:before {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 50%;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 0;
	width: 16px;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li:after {
	background: #E1001A;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 4px;
	opacity: 0;
	position: absolute;
	top: 4px;
	transition: opacity 300ms ease;
	width: 8px;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li > span {
	display: block;
	font-weight: 600;
	padding: 0 0 0 33px;
	position: relative;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li > span:before {
	color: #E1001A;
	content: '\E800';
	font-family: 'routeplanner';
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 0;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode='DRIVING'] > span:before {
	content: '\E800';
	font-size: 13px;
	left: 9px;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode='BICYCLING'] > span:before {
	content: '\E801';
	font-size: 14px;
	left: 8px;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode='TRANSIT'] > span:before {
	content: '\E802';
	font-size: 17px;
	left: 10.5px;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode='WALKING'] > span:before {
	content: '\E803';
	font-size: 17px;
	left: 11px;
}
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li:hover:after,
.wmRoutePlanner > div > .planner > form > .travelMode > ul > li.selected:after {
	opacity: 1;
}
.wmRoutePlanner > div > .planner > form > .button {
	margin: 37px 0 0;
}
.wmRoutePlanner > div > .planner > form > .button > input {
	background: #E1001A;
	border: 0 none;
	border-radius: 0;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 40px;
	padding: 0 25px;
	text-align: center;
	transition: background 300ms ease;
	width: 100%;
}
.wmRoutePlanner > div > .planner > form > .button > input:hover {
	background: #5CAF00;
}

@media all and (max-width: 1440px){

	/* Content */
	
	.wmRoutePlanner > div > .content {
		margin-left: 101px;
		padding-top: 54px;
	}
	.wmRoutePlanner > div > .planner {
		margin-left: 652px;
		padding-top: 55px;
	}
	.wmRoutePlanner.showSideBar > div > .planner {
		margin-left: 500px;
	}

}

@media all and (max-width: 1380px){

	/* Content */
	
	.wmRoutePlanner > div > .content > p {
		font-size: 14px;
	}

}

@media all and (max-width: 1304px){

	/* Content */
	
	.wmRoutePlanner > div > .content {
		left: auto;
		margin-left: 0;
		right: 155px;
	}
	.wmRoutePlanner > div > .planner {
		left: auto;
		margin-left: 0 !important;
		right: -152px;
	}
	.wmRoutePlanner.showSideBar > div > .planner {
		right: 0;
	}

}

@media all and (max-width: 1280px){

	/* Content */

	.wmRoutePlanner > div > .content > p {
		margin-right: 1em;
		max-height: 65px;
		overflow: hidden;
		padding-right: 1em;
		position: relative;
		text-align: justify;
	}
	.wmRoutePlanner > div > .content > p:before {
		bottom: 2px;
		content: "...";
		position: absolute;
		right: 0;
	}

}

@media all and (max-width: 1240px){

	/* Content */

	.wmRoutePlanner > div > .content {
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 21px;
	}
	.wmRoutePlanner > div > .content > .map {
		bottom: 24px;
	}
	.wmRoutePlanner > div > .planner {
		padding-top: 23px;
	}
		
}

@media all and (max-width: 980px){

	/* Map */

	.wmRoutePlanner > div > .map {
		min-height: 412px;
		overflow: hidden;
		position: relative;
	}
	.wmRoutePlanner > div > .map > img {
		height: 100%;
		left: 50%;
		min-width: 100%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: auto;
	}

	/* Content */

	.wmRoutePlanner > div > .content {
		display: none;
	}

}

@media all and (max-width: 740px){

	/* Map */

	.wmRoutePlanner > div > .map > img {
		transform: translate(-40%, -50%);
	}

}

@media all and (max-width: 500px){

	/* Map */

	.wmRoutePlanner > div > .map {
		display: none;
	}

	/* Content */

	.wmRoutePlanner > div > .planner {
		background: #F3F3F3;
		left: auto;
		opacity: 1 !important;
		padding: 20px;
		position: relative;
		right: auto !important;
		width: 100%;
	}
	.wmRoutePlanner > div > .planner > h2 {
		font-size: 22px;
	}
	
}

/* Erweiterung - Routenplaner 1.0 - Overlay */

.OverlayWrapper {
	background: #FFFFFF;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	width: 100%;
	z-index: 9999;
}
body.showOverlay .OverlayWrapper {
	opacity: 1;
}

/* Content */

.OverlayWrapper > .content {
	background: #FFFFFF;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: left 500ms ease;
	width: 380px;
	z-index: 3;
}
body.hideRouteDetails .OverlayWrapper > .content {
	left: -380px;
}

/* Logo */

.OverlayWrapper > .content > a.logo {
	display: block;
	padding: 32px 30px 32px;
	text-align: center;
}
.OverlayWrapper > .content > a.logo > img {
	display: inline-block;
	max-width: 225px;
	width: 100%;
}

/* Info */

.OverlayWrapper > .content > .info {
	background: #E7E9ED;
	border-top: 2px solid #CFD1D5;
	padding: 30px;
}
.OverlayWrapper > .content > .info > .travelMode {
	margin: 0 0 13px;
}
.OverlayWrapper > .content > .info > .travelMode:after {
	clear: both;
	content: "";
	display: block;
}
.OverlayWrapper > .content > .info > .travelMode > p {
	float: left;
	line-height: 35px;
}
.OverlayWrapper > .content > .info > .travelMode > ul {
	float: right;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li {
	background: #BABDC3;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0 0 0 5px;
	text-align: center;
	transition: background 300ms ease;
	width: 35px;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li:before {
	content: '\E800';
	font-family: 'routeplanner';
}
.OverlayWrapper > .content > .info > .travelMode > ul > li[data-mode='DRIVING']:before {
	content: '\E800';
	font-size: 16px;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li[data-mode='BICYCLING']:before {
	content: '\E801';
	font-size: 19px;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li[data-mode='TRANSIT']:before {
	content: '\E802';
	font-size: 21px;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li[data-mode='WALKING']:before {
	content: '\E803';
	font-size: 21px;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li:hover,
.OverlayWrapper > .content > .info > .travelMode > ul > li.selected {
	background: #1D77BA;
}
.OverlayWrapper > .content > .info > .row {
	padding: 0 0 0 40px;
	position: relative;
}
.OverlayWrapper > .content > .info > .row:before {
	background: #1D77BA;
	border-radius: 50%;
	content: "";
	height: 10px;
	left: 6px;
	position: absolute;
	top: 12px;
	width: 10px;
}
.OverlayWrapper > .content > .info > .row.origin:after {
	background: #1D77BA;
	content: "";
	height: 25px;
	left: 10px;
	position: absolute;
	top: 22px;
	width: 2px;
}
.OverlayWrapper > .content > .info > .row > input {
	background: none;
	border: 0 none;
	border-bottom: 1px solid #BABDC3;
	border-radius: 0;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.OverlayWrapper > .content > .info > .route {
	margin: 26px 0 0;
}
.OverlayWrapper > .content > .info > .route:after {
	clear: both;
	content: "";
	display: block;
}
.OverlayWrapper > .content > .info > .route > p.origin,
.OverlayWrapper > .content > .info > .route > p.destination {
	display: none;
}
.OverlayWrapper > .content > .info > .route > p.distance,
.OverlayWrapper > .content > .info > .route > p.duration {
	float: left;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 31px;
	position: relative;
}
.OverlayWrapper > .content > .info > .route > p.duration {
	margin-left: 20px;
	padding-left: 26px;
}
.OverlayWrapper > .content > .info > .route > p.distance:before {
	color: #1D77BA;
	content: '\E804';
	font-family: 'routeplanner';
	font-size: 11px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 2px;
}
.OverlayWrapper > .content > .info > .route > p.duration:before {
	color: #1D77BA;
	content: '\E805';
	font-family: 'routeplanner';
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 0;
}

/* Details */

.OverlayWrapper > .content > .details {
	bottom: 75px;
	left: 0;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 346px;
	-webkit-overflow-scrolling: touch;
}
.OverlayWrapper > .content > .details > .steps > div {
	overflow: hidden;
	padding: 12px 30px 15px;
	position: relative;
}
.OverlayWrapper > .content > .details > .steps > div:after {
	background: #BABDC3;
	bottom: 0;
	content: "";
	height: 1px;
	left: 30px;
	position: absolute;
	right: 30px;
}
.OverlayWrapper > .content > .details > .steps > div:last-child:after {
	display: none;
}
.OverlayWrapper > .content > .details > .steps > div > .text {
	line-height: 1.2;
}
.OverlayWrapper > .content > .details > .steps > div > .text > b {
	font-weight: bold;
}
.OverlayWrapper > .content > .details > .steps > div > .route:after {
	clear: both;
	content: "";
	display: block;
}
.OverlayWrapper > .content > .details > .steps > div > .route > .distance {
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	margin: 9px 0 0;
	padding: 0 0 0 31px;
	position: relative;
}
.OverlayWrapper > .content > .details > .steps > div > .route > .duration {
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2;
	margin: 9px 0 0 20px;
	padding: 0 0 0 26px;
	position: relative;
}
.OverlayWrapper > .content > .details > .steps > div > .route > .distance:before {
	color: #646A72;
	content: '\E804';
	font-family: 'routeplanner';
	font-size: 11px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 3px;
}
.OverlayWrapper > .content > .details > .steps > div > .route > .duration:before {
	color: #646A72;
	content: '\E805';
	font-family: 'routeplanner';
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 1px;
}

/* Trigger - Drucken */

.OverlayWrapper > .content > .print {
	background: #E7E9ED;
	bottom: 0;
	left: 0;
	padding: 15px 30px;
	position: absolute;
	width: 100%;
}
.OverlayWrapper > .content > .print > a {
	background: #1D77BA;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	line-height: 45px;
	padding: 0 25px;
	text-align: center;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.OverlayWrapper > .content > .print > a:hover {
	background: #0173C7;
}

/* Trigger */

.OverlayWrapper > .content > .trigger {
	background: #1D77BA;
	color: #FFFFFF;
	display: none;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -40px;
	text-align: center;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 40px;
	z-index: 1;
}
.OverlayWrapper > .content > .trigger:before {
	content: '\E808';
	font-family: 'routeplanner';
	font-size: 30px;
}
.OverlayWrapper > .content > .trigger:hover {
	background: #1D77BA;
	color: #FFFFFF;
}

/* Map */

.OverlayWrapper > .map {
	bottom: 0;
	left: 380px;
	position: absolute;
	right: 0;
	top: 0;
	transition: left 500ms ease;
	z-index: 1;
}
body.hideRouteDetails .OverlayWrapper > .map {
	left: 0;
}

/* Marker */

.OverlayWrapper > .map .map-icon-label {
	height: 92px;
	position: absolute;
	width: 60px;
}
.OverlayWrapper > .map .marker {
	height: 82px;
}
.OverlayWrapper > .map .marker:before {
	background: #fdfdfe; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfe 0%, #cdcecf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fdfdfe 0%,#cdcecf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fdfdfe 0%,#cdcecf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	content: "\E807";
	font-family: "routeplanner";
	font-size: 82px;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 2;
}
.OverlayWrapper > .map .marker.destination:before {
	display: none;
}
.OverlayWrapper > .map .marker:after {
	color: transparent;
	content: "\E807";
	font-family: "routeplanner";
	font-size: 82px;
	left: 0;
	position: absolute;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	top: 0;
	z-index: 1;
}
.OverlayWrapper > .map .marker.destination:after {
	display: none;
}
.OverlayWrapper > .map .marker > div {
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	bottom: -36px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	height: 60px;
	position: absolute;
	width: 60px;
}
.OverlayWrapper > .map .marker > div:before {
	background: #1D77BA;
	border-radius: 50%;
	content: "";
	height: 14px;
	left: 50%;
	margin: -7px 0 0 -7px;
	position: absolute;
	top: 50%;
	width: 14px;
}
.OverlayWrapper > .map .marker.origin > div:after {
	color: #293540;
	content: "";
	font-family: "routeplanner";
	left: 0;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: -62px;
	width: 60px;
	z-index: 2;
}
.OverlayWrapper > .map .marker.origin[data-mode='DRIVING'] > div:after {
	content: "\E800";
	font-size: 22px;
}
.OverlayWrapper > .map .marker.origin[data-mode='BICYCLING'] > div:after {
	content: "\E801";
	font-size: 27px;
}
.OverlayWrapper > .map .marker.origin[data-mode='TRANSIT'] > div:after {
	content: "\E802";
	font-size: 30px;
}
.OverlayWrapper > .map .marker.origin[data-mode='WALKING'] > div:after {
	content: "\E803";
	font-size: 30px;
}

/* Trigger - Schließen */

.OverlayWrapper > a.triggerClose {
	background: #FFFFFF;
	color: #293540;
	height: 60px;
	line-height: 60px;
	position: absolute;
	right: 30px;
	text-align: center;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 60px;
	z-index: 2;
}
.OverlayWrapper > a.triggerClose:before {
	content: '\E806';
	font-family: 'routeplanner';
	font-size: 25px;
}
.OverlayWrapper > a.triggerClose:hover {
	background: #1D77BA;
	color: #FFFFFF;
}

@media all and (max-width: 1000px){

	/* Trigger */

	.OverlayWrapper > .content > .trigger {
		display: block;
	}

	/* Trigger - Schließen */

	.OverlayWrapper > a.triggerClose {
		height: 40px;
		line-height: 40px;
		right: 0;
		width: 40px;
	}
	.OverlayWrapper > a.triggerClose:before {
		font-size: 20px;
	}

}

@media all and (max-width: 500px){

	/* Logo */

	.OverlayWrapper > .content > a.logo {
		padding-left: 25px;
		padding-right: 25px;
	}

	/* Info */
		
	.OverlayWrapper > .content > .info {
		padding-left: 25px;
		padding-right: 25px;
	}

	/* Details */

	.OverlayWrapper > .content > .details {
		bottom: 0;
	}
	.OverlayWrapper > .content > .details > .steps > div {
		padding-left: 25px;
		padding-right: 25px;
	}
	.OverlayWrapper > .content > .details > .steps > div:after {
		left: 25px;
		right: 25px;
	}

	/* Trigger - Drucken */

	.OverlayWrapper > .content > .print {
		display: none;
	}

}

@media all and (max-width: 460px){

	/* Content */

	.OverlayWrapper > .content {
		width: 100%;
	}
	body.hideRouteDetails .OverlayWrapper > .content {
		left: -100%;
	}

	/* Logo */

	.OverlayWrapper > .content > a.logo {
		display: none;
	}

	/* Info */

	.OverlayWrapper > .content > .info {
		border-top: 0 none;
		padding-bottom: 23px;
		padding-top: 25px;
	}
	.OverlayWrapper > .content > .info > .travelMode > p {
		display: none;
	}
	.OverlayWrapper > .content > .info > .travelMode > ul {
		float: none;
	}
	.OverlayWrapper > .content > .info > .travelMode > ul > li:first-child {
		margin-left: 0;
	}

	/* Details */

	.OverlayWrapper > .content > .details {
		top: 215px;
	}

	/* Trigger */
		
	.OverlayWrapper > .content > .trigger {
		right: 0;
		transition: right 500ms ease;
	}
	body.hideRouteDetails .OverlayWrapper > .content > .trigger {
		right: -40px;
	}
		
	/* Map */

	.OverlayWrapper > .map {
		left: 0;
	}
	body.hideRouteDetails .OverlayWrapper > .map {
		left: 0;
	}

}

/* Erweiterung - Routenplaner 1.0 - Overlay - Custom */

/* Logo */

.OverlayWrapper > .content > a.logo {
	padding: 20px 30px 15px;
}
.OverlayWrapper > .content > a.logo > img {
	max-width: 193px;
}

/* Info */

.OverlayWrapper > .content > .info {
	background: #F3F3F3;
	border-top: 0 none;
}
.OverlayWrapper > .content > .info > .row:before {
	background: #E1001A;
}
.OverlayWrapper > .content > .info > .row.origin:after {
	background: #E1001A;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li {
	background: #FFFFFF;
	color: #E1001A;
	transition: background 300ms ease, color 300ms ease;
}
.OverlayWrapper > .content > .info > .travelMode > ul > li:hover,
.OverlayWrapper > .content > .info > .travelMode > ul > li.selected {
	background: #E1001A;
	color: #FFFFFF;
}
.OverlayWrapper > .content > .info > .route > p.distance:before {
	color: #E1001A;
}
.OverlayWrapper > .content > .info > .route > p.duration:before {
	color: #E1001A;
}

/* Details */

.OverlayWrapper > .content > .details {
	bottom: 71px;
	top: 344px;
}

/* Trigger - Drucken */

.OverlayWrapper > .content > .print {
	background: #F3F3F3;
}
.OverlayWrapper > .content > .print > a {
	background: #E1001A;
	font-weight: bold;
	line-height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: none;
}
.OverlayWrapper > .content > .print > a:hover {
	background: #5CAF00;
}

/* Trigger - Schließen */

.OverlayWrapper > a.triggerClose {
	background: #E1001A;
	color: #FFFFFF;
	height: 50px;
	line-height: 50px;
	width: 50px;
}
.OverlayWrapper > a.triggerClose:before {
	content: "\E5CD";
	font-family: "Material Icons";
	font-size: 40px;
}
.OverlayWrapper > a.triggerClose:hover {
	background: #BA0016;
}

/* Trigger */

.OverlayWrapper > .content > .trigger {
	background: #E1001A;
}
.OverlayWrapper > .content > .trigger:hover {
	background: #BA0016;
	color: #FFFFFF;
}

/* Marker */

.OverlayWrapper > .map .marker:before {
	background: #E1001A;
	background: -moz-linear-gradient(top, #E1001A 0%, #E1001A 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #E1001A 0%,#E1001A 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #E1001A 0%,#E1001A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.OverlayWrapper > .map .marker > div:before {
	background: #E1001A;
}
.OverlayWrapper > .map .marker.origin > div:after {
	color: #FFFFFF;
}
.OverlayWrapper > .map .marker.origin:before {
	top: -35px;
}
.OverlayWrapper > .map .marker.origin > div:after {
	top: -46px;
}

@media all and (max-width: 1000px){

	/* Trigger - Schließen */

	.OverlayWrapper > a.triggerClose {
		height: 40px;
		line-height: 40px;
		width: 40px;
	}
	.OverlayWrapper > a.triggerClose:before {
		font-size: 30px;
	}

}

@media all and (max-width: 500px){

	/* Details */

	.OverlayWrapper > .content > .details {
		bottom: 0;
	}

}

@media all and (max-width: 460px){

	/* Details */

	.OverlayWrapper > .content > .details {
		top: 215px;
	}

}

/* Erweiterung - Social Media - Wall */

.wmSocialMediaWall .theWall-header {
	display: none;
}

/* Erweiterung - Stories */

/* Tabs */

.wmStoriesTeaserWrapperTabs > ul.tabs {
	display: none;
}
.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs {
	display: inline-block;
	margin: 22px 0 0;
}
.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs > li {
	border-bottom: 3px solid rgba(255, 255, 255, 0.4);
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-size: 20px;
	font-weight: 600;
	padding: 4px 13px 5px 0;
	position: relative;
}
.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs > li:before {
	background: #FFFFFF;
	bottom: -3px;
	content: "";
	height: 3px;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 13px;
	transition: opacity 300ms ease;
}
.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs > li:last-child {
	padding-right: 0;
}
.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs > li:last-child:before {
	right: 0;
}
.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs > li.selected:before,
.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs > li:hover:before {
	opacity: 1;
}

/* Dots */

.wmStoriesTeaserWrapperTabs .owl-dots {
	display: block;
	margin: 23px 0 34px;
	text-align: center;
	width: 100%;
}
.wmStoriesTeaserWrapperTabs .owl-dots .owl-dot {
	display: inline-block;
}
.wmStoriesTeaserWrapperTabs .owl-dots .owl-dot > span {
	background: #E3E3E3;
	display: inline-block;
	height: 2px;
	margin: 0 3px;
	transition: background 300ms ease;
	width: 16px;
}
.wmStoriesTeaserWrapperTabs .owl-dots .owl-dot:hover > span,
.wmStoriesTeaserWrapperTabs .owl-dots .owl-dot.active > span {
	background: #E1001A;
}

/* Navigation */

.wmStoriesTeaserWrapperTabs .owl-nav > div {
	background: #E1001A;
	color: #FFFFFF;
	line-height: 38px;
	margin: -20px 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
}
.wmStoriesTeaserWrapperTabs .owl-nav > .owl-prev {
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	left: 0;
}
.wmStoriesTeaserWrapperTabs .owl-nav > .owl-next {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	right: 0;
}
.wmStoriesTeaserWrapperTabs .owl-nav > div > i {
	display: block;
	line-height: 38px;
	font-size: 20px;
}

@media all and (max-width: 500px){

	.wmStoriesTeaserWrapperTabs article > figure > figcaption > ul.tabs > li {
		font-size: 16px;
	}

}

/* Erweiterung - Suche - Liste */

/* Ergebnisse */

.searchList > p {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0 0 11px;
}
.searchList > ul.result > li {
	border-bottom: 1px solid #BABABA;
	cursor: pointer;
	padding: 21px 0 22px 75px;
	position: relative;
}
.searchList > ul.result > li > a.image {
	float: left;
	margin: 0 24px 0 0;
	width: 105px;
}
.searchList > ul.result > li > a.image img {
	display: block;
	width: 100%;
}
.searchList > ul.result > li > a.title {
	color: #E1001A;
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 300ms ease;
	white-space: nowrap;
}
.searchList > ul.result > li.acco > a.title,
.searchList > ul.result > li.event > a.title,
.searchList > ul.result > li.infoaz > a.title {
	margin-top: -1px;
}
.searchList > ul.result > li:hover > a.title {
	color: #5CAF00;
}
.searchList > ul.result > li > a.url {
	color: #BABABA;
	display: block;
	font-size: 15px;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.searchList > ul.result > li > p.text {
	margin: 10px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.searchList > ul.result > li > .index {
	font-size: 32px;
	font-weight: 600;
	left: 0;
	line-height: 32px;
	position: absolute;
	top: 25px;
}

/* Navigation */

.searchList > ul.navi {
	margin: 40px 0 0;
	text-align: center;
}
.searchList > ul.navi:after {
	clear: both;
	content: "";
	display: block;
}
.searchList > ul.navi > li {
	display: inline-block;
	margin: 0 2px 7px;
}
.searchList > ul.navi > li > a {
	border: 1px solid #E1001A;
	color: #E1001A;
	display: block;
	height: 32px;
	line-height: 30px;
	min-width: 32px;
	padding: 0 3px;
	text-align: center;
	-webkit-transition: background 300ms ease, color 300ms ease;
	-moz-transition: background 300ms ease, color 300ms ease;
	-ms-transition: background 300ms ease, color 300ms ease;
	-o-transition: background 300ms ease, color 300ms ease;
	transition: background 300ms ease, color 300ms ease;
}
.searchList > ul.navi > li > a:hover,
.searchList > ul.navi > li > a.selected {
	background: #E1001A;
	color: #FFFFFF;
}
.searchList > .pagination {
	clear: both;
	text-align: center;
	margin-top: 40px; 
	margin-bottom: 40px; 
}
.searchList > .pagination > ul {
    display: inline-block;
}
.searchList > .pagination > ul > li {
    float: left;
}
.searchList > .pagination > ul > li > a {
	border: 1px solid #E1001A;
	background: #FFFFFF;
	color: #E1001A;
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px;
	position: relative;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.searchList > .pagination > ul > li > a:not(disabled):hover {
	background: #E1001A;
	color: #FFFFFF;
}
.searchList > .pagination > ul > li > a.prev {
	padding-left: 15px;
	padding-right: 15px;
}
.searchList > .pagination > ul > li > a.disabled {
	opacity: 0.3;
	pointer-events: none;
}
.searchList > .pagination > ul > li > span {
    display: block;
    line-height: 32px;
    margin: 0 20px;
}

@media all and (max-width: 450px){

    .searchList > .pagination {
		margin-bottom: 35px;
		margin-top: 35px;
	}
	.searchList > .pagination > ul > li > a {
		width: 46px;
		padding: 0 !important;
	}
	.searchList > .pagination> ul > li > a > span {
		display: none;
	}
	.searchList > .pagination > ul > li > a:before {
		right: 4px;
	}
	.searchList > .pagination > ul > li > a.prev:before {
		left: 3px;
	}
    
}

/* Formular */

.searchList > h2 {
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 15px;
	line-height: 1.25;
	text-align: left;
}
.searchList > form {
	margin: -22px auto 0;
	max-width: 600px;
}
.searchList > form > .row {
	padding: 0 130px 0 0;
	position: relative;
}
.searchList > form > .row > .field {
	background: #F3F3F3;
	border: 0 none;
	border-radius: 0;
	line-height: 40px;
	overflow: hidden;
	padding: 0 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
.searchList > form > .row > .button {
	background: #E1001A;
	border: 0 none;
	border-radius: 0;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	line-height: 40px;
	margin: 0;
	padding: 0 15px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
	width: 130px;
}
.searchList > form > .row > .button:hover {
	background: #5CAF00;
}
.searchList > .topKeywords {
	margin: 16px auto 0;
	max-width: 600px;
	text-align: center;
}
.searchList > .topKeywords > p {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0 0 11px;
}
.searchList > .topKeywords > ul:after {
	clear: both;
	content: "";
	display: block;
}
.searchList > .topKeywords > ul > li {
	display: inline-block;
	margin: 5px 2.5px 0 2.5px;
}
.searchList > .topKeywords > ul > li > a {
	background: #BABABA;
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	line-height: 1.2;
	padding: 7px 10px 9px;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
.searchList > .topKeywords > ul > li > a:hover {
	background: #E1001A;
}

/* Kein Resultat */

.searchList > p.noresult {
	background: #FCE5E8;
	border: 1px solid #E1001A;
	color: #E1001A;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
	padding: 10px 15px 10px 48px;
	position: relative;
}
.searchList > p.noresult > i {
	left: 15px;
	position: absolute;
	top: 10px;
}

@media all and (max-width: 600px){

	/* Ergebnisse */

	.searchList > ul.result > li {
		padding-left: 0;
	}
	.searchList > ul.result > li > .index {
		display: none;
	}

}
@media all and (max-width: 500px){

	/* Ergebnisse */
	
	.searchList > ul.result > li > a.image {
		display: block;
		float: none;
		margin-right: 0;
		margin-bottom: 22px;
		width: 100%;
	}
	.searchList > ul.result > li > a.title {
		white-space: unset;
	}
	.searchList > ul.result > li > a.url {
		white-space: unset;
	}
	.searchList > ul.result > li > p.text {
		white-space: unset;
	}

	/* Formular */
	
	.searchList > h2 {
		font-size: 22px;
	}
	.searchList > form > .row {
		padding-right: 0;
	}
	.searchList > form > .row > .button {
		margin: 10px 0 0;
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
	}		
	.searchList > .topKeywords {
		display: none;
	}

}

/* Erweiterung - Tarife */

/* Navigation */

.wmRates > div > .navigation > ul {
	background: #F3F3F3;
	padding: 20px;
	text-align: center;
}
.wmRates > div > .navigation > ul > li {
	background: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	line-height: 40px;
	margin: 0 5px;
	padding: 0 15px;
	transition: background 300ms ease, color 300ms ease;
}
.wmRates > div > .navigation > ul > li:hover,
.wmRates > div > .navigation > ul > li.selected {
	background: #E1001A;
	color: #FFFFFF;
}

/* Text */

.wmRates .wmText.preseason,
.wmRates .wmText.highseason,
.wmRates .wmText.afterseason {
	color: #E1001A;
	font-size: 22px;
	line-height: 1.45;
}
.wmRates .wmText.preseason,
.wmRates .wmText.afterseason {
	display: none;
}
.wmRates.preseason .wmText.preseason {
	display: block;
}
.wmRates.preseason .wmText.highseason,
.wmRates.preseason .wmText.afterseason {
	display: none;
}
.wmRates.afterseason .wmText.afterseason {
	display: block;
}
.wmRates.afterseason .wmText.preseason,
.wmRates.afterseason .wmText.highseason {
	display: none;
}
.wmRates .wmText > p > strong {
	font-weight: bold;
}

/* Tabelle */

.wmRates .wmTable.preseason,
.wmRates .wmTable.afterseason {
	display: none;
}
.wmRates.preseason .wmTable.preseason {
	display: block;
}
.wmRates.preseason .wmTable.highseason,
.wmRates.preseason .wmTable.afterseason {
	display: none;
}
.wmRates.afterseason .wmTable.afterseason {
	display: block;
}
.wmRates.afterseason .wmTable.preseason,
.wmRates.afterseason .wmTable.highseason {
	display: none;
}

@media all and (max-width: 600px){

	.wmRates > div > .navigation > ul > li {
		display: block;
		margin-bottom: 10px;
		margin-left: 0;
		margin-right: 0;
	}
	.wmRates > div > .navigation > ul > li:last-child {
		margin-bottom: 0;
	}

}

/* Erweiterung - Webcams */

.wmWebcams a.entry {
	background: #F3F3F3;
	display: block;
	float: left;
	margin: 0 1.265822784810127% 1.265822784810127% 0; /* 0 16 16 0 */
	transition: background 300ms ease;
	width: 32.48892405063291%; /* 410.66 */
}
.wmWebcams a.entry:hover {
	background: #E1001A;
}
.wmWebcams a.entry:nth-child(3n) {
	margin-right: 0;
}
.wmWebcams a.entry:last-child {
	margin-right: 0;
}
.wmWebcams a.entry > img {
	display: block;
	width: 100%;
}
.wmWebcams a.entry > span.title {
	color: #E1001A;
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.45;
	padding: 24px 70px 24px 23px;
	position: relative;
	transition: color 300ms ease;
}
.wmWebcams a.entry:hover > span.title {
	color: #FFFFFF;
}
.wmWebcams a.entry > span.title > i.material-icons {
	font-size: 32px;
	margin-top: -16px;
	position: absolute;
	right: 21px;
	top: 50%;
	transition: color 300ms ease;
}

@media all and (max-width: 1050px){

	.wmWebcams a.entry {
		width: 49.367088607594937%; /* 624 */
	}

}

@media all and (max-width: 600px){

	.wmWebcams a.entry {
		float: none;
		margin: 0 0 16px 0;
		min-height: 0 !important;
		width: 100%;
	}

}

@media all and (max-width: 400px){

	.wmWebcams a.entry > span.title {
		font-size: 18px;
		padding: 15px 58px 15px 15px;
	}
	.wmWebcams a.entry > span.title > i.material-icons {
		font-size: 28px;
		margin-top: -14px;
		right: 15px;
	}

}

/* Erweiterung - Wetter */

.wmWeather > .entry {
	float: left;
	padding: 31px 0 36px;
	position: relative;
}
.wmWeather > .entry:first-child {
	padding: 0 0 36px;
}
.wmWeather > .entry:last-child {
	padding: 36px 0 0;
}
.wmWeather > .entry:after {
	background: #E3E3E3;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -5000px;
	position: absolute;
	width: 10000px;
}
.wmWeather > .entry:last-child:after {
	background: none;
}	
.wmWeather > .entry > .content {
	float: left;
	margin-right: 5.063291139240507%; /* 64 */
	width: 21.202531645569621%; /* 268 */
}
.wmWeather > .entry > .content > h2 {
	margin-top: 0;
}
.wmWeather > .entry > .column {
	float: left;
	margin: 0 5.063291139240507% 0 0; /* 0 64 0 0 */
	padding: 16px 0;
	position: relative;
	width: 21.202531645569621%; /* 268 */
}
.wmWeather > .entry > .column.evening {
	margin: 0;
}
.wmWeather .column > p.title {
	color: #E1001A;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.45;
	margin: 0 0 30px 0;
	padding: 0 0 0 70px;
	position: relative;
}
.wmWeather .column > p.title > img {
	font-size: 50px;
	left: -15px;
	position: absolute;
	top: -23px;
	width: 80px;
}
.wmWeather .column > p.overview {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 13.5px;
}
.wmWeather .column > .row {
	border-top: 1px solid #BABABA;
}
.wmWeather .column > .row > p {
	line-height: 2.5;
}
.wmWeather .column > .row > p.label {
	float: left;
}
.wmWeather .column > .row > p.value {
	color: #E1001A;
	text-align: right;
}
.wmWeather > .wrapper {
	clear: both;
	padding: 31px 0 0;
}
.wmWeather > .wrapper > .column {
	float: left;
	margin: 0 5.063291139240507% 0 0; /* 0 64 0 0 */
	width: 29.957805907173%; /* 378,6666666666667 */
}
.wmWeather > .wrapper > .column:last-child {
	margin-right: 0;
}
.wmWeather > .wrapper > .column > h2 {
	margin-top: 0;
}
.wmWeather > .wrapper > .column > p {
	margin-bottom: 18px;
}
.wmWeather > p.lastUpdated {
	font-weight: bold;
	margin: 40px 0 0;
}

@media all and (max-width: 1150px){

	.wmWeather > .entry > .content {
		margin-right: 5%; 
		padding: 0;
		width: 47.5%;
	}
	.wmWeather > .entry > .column {
		margin: 0 5% 0 0;
		width: 47.5%;
	}
	.wmWeather > .entry > .column.morning {
		margin: 0; 
	}
	.wmWeather > .entry > .column.afternoon {
		padding: 16px 0 0 0; 
	}
	.wmWeather > .entry > .column.evening {
		padding: 16px 0 0 0; 
	}

}

@media all and (max-width: 900px){

	.wmWeather > .wrapper > .column {
		float: none;
		margin-bottom: 17px;
		margin-right: 0;
		width: 100%;
	}
	.wmWeather > .wrapper > .column:last-child {
		margin-bottom: 0;
	}
	.wmWeather > .wrapper > .column > h2 {
		margin-bottom: 11px;
	}

}

@media all and (max-width: 580px){

	.wmWeather > .entry > .content > h2 {
		margin-top: 0;
	}
	.wmWeather > .entry > .content {
		margin: 0 0 24px 0; 
		width: 100%;
	}
	.wmWeather > .entry > .column {
		margin: 0;
		width: 100%;
	}
	.wmWeather > .entry > .column.morning {
		margin: 0; 
	}
	.wmWeather > .entry > .column.afternoon {
		padding: 16px 0; 
	}
	.wmWeather > .entry > .column.evening {
		padding: 16px 0 0 0; 
	}

}

/* Erweiterungen - 2-spaltig */

/* Erweiterung - Blätterkatalog 1.0 */
	
body.twoColumns .wmFlippingBook > article > figure > figcaption {
	padding: 17px 0 24px 24px;
}
body.twoColumns .wmFlippingBook > article > figure > figcaption > p.headline {
	font-size: 32px;
}
body.twoColumns .wmFlippingBook > article > figure > figcaption > div {
	margin-top: 50px;
}

/* Erweiterung - Mega-Deal */
	
body.twoColumns .wmMegaDeal > article > figure > figcaption {
	padding: 17px 0 24px 24px;
}
body.twoColumns .wmMegaDeal > article > figure > figcaption > p.headline {
	font-size: 32px;
}
body.twoColumns .wmMegaDeal > article > figure > figcaption > div {
	margin-top: 50px;
}

/* Erweiterung - Routenplaner 1.0 */

body.twoColumns .wmRoutePlanner > div > .planner {
	background: #F3F3F3;
	left: 0;
	margin: 0;
	opacity: unset;
	padding: 17px 24px 24px 24px;
	position: relative;
	width: 100%;
}
body.twoColumns .wmRoutePlanner > div > .planner:before {
	display: none;
}
body.twoColumns .wmRoutePlanner > div > .planner > h2 {
	font-size: 24px;
	margin: 0 0 12px;
}
body.twoColumns .wmRoutePlanner > div > .planner > form:after {
	clear: both;
	content: "";
	display: block;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .origin {
	float: left;
	margin: 0 1.358695652173913% 0 0; /* 0 10 0 0*/
	width: 20%;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .destination > .select {
	float: left;
	margin: 0 1.358695652173913% 0 0; /* 0 10 0 0*/
	width: 20%;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode {
	margin: 0;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li {
	background: #BABABA;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 0.71% 0 0; 
	padding: 0;
	text-align: center;
	transition: background 300ms ease;
	width: 8.42%;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li:before {
	background: none;
	border: none;
	border-radius: 0;
	content: "";
	display: block;
	font-family: 'routeplanner';
	height: auto;
	left: auto;
	line-height: 40px;
	position: relative;
	top: auto;
	transition: background 300ms ease;
	width: auto;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li:hover, 
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li.selected {
	background: #E1001A;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode="DRIVING"]:before {
	content: '\E800';
	font-size: 14px;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode="BICYCLING"]:before {
	content: '\E801';
	font-size: 17px;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode="TRANSIT"]:before {
	content: '\E802';
	font-size: 19px;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode="WALKING"] {
	margin: 0 1.358695652173913% 0 0; /* 0 10 0 0*/
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode="WALKING"]:before {
	content: '\E803';
	font-size: 19px;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li:after {
	display: none;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li > span {
	font-size: 0;
}
body.twoColumns .wmRoutePlanner > div > .planner > form > .button {
	float: left;
	margin: 0;
	width: 20%;
}

/* Liftstatus */

body.twoColumns .skidataLiftstate > .entry > a > .state {
	width: 25%;
}
body.twoColumns .skidataLiftstate > .entry > a > .name {
	width: 40%;
}
body.twoColumns .skidataLiftstate > .entry > a > .type {
	width: 35%;
}
body.twoColumns .skidataLiftstate > .headline > .state {
	width: 25%;
}
body.twoColumns .skidataLiftstate > .headline > .name {
	width: 40%;
}
body.twoColumns .skidataLiftstate > .headline > .type {
	width: 35%;
}
body.twoColumns .skidataLiftstate > .headline > .length, 
body.twoColumns .skidataLiftstate > .headline > .height {
	display: none;
}
body.twoColumns .skidataLiftstate > .entry > a > .length, 
body.twoColumns .skidataLiftstate > .entry > a > .height {
	display: none;
}

/* Pistenstatus */

body.twoColumns .skidataPistsstate > .entry > a > .state {
	width: 25%;
}
body.twoColumns .skidataPistsstate > .entry > a > .name {
	width: 50%;
}
body.twoColumns .skidataPistsstate > .entry > a > .type {
	width: 25%;
}
body.twoColumns .skidataPistsstate > .headline > .state {
	width: 25%;
}
body.twoColumns .skidataPistsstate > .headline > .name {
	width: 50%;
}
body.twoColumns .skidataPistsstate > .headline > .type {
	width: 25%;
}
body.twoColumns .skidataPistsstate  > .headline > .length, 
body.twoColumns .skidataPistsstate  > .headline > .height {
	display: none;
}
body.twoColumns .skidataPistsstate  > .entry > a > .length, 
body.twoColumns .skidataPistsstate  > .entry > a > .height {
	display: none;
}

@media all and (max-width: 740px){

	/* Liftstatus */

	body.twoColumns .skidataLiftstate > .headline > .state {
		text-align: left;
	}
	body.twoColumns .skidataLiftstate > .headline > .name {
		width: 50%;
	}
	body.twoColumns .skidataLiftstate > .headline > .type {
		width: 50%;
	}
	body.twoColumns .skidataLiftstate > .entry > a > .name {
		padding-right: 0; 
		width: 50%;
	}
	body.twoColumns .skidataLiftstate > .entry > a > .type {
		width: 50%;
	}
		
	/* Pistenstatus */

	body.twoColumns .skidataPistsstate  > .headline > .state {
		text-align: left;
	}
	body.twoColumns .skidataPistsstate  > .headline > .name {
		width: 70%;
	}
	body.twoColumns .skidataPistsstate  > .headline > .type {
		width: 30%;
	}
	body.twoColumns .skidataPistsstate  > .entry > a > .name {
		padding-right: 0; 
		width: 70%;
	}
	body.twoColumns .skidataPistsstate  > .entry > a > .type {
		width: 30%;
	}

}
@media all and (max-width: 700px){

	/* Erweiterung - Blätterkatalog 1.0 */
	
	body.twoColumns .wmFlippingBook > article > figure > figcaption {
		padding-bottom: 0;
		padding-left: 0;
	}

	/* Erweiterung - Mega-Deal */

	body.twoColumns .wmMegaDeal > article > figure > figcaption {
		padding-bottom: 0;
		padding-left: 0;
	}
	
	/* Erweiterung - Routenplaner 1.0 */
	
	body.twoColumns .wmRoutePlanner > div > .planner > form > .origin {
		margin: 0 1.358695652173913% 10px 0;
		width: 49.32065217391304%;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .destination > .select {
		margin: 0 0 10px 0;
		width: 49.32065217391304%;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul {
		float: none;
		width: 49.32065217391304%;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li {
		margin: 0 1.5% 0 0;
		width: 23.8%;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode="WALKING"] {
		margin: 0;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .button {
		float: right;
		width: 49.32065217391304%;
	}

}
@media all and (max-width: 550px){

	/* Liftstatus */

	body.twoColumns .skidataLiftstate > .entry > a > .name {
		padding-right: 0; 
		width: 100%;
	}

	/* Liftstatus */

	body.twoColumns .skidataPistsstate > .headline > .name {
		width: 80%;
	}
	body.twoColumns .skidataPistsstate > .headline > .type {
		width: 20%;
	}
	body.twoColumns .skidataPistsstate > .entry > a > .name {
		width: 80%;
	}
	body.twoColumns .skidataPistsstate > .entry > a > .type {
		width: 20%;
	}

}
@media all and (max-width: 500px){

	/* Erweiterung - Routenplaner 1.0 */
	
	body.twoColumns .wmRoutePlanner > div > .planner > h2 {
		font-size: 22px;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .origin {
		margin: 0 0 10px 0;
		width: 100%;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .destination > .select {
		margin: 0 0 10px 0;
		width: 100%;
	}

}
@media all and (max-width: 400px){

	body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul {
		float: none;
		width: 100%;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li {
		margin: 0 2% 0 0;
		width: 23.5%;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .travelMode > ul > li[data-mode="WALKING"] {
		margin: 0;
	}
	body.twoColumns .wmRoutePlanner > div > .planner > form > .button {
		width: 100%;
		margin-top: 10px;
	}

}

/* Erweiterung - Gesamte Breite (grauer Hintergrund) */

/* Erweiterung - Panoramen */

body.greybg .wmPanos a.entry {
	background: #FFFFFF;
}
body.greybg .wmPanos a.entry:hover {
	background: #E1001A;
}

/* Erweiterung - Webcams */

body.greybg .wmWebcams a.entry {
	background: #FFFFFF;
}
body.greybg .wmWebcams a.entry:hover {
	background: #E1001A;
}

/* Erweiterung - Platzhalter - LÖSCHEN!!! */

.wmPlaceholder > p {
	background: #F3F3F3;
	padding: 45px;
	text-align: center;
}

/* Kontextelement - Download */

.wmContextDownload + .wmContextDownload > a {
	margin-top: -41px;
}
.wmContextDownload > a {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	color: #E1001A;
	display: block;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 40px;
	padding: 20.5px 15px 20.5px 45px;
	position: relative;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.wmContextDownload > a:hover {
	background: #E1001A;
	color: #FFFFFF;
}
.wmContextDownload > a > i {
	font-size: 20px;
	left: 21px;
	margin: -9px 0 0;
	position: absolute;
	top: 50%;
}

@media all and (max-width: 980px){

	.wmContextDownload > a {
		margin: 0 0 16px;
	}
	.wmContextDownload + .wmContextDownload > a {
		margin-top: 0; 
	}

}

@media all and (max-width: 550px){

	.wmContextDownload + .wmContextDownload > a {
		margin-top: -21px;
	}

}

/* Kontextelement - Einzelteaser */

.wmContextTeaser {
	background: #F3F3F3;
	margin: 0 0 40px;
}
.wmContextTeaser > article {
	cursor: pointer;
	position: relative;
}
.wmContextTeaser > article > h2 {
	display: none;
}
.wmContextTeaser > article > figure > a {
	display: block;
}
.wmContextTeaser > article > figure > a img {
	display: block;
	width: 100%;
}
.wmContextTeaser > article > figure > figcaption {
	padding: 18px 24px 19px;
	position: relative;
}
.wmContextTeaser > article > figure > figcaption > a {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 8px;
	transition: color 300ms ease;
}
.wmContextTeaser > article:hover > figure > figcaption > a {
	color: #5CAF00;
}
.wmContextTeaser > article > figure > figcaption > a > i {
	font-size: 30px;
	line-height: 13px;
	position: relative;
	top: 8px;
}
.wmContextTeaser > article > figure > figcaption > p.price {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 24px;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmContextTeaser > article:hover > figure > figcaption > p.price {
	background: #5CAF00;
}
.wmContextTeaser > article > figure > figcaption > p.mark {
	background: #E1001A;
	color: #FFFFFF;
	font-weight: bold;
	left: 24px;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	top: -32px;
	transition: background 300ms ease;
}
.wmContextTeaser > article > figure > figcaption > p.mark:before {
	content: "";
}
.wmContextTeaser > article > figure > figcaption > p.mark1:before {
	content: "Tipp";
}
.wmContextTeaser > article:hover > figure > figcaption > p.mark {
	background: #5CAF00;
}

/* Kontextelement - Mitarbeiter */

.wmContextEmployee {
	background: #E1001A;
	margin: 0 0 40px;
}
.wmContextEmployee > article > h2 {
	display: none;
}
.wmContextEmployee > article > figure > .map {
	overflow: hidden;
	position: relative;
}

.wmContextEmployee > article > figure > .map:before {
	content: "";
	display: block;	
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.wmContextEmployee > article > figure > .map > .mapWrapper {
	display: block;
	height: 300px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.wmContextEmployee > article > figure > .map > img.pin {
	display: block;
	left: 50%;
	margin: -64.5px 0 0 -14.5px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 29px;
	z-index: 2;
}
.wmContextEmployee > article > figure > .map > img.pin.animated {
	opacity: 1;
}
.wmContextEmployee > article > figure > figcaption {
	padding: 59px 24px 21px;
	position: relative;
	z-index: 3;
}
.wmContextEmployee > article > figure > figcaption > p {
	color: #FFFFFF;
	line-height: 1.2;
	position: relative;
}
.wmContextEmployee > article > figure > figcaption > p > a {
	color: #FFFFFF;
	display: block;
	font-weight: 600;
	overflow: hidden;
	padding: 0 0 0 25px;
	position: relativ;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wmContextEmployee > article > figure > figcaption > p.name {
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 3px;
}
.wmContextEmployee > article > figure > figcaption > p.addition {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 19px;
}
.wmContextEmployee > article > figure > figcaption > p.address {
	margin: 0 0 4px;
	padding-left: 25px;
}
.wmContextEmployee > article > figure > figcaption > p.phone {
	margin: 0 0 5px;
}
.wmContextEmployee > article > figure > figcaption > p i {
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 0;
}
.wmContextEmployee > article > figure > figcaption > img {
	border-radius: 50%;
	left: 24px;
	position: absolute;
	top: -40px;
}

/* Kontextelement - Routenplaner */

.wmContextRoutePlanner {
	background: #F3F3F3;
	margin: 40px 0;
	padding: 18px 24px 24px;
}
.wmContextRoutePlanner > p.headline {
	color: #E1001A;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.1;
	margin: 0 0 14px;
	position: relative;
}
.wmContextRoutePlanner > form > .travelMode {
	margin: 0 0 13px;
}
.wmContextRoutePlanner > form > .travelMode > p {
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 5px;
}
.wmContextRoutePlanner > form > .travelMode > ul > li {
	background: #BABABA;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0 2% 0 0;
	text-align: center;
	transition: background 300ms ease;
	width: 23.5%;
}
.wmContextRoutePlanner > form > .travelMode > ul > li:last-child {
	margin-right: 0;
}
.wmContextRoutePlanner > form > .travelMode > ul > li:before {
	content: '\E800';
	display: block;
	font-family: 'routeplanner';
}
.wmContextRoutePlanner > form > .travelMode > ul > li[data-mode='DRIVING']:before {
	content: '\E800';
	font-size: 14px;
}
.wmContextRoutePlanner > form > .travelMode > ul > li[data-mode='BICYCLING']:before {
	content: '\E801';
	font-size: 17px;
}
.wmContextRoutePlanner > form > .travelMode > ul > li[data-mode='TRANSIT']:before {
	content: '\E802';
	font-size: 19px;
}
.wmContextRoutePlanner > form > .travelMode > ul > li[data-mode='WALKING']:before {
	content: '\E803';
	font-size: 19px;
}
.wmContextRoutePlanner > form > .travelMode > ul > li:hover,
.wmContextRoutePlanner > form > .travelMode > ul > li.selected {
	background: #E1001A;
}
.wmContextRoutePlanner > form > .origin > p {
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 5px;
}
.wmContextRoutePlanner > form > .origin > input {
	background: #FFFFFF;
	border: 0 none;
	border-radius: 0;
	line-height: 40px;
	padding: 0 15px;
	transition: background 300ms ease, color 300ms ease;
	width: 100%;
}
.wmContextRoutePlanner > form > .origin.error > input {
	background: #FCE5E8;
	color: #E1001A;
}
.wmContextRoutePlanner > form > .button > input {
	background: none;
	border: 1px solid #E1001A;
	border-radius: 0;
	color: #E1001A;
	display: block;
	font-weight: bold;
	margin: 17px 0 0;
	padding: 6px 15px 8px;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
	width: 100%;
}
.wmContextRoutePlanner > form > .button > input:hover {
	background: #E1001A;
	color: #FFFFFF;
}

/* Kontextelement - TM - Info A-Z - Auswahl */

.wmContextInfoAZTeaser {
	background: #E1001A;
	margin: 0 0 40px;
}
.wmContextInfoAZTeaser.hasDownload {
	padding-bottom: 24px;
}
.wmContextInfoAZTeaser > article > h2 {
	display: none;
}
.wmContextInfoAZTeaser > article > figure > .map {
	overflow: hidden;
	position: relative;
}
.wmContextInfoAZTeaser > article > figure > .map > a:before {
	content: "";
	display: block;	
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.wmContextInfoAZTeaser > article > figure > .map > a > .mapWrapper {
	display: block;
	height: 300px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.wmContextInfoAZTeaser > article > figure > .map > a > img.pin {
	display: block;
	left: 50%;
	margin: -64.5px 0 0 -14.5px;
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 29px;
	z-index: 2;
}
.wmContextInfoAZTeaser > article > figure > .map > a > img.pin.animated {
	opacity: 1;
}
.wmContextInfoAZTeaser > article > figure > figcaption {
	padding: 19px 24px 21px;
	position: relative;
}
.wmContextInfoAZTeaser > article > figure > figcaption > a.title {
	color: #FFFFFF;
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 14px;
}
.wmContextInfoAZTeaser > article > figure > figcaption > p {
	color: #FFFFFF;
	line-height: 1.2;
	position: relative;
}
.wmContextInfoAZTeaser > article > figure > figcaption > p > a {
	color: #FFFFFF;
	display: block;
	font-weight: 600;
	padding: 0 0 0 25px;
	position: relativ;
}
.wmContextInfoAZTeaser > article > figure > figcaption > p.addition {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 19px;
}
.wmContextInfoAZTeaser > article > figure > figcaption > p.address {
	margin: 0 0 4px;
	padding-left: 25px;
}
.wmContextInfoAZTeaser > article > figure > figcaption > p.phone {
	margin: 0 0 5px;
}
.wmContextInfoAZTeaser > article > figure > figcaption > p i {
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 0;
}
.wmContextInfoAZTeaser > article > figure > figcaption > p.mail > a {
	word-break: break-all;
}
.wmContextInfoAZTeaser > a.download {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	margin: 0 24px;
	padding: 6px 15px 8px;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
}
.wmContextInfoAZTeaser > a.download:hover {
	background: #FFFFFF;
	color: #E1001A;
}

/* Kontextelemente - 2-spaltig */

@media all and (max-width: 980px){

	body.twoColumns .ContentWrapper aside {
		padding-bottom: 20px;
	}
	body.twoColumns .ContentWrapper aside > .wrapper {
		margin-bottom: 16px;
	}
	body.twoColumns .ContentWrapper aside > .wrapper:last-child {
		margin-bottom: 0;
	}
	body.twoColumns .ContentWrapper aside > .wrapper > .wmContextElement {
		float: left;
		margin: 0 2.040816326530612% 0 0; /* 0 16 0 0 */
		width: 48.979591836734691%; /* 384 */
	}
	body.twoColumns .ContentWrapper aside > .wrapper > .wmContextElement:nth-child(2n) {
		margin-right: 0;
	}
		
}

@media all and (max-width: 550px){

	body.twoColumns .ContentWrapper aside > .wrapper > .wmContextElement {
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
		min-height: 0 !important;
		width: 100%;
	}
	body.twoColumns .ContentWrapper aside > .wrapper:last-child > .wmContextElement:last-child {
		margin-bottom: 0;
	}

}

/* SkiData - Hotspot */

.skidataHotspot + .skidataHotspot {
	margin-top: -38px;
}
.skidataHotspot > .entry {
	background: #F3F3F3;
	display: block;
	padding: 15px 140px 15px 65px;
	position: relative;
}
.skidataHotspot > .entry.state1 {
	background: #EEF7E5;
}
.skidataHotspot > .entry.state2 {
	background: #FCE5E8;
}
.skidataHotspot > .entry > i.icon {
	font-size: 25px;
	left: 24px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	top: 15px;
	width: 25px;
}
.skidataHotspot > .entry > i.icon:before {
	display: block;
	font-family: "icofont";
	font-style: normal;
	font-weight: normal;
}
.skidataHotspot > .entry.state1 > i.icon:before {
	color: #5CAF00;
}
.skidataHotspot > .entry.state2 > i.icon:before {
	color: #E1001A;
}
.skidataHotspot > .entry > i.icon.ice-rink:before {
	content: "\EE68";
}
.skidataHotspot > .entry > i.icon.parking-lot:before {
	content: "P";
	font-family: "adelle-sans", sans-serif;
	font-weight: bold;
}
.skidataHotspot > .entry > i.icon.connection:before {
	content: "\EFC3";
}
.skidataHotspot > .entry > i.icon.inn-hut:before {
	content: "\F01F";
}
.skidataHotspot > .entry > i.icon.toboggan-run2:before {
	content: "\E814";
	font-family: "skidata";
	font-size: 22px;
}
.skidataHotspot > .entry > i.icon.speedtrack:before {
	content: "\F0D9";
}
.skidataHotspot > .entry > i.icon.race-track:before {
	content: "\EE91";
}
.skidataHotspot > .entry > i.icon.funpark:before {
	content: "\F0E6";
}
.skidataHotspot > .entry > i.icon.playground:before {
	content: "\F035";
}
.skidataHotspot > .entry > i.icon.cross-country-skiing-trail:before {
	content: "\EE86";
	position: relative;
	top: 4px;
	transform: rotate(-29deg);
}
.skidataHotspot > .entry > i.icon.hiking-trails:before {
	content: "\EE93";
}
.skidataHotspot > .entry > i.icon.cash-desk:before {
	content: "\EAAF";
}
.skidataHotspot > .entry > i.icon.swimming-bath:before {
	content: "\EE8B";
}
.skidataHotspot > .entry > i.icon.golf-course:before {
	content: "\EE5C";
}
.skidataHotspot > .entry > i.icon.sauna:before {
	content: "\EB4C";
	font-family: "Material Icons";
}
.skidataHotspot > .entry > i.icon.museum:before {
	content: "\ECA2";
}
.skidataHotspot > .entry > i.icon.infocenter:before {
	content: "\F027";
}
.skidataHotspot > .entry > p.title {
	font-weight: 600;
	padding: 1px 0 0;
}
.skidataHotspot > .entry.state1 > p.title {
	color: #5CAF00;
}
.skidataHotspot > .entry.state2 > p.title {
	color: #E1001A;
}
.skidataHotspot > .entry > p.state {
	font-weight: 600;
	min-height: 25px;
	position: absolute;
	right: 24px;
	top: 15px;
}
.skidataHotspot > .entry.state1 > p.state {
	color: #5CAF00;
}
.skidataHotspot > .entry.state2 > p.state {
	color: #E1001A;
}

@media all and (max-width: 500px){

	.skidataHotspot > .entry {
		padding: 15px 24px 18px 65px;
	}
	.skidataHotspot > .entry > p.state {
		background: #5CAF00;
		color: #FFFFFF !important;
		line-height: 29px;
		margin: 12px 0 0 -41px;
		min-height: auto;
		position: relative;
		right: auto;
		text-align: center;
		top: auto;
	}
	.skidataHotspot > .entry.state2 > p.state {
		background: #E1001A;
	}

}

/* SkiData - Liftstatus */

.skidataLiftstate > h2 {
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 22px;
}
.skidataLiftstate > .headline {
	background: #F3F3F3;
	border-bottom: 2px solid #E3E3E3;
	position: relative;
}
.skidataLiftstate > .headline > div {
	float: left;
	font-weight: 600;
	padding: 17px 15px 15px;
}
.skidataLiftstate > .headline > .state {
	width: 18.897058823529413%; /* 257 */
}
.skidataLiftstate > .headline > .name {
	width: 36.102941176470587%; /* 491 */
}
.skidataLiftstate > .headline > .type {
	width: 17.720588235294116%; /* 241 */
}
.skidataLiftstate > .headline > .length,
.skidataLiftstate > .headline > .height {
	display: none;
	width: 13.639705882352942%; /* 185,5 */
}
.skidataLiftstate > .entry {
	border-bottom: 1px solid #E3E3E3;
	position: relative;
}
.skidataLiftstate > .entry > a {
	color: #2D3A4A;
	font-weight: 300;
}
.skidataLiftstate > .entry > a > div {
	float: left;
	padding: 10px 15px 9px;
}
.skidataLiftstate > .entry > a > .state {
	font-weight: 600;
	min-height: 44px;
	padding-left: 49px;
	position: relative;
	width: 18.897058823529413%; /* 257 */
}
.skidataLiftstate > .entry > a > .state1 {
	color: #5CAF00;
}
.skidataLiftstate > .entry > a > .state0,
.skidataLiftstate > .entry > a > .state2 {
	color: #E1001A;
}
.skidataLiftstate > .entry > a > .state:before {
	color: #FFFFFF;
	content: "";
	font-family: "skidata";
	font-size: 11px;
	font-weight: normal;
	height: 25px;
	left: 15px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 25px;
}
.skidataLiftstate > .entry > a > .state1:before {
	background: #70AF1A;
	content: "\E800";
}
.skidataLiftstate > .entry > a > .state0:before,
.skidataLiftstate > .entry > a > .state2:before {
	background: #D40D12;
	content: "\E801";
}
.skidataLiftstate > .entry > a > .name {
	font-weight: 600;
	width: 36.102941176470587%; /* 491 */
}
.skidataLiftstate > .entry > a > .type {
	width: 17.720588235294116%; /* 241 */
}
.skidataLiftstate > .entry > a > .length,
.skidataLiftstate > .entry > a > .height {
	display: none;
	width: 13.639705882352942%; /* 185,5 */
}
.skidataLiftstate > p.footer {
	border-top: 1px solid #E7E9ED;
	font-size: 14px;
	padding: 12px 15px 0;
}
.skidataLiftstate > p.footer > a {
	color: #2D3A4A;
}

@media all and (max-width: 900px){

	.skidataLiftstate > .headline > .name {
		width: 54.651162790697676%; /* 470 */
	}
	.skidataLiftstate > .headline > .type {
		width: 26.395348837209301%; /* 227 */
	}
	.skidataLiftstate > .headline > .length,
	.skidataLiftstate > .headline > .height {
		display: none;
	}
	.skidataLiftstate > .entry > a > .name {
		width: 54.651162790697676%; /* 470 */
	}
	.skidataLiftstate > .entry > a > .type {
		width: 26.395348837209301%; /* 227 */
	}
	.skidataLiftstate > .entry > a > .length,
	.skidataLiftstate > .entry > a > .height {
		display: none;
	}

}

@media all and (max-width: 740px){

	.skidataLiftstate > h2 {
		margin-bottom: 10px;
	}
	.skidataLiftstate > .headline > .state {
		position: absolute;
		text-align: center;
		width: 80px;
	}
	.skidataLiftstate > .headline > .name {
		padding-left: 95px;
		padding-right: 195px;
		width: 100%;
	}
	.skidataLiftstate > .headline > .type {
		position: absolute;
		right: 0;
		width: 180px;
	}
	.skidataLiftstate > .entry > a > .state {
		left: 0;
		padding: 0;
		position: absolute;
		width: 80px;
	}
	.skidataLiftstate > .entry > a > .state:before {
		left: 22.5px;
	}
	.skidataLiftstate > .entry > a > .state > p {
		display: none;
	}
	.skidataLiftstate > .entry > a > .name {
		padding-left: 95px;
		padding-right: 195px;
		width: 100%;
	}
	.skidataLiftstate > .entry > a > .type {
		overflow: hidden;
		position: absolute;
		right: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 180px;
	}
	.skidataLiftstate > p.footer {
		padding-left: 0;
		padding-right: 0;
	}

}

@media all and (max-width: 550px){

	.skidataLiftstate > h2 {
		font-size: 24px;
	}
	.skidataLiftstate > .headline > .name {
		padding-left: 80px;
		padding-right: 15px;
	}
	.skidataLiftstate > .headline > .type {
		display: none;
	}
	.skidataLiftstate > .entry > a > .name {
		padding-left: 80px;
		padding-right: 15px;
	}
	.skidataLiftstate > .entry > a > .type {
		display: none;
	}

}

/* SkiData - Pistenstatus */

.skidataPistsstate > h2 {
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 22px;
}
.skidataPistsstate > .headline {
	background: #F3F3F3;
	border-bottom: 2px solid #E3E3E3;
	position: relative;
}
.skidataPistsstate > .headline > div {
	float: left;
	font-weight: 600;
	padding: 17px 15px 15px;
}
.skidataPistsstate > .headline > .state {
	width: 18.897058823529413%; /* 257 */
}
.skidataPistsstate > .headline > .name {
	width: 36.102941176470587%; /* 491 */
}
.skidataPistsstate > .headline > .type {
	width: 17.720588235294116%; /* 241 */
}
.skidataPistsstate > .headline > .length,
.skidataPistsstate > .headline > .height {
	display: none;
	width: 13.639705882352942%; /* 185,5 */
}
.skidataPistsstate > .entry {
	border-bottom: 1px solid #E3E3E3;
	position: relative;
}
.skidataPistsstate > .entry > a {
	color: #2D3A4A;
	font-weight: 300;
}
.skidataPistsstate > .entry > a > div {
	float: left;
	padding: 10px 15px 9px;
}
.skidataPistsstate > .entry > a > .state {
	font-weight: 600;
	padding-left: 49px;
	position: relative;
	width: 18.897058823529413%; /* 257 */
}
.skidataPistsstate > .entry > a > .state1 {
	color: #5CAF00;
}
.skidataPistsstate > .entry > a > .state0,
.skidataPistsstate > .entry > a > .state2 {
	color: #E1001A;
}
.skidataPistsstate > .entry > a > .state:before {
	color: #FFFFFF;
	content: "";
	font-family: "skidata";
	font-size: 11px;
	font-weight: normal;
	height: 25px;
	left: 15px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	top: 10px;
	width: 25px;
}
.skidataPistsstate > .entry > a > .state1:before {
	background: #70AF1A;
	content: "\E800";
}
.skidataPistsstate > .entry > a > .state0:before,
.skidataPistsstate > .entry > a > .state2:before {
	background: #D40D12;
	content: "\E801";
}
.skidataPistsstate > .entry > a > .name {
	font-weight: 600;
	width: 36.102941176470587%; /* 491 */
}
.skidataPistsstate > .entry > a > .type {
	min-height: 44px;
	padding-left: 35px;
	position: relative;
	width: 17.720588235294116%; /* 241 */
}
.skidataPistsstate > .entry > a > .type:before {
	border-radius: 50%;
	content: "";
	height: 10px;
	left: 15px;
	position: absolute;
	top: 17.5px;
	width: 10px;
}
.skidataPistsstate > .entry > a > .type.easy-piste:before {
	background: #2179BD;
}
.skidataPistsstate > .entry > a > .type.medium-piste:before {
	background: #D40D12;
}
.skidataPistsstate > .entry > a > .type.difficult-piste:before,
.skidataPistsstate > .entry > a > .type.difficult-piste2:before {
	background: #25303B;
}
.skidataPistsstate > .entry > a > .type.skiroute:before {
	background: #EDC634;
	border-radius: 0;
	transform: rotate(45deg);
}
.skidataPistsstate > .entry > a > .length,
.skidataPistsstate > .entry > a > .height {
	display: none;
	width: 13.639705882352942%; /* 185,5 */
}
.skidataPistsstate > p.footer {
	border-top: 1px solid #E7E9ED;
	font-size: 14px;
	padding: 12px 15px 0;
}
.skidataPistsstate > p.footer > a {
	color: #2D3A4A;
}

@media all and (max-width: 900px){

	.skidataPistsstate > .headline > .name {
		width: 54.651162790697676%; /* 470 */
	}
	.skidataPistsstate > .headline > .type {
		width: 26.395348837209301%; /* 227 */
	}
	.skidataPistsstate > .headline > .length,
	.skidataPistsstate > .headline > .height {
		display: none;
	}
	.skidataPistsstate > .entry > a > .name {
		width: 54.651162790697676%; /* 470 */
	}
	.skidataPistsstate > .entry > a > .type {
		width: 26.395348837209301%; /* 227 */
	}
	.skidataPistsstate > .entry > a > .length,
	.skidataPistsstate > .entry > a > .height {
		display: none;
	}

}

@media all and (max-width: 740px){

	.skidataPistsstate > h2 {
		margin-bottom: 10px;
	}
	.skidataPistsstate > .headline > .state {
		position: absolute;
		text-align: center;
		width: 80px;
	}
	.skidataPistsstate > .headline > .name {
		padding-left: 95px;
		padding-right: 135px;
		width: 100%;
	}
	.skidataPistsstate > .headline > .type {
		position: absolute;
		right: 0;
		width: 120px;
	}
	.skidataPistsstate > .entry > a > .state {
		left: 0;
		padding: 0;
		position: absolute;
		width: 80px;
	}
	.skidataPistsstate > .entry > a > .state:before {
		left: 22.5px;
	}
	.skidataPistsstate > .entry > a > .state > p {
		display: none;
	}
	.skidataPistsstate > .entry > a > .name {
		padding-left: 95px;
		padding-right: 135px;
		width: 100%;
	}
	.skidataPistsstate > .entry > a > .type {
		overflow: hidden;
		position: absolute;
		right: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 120px;
	}
	.skidataPistsstate > p.footer {
		padding-left: 0;
		padding-right: 0;
	}

}

@media all and (max-width: 550px){

	.skidataPistsstate > h2 {
		font-size: 24px;
	}
	.skidataPistsstate > .headline > .name {
		padding-left: 80px;
		padding-right: 70px;
	}
	.skidataPistsstate > .headline > .type {
		text-align: center;
		width: 70px;
	}
	.skidataPistsstate > .entry > a > .name {
		padding-left: 80px;
		padding-right: 70px;
	}
	.skidataPistsstate > .entry > a > .type {
		padding: 0;
		width: 70px;
	}
	.skidataPistsstate > .entry > a > .type:before {
		left: 50%;
		transform: translate(-50%, 0);
	}
	.skidataPistsstate > .entry > a > .type.skiroute:before {
		top: 20.5px;
		transform: rotate(45deg) translate(-50%, 0);
	}
	.skidataPistsstate > .entry > a > .type > p {
		display: none;
	}

}

/* SkiData - Schneebericht */

.snowReport {
	padding-bottom: 60px;
	padding-top: 72px;
}
.snowReport:before {
	background: #F3F3F3;
	content: "";
	height: 100%;
	left: -4000px;
	position: absolute;
	top: 0;
	width: 8000px;
	z-index: -1;
}
.snowReport > h2 {
	margin-top: 0;
}
.snowReport > a {
	background: #5CAF00;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 67px;
	transition: background 300ms ease;
	width: 121px;
}
.snowReport > a:hover {
	background: #498A00;
}
.snowReport > .wrapper {
	background: #FFFFFF;
	clear: left;
	padding: 39px;
}
.snowReport > .wrapper > .left {
	float: left;
	margin-right: 4%; 
	width: 67%;
}
.snowReport > .wrapper > .left > .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 32px;
	text-transform: uppercase;
}
.snowReport > .wrapper > .left > .imageWrapper {
	position: relative;
}
.snowReport > .wrapper > .left > .imageWrapper > .mountain {
	position: absolute;
	right: 0;
	top: 25px;
	width: 230px;
}
.snowReport > .wrapper > .left > .imageWrapper > .valley {
	position: absolute;
	right: 0;
	top: 78px;
	width: 230px;
}
.snowReport > .wrapper > .left > .imageWrapper > div > p {
	display: inline-block;
}
.snowReport > .wrapper > .left > .imageWrapper > div > p.label {
	font-size: 15px;
	font-weight: bold;
	margin-top: 18px;
	text-transform: uppercase;
}
.snowReport > .wrapper > .left > .imageWrapper > div > p.value {
	color: #E11217;
	float: right;
	font-size: 38px;
	font-weight: 500;
}
.snowReport > .wrapper > .left > .imageWrapper > div > p.value > span {
	font-size: 18px;
	font-weight: normal;
}
.snowReport > .wrapper > .right {
	float: left;
	width: 29%; 
}
.snowReport > .wrapper > .right > .avalancheState {
	margin-top: 48px;
}
.snowReport > .wrapper > .right > .avalancheState > .title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.snowReport > .wrapper > .right > .avalancheState > .state {
	font-size: 18px;
}
.snowReport > .wrapper > .right > .avalancheState.state1:before {
	background: #5CAf00;
}
.snowReport > .wrapper > .right > .avalancheState.state2:before {
	background: #F8C100;
}
.snowReport > .wrapper > .right > .avalancheState.state3:before {
	background: #FF4614;
}
.snowReport > .wrapper > .right > .avalancheState.state4:before {
	background: #E20015;
}
.snowReport > .wrapper > .right > .avalancheState.state5:before {
	background: #C10012;
}
.snowReport > .wrapper > .right > .avalancheState.state1:after {
	content: "1";
}
.snowReport > .wrapper > .right > .avalancheState.state2:after {
	content: "2";
}
.snowReport > .wrapper > .right > .avalancheState.state3:after {
	content: "3";
}
.snowReport > .wrapper > .right > .avalancheState.state4:after {
	content: "4";
}
.snowReport > .wrapper > .right > .avalancheState.state5:after {
	content: "5";
}
.snowReport > .wrapper > .right > .avalancheState:before {
	content: "";
	display: block;
	height: 42px;
	margin: -11px 0 0;
	position: absolute;
	right: 70px;
	top: 50%;
	width: 42px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.snowReport > .wrapper > .right > .avalancheState:after {
	color: #ffffff;
	font-size: 38px;
	font-weight: bold;
	line-height: 1;
	margin: -11px 0 0;
	position: absolute;
	right: 80px;
	top: 50%;
	z-index: 2;
}
.snowReport > .wrapper > .right > .avalancheState.state1:after {
	right: 83px;
}
.snowReport > .wrapper > .right > .lastsnow {
	margin-top: 75px;
	position: relative;
}
.snowReport > .wrapper > .right > .lastsnow:before {
	background: #BBBABE;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: -16px;
	width: 100%;
}
.snowReport > .wrapper > .right > .lastsnow:after {
	clear: both;
	content: "";
	display: block;
}
.snowReport > .wrapper > .right > .lastsnow > .snow {
	float: left;
	margin-right: 20px;
}
.snowReport > .wrapper > .right > .lastsnow > .date {
	float: right;
}
.snowReport > .wrapper > .right > .lastsnow > div .label {
	font-size: 15px;
	font-weight: bold;
	line-height: normal;
	margin-top: -2px;
}
.snowReport > .wrapper > .right > .lastsnow > div .value {
	font-size: 18px;
	line-height: normal;
	margin-top: -2px;
}

@media all and (max-width: 1304px){

	.snowReport > .wrapper > .left {
		float: none;
		margin-right: 0; 
		width: auto;
	}
	.snowReport > .wrapper > .left > .imageWrapper > .mountain,
	.snowReport > .wrapper > .left > .imageWrapper > .valley {
		right: auto; 
		left: 606px;
	}
	.snowReport > .wrapper > .right {
		float: none; 
		width: auto;
	}
	.snowReport > .wrapper > .right > .avalancheState {
		position: relative;
	}
	.snowReport > .wrapper > .right > .avalancheState:before {
		right: auto;
		left: 290px;
	}
	.snowReport > .wrapper > .right > .avalancheState:after {
		left: 300px;
		right: auto; 
	}
	.snowReport > .wrapper > .right > .avalancheState.state1:after {
		left: 301px;
		right: auto; 
	}
	.snowReport > .wrapper > .right > .lastsnow > .date .value {
		text-align: right;
	}

}
@media all and (max-width: 950px){

	.snowReport > .wrapper > .left > .imageWrapper {
		display: block;
		text-align: center;
	}
	.snowReport > .wrapper > .left > .imageWrapper > img {
		display: none;
	}
	.snowReport > .wrapper > .left > .imageWrapper > .mountain {
		display: inline-block;
		left: auto;
		margin-right: 30px;
		position: relative;
		right: auto; 
		top: auto; 
		width: 230px;
	}
	.snowReport > .wrapper > .left > .imageWrapper > .valley {
		display: inline-block;
		left: auto;
		position: relative;
		right: auto;
		top: auto;
		width: 230px;
	}

}
@media all and (max-width: 650px){

	.snowReport > .wrapper > .left > .imageWrapper {
		text-align: left; 
	}
	.snowReport > .wrapper > .left > .imageWrapper:after {
		clear: both;
		content: "";
		display: block;
	}
	.snowReport > .wrapper > .left > .imageWrapper > .mountain {
		border-bottom: 1px solid #BBBABE;
		display: block;
		float: left;
		margin-right: 0;
		width: 100%;
	}
	.snowReport > .wrapper > .left > .imageWrapper > .valley {	
		border-bottom: 1px solid #BBBABE;
		display: block;
		float: left;
		width: 100%;
	}
	.snowReport > .wrapper > .left > .imageWrapper > div > p.label {
		margin-top: 26px;
		float: left;
	}
	.snowReport > .wrapper > .left > .imageWrapper > div > p.value {
		margin-top: 0;
		float: right;
	}

}
@media all and (max-width: 460px){

	.snowReport > .wrapper {
		padding: 25px;
	}
	.snowReport > .wrapper > .left > .title {
		margin-bottom: 15px;
	}
	.snowReport > .wrapper > .right > .avalancheState {
		padding-left: 60px;
	}
	.snowReport > .wrapper > .right > .avalancheState:before {
		height: 35px;
		left: 6px;
		margin: -15px 0 0;
		width: 35px;
	}
	.snowReport > .wrapper > .right > .avalancheState:after {
		font-size: 28px;
		left: 16px;
		margin: -13px 0 0;
	}
	.snowReport > .wrapper > .right > .avalancheState.state1:after {
		left: 16px;
	}
	.snowReport > .wrapper > .right > .avalancheState > .title {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.snowReport > .wrapper > .right > .lastsnow > .snow {
		float: left;
		margin-right: 0; 
		width: 100%;
	}
	.snowReport > .wrapper > .right > .lastsnow > .date {
		float: left;
		width: 100%;
	}
	.snowReport > .wrapper > .right > .lastsnow > div .label {
		float: left;
		font-size: 15px;
		margin-top: 0;
	}
	.snowReport > .wrapper > .right > .lastsnow > div .value {
		float: right;
		font-size: 15px;
		margin-top: 0; 
	}

}
@media all and (max-width: 400px){

	.snowReport {
		padding-bottom: 80px;
		padding-top: 30px;
	}
	.snowReport > a {
		bottom: 20px;
		left: 20px;
		right: 20px;
		text-align: center;
		top: auto;
		width: auto; 
	}

}

/* TM - Pagination */

.tmPagination {
	clear: both;
}
.tmPagination > ul {
	text-align: center;
}
.tmPagination > ul > li {
	display: inline-block;
	margin: 0 2px;
}
.tmPagination > ul > .mobileNext,
.tmPagination > ul > .mobilePrev {
	display: none;
}
.tmPagination > ul > li > a {
	border: 1px solid #E1001A;
	color: #E1001A;
	display: block;
	height: 32px;
	line-height: 30px;
	min-width: 32px;
	padding: 0 10px;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
}
.tmPagination > ul > li > a:hover,
.tmPagination > ul > li > a.selected {
	background: #E1001A;
	color: #FFFFFF;
}

@media all and (max-width: 500px){

	.tmPagination > ul > li > a.prev {
		position: relative;
		text-indent: -9999px;
	}
	.tmPagination > ul > li > a.prev:before {
		content: '\E314';
		font-family: "Material Icons";
		font-size: 25px;
		font-weight: normal;
		position: absolute;
		right: 1px;
		text-indent: 0;
		width: 32px;
	}
	.tmPagination > ul > li > a.next {
		position: relative;
		text-indent: -9999px;
	}
	.tmPagination > ul > li > a.next:before {
		content: '\E315';
		font-family: "Material Icons";
		font-size: 25px;
		font-weight: normal;
		left: 1px;
		position: absolute;
		text-indent: 0;
		width: 32px;
	}

}

/* TM - Overlay */

body.overlay {
    overflow: hidden;
}
#OverlayWrapper {
	background: url("/img/basis/preloader_summer.jpg") scroll no-repeat center center;
	background-size: cover;
	height: 100%;
	left: 0;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000;
}
body.winter #OverlayWrapper {
	background-image: url("/img/basis/preloader_winter.jpg");
}
#OverlayWrapper:before {
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
#OverlayWrapper > .close {
	background: #E1001A;
	cursor: pointer;
	height: 50px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
	z-index: 8040;
}
#OverlayWrapper > .close:before {
	color: #FFFFFF;
	content: "\E5CD";
	font-family: "Material Icons";
	font-size: 40px;
	line-height: 50px;
}

@media all and (max-width: 900px){

	body.overlay > #PageWrapper {
		display: none;
	}

}

/* TM - Kalender - Verfügbarkeit */

.calendar.acco {
	position: relative;
}
.calendar.acco .ui-datepicker {
	box-shadow: none;
	margin: 0;
	padding-left: 20px !important;
	padding-right: 20px !important;
	width: 100% !important;
}
.calendar.acco .ui-datepicker .ui-datepicker-header {
	background: #F3F3F3;
	margin: -20px -21px 0 -20px !important;
	padding: 10px 0 0 !important;
	position: relative;
}
.calendar.acco .ui-datepicker .ui-datepicker-header:after {
	background: #F3F3F3;
	content: "";
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	right: -2px;
	top: 55px;
	z-index: 0;
}
.calendar.acco .ui-datepicker th {
	color: #4A4A4A;
	display: table-cell;
	position: relative;
}
.calendar.acco .ui-datepicker-calendar {
	z-index: 2;
}
.calendar.acco .ui-datepicker .ui-datepicker-title {
	color: #4A4A4A;
	font-size: 25px;
	font-weight: normal;
	margin: 0;
	padding: 0 24px;
	text-align: center;
}
.calendar.acco .ui-datepicker .ui-datepicker-title > span {
	border-bottom: 0 none;
	float: none;
}
.calendar.acco .ui-datepicker .ui-datepicker-title > span.ui-datepicker-month {
	font-weight: bold;
}
.calendar.acco .ui-datepicker-unselectable > *:before,
.calendar.acco .ui-state-disabled > *:before {
	left: 22px;
}
.calendar.acco > .prev {
	background: #E1001A;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
	height: 50px;
	left: -50px;
	line-height: 50px;
	position: absolute;
	text-align: center;
	top: 22.5px;
	width: 50px;
}
.calendar.acco > .prev:before {
	color: #FFFFFF;
	content: "\E314";
	font-family: "Material Icons";
	font-size: 40px;
	font-weight: normal;
	line-height: 50px;
}
.calendar.acco > .next {
	background: #E1001A;
	color: #FFFFFF;
	cursor: pointer;
	display: none;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: -50px;
	text-align: center;
	top: 22.5px;
	width: 50px;
}
.calendar.acco > .next:before {
	color: #FFFFFF;
	content: "\E315";
	font-family: "Material Icons";
	font-size: 40px;
	font-weight: normal;
	line-height: 50px;
}
.calendar.acco.active > .prev,
.calendar.acco.active > .next {
	display: block;
}
.calendar.acco .ui-datepicker-prev,
.calendar.acco .ui-datepicker-next {
	display: none;
}
.calendar.acco .ui-datepicker th {
	text-transform: uppercase;
}
.calendar.acco .ui-datepicker td {
	background: #F3F3F3;
	border: 5px solid #FFFFFF;
	height: 50px;
	line-height: 35px;
}
.calendar.acco .ui-datepicker td a {
	background: none;
	display: block !important;
	height: 100% !important;
	position: relative;
	width: 100% !important;
}
.calendar.acco .ui-datepicker td span {
	background: none;
}
.calendar.acco .ui-datepicker td a.ui-state-active, 
.calendar.acco .ui-datepicker .ui-state-highlight, 
.calendar.acco .ui-datepicker td a:hover, 
.calendar.acco .ui-datepicker-days-cell-over > a {
	background: inherit !important;
	color: #FFFFFF !important;
	font-weight: normal !important;
}

/* --- Markierungen --- */

/* verfügbar */

.calendar.acco .ui-datepicker td.available {
	background: #5CAF00;
}
.calendar.acco .ui-datepicker td.available a {
	color: #FFFFFF;
}
.calendar.acco .ui-datepicker td.available a:after {
	bottom: 5px;
	color: #FFFFFF;
	content: attr(data-price);
	cursor: pointer;
	font-size: 11px;
	left: 0;
	line-height: 1;
	position: absolute;
	text-align: center;
	width: 100%;
}

/* Anreise gesperrt */

.calendar.acco .ui-datepicker td.noarrival {
	background: #ADD77F;
}
.calendar.acco .ui-datepicker td.noarrival:not(.highlight) > a,
.calendar.acco .ui-datepicker td.noarrival:not(.highlight) > a:after {
	color: #FFFFFF;
	cursor: not-allowed;
}
.calendar.acco.activeSelection .ui-datepicker td.noarrival > a,
.calendar.acco.activeSelection .ui-datepicker td.noarrival > a:after {
	cursor: pointer;
}

/* ausgewählt */

.calendar.acco .ui-datepicker td.start.highlight,
.calendar.acco .ui-datepicker td.highlight {
	background: #0097E6 !important;
	cursor: pointer !important;
}

/* bei nicht erfüllter Mindestaufenthaltsdauer (bei Markierung) */

.calendar.acco .ui-datepicker td.start,
.calendar.acco .ui-datepicker td.nohighlight {
	background: #ADD77F !important;
}

/* nicht verfügbar */

.calendar.acco .ui-datepicker td.tmpnotavailable {
	background: #F3F3F3 !important;
}
.calendar.acco .ui-datepicker td.tmpnotavailable > a:hover,
.calendar.acco .ui-datepicker td.tmpnotavailable > a:hover:after {
	color: #4A4A4A !important;
}

@media all and (max-width: 1364px){

	.calendar.acco .ui-datepicker .ui-datepicker-title {
		text-align: center;
	}
	.calendar.acco > .prev {
		background: none;
		height: 40px;
		left: 19px;
		line-height: 40px;
		top: 14px;
		width: 40px;
		z-index: 1;
	}
	.calendar.acco > .prev:before {
		color: #E1001A;
		line-height: 40px;
	}
	.calendar.acco > .next {
		background: none;
		color: #E1001A;
		height: 40px;
		line-height: 40px;
		right: 19px;
		top: 14px;
		width: 40px;
		z-index: 1;
	}
	.calendar.acco > .next:before {
		color: #E1001A;
		line-height: 40px;
	}

}

@media all and (max-width: 700px){

	.calendar.acco .ui-datepicker td.available a {
		height: 33px !important;
	}
	.calendar.acco .ui-datepicker td.available a:after {
		display: none;
	}
	
}

@media all and (max-width: 400px){

	.calendar.acco > .prev {
		height: 30px;
		left: 12px;
		line-height: 30px;
		top: 10px;
		width: 30px;
	}
	.calendar.acco > .next {
		height: 30px;
		line-height: 30px;
		right: 12px;
		top: 10px;
		width: 30px;
	}
	.calendar.acco > .prev:before,
	.calendar.acco > .next:before {
		font-size: 30px;
		line-height: 30px;
	}

}

/* TM - Kalender - Verfügbarkeit - Tooltip */

#OverlayWrapper .tooltip {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.2);
	color: #4A4A4A;
	display: none;
	font-size: 14px;
	font-weight: normal;
	height: 125px;
	margin: -133px 0 0 -115px;
	opacity: 0;
	padding: 14px 20px 0;
	position: absolute;
	text-align: center;
	width: 280px;
	z-index: -1;
	transition: all 150ms ease;
}
#OverlayWrapper .tooltip.show {
	display: block;
	opacity: 1;
	z-index: 20;
}
#OverlayWrapper .tooltip:after {
	background: #FFFFFF;
	border-bottom: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	bottom: -5px;
	content: "";
	display: block;
	height: 10px;
	left: 50%;
	margin: 0 0 0 -6px;
	position: absolute;
	width: 10px;
	transform: rotate(45deg);
}
#OverlayWrapper .tooltip > .date {
	font-weight: bold;
}
#OverlayWrapper .tooltip > .price.hide {
	display: none;
}
#OverlayWrapper .tooltip > .state {
	display: none;
	padding: 6px 0 4px 25px;
	position: relative;
}
#OverlayWrapper .tooltip > .state.show {
	display: inline-block;
}
#OverlayWrapper .tooltip > .state:before {
	content: "";
	display: block;
	height: 16px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 16px;
}
#OverlayWrapper .tooltip > .state1:before { /* Abreise möglich */
	background: #5CAF00;
}
#OverlayWrapper .tooltip > .state2:before { /* Keine Abreise möglich */
	background: #ADD77F;
}
#OverlayWrapper .tooltip > .state3:before { /* Anreise möglich */
	background: #5CAF00;
}
#OverlayWrapper .tooltip > .state4:before { /* Keine Anreise möglich */
	background: #ADD77F;
}

@media all and (max-width: 1280px){

	#OverlayWrapper .tooltip {
		display: none !important;
	}

}

/* TM - Events - Detail - Routenplaner */

.tmRoutePlanner {
	background: #F3F3F3;
	margin: 40px 0;
	padding: 18px 24px 24px;
}
.tmRoutePlanner > p.headline {
	color: #E1001A;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.1;
	margin: 0 0 14px;
	position: relative;
}
.tmRoutePlanner > form > .travelMode {
	margin: 0 0 13px;
}
.tmRoutePlanner > form > .travelMode > p {
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 5px;
}
.tmRoutePlanner > form > .travelMode > ul > li {
	background: #BABABA;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0 2% 0 0;
	text-align: center;
	transition: background 300ms ease;
	width: 23.5%;
}
.tmRoutePlanner > form > .travelMode > ul > li:last-child {
	margin-right: 0;
}
.tmRoutePlanner > form > .travelMode > ul > li:before {
	content: '\E800';
	display: block;
	font-family: 'routeplanner';
}
.tmRoutePlanner > form > .travelMode > ul > li[data-mode='DRIVING']:before {
	content: '\E800';
	font-size: 14px;
}
.tmRoutePlanner > form > .travelMode > ul > li[data-mode='BICYCLING']:before {
	content: '\E801';
	font-size: 17px;
}
.tmRoutePlanner > form > .travelMode > ul > li[data-mode='TRANSIT']:before {
	content: '\E802';
	font-size: 19px;
}
.tmRoutePlanner > form > .travelMode > ul > li[data-mode='WALKING']:before {
	content: '\E803';
	font-size: 19px;
}
.tmRoutePlanner > form > .travelMode > ul > li:hover,
.tmRoutePlanner > form > .travelMode > ul > li.selected {
	background: #E1001A;
}
.tmRoutePlanner > form > .origin > p {
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 5px;
}
.tmRoutePlanner > form > .origin > input {
	background: #FFFFFF;
	border: 0 none;
	border-radius: 0;
	line-height: 40px;
	padding: 0 15px;
	transition: background 300ms ease, color 300ms ease;
	width: 100%;
}
.tmRoutePlanner > form > .origin.error > input {
	background: #FCE5E8;
	color: #E1001A;
}
.tmRoutePlanner > form > .button > input {
	background: none;
	border: 1px solid #E1001A;
	border-radius: 0;
	color: #E1001A;
	display: block;
	font-weight: bold;
	margin: 17px 0 0;
	padding: 6px 15px 8px;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
	width: 100%;
}
.tmRoutePlanner > form > .button > input:hover {
	background: #E1001A;
	color: #FFFFFF;
}

/* TM - Zusatzleistung */

.tmService {
	background: #F3F3F3;
	padding-bottom: 22px;
	padding-top: 23px;
}
.tmService:before {
	background: #F3F3F3;
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}
.tmService > div > h2 {
	margin: 0 0 17px;
	padding-right: 180px;
}
.tmService > div > h2 + h3 {
	margin-top: -20px;
}
.tmService > div > p.price {
	line-height: 1.2;
	position: absolute;
	right: 20px;
	text-align: right;
	top: 27px;
}
.tmService > div > p.price > span {
	display: block;
}
.tmService > div > p.price > span.value {
	color: #E1001A;
	font-size: 28px;
	font-weight: bold;
}
.tmService > div > .dates {
	min-height: 106px;
	padding: 0 220px 0 0;
}
.tmService > div > .dates > .date {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	cursor: pointer;
	float: left;
    margin: 0 10px 10px 0;
    min-width: 105px;
    padding: 10px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.tmService > div > .dates > .date.available {
	background: #EEF7E5;
}
.tmService > div > .dates > .date.notavailable {
	background: #FCE5E8;
}
.tmService > div > .dates > .date:hover,
.tmService > div > .dates > .date.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
	color: #FFFFFF;
}
.tmService > div > .dates > .date > .weekDay {
	display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.tmService > div > .dates > .date > .day {
    display: block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    padding: 0 0 8px;
    position: relative;
}
.tmService > div > .dates > .date > .day:after {
	background: #4A4A4A;
	bottom: 0;
	content: "";
	height: 1px;
	left: 50%;
	margin: 0 0 0 -10px;
	position: absolute;
	transition: background 300ms ease;
	width: 20px;
}
.tmService > div > .dates > .date:hover > .day:after,
.tmService > div > .dates > .date.selected > .day:after {
	background: #FFFFFF;
}
.tmService > div > .dates > .date > .monthYear {
    display: block;
    font-size: 14px;
    margin: 5px 0 0;
    text-transform: uppercase;
}
.tmService > div > .dates > .row {
	bottom: 10px;
	position: absolute;
	right: 0;
	width: 200px;
}
.tmService > div > .dates > .row > label {
	display: block;
	margin: 0 0 6px;
}
.tmService > div > .dates > .row > .field {
	position: relative;
}
.tmService > div > .dates > .row > .field > input {
	border: 1px solid #E3E3E3;
	border-radius: 0;
	cursor: pointer;
	padding: 8px 45px 7px 10px;
	width: 100%;
}
.tmService > div > .dates > .row > .field > i {
	color: #E1001A;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 9px;
	z-index: 1;
}

@media all and (max-width: 1200px){

	.tmService > div > .dates > .date:nth-child(8),
	.tmService > div > .dates > .date:nth-child(9) {
		display: none;
	}

}

@media all and (max-width: 1080px){

	.tmService > div > .dates > .date:nth-child(6),
	.tmService > div > .dates > .date:nth-child(7) {
		display: none;
	}

}

@media all and (max-width: 850px){

	.tmService > div > .dates > .date:nth-child(6),
	.tmService > div > .dates > .date:nth-child(7),
	.tmService > div > .dates > .date:nth-child(8),
	.tmService > div > .dates > .date:nth-child(9) {
		display: block;
	}

}

@media all and (max-width: 740px){

	.tmService > div > .dates {
		padding-right: 0;
	}
	.tmService > div > .dates > .date {
		margin-bottom: 1.428571428571429%; /* 10 */
		margin-right: 1.428571428571429%; /* 10 */
		width: 23.928571428571427%; /* 167,5 */
	}
	.tmService > div > .dates > .date:nth-child(4n) {
		margin-right: 0;
	}
	.tmService > div > .dates > .date:nth-child(4n) + .date {
		clear: both;
	}
	.tmService > div > .dates > .row {
		bottom: auto;
		clear: both;
		padding-top: 10px;
		position: relative;
		right: auto;
		width: 100%;
	}

}

@media all and (max-width: 500px){

	.tmService > div > p.price {
		top: 24px;
	}
	.tmService > div > p.price > span.value {
		font-size: 22px;
	}
	.tmService > div > .dates > .date {
		margin-bottom: 2.173913043478261%; /* 10 */
		margin-right: 2.173913043478261%; /* 10 */
		width: 31.847826086956523%; /* 146,5 */
	}
	.tmService > div > .dates > .date:nth-child(4n) {
		margin-right: 2.173913043478261%; /* 10 */
	}
	.tmService > div > .dates > .date:nth-child(4n) + .date {
		clear: none;
	}
	.tmService > div > .dates > .date:nth-child(3n) {
		margin-right: 0;
	}
	.tmService > div > .dates > .date:nth-child(3n) + .date {
		clear: both;
	}
	.tmService > div > .dates > .date:nth-child(7),
	.tmService > div > .dates > .date:nth-child(8),
	.tmService > div > .dates > .date:nth-child(9) {
		display: none;
	}

}

@media all and (max-width: 400px){

	.tmService > div > h2 {
		padding-right: 0;
	}
	.tmService > div > h3 {
		margin-bottom: 12px;
	}
	.tmService > div > p.price {
		margin-bottom: 20px;
		position: relative;
		right: 0;
		top: auto;
	}
	.tmService > div > .dates > .date {
		margin-bottom: 2.777777777777778%; /* 10 */
		margin-right: 2.777777777777778%; /* 10 */
		width: 48.611111111111114%; /* 175 */
	}
	.tmService > div > .dates > .date:nth-child(3n) {
		margin-right: 2.777777777777778%; /* 10 */
	}
	.tmService > div > .dates > .date:nth-child(3n) + .date {
		clear: none;
	}
	.tmService > div > .dates > .date:nth-child(2n) {
		margin-right: 0;
	}
	.tmService > div > .dates > .date:nth-child(2n) + .date {
		clear: both;
	}
	.tmService > div > .dates > .date:nth-child(7),
	.tmService > div > .dates > .date:nth-child(8),
	.tmService > div > .dates > .date:nth-child(9) {
		display: block;
	}

}

/* TM - Zusatzleistung - Angebote */

.tmService > div > .offers {
	padding: 24px 0 10px;
}
.tmService > div > .offers > h3 {
	margin: 0 0 9px;
}
.tmService > div > .offers > article {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	margin: 0 0 -1px;
	padding: 19px 24px 24px;
	position: relative;
}
.tmService > div > .offers > article:last-child {
	margin-bottom: 0;
}
.tmService > div > .offers > article > h2 {
	display: none;
}
.tmService > div > .offers > article > p.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 120px 0 0;
}
.tmService > div > .offers > article > p.price {
	line-height: 1.2;
	position: absolute;
	right: 24px;
	text-align: right;
	top: 19px;
}
.tmService > div > .offers > article > p.price > span.value {
	color: #E1001A;
	font-size: 20px;
	font-weight: bold;
}
.tmService > div > .offers > article > .info {
	margin: 24px 0 0;
}
.tmService > div > .offers > article > .info > p {
	float: left;
	position: relative;
}
.tmService > div > .offers > article > .info > p.day {
	margin: 0 16px 0 0;
	padding-left: 27px;
}
.tmService > div > .offers > article > .info > p.day > i {
	color: #E1001A;
	left: -2px;
	position: absolute;
	top: 1px;
}
.tmService > div > .offers > article > .info > p.duration {
	padding-left: 27px;
}
.tmService > div > .offers > article > .info > p.duration > i {
	color: #E1001A;
	left: -2px;
	position: absolute;
	top: 1px;
}
.tmService > div > .offers > article > .booking {
	bottom: 26px;
	position: absolute;
	right: 24px;
}
.tmService > div > .offers > article > .booking > .select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: left;
	position: relative;
	width: 100px;
}
.tmService > div > .offers > article > .booking > .select > select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: 0 none;
	border-radius: 0;
	cursor: pointer;
	font-size: 15px;
	height: 38px;
	margin: 0;
	overflow: hidden;
	padding: 7px 35px 7px 5px;
	-webkit-padding-start: 10px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}
.tmService > div > .offers > article > .booking > .select > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 9px;
	z-index: 1;
}
.tmService > div > .offers > article > .booking > .button {
	float: left;
	margin: 0 0 0 16px;
}
.tmService > div > .offers > article > .booking > .button > a {
	background: #5CAF00;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	line-height: 40px;
	padding: 0 15px;
	text-align: center;
	transition: background 300ms ease;
}
.tmService > div > .offers > article > .booking > .button > a:hover {
	background: #E1001A;
}

@media all and (max-width: 500px){

	.tmService > div > .offers > article {
		padding: 15px 20px 20px;
	}
	.tmService > div > .offers > article > p.title {
		font-size: 18px;
	}
	.tmService > div > .offers > article > p.price {
		right: 20px;
		top: 15px;
	}
	.tmService > div > .offers > article > p.price > span.value {
		font-size: 18px;
	}
	.tmService > div > .offers > article > .info {
		margin-top: 6px;
	}
	.tmService > div > .offers > article > .booking {
		bottom: auto;
		margin-top: 10px;
		position: relative;
		right: auto;
	}
	.tmService > div > .offers > article > .booking > .select {
		margin-right: 2%;
		width: 49%;
	}
	.tmService > div > .offers > article > .booking > .button {
		margin-left: 0;
		width: 49%;
	}

}

/* TM - Zusatzleistung - Warenkorb */

.tmServiceCart {
	background: #FFFFFF !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.18) !important;
	font-family: 'adelle-sans', sans-serif !important;
	margin: 50px 0 !important;
	max-width: 800px !important;
	opacity: 0;
	overflow: hidden;
	padding: 24px !important;
	top: 50px;
	-webkit-transition: opacity 800ms ease, top 800ms ease;
	-moz-transition: opacity 800ms ease, top 800ms ease;
	-ms-transition: opacity 800ms ease, top 800ms ease;
	-o-transition: opacity 800ms ease, top 800ms ease;
	transition: opacity 800ms ease, top 800ms ease;
	width: 100% !important;
}
.tmServiceCart.animated {
	opacity: 1;
	top: 0;
}
.tmServiceCart.show {
	opacity: 1;
	top: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.tmServiceCart > h2 {
	margin-bottom: 4px;
	margin-top: 0;
}
.tmServiceCart > article {
	border-bottom: 1px solid #E3E3E3;
	padding: 16px 0 22px;
	position: relative;
}
.tmServiceCart > article:last-of-type {
	border-bottom: 0 none;
	margin-bottom: 0;
}
.tmServiceCart > article > h2 {
	display: none;
}
.tmServiceCart > article > h2 {
	display: none;
}
.tmServiceCart > article > p.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0 120px 0 0;
}
.tmServiceCart > article > p.price {
	line-height: 1.2;
	position: absolute;
	right: 42px;
	text-align: right;
	top: 19px;
}
.tmServiceCart > article > p.price > span.value {
	color: #E1001A;
	font-size: 20px;
	font-weight: bold;
}
.tmServiceCart > article > .info {
	margin: 3px 0 0;
}
.tmServiceCart > article > .info > p {
	float: left;
	position: relative;
}
.tmServiceCart > article > .info > p.day {
	margin: 0 16px 0 0;
	padding-left: 27px;
}
.tmServiceCart > article > .info > p.day > i {
	color: #E1001A;
	left: -2px;
	position: absolute;
	top: 1px;
}
.tmServiceCart > article > .info > p.duration {
	padding-left: 27px;
}
.tmServiceCart > article > .info > p.duration > i {
	color: #E1001A;
	left: -2px;
	position: absolute;
	top: 1px;
}
.tmServiceCart > article > a.remove {
	background: #F3F3F3;
	border-radius: 50%;
	color: #4A4A4A;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 17px;
	transition: background 300ms ease, color 300ms ease;
	width: 30px;
}
.tmServiceCart > article > a.remove:hover {
	background: #E1001A;
	color: #FFFFFF;
}
.tmServiceCart > article > a.remove > i {
	display: block;
	font-size: 20px;
	line-height: 30px;
}
.tmServiceCart > .buttons {
	margin: 8px 0 0;
}
.tmServiceCart > .buttons > a {
	border: 1px solid #E1001A;
	border-radius: 0;
	color: #E1001A;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 1;
	padding: 11px 16px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.tmServiceCart > .buttons > a.more:hover {
	background: #E1001A;
	color: #FFFFFF;
}
.tmServiceCart > .buttons > a.booking {
	background: #E1001A;
	color: #FFFFFF;
	float: right;
}
.tmServiceCart > .buttons > a.booking:hover {
	background: #5CAF00;
	border: 1px solid #5CAF00;
}

/* Fehlermeldung */

.tmServiceCart > p.noResult {
	background: #FCE5E8;
	border: 1px solid #E1001A;
	color: #E1001A;
	margin: 24px 0;
	padding: 15px;
}

@media all and (max-width: 500px){

	.tmServiceCart > article > p.title {
		font-size: 18px;
	}
	.tmServiceCart > article > p.price > span.value {
		font-size: 18px;
	}
	.tmServiceCart > article > a.remove {
		top: 14.5px;
	}
	.tmServiceCart > .buttons > a {
		width: 49%;
	}
	.tmServiceCart > .buttons > a.more {
		margin-right: 2%;
	}

}

@media all and (max-width: 400px){

	.tmServiceCart > .buttons > a {
		float: none;
		width: 100%;
	}
	.tmServiceCart > .buttons > a.more {
		margin-bottom: 10px;
		margin-right: 0;
	}

}

/* TM - Zusatzleistung - Fehlermeldung */

.tmService > div > p.noResult {
	background: #FCE5E8;
	border: 1px solid #E1001A;
	color: #E1001A;
	padding: 15px;
}

/* TM - Zusatzleistungen - Übersicht - Teaser_02 */

.tmServicesList.side {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.tmServicesList.side article {
	flex: 0 0 31.25%; /* 300 */
	display: flex;
	flex-direction: column;
	margin-right: 3.125%; /* 30 */
	overflow: hidden;
}
.tmServicesList.side article:nth-of-type(3n) {
	margin-right: 0;
}
.tmServicesList.side article > .left {
	float: none;
	width: 100%;
	margin: 0;
}
.tmServicesList.side article > .left > a,
.tmServicesList.side article > .left > a > img {
	max-width: 300px;
}
.tmServicesList.side article > figure {
	float: left;
	width: 100%;
}
.tmServicesList.side article > figure > .price {
	position: absolute;
	right: auto;
	text-align: left;
	bottom: 115px;
	top: auto;
}
.tmServicesList.side article > figure > .title {
	padding-right: 0;
}
.tmServicesList.side article > figure > .title > a {
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tmServicesList.side article > figure > .text {
	display: none;
	padding-bottom: 20px;
}
.tmServicesList.side article .content {
	margin-top: auto;
	padding-top: 84px;
	padding-bottom: 29px;
}
.tmServicesList.side article .content > .left {
	display: none;
}
.tmServicesList.side article .content > .right {
	width: 100%;
	margin-left: 0;
}
.tmServicesList.side article .content > a.bookmark {
	top: 84px;
}
.tmServicesList.side .tmPagination {
	margin-left: auto;
	margin-right: auto;
}

@media all and (max-width: 800px){

	.tmServicesList.side article {
		flex: 0 0 49%;
		margin-right: 2%;
	}
	.tmServicesList.side article:nth-of-type(3n) {
		margin-right: 2%;
	}
	.tmServicesList.side article:nth-of-type(2n) {
		margin-right: 0;
	}	
	.tmServicesList.side article > .left > a, .tmServicesList.side article > .left > a > img {
		max-width: none; 

	}

}
@media all and (max-width: 500px){

	.tmServicesList.side {
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.tmServicesList.side article {
		margin-right: 0;
		box-shadow: none;
	}

}

/* TM - Standard - Events */

.tmStEventsTeaser > article {
	margin: 0 0 34px;
}
.tmStEventsTeaser > article.loaded {
	opacity: 0;
}
.tmStEventsTeaser > article > h2 {
	display: none;
}
.tmStEventsTeaser > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 3.061224489795918% 0 0; /* 0 24 0 0 */
	width: 28.571428571428573%; /* 224 */
}
.tmStEventsTeaser > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmStEventsTeaser > article > figure > figcaption {
	float: left;
	width: 68.367346938775512%; /* 536 */
}
.tmStEventsTeaser > article > figure > figcaption > p.info {
	margin: 0 0 16px;
}
.tmStEventsTeaser > article > figure > figcaption > p.info > span {
	background: #4A4A4A;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 22px;
	font-weight: 600;
	line-height: 40px;
	padding: 0 12px;
}
.tmStEventsTeaser > article > figure > figcaption > p.info > span.time {
	margin: 0 0 0 1px;
}
.tmStEventsTeaser > article > figure > figcaption > p.info > span.mark {
	background: #E1001A;
	font-size: 16px;
	padding: 0 15px;
	text-transform: uppercase;
}
.tmStEventsTeaser > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmStEventsTeaser > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmStEventsTeaser > article > figure > figcaption > p.text {
	margin: 13px 0 0;
}
.tmStEventsTeaser > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	min-height: 81px;
	padding: 24px 0 0;
	position: relative;
}
.tmStEventsTeaser > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmStEventsTeaser > article > figure > .content > p.address {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmStEventsTeaser > article > figure > .content > p.address > span.town {
	font-weight: 600;
}
.tmStEventsTeaser > article > figure > .content > p.phone {
	float: left;
	line-height: 55px;
}
.tmStEventsTeaser > article > figure > .content > p.phone > a {
	font-weight: 600;
	padding: 0 0 0 23px;
	position: relative;
	transition: color 300ms ease;
}
.tmStEventsTeaser > article > figure > .content > p.phone > a:hover {
	color: #5CAF00;
}
.tmStEventsTeaser > article > figure > .content > p.phone > a > i {
	font-size: 20px;
	left: -2px;
	position: absolute;
	top: 3px;
}
.tmStEventsTeaser > article > figure > .content > .guestCard {
	display: block;
	float: left;
	margin: 8px 0 7px 23px;
	position: relative;
	width: 40px;
}
.tmStEventsTeaser > article > figure > .content > .guestCard > img {
	display: block;
	width: 100%;
}
.tmStEventsTeaser > article > figure > .content > .guestCard > span {
	background: #E1001A;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: bold;
	left: 50%;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	top: 50px;
	transform: translate(-50%, 0);
	white-space: nowrap;
}
.tmStEventsTeaser > article > figure > .content > .guestCard > span:before {
	background: #E1001A;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	content: "";
	height: 19px;
	left: 50%;
	margin: 0 0 0 -9.5px;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	width: 19px;
	z-index: 1;
}
.tmStEventsTeaser > article > figure > .content > .guestCard > span:after {
	background: #E1001A;
	content: "";
	height: 30px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	top: 0;
	width: 30px;
	z-index: 2;
}
.tmStEventsTeaser > article > figure > .content > .guestCard:hover > span {
	display: block;
}
.tmStEventsTeaser > article > figure > .content > .guestCard > span > span {
	position: relative;
	z-index: 3;
}
.tmStEventsTeaser > article > figure > .content > a.ticket {
	background: #5CAF00;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 40px;
	padding: 0 16px 0 40px;
	position: absolute;
	right: 71px;
	transition: background 300ms ease;
}
.tmStEventsTeaser > article > figure > .content > a.ticket:hover {
	background: #E1001A;
}
.tmStEventsTeaser > article > figure > .content > a.ticket > i {
	font-size: 20px;
	left: 15px;
	position: absolute;
	top: 10px;
}
.tmStEventsTeaser > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmStEventsTeaser > article > figure > .content > a.bookmark:hover,
.tmStEventsTeaser > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStEventsTeaser > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmStEventsTeaser > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmStEventsTeaser > article > figure > .content > a.bookmark:hover > i.yes,
.tmStEventsTeaser > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}
.tmStEventsTeaser > .buttons {
	text-align: center;
}
.tmStEventsTeaser > .buttons > a {
	border: 1px solid #5CAF00;
	color: #5CAF00;
	display: inline-block;
	font-weight: normal;
	height: 40px;
	margin: 0 5px;
	padding: 6px 15px 8px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.tmStEventsTeaser > .buttons > a.link {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStEventsTeaser > .buttons > a:hover {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStEventsTeaser > .buttons > a.link:hover {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStEventsTeaser > .buttons > a > span {
	background: #5CAF00;
	border-radius: 50%;
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 0 5px;
	min-width: 20px;
	padding: 0 3px;
	position: relative;
	text-align: center;
	top: -2px;
	transition: background 300ms ease, color 300ms ease;
}
.tmStEventsTeaser > .buttons > a:hover > span {
	background: #FFFFFF;
	color: #5CAF00;
}

@media all and (max-width: 1200px){

	.tmStEventsTeaser > article > figure > .content > a.ticket {
		display: none;
	}

}
@media all and (max-width: 980px){

	.tmStEventsTeaser > article > figure > .content > a.ticket {
		display: block;
	}

}
@media all and (max-width: 840px){

	.tmStEventsTeaser > article > figure > figcaption > p.info {
		margin: 0 0 10px;
	}
	.tmStEventsTeaser > article > figure > figcaption > p.info > span {
		font-size: 18px;
		line-height: 28px;
		padding: 0 8px;
	}
	.tmStEventsTeaser > article > figure > figcaption > p.title > a {
		font-size: 22px;
		line-height: 1.25;
	}
	.tmStEventsTeaser > article > figure > figcaption > p.text {
		margin: 8px 0 0;
	}
	.tmStEventsTeaser > article > figure > .content > a.ticket {
		display: none;
	}

}

@media all and (max-width: 700px){

	.tmStEventsTeaser > article > figure > a.image {
		width: 40%;
	}
	.tmStEventsTeaser > article > figure > figcaption {
		width: 56.93877551020408%;
	}
	.tmStEventsTeaser > article > figure > .content > p.address {
		display: none;
	}
	.tmStEventsTeaser > article > figure > .content > a.ticket {
		display: block;
	}

}

@media all and (max-width: 550px){

	.tmStEventsTeaser > article > figure > a.image {
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%;
	}
	.tmStEventsTeaser > article > figure > figcaption {
		width: 100%;
	}
	.tmStEventsTeaser > article > figure > .content {
		padding: 24px 0 15px;
	}
	.tmStEventsTeaser > article > figure > .content:before {
		right: 0;
	}
	.tmStEventsTeaser > article > figure > .content > p.address {
		display: block;
		float: none; 
		line-height: 22px;
		margin: 10px 0 10px 0;
		max-width: unset;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.tmStEventsTeaser > article > figure > .content > p.phone {
		float: none;
		line-height: 35px;
		margin: 10px 0;
	}	
	.tmStEventsTeaser > article > figure > .content > .guestCard {
		margin: 0;
		position: absolute;
		right: 0;
		top: 14px;
		z-index: 2;	
	}
	.tmStEventsTeaser > article > figure > .content > .guestCard:hover > span {
		display: block;
		left: auto;
		right: 0;
		transform: none;	
	}
	.tmStEventsTeaser > article > figure > .content > .guestCard > span:before {
		box-shadow: none;
		left: auto;
		right: 10px;
	}
	.tmStEventsTeaser > article > figure > .content > a.ticket {
		bottom: 15px;
		left: 0;
		right: 55px;
		text-align: center;
		top: auto;
	}
	.tmStEventsTeaser > article > figure > .content > a.ticket > i {
		left: 50%;
		margin-left: -36px;
	}
	.tmStEventsTeaser > article > figure > .content > a.bookmark {
		display: block;
		float: right;
		position: relative;
		top: 0;
	}
	.tmStEventsTeaser > .buttons > a {
		display: block;
		margin: 10px 0px;
	}

}

/* TM - Standard - Events - Auswahl */

.tmStEvents4Columns article {
	background: #F3F3F3;
	float: left;
	margin: 0 1.265822784810127% 1.265822784810127% 0; /* 0 16 16 0 */
	width: 24.050632911392405%; /* 304 */
}
.tmStEvents4Columns article:last-child {
	margin-right: 0;
}
.tmStEvents4Columns article > h2 {
	display: none;
}
.tmStEvents4Columns article > figure > a img {
	display: block;
	width: 100%;
}
.tmStEvents4Columns article > figure > figcaption {
	padding: 28px 24px 21px;
	position: relative;
}
.tmStEvents4Columns article > figure > figcaption > a.title {
	color: #E1001A;
	display: block;
	font-size: 22px;
	font-weight: 600;
	hyphens: auto;
	line-height: 1;
	margin: 0 0 14px;
}
.tmStEvents4Columns article > figure > figcaption > p.date {
	left: 0;
	line-height: 40px;
	position: absolute;
	top: -32px;
}
.tmStEvents4Columns article > figure > figcaption > p.date > span.value {
	background: #4A4A4A;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 22px;
	font-weight: 600;
	padding: 0 24px;
}
.tmStEvents4Columns article > figure > figcaption > p.date > span.mark {
	background: #E1001A;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px;
	text-transform: uppercase;
}
.tmStEvents4Columns article > figure > figcaption > p.date > a.bookmark {
	background: #F3F3F3;
	display: block;
	float: left;
	height: 40px;
	overflow: hidden;
	position: relative;
	width: 40px;
}
.tmStEvents4Columns article > figure > figcaption > p.date > a.bookmark > i {
	height: 40px;
	left: 0;
	line-height: 40px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: opacity 300ms ease;
	width: 40px;
}
.tmStEvents4Columns article > figure > figcaption > p.date > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmStEvents4Columns article > figure > figcaption > p.date > a.bookmark:hover > i.yes,
.tmStEvents4Columns article > figure > figcaption > p.date > a.bookmark.selected > i.yes {
	opacity: 1;
}
.tmStEvents4Columns article > figure > figcaption > p.date > .guestCard {
	display: block;
	float: left;
	position: relative;
	width: 40px;
}
.tmStEvents4Columns article > figure > figcaption > p.date > .guestCard > img {
	display: block;
	width: 100%;
}
.tmStEvents4Columns article > figure > figcaption > p.date > .guestCard > span {
	background: #E1001A;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: bold;
	left: 50%;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	top: 50px;
	transform: translate(-50%, 0);
	white-space: nowrap;
}
.tmStEvents4Columns article > figure > figcaption > p.date > .guestCard > span:before {
	background: #E1001A;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	content: "";
	height: 19px;
	left: 50%;
	margin: 0 0 0 -9.5px;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	width: 19px;
	z-index: 1;
}
.tmStEvents4Columns article > figure > figcaption > p.date > .guestCard > span:after {
	background: #E1001A;
	content: "";
	height: 30px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	top: 0;
	width: 30px;
	z-index: 2;
}
.tmStEvents4Columns article > figure > figcaption > p.date > .guestCard:hover > span {
	display: block;
}
.tmStEvents4Columns article > figure > figcaption > p.date > .guestCard > span > span {
	position: relative;
	z-index: 3;
}

@media all and (max-width: 1120px){

	.tmStEvents4Columns article {
		margin-bottom: 1.481481481481481%; /* 16 */
		margin-right: 1.481481481481481%; /* 16 */
		width: 32.314814814814817%; /* 349 */
	}

}

@media all and (max-width: 880px){

	.tmStEvents4Columns article {
		margin-bottom: 1.904761904761905%; /* 16 */
		margin-right: 1.904761904761905%; /* 16 */
		width: 49.047619047619051%; /* 412 */
	}

}

@media all and (max-width: 550px){

	.tmStEvents4Columns article {
		float: none;
		margin-bottom: 16px;
		margin-right: 0;
		width: 100%;
	}

}

/* TM - Standard - Info A-Z */

.tmStInfoAZTeaser > article {
	margin: 0 0 34px;
}
.tmStInfoAZTeaser > article.loaded {
	opacity: 0;
}
.tmStInfoAZTeaser > article > h2 {
	display: none;
}
.tmStInfoAZTeaser > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 3.061224489795918% 0 0; /* 0 24 0 0 */
	width: 28.571428571428573%; /* 224 */
}
.tmStInfoAZTeaser > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmStInfoAZTeaser > article > figure > figcaption {
	float: left;
	width: 68.367346938775512%; /* 536 */
}
.tmStInfoAZTeaser > article > figure > figcaption > p.title {
	margin: -9px 0 0;
}
.tmStInfoAZTeaser > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmStInfoAZTeaser > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmStInfoAZTeaser > article > figure > figcaption > p.category {
	color: #E1001A;
	font-weight: 600;
	margin: 9px 0 0;
}
.tmStInfoAZTeaser > article > figure > figcaption > p.text {
	margin: 15px 0 0;
}
.tmStInfoAZTeaser > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	padding: 24px 0 0;
	position: relative;
}
.tmStInfoAZTeaser > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmStInfoAZTeaser > article > figure > .content > p.address {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmStInfoAZTeaser > article > figure > .content > p.address > span.town {
	font-weight: 600;
}
.tmStInfoAZTeaser > article > figure > .content > p.phone {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
}
.tmStInfoAZTeaser > article > figure > .content > p.phone > a {
	font-weight: 600;
	padding: 0 0 0 23px;
	position: relative;
	transition: color 300ms ease;
}
.tmStInfoAZTeaser > article > figure > .content > p.phone > a:hover {
	color: #5CAF00;
}
.tmStInfoAZTeaser > article > figure > .content > p.phone > a > i {
	font-size: 20px;
	left: -2px;
	position: absolute;
	top: 3px;
}
.tmStInfoAZTeaser > article > figure > .content > p.mail {
	float: left;
	line-height: 55px;
}
.tmStInfoAZTeaser > article > figure > .content > p.mail > a {
	font-weight: 600;
	padding: 0 0 0 23px;
	position: relative;
	transition: color 300ms ease;
}
.tmStInfoAZTeaser > article > figure > .content > p.mail > a:hover {
	color: #5CAF00;
}
.tmStInfoAZTeaser > article > figure > .content > p.mail > a > i {
	font-size: 20px;
	left: -2px;
	position: absolute;
	top: 3px;
}
.tmStInfoAZTeaser > article > figure > .content > .guestCard {
	display: block;
	float: left;
	margin: 8px 0 7px 23px;
	position: relative;
	width: 40px;
}
.tmStInfoAZTeaser > article > figure > .content > .guestCard > img {
	display: block;
	width: 100%;
}
.tmStInfoAZTeaser > article > figure > .content > .guestCard > span {
	background: #E1001A;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: bold;
	left: 50%;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	top: 50px;
	transform: translate(-50%, 0);
	white-space: nowrap;
}
.tmStInfoAZTeaser > article > figure > .content > .guestCard > span:before {
	background: #E1001A;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	content: "";
	height: 19px;
	left: 50%;
	margin: 0 0 0 -9.5px;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	width: 19px;
	z-index: 1;
}
.tmStInfoAZTeaser > article > figure > .content > .guestCard > span:after {
	background: #E1001A;
	content: "";
	height: 30px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	top: 0;
	width: 30px;
	z-index: 2;
}
.tmStInfoAZTeaser > article > figure > .content > .guestCard:hover > span {
	display: block;
}
.tmStInfoAZTeaser > article > figure > .content > .guestCard > span > span {
	position: relative;
	z-index: 3;
}
.tmStInfoAZTeaser > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmStInfoAZTeaser > article > figure > .content > a.bookmark:hover,
.tmStInfoAZTeaser > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStInfoAZTeaser > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmStInfoAZTeaser > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmStInfoAZTeaser > article > figure > .content > a.bookmark:hover > i.yes,
.tmStInfoAZTeaser > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}
.tmStInfoAZTeaser > .buttons {
	text-align: center;
}
.tmStInfoAZTeaser > .buttons > a {
	border: 1px solid #5CAF00;
	color: #5CAF00;
	display: inline-block;
	font-weight: normal;
	height: 40px;
	margin: 0 5px;
	padding: 6px 15px 8px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.tmStInfoAZTeaser > .buttons > a.link {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStInfoAZTeaser > .buttons > a:hover {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStInfoAZTeaser > .buttons > a.link:hover {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStInfoAZTeaser > .buttons > a > span {
	background: #5CAF00;
	border-radius: 50%;
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 0 5px;
	min-width: 20px;
	padding: 0 3px;
	position: relative;
	text-align: center;
	top: -2px;
	transition: background 300ms ease, color 300ms ease;
}
.tmStInfoAZTeaser > .buttons > a:hover > span {
	background: #FFFFFF;
	color: #5CAF00;
}

@media all and (max-width: 1300px){

	.tmStInfoAZTeaser > article > figure {
		position: relative;
	}
	.tmStInfoAZTeaser > article > figure > .content {
		position: static;
	}
	.tmStInfoAZTeaser > article > figure > .content > a.bookmark {
		background: rgba(255, 255, 255, 0.8);
		left: 0;
		right: auto;
		top: 0;
	}
	.tmStInfoAZTeaser > article > figure > .content > .guestCard {
		float: none;
		left: 0;
		margin: 0;
		position: absolute;
		top: 40px;
		width: 40px;
	}

}

@media all and (max-width: 1150px){

	.tmStInfoAZTeaser > article > figure > .content > p.mail {
		display: none;
	}
		
}

@media all and (max-width: 840px){

	.tmStInfoAZTeaser > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}

}

@media all and (max-width: 700px){

	.tmStInfoAZTeaser > article > figure > a.image {
		width: 40%;
	}
	.tmStInfoAZTeaser > article > figure > figcaption {
		width: 56.93877551020408%;
	}

}

@media all and (max-width: 550px){

	.tmStInfoAZTeaser > article > figure > a.image {
		margin-bottom: 24px;
		margin-right: 0;
		width: 100%;
	}
	.tmStInfoAZTeaser > article > figure > figcaption {
		width: 100%;
	}
	.tmStInfoAZTeaser > article > figure > .content {
		padding: 24px 0 15px;
	}
	.tmStInfoAZTeaser > article > figure > .content:before {
		right: 0;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.address {
		float: none;
		line-height: 22px;
		margin: 10px 0 11px 0;
		max-width: 80%;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.phone > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		left: 0;
		line-height: 40px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 55px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.phone > a:hover {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.phone > a > i {
		position: relative;
		top: 5px;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.mail {
		display: block;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.mail > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		left: 0;
		line-height: 40px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 55px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.mail > a:hover {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.mail > a > i {
		position: relative;
		top: 4px;
	}
	.tmStInfoAZTeaser > article > figure > .content > a.bookmark {
		bottom: 0;
		display: block;
		float: right;
		position: relative;
		top: auto;
	}
	.tmStInfoAZTeaser > article > figure > .content > p.phone + p.mail {
		display: none;
	}
	.tmStInfoAZTeaser > .buttons > a {
		display: block;
		margin: 10px 0;
	}
	.tmStInfoAZTeaser > article > figure > .content > .guestCard {
		left: auto;
		right: 0;
		top: 14px;
		z-index: 2;	
	}
	.tmStInfoAZTeaser > article > figure > .content > .guestCard:hover > span {
		display: block;
		left: auto;
		right: 0;
		transform: none;	
	}
	.tmStInfoAZTeaser > article > figure > .content > .guestCard > span:before {
		box-shadow: none;
		left: auto;
		right: 10px;
	}

}

/* TM - Standard - Info A-Z - Auswahl */

.tmStInfoAZ4Columns article {
	background: #F3F3F3;
	float: left;
	margin: 0 1.265822784810127% 1.265822784810127% 0; /* 0 16 16 0 */
	width: 24.050632911392405%; /* 304 */
}
.tmStInfoAZ4Columns article:last-child {
	margin-right: 0;
}
.tmStInfoAZ4Columns article > h2 {
	display: none;
}
.tmStInfoAZ4Columns article > figure > a img {
	display: block;
	width: 100%;
}
.tmStInfoAZ4Columns article > figure > figcaption {
	padding: 28px 24px 21px;
	position: relative;
}
.tmStInfoAZ4Columns article > figure > figcaption > a.title {
	color: #E1001A;
	display: block;
	font-size: 22px;
	font-weight: 600;
	hyphens: auto;
	line-height: 1;
	margin: 0 0 14px;
}
.tmStInfoAZ4Columns article > figure > figcaption > p {
	color: #4A4A4A;
	line-height: 1.2;
	position: relative;
}
.tmStInfoAZ4Columns article > figure > figcaption > p > a {
	color: #4A4A4A;
	display: block;
	font-weight: 600;
	padding: 0 0 0 25px;
	position: relativ;
}
.tmStInfoAZ4Columns article > figure > figcaption > p.addition {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	margin: 0 0 19px;
}
.tmStInfoAZ4Columns article > figure > figcaption > p.address {
	margin: 0 0 4px;
	padding-left: 25px;
}
.tmStInfoAZ4Columns article > figure > figcaption > p.phone {
	margin: 0 0 5px;
}
.tmStInfoAZ4Columns article > figure > figcaption > p i {
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 0;
}
.tmStInfoAZ4Columns article > figure > figcaption > p.mail > a {
	word-break: break-all;
}
.tmStInfoAZ4Columns article > figure > figcaption > a.bookmark {
	background: #E1001A;
	color: #FFFFFF;
	height: 40px;
	left: 24px;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	top: -32px;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;
}
.tmStInfoAZ4Columns article > figure > figcaption > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmStInfoAZ4Columns article > figure > figcaption > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmStInfoAZ4Columns article > figure > figcaption > a.bookmark:hover > i.yes,
.tmStInfoAZ4Columns article > figure > figcaption > a.bookmark.selected > i.yes {
	opacity: 1;
}

.tmStInfoAZ4Columns article > figure > figcaption > .guestCard {
	display: block;
	float: left;
	left: 70px;
	position: absolute;
	top: -32px;
	width: 40px;
}
.tmStInfoAZ4Columns article > figure > figcaption > .guestCard > img {
	display: block;
	width: 100%;
}
.tmStInfoAZ4Columns article > figure > figcaption > .guestCard > span {
	background: #E1001A;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: bold;
	left: 50%;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	top: 50px;
	transform: translate(-50%, 0);
	white-space: nowrap;
}
.tmStInfoAZ4Columns article > figure > figcaption > .guestCard > span:before {
	background: #E1001A;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	content: "";
	height: 19px;
	left: 50%;
	margin: 0 0 0 -9.5px;
	position: absolute;
	top: -6px;
	transform: rotate(45deg);
	width: 19px;
	z-index: 1;
}
.tmStInfoAZ4Columns article > figure > figcaption > .guestCard > span:after {
	background: #E1001A;
	content: "";
	height: 30px;
	left: 50%;
	margin: 0 0 0 -15px;
	position: absolute;
	top: 0;
	width: 30px;
	z-index: 2;
}
.tmStInfoAZ4Columns article > figure > figcaption > .guestCard:hover > span {
	display: block;
}
.tmStInfoAZ4Columns article > figure > figcaption > .guestCard > span > span {
	position: relative;
	z-index: 3;
}

@media all and (max-width: 1120px){

	.tmStInfoAZ4Columns article {
		margin-bottom: 1.481481481481481%; /* 16 */
		margin-right: 1.481481481481481%; /* 16 */
		width: 32.314814814814817%; /* 349 */
	}

}

@media all and (max-width: 880px){

	.tmStInfoAZ4Columns article {
		margin-bottom: 1.904761904761905%; /* 16 */
		margin-right: 1.904761904761905%; /* 16 */
		width: 49.047619047619051%; /* 412 */
	}

}

@media all and (max-width: 550px){

	.tmStInfoAZ4Columns article {
		float: none;
		margin-bottom: 16px;
		margin-right: 0;
		width: 100%;
	}

}

/* TM - Standard - Vermieter */

.tmStAccoTeaser > article {
	margin: 0 0 34px;
}
.tmStAccoTeaser > article.loaded {
	opacity: 0;
}
.tmStAccoTeaser > article > h2 {
	display: none;
}
.tmStAccoTeaser > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 3.061224489795918% 0 0; /* 0 24 0 0 */
	width: 28.571428571428573%; /* 224 */
}
.tmStAccoTeaser > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmStAccoTeaser > article > figure > figcaption {
	float: left;
	position: relative;
	width: 68.367346938775512%; /* 536 */
}
.tmStAccoTeaser > article > figure > figcaption > p.title {
	margin: -9px 0 0;
	padding: 0 150px 0 0;
}
.tmStAccoTeaser > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmStAccoTeaser > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification {
	margin: 17px 0 0;
	padding: 0 150px 0 0;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification > span.icon {
	display: block;
	float: left;
	line-height: 24px;
	margin: 0 1px 0 0;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification > span.superior {
	display: block;
	float: left;
	line-height: 24px;
	margin-left: 2px;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification > span.icon:before {
	color: #8C8C8C;
	display: block;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification.stars > span.icon:before {
	content: '\E838';
	font-family: 'Material Icons';
	font-size: 24px;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification.flowers > span.icon {
	margin-right: -1px;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification.flowers > span.icon:before {
	content: '\E545';
	font-family: 'Material Icons';
	font-size: 22px;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification.edelweiss > span.icon {
	margin-right: 4px;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification.edelweiss > span.icon:before {
	content: '\E800';
	font-family: 'tourismusmanager';
	font-size: 20px;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification.suns > span.icon {
	margin-right: 3px;
}
.tmStAccoTeaser > article > figure > figcaption > p.classification.suns > span.icon:before {
	content: '\E430';
	font-family: 'Material Icons';
	font-size: 22px;
}
.tmStAccoTeaser > article > figure > figcaption > p.text {
	margin: 15px 0 0;
}
.tmStAccoTeaser > article > figure > figcaption > p.price {
	line-height: 1.2;
	position: absolute;
	right: 0;
	text-align: right;
	top: -6px;
}
.tmStAccoTeaser > article > figure > figcaption > p.price > span {
	display: block;
}
.tmStAccoTeaser > article > figure > figcaption > p.price > span.value {
	color: #E1001A;
	font-size: 28px;
	font-weight: bold;
}
.tmStAccoTeaser > article > figure > figcaption > p.price > span.rule {
	color: #BABABA;
	font-size: 13px;
	font-weight: 600;
	margin: 1px 0 0;
}
.tmStAccoTeaser > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	padding: 24px 0 0;
	position: relative;
}
.tmStAccoTeaser > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmStAccoTeaser > article > figure > .content > p.address {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmStAccoTeaser > article > figure > .content > p.address > span.town {
	font-weight: 600;
}
.tmStAccoTeaser > article > figure > .content > p.phone {
	cursor: pointer;
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	position: relative;
}
.tmStAccoTeaser > article > figure > .content > p.phone > a {
	display: block;
	font-weight: 600;
	max-width: 110px;
	overflow: hidden;
	padding: 0 0 0 23px;
	position: relative;
	text-overflow: ellipsis;
	transition: color 300ms ease;
	white-space: nowrap;
}
.tmStAccoTeaser > article > figure > .content > p.phone:hover > a {
	color: #5CAF00;
}
.tmStAccoTeaser > article > figure > .content > p.phone > a > i {
	font-size: 20px;
	left: -2px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
}
.tmStAccoTeaser > article > figure > .content > p.mail {
	cursor: pointer;
	float: left;
	line-height: 55px;
	position: relative;
}
.tmStAccoTeaser > article > figure > .content > p.mail > a {
	display: block;
	font-weight: 600;
	max-width: 110px;
	overflow: hidden;
	padding: 0 0 0 23px;
	position: relative;
	text-overflow: ellipsis;
	transition: color 300ms ease;
	white-space: nowrap;
}
.tmStAccoTeaser > article > figure > .content > p.mail:hover > a {
	color: #5CAF00;
}
.tmStAccoTeaser > article > figure > .content > p.mail > a > i {
	font-size: 20px;
	left: -2px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
}
.tmStAccoTeaser > article > figure > .content > p.phone:before,
.tmStAccoTeaser > article > figure > .content > p.mail:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.tmStAccoTeaser > article > figure > .content > p.phone.show:before,
.tmStAccoTeaser > article > figure > .content > p.mail.show:before {
	display: none;
}
.tmStAccoTeaser > article > figure > .content > p.phone.show > a,
.tmStAccoTeaser > article > figure > .content > p.mail.show > a {
	max-width: 100%;
	overflow: visible;
	text-overflow: unset;
	white-space: normal;
}
.tmStAccoTeaser > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmStAccoTeaser > article > figure > .content > a.bookmark:hover,
.tmStAccoTeaser > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStAccoTeaser > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmStAccoTeaser > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmStAccoTeaser > article > figure > .content > a.bookmark:hover > i.yes,
.tmStAccoTeaser > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}
.tmStAccoTeaser > .buttons {
	text-align: center;
}
.tmStAccoTeaser > .buttons > a {
	border: 1px solid #5CAF00;
	color: #5CAF00;
	display: inline-block;
	font-weight: normal;
	height: 40px;
	margin: 0 5px;
	padding: 6px 15px 8px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.tmStAccoTeaser > .buttons > a.link {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStAccoTeaser > .buttons > a:hover {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStAccoTeaser > .buttons > a.link:hover {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStAccoTeaser > .buttons > a > span {
	background: #5CAF00;
	border-radius: 50%;
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 0 5px;
	min-width: 20px;
	padding: 0 3px;
	position: relative;
	text-align: center;
	top: -2px;
	transition: background 300ms ease, color 300ms ease;
}
.tmStAccoTeaser > .buttons > a:hover > span {
	background: #FFFFFF;
	color: #5CAF00;
}

@media all and (max-width: 1150px){

	.tmStAccoTeaser > article > figure > .content > p.mail {
		display: none;
	}
		
}
@media all and (max-width: 1100px){

	.tmStAccoTeaser > article > figure > figcaption > p.title {
		hyphens: auto;
	}


}
@media all and (max-width: 980px){

	.tmStAccoTeaser > article > figure > .content > p.mail {
		display: block;
	}
		
}
@media all and (max-width: 840px){

	.tmStAccoTeaser > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}
	.tmStAccoTeaser > article > figure > figcaption > p.text {
		margin: 24px 0 0;
	}
	.tmStAccoTeaser > article > figure > figcaption > p.price > span.value {
		font-size: 22px;
	}
	.tmStAccoTeaser > article > figure > figcaption > p.price > span.rule {
		font-size: 12px;
	}
	.tmStAccoTeaser > article > figure > .content > p.mail {
		display: none;
	}

}	
@media all and (max-width: 700px){

	.tmStAccoTeaser > article > figure > a.image {
		width: 40%;
	}
	.tmStAccoTeaser > article > figure > figcaption {
		width: 56.93877551020408%;
	}

}		
@media all and (max-width: 550px){

	.tmStAccoTeaser > article > figure > a.image {
		margin-bottom: 24px;
		margin-right: 0;
		width: 100%;
	}
	.tmStAccoTeaser > article > figure > figcaption {
		width: 100%;
	}
	.tmStAccoTeaser > article > figure > figcaption > p.title {
		padding: 0;
	}
	.tmStAccoTeaser > article > figure > figcaption > p.classification {
		padding: 0;
	}
	.tmStAccoTeaser > article > figure > figcaption > p.price {
		background: #F3F3F3;
		padding: 2px 8px 5px 8px;
		right: 5px;
		text-align: unset;
		top: -78px;
	}
	.tmStAccoTeaser > article > figure > .content {
		padding: 24px 0 15px;
	}
	.tmStAccoTeaser > article > figure > .content:before {
		right: 0;
	}
	.tmStAccoTeaser > article > figure > .content > p.address {
		float: none;
		line-height: 22px;
		margin: 10px 0 11px 0;
		max-width: 80%;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.tmStAccoTeaser > article > figure > .content > p.phone > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		line-height: 40px;
		margin: 0;
		max-width: 140px;
		padding: 0 15px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmStAccoTeaser > article > figure > .content > p.phone:hover > a {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmStAccoTeaser > article > figure > .content > p.phone > a > i {
		position: relative;
		top: 4px;
	}
	.tmStAccoTeaser > article > figure > .content > p.mail {
		display: block;
	}
	.tmStAccoTeaser > article > figure > .content > p.mail > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		line-height: 40px;
		margin: 0;
		max-width: 140px;
		padding: 0 15px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmStAccoTeaser > article > figure > .content > p.mail:hover > a {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmStAccoTeaser > article > figure > .content > p.mail > a > i {
		position: relative;
		top: 4px;
	}
	.tmStAccoTeaser > article > figure > .content > a.bookmark {
		bottom: 0;
		display: block;
		float: right;
		position: relative;
		top: auto;
	}
	.tmStAccoTeaser > article > figure > .content > p.phone + p.mail {
		display: none;
	}
	.tmStAccoTeaser > .buttons > a {
		display: block;
		margin: 10px 0;
	}

}

/* TM - Standard - Vermieter - Pauschalen */

.tmStPackageTeaser article {
	cursor: pointer;
	float: left;
	margin-bottom: 2.040816326530612%; /* 16 */
	margin-right: 2.040816326530612%; /* 16 */
	padding: 0 0 65px;
	position: relative;
	width: 48.979591836734691%; /* 384 */
}
.tmStPackageTeaser article:nth-of-type(2n) {
	margin-right: 0;
}
.tmStPackageTeaser article > h2 {
	display: none;
}
.tmStPackageTeaser article > figure > a {
	display: block;
	position: relative;
}
.tmStPackageTeaser article > figure > a > img {
	display: block;
	width: 100%;
}
.tmStPackageTeaser article > figure > a > span.price {
	background: #E1001A;
	bottom: -8px;
	color: #FFFFFF;
	font-weight: bold;
	left: 0;
	padding: 8px 15px;
	position: absolute;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.tmStPackageTeaser article:hover > figure > a > span.price {
	background: #5CAF00;
}
.tmStPackageTeaser article > figure > a > span.price > span {
	display: block;
}
.tmStPackageTeaser article > figure > a > span.price > span.rule {
	font-size: 13px;
	font-weight: normal;
	margin-top: -5px;
	text-transform: none;
}
.tmStPackageTeaser article > figure > figcaption {
	padding: 18px 0 0;
}
.tmStPackageTeaser article > figure > figcaption > p.title > a {
	display: block;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
	transition: color 300ms ease;
}
.tmStPackageTeaser article:hover > figure > figcaption > p.title > a {
	color: #5CAF00;
}
.tmStPackageTeaser article > figure > figcaption > p.title > a > i {
	font-size: 30px;
	position: absolute;
}
.tmStPackageTeaser article > figure > figcaption > p.text {
	margin: 10px 0 0;
}
.tmStPackageTeaser article > figure > figcaption > ul {
	margin: 10px 0 0;
}
.tmStPackageTeaser article > figure > figcaption > ul > li {
	padding: 0 0 0 20px;
	position: relative;
}
.tmStPackageTeaser article > figure > figcaption > ul > li > i {
	color: #E1001A;
	left: -9px;
	position: absolute;
	top: 1px;
}
.tmStPackageTeaser article > figure > figcaption > a.button {
	border: 1px solid #E1001A;
	bottom: 0;
	color: #E1001A;
	display: block;
	font-weight: bold;
	left: 0;
	padding: 6px 15px 8px;
	position: absolute;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
	width: 100%;
}
.tmStPackageTeaser article:hover > figure > figcaption > a.button {
	background: #5CAF00;
	border: 1px solid #5CAF00;
	color: #FFFFFF;
}

@media all and (max-width: 550px){

	.tmStPackageTeaser article {
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%;
	}
	.tmStPackageTeaser article:last-child {
		margin-bottom: 0;
	}

}

/* TM - Standard - Touren */

.tmStToursTeaser > article {
	margin: 0 0 34px;
}
.tmStToursTeaser > article.loaded {
	opacity: 0;
}
.tmStToursTeaser > article > h2 {
	display: none;
}
.tmStToursTeaser > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 3.061224489795918% 0 0; /* 0 24 0 0 */
	width: 28.571428571428573%; /* 224 */
}
.tmStToursTeaser > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmStToursTeaser > article > figure > figcaption {
	float: left;
	width: 68.367346938775512%; /* 536 */
}
.tmStToursTeaser > article > figure > figcaption > p.title {
	margin: -9px 0 0;
}
.tmStToursTeaser > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmStToursTeaser > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails {
	margin: 10px 0 0;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span {
	margin: 0 11px 0 0;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span:last-child {
	margin-right: 0;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span > span.label {
	position: relative;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span.distance > span.label {
	padding-left: 25px;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span.meterup > span.label {
	padding-left: 22px;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span.difficulty > span.label {
	padding-left: 22px;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span.duration > span.label {
	padding-left: 22px;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span > span.label > i {
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 2px;
}
.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span > span.value {
	color: #E1001A;
	font-weight: 600;
	margin: 0 0 0 8px;
}
.tmStToursTeaser > article > figure > figcaption > p.text {
	margin: 15px 0 0;
}
.tmStToursTeaser > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	min-height: 81px;
	padding: 24px 0 0;
	position: relative;
}
.tmStToursTeaser > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmStToursTeaser > article > figure > .content > p.startpoint {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	padding: 0 0 0 30px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmStToursTeaser > article > figure > .content > p.startpoint > i {
	font-size: 24px;
	left: 0;
	position: absolute;
	top: 16px;
}
.tmStToursTeaser > article > figure > .content > p.endpoint {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	padding: 0 0 0 30px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmStToursTeaser > article > figure > .content > p.endpoint > i {
	font-size: 24px;
	left: 0;
	position: absolute;
	top: 16px;
}
.tmStToursTeaser > article > figure > .content > p.state {
	float: left;
	font-weight: bold;
	line-height: 55px;
}
.tmStToursTeaser > article > figure > .content > p.state1 {
	color: #5CAF00;
}
.tmStToursTeaser > article > figure > .content > p.state2 {
	color: #E1001A;
}
.tmStToursTeaser > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 24px;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmStToursTeaser > article > figure > .content > a.bookmark:hover,
.tmStToursTeaser > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStToursTeaser > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmStToursTeaser > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmStToursTeaser > article > figure > .content > a.bookmark:hover > i.yes,
.tmStToursTeaser > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}
.tmStToursTeaser > .buttons {
	text-align: center;
}
.tmStToursTeaser > .buttons > a {
	border: 1px solid #5CAF00;
	color: #5CAF00;
	display: inline-block;
	font-weight: normal;
	height: 40px;
	margin: 0 5px;
	padding: 6px 15px 8px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.tmStToursTeaser > .buttons > a.link {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStToursTeaser > .buttons > a:hover {
	background: #5CAF00;
	color: #FFFFFF;
}
.tmStToursTeaser > .buttons > a.link:hover {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmStToursTeaser > .buttons > a > span {
	background: #5CAF00;
	border-radius: 50%;
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
	margin: 0 0 0 5px;
	min-width: 20px;
	padding: 0 3px;
	position: relative;
	text-align: center;
	top: -2px;
	transition: background 300ms ease, color 300ms ease;
}
.tmStToursTeaser > .buttons > a:hover > span {
	background: #FFFFFF;
	color: #5CAF00;
}

@media all and (max-width: 1280px){

	.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span {
		margin: 0 1% 1% 0;
		background: #F3F3F3;
		padding: 5px 20px;
		width: 49.5%;
		display: inline-block;
		text-align: center;
	}
	.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span:nth-child(2n) {
		margin-right: 0;
	}

}

@media all and (max-width: 1200px){

	.tmStToursTeaser > article > figure > .content > p.startpoint {
		max-width: 220px;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint {
		max-width: 220px;
	}

}
@media all and (max-width: 1150px){

	.tmStToursTeaser > article > figure > a.image {
		width: 33%;
	}
	.tmStToursTeaser > article > figure > figcaption {
		width: 63.93877551020408%;
	}
	.tmStToursTeaser > article > figure > figcaption > p.title > a {
		font-size: 26px;
	}

}

@media all and (max-width: 1070px){

	.tmStToursTeaser > article > figure > .content > p.startpoint {
		max-width: 200px;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint {
		max-width: 200px;
	}

}
@media all and (max-width: 1000px){

	.tmStToursTeaser > article > figure > .content > p.startpoint {
		max-width: 290px;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint {
		max-width: 290px;
	}

}

@media all and (max-width: 800px){

	.tmStToursTeaser > article > figure > .content > p.startpoint {
		display: block;
		float: none;
		line-height: 40px;
		max-width: 80%;
	}
	.tmStToursTeaser > article > figure > .content > p.startpoint > i {
		top: 10px;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint {
		display: block;
		float: none;
		line-height: 40px;
		max-width: 80%;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint > i {
		top: 10px;
	}
	.tmStToursTeaser > article > figure > .content > p.state {
		float: none; 
		line-height: 40px;
		position: absolute;
		right: 0;
		top: 64px;
	}

}

@media all and (max-width: 600px){

	.tmStToursTeaser > article > figure > a.image {
		float: none;
		margin: 0 0 26px 0;
		width: 100%;
	}
	.tmStToursTeaser > article > figure > figcaption {
		float: none;
		width: 100%;
	}
	.tmStToursTeaser > article > figure > figcaption > p.title {
		margin: -9px 0 18px;
	}

}

@media all and (max-width: 500px){

	.tmStToursTeaser > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}
	.tmStToursTeaser > article > figure > .content > p.startpoint {
		max-width: 280px;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint {
		max-width: 280px;
	}

}

@media all and (max-width: 400px){

	.tmStToursTeaser > article > figure > figcaption > p.tourDetails > span {
		margin: 0 0 1% 0;
		width: 100%;
	}
	.tmStToursTeaser > article > figure > .content > p.startpoint {
		max-width: 220px;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint {
		max-width: 220px;
	}

}

@media all and (max-width: 350px){

	.tmStToursTeaser > article > figure > .content > p.startpoint {
		max-width: 170px;
	}
	.tmStToursTeaser > article > figure > .content > p.endpoint {
		max-width: 170px;
	}

}

/* TM - Standard - Touren - Beste Touren */

.tmStBestTours {
	background-size: cover !important;
}
.tmStBestTours:before {
	background: rgba(255, 255, 255, 0.6);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.tmStBestTours:after {
	background: -moz-linear-gradient(top, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,243,243,0) 0%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,243,243,0) 0%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 2;
}
.tmStBestTours > div {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 96px;
	padding-top: 134px;
	z-index: 3;
}
.tmStBestTours > div > h2 {
	margin: 0 0 50px;
	text-align: center;
}
.tmStBestTours > div > h2 > strong {
	color: #E1001A;
}
.tmStBestTours > div > .wrapper article {
	background: #FFFFFF;
	padding: 0 0 0 35.897435897435898%; /* 0 0 0 224 */
	position: relative;
}
.tmStBestTours > div > .wrapper article > h2 {
	display: none;
}
.tmStBestTours > div > .wrapper article > .map {
	background: #F3F3F3;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	width: 35.897435897435898%; /* 224 */
}
.tmStBestTours > div > .wrapper article > .content {
	padding: 32px 24px 101px;
	position: relative;
}
.tmStBestTours > div > .wrapper article > .content > p.title > a {
	color: #4A4A4A;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	transition: color 300ms ease;
}
.tmStBestTours > div > .wrapper article > .content > p.title > a:hover {
	color: #E1001A;
}
.tmStBestTours > div > .wrapper article > .content > p.text {
	margin: 16px 0 0;
}
.tmStBestTours > div > .wrapper article > .content > a.gpx {
	display: inline-block;
	margin: 22px 0 0;
	padding: 0 0 0 21px;
	position: relative;
}
.tmStBestTours > div > .wrapper article > .content > a.gpx > i {
	font-size: 20px;
	left: -3px;
	position: absolute;
	top: 4px;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails {
	bottom: 0;
	left: 24px;
	position: absolute;
	right: 24px;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span {
	border-right: 2px solid #F3F3F3;
	float: left;
	padding: 0 24px 16px;
	width: 33.333333333333321%; /* 117,3333333333333 */
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span:first-child {
	padding-left: 0;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span:last-child {
	border-right: 0 none;
	padding-right: 0;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span > span {
	display: block;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span > span.label {
	margin-top: -3px;
	position: relative;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span.distance > span.label {
	padding-left: 25px;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span.meterup > span.label {
	padding-left: 22px;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span.difficulty > span.label {
	padding-left: 22px;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span > span.label > i {
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 3px;
}
.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span > span.value {
	color: #E1001A;
	font-size: 24px;
	font-weight: normal;
	margin: -1px 0 0;
}

/* Marker */

.tmStBestTours > div > .wrapper article > .map .mapMarker {
	background: #E1001A;
	border-radius: 50%;
	height: 12px;
	position: absolute;
	transform: translate(6px, 6px);
	width: 12px;
}

/* Nav */

.tmStBestTours .owl-nav > div {
	background: #E1001A;
	color: #FFFFFF;
	left: -40px;
	line-height: 38px;
	margin: -20px 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
}
.tmStBestTours .owl-nav > .owl-next {
	left: auto;
	right: -40px;
}
.tmStBestTours .owl-nav > div > i {
	display: block;
	line-height: 38px;
	font-size: 20px;
}

/* Dots */

.tmStBestTours .owl-dots {
	display: block;
	margin: 23px 0 34px;
	text-align: center;
	width: 100%;
}
.tmStBestTours .owl-dots .owl-dot {
	display: inline-block;
}
.tmStBestTours .owl-dots .owl-dot > span {
	background: #FFFFFF;
	display: inline-block;
	height: 2px;
	margin: 0 3px;
	transition: background 300ms ease;
	width: 16px;
}
.tmStBestTours .owl-dots .owl-dot:hover > span,
.tmStBestTours .owl-dots .owl-dot.active > span {
	background: #E1001A;
}

@media all and (max-width: 1264px){

	.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span {
		padding-left: 12px;
		padding-right: 12px;
	}

}

@media all and (max-width: 1060px){

	.tmStBestTours > div {
		padding-bottom: 57px;
		padding-top: 48px;
	}

}

@media all and (max-width: 600px){

	.tmStBestTours > div > .wrapper article {
		padding-left: 0;
	}
	.tmStBestTours > div > .wrapper article > .map {
		bottom: auto;
		height: 200px;
		left: auto;
		position: relative;
		top: auto;
		width: 100%;
	}
	.tmStBestTours > div > .wrapper article > .content {
		min-height: 0 !important;
	}

}

@media all and (max-width: 500px){

	.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span > span.label {
		padding-left: 0 !important;
	}
	.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span > span.label > i {
		display: none;
	}
	.tmStBestTours > div > .wrapper article > .content > p.tourDetails > span > span.value {
		font-size: 18px;
	}

}

/* TM - Standard - Merkliste */

.tmBookmarkList > .content > .tmList {
	margin: 40px 0;
}
.tmBookmarkList > .content > .tmList:nth-child(3) {
	margin-top: -9px;
}
.tmBookmarkList > .content > .tmList:nth-child(2):last-child,
.tmBookmarkList > .content > .tmList:nth-child(4):last-child {
	margin-bottom: 0;
}
.tmBookmarkList > .content > .tmList:nth-child(2),
.tmBookmarkList > .content > .tmList:nth-child(4) {
	background: #F3F3F3;
	padding: 31px 0 40px;
}
.tmBookmarkList > .content > .tmList:nth-child(2):before,
.tmBookmarkList > .content > .tmList:nth-child(4):before {
	background: #F3F3F3;
	bottom: 0;
	content: "";
	left: -5000px;
	position: absolute;
	top: 0;
	width: 10000px;
	z-index: -1;
}

/* TM - Standard - Merkliste - Anfrage */

.tmBookMarkFormRequest {
	background: #FFFFFF !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.18) !important;
	font-family: 'adelle-sans', sans-serif !important;
	margin: 50px 0 !important;
	max-width: 1000px !important;
	opacity: 0;
	overflow: hidden;
	padding: 24px !important;
	top: 50px;
	-webkit-transition: opacity 800ms ease, top 800ms ease;
	-moz-transition: opacity 800ms ease, top 800ms ease;
	-ms-transition: opacity 800ms ease, top 800ms ease;
	-o-transition: opacity 800ms ease, top 800ms ease;
	transition: opacity 800ms ease, top 800ms ease;
	width: 100% !important;
}
.tmBookMarkFormRequest.animated {
	opacity: 1;
	top: 0;
}
.tmBookMarkFormRequest > .wmForm h2 {
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
}
.tmBookMarkFormRequest > .wmForm > div {
	background: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.tmBookMarkFormRequest > .wmForm > div:before {
	display: none;
}
.tmBookMarkFormRequest > .wmForm > div > h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 21px;
}
.tmBookMarkFormRequest > .wmForm .container {
	margin: 30px 0 20px;
}
.tmBookMarkFormRequest > .wmForm .row {
	margin-bottom: 7px;
	padding-left: 0;
	padding-right: 0;
}
.tmBookMarkFormRequest > .wmForm .row.multicolumn {
	margin-right: 2%;
	width: 49%;
}
.tmBookMarkFormRequest > .wmForm .row.multicolumn.left {
	margin-bottom: 0;
}
.tmBookMarkFormRequest > .wmForm .row.multicolumn.right {
	margin-bottom: 0;
	margin-right: 0;
}
.tmBookMarkFormRequest > .wmForm .row.arrival {
	float: left;
	margin-bottom: 0;
	margin-right: 2%;
	width: 23.5%;
}
.tmBookMarkFormRequest > .wmForm .row.departure {
	float: left;
	margin-bottom: 0;
	width: 23.5%;
}
.tmBookMarkFormRequest > .wmForm .row.arrival > i,
.tmBookMarkFormRequest > .wmForm .row.departure > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 13px;
	top: 35px;
}
.tmBookMarkFormRequest > .wmForm .row.dialcode {
	width: 30%;
}
.tmBookMarkFormRequest > .wmForm .row.phone {
	margin-right: 0;
	width: 68%;
}
.tmBookMarkFormRequest > .wmForm label {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
}
.tmBookMarkFormRequest > .wmForm .field.date {
	padding-right: 45px;
}
.tmBookMarkFormRequest > .wmForm .icon {
	right: 17px;
}
.tmBookMarkFormRequest > .wmForm .select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	position: relative;
}
.tmBookMarkFormRequest > .wmForm .select.check {
	border: 1px solid #5CAF00;
}
.tmBookMarkFormRequest > .wmForm .select.validationError {
	border: 1px solid #E1001A;
}
.tmBookMarkFormRequest > .wmForm .select > select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: 0 none;
	border-radius: 0;
	cursor: pointer;
	margin: 0;
	overflow: hidden;
	padding: 7px 35px 8px 9px;
	-webkit-padding-start: 15px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}
.tmBookMarkFormRequest > .wmForm .select > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 12px;
	top: 9px;
	z-index: 1;
}
.tmBookMarkFormRequest > .wmForm .select.check > i {
	color: #5CAF00;
}
.tmBookMarkFormRequest > .wmForm .select.validationError > i {
	color: #E1001A;
}
.tmBookMarkFormRequest > .wmForm .button {
	margin-left: 0;
	margin-right: 0;
}
.tmBookMarkFormRequest > .wmForm .msg {
	margin-left: 0;
	margin-right: 0;
}

/* Zimmerauswahl */

.tmBookMarkFormRequest > .wmForm .row.rooms {
	float: left;
	margin: 0 0 0 2%;
	width: 49%;
}
.tmBookMarkFormRequest > .wmForm .row.rooms .opt {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	cursor: pointer;
	float: left;
	line-height: 38px;
	margin: 0 2% 0 0;
	padding: 0 10px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
	width: 32%;
}
.tmBookMarkFormRequest > .wmForm .row.rooms .opt:last-child {
	margin-right: 0;
}
.tmBookMarkFormRequest > .wmForm .row.rooms .opt:hover,
.tmBookMarkFormRequest > .wmForm .row.rooms .opt.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
	color: #FFFFFF;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox {
	clear: both;
	padding: 15px 0 0;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * {
	background: #F3F3F3;
	margin: 0 0 1px;
	padding: 15px 95px 15px 54px;
	position: relative;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > *:before {
	background: #E1001A;
	color: #FFFFFF;
	content: "";
	font-size: 15px;
	font-weight: bold;
	left: 15px;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top: 23px;
	width: 24px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > .room1:before {
	content: "1";
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > .room2:before {
	content: "2";
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > .room3:before {
	content: "3";
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > *:last-child {
	margin-bottom: 0;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * label {
	display: block;
	float: left;
	font-size: 16px;
	margin: 0 15px 0 0;
	padding: 7px 0 0;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .adults {
	float: left;
	padding: 0 24px 0 0;
	position: relative;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .adults label {
	width: 120px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .adults select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	float: right;
	padding: 6px 11px 7px;
	width: 60px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .children {
	float: left;
	padding: 0 24px 0 0;
	position: relative;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .children select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	float: right;
	padding: 6px 11px 7px;
	width: 60px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages {
	display: none;
	float: left;
	position: relative;	
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages.show {
	display: block;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages label {
	width: 120px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	border-radius: 0;
	display: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 6px 11px 7px;
	width: 60px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select.show {
	display: block;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select.error {
	background: #FCE5E8;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .buttons {
	position: absolute;
	right: 15px;
	top: 23px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .buttons > label {
	display: none;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .buttons li {
    color: #FFFFFF;
	cursor: not-allowed;
	display: inline-block;
	font-size: 20px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0 10px;
	opacity: 0.5;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
	width: 24px;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox .buttons li.add {
	background: #5CAF00;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox .buttons li.remove {
    background: #E1001A;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > .active > .buttons li {
    cursor: pointer;
    opacity: 1;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > .room1 > .buttons li.remove,
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > .room3 > .buttons li.add {
	cursor: not-allowed;
	opacity: 0.3;
}
.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .buttons li > i {
	font-size: 17px;
}

@media all and (max-width: 1200px){

	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages {
		clear: both;
		float: none;
		padding-top: 10px;
		width: 100%;
	}

}

@media all and (max-width: 1000px){

	.tmBookMarkFormRequest {
		margin-bottom: 0 !important;
		padding: 20px !important;
	}

}

@media all and (max-width: 890px){

	.tmBookMarkFormRequest > .wmForm .row.arrival {
		width: 49%;
	}
	.tmBookMarkFormRequest > .wmForm .row.departure {
		width: 49%;
	}
	.tmBookMarkFormRequest > .wmForm .row.rooms {
		clear: both;
		float: none;
		margin-left: 0;
		padding-top: 7px;
		width: 100%;
	}

}

@media all and (max-width: 800px){

	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages label {
		float: none;
		margin-bottom: 5px;
		margin-right: 0;
		width: 100%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select {
		margin-right: 1%;
		width: 15.83333333333333%; 
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:last-child {
		margin-right: 0;
	}
		
}

@media all and (max-width: 740px){

	.tmBookMarkFormRequest > .wmForm > div > h2 {
		font-size: 30px;
	}

}

@media all and (max-width: 640px){

	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .adults {
		float: none;
		padding-right: 0;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .children {
		float: none;
		margin-top: 10px;
		padding-right: 0;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select {
		margin-right: 1%;
		width: 32.66666666666667%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(4),
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(5),
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(6) {
		margin-top: 1%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(3n) {
		margin-right: 0;
	}

}

@media all and (max-width: 500px){

	.tmBookMarkFormRequest > .wmForm > div > h2 {
		font-size: 22px;
	}
	.tmBookMarkFormRequest > .wmForm h2 {
		font-size: 20px;
	}
	.tmBookMarkFormRequest > .wmForm .row.rooms .opt {
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.tmBookMarkFormRequest > .wmForm .row.rooms .opt:last-child {
		margin-bottom: 0;
	}
	.tmBookMarkFormRequest > .wmForm .row.multicolumn {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.tmBookMarkFormRequest > .wmForm .button input {
		display: block;
		width: 100%;
	}
	.tmBookMarkFormRequest > .wmForm .button button {
		display: block;
		width: 100%;
	}

}
		
@media all and (max-width: 400px){

	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * label {
		float: none;
		margin-bottom: 5px;
		margin-right: 0;
		width: 100% !important;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .adults select {
		float: none;
		width: 100%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .children select {
		float: none;
		width: 100%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select {
		margin-right: 1%;
		width: 49.5%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(3),
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(4),
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(5),
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(6) {
		margin-top: 1%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(3n) {
		margin-right: 1%;
	}
	.tmBookMarkFormRequest > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(2n) {
		margin-right: 0;
	}
		
}

/* TM - Standard - Merkliste - Events */

.tmBookmarkList .tmEventsList > h2 {
	margin-top: 0;
}
.tmBookmarkList .tmEventsList > article {
	margin: 0 0 34px;
}
.tmBookmarkList .tmEventsList > article:last-child {
	margin-bottom: 0;
}
.tmBookmarkList .tmEventsList > article > h2 {
	display: none;
}
.tmBookmarkList .tmEventsList > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 1.89873417721519% 0 0; /* 0 24 0 0 */
	width: 17.721518987341771%; /* 224 */
}
.tmBookmarkList .tmEventsList > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmBookmarkList .tmEventsList > article > figure > figcaption {
	float: left;
	width: 80.379746835443044%; /* 1016 */
}
.tmBookmarkList .tmEventsList > article > figure > figcaption > p.info {
	margin: 0 0 16px;
}
.tmBookmarkList .tmEventsList > article > figure > figcaption > p.info > span {
	background: #4A4A4A;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 22px;
	font-weight: 600;
	line-height: 40px;
	padding: 0 12px;
}
.tmBookmarkList .tmEventsList > article > figure > figcaption > p.info > span.time {
	margin: 0 0 0 1px;
}
.tmBookmarkList .tmEventsList > article > figure > figcaption > p.info > span.mark {
	background: #E1001A;
	font-size: 16px;
	padding: 0 15px;
	text-transform: uppercase;
}
.tmBookmarkList .tmEventsList > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmBookmarkList .tmEventsList > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmBookmarkList .tmEventsList > article > figure > figcaption > p.text {
	margin: 13px 0 0;
}
.tmBookmarkList .tmEventsList > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	min-height: 81px;
	padding: 24px 0 0;
	position: relative;
}
.tmBookmarkList .tmEventsList > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmBookmarkList .tmEventsList > article > figure > .content > p.address {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmBookmarkList .tmEventsList > article > figure > .content > p.address > span.town {
	font-weight: 600;
}
.tmBookmarkList .tmEventsList > article > figure > .content > p.phone {
	float: left;
	line-height: 55px;
}
.tmBookmarkList .tmEventsList > article > figure > .content > p.phone > a {
	font-weight: 600;
	padding: 0 0 0 23px;
	position: relative;
	transition: color 300ms ease;
}
.tmBookmarkList .tmEventsList > article > figure > .content > p.phone > a:hover {
	color: #5CAF00;
}
.tmBookmarkList .tmEventsList > article > figure > .content > p.phone > a > i {
	font-size: 20px;
	left: -2px;
	position: absolute;
	top: 3px;
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.ticket {
	background: #5CAF00;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 40px;
	padding: 0 16px 0 40px;
	position: absolute;
	right: 71px;
	transition: background 300ms ease;
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.ticket:hover {
	background: #E1001A;
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.ticket > i {
	font-size: 20px;
	left: 15px;
	position: absolute;
	top: 10px;
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark:hover,
.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark:hover > i.yes,
.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}


@media all and (max-width: 840px){

	.tmBookmarkList .tmEventsList > article > figure > figcaption > p.info {
		margin: 0 0 10px;
	}
	.tmBookmarkList .tmEventsList > article > figure > figcaption > p.info > span {
		font-size: 18px;
		line-height: 28px;
		padding: 0 8px;
	}
	.tmBookmarkList .tmEventsList > article > figure > figcaption > p.title > a {
		font-size: 22px;
		line-height: 1.25;
	}
	.tmBookmarkList .tmEventsList > article > figure > figcaption > p.text {
		margin: 8px 0 0;
	}

}

@media all and (max-width: 700px){

	.tmBookmarkList .tmEventsList > article > figure > a.image {
		width: 40%;
	}
	.tmBookmarkList .tmEventsList > article > figure > figcaption {
		width: 56.93877551020408%;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content > p.address {
		display: none;
	}

}

@media all and (max-width: 550px){

	.tmBookmarkList .tmEventsList > article > figure > a.image {
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%;
	}
	.tmBookmarkList .tmEventsList > article > figure > figcaption {
		width: 100%;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content {
		padding: 24px 0 15px;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content:before {
		right: 0;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content > p.address {
		display: block;
		float: none; 
		line-height: 22px;
		margin: 10px 0 10px 0;
		max-width: unset;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content > p.phone {
		float: none;
		line-height: 35px;
		margin: 10px 0;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content > a.ticket {
		bottom: 15px;
		left: 0;
		right: 55px;
		text-align: center;
		top: auto;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content > a.ticket > i {
		left: 50%;
		margin-left: -36px;
	}
	.tmBookmarkList .tmEventsList > article > figure > .content > a.bookmark {
		display: block;
		float: right;
		position: relative;
		top: 0;
	}

}

/* TM - Standard - Merkliste - Info A-Z */

.tmBookmarkList .tmInfoAZList > h2 {
	margin-top: 0;
}
.tmBookmarkList .tmInfoAZList > article {
	margin: 0 0 34px;
}
.tmBookmarkList .tmInfoAZList > article:last-child {
	margin-bottom: 0;
}
.tmBookmarkList .tmInfoAZList > article > h2 {
	display: none;
}
.tmBookmarkList .tmInfoAZList > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 1.89873417721519% 0 0; /* 0 24 0 0 */
	width: 17.721518987341771%; /* 224 */
}
.tmBookmarkList .tmInfoAZList > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmBookmarkList .tmInfoAZList > article > figure > figcaption {
	float: left;
	width: 80.379746835443044%; /* 1016 */
}
.tmBookmarkList .tmInfoAZList > article > figure > figcaption > p.title {
	margin: -9px 0 0;
}
.tmBookmarkList .tmInfoAZList > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmBookmarkList .tmInfoAZList > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmBookmarkList .tmInfoAZList > article > figure > figcaption > p.category {
	color: #E1001A;
	font-weight: 600;
	margin: 9px 0 0;
}
.tmBookmarkList .tmInfoAZList > article > figure > figcaption > p.text {
	margin: 15px 0 0;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	padding: 24px 0 0;
	position: relative;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.address {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.address > span.town {
	font-weight: 600;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone > a {
	font-weight: 600;
	padding: 0 0 0 23px;
	position: relative;
	transition: color 300ms ease;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone > a:hover {
	color: #5CAF00;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone > a > i {
	font-size: 20px;
	left: -2px;
	position: absolute;
	top: 3px;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail {
	float: left;
	line-height: 55px;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail > a {
	font-weight: 600;
	padding: 0 0 0 23px;
	position: relative;
	transition: color 300ms ease;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail > a:hover {
	color: #5CAF00;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail > a > i {
	font-size: 20px;
	left: -2px;
	position: absolute;
	top: 3px;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark:hover,
.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark:hover > i.yes,
.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}

@media all and (max-width: 1150px){

	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail {
		display: none;
	}
		
}

@media all and (max-width: 1000px){

	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail {
		display: block;
	}
		
}

@media all and (max-width: 840px){

	.tmBookmarkList .tmInfoAZList > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}

}

@media all and (max-width: 700px){

	.tmBookmarkList .tmInfoAZList > article > figure > a.image {
		width: 40%;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > figcaption {
		width: 56.93877551020408%;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail {
		display: none;
	}

}

@media all and (max-width: 550px){

	.tmBookmarkList .tmInfoAZList > article > figure > a.image {
		margin-bottom: 24px;
		margin-right: 0;
		width: 100%;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > figcaption {
		width: 100%;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content {
		padding: 24px 0 15px;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content:before {
		right: 0;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.address {
		float: none;
		line-height: 22px;
		margin: 10px 0 11px 0;
		max-width: 80%;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		left: 0;
		line-height: 40px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 55px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone > a:hover {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone > a > i {
		position: relative;
		top: 5px;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail {
		display: block;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		left: 0;
		line-height: 40px;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 55px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail > a:hover {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.mail > a > i {
		position: relative;
		top: 4px;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > a.bookmark {
		bottom: 0;
		display: block;
		float: right;
		position: relative;
		top: auto;
	}
	.tmBookmarkList .tmInfoAZList > article > figure > .content > p.phone + p.mail {
		display: none;
	}

}

/* TM - Standard - Merkliste - Vermieter */

.tmBookmarkList .tmAccoList > h2 {
	margin-top: 0;
}
.tmBookmarkList .tmAccoList > h3 + .button {
	margin-top: -23px;
}
.tmBookmarkList .tmAccoList > .button > a {
	border: 1px solid #E1001A;
	color: #E1001A;
	display: inline-block;
	font-weight: bold;
	line-height: 38px;
	padding: 0 15px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
}
.tmBookmarkList .tmAccoList > .button > a:hover {
	background: #E1001A;
	color: #FFFFFF;
}
.tmBookmarkList .tmAccoList > article {
	margin: 0 0 34px;
}
.tmBookmarkList .tmAccoList > article:last-child {
	margin-bottom: 0;
}
.tmBookmarkList .tmAccoList > article > h2 {
	display: none;
}
.tmBookmarkList .tmAccoList > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 1.89873417721519% 0 0; /* 0 24 0 0 */
	width: 17.721518987341771%; /* 224 */
}
.tmBookmarkList .tmAccoList > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption {
	float: left;
	position: relative;
	width: 80.379746835443044%; /* 1016 */
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.title {
	margin: -9px 0 0;
	padding: 0 150px 0 0;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification {
	margin: 17px 0 0;
	padding: 0 150px 0 0;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification > span.icon {
	display: block;
	float: left;
	line-height: 24px;
	margin: 0 1px 0 0;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification > span.superior {
	display: block;
	float: left;
	line-height: 24px;
	margin-left: 2px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification > span.icon:before {
	color: #8C8C8C;
	display: block;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification.stars > span.icon:before {
	content: '\E838';
	font-family: 'Material Icons';
	font-size: 24px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification.flowers > span.icon {
	margin-right: -1px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification.flowers > span.icon:before {
	content: '\E545';
	font-family: 'Material Icons';
	font-size: 22px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification.edelweiss > span.icon {
	margin-right: 4px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification.edelweiss > span.icon:before {
	content: '\E800';
	font-family: 'tourismusmanager';
	font-size: 20px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification.suns > span.icon {
	margin-right: 3px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification.suns > span.icon:before {
	content: '\E430';
	font-family: 'Material Icons';
	font-size: 22px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.address {
	margin: 15px 0 0;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.price {
	line-height: 1.2;
	position: absolute;
	right: 0;
	text-align: right;
	top: -6px;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.price > span {
	display: block;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.price > span.value {
	color: #E1001A;
	font-size: 28px;
	font-weight: bold;
}
.tmBookmarkList .tmAccoList > article > figure > figcaption > p.price > span.rule {
	color: #BABABA;
	font-size: 13px;
	font-weight: 600;
	margin: 1px 0 0;
}
.tmBookmarkList .tmAccoList > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	padding: 24px 0 0;
	position: relative;
}
.tmBookmarkList .tmAccoList > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.address {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.address > span.town {
	font-weight: 600;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.phone {
	cursor: pointer;
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	position: relative;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.phone > a {
	display: block;
	font-weight: 600;
	max-width: 110px;
	overflow: hidden;
	padding: 0 0 0 23px;
	position: relative;
	text-overflow: ellipsis;
	transition: color 300ms ease;
	white-space: nowrap;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.phone:hover > a {
	color: #5CAF00;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.phone > a > i {
	font-size: 20px;
	left: -2px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.mail {
	cursor: pointer;
	float: left;
	line-height: 55px;
	position: relative;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.mail > a {
	display: block;
	font-weight: 600;
	max-width: 110px;
	overflow: hidden;
	padding: 0 0 0 23px;
	position: relative;
	text-overflow: ellipsis;
	transition: color 300ms ease;
	white-space: nowrap;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.mail:hover > a {
	color: #5CAF00;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.mail > a > i {
	font-size: 20px;
	left: -2px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.phone:before,
.tmBookmarkList .tmAccoList > article > figure > .content > p.mail:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.phone.show:before,
.tmBookmarkList .tmAccoList > article > figure > .content > p.mail.show:before {
	display: none;
}
.tmBookmarkList .tmAccoList > article > figure > .content > p.phone.show > a,
.tmBookmarkList .tmAccoList > article > figure > .content > p.mail.show > a {
	max-width: 100%;
	overflow: visible;
	text-overflow: unset;
	white-space: normal;
}
.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark:hover,
.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark:hover > i.yes,
.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}

@media all and (max-width: 1150px){

	.tmBookmarkList .tmAccoList > article > figure > .content > p.mail {
		display: none;
	}
		
}

@media all and (max-width: 1000px){

	.tmBookmarkList .tmAccoList > article > figure > .content > p.mail {
		display: block;
	}
		
}

@media all and (max-width: 840px){

	.tmBookmarkList .tmAccoList > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption > p.address {
		margin: 24px 0 0;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption > p.price > span.value {
		font-size: 22px;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption > p.price > span.rule {
		font-size: 12px;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.mail {
		display: none;
	}

}

@media all and (max-width: 700px){

	.tmBookmarkList .tmAccoList > article > figure > a.image {
		width: 40%;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption {
		width: 56.93877551020408%;
	}

}

@media all and (max-width: 550px){

	.tmBookmarkList .tmAccoList > article > figure > a.image {
		margin-bottom: 24px;
		margin-right: 0;
		width: 100%;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption {
		width: 100%;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption > p.title {
		padding: 0;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption > p.classification {
		padding: 0;
	}
	.tmBookmarkList .tmAccoList > article > figure > figcaption > p.price {
		background: #F3F3F3;
		padding: 2px 8px 5px 8px;
		right: 5px;
		text-align: unset;
		top: -78px;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content {
		padding: 24px 0 15px;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content:before {
		right: 0;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.address {
		float: none;
		line-height: 22px;
		margin: 10px 0 11px 0;
		max-width: 80%;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.phone > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		line-height: 40px;
		margin: 0;
		max-width: 140px;
		padding: 0 15px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.phone:hover > a {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.phone > a > i {
		position: relative;
		top: 4px;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.mail {
		display: block;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.mail > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		line-height: 40px;
		margin: 0;
		max-width: 140px;
		padding: 0 15px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.mail:hover > a {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.mail > a > i {
		position: relative;
		top: 4px;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > a.bookmark {
		bottom: 0;
		display: block;
		float: right;
		position: relative;
		top: auto;
	}
	.tmBookmarkList .tmAccoList > article > figure > .content > p.phone + p.mail {
		display: none;
	}

}

@media all and (max-width: 500px){

	.tmBookmarkList .tmAccoList > .button > a {
		display: block;
	}
		
}

/* TM - Standard - Merkliste - Pauschalen */

.tmBookmarkList .tmPackagesList > h2 {
	margin-top: 0;
}
.tmBookmarkList .tmPackagesList > article {
	margin: 0 0 34px;
}
.tmBookmarkList .tmPackagesList > article:last-child {
	margin-bottom: 0;
}
.tmBookmarkList .tmPackagesList > article > h2 {
	display: none;
}
.tmBookmarkList .tmPackagesList > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 1.89873417721519% 0 0; /* 0 24 0 0 */
	width: 17.721518987341771%; /* 224 */
}
.tmBookmarkList .tmPackagesList > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption {
	float: left;
	position: relative;
	width: 80.379746835443044%; /* 1016 */
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.title {
	margin: -9px 0 0;
	padding: 0 150px 0 0;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.hotel {
	padding: 0 150px 0 0;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification {
	margin: 17px 0 0;
	padding: 0 150px 0 0;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification > span.icon {
	display: block;
	float: left;
	line-height: 24px;
	margin: 0 1px 0 0;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification > span.superior {
	display: block;
	float: left;
	line-height: 24px;
	margin-left: 2px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification > span.icon:before {
	color: #8C8C8C;
	display: block;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification.stars > span.icon:before {
	content: '\E838';
	font-family: 'Material Icons';
	font-size: 24px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification.flowers > span.icon {
	margin-right: -1px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification.flowers > span.icon:before {
	content: '\E545';
	font-family: 'Material Icons';
	font-size: 22px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification.edelweiss > span.icon {
	margin-right: 4px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification.edelweiss > span.icon:before {
	content: '\E800';
	font-family: 'tourismusmanager';
	font-size: 20px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification.suns > span.icon {
	margin-right: 3px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.classification.suns > span.icon:before {
	content: '\E430';
	font-family: 'Material Icons';
	font-size: 22px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > ul.items {
	margin: 6.5px 0 0;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > ul.items > li {
	font-size: 14px;
	padding: 0 0 0 20px;
	position: relative;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > ul.items > li > i {
	color: #E1001A;
	font-size: 15px;
	left: 0;
	position: absolute;
	top: 3px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.price {
	line-height: 1.2;
	position: absolute;
	right: 0;
	text-align: right;
	top: -6px;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.price > span {
	display: block;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.price > span.value {
	color: #E1001A;
	font-size: 28px;
	font-weight: bold;
}
.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.price > span.rule {
	color: #BABABA;
	font-size: 13px;
	font-weight: 600;
	margin: 1px 0 0;
}
.tmBookmarkList .tmPackagesList > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	padding: 24px 0 0;
	position: relative;
}
.tmBookmarkList .tmPackagesList > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.address {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.address > span.town {
	font-weight: 600;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone {
	cursor: pointer;
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	position: relative;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone > a {
	display: block;
	font-weight: 600;
	max-width: 110px;
	overflow: hidden;
	padding: 0 0 0 23px;
	position: relative;
	text-overflow: ellipsis;
	transition: color 300ms ease;
	white-space: nowrap;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone:hover > a {
	color: #5CAF00;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone > a > i {
	font-size: 20px;
	left: -2px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail {
	cursor: pointer;
	float: left;
	line-height: 55px;
	position: relative;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail > a {
	display: block;
	font-weight: 600;
	max-width: 110px;
	overflow: hidden;
	padding: 0 0 0 23px;
	position: relative;
	text-overflow: ellipsis;
	transition: color 300ms ease;
	white-space: nowrap;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail:hover > a {
	color: #5CAF00;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail > a > i {
	font-size: 20px;
	left: -2px;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone:before,
.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail:before {
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone.show:before,
.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail.show:before {
	display: none;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone.show > a,
.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail.show > a {
	max-width: 100%;
	overflow: visible;
	text-overflow: unset;
	white-space: normal;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark:hover,
.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark:hover > i.yes,
.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}

@media all and (max-width: 1150px){

	.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail {
		display: none;
	}
		
}

@media all and (max-width: 1000px){

	.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail {
		display: block;
	}
		
}

@media all and (max-width: 840px){

	.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}
	.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.price > span.value {
		font-size: 22px;
	}
	.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.price > span.rule {
		font-size: 12px;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail {
		display: none;
	}

}

@media all and (max-width: 700px){

	.tmBookmarkList .tmPackagesList > article > figure > a.image {
		width: 40%;
	}
	.tmBookmarkList .tmPackagesList > article > figure > figcaption {
		width: 56.93877551020408%;
	}

}

@media all and (max-width: 550px){

	.tmBookmarkList .tmPackagesList > article > figure > a.image {
		margin-bottom: 24px;
		margin-right: 0;
		width: 100%;
	}
	.tmBookmarkList .tmPackagesList > article > figure > figcaption {
		width: 100%;
	}
	.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.title {
		padding: 0;
	}
	.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.hotel {
		padding: 0;
	}
	.tmBookmarkList .tmPackagesList > article > figure > figcaption > p.price {
		background: #F3F3F3;
		padding: 2px 8px 5px 8px;
		right: 5px;
		text-align: unset;
		top: -78px;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content {
		padding: 24px 0 15px;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content:before {
		right: 0;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.address {
		float: none;
		line-height: 22px;
		margin: 10px 0 11px 0;
		max-width: 80%;
		overflow: auto;
		text-overflow: unset;
		white-space: unset;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		line-height: 40px;
		margin: 0;
		max-width: 140px;
		padding: 0 15px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone:hover > a {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone > a > i {
		position: relative;
		top: 4px;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail {
		display: block;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail > a {
		background: #E1001A;
		color: #FFFFFF;
		cursor: pointer;
		line-height: 40px;
		margin: 0;
		max-width: 140px;
		padding: 0 15px;
		text-align: center;
		transition: background 300ms ease;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail:hover > a {
		background: #5CAF00;
		color: #FFFFFF;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.mail > a > i {
		position: relative;
		top: 4px;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > a.bookmark {
		bottom: 0;
		display: block;
		float: right;
		position: relative;
		top: auto;
	}
	.tmBookmarkList .tmPackagesList > article > figure > .content > p.phone + p.mail {
		display: none;
	}

}

/* TM - Standard - Merkliste - Touren */

.tmBookmarkList .tmToursList > h2 {
	margin-top: 0;
}
.tmBookmarkList .tmToursList > article {
	margin: 0 0 34px;
}
.tmBookmarkList .tmToursList > article:last-child {
	margin-bottom: 0;
}
.tmBookmarkList .tmToursList > article > h2 {
	display: none;
}
.tmBookmarkList .tmToursList > article > figure > a.image {
	display: block;
	float: left;
	margin: 0 1.89873417721519% 0 0; /* 0 24 0 0 */
	width: 17.721518987341771%; /* 224 */
}
.tmBookmarkList .tmToursList > article > figure > a.image img {
	display: block;
	width: 100%;
}
.tmBookmarkList .tmToursList > article > figure > figcaption {
	float: left;
	width: 80.379746835443044%; /* 1016 */
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.title {
	margin: -9px 0 0;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.title > a {
	color: #4A4A4A;
	display: inline-block;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	transition: color 300ms ease;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.title > a:hover {
	color: #E1001A;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails {
	margin: 10px 0 0;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span {
	margin: 0 11px 0 0;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span:last-child {
	margin-right: 0;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span > span.label {
	position: relative;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span.distance > span.label {
	padding-left: 25px;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span.meterup > span.label {
	padding-left: 22px;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span.difficulty > span.label {
	padding-left: 22px;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span.duration > span.label {
	padding-left: 22px;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span > span.label > i {
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 2px;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span > span.value {
	color: #E1001A;
	font-weight: 600;
	margin: 0 0 0 8px;
}
.tmBookmarkList .tmToursList > article > figure > figcaption > p.text {
	margin: 15px 0 0;
}
.tmBookmarkList .tmToursList > article > figure > .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	min-height: 81px;
	padding: 24px 0 0;
	position: relative;
}
.tmBookmarkList .tmToursList > article > figure > .content:before {
	background: #D8D8D8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 71px;
}
.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	padding: 0 0 0 30px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint > i {
	left: 0;
	position: absolute;
	top: 15px;
}
.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
	float: left;
	line-height: 55px;
	margin: 0 22px 0 0;
	max-width: 300px;
	overflow: hidden;
	padding: 0 0 0 30px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint > i {
	left: 0;
	position: absolute;
	top: 15px;
}
.tmBookmarkList .tmToursList > article > figure > .content > p.state {
	float: left;
	font-weight: bold;
	line-height: 55px;
}
.tmBookmarkList .tmToursList > article > figure > .content > p.state1 {
	color: #5CAF00;
}
.tmBookmarkList .tmToursList > article > figure > .content > p.state2 {
	color: #E1001A;
}
.tmBookmarkList .tmToursList > article > figure > .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 24px;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmBookmarkList .tmToursList > article > figure > .content > a.bookmark:hover,
.tmBookmarkList .tmToursList > article > figure > .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmBookmarkList .tmToursList > article > figure > .content > a.bookmark > i {
	height: 38px;
	left: 1px;
	line-height: 38px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmBookmarkList .tmToursList > article > figure > .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmBookmarkList .tmToursList > article > figure > .content > a.bookmark:hover > i.yes,
.tmBookmarkList .tmToursList > article > figure > .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}

@media all and (max-width: 1280px){

	.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span {
		margin: 0 1% 1% 0;
		background: #F3F3F3;
		padding: 5px 20px;
		width: 49.5%;
		display: inline-block;
		text-align: center;
	}
	.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span:nth-child(2n) {
		margin-right: 0;
	}

}

@media all and (max-width: 1200px){

	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
		max-width: 220px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
		max-width: 220px;
	}

}

@media all and (max-width: 1150px){

	.tmBookmarkList .tmToursList > article > figure > a.image {
		width: 33%;
	}
	.tmBookmarkList .tmToursList > article > figure > figcaption {
		width: 63.93877551020408%;
	}
	.tmBookmarkList .tmToursList > article > figure > figcaption > p.title > a {
		font-size: 26px;
	}

}

@media all and (max-width: 1070px){

	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
		max-width: 200px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
		max-width: 200px;
	}

}

@media all and (max-width: 1000px){

	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
		max-width: 290px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
		max-width: 290px;
	}

}

@media all and (max-width: 800px){

	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
		display: block;
		float: none;
		line-height: 40px;
		max-width: 80%;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint > i {
		top: 10px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
		display: block;
		float: none;
		line-height: 40px;
		max-width: 80%;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint > i {
		top: 10px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.state {
		float: none; 
		line-height: 40px;
		position: absolute;
		right: 0;
		top: 64px;
	}

}

@media all and (max-width: 600px){

	.tmBookmarkList .tmToursList > article > figure > a.image {
		margin: 0 0 26px 0;
		width: 100%;
	}
	.tmBookmarkList .tmToursList > article > figure > figcaption {
		width: 100%;
	}

}

@media all and (max-width: 500px){

	.tmBookmarkList .tmToursList > article > figure > figcaption > p.title > a {
		font-size: 22px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
		max-width: 280px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
		max-width: 280px;
	}

}

@media all and (max-width: 400px){

	.tmBookmarkList .tmToursList > article > figure > figcaption > p.tourDetails > span {
		margin: 0 0 1% 0;
		width: 100%;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
		max-width: 220px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
		max-width: 220px;
	}

}

@media all and (max-width: 350px){

	.tmBookmarkList .tmToursList > article > figure > .content > p.startpoint {
		max-width: 170px;
	}
	.tmBookmarkList .tmToursList > article > figure > .content > p.endpoint {
		max-width: 170px;
	}

}

/* TM - Standard - Vermieter - Anfragepool */

.tmRequestPool > .wmForm h2 {
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
}
.tmRequestPool > .wmForm > div {
	margin-left: 0;
	margin-right: 0;
}
.tmRequestPool > .wmForm > div > h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 21px;
}
.tmRequestPool > .wmForm .row {
	margin-bottom: 7px;
	padding-left: 0;
	padding-right: 0;
}
.tmRequestPool > .wmForm .row.privacy {
	margin-bottom: 30px;
}
.tmRequestPool > .wmForm .row.multicolumn {
	margin-right: 2%;
	width: 49%;
}
.tmRequestPool > .wmForm .row.multicolumn.left {
	margin-bottom: 0;
}
.tmRequestPool > .wmForm .row.multicolumn.right {
	margin-bottom: 0;
	margin-right: 0;
}
.tmRequestPool > .wmForm .row.arrival {
	float: left;
	margin-bottom: 0;
	margin-right: 2%;
	width: 23.5%;
}
.tmRequestPool > .wmForm .row.departure {
	float: left;
	margin-bottom: 0;
	width: 23.5%;
}
.tmRequestPool > .wmForm .row.arrival > i,
.tmRequestPool > .wmForm .row.departure > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 13px;
	top: 35px;
}
.tmRequestPool > .wmForm .row.dialcode {
	width: 30%;
}
.tmRequestPool > .wmForm .row.phone {
	margin-right: 0;
	width: 68%;
}
.tmRequestPool > .wmForm label {
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
}
.tmRequestPool > .wmForm .field.date {
	padding-right: 45px;
}
.tmRequestPool > .wmForm .icon {
	right: 17px;
}
.tmRequestPool > .wmForm .select {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	position: relative;
}
.tmRequestPool > .wmForm .select.check {
	border: 1px solid #5CAF00;
}
.tmRequestPool > .wmForm .select.validationError {
	border: 1px solid #E1001A;
}
.tmRequestPool > .wmForm .select > select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	border: 0 none;
	border-radius: 0;
	cursor: pointer;
	margin: 0;
	overflow: hidden;
	padding: 7px 35px 8px 9px;
	-webkit-padding-start: 15px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 2;
}
.tmRequestPool > .wmForm .select > i {
	color: #E1001A;
	font-size: 20px;
	position: absolute;
	right: 12px;
	top: 9px;
	z-index: 1;
}
.tmRequestPool > .wmForm .select.check > i {
	color: #5CAF00;
}
.tmRequestPool > .wmForm .select.validationError > i {
	color: #E1001A;
}
.tmRequestPool > .wmForm .accommodationdata {
	margin: 30px 0;
}
.tmRequestPool > .wmForm .accommodationdata > .row {
	float: left;
	margin: 0 2% 0 0;
	width: 32%;
}
.tmRequestPool > .wmForm .accommodationdata > .row:last-child {
	margin-right: 0;
}
.tmRequestPool > .wmForm .container {
	margin: 30px 0;
}
.tmRequestPool > .wmForm .filter {
	display: none;
	margin: 30px 0;
}
.tmRequestPool > .wmForm .filter > .wrapper {
	float: left;
	margin: 0 2% 0 0;
	width: 49%;
}
.tmRequestPool > .wmForm .filter > .wrapper:nth-child(2n) {
	margin-right: 0;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	padding: 17px 24px 24px;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.category,
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.facilities {
	margin-bottom: 25px;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox > h3 {
	margin: 0 0 15px;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.towns > ul {
	display: flex;
	flex-direction: column;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="b601e748-5df7-40ff-8e9b-399d58c2d0d3"] {
	order: 1;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="2f68ef84-fbbe-489e-a207-2343a93ae791"] {
	order: 2;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="3da9299c-2150-47a2-9a89-50882a9a240b"] {
	order: 3;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="4e24c741-e4c0-49af-978c-ad0b01d99f81"] {
	order: 4;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li {
	margin: 0 0 11.5px;
}

.tmRequestPool.bludenz > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="b601e748-5df7-40ff-8e9b-399d58c2d0d3"] {
	display: none;
}
.tmRequestPool.bludenz > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="3da9299c-2150-47a2-9a89-50882a9a240b"] {
	display: none;
}
.tmRequestPool.bludenz > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="4e24c741-e4c0-49af-978c-ad0b01d99f81"] {
	display: none;
}
.tmRequestPool.brandnertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="2f68ef84-fbbe-489e-a207-2343a93ae791"] {
	display: none;
}
.tmRequestPool.brandnertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="3da9299c-2150-47a2-9a89-50882a9a240b"] {
	display: none;
}
.tmRequestPool.brandnertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="4e24c741-e4c0-49af-978c-ad0b01d99f81"] {
	display: none;
}
.tmRequestPool.klostertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="2f68ef84-fbbe-489e-a207-2343a93ae791"] {
	display: none;
}
.tmRequestPool.klostertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="b601e748-5df7-40ff-8e9b-399d58c2d0d3"] {
	display: none;
}
.tmRequestPool.klostertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="4e24c741-e4c0-49af-978c-ad0b01d99f81"] {
	display: none;
}
.tmRequestPool.walsertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="2f68ef84-fbbe-489e-a207-2343a93ae791"] {
	display: none;
}
.tmRequestPool.walsertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="3da9299c-2150-47a2-9a89-50882a9a240b"] {
	display: none;
}
.tmRequestPool.walsertal > .wmForm .filter > .wrapper > .filterbox.towns > ul li[data-id="b601e748-5df7-40ff-8e9b-399d58c2d0d3"] {
	display: none;
}

.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li.hide {
	display: none;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li:last-child {
	margin-bottom: 0;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li > input {
	display: none;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li > label {
	background: none;
	border: 0 none;
	cursor: pointer;
	display: block;
	font-size: 16px;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 1px 23px;
	position: relative;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li > label:before {
	border: 1px solid #E3E3E3;
	content: "";
	display: block;
	height: 16px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 16px;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li > label:after {
	color: #E1001A;
	content: '\E5CA';
	font-family: 'Material Icons';
	height: 14px;
	left: 0;
	line-height: 14px;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 3px;
	transition: opacity 300ms ease;
	width: 14px;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li > input:checked + label:after {
	opacity: 1;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox ul > li > label > span {
	color: #E1001A;
	display: none;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.towns > ul > li > label {
	font-weight: 600;
}
.tmRequestPool > .wmForm .filter > .wrapper > .filterbox > ul > li > ul {
	margin: 20px 0 30px 0;
	padding: 0 0 0 20px;
}
.tmRequestPool > .wmForm a.more {
	display: block;
	line-height: 40px;
	margin: 0 0 20px 0;
	padding: 0 0 0 25px;
	position: relative;
	transition: color 300ms ease;
}
.tmRequestPool > .wmForm a.more:hover {
	color: #5CAF00;
}
.tmRequestPool > .wmForm a.more > i {
	left: -5px;
	position: absolute;
	top: 9px;
	transition: transform 300ms ease;
}
.tmRequestPool.showExtendedFilter > .wmForm a.more > i {
	transform: rotate(180deg);
}
.tmRequestPool > .wmForm .button {
	margin-left: 0;
	margin-right: 0;
}
.tmRequestPool > .wmForm .button > div {
	clear: both;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}
.tmRequestPool.showExtendedFilter > .wmForm .button > a > i {
	transform: rotate(180deg);
}
.tmRequestPool > .wmForm .msg {
	margin-left: 0;
	margin-right: 0;
}

/* Zimmerauswahl */

.tmRequestPool > .wmForm .row.rooms {
	float: left;
	margin: 0 0 0 2%;
	width: 49%;
}
.tmRequestPool > .wmForm .row.rooms .opt {
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	cursor: pointer;
	float: left;
	line-height: 38px;
	margin: 0 2% 0 0;
	padding: 0 10px;
	text-align: center;
	transition: background 300ms ease, border 300ms ease, color 300ms ease;
	width: 32%;
}
.tmRequestPool > .wmForm .row.rooms .opt:last-child {
	margin-right: 0;
}
.tmRequestPool > .wmForm .row.rooms .opt:hover,
.tmRequestPool > .wmForm .row.rooms .opt.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
	color: #FFFFFF;
}
.tmRequestPool > .wmForm .traveldata > .roombox {
	clear: both;
	padding: 15px 0 0;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * {
	background: #D8D8D8;
	margin: 0 0 1px;
	padding: 15px 95px 15px 54px;
	position: relative;
}
.tmRequestPool > .wmForm .traveldata > .roombox > *:before {
	background: #E1001A;
	color: #FFFFFF;
	content: "";
	font-size: 15px;
	font-weight: bold;
	left: 15px;
	line-height: 24px;
	position: absolute;
	text-align: center;
	top: 23px;
	width: 24px;
}
.tmRequestPool > .wmForm .traveldata > .roombox > .room1:before {
	content: "1";
}
.tmRequestPool > .wmForm .traveldata > .roombox > .room2:before {
	content: "2";
}
.tmRequestPool > .wmForm .traveldata > .roombox > .room3:before {
	content: "3";
}
.tmRequestPool > .wmForm .traveldata > .roombox > *:last-child {
	margin-bottom: 0;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * label {
	display: block;
	float: left;
	font-size: 16px;
	margin: 0 15px 0 0;
	padding: 7px 0 0;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .adults {
	float: left;
	padding: 0 24px 0 0;
	position: relative;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .adults label {
	width: 120px;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .adults select {
	background: #FFFFFF;
	border: 0 none;
	border-radius: 0;
	float: right;
	padding: 7px 11px 8px;
	width: 60px;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .children {
	float: left;
	padding: 0 24px 0 0;
	position: relative;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .children select {
	background: #FFFFFF;
	border: 0 none;
	border-radius: 0;
	float: right;
	padding: 7px 11px 8px;
	width: 60px;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages {
	display: none;
	float: left;
	position: relative;	
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages.show {
	display: block;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages label {
	width: 120px;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select {
	background: #FFFFFF;
	border: 0 none;
	border-radius: 0;
	display: none;
	float: left;
	margin: 0 10px 0 0;
	padding: 7px 11px 8px;
	width: 60px;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select.show {
	display: block;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select.error {
	background: #FCE5E8;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .buttons {
	position: absolute;
	right: 15px;
	top: 23px;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .buttons > label {
	display: none;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .buttons li {
    color: #FFFFFF;
	cursor: not-allowed;
	display: inline-block;
	font-size: 20px;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0 10px;
	opacity: 0.5;
	text-align: center;
	transition: background 300ms ease, color 300ms ease;
	width: 24px;
}
.tmRequestPool > .wmForm .traveldata > .roombox .buttons li.add {
	background: #5CAF00;
}
.tmRequestPool > .wmForm .traveldata > .roombox .buttons li.remove {
    background: #E1001A;
}
.tmRequestPool > .wmForm .traveldata > .roombox > .active > .buttons li {
    cursor: pointer;
    opacity: 1;
}
.tmRequestPool > .wmForm .traveldata > .roombox > .room1 > .buttons li.remove,
.tmRequestPool > .wmForm .traveldata > .roombox > .room3 > .buttons li.add {
	cursor: not-allowed;
	opacity: 0.3;
}
.tmRequestPool > .wmForm .traveldata > .roombox > * > .buttons li > i {
	font-size: 17px;
}

@media all and (max-width: 1200px){

	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages {
		clear: both;
		float: none;
		padding-top: 10px;
		width: 100%;
	}

}

@media all and (max-width: 890px){

	.tmRequestPool > .wmForm .row.arrival {
		width: 49%;
	}
	.tmRequestPool > .wmForm .row.departure {
		width: 49%;
	}
	.tmRequestPool > .wmForm .row.rooms {
		clear: both;
		float: none;
		margin-left: 0;
		padding-top: 7px;
		width: 100%;
	}

}

@media all and (max-width: 800px){

	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages label {
		float: none;
		margin-bottom: 5px;
		margin-right: 0;
		width: 100%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select {
		margin-right: 1%;
		width: 15.83333333333333%; 
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:last-child {
		margin-right: 0;
	}
		
}

@media all and (max-width: 740px){

	.tmRequestPool > .wmForm > div > h2 {
		font-size: 30px;
	}
	.tmRequestPool > .wmForm .filter > .wrapper {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.tmRequestPool > .wmForm .filter > .wrapper > .filterbox {
		margin-bottom: 20px;
	}
	.tmRequestPool > .wmForm .filter > .wrapper > .filterbox.towns {
		margin-bottom: 0;
	}

}

@media all and (max-width: 640px){

	.tmRequestPool > .wmForm .traveldata > .roombox > * > .adults {
		float: none;
		padding-right: 0;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .children {
		float: none;
		margin-top: 10px;
		padding-right: 0;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select {
		margin-right: 1%;
		width: 32.66666666666667%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(4),
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(5),
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(6) {
		margin-top: 1%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(3n) {
		margin-right: 0;
	}

}

@media all and (max-width: 500px){

	.tmRequestPool > .wmForm > div > h2 {
		font-size: 22px;
	}
	.tmRequestPool > .wmForm h2 {
		font-size: 20px;
	}
	.tmRequestPool > .wmForm .row.rooms .opt {
		float: none;
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.tmRequestPool > .wmForm .row.rooms .opt:last-child {
		margin-bottom: 0;
	}
	.tmRequestPool > .wmForm .row.multicolumn {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.tmRequestPool > .wmForm .accommodationdata > .row {
		float: none;
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.tmRequestPool > .wmForm .accommodationdata > .row:last-child {
		margin-bottom: 0;
	}
	.tmRequestPool > .wmForm .button > a {
		float: none;
		margin-bottom: 10px;
		padding-left: 0;
		text-align: center;
	}
	.tmRequestPool > .wmForm .button > a > i {
		left: auto;
		position: relative;
		top: 6px;
	}
	.tmRequestPool > .wmForm .button input {
		display: block;
		width: 100%;
	}
	.tmRequestPool > .wmForm .button button {
		display: block;
		width: 100%;
	}

}
		
@media all and (max-width: 400px){

	.tmRequestPool > .wmForm .traveldata > .roombox > * label {
		float: none;
		margin-bottom: 5px;
		margin-right: 0;
		width: 100% !important;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .adults select {
		float: none;
		width: 100%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .children select {
		float: none;
		width: 100%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select {
		margin-right: 1%;
		width: 49.5%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(3),
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(4),
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(5),
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(6) {
		margin-top: 1%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(3n) {
		margin-right: 1%;
	}
	.tmRequestPool > .wmForm .traveldata > .roombox > * > .ages select:nth-of-type(2n) {
		margin-right: 0;
	}
		
}

/* TM - Zusatzleistungen - Übersicht - Teaser */

.tmServicesList article {
	margin: 0 0 64px;
	position: relative;
}
.tmServicesList article:after {
	clear: both;
	content: "";
	display: block;
}
.tmServicesList article > h2 {
	display: none;
}

/* Bild */

.tmServicesList article > .left {
	float: left;
	width: 23.333333333333332%;
	margin: 0 3.333333333333333% 0 0;
}
.tmBookmarkList .tmServicesList article > .left {
	float: left;
	width: 17.721518987341771%;
	margin: 0 1.89873417721519% 0 0;
}
.tmServicesList article > .left > a {
	position: relative;
}
.tmServicesList article > .left > a,
.tmServicesList article > .left > a > img {
	display: block;
	width: 100%;
	margin-top: 10px;
}

/* Inhalt */

.tmServicesList article > figure {
	float: left;
	width: 73.333333333333329%;
}
.tmBookmarkList .tmServicesList article > figure {
	float: left;
	width: 80.379746835443044%;
}
.tmServicesList article > figure > .title {
	margin: 0 0 9px;
	padding: 0 150px 0 0;
}
.tmServicesList article > figure > .title > a {
	color: #4A4A4A;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    transition: color 300ms ease;
}
.tmServicesList article > figure > .title > a:hover {
	color: #E1001A;
}
.tmServicesList article > figure > .days:after {
	clear: both;
	content: "";
	display: block;
}
.tmServicesList article > figure > .days > span {
	background: #f6f3f1;
    float: left;
    font-size: 13px;
    line-height: 26px;
    margin: 0 2px 0 0;
    padding: 0 8px 0 8px;
}

.tmServicesList article > figure > .times {
	color: #4A4A4A;
	font-size: 18px;
	font-weight: 600; 
	margin: 2px 0;
	padding: 0 0 0 30px;
	position: relative;
}

.tmServicesList article > figure > .times:after {
	clear: both; 
	content: "";
	display: block;
}

.tmServicesList article > figure > .times > i {
	font-size: 20px; 
	left: 0;
	position: absolute;
	top: 3px;
	color: #E1001A;
}

.tmServicesList article > figure > .times > span {
    float: left; 
    margin-right:5px;
    font-weight: bold;
    color: #4A4A4A; 
}

.tmServicesList article > figure > .times > span:after {
	content: "|";    
	margin: 0 5px;
}

.tmServicesList article > figure > .times > span:last-child:after {
    content: "";    
}

.tmServicesList article > figure > .text {
    margin: 15px 0 0;
}
.tmServicesList article > figure > .price {
	line-height: 1.2;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
.tmServicesList article > figure > .price > span {
	display: block;
}
.tmServicesList article > figure > .price > span.value {
	color: #E1001A;
    font-size: 28px;
    font-weight: bold;
}
.tmServicesList article > figure > .buttons {
	float: left;
	margin: 16px 0 0;
}
.tmServicesList article > figure > .buttons:after {
	clear: both;
	content: "";
	display: block;
}
.tmServicesList article > figure > .buttons > a.bookMark {
	color: #5CAF00;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: 700;
	line-height: 36px;
	padding: 0 0 0 30px;
	position: relative;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-ms-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
.tmServicesList article > figure > .buttons > a.bookMark:hover,
.tmServicesList article > figure > .buttons > a.bookMark.selected {
	color: #C30018;
}

.tmServicesList article > figure > .buttons > a.bookMark > i {
    left: 0px;  
    position: absolute;
    top: 6px;
}


.tmServicesList article > figure > a.button {
	background: #E1001A;
    color: #FFFFFF;
    display: table;
    font-weight: bold;
    padding: 7px 15px 9px;
    text-align: center;
    transition: background 300ms ease;
    width: 100%;
}
.tmServicesList article > figure > a.button:hover {
	background: #E1001A;
}
.tmServicesList article .content {
	border-bottom: 2px solid #D8D8D8;
	clear: both;
	min-height: 112px;
	padding: 23px 72px 16px 0;
	position: relative;
	display: flex;
    flex-direction: row;
}
.tmBookmarkList .tmServicesList article .content {
	min-height: 80px;
}
.tmServicesList article .content > .left {
	border-top: 1px solid #E3E3E3;
	float: left;
	margin: 0 3.603603603603604% 0 0; /* 0 32 0 0 */
	min-height: 57px;
	padding: 15px 0 17px;
	width: 25.225225225225227%; /* 224 */
}
.tmBookmarkList .tmServicesList article .content > .left {
	display: none;
}
.tmServicesList article .content > .left > p {
	color: #5CAF00;
	font-weight: bold;
	margin: 0 0 9px;
	padding: 0 0 0 36px;
	position: relative;
}
.tmServicesList article .content > .left > p.notbookable {
	color: #E1001A;
}
.tmServicesList article .content > .left > p > i {
	left: 0;
	position: absolute;
	top: 1px;
}
.tmServicesList article .content > .left > p.notbookable > i:before {
	background: #FFFFFF;
	content: "";
	height: 30px;
	left: 8px;
	position: absolute;
	top: -4px;
	transform: rotate(45deg);
	width: 2px;
}
.tmServicesList article .content > .left > .rating > p.totalRatings {
	color: #8C8C8C;
	float: left;
	font-size: 13px;
	font-weight: 600;
}
.tmServicesList article .content > .left > .rating > p.value {
	color: #5CAF00;
	float: right;
	font-size: 13px;
	font-weight: bold;
}
.tmServicesList article .content > .left > .rating > p.value > span.label {
	float: left;
}
.tmServicesList article .content > .left > .rating > p.value > span.value {
	float: right;
}
.tmServicesList article .content > .left > .rating > .bar {
	background: #E3E3E3;
	clear: both;
	display: none;
	height: 16px;
	position: relative;
}
.tmServicesList article .content > .left > .rating > .bar > div {
	background: #5CAF00;
	bottom: 0;
	left: 0;
	max-width: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: width 1000ms ease 300ms;
	width: 0;
}
.tmServicesList article .content > .left > .rating > .bar.show > div {
	width: 100%;
}
.tmServicesList article .content > .right {
	border-top: 1px solid #E3E3E3;
	float: left;
	padding: 15px 0 0;
	width: 24.324324324324323%; /* 216 */
	margin-left: auto;
}
.tmBookmarkList .tmServicesList article .content > .right {
	display: none;
}	
.tmServicesList article .content > .right > a {
	background: #E1001A;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 7px 15px 9px;
	text-align: center;
	transition: background 300ms ease;
	width: 100%;
}
.tmServicesList article .content > .right > a:hover {
	background: #5CAF00;
}
.tmServicesList article .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 71px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 23px;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;	
}
.tmBookmarkList .tmServicesList article .content > a.bookmark {
	border: 1px solid #E3E3E3;
	height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	transition: background 300ms ease, border 300ms ease;
	width: 40px;
}
.tmServicesList article .content > a.bookmark:hover,
.tmServicesList article .content > a.bookmark.selected {
	background: #E1001A;
	border: 1px solid #E1001A;
}
.tmServicesList article .content > a.bookmark > i {
	height: 69px;
	left: 1px;
	line-height: 69px;
	position: absolute;
	top: 1px;
	transition: opacity 300ms ease;
	width: 38px;
}
.tmBookmarkList .tmServicesList article .content > a.bookmark > i {
	height: 40px;
	line-height: 40px;
}
.tmServicesList article .content > a.bookmark > i.yes {
	opacity: 0;
	z-index: 2;
}
.tmServicesList article .content > a.bookmark:hover > i.yes,
.tmServicesList article .content > a.bookmark.selected > i.yes {
	color: #FFFFFF;
	opacity: 1;
}

@media all and (max-width: 840px){

	.tmBookmarkList .tmServicesList article > figure > .title > a {
		font-size: 22px;
	}
	.tmBookmarkList .tmServicesList article > figure > .price > span.value {
		font-size: 22px;
	}

}
@media all and (max-width: 700px){

	.tmBookmarkList .tmServicesList article > .left {
		width: 40%;
	}
	.tmBookmarkList .tmServicesList article > figure {
		width: 56.93877551020408%;
	}

}
@media all and (max-width: 550px){

	.tmBookmarkList .tmServicesList article > .left {
		margin-bottom: 24px;
		margin-right: 0;
		width: 100%;
	}
	.tmBookmarkList .tmServicesList article > figure {
		position: relative;
		width: 100%;
	}
	.tmBookmarkList .tmServicesList article > figure > .price {
		background: #F3F3F3;
		padding: 2px 8px 5px 8px;
		right: 5px;
		text-align: unset;
		top: -78px;
	}

}

body.fancybox-active {
  overflow: hidden; }

body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0; }

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s; }

.fancybox-infobar {
  top: 0;
  left: 0;
  font-size: 13px;
  padding: 0 10px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  color: #ccc;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: exclusion; }

.fancybox-toolbar {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0; }

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0); }

.fancybox-is-closing .fancybox-stage {
  overflow: visible; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: visible; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000; }

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide > title,
.fancybox-slide > style,
.fancybox-slide > meta,
.fancybox-slide > link,
.fancybox-slide > script,
.fancybox-slide > base {
  display: none; }

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  line-height: 20px; }

/* Buttons */
.fancybox-button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, 0.6);
  transition: color .3s ease;
  cursor: pointer;
  outline: none; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff; }

.fancybox-button[disabled] {
  color: #ccc;
  cursor: default;
  opacity: 0.6; }

.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--share svg path {
  stroke-width: 1; }

.fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--pause svg path:nth-child(1) {
  display: none; }

.fancybox-button--zoom svg path {
  fill: transparent; }

/* Navigation arrows */
.fancybox-navigation {
  display: none; }

.fancybox-show-nav .fancybox-navigation {
  display: block; }

.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px; }

.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.6); }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 8px;
  right: 4px;
  width: 30px;
  height: 30px;
  font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  transition: background-color .25s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -40px; }

.fancybox-slide--image .fancybox-close-small:after,
.fancybox-slide--iframe .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa; }

.fancybox-slide--image .fancybox-close-small:hover:after,
.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none; }

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0 2vw;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
  position: relative;
  /* Fix IE11 */ }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-slide > .fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Share */
.fancybox-share {
  padding: 30px;
  border-radius: 3px;
  background: #f4f4f4;
  max-width: 90%;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  margin: 0 0 20px 0;
  font-size: 35px;
  font-weight: 700; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

p.fancybox-share__links {
  margin-right: -10px; }

.fancybox-share__button {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 0 15px;
  min-width: 130px;
  border: 0;
  border-radius: 3px;
  background: #fff;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  transition: all .2s; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  position: relative;
  top: -1px;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  vertical-align: middle; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 10px 15px;
  background: transparent;
  color: #5d5b5b;
  font-size: 14px;
  outline: none;
  border: 0;
  border-bottom: 2px solid #d7d7d7; }

/* Thumbs */
.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px 2px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-y: hidden;
  overflow-x: auto; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap; }

.fancybox-thumbs-x > ul {
  overflow: hidden; }

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }

/* Fancybox 3.2.10 - Custom */

.fancybox-container .fancybox-stage {
	display: block !important;
}
.fancybox-container.var .fancybox-bg {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.9);
}
.fancybox-container.var.fancybox-is-open .fancybox-bg {
	opacity: 1;
}
.fancybox-container.var .fancybox-close-small {
	height: 50px;
	position: fixed;
	width: 50px;
}
.fancybox-close-small {
	color: #ffffff;
}
.fancybox-container.var .fancybox-close-small:after {
	background: #E1001A;
	border-radius: 0;
	color: #FFFFFF;
	content: "\E5CD";
	font-family: "Material Icons";
	font-size: 40px;
	height: 100%;
	line-height: 50px;
	right: 0;
	top: 0;
	width: 100%;
}
.fancybox-container.var .fancybox-close-small:hover:after {
	background: #BA0016;
}

/* Fehlermeldung */

.fancyMsg {
	padding: 15px;
}
.fancyMsg.error {
	background: #FCE5E8;
	color: #E1001A;
}
.fancyMsg.success {
	background: #EEF7E5;
	color: #5CAF00;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Owl Carousel 2.2.1 - Custom */

.owl-carousel {
	display: block !important;
}

/*! jQuery UI - v1.12.1 - 2017-03-02
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* jQuery UI Kalender */

.ui-datepicker {
	background: #FFFFFF;
	box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.1);
	margin: 1px 0;
	overflow: hidden;
	padding: 20px 30px 24px !important;
	width: 350px !important;
	z-index: 999999 !important;
}
.ui-datepicker-header {
	font-weight: bold;
	padding: 6px 0 !important;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
	color: #E1001A;
	cursor: pointer;
	font-family: 'webmanager';
	font-size: 23px;
	font-weight: normal;
	height: auto !important;
	line-height: 1;
	right: 0 !important;
	top: 9px !important;
	width: auto !important;
}
.ui-datepicker .ui-datepicker-title {
	color: #E1001A;
	font-size: 17px;
	margin-left: 0;
	margin-right: 55px;
	text-align: left;
	text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-title:after {
	clear: both;
	content: "";
	display: block;
}
.ui-datepicker .ui-datepicker-title > span {
	border-bottom: 2px solid #E1001A;
	float: left;
}
.ui-datepicker .ui-datepicker-title > span.ui-datepicker-year {
	padding: 0 0 0 5px;
}
.ui-state-disabled.ui-datepicker-prev,
.ui-state-disabled.ui-datepicker-next {
	opacity: 0.5;
}
.ui-datepicker-header .ui-datepicker-next:before {
	content: '\E851';
}
.ui-datepicker-header .ui-datepicker-prev:before {
	content: '\E850';
}
.ui-datepicker-header .ui-datepicker-prev {
	left: auto !important;
	right: 35px !important;
	text-align: right;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
	left: -1000px !important;
}
.ui-datepicker table {
	font-size: 14px;
}
.ui-datepicker th {
	color: #E1001A;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.ui-datepicker td {
	border: 1px solid #E3E3E3;
	height: 38px;
	line-height: 38px;
	padding: 0;
	width: 40px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	background: #F3F3F3;
	color: #21262D;
	font-weight: normal;
	padding: 0;
	text-align: center;
}
.ui-datepicker td a.ui-state-active,
.ui-datepicker .ui-state-highlight,
.ui-datepicker td a:hover,
.ui-datepicker-days-cell-over > a {
	background: #E1001A !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}
.ui-datepicker-today > a.ui-state-default {
	background: #ED6676 !important;
	color: #FFFFFF !important;
}
.ui-datepicker td.ui-datepicker-unselectable span,
.ui-datepicker td.ui-datepicker-unselectable a {
	background: none !important;
	color: #4A4A4A !important;
}

/* Gesamte Breite */

body.entirewidth .ui-datepicker td.available a {
	background: #EEF7E5 !important;
    color: #4A4A4A !important;
}
body.entirewidth .ui-datepicker td.notavailable a {
	background: #FCE5E8 !important;
	color: #4A4A4A !important;
}
body.entirewidth .ui-datepicker td a.ui-state-active,
body.entirewidth .ui-datepicker .ui-state-highlight,
body.entirewidth .ui-datepicker td a:hover,
body.entirewidth .ui-datepicker-days-cell-over > a {
	background: #E1001A !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}

@media all and (max-width: 700px){

	.ui-datepicker {
		padding: 11px 20px 19px !important;
		width: 280px !important;
	}
	.ui-datepicker th {
		font-size: 14px !important;
	}
	.ui-datepicker td {
		height: 33px !important;
		line-height: 33px !important;
	}
	.ui-datepicker td span,
	.ui-datepicker td a {
		font-size: 12px !important;
	}

}

.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
	touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
	user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; /* Fix 401 */
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 18px;
}
.noUi-horizontal .noUi-handle {
	width: 34px;
	height: 28px;
	left: -17px;
	top: -6px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-draggable {
	cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Leaflet - Custom */

.leaflet-div-icon {
	background: none;
	border: none;
}
.leaflet-popup-content-wrapper {
	padding: 0;
}
.leaflet-popup-tip {
	background: #0073a5 none repeat scroll 0 0;
}
.leaflet-popup-content {
	margin: 0;
}
.leaflet-popup-content p {
	margin: 0;
}
.marker-cluster-small {
	background: rgba(0, 68, 105, 0.6);
}
.marker-cluster-small div {
	background: rgba(0, 68, 105, 95);
	color: #FFFFFF;
}
.marker-cluster-medium {
	background: rgba(0, 68, 105, 0.6);
}
.marker-cluster-medium div {
	background: rgba(0, 68, 105, 95);
	color: #FFFFFF;	
}
.marker-cluster-large {
	background: rgba(0, 68, 105, 0.6);
}
.marker-cluster-large div {
	background: rgba(0, 68, 105, 95);
	color: #FFFFFF;
}
.leaflet-popup-content {
	width: 440px !important;
}

/* System - Elemente */

.wmSystem {
	text-align: center;
}

/* Grafik */

.wmSystem > svg {
	display: inline-block;
	margin: 0 auto;
	max-width: 45%;
	width: 180px;
}
.wmSystem.search > svg {
	width: 215px;
}
.wmSystem.search.var01 > svg {
	width: 150px;
}
.wmSystem.cart > svg {
	width: 240px;
}
.wmSystem.cart.var01 > svg {
	width: 170px;
}
.wmSystem.watchList > svg {
	width: 150px;
}
.wmSystem.pageNotFound > svg {
	width: 190px;
}

/* Überschrift */

.wmSystem > h1 {
	margin-top: 29px;
	text-align: center;
}

/* Textbereich */

.wmSystem > p {
	margin-left: auto;
	margin-right: auto;
	margin-top: -32px;
	max-width: 750px;
	text-align: center;
}

/* Buttons */

.wmSystem > ul {
	display: table;
	margin: -22px auto 0;
}
.wmSystem > ul > li {
	float: left;
}
.wmSystem > ul > li:nth-child(2n) {
	margin-left: 16px;
}
.wmSystem > ul > li > a {
	border: 1px solid #E1001A;
	color: #E1001A;
	display: block;
	font-weight: bold;
	line-height: 38px;
	padding: 0 15px;
}
.wmSystem > ul > li:nth-child(2n) > a,
.wmSystem.pageNotFound > ul > li > a{
	background: #E1001A;
	color: #FFFFFF;
}

@media all and (max-width: 600px){

	.wmSystem > ul > li {
		float: none;
		text-align: center;
	}
	.wmSystem > ul > li:nth-child(2n) {
		margin-left: 0;
		margin-top: 10px;
	}

}