/* 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;
}

/* Header - Sprachen */

.HeaderWrapper > .lang {
	cursor: pointer;
	height: auto;
	margin: 0;
	max-width: none;
	padding: 0;
	position: absolute;
	right: 0;
	top: 32px;
	z-index: 1;
}
.HeaderWrapper > .lang > p {
	background: #ffffff;
	border-radius: 3px 0 0 3px;
	color: #4d8e8f;
	height: 45px;
	line-height: 46px;
	text-align: center;
	text-transform: uppercase;
	width: 50px;
}
body.isSafari .HeaderWrapper > .lang > p {
	line-height: 49px;
}
.HeaderWrapper > .lang > ul {
	display: none;
}

.langselector {
	min-width: 400px;
	padding: 60px 60px 54px;
	background: #bc4f4c !important;
	padding: 80px 25px !important;
}
.langselector > h2 {
	color: #ffffff;
	font-family: 'Nunito Sans';
	font-size: 38px;
	font-weight: bold;
	margin: 0 0 20px;
	text-align: center;
	text-transform: uppercase;
}
.langselector > h2 > strong {
	color: #ffffff;
	display: block;
	font-weight: bold;
}
.langselector > ul {
	text-align: center;
}
.langselector > ul > li {
	position: relative;
}
.langselector > ul > li > a:before {
	content: "\E906";
	display: none;
	font-family: "Webmanager";
	left: 10px;
	position: absolute;
}
.langselector > ul > li > a {
	color: #ffffff;
	border-bottom: 2px solid #ffffff;
	display: block;
	font-family: 'Nunito Sans';
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	padding: 25px 0;
}
body.isSafari .langselector > ul > li > a {
	padding-bottom: 11px;
	padding-top: 14px;
}
.langselector > ul > li:last-child > a {
	border-bottom: 0;
}
.langselector > ul > li:last-child > a:hover {
	border-bottom: 0;
}
.langselector .fancybox-close-small:after {
	color: #ffffff;
}
.langselector .fancybox-close-small:hover:after {
	color: #454545;
	background: #ffffff;
}

/* Selected */

.langselector > ul.de > li.de > a:before,
.langselector > ul.en > li.en > a:before,
.langselector > ul.it > li.it > a:before {
	display: block;
}


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

	.langselector {
		min-width: 0;
		padding-left: 35px;
		padding-right: 35px;
	}

}

/* Animation - introTeaser */

.GalleryWrapper .introTeaser {
	position: absolute;
	display: block;
	max-width: 440px;
	width: 100%;
	bottom: -140px;
	right: 50%;
	margin: 0 -220px 0 0;
	transition: bottom 1800ms ease-in-out 1800ms;
	z-index: 2;	
}
body:not(.notransition) .GalleryWrapper .introTeaser {
	bottom: 0;	
}
.GalleryWrapper .introTeaser article figcaption {
	background: rgba(0, 0, 0, 0.4);
	height: 140px;
}
.GalleryWrapper .introTeaser .more {
	display: block;
	float: left;
	position: relative;
	background: rgba(0, 0, 0, 0.7);
	color: #ffffff;
	width: 90px;
	height: 140px;
	font-size: 14px;
	font-weight: bold;
	padding: 60px 11px 0;
	text-align: center;
	text-transform: uppercase;
}
.GalleryWrapper .introTeaser .more:before {
	display: block;
	position: absolute;
	top: 34px;
	left: 50%;
	font-size: 18.3px;
	margin: 0 0 0 -9.63px;
	color: #bc4f4c;	
}
.GalleryWrapper .introTeaser article figcaption a {
	display: block;
	color: #ffffff;
	width: 440px;
	text-align: center;
	width: 350px;
}
.GalleryWrapper .introTeaser article figcaption .title {
	font-size: 20px;
	font-weight: bold;
	padding: 40px 0 0 0;
	text-transform: uppercase;
}
.GalleryWrapper .introTeaser article figcaption .price {
	font-size: 20px;
	font-weight: normal;
}


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

	.GalleryWrapper .introTeaser {
		display: none;
	}

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

	body.intro .GalleryWrapper::before {
		top: 51%;
	}

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

	.GalleryWrapper .introTeaser {
		display: none;
	}

}

/* Footer */

.FooterWrapper {
	background: #EBEBEB;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

/* 1. Zeile */

.FooterWrapper .top {
	padding: 82px 0;
	position: relative;
}

/* Linke Spalte */

.FooterWrapper .left > .contact {
	font-size: 18px;
}
.FooterWrapper .left > .contact > strong {
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.FooterWrapper .left > .contact > a {
	display: block;
}
.FooterWrapper .left > .contact > a:first-of-type {
	margin: 16px 0 0;
}

/* Rechte Spalte */

.FooterWrapper .right {
    position: absolute;
    width: 520px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.FooterWrapper .right > img {
	display: block;
	width: 100%;
}
.FooterWrapper .right > img.pin,
.FooterWrapper .right > img.pin-bg {
	position: absolute;
	top: 57%;
	right: 19%;
	opacity: 0;
	transition: all 800ms ease-in-out;
}
.FooterWrapper .right > img.pin {
	width: 124px;
	top: 41%;
	right: 14.75%;
	transform: translateY(-60px);
	transition: all 1000ms ease-in-out 800ms;
	z-index: 1;
}
.FooterWrapper .right.showPin > img.pin {
	opacity: 1;
	transform: none;
}
.FooterWrapper .right > img.pin-bg {
	width: 110px;
}
.FooterWrapper .right.showPin > img.pin-bg {
	opacity: 1;
}

/* 2. Zeile */

.FooterWrapper .bottom {
	padding: 35px 150px 35px 150px;
	position: relative;
}
.FooterWrapper .bottom:before {
	background: #FFFFFF;
	content: "";
	left: -2000px;
	position: absolute;
	top: 0;
	right: -2000px;
	height: 100%;
	z-index: -1;
}

/* Social */

.FooterWrapper .bottom > .social {
	left: 0;
	margin: -18px 0 0;
	position: absolute;
	top: 50%;
}
.FooterWrapper .bottom > .social > li {
	float: left;
	margin: 0 5px 0 0;
}
.FooterWrapper .bottom > .social > li:last-child {
	margin-right: 0;
}
.FooterWrapper .bottom > .social > li > a {
	border: 1px solid #9D9D9C;
	border-radius: 50%;
	color: #9D9D9C;
	display: block;
	font-size: 19px;
	line-height: 36px;
	text-align: center;
	transition: all 300ms ease-in-out;
	width: 35px;
}
.FooterWrapper .bottom > .social > li > .icon-youtube {
	font-size: 14px;
}
.FooterWrapper .bottom > .social > li > a:before {
	margin: 0;
}
.FooterWrapper .bottom > .social > li > a:hover {
	border-color: #BC4F4C;
	color: #BC4F4C;
}

/* Partner */

.FooterWrapper .bottom > .partner li > a {
	display: block;
	height: 50px;
	position: relative;
	width: 100%;
}
.FooterWrapper .bottom > .partner li > a > img {
	display: block;
	left: 50%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 300ms ease-in-out;
}
.FooterWrapper .bottom > .partner li > a:hover > img.sw,
.FooterWrapper .bottom > .partner li > a > img.color {
	opacity: 0;
}
.FooterWrapper .bottom > .partner li > a:hover > img.color {
	opacity: 1;
}
.FooterWrapper .bottom > .partner li > a.tripadvisor > img {
	max-width: 51px;
}
.FooterWrapper .bottom > .partner li > a.holidaycheck > img {
	max-width: 90px;
}
.FooterWrapper .bottom > .partner li > a.golfalpin > img {
	max-width: 50px;
}
.FooterWrapper .bottom > .partner li > a.rotisseurs > img {
	max-width: 45px;
}
.FooterWrapper .bottom > .partner li > a.kochart > img {
	max-width: 78px;
}
.FooterWrapper .bottom > .partner li > a.umweltzeichen > img {
	max-width: 43px;
}
.FooterWrapper .bottom > .partner li > a.lehrbetrieb > img {
	max-width: 64px;
}
.FooterWrapper .bottom > .partner li > a.kitzbuehel > img {
	max-width: 105px;
}
.FooterWrapper .bottom > .partner li > a.tirol > img {
	max-width: 59px;
}
.FooterWrapper .bottom > .partner li > a.golftirol > img {
	max-width: 60px;
}

/* Barometer */

.FooterWrapper .bottom > .barometer {
	position: absolute;
	top: 15px;
	right: 0;
}
.FooterWrapper .bottom > .barometer > img {
	display: block;
	width: 100%;
	max-width: 100px;
}

@media all and (max-width: 1460px){

	.FooterWrapper .bottom {
		margin-bottom: 50px;
	}

}
@media all and (max-width: 900px){

	.FooterWrapper .right {
		transform: none;
		top: 85px;
	}

}
@media all and (max-width: 800px){

	.FooterWrapper .right {
		left: 245px;
		margin: -40px 0 0;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
	}
	.FooterWrapper .right > img.pin {
		width: 24.077669902912621%; /* 124 */
	}
	.FooterWrapper .right > img.pin-bg {
		width: 21.359223300970875%; /* 110 */
	}

}
@media all and (max-width: 550px){
	
	.FooterWrapper .top {
		padding-bottom: 54px;
		padding-top: 48px;
		text-align: center;
	}
	.FooterWrapper .right {
		left: 0;
		margin: 46px 0 0 -20px;
		right: 0;
		position: relative;
		transform: none;
		top: 0;
		width: auto;
	}

}
@media all and (max-width: 500px){

	.FooterWrapper .bottom {
		padding: 35px 0 130px 0;
	}
	.FooterWrapper .bottom > .social {
		left: 0;
		margin-top: 0;
		top: auto;
		bottom: 43px;
	}
	.FooterWrapper .bottom > .barometer {
		top: auto;
		bottom: 25px;
	}
	.FooterWrapper .bottom > .barometer > img {
		max-width: 80px;
	}

}

/* Footer - Routenplaner */

.FooterWrapper .routePlanner {
	margin: 60px 0 26px;
	width: 300px;
}
.FooterWrapper .routePlanner > .travelMode {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.FooterWrapper .routePlanner > .travelMode > p {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 55px;
	text-transform: uppercase;
}
.FooterWrapper .routePlanner > .travelMode > ul {
	float: right;
}
.FooterWrapper .routePlanner > .travelMode > ul > li {
	cursor: pointer;
	float: left;
	height: 55px;
	line-height: 55px;
	margin: 0 0 0 22px;
	text-align: center;
	transition: color 300ms ease;
}
.FooterWrapper .routePlanner > .travelMode > ul > li:first-child {
	margin-left: 0;
}
.FooterWrapper .routePlanner > .travelMode > ul > li:before {
	content: '\E800';
	font-family: 'routeplanner';
}
.FooterWrapper .routePlanner > .travelMode > ul > li[data-mode='DRIVING']:before {
	content: '\E800';
	font-size: 16px;
}
.FooterWrapper .routePlanner > .travelMode > ul > li[data-mode='BICYCLING']:before {
	content: '\E801';
	font-size: 19px;
}
.FooterWrapper .routePlanner > .travelMode > ul > li[data-mode='TRANSIT']:before {
	content: '\E802';
	font-size: 21px;
}
.FooterWrapper .routePlanner > .travelMode > ul > li[data-mode='WALKING']:before {
	content: '\E803';
	font-size: 21px;
}
.FooterWrapper .routePlanner > .travelMode > ul > li:hover,
.FooterWrapper .routePlanner > .travelMode > ul > li.selected {
	color: #BC4F4C;
}
.FooterWrapper .routePlanner > .origin {
	border-bottom: 1px solid #FFFFFF;
	position: relative;
}
.FooterWrapper .routePlanner > .origin > p {
	font-size: 14px;
	font-weight: bold;
	line-height: 55px;
	position: absolute;
	left: 0;
	top: 0;
	text-transform: uppercase;
}
.FooterWrapper .routePlanner > .origin.error > p {
	color: #BC4F4C;
}
.FooterWrapper .routePlanner > .origin > input {
	background: none;
	border: 0 none;
	color: #454545;
	font-family: 'Cardo';
	font-style: italic;
	font-size: 24px;
	height: 55px;
	line-height: 55px;
	margin: 0;
	padding: 0 0 0 115px;
	text-align: right;
	transition: color 300ms ease;
	width: 100%;
}
.FooterWrapper .routePlanner > .origin.error > input {
	color: #E74C3C;
}
.FooterWrapper .routePlanner > .origin > input::-webkit-input-placeholder {
	color: #454545;
	opacity: 1;
}
.FooterWrapper .routePlanner > .origin > input:-moz-placeholder {
	color: #454545;
	opacity: 1;
}
.FooterWrapper .routePlanner > .origin > input::-moz-placeholder {
	color: #454545;
	opacity: 1;
}
.FooterWrapper .routePlanner > .origin > input:-ms-input-placeholder {
	color: #454545;
	opacity: 1;
}
.FooterWrapper .routePlanner > .origin > input::-ms-clear {
    display: none;
}
.FooterWrapper .routePlanner > .button {
	margin: 30px 0 0;
}
.FooterWrapper .routePlanner > .button > input {
	background: none;
	border: 0 none;
	border-radius: 0;
	color: #454545;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding: 0;
	text-transform: uppercase;
	transition: color 300ms ease;
	width: 100%;
}
.FooterWrapper .routePlanner > .button > input:hover {
	color: #BC4F4C;
}

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

	.FooterWrapper .routePlanner {
		width: 230px;
	}
	.FooterWrapper .routePlanner > .origin > p {
		display: none;
	}
	.FooterWrapper .routePlanner > .origin > input {
		padding-left: 0;
	}
	.FooterWrapper .routePlanner > .travelMode > ul > li {
		margin-left: 15px;
	}

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

	.FooterWrapper .routePlanner {
		width: 280px;
		margin: 23px auto 40px;
	}
	.FooterWrapper .routePlanner > .button {
		margin-top: 24px;
	}

}

/* Menü - Metamenü */

.metamenu {
	margin: 15px 0 0 -7px;
}
.metamenu li {
	float: left;
}
.metamenu li a {
	display: block;
	font-size: 14px;
	padding: 3px 7px;
	font-weight: 300;
	text-transform: uppercase;
}

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

	.metamenu {
		margin: 0 auto;
		text-align: center;
	}
	.metamenu li {
		display: inline-block;
		float: none;
	}
	.metamenu li a {
		padding-left: 4px;
		padding-right: 4px;
	}

}

/* Preloader */

body > .preloader {
	background: #EBEBEB;
	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.showPreloader > .preloader {
	opacity: 1;
	z-index: 99999;
}
body > .preloader > div {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 40%;
	transform: translate(-50%, -50%);
	width: 280px;
}
body > .preloader > div > p.label {
	color: #B0302C;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}
body > .preloader > div > p.addition {
	color: #BC4F4C;
	font-size: 15px;
	font-weight: 300;
}

/* Suche */

.searchOverlay.show {
    opacity: 1;
}
.searchOverlay {
    left: 0;
    height: 100%;
    opacity: 0;
    position: fixed;
    transition: opacity 300ms ease-in-out;
    top: 0;
    width: 100%;
    z-index: 99999999;
}
.searchOverlay:before {
    background: #000000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.85;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}
.searchOverlay > form {
    left: 50%;
    max-width: 100%;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}
.searchOverlay > form > p {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 300;
    margin: 0 0 12px;
}
.searchOverlay > form > input {
    background: #FFFFFF;
    border: 0;
    font-size: 20px;
    height: 50px;
    max-width: 100%;
    padding: 0 70px 0 20px;
    outline: 0;
    width: 400px;
}
.searchOverlay > form > button {
    background: #ba504f;
    bottom: 0;
    border: 0;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 20px;
    height: 50px;
    position: absolute;
    right: 20px;
    width: 50px;
}
.searchOverlay > form > button:before {
	margin-right: 0;
}
.searchOverlay > a {
    background: #FFFFFF;
	font-size: 26px;
	line-height: 50px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
}
.searchOverlay > a:before {
	margin-right: 0;
}
.searchOverlay > a:hover {
    background: #ba504f;
    color: #FFFFFF;
}

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

	.searchOverlay > a {
		font-size: 22px;
		line-height: 50px;
		width: 50px;
	}

}

/* Element - Aufzählung */

.wmList > h2.wmElHeadline {
	color: #454545;
	font-size: 60px;
	font-weight: 200;
	line-height: 1;
	text-align: left;
}
.wmList ul li {
	float: left;
	font-size: 20px;
	font-weight: normal;
	padding: 9px 0;
	position: relative;
	width: 50%;
	line-height: 1.35;
}
.wmList ul li:after {
	content: "";
	position: absolute;
	width: 220px;
	height: 2px;
	background: #ebebeb;
	bottom: 0;
	left: 0;	
}
.wmList ul li:last-child:after {
	display: none;	
}
.wmList ul li:nth-child(2n+1) {
	clear: left;
	padding-right: 30px;
}
.wmList.wmSingleList ul li {
	float: none;
	width: auto;
}

/* 1 Spalte nummeriert */

.wmList.wmNumber ul {
	list-style-type: decimal;
}
.wmList.wmNumber ul li {
	padding-left: 10px;
	margin-left: 27px;
}

.wmList.wmNumber ul li:after {
	left: 10px;
}

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

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

}

/* Element - Bild-Text Kombination */

.wmImageTextCombi2 {
	display: flex;
	flex-direction: row;
}
.wmImageTextCombi2 .right {
	flex: 0 0 66.666666666666671%; /* 960 */
}
.wmImageTextCombi2 .left {
	flex: 0 0 66.666666666666671%; /* 960 */
	order: 1;
}
.wmImageTextCombi2 figure {
	position: relative;
}
.wmImageTextCombi2 figure:before {
	display: none;
	content: "\E8FD";
	font-family: 'Webmanager';
	color: #ffffff;
	position: absolute;
	font-size: 380px;
	bottom: 30px;
	left: 0;
	line-height: 1;
	opacity: 0.25;
	z-index: 1;
}
.wmImageTextCombi2 figure img{
	display: block;
	width: 100%;
}
.wmImageTextCombi2 figure.right + .container {
	display: block;
	padding: 30px 20px 30px 47px;
}
.wmImageTextCombi2 figure.left + .container {
	display: block;
	padding: 30px 47px 30px 20px;
}
.wmImageTextCombi2 .container .title {
	font-size: 65px;
	margin-top: 40px;
	margin-bottom: 35px;
	line-height: 1;
}

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

	.wmImageTextCombi2 .container .title {
		font-size: 50px;
	}

}
@media all and (max-width: 1200px){

	.wmImageTextCombi2 .left, 
	.wmImageTextCombi2 .right {
		flex: 0 0 50%;
		overflow: hidden;
	}
	.wmImageTextCombi2 figure.right + .container {
		padding-top: 0;
		padding-left: 30px;
	}
	.wmImageTextCombi2 figure.left + .container {
		padding-top: 0;
		padding-right: 30px;
	}
	.wmImageTextCombi2 figure img {
		width: 580px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.wmImageTextCombi2 .container .title {
		margin-top: 0;
	}

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

	.wmImageTextCombi2 .container .title {
		font-size: 38px;
	}

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

	.wmImageTextCombi2 {
		flex-direction: column;
	}
	.wmImageTextCombi2 .right {
		flex: 0 0 100%;
	}
	.wmImageTextCombi2 .left {
		flex: 0 0 100%;
		order: 0;
	}
	.wmImageTextCombi2 figure img {
		width: 100%;
		position: static;
		left: auto;
		transform: none;
	}
	.wmImageTextCombi2 .container {
		padding-top: 25px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}	
	.wmImageTextCombi2 .container .title {
		margin-bottom: 25px;
	}

}

/* Element - Zitat */

div:not(.wmText) + .wmImageTextCombi {
	margin-top: 160px;
}
.wmText + .wmImageTextCombi {
	margin-top: 140px;
}
.wmImageTextCombi > .left {
	float: left;
	margin: 0 50px 10px 0;
	max-width: 50%;
}
.wmImageTextCombi > .right {
	float: right;
	margin: 0 0 10px 50px;
	max-width: 50%;
}
.wmImageTextCombi > figure {
	position: relative;
}
.wmImageTextCombi > figure::before {
	position: absolute;
	top: -135px;
	left: 50%;
	font-size: 380px;
	color: #ebebeb;
	opacity: 0.5;
	z-index: -1;
	margin-left: -188.9px;
}
.wmImageTextCombi figure .title {
	padding: 10px 0 0 0;
	text-align: center;
}
.wmImageTextCombi img {
	display: block;
	width: 100%;
	border-radius: 50%;
}
.wmImageTextCombi figcaption {
	font-size: 0.85em;
	font-style: italic;
	line-height: 1.5;
	margin: 8px 0 0 0;
}
.wmImageTextCombi > p {
	font-size: 24px;
	font-family: 'Cardo';
	font-style: italic;
	line-height: 1.42;
	padding: 20px 0 0 0;
}
.wmImageTextCombi > p > strong {
	font-size: 14px;
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 600;
	line-height: 1.93;
}

@media all and (max-width: 750px){

	.wmImageTextCombi > .left,
	.wmImageTextCombi > .right {
		float: none;
		max-width: 180px;
		margin-left: auto;
		margin-right: auto;
	}
	.wmImageTextCombi > figure::before {
		top: -60px;
		font-size: 300px;
		margin-left: -150px;
	}
	.wmText + .wmImageTextCombi {
		margin-top: 100px;
	}
	
}

/* Element - Zitat Neu Dunkel*/

.wmWrapperImageTextCombiDark {
	position: relative;
}
.wmImageTextCombiDark {
	background: #ebebeb;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 160px;
	max-width: 1300px;
	overflow: hidden;
	padding-top: 130px;
	position: static;
}
.wmImageTextCombiDark::before{
	content: "";
	position: absolute;
	top: 0;
	left: 25%;
	width: 50%;
	height: 50%;
	background-image: url('/img/layout/logo-dark.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}
.wmText + .wmImageTextCombiDark {
	margin-top: 140px;
}
.wmImageTextCombiDark > figure {
		position: absolute;
		top: -100px;
		left: calc(50% - 85px);
}
.wmImageTextCombiDark figure .title {
	padding: 10px 0 0 0;
	text-align: center;
}
.wmImageTextCombiDark img {
	border-radius: 50%;
	display: block;
	height: 180px;
	margin: 0 auto;
	object-fit: cover;
	width: 180px;
}
.wmImageTextCombiDark figcaption {
	font-size: 0.85em;
	font-style: italic;
	line-height: 1.5;
	margin: 8px 0 0 0;
}
.wmImageTextCombiDark > p, .wmImageTextCombiLight > p {
	font-size: 20px;
	font-family: 'Homemade Apple';
	line-height: 2;
	padding: 48px 60px 80px 60px;
	position: relative;
	text-align: center;
}
.wmImageTextCombiDark > p > strong, .wmImageTextCombiLight > p > strong {
	font-size: 20px;
	font-family: 'Homemade Apple';
	font-style: normal;
	font-weight: 600;
	line-height: 2.6;
}

@media all and (max-width: 750px){

	.wmImageTextCombiDark > .left,
	.wmImageTextCombiDark > .right {
		float: none;
		max-width: 180px;
		margin-left: auto;
		margin-right: auto;
	}
	.wmText + .wmImageTextCombiDark {
		margin-top: 100px;
	}
	
}

/* Element - Zitat Neu Hell*/

.wmWrapperImageTextCombiLight {
	position: relative;
}
.wmImageTextCombiLight {
	background: #ebebeb;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 160px;
	max-width: 1300px;
	overflow: hidden;
	padding-top: 130px;
	position: static;
}
.wmImageTextCombiLight::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/img/layout/logo-light.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none;
}
.wmText + .wmImageTextCombiLight {
	margin-top: 140px;
}
.wmImageTextCombiLight > figure {
	position: absolute;
	top: -100px;
	left: calc(50% - 85px);
}
.wmImageTextCombiLight figure .title {
	padding: 10px 0 0 0;
	text-align: center;
}
.wmImageTextCombiLight img {
	border-radius: 50%;
	display: block;
	height: 180px;
	margin: 0 auto;
	object-fit: cover;
	width: 180px;
}
.wmImageTextCombiLight figcaption {
	font-size: 0.85em;
	font-style: italic;
	line-height: 1.5;
	margin: 8px 0 0 0;
}

@media all and (max-width: 750px){

	.wmImageTextCombiLight > .left,
	.wmImageTextCombiLight > .right {
		float: none;
		max-width: 180px;
		margin-left: auto;
		margin-right: auto;
	}
	.wmText + .wmImageTextCombiLight {
		margin-top: 100px;
	}
	.wmImageTextCombiDark > p, .wmImageTextCombiLight > p {
		font-size: 18px;
		padding: 48px 20px;
	}
	
}

/* Element - Anhangbild */

.wmSingleImage.wmMargin.wmWrapper {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.wmSingleImage img {
	display: inline-block;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: relative;
	top: 50%;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	transition: transform 800ms ease;
}
.wmSingleImage > figcaption {
	/*font-size: 0.85em;
	font-style: italic;
	line-height: 1.5;
	margin: 8px 0 0;
	text-align: center;*/
	display: none;
}

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

	.wmSingleImage img {
		display: block;
		left: auto;
		min-height: auto;
		min-width: auto;
		top: auto;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		width: 100%;
	}

}

/* Elemente - Bildergalerie */

.wmGallery .grid1 {
	float: left;
	margin: 0 1.538461538461539% 0 0;
	position: relative;
	width: 40.769230769230766%; /* 530 */
}
.wmGallery .grid2 {
	float: left;
	margin: 0 0.769230769230769% 0 0;
	position: relative;
	width: 20%; /* 260 */
}
.wmGallery .grid3 {
	float: left;
	margin: 0 0 0.769230769230769% 0;
	position: relative;
	width: 36.92307692307692%; /* 480 */
}
.wmGallery .grid4 {
	float: left;
	margin: 0 0 0 0;
	position: relative;
	width: 36.92307692307692%; /* 480 */
}
.wmGallery li figure {
	overflow: hidden;
}
.wmGallery li figure a {
	display: block;
	position: relative;
	transition: all 1200ms ease;
}
.wmGallery li figure:hover a img {
	transform: scale(1.06);
	filter: blur(5px);
}
.wmGallery li figure a:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: all 1200ms ease;
	z-index: 1;
}
.wmGallery li figure:hover a:before {
	opacity: 1;
}
.wmGallery li figure a img {
	display: block;
	width: 100%;
	transition: all 1200ms ease;
}

/* Text */

.wmGallery li figure figcaption {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.5;
	max-height: 190px;
	overflow: hidden;
	position: absolute;
	z-index: 5;
	bottom: 25px;
	left: 50%;
	padding-left: 25px;
	padding-right: 25px;
	opacity: 0;
	transition: all 600ms ease;
	transform: translateX(-50%);
	width: 100%;
	text-align: left;
}
.wmGallery li figure:hover figcaption {
	opacity: 1;
}

/* Slider */

.wmGallery .owl-nav .owl-prev:before {
	content: "\E8FC";
	position: absolute;
	display: inline-block;
	font-family: 'Webmanager';
	font-size: 80px;
	color: #ebebeb;
	bottom: 24.716981132075471%; /* 131 */
	margin-bottom: -60px;
	right: 175px;
	transition: all 400ms ease-in-out;
}
.wmGallery .owl-nav .owl-prev:hover:before {
	color: #bc4f4c;
}
.wmGallery .owl-nav .owl-next:before {
	content: "\E8FC";
	position: absolute;	
	display: inline-block;
	font-family: 'Webmanager';
	font-size: 80px;
	color: #ebebeb;
	bottom: 24.528301886792452%; /* 130 */
	margin-bottom: -60px;
	right: 100px;
	transform: rotate(180deg);
	transition: all 400ms ease-in-out;
}
.wmGallery .owl-nav .owl-next:hover:before {
	color: #bc4f4c;
}
.wmGallery .owl-dots {
	display: table;
	margin: auto 0 0;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 46%;
	transform: rotate(-90deg);
	display: none;
}
.wmGallery .owl-dots .owl-dot {
	display: inline-block;
}
.wmGallery .owl-dots .owl-dot > span {
	display: inline-block;
	height: 10px;
	margin: 0 3px;
	width: 10px;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.wmGallery .owl-dots .owl-dot.active > span {
	background: #ffffff;
}

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

	.wmGallery .owl-nav .owl-prev:before {
		font-size: 60px;
		right: 12%;
		bottom: 25.3%;
		margin-bottom: -45px;
	}
	.wmGallery .owl-nav .owl-next:before {
		font-size: 60px;
		right: 6%;
		bottom: 25%;
		margin-bottom: -45px;
	}

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

	.wmGallery li figure:hover figcaption {
		opacity: 0;
	}

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

	.wmGallery .grid1 {
		margin: 0 1% 1% 0;
		width: 49.5%;
	}
	.wmGallery .grid2 {
		margin: 0 0 1% 0;
		width: 49.5%;
	}
	.wmGallery .grid3 {
		margin: 0 1% 0 0;
		width: 49.5%;
	}
	.wmGallery .grid4 {
		margin: 0 0 0 0;
		width: 49.5%;
	}
	.wmGallery .owl-nav .owl-prev:before {
		font-size: 30px;
		right: 55%;
		bottom: 0;
		margin-bottom: -49px;
		color: #bc4f4c;
	}
	.wmGallery .owl-nav .owl-next:before {
		font-size: 30px;
		right: auto;
		left: 55%;
		bottom: 0;
		margin-bottom: -50px;
		color: #bc4f4c;
	}

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

	.wmGallery {
		padding-left: 0;
		padding-right: 0;
	}

}

/* Element - Bildergalerie (ECard) */

.fancyECard {
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	height: 745px;
	left: 50%;
	margin: -325px 0 0 -500px;
	opacity: 0;
	padding: 75px 75px 190px;
	position: absolute;
	top: 50%;
	width: 1000px;
	z-index: 5;
}
.fancyECard.animated {
	opacity: 1;
}
.fancyECard.remove {
	display: none;
}
.fancyECard > form {
	height: 405px;
}
.fancyECard > form label {
	display: none;
}
.fancyECard > form > .wrapper:after {
	clear: both;
	content: "";
	display: block;
}
.fancyECard > form > .wrapper > .left {
	border-right: 1px solid #9d9d9c;
	float: left;
	margin-top: 75px;
	padding-right: 75px;
	padding-top: 63px;
	width: 48%;
}
.fancyECard > form > .wrapper > .right {
	float: left;
	margin-top: 38px;
	padding-left: 75px;
	padding-top: 184px;
	width: 52%;
}
.fancyECard > form > .wrapper > .left > textarea.field {
    border: 0 none;
    font-size: 18px;
    height: 337px !important;
    width: 100% !important;
}
.fancyECard > form > .wrapper > .right > .row {
	border-bottom: 1px solid #9d9d9c;
	padding: 8px 30px 0 0;
	position: relative;
}
.fancyECard > form > .wrapper > .right > .row.validation:before {
	color: #bc4f4c;
	content: '\E107';
	font-family: 'webmanager';
	font-size: 12px;
	line-height: 45px;
	position: absolute;
	right: 0;
	top: 8px;
}
.fancyECard > form > .wrapper > .right > .row > .field {
    border: 0 none;
    font-size: 18px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    width: 100%;
}
.fancyECard > form > .wrapper > .stamp {
	background: url("/img/layout/stamp.png") scroll no-repeat left top;
	background-size: 145px auto;
	height: 120px;
	position: absolute;
	right: 75px;
	top: 75px;
	width: 145px;
}
.fancyECard > form > .sendermail {
	background: #ebebeb;
	bottom: 0;
	height: 120px;
	left: 0;
	padding: 40px 75px;
	position: absolute;
	right: 0;
}
.fancyECard > form > .sendermail > .row {
	background: #FFFFFF;
	padding: 0 145px 0 60px;
	position: relative;
}
.fancyECard > form > .sendermail > .row:before {
	color: #A8ACB3;
	content: '\e8ea';
	font-family: 'webmanager';
	font-size: 14px;
	left: 25px;
	line-height: 40px;
	position: absolute;
	top: 0;
}
.fancyECard > form > .sendermail > .row > .field {
	border: 0 none;
	height: 40px;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
	padding: 0 0 2px;
	width: 100%;
}
.fancyECard > form > .sendermail > .row > .button {
	background: #bc4f4c;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 0 2px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	transition: background 200ms ease;
	width: 135px;
}
.fancyECard > form > .sendermail > .row > .button:hover {
	background: #B0302C;
}

/* Close */

.fancyECard > a.triggerClose {
	border-radius: 50%;
	color: #bc4f4c;
	display: block;
	font-size: 16px;
	line-height: 45px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	transition: background 300ms ease, color 300ms ease;
	width: 45px;
}
.fancyECard > a.triggerClose:before {
	content: '\E90B';
	font-family: 'webmanager';
	font-weight: normal;
}
.fancyECard > a.triggerClose:hover {
	background: #D5D5D5;
}

/* Infomeldung */

.fancyECardMsg {
	background: #FFFFFF;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 300;
	height: 220px;
	left: 50%;
	line-height: 1.2;
	margin: -66px 0 0 -110px;
	opacity: 0;
	padding: 124px 20px 0;
	position: fixed;
	text-align: center;
	top: 50%;
	width: 220px;
	z-index: 100;
}
.fancyECardMsg.animated {
	opacity: 1;
}
.fancyECardMsg:before {
	color: #A57689;
	content: '\E8FD';
	font-family: 'webmanager';
	font-size: 44px;
	font-weight: normal;
	height: 50px;
	left: 50%;
	line-height: 50px;
	margin: 0 0 0 -30px;
	position: absolute;
	top: 51px;
	width: 60px;
}

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

	.fancyECard {
		height: 670px;
		margin-top: -293px;
	}
	.fancyECard > form > .wrapper > .left {
		margin-top: 0;
		padding-top: 0;
	}
	.fancyECard > form > .wrapper > .left > textarea.field {
		height: 400px !important;
	}
	.fancyECard > form > .wrapper > .right {
		margin-top: 0;
	}

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

	.fancyECard {
		height: 575px;
		margin-left: -400px;
		margin-top: -243.5px;
		padding-bottom: 135px;
		padding-left: 35px;
		padding-right: 35px;
		padding-top: 35px;
		width: 800px;
	}
	.fancyECard > form > .wrapper > .stamp {
		right: 35px;
		top: 35px;
	}
	.fancyECard > form > .sendermail {
		height: 100px;
		padding: 25px 35px;
	}
		
	/* Close */

	.fancyECard > a.triggerClose {
		right: 0;
		top: 0;
	}

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

	.fancyECard {
		height: 490px !important;
		margin-left: -275px !important;
		margin-top: -201px !important;
		width: 550px !important;
	}
	.fancyECard > form {
		height: auto;
	}
	.fancyECard > form > .wrapper > .left {
		border-right: 0 none;
		float: none;
		padding-right: 0;
		width: 100%;
	}
	.fancyECard > form > .wrapper > .left > textarea.field {
		height: 100px !important;
	}
	.fancyECard > form > .wrapper > .right {
		float: none;
		padding-left: 0;
		padding-top: 0;
		width: 100%;
	}
	.fancyECard > form > .wrapper > .stamp {
		display: none;
	}
	.fancyECard > form > .wrapper > .right > .row > .field {
		padding-left: 0;
	}

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

	.fancyECard {
		left: 20px !important;
		margin-left: 0 !important;
		right: 20px !important;
		width: auto !important;
	}

}

/* Element - Tabelle */

.wmTable + .wmTable {
	margin-top: -80px;
}
.wmTable {
	background: #ebebeb;
	padding: 22px 0 36px;
}
.wmTable table {
	width: 100%;
}
.wmTable table tbody tr:first-child {
	background: #ffffff;
	border-bottom: none;
}
.wmTable table tbody tr {
	background: #ebebeb;
	border-bottom: 2px solid #FFFFFF;
}
.wmTable table tbody tr.val2 {
	background: #ebebeb;
	border-bottom: 2px solid #ffffff;
}
.wmTable table tbody tr td {
	padding: 11px 20px;
	font-size: 18px;
}
.wmTable table tbody tr:first-child td {
	padding: 11px 20px;
}
.wmTable > div > p {
	font-size: 15px;
	line-height: 1.33;
	margin-top: 17px;
	padding: 0 20px;
}
.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%;
}

@media all and (max-width: 500px){

	.wmTable + .wmTable {
		margin-top: -30px;
	}

}

/* 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: 2px solid #ffffff;
}
.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 > h2 {
	font-family: Cardo;
	font-size: 40px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	margin-bottom: 16px;
}
.wmReference li {
	line-height: 1;
}
.wmReference li a {
	display: inline-block;
	padding: 4px 0 5px 25px;
	position: relative;
	text-transform: uppercase;
	font-size: 16px;
	z-index: 1;
}
.wmReference li a:before {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5.5px;
	color: #bc4f4c;
	font-size: 11px;
}

/* Element - Einzelteaser */

.wmImageTextCombiSlider  + .wmSingleTeaser {
	margin-top: -100px;
}
.wmSingleTeaser {
	overflow: hidden;
}
.wmSingleTeaser article {
	width: 100%;
}
.wmSingleTeaser article > h2 {
	display: none;
}
.wmSingleTeaser article figure {
	display: inline-block;
}
.wmSingleTeaser article figure > a {		
	position: relative;
	float: left;
	width: 66.666666666666671%; /* 960 */
	overflow: hidden;
}
.wmSingleTeaser article figure img {
	display: block;
	width: 960px !important;
	height: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.wmSingleTeaser article figure figcaption {
	padding: 87px 47px 100px 47px;
	width: 33.333333333333336%; /* 480 */
	background: #ebebeb;
	position: relative;
	margin: 0;
	display: flex;
	flex-direction: column;
	height: 530px;
}
.wmSingleTeaser figcaption a {
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 2px;
}
.wmSingleTeaser figcaption p.price {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 34px;
}
.wmSingleTeaser figcaption a + p.text {
	margin-top: 12px;
}
.wmSingleTeaser figcaption p.text {
	font-family: 'Cardo';
	font-style: italic;
	font-size: 24px;
	line-height: 1.42;
	text-align: center;
}
.wmSingleTeaser figcaption a.explore {
	font-size: 16px;
	font-weight: bold;
	margin: auto 0 0 0;
	text-transform: uppercase;
}

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

	.wmSingleTeaser article figure figcaption {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 36px;
	}

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

	.wmSingleTeaser article figure {
		flex-direction: column;
	}
	.wmSingleTeaser article figure > a {		
	position: relative;
	float: none;
	width: 100%;
}
	.wmSingleTeaser article figure img {
		width: 100% !important;
		left: auto;
		transform: none;
	}
	.wmSingleTeaser article figure figcaption {
		width: 100%;
		height: auto;
		padding-top: 25px;
	}	
	.wmSingleTeaser figcaption p.price {
		margin-bottom: 12px;
	}
	.wmSingleTeaser figcaption p.text {
		margin-bottom: 37px;
		font-size: 17px;
	}

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

	.wmSingleTeaser {
		padding-left: 0;
		padding-right: 0;
	}
	.wmSingleTeaser div {
		flex-direction: column;
	}

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

	.wmImageTextCombiSlider  + .wmSingleTeaser {
		margin-top: -50px;
	}

}

/* Element - Gruppenteaser - Slider */

.wmTeaserSlider article figure {
	width: 100%;
}

/* Slider */

.wmSingleTeaser li {
	float: none;
	margin: 0;
	width: 100%;
}
.wmSingleTeaser .owl-dots {
	display: table;
	text-align: left;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 66%;
	transform: translateY(-50%);
	margin-left: -50px;
}
.wmSingleTeaser .owl-dots .owl-dot {
	display: block;
	line-height: 0.8;
}
.wmSingleTeaser .owl-dots .owl-dot > span {
	display: inline-block;
	height: 10px;
	margin: 0 3px;
	width: 10px;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.wmSingleTeaser .owl-dots .owl-dot.active > span {
	background: #ffffff;
}


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

	.wmSingleTeaser .owl-dots {
		left: auto;
		right: 0;
		margin-right: 20px;
		text-align: right;
		top: 36%;
	}
	.owl-carousel .owl-item img {
		display: block;
		width: 100% !important;
	}

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

	.wmSingleTeaser .owl-dots {
		width: auto;
		top: 27%;
		right: -5px;
		left: auto;
	}

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

	.wmSingleTeaser .owl-dots {
		top: 22%;
	}

}

/* Element - Dropdown */

.wmDropdown {
	position: relative;
	display: block;
	overflow: hidden;
}
.wmDropdown + .wmDropdown {
	margin-top: -80px;
}
.wmDropdown > h3 {
	cursor: pointer;
	display: block;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 11px 50px 12px 20px;
	background: #efefef;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.wmDropdown:hover > h3:not(.hide):before,
.wmDropdown:hover > h3.hide:before {
	background: #B0302C;
}
.wmDropdown > h3.hide:before {
	display: inline-block;
	top: 0;
	right: 0px;
	color: #ffffff;
	font-size: 20px;
	margin-right: 20px;
	position: absolute;
	transform: rotate(90deg);
	width: 50px;
	height: 50px;
	padding: 14px 0px 0px 0px;
	background: #bc4f4c;
	transition: background 400ms ease-in-out;
}
.wmDropdown > h3:not(.hide):before {
	transform: rotate(270deg);
	display: inline-block;
	top: 0;
	right: 0px;
	color: #ffffff;
	font-size: 20px;
	margin-right: 20px;
	position: absolute;
	width: 50px;
	height: 50px;
	padding: 15px 0px 0px 0px;
	background: #bc4f4c;
	transition: background 400ms ease-in-out;
}
.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: 50px;
}
.wmDropdown > div > *:last-child {
	margin-bottom: 50px;
}

@media all and (max-width: 500px){

	.wmDropdown + .wmDropdown {
		margin-top: -30px;
	}

}

/* Element - Video */

.wmVideo > div {
	background: #ebebeb;
}
.wmVideo .videoWrapper {
	float: left;
	width: 60%;
}
.wmVideo .videoWrapper > div {
	height: 0;
	overflow: hidden;
	padding: 30px 0 56.25% 0;
	position: relative;
}
.wmVideo.upload .videoWrapper > div {
	padding-top: 0;
}
.wmVideo .videoWrapper > div > iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.wmVideo .content {
	float: left;
	padding: 40px 50px;
	width: 40%;
	max-height: 322px;
	overflow: hidden;
}
.wmVideo .content h2 {
	margin: 0;
}
.wmVideo .content .text {
	font-family: 'Cardo';
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.42;
	margin: 36px 0 0 0;
	text-align: center;	
}

@media all and (max-width: 980px){

	.wmVideo {
		padding-left: 0;
		padding-right: 0;
	}
	.wmVideo .videoWrapper {
		float: none;
		width: 100%;
	}
	.wmVideo .content {
		float: none;
		padding: 30px 47px;
		width: 100%;
	}
	.wmVideo .content .text {
		font-size: 20px;
	}

}
@media all and (max-width: 750px){

	.wmVideo .content {
		padding-left: 20px;
		padding-right; 20px;
	}

}

/* Element - Download */

.wmDropdown > h3 + div > .wmDownload > a:before {
	margin-right: 0;
}
.wmDownload > a {
	display: block;
	background: #ebebeb;
	line-height: 50px;
	font-weight: 700;
	font-size: 20px;
	padding: 0 20px;
}
.wmDownload > a::before {
	display: inline-block;
	top: 0;
	right: 0;
	color: #ffffff;
	font-size: 20px;
	margin-right: 20px;
	position: absolute;
	width: 50px;
	height: 50px;
	padding: 14px 0px 0px 0px;
	background: #bc4f4c;
	transition: all 400ms ease-in-out;
}
.wmDownload > a:hover:before {
	background: #B0302C;
}

/* Element - Copyrights */

.wmText + .wmCopyrights {
	margin-top: -60px;
}

/* Elemente - Formular */

.wmForm > div {
	margin: 0 -10px;
}
.wmForm h2 {
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px 0 0 0;
}
.wmForm .row {
	margin: 0 0 15px 0;
	padding: 0 10px;
	position: relative;
}
.wmForm label,
.wmForm p.label {
	display: block;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0 0 8px 0;
}
.wmForm label {
	display: none;
}
.wmForm .row.upload label,
.noPlaceholder .wmForm label {
	display: block;
}

/* Felder */

.wmForm .field {
	border: 1px solid #ebebeb;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 52px;
	padding: 0 20px;
	width: 100%;
}
.wmForm select.field {
	padding-left: 16px;
	padding-right: 16px;
}
.wmForm select.field option {
	padding: 5px 16px;
}
.wmForm textarea.field {
	height: 200px;
	padding: 20px;
}
.wmForm .field[type='file'] {
	font-weight: normal;
	height: auto;
	padding: 8px 20px;
}
.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.datepicker {
	cursor: pointer;
}
.wmForm .checkbox {
	display: none;
}
.wmForm .checkbox + label::before {
	display: none;
	margin: 0;
	position: absolute;
	font-size: 17px;
	top: 4px;
	left: 3px;
	color: #bc4f4c;
}
.wmForm .checkbox:checked + label:before {
	display: block;
}
.wmForm .checkbox + label {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 0;
	margin: 0 15px 0 0;
	padding: 12px;
	position: absolute;
	vertical-align: middle;
	bottom: 2px;
}
.wmForm .checkbox + label + p {
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 40px;
	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 {
	display: inline-block;
	color: #ffffff;
	background: #bc4f4c;
	line-height: 40px;
	font-weight: bold;
	font-size: 16px;
	padding: 0 30px;
	position: relative;
	text-transform: uppercase;
	border: none;
	transition: all 400ms ease-in-out;
}
.wmForm .button button:hover {
	background: #B0302C;
}

/* Message */

.wmForm .msg.error {
	border: 1px solid #bc4f4c;
	border-top: 1px solid #bc4f4c;
	color: #F44336;
	margin: 0 10px 20px;
	padding: 10px 20px;
}

/* Mehrspaltig */

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

/* Validation */

.wmForm .row.check .field {
	border: 1px solid #747f5a;
	border-top: 1px solid #747f5a;
}
.wmForm .row.validationError .field,
.wmForm .spm .field.validationError {
	border: 1px solid #bc4f4c;
	border-top: 1px solid #bc4f4c;
}
.wmForm .icon:before {
	margin-right: 0;
	color: #bc4f4c;
}
.wmForm .row.check .icon:before {
	color: #747f5a;
}
.wmForm .row.validationError .icon:before {
	color: #bc4f4c;
}
.wmForm .row.validationError .checkbox + label {
	border: 1px solid #bc4f4c;
	color: #bc4f4c;
}
.wmForm .icon {
	font-size: 0.7em;
	position: absolute;
	right: 17px;
	top: 3px;
}

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

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

}

/* Element - Formular - Merkliste */

.wmForm .formbookmark {
	margin-bottom: 28px;
	margin-top: 28px;
}
.wmForm .formbookmark > h2 {
	margin-left: 0;
	margin-right: 0;
}
.wmForm .formbookmark .entry {
	background: #ebebeb;
	border-bottom: 1px solid #bc4f4c;
	padding: 15px 165px 15px 20px;
	position: relative;
}
.wmForm .formbookmark .entry > .icon-heart-1 {
	top: 47%;
}
.wmForm .formbookmark .entry > .icon-heart-1::before {
	content: "\E90B";
	font-family: 'Webmanager';
	margin-right: 0;
	font-size: 17px;
}
.wmForm .formbookmark .entry > .title {
	display: inline;
	font-size: 20px;
	font-weight: bold;
}
.wmForm .formbookmark .entry > .duration {
	display: inline;
	padding: 0 0 0 10px;
}
.wmForm .formbookmark .entry > .duration:before {
	content: "(";
}
.wmForm .formbookmark .entry > .duration:after {
	content: ")";
}
.wmForm .formbookmark .entry > .price {
	font-weight: bold;
	margin: -14px 0 0;
	position: absolute;
	right: 82px;
	top: 50%;
	font-size: 20px;
}
.wmForm .formbookmark .entry > a {
	font-size: 25px;
	line-height: 1;
	margin: -13px 0 0;
	opacity: 0.4;
	position: absolute;
	right: 30px;
	transition: opacity 300ms ease-in-out;
	top: 50%;
}
.wmForm .formbookmark .entry > a[data-state="added"],
.wmForm .formbookmark .entry > a:hover {
	opacity: 1;
}

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

	.wmForm .formbookmark .entry {
		padding-right: 65px;
	}
	.wmForm .formbookmark .entry > .title {
		font-size: 16px;
	}
	.wmForm .formbookmark .entry > .duration {
		display: none;
	}
	.wmForm .formbookmark .entry > .price {
		display: none;
	}

}

/* Erweiterung - Verweisliste mit Hintergrundbild */

.wmReferenceBg {
	position: relative;
	padding-top: 52px;
	padding-bottom: 70px;
	overflow: hidden;
	height: 525px;
	z-index: auto;
	/* margin-bottom: -135px; */
	margin-bottom: 0;	
}
.wmReferenceBg:before {
	content: "";
	position: absolute;
	background: #000000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.3;
	z-index: 1;
}
.wmReferenceBg:after {
	content: "";
	position: absolute;
	background-image: linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.3;
	z-index: 1;
}
.wmReferenceBg > div.wmWrapper {
	height: 365px;
	position: relative;
	z-index: 2;
}

/* Bild */

.wmReferenceBg > .bg img {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
}

/* Text */

.wmReferenceBg h2 {
	font-size: 60px;
	font-weight: 200;
	line-height: 1;
	text-align: right;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 46px;
}
.wmReferenceBg ul {
	display: block;
	width: 40%;
	margin-left: auto;
	padding: 0 0 80px;
}
.wmReferenceBg ul > li {
	float: right;
	margin-left: 30px;
	margin-bottom: 5px;
}
.wmReferenceBg ul > li > a {
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-align: right;
	color: #ffffff;
	text-transform: uppercase;
}
.wmReferenceBg ul > li > a:hover {
	color: #bc4f4c;
}
.wmReferenceBg .slogan {
	font-family: 'Cardo';
	font-style: italic;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.42;
	text-align: right;
	color: #ffffff;
	position: absolute;
	bottom: 19px;
	right: 20px;
}

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

	.wmReferenceBg {
		
	}
	.wmReferenceBg > .bg img {
		left: 50%;
		position: absolute;
		top: 50%;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 1350px;
	}
	
}
@media all and (max-width: 700px){

	.wmReferenceBg {
		padding-top: 10px;
		padding-bottom: 30px;
		height: auto;
	}
	.wmReferenceBg > div.wmWrapper {
		height: auto;
	}
	.wmReferenceBg > .bg img {
		width: 700px;
	}
	.wmReferenceBg h2 {
		font-size: 32px;
	}
	.wmReferenceBg ul {
		padding-bottom: 50px;
		width: 100%;
	}
	.wmReferenceBg ul > li {
		float: none;
		margin-left: auto;
		display: table;
	}
	.wmReferenceBg .slogan {
		font-size: 18px;
		position: relative;
		right: auto;
		bottom: 0;
	}

}

/* Erweiterung - Bild-Text Slider */

.wmSingleTeaser + .wmImageTextCombiSlider {
	margin-top: -100px;
}
.wmImageTextCombiSlider {
	overflow: hidden;
}
.wmImageTextCombiSlider > div {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}
.wmImageTextCombiSlider li {
	display: flex;
}
.wmImageTextCombiSlider div .right {		
	order: 1;
	position: relative;
}
.wmImageTextCombiSlider div .right:before {		
	font-family: 'Webmanager';
	color: #ffffff;
	position: absolute;
	font-size: 380px;
	bottom: 30px;
	right: 0;
	margin-right: 0;
	line-height: 1;
	opacity: 0.25;
	z-index: 1;
}
.wmImageTextCombiSlider div img {
	display: block;
	width: 100%;
}
.wmImageTextCombiSlider div .text {
	padding: 0 47px 50px 47px;
	width: 33.333333333333336%; /* 480 */
	background: #bc4f4c;
	color: #ffffff;
	position: relative;
	margin: 0;
	display: flex;
	flex-direction: column;
}
.wmImageTextCombiSlider div div h2 {
	color: #ffffff;
	font-size: 48px;
	margin-top: 90px;
	margin-bottom: 35px;
}
.wmImageTextCombiSlider div .text p {
	font-family: 'Cardo';
	font-style: italic;
	font-size: 24px;
	margin: auto 0 0 0;
}

/* Slider */

.wmImageTextCombiSlider li {
	float: none;
	margin: 0;
	width: 100%;
}
.wmImageTextCombiSlider .owl-dots {
	display: table;
	margin: auto 0 0;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 20px;
	margin-left: -284px;
}
.wmImageTextCombiSlider .owl-dots .owl-dot {
	display: block;
}
.wmImageTextCombiSlider .owl-dots .owl-dot > span {
	display: block;
	height: 10px;
	margin: 5px 3px;
	width: 10px;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.wmImageTextCombiSlider .owl-dots .owl-dot.active > span {
	background: #ffffff;
}

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

	.wmImageTextCombiSlider div div h2 {
		margin-top: 40px;
	}
	.wmImageTextCombiSlider div .text p {
		font-size: 20px;
	}

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

	.wmImageTextCombiSlider div div h2 {
		color: #ffffff;
		font-size: 40px;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.wmImageTextCombiSlider div .right:before {		
		font-size: 27vw;
	}

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

	.wmImageTextCombiSlider div .text {
		width: 48.333%;
	}
	.wmImageTextCombiSlider .owl-dots {
		margin-left: -182px;
	}

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

	.wmImageTextCombiSlider div div h2 {
		margin-top: 30px;
	}
	.wmImageTextCombiSlider div .text {
		width: 45%;
	}

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

	.wmImageTextCombiSlider div .right:before {		
		font-size: 170px;
		bottom: auto;
		top: 50%;
		margin-top: -80px;
	}
	.wmImageTextCombiSlider li {
		flex-direction: column;
	}
	.wmImageTextCombiSlider div .right {
		order: 0;
	}
	.wmImageTextCombiSlider div .text {
		width: 100%;
	}
	.wmImageTextCombiSlider .owl-dots {
		width: auto;
		top: 60%;
		right: 14px;
		left: auto;
		margin-left: 0;
	}

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

	.wmImageTextCombiSlider {
		padding-left: 0;
		padding-right: 0;
	}

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

	.wmSingleTeaser + .wmImageTextCombiSlider {
		margin-top: -50px;
	}

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

	.wmImageTextCombiSlider div .right:before {		
		font-size: 45vw;
	}
	
}

/* Erweiterung - Merkliste */

h3 + .wmBookmark {
	margin-top: -50px;
}
.wmBookmark > ul > li {
	background: #efefef;
	border-bottom: 2px solid #BA504F;
	padding: 25px 200px 25px 45px;
	position: relative;
}
.wmBookmark > ul > li > .title {
	display: inline;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.wmBookmark > ul > li > .duration {
	display: inline;
	padding: 0 0 0 10px;
}
.wmBookmark > ul > li > .duration:before {
	content: "(";
}
.wmBookmark > ul > li > .duration:after {
	content: ")";
}
.wmBookmark > ul > li > .description {
	margin: 16px 0 0 0;
	font-family: 'Nunito Sans';
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.42;
}
.wmBookmark > ul > li > .description > ul {
	margin-top: 20px;
}
.wmBookmark > ul > li > .description > ul > li {
	font-family: 'Nunito Sans';
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 16px;
	position: relative;
}
.wmBookmark > ul > li > .description > ul > li:after {
	content: "";
	position: absolute;
	background: #ffffff;
	bottom: -8px;
	left: 0;
	width: 222px;
	height: 2px;
}
.wmBookmark > ul > li > .description > ul > li:last-child:after {
	display: none;
}
.wmBookmark > ul > li > .price {
	font-weight: bold;
	margin: -14px 0 0;
	position: absolute;
	right: 82px;
	top: 50%;
	font-size: 20px;
}
.wmBookmark > ul > li > a {
	display: none;
	font-size: 25px;
	line-height: 1;
	margin: -13px 0 0;
	opacity: 0.4;
	position: absolute;
	right: 30px;
	transition: opacity 300ms ease-in-out;
	top: 50%;
}
.wmBookmark > ul > li > a:before {
	font-size: 20px;
}
.wmBookmark > ul > li > a[data-state="added"],
.wmBookmark > ul > li > a:hover {
	opacity: 1;
	color: #bc4f4c;
}
.wmBookmark > ul > .addition {
	display: block;
	padding: 10px 25px 10px 45px;
	font-size: 14px;
}

@media all and (max-width: 500px){

	h3 + .wmBookmark {
		margin-top: 50px;
	}
	.wmBookmark > ul > li {
		padding: 25px;
	}
	.wmBookmark > ul > li > .title {
		display: block;
		padding-right: 35px;
		font-size: 17px;
	}
	.wmBookmark > ul > li > .duration {
		display: block;
		padding: 0;
	}
	.wmBookmark > ul > li > .price {
		position: relative;
		margin: 10px 0 10px 0;
		right: auto;
		top: auto;
	}
	.wmBookmark > ul > li > a {
		margin: 0;
		right: 20px;
		top: 28px;
	}
	.wmBookmark > ul > li > .icon {
		top: 88px;
	}
	.wmBookmark > ul > .addition {
		padding-left: 25px;
	}

}

/* Erweiterung - Blätterkatalog 1.0 */

.mwFlippingBook + .mwFlippingBook {
	margin-top: -95px;
}
.mwFlippingBook > div {
	background: #a02449;
}
.mwFlippingBook > div > .image {
	float: left;
	width: 31.617647058823529%; /* 430 */
}
.mwFlippingBook > div > .image > a {
	display: block;
	overflow: hidden;
}
.mwFlippingBook > div > .image > a > img {
	display: block;
}
.mwFlippingBook > div > .content {
	float: left;
	min-height: 330px;
	padding: 49px 45px 45px;
	position: relative;
	width: 68.31460674157303%; /* 608 */
}
.mwFlippingBook > div > .content > p.title {
    color: #ffffff;
	font-size: 38px;
	font-weight: 100;
	line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mwFlippingBook > div > .content > p.text {
	color: #ffffff;
	line-height: 1.5;
	margin: 31px 1em 0 0;
	max-height: calc(1.5em * 3);
	overflow: hidden;
	padding: 0 1em 0 0;
	position: relative;
	text-align: justify;
}
.mwFlippingBook > div > .content > p.text:before {
	bottom: 0;
	content: "...";
	position: absolute;
	right: 0;
}
.mwFlippingBook > div > .content > p.text:after {
	background: #E7E9ED;
	content: "";
	height: 1em;
	margin: 0.2em 0 0;
	position: absolute;
	right: 0;
	width: 1em;	
	display: none;
}
.mwFlippingBook > div > .content > .buttons {
	bottom: 45px;
	left: 45px;
	position: absolute;
	right: 45px;
}
.mwFlippingBook > div > .content > .buttons > a.download {
	color: #ffffff;
	float: left;
	line-height: 45px;
	padding: 0 0 0 42px;
	position: relative;
	transition: color 300ms ease;
}
.mwFlippingBook > div > .content > .buttons > a.download:hover {
	
}
.mwFlippingBook > div > .content > .buttons > a.download:before {
	content: '\E809';
	font-family: 'flippingbook';
	font-size: 23px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 0;
}
.mwFlippingBook > div > .content > .buttons > a.browse {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -17.5px;
	color: #a02449;
	background: #ffffff;
	border: none;
	font-size: 17px;
	font-weight: bold;
	padding: 7px 22px 5px;
	text-transform: uppercase;
	transition: all 600ms ease;
}
.mwFlippingBook > div > .content > .buttons > a.browse:hover {
	background: #11476e;
	color: #ffffff;
}

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

	.mwFlippingBook > div > .content {
		min-height: 269px;
		padding: 30px;
	}
	.mwFlippingBook > div > .content > p.text {
		margin-top: 15px;
	}
	.mwFlippingBook > div > .content > .buttons {
		bottom: 30px;
		left: 30px;
		right: 30px;
	}

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

	.mwFlippingBook > div > .image > a > img {
		width: 235px;
	}
	.mwFlippingBook > div > .content {
		min-height: 180px;
		padding: 20px;
	}
	.mwFlippingBook > div > .content > p.title {
		font-size: 30px;
		white-space: normal;
	}
	.mwFlippingBook > div > .content > p.text {
		display: none;
	}
	.mwFlippingBook > div > .content > .buttons {
		bottom: 20px;
		left: 20px;
		right: 20px;
	}
	.mwFlippingBook > div > .content > .buttons > a.download {
		display: none;
	}
	.mwFlippingBook > div > .content > .buttons > a.browse {
		top: auto;
		bottom: 50%;
	}

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

	.mwFlippingBook + .mwFlippingBook {
		margin-top: -45px;
	}

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

	.mwFlippingBook > div > .image > a > img {
		width: 180px;
	}
	.mwFlippingBook > div > .content {
		min-height: 138px;
		padding-top: 16px;
	}
	.mwFlippingBook > div > .content > p.title {
		font-size: 22px;
		max-height: 55px;
	}
	.mwFlippingBook > div > .content > .buttons > a.browse {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}

}

/* Erweiterung - Blätterkatalog 1.0 - Custom */

.mwFlippingBook > div {
	background: #ebebeb;
}
.mwFlippingBook > div > .image > a {
	max-width: 282px;
}
.mwFlippingBook > div > .image > a > img {
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}
.mwFlippingBook > div > .content > p.title {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #454545;
	line-height: 1.2;
}
.mwFlippingBook > div > .content > p.text {
	color: #454545;
	font-family: Cardo;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
}
.mwFlippingBook > div > .content > .buttons {
	bottom: 70px;
}
.mwFlippingBook > div > .content > .buttons > a.download {
	display: none;
}
.mwFlippingBook > div > .content > .buttons > a.browse {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	transition: all 400ms ease-in-out;
	background: #BC4F4C;
	border-color: #BC4F4C;
	padding: 0 25px;
}
.mwFlippingBook > div > .content > .buttons > a.browse:hover {
	background: #B0302C;
}

@media all and (max-width: 1000px){

	.mwFlippingBook > div > .content > .buttons {
		bottom: 48px;
	}

}
@media all and (max-width: 650px){

	.mwFlippingBook > div > .content > .buttons {
		bottom: 10px;
	}
	.mwFlippingBook > div > .content > .buttons > a.browse {
		font-size: 14px;
		line-height: 34px;
		padding: 0 15px;
	}

}
@media all and (max-width: 450px){

	.mwFlippingBook > div > .content > p.title {
		font-size: 22px;
		max-height: 64px;
		margin-bottom: 87px;
	}
	.mwFlippingBook > div > .image > a > img {
		width: 162px;
	}

}

/* Erweiterung - Blätterkatalog 1.0 - Overlay - Basis */

body.flippingBook {
	background: #E7E9ED;
	height: 100%;
	overflow: hidden;
}
body.flippingBook .FlippingBookWrapper {
	background: #E7E9ED;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
body.showPreloader .FlippingBookWrapper {
	opacity: 0;
}
body.flippingBook .PageWrapper {
	display: none;
}

/* Erweiterung - Blätterkatalog 1.0 - Overlay - Lay. */

/* Header */

.FlippingBookWrapper > header {
	display: block;
	height: 118px;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3;
}
body.isFullscreen > .FlippingBookWrapper > header {
	height: 60px;
}
body.showPreloader > .FlippingBookWrapper > header.book {
	opacity: 0;
}
.FlippingBookWrapper > header > div {
	margin: 0 auto;
	max-width: 1210px;
	padding: 0 20px;
	position: relative;
	text-align: center;
}
.FlippingBookWrapper > header > div > h1 {
	color: #25303B;
	font-size: 36px;
	font-weight: 100;
	margin-bottom: 0;
	margin-top: 53px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
body.isFullscreen > .FlippingBookWrapper > header > div > h1 {
	display: none;
}
.FlippingBookWrapper > header > div > a.triggerClose {
	background: #FFFFFF;
	color: #25303B;
	font-size: 25px;
	height: 60px;
	line-height: 60px;
	position: fixed;
	right: 30px;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 60px;
}
.FlippingBookWrapper > header > div > a.triggerClose:hover {
	background: #1D77BA;
	color: #FFFFFF;
}
.FlippingBookWrapper > header > div > a.triggerClose:before {
	content: '\E803';
	font-family: 'flippingbook';
}
body.flippingBook.isFullscreen > .FlippingBookWrapper > header > div > a.triggerClose {
	display: none;
}
.FlippingBookWrapper > header > div > a.triggerFullscreen {
	background: #FFFFFF;
	color: #25303B;
	display: none;
	font-size: 25px;
	height: 60px;
	line-height: 60px;
	position: fixed;
	right: 30px;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 60px;
}
.FlippingBookWrapper > header > div > a.triggerFullscreen:hover {
	background: #1D77BA;
	color: #FFFFFF;
}
.FlippingBookWrapper > header > div > a.triggerFullscreen:before {
	content: '\E808';
	font-family: 'flippingbook';
}
body.flippingBook.isFullscreen > .FlippingBookWrapper > header > div > a.triggerFullscreen {
	display: block;
}

/* Content */

.FlippingBookWrapper > .content {
	height: 100%;
	opacity: 0;
	overflow: hidden;
	padding: 118px 0 0;
	position: absolute;
	transition: opacity 300ms ease;
	width: 100%;
	z-index: 2;
}
body.isFullscreen > .FlippingBookWrapper > .content {
	padding-top: 0;
}
body.flippingBook.showPreloader > .FlippingBookWrapper > .content {
	opacity: 0;
}
.FlippingBookWrapper > .content.loaded {
	opacity: 1;
}
.FlippingBookWrapper > .content > .viewport {
	height: 100%;
	position: relative;
	transition: height 300ms ease;
	width: 100%;
	z-index: 2;
}
.FlippingBookWrapper > .content > .viewport.scroll {
	overflow: auto !important;
	-webkit-overflow-scrolling: touch;
}
.FlippingBookWrapper > .content > .viewport > .wrapper {
	height: 720px;
	left: 50%;
	margin: -360px 0 0 -650px;
	position: absolute;
	top: 50%;
	transition: margin 300ms ease;
	width: 1300px;
}
.FlippingBookWrapper > .content > .viewport.scroll > .wrapper {
	height: auto !important;
	left: auto !important;
	margin: 0 !important;
	position: relative !important;
	top: auto !important;
	width: auto !important;
}

/* Fehlermeldung */

.FlippingBookWrapper > .content > p.msg {
	background: rgba(42, 42, 42, 0.5);
	border-radius: 10px;
	color: #FFFFFF;
	opacity: 0;
	left: 50%;
	line-height: 1.2;
	max-width: 290px;
	padding: 8px 20px 6px;
	position: fixed;
	text-align: center;
	top: 130px;
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	transition: opacity 300ms ease;
	width: 100%;
	z-index: 10;
}
.FlippingBookWrapper > .content > p.msg.show {
	opacity: 1;
}

/* Seiteninhalt */

body.flippingBook > .PageWrapper > .HeaderWrapper {
	display: none;
}

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

	.FlippingBookWrapper > header > div > a.triggerClose,
	.FlippingBookWrapper > header > div > a.triggerFullscreen {
		font-size: 20px;
		height: 40px;
		line-height: 40px;
		width: 40px;
	}
		
	/* Fehlermeldung */

	.FlippingBookWrapper > .content > p.msg {
		top: 50px;
	}

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

	.FlippingBookWrapper > header {
		height: 40px;
	}
	.FlippingBookWrapper > header > div > h1 {
		display: none;
	}
	
	/* Content */

	.FlippingBookWrapper > .content {
		padding-top: 40px;
	}

}

/* Erweiterung - Blätterkatalog 1.0 - Overlay - Mag. */

.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine {
	height: 650px;
	left: 0 !important;
	top: 0 !important;
	overflow: visible !important;
	width: 1300px;
	z-index: 2;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine.animated {
	transition: margin 500ms ease;
}
.FlippingBookWrapper > .content > .viewport.scroll > .wrapper > .magazine {
	position: relative !important;
	transform: none !important;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .page {
	background: #FFFFFF;
	box-shadow: none !important;
	cursor: grabbing;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .page.even:before {
	background: -webkit-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -moz-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;	
	z-index: 2;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .page.odd:before {
	background: -webkit-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -moz-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .page img {
	display: block;
	opacity: 0;
	transition: opacity 500ms ease;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .page img.show {
	opacity: 1;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .page img.largeImage {
	height: 100%;
	width: 100%;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .even .gradient {
	background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -moz-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -ms-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: -o-linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.FlippingBookWrapper > .content > .viewport > .wrapper > .magazine .odd .gradient {
	background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background: -webkit-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -moz-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -ms-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: -o-linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Erweiterung - Blätterkatalog 1.0 - Overlay - Thum. */

.FlippingBookWrapper > .content > .thumbnails {
	background: #FFFFFF;
	border-top: 2px solid #CFD1D5;
	bottom: -157px;
	left: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: bottom 300ms ease, max-height 300ms ease, opacity 300ms ease;
	width: 100%;
	z-index: 3;
}
.FlippingBookWrapper > .content > .thumbnails::before {
	background: -moz-linear-gradient(to left, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.5) 63%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0.1) 88%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to left, rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.5) 63%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.1) 88%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.5) 63%,rgba(255,255,255,0.3) 75%,rgba(255,255,255,0.1) 88%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 1;
}
.FlippingBookWrapper > .content > .thumbnails.show {
	bottom: 0;
	max-height: 157px;
	opacity: 1;
}
.FlippingBookWrapper > .content > .thumbnails > div {
	padding: 0 15px;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul {
	text-align: center;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li {
	cursor: pointer;
	opacity: 0.5;
	padding: 17px 0 38px;
	position: relative;
	transition: opacity 300ms ease;
	width: 100%;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li:hover,
.FlippingBookWrapper > .content > .thumbnails > div > ul .owl-item.center > li {
	opacity: 1;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li > img {
	display: block;
	height: 90px;
	max-width: 100%;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li > span {
	border-bottom: 3px solid transparent;
	bottom: 15px;
	color: #2D343E;
	font-size: 12px;
	font-weight: bold;
	left: 0;
	line-height: 20px;
	position: absolute;
	right: 0;
	transition: border 300ms ease, color 300ms ease;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li:hover > span,
.FlippingBookWrapper > .content > .thumbnails > div > ul .owl-item.center > li > span {
	border-bottom: 3px solid #1D77BA;
	color: #1D77BA;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li.double:after {
	clear: both;
	content: "";
	display: block;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li.double > img {
	float: left;
	width: 50%;
}

/* Erweiterung - Blätterkatalog 1.0 - Overlay - Butt. */

.FlippingBookWrapper > .content > .viewport > .buttons {
	bottom: 30px;
	height: 35px;
	left: 0;
	opacity: 1;
	position: absolute;
	text-align: center;
	transition: bottom 500ms ease, opacity 500ms ease;
	width: 100%;
	z-index: 3;
}
.FlippingBookWrapper > .content > .viewport > .buttons.hide {
	opacity: 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a {
	display: inline-block;
	height: 35px;
	margin: 0 2.5px;
	position: relative;
	transition: opacity 300ms ease;
	width: 35px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a:before {
	background: #9d9d9c;
	color: #FFFFFF;
	font-family: 'flippingbook';
	font-size: 18px;
	font-weight: normal;
	height: 35px;
	left: 0;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 0;
	transition: background 300ms ease, color 300ms ease;
	width: 35px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a:not(.disabled):hover:before,
.FlippingBookWrapper > .content > .viewport > .buttons > a.selected:not(.disabled):before {
	background: #FFFFFF;
	color: #9d9d9c;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.showThumbnails:before {
	content: '\E800';
	font-size: 19px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.download:before {
	content: '\E806';
	font-size: 21px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.fullscreen:before {
	content: '\E807';
	font-size: 20px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.firstPage:before {
	content: '\E804';
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.prev {
	height: 100px;
	left: 50px;
	margin: -50px 0 0;
	position: fixed;
	top: 50%;
	width: 25px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.prev:before {
	background: none;
	color: #9d9d9c;
	content: '\E801';
	font-size: 43px;
	height: 100px;
	line-height: 100px;
	width: 25px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.next {
	height: 100px;
	margin: -50px 0 0;
	position: fixed;
	right: 50px;
	top: 50%;
	width: 25px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.next:before {
	background: none;
	color: #9d9d9c;
	content: '\E802';
	font-size: 43px;
	height: 100px;
	line-height: 100px;
	width: 25px;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.prev:not(.disabled):hover:before,
.FlippingBookWrapper > .content > .viewport > .buttons > a.next:not(.disabled):hover:before {
	background: none;
	color: #25303B;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.lastPage:before {
	content: '\E805';
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

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

	.FlippingBookWrapper > .content > .viewport > .buttons > a.prev {
		height: 35px;
		left: auto;
		margin: 0 2.5px;
		position: relative;
		top: auto;
		width: 35px;
	}
	.FlippingBookWrapper > .content > .viewport > .buttons > a.prev:before {
		background: #9d9d9c;
		color: #FFFFFF;
		content: '\E801';
		font-size: 18px;
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.FlippingBookWrapper > .content > .viewport > .buttons > a.next {
		height: 35px;
		margin: 0 2.5px;
		position: relative;
		right: auto;
		top: auto;
		width: 35px;
	}
	.FlippingBookWrapper > .content > .viewport > .buttons > a.next:before {
		background: #9d9d9c;
		color: #FFFFFF;
		content: '\E802';
		font-size: 18px;
		height: 35px;
		line-height: 35px;
		width: 35px;
	}
	.FlippingBookWrapper > .content > .viewport > .buttons > a.prev:not(.disabled):hover:before,
	.FlippingBookWrapper > .content > .viewport > .buttons > a.next:not(.disabled):hover:before {
		background: #FFFFFF;
	}

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

	.FlippingBookWrapper > .content > .viewport > .buttons > a.fullscreen {
		margin-right: 2.5px;
	}

}

/* Erweiterung - Blätterkatalog 1.0 - Overlay - Cust. */

body.flippingBook .FlippingBookWrapper {
	background: #ffffff;
}
.FlippingBookWrapper > header > div > h1 {
	position: relative;
	font-family: 'Catamaran', sans-serif;
	font-size: 64px;
	font-weight: 100;
	line-height: 1.0;
	text-align: center;
}
.FlippingBookWrapper > header > div > a.triggerClose {
	background: #bc4f4c;
}

.FlippingBookWrapper > header > div > a.triggerClose:before {
	color: #ffffff;
}
.FlippingBookWrapper > header > div > a.triggerClose:hover {
	background: #B0302C;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.next:before {
	color: #353535;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.next:hover:before{
	color: #a02449 !important;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.prev:before {
	color: #353535;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a.prev:hover:before {
	color: #bc4f4c !important;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a::before {
	background: #bc4f4c;
}
.FlippingBookWrapper > .content > .viewport > .buttons > a:not(.disabled):hover:before, 
.FlippingBookWrapper > .content > .viewport > .buttons > a.selected:not(.disabled):before {
	background: #B0302C;
	color: #ffffff;
}
.FlippingBookWrapper > .content > .thumbnails > div > ul li:hover > span, .FlippingBookWrapper > .content > .thumbnails > div > ul .owl-item.center > li > span {
	border-bottom: 3px solid #bc4f4c;
	color: #bc4f4c;
}

/* Erweiterung - Veranstaltungen - Auswahl */

.wmEvents > form {
	background: #ebebeb;
	margin: 0 0 4.37500000000001%;
	padding: 27px 20px;
}
.wmDarkSection .wmEvents > form {
	background: #FFFFFF;
}
.wmEvents > form:after {
	clear: both;
	content: "";
	display: block;
}
.wmEvents > form > h3 {
	border: 0;
    display: block;
	float: left;
    font-size: 22px;
    font-weight: 400;
	line-height: 35px;
    margin: 0;
    padding: 0;
	position: relative;
}
.wmDarkSection .wmEvents > form > h3 {
	color: #000000;
}
.wmEvents > form > div {
	float: right;
}
.wmEvents > form > div:after {
	clear: both;
	content: "";
	display: block;
}
.wmEvents > form > div > div {
	float: left;
	margin: 0 0 0 25px;
	position: relative;
}
.wmEvents > form > div > div:first-child {
	margin-left: 0;
}
.wmEvents > form > div > div:after {
	clear: both;
	content: "";
	display: block;
}
.wmEvents > form > div > div > label {
	float: left;
	font-size: 16px;
	line-height: 35px;
	margin: 0 25px 0 0;
}
.wmDarkSection .wmEvents > form > div > div > label {
	color: #000000;
}
.wmEvents > form > div > div > input {
	background: #FFFFFF;
	border: 0;
	border-radius: 0;
	color: #000000;
	cursor: pointer;
	float: left;
	font-size: 18px;
	font-weight: bold;
	height: 35px;
	padding: 0 15px;
	text-align: right;
	width: 150px;
}
.wmDarkSection .wmEvents > form > div > div > input {
	background: #000000;
	color: #FFFFFF;
}
.wmEvents > form > div > div > input::-webkit-input-placeholder {
	opacity: 1;
}
.wmEvents > form > div > div > input:-moz-placeholder {
	opacity: 1;
}
.wmEvents > form > div > div > input::-moz-placeholder {
	opacity: 1;
}
.wmEvents > form > div > div > input:-ms-input-placeholder {
	opacity: 1;
}
.wmEvents > form > div > div > input::-ms-clear {
    display: none;
}
.wmEvents > form > div > div > .icon {
	bottom: 0;
	color: #bc4f4c;
	cursor: pointer;
	font-size: 20px;
	line-height: 35px;
	position: absolute;
	right: 110px;
	text-align: center;
	width: 40px;
}
.wmEvents > form > div > div > .icon:after {
	content: "\E907";
	font-family: "webmanager";
}
.wmEvents > form > div > div.departure > .icon:after {
	content: "\E908";
}
.wmEvents > form > div > button {
	background: #bc4f4c;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	margin: 0 0 0 10px;
	padding: 0 25px;
	text-transform: uppercase;
	transition: all 400ms ease-in-out;
}
.wmEvents > form > div > button:hover {
	background: #B0302C;
}

/* Preloader */

.wmEvents > .preloader {
	bottom: 50%;
    left: 50%;
    margin: 0 0 -148px -50px;
	opacity: 0;
    position: fixed;
    z-index: 2;
    transition: opacity 200ms ease-in-out;
}
.wmEvents > .preloader.show {
	opacity: 1;
}
.wmEvents > .preloader.hide {
	display: none;
}
.wmEvents > .preloader > svg {
	-webkit-animation: rotating 800ms linear infinite;
	-moz-animation: rotating 800ms linear infinite;
	-ms-animation: rotating 800ms linear infinite;
	-o-animation: rotating 800ms linear infinite;
	animation: rotating 800ms linear infinite;
}

@-webkit-keyframes rotating {

	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}

}
@keyframes rotating {

	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
  
}

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

	.wmEvents > form {
		margin-bottom: 2%;
		padding-bottom: 25px;
	}
	.wmEvents > form > h3 {
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}
	.wmEvents > form > div {
		float: none;
	}
	.wmEvents > form > div > * {
		margin: 0 !important;
		width: 32%;
	}
	.wmEvents > form > div > div {
		padding-left: 35px;
	}
	.wmEvents > form > div > div.departure {
		margin: 0 2% !important;
	}
	.wmEvents > form > div > div > label {
		float: none;
		left: 0;
		position: absolute;
	}
	.wmEvents > form > div > div > input {
		width: 100%;
	}
	.wmEvents > form > div > div > .icon {
		left: 35px;
		right: auto;
	}

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

	.wmEvents > form {
		margin-bottom: 20px;
	}

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

	.wmEvents > form > div > div {
		width: 48%;
	}
	.wmEvents > form > div > div.departure {
		margin: 0 0 0 4% !important;
	}
	.wmEvents > form > div > button {
		margin-top: 16px !important;
		width: 100%;
	}

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

	.wmEvents > form {
		margin-left: -20px;
		margin-right: -20px;
		padding-top: 19px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.wmEvents > form > h3 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 12px;
	}
	.wmEvents > form > h3:after {
		display: none;
	}
	.wmEvents > form > div > div {
		width: 100%;
	}
	.wmEvents > form > div > div.departure {
		margin: 10px 0 !important;
	}
	.wmEvents > form > div > button {
		margin-top: 0 !important;
	}

}

/* Erweiterung - Veranstaltungen - Einträge */

.wmEvents > .entries {
	min-height: 500px;
	opacity: 0;
	transition: opacity 200ms ease-in-out;
}
.wmEvents > .entries.show {
	opacity: 1;
}
.wmEvents > .entries .row:after {
	clear: both;
	content: "";
	display: block;
}
.wmEvents > .entries article {
	cursor: pointer;
	float: left;
	margin: 0 4.37500000000001% 4.37500000000001% 0;
	opacity: 0;
	position: relative;
	transition: opacity 200ms ease-in-out;
	width: 30.416666666666668%; /* 365 */
}
.wmEvents > .entries article.show {
	opacity: 1;
}
.wmEvents > .entries article:nth-of-type(3n) {
	margin-right: 0;
}
.wmEvents > .entries article:nth-of-type(3n) + article {
	clear: left;
}
.wmEvents > .entries article > h2 {
	display: none;
}
.wmEvents > .entries article figure > a {
    background-position: center center;
    background-size: cover;
    display: block;
    padding: 30% 0;
}
.wmEvents > .entries article figure > a.noImage {
	background-image: url("/img/basis/noimage.png");
}
.wmEvents > .entries article figure > figcaption {
	padding: 20px;
	position: relative;
	background: #ebebeb;
}
.wmEvents > .entries article figure > figcaption > a.title {
	color: #000000;
	display: table;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 35px;
	text-transform: uppercase;
}
.wmDarkSection .wmEvents > .entries article figure > figcaption > a.title {
	color: #FFFFFF;
}
.wmEvents > .entries article figure > figcaption .text {
	font-family: 'Cardo';
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2;
}
.wmEvents > .entries article figure > figcaption .button {
	bottom: 20px;
	display: table;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	transition: all 400ms ease-in-out;
}
.wmEvents > .entries article:hover figure > figcaption .button {
	color: #bc4f4c;
}
.wmDarkSection .wmEvents > .entries article:hover figure > figcaption .button {
	background: #FFFFFF;
	border-color: #FFFFFF;
	color: #000000;
}

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

	.wmEvents > .entries article {
		display: block;
		margin: 0 0 30px 0;
		width: 100%;
	}
	.wmEvents > .entries article figure > a {
		float: left;
		height: 230px;
		padding: 0;
		width: 50%;
	}
	.wmEvents > .entries article figure > figcaption {
		float: left;
		min-height: 0 !important;
		padding-left: 20px;
		width: 50%;
		height: 230px;
	}
	.wmEvents > .entries article figure > figcaption > a.title {
		margin-bottom: 15px;
	}

}

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

	.wmEvents > .entries article figure > figcaption {
		padding-bottom: 0;
	}
	.wmEvents > .entries article figure > figcaption .button {
		display: none;
	}

}

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

	.wmEvents > .entries article figure > a {
		height: 120px;
		width: 45%;
	}
	.wmEvents > .entries article figure > figcaption {
		padding: 10px 15px;
		width: 55%;
		background: none;
		height: auto;
	}
	.wmEvents > .entries article figure > figcaption > a.title {
		font-size: 17px;
		margin-bottom: 7px;
	}

}

/* Erweiterung - Veranstaltungen - Pagination */

.wmEvents > .entries .navi {
	margin: 0 0 80px;
	padding: 0 50px;
	position: relative;
}
.wmEvents > .entries .navi:after {
	clear: both;
	content: "";
	display: block;
}

/* Pagination */

.wmEvents > .entries .navi > ul {
	display: table;
	margin: 0 auto;
}
.wmEvents > .entries .navi > ul:after {
	clear: both;
	content: "";
	display: block;
}
.wmEvents > .entries .navi > ul > li {
	float: left;
	margin: 0 3px 6px 3px;
}
.wmEvents > .entries .navi > ul > li > a {
	border: 1px solid;
	display: block;
	font-size: 17px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	width: 27px;
	padding-top: 1px;
}
.wmDarkSection .wmEvents > .entries .navi > ul > li > a {
	color: #FFFFFF;
}
.wmEvents > .entries .navi > ul > li > a:hover,
.wmEvents > .entries .navi > ul > li > a.selected {
	background: #bc4f4c;
	border-color: #bc4f4c;
	color: #FFFFFF;
}

/* Pfeile */

.wmEvents > .entries .navi > a {
	color: #454545;
    font-size: 22px;
    font-weight: normal;
    left: 0;
    line-height: 30px;
    opacity: 0.9;
    position: absolute;
}
.wmEvents > .entries .navi > a.hidden {
	display: none;
}
.wmEvents > .entries .navi > a:after {
	content: "\E84C";
	font-family: "webmanager";
}
.wmEvents > .entries .navi > a.next {
	left: auto;
	right: 0;
}
.wmEvents > .entries .navi > a.next:after {
	content: "\E84D";
}

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

	.wmEvents > .entries .navi {
		padding-left: 0;
		padding-right: 0;
	}
	.wmEvents > .entries .navi > a {
		display: none;
	}

}

/* Erweiterung - Veranstaltungen - Detailseite */

.noanimation > .PageWrapper {
	overflow: hidden;
}
.wmEventWrapper {
	margin-top: -50px;
	margin-bottom: -100px;
}
.wmEventWrapper .shortInfo {
	position: relative;
	margin-bottom: 50px;
	padding: 26px 20px 24px;
	background: #efefef;
}
.wmEventWrapper .shortInfo > li {
	position: relative;
	font-weight: bold;
	line-height: 1.5;
	padding-left: 30px;
	margin-bottom: 3px;
}
.wmEventWrapper .shortInfo > li:before {
	color: #bc4f4c;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
}
.wmEventWrapper .shortInfo > .icon-calender:before {
	font-size: 20px;
}
.wmEventWrapper .shortInfo > .icon-time:before {
	font-size: 18px;
}
.wmEventWrapper .shortInfo > .icon-location:before {
	font-size: 18.7px;
}
.wmEventWrapper .left > img {
	max-width: 100%;
	display: block;
}
.wmEventWrapper .right {
	padding: 50px 0 0 0;
}
.wmEventWrapper .right > .title {
	margin: 30px 0;
	font-weight: bold;
}
.wmEventWrapper .right > .buttons {
	margin-top: 100px;
}
.wmEventWrapper .right > .buttons > a.icon-arrow-2 {
	position: relative;
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 25px;
}
.wmEventWrapper .right > .buttons > a.icon-arrow-2:before {
	position: absolute;
	color: #bc4f4c;
	font-size: 11px;
	top: 50%;
	left: 0;
	margin-top: -5.5px;
}
/*.wmEventWrapper .right > .buttons > a:last-child {
	float: right;
}*/

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

	.wmEventWrapper .right > .buttons {
		margin-bottom: 100px;
	}
	.wmEventWrapper .right > .buttons > a:first-child {
		float: none;
		display: table;
		margin: 0 auto 20px;
	}
	.wmEventWrapper .right > .buttons > a:last-child {
		float: none;
		display: table;
		margin: 0 auto;
	}

}

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

	.noanimation .wmWrapper > h2 {
		margin-top: 50px;
		margin-bottom: 100px;
	}

}

/* Erweiterung - Verweisliste Slider */

.wmReferenceSlider .entry .ref {
	display: flex;
	max-height: 530px;
	position: relative;
}

/* Textbox */

.wmReferenceSlider .entry .ref .textbox {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 530px;
	max-height: 530px;
	background: #ebebeb;
	padding: 68px 60px 95px;
	margin: 0 1.538461538461539% 0 0;
}
.wmReferenceSlider .entry .ref .textbox h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.wmReferenceSlider .entry .ref .textbox .text {
	font-family: 'Cardo';
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.42;
	margin: 16px 0 0 0;
	text-align: center;	
}
.wmReferenceSlider .entry .ref:hover .textbox .text {
	color: #454545;
}
.wmReferenceSlider .entry .ref .textbox .explore {
	display: block;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	margin: auto 0 0 0;	
}

/* Bilder */

.wmReferenceSlider .entry .ref .images {
	display: inline-block;
	width: 57.692307692307693%; /* 750 */
}
.wmReferenceSlider .entry .ref .images img {
	display: inline-block;
	width: 100%;
}
.wmReferenceSlider .entry .ref .images img:first-child {
	margin: 0 1.333333333333333% 1.333333333333333% 0;
	max-width: 260px;
}
.wmReferenceSlider .entry .ref .images img:nth-child(2) {
	margin: 0 0 1.333333333333333% 0;
	max-width: 480px;
}
.wmReferenceSlider .entry .ref .images img:last-child {
	margin: -10px 0 0 0;
	max-width: 480px;
}

/* Slider */

.wmReferenceSlider .owl-nav .owl-prev:before {
	content: "\E8FC";
	position: absolute;
	display: inline-block;
	font-family: 'Webmanager';
	font-size: 80px;
	color: #ebebeb;
	bottom: 76px;
	right: 175px;	
	transition: all 400ms ease-in-out;
}
.wmReferenceSlider .owl-nav .owl-prev:hover:before {
	color: #bc4f4c;
}
.wmReferenceSlider .owl-nav .owl-next:before {
	content: "\E8FC";
	position: absolute;	
	display: inline-block;
	font-family: 'Webmanager';
	font-size: 80px;
	color: #ebebeb;
	bottom: 75px;
	right: 100px;
	transform: rotate(180deg);
	transition: all 400ms ease-in-out;
}
.wmReferenceSlider .owl-nav .owl-next:hover:before {
	color: #bc4f4c;
}
.wmReferenceSlider .owl-dots {
	display: table;
	margin: auto 0 0;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 46%;
	transform: rotate(-90deg);
	display: none;
}
.wmReferenceSlider .owl-dots .owl-dot {
	display: inline-block;
}
.wmReferenceSlider .owl-dots .owl-dot > span {
	display: inline-block;
	height: 10px;
	margin: 0 3px;
	width: 10px;
	border-radius: 50%;
	border: 1px solid #ffffff;
}
.wmReferenceSlider .owl-dots .owl-dot.active > span {
	background: #ffffff;
}

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

	.wmReferenceSlider .entry .ref .textbox {
		margin: 0;
		margin-left: auto;
	}
	.wmReferenceSlider .entry .ref .images {
		width: 38.155802861685217%;
		display: flex;
		flex-direction: column;
		margin-right: auto;
	}
	.wmReferenceSlider .entry .ref .images img:first-child {
		display: none;
	}
	.wmReferenceSlider .entry .ref .images img:nth-child(2) {
		margin: 0 0 auto 0;
	}
	.wmReferenceSlider .entry .ref .images img:last-child {
		margin-top: 0;
	}
	.wmReferenceSlider .owl-nav .owl-prev:before {
		font-size: 40px;
		bottom: 50%;
		right: auto;
		left: 0;
		margin-bottom: -30px;
	}
	.wmReferenceSlider .owl-nav .owl-next:before {
		font-size: 40px;
		bottom: 50%;
		right: 0;
		margin-bottom: -30px;
	}

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

	.wmReferenceSlider .entry .ref {
		max-height: 100%;
		width: 100%;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		flex-direction: column-reverse;
	}
	.wmReferenceSlider .entry .ref .images {
		width: 100%;
		max-width: 500px;
	}
	.wmReferenceSlider .entry .ref .images img:nth-child(2) {
		margin-right: 0;
		width: 100%;
		max-width: 500px;
	}
	.wmReferenceSlider .entry .ref .images img:last-child {
		display: none;
	}	
	.wmReferenceSlider .entry .ref .textbox {
		width: 100%;
		max-width: 500px;
		width: 100%;
		max-height: 100%;
		margin-right: 0;
		padding: 10px 40px 33px;
	}
	.wmReferenceSlider .entry .ref .textbox .text {
		margin-bottom: 40px;
	}
	.wmReferenceSlider .owl-nav .owl-prev:before {
		font-size: 60px;
		margin-bottom: -45px;
		left: 50px;
	}
	.wmReferenceSlider .owl-nav .owl-next:before {
		font-size: 60px;
		margin-bottom: -45px;
		right: 50px;
	}

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

	.wmReferenceSlider .owl-nav .owl-prev:before {
		left: 0;
	}
	.wmReferenceSlider .owl-nav .owl-next:before {
		right: 0;
	}

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

	.wmReferenceSlider .owl-nav .owl-prev:before {
		display: none;
	}
	.wmReferenceSlider .owl-nav .owl-next:before {
		display: none;
	}
	.wmReferenceSlider .owl-dots {
		display: table;
		top: 25%;
		left: 36%
	}

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

	.wmReferenceSlider .entry .ref .textbox h2 {
		font-size: 18px;
		margin-bottom: 0;
	}
	.wmReferenceSlider .entry .ref .textbox .text {
		font-size: 18px;
	}
	.wmReferenceSlider .owl-dots {
		left: 43%
	}

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

	.wmReferenceSlider > div.wmPadding {
		padding-left: 0;
		padding-right: 0;
	}

}

/* Erweiterung - Suchergebnisse */

.wmHeadline + .wmSearchList {
	margin-top: -30px;
}
.wmSearchList > h2 {
	margin-bottom: 40px;
}
.wmSearchList > .wmSearchTeaser > article {
	border-bottom: 1px solid #F0EFF0;
	cursor: auto;
	margin: 0 0 18px;
	padding: 0 0 20px;
}
.wmSearchList > .wmSearchTeaser > article > figure > figcaption > a.title {
    color: #ba504f;
    display: table;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    transition: color 300ms ease-in-out;
}
.wmSearchList > .wmSearchTeaser > article > figure > figcaption > a.link {
	color: #616060;
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wmSearchList > .wmSearchTeaser > article > figure > figcaption > p {
	font-size: 15px;
}

/* Pagenav */

.pagenav {
	margin: 50px 0 0;
}
.pagenav > li {
	float: left;
}
.pagenav > li > a {
	background: #616060;
    color: #FFFFFF;
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    margin: 0 8px 0 0;
    transition: all 500ms ease-in-out;
    text-align: center;
    width: 37px;
}
.pagenav > li > a.selected,
.pagenav > li > a:hover {
	background: #ba504f;
	color: #FFFFFF;
}

/* Formulr */

.wmSearchList form {
	background: #efefef;
	display: block;
	overflow: hidden;
	position: relative;
}
.wmSearchList form > input[type="text"] {
    background: none;
    border: 0;
    font-size: 20px;
    height: 50px;
    max-width: 100%;
    padding: 0 70px 0 20px;
    outline: 0;
    width: 100%;
}
.wmSearchList > form > button {
    background: #ba504f;
    bottom: 0;
    border: 0;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 20px;
    height: 50px;
    position: absolute;
    right: 20px;
    width: 50px;
}
.wmSearchList form > input[type="text"]::-webkit-input-placeholder {
	opacity: 1;
}
.wmSearchList form > input[type="text"]:-moz-placeholder {
	opacity: 1;
}
.wmSearchList form > input[type="text"]::-moz-placeholder {
	opacity: 1;
}
.wmSearchList form > input[type="text"]:-ms-input-placeholder {
	opacity: 1;
}
.wmSearchList form > input[type="text"]:focus {
	width: 100%;
}
.wmSearchList form > input[type="text"]::-ms-clear {
    display: none;
}
.wmSearchList form > button {
    background: #ba504f;
    bottom: 0;
    border: 0;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 20px;
    height: 50px;
    position: absolute;
    right: 0;
    width: 50px;
}
.wmSearchList form > button:after {
	content: "\E8ED";
	font-family: "Webmanager";
}

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

	.wmSearchList > .wmSearchTeaser > article {
		padding-bottom: 15px;
	}
	.wmSearchList > .wmSearchTeaser > article > figure > figcaption > a.title {
		font-size: 16px;	
	}
	.wmSearchList > .wmSearchTeaser > article > figure > figcaption > a.link {
		margin-bottom: 0;
	}
	.wmSearchList > .wmSearchTeaser > article > figure > figcaption > p {
		display: none;
	}

}

/* Erweiterung - Zimmerbeschreibung + m² */

h1 + .wmRoomInfoSize {
	margin-top: -78px;
}
h1.wmSmall + .wmRoomInfoSize {
	margin-top: -78px;
}
h2 + .wmRoomInfoSize {
	margin-top: -78px;
}
.wmRoomInfoSize > .text {
	font-size: 18px;
	line-height: 1.5;
	max-width: 800px;
	width: 100%;
}
.wmRoomInfoSize > .size {
	float: right;
	font-size: 18px;
	font-weight: bold;
	line-height: 90px;
	text-align: center;
	color: #ffffff;
	background: #747f5a;
	width: 90px;
	border-radius: 50%;
	margin: 0 0 0 20px;
}

@media all and (max-width: 500px){

	h1 + .wmRoomInfoSize {
		margin-top: -38px;
	}
	h1.wmSmall + .wmRoomInfoSize {
		margin-top: -38px;
	}
	h2 + .wmRoomInfoSize {
		margin-top: -38px;
	}

}

/* Erweiterung - Explore3D */

.wmExplore > div {
	height: 0;
	padding: 28.2% 0;
	position: relative;
}
.wmExplore > div > iframe {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

/* Erweiterung - Alphaguide */

.alphaGuide article figure > figcaption > .category {
	font-size: 18px;
	font-weight: bold;
	color: #bc4f4c;
	line-height: 1.5;
	position: absolute;
	z-index: 5;
	bottom: 30px;
	right: 20px;
	padding: 21px 0 0 0;
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.7);
	opacity: 1;
	transition: all 1200ms ease;
}
.alphaGuide article:hover figure > figcaption > .category {
	opacity: 0;
}
.alphaGuide article figure > figcaption > .category > span {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
}
.alphaGuide article figure > figcaption > .category > span:before {
	margin-right: 0;
	font-size: 28px;
}
.alphaGuide article figure > figcaption > .category > .icon-hiking:before {
	margin-right: 0;
	font-size: 32px;
}
.alphaGuide article figure > figcaption > .category > .icon-bike:before {
	margin-right: 0;
	font-size: 28px;
}

/* Erweiterung Preistabelle */

.wmPricetable {
	background: #ebebeb;
	padding: 40px 0 30px;
}
.wmPricetable:after {
	content: "";
	background: url(/img/layout/preloader.gif) no-repeat left top;
	background-size: 25px auto;
	display: block;
	height: 25px;
	left: 50%;
	margin: -13px 0 0 -13px;
	position: absolute;
	top: 50%;
	width: 25px;
}
.wmPricetable.loaded:after {
	display: none;
}
.wmPricetable > .wmMaxWidthWide {
	opacity: 0.1;
}
.wmPricetable.loaded > .wmMaxWidthWide {
	opacity: 1;
}
.wmPricetable .wrapper {
	/*overflow: hidden;*/
	position: relative;
}
.wmPricetable > .values {
	display: none;
}

/* Monate */

.wmPricetable .wrapper > div > .months {
	background: #ebebeb;
	display: flex;
	align-items: center;
	justify-content: center;
	position: sticky;
	top: 75px;
	transition: padding-top 200ms ease-in-out;
	width: 1300px;
	z-index: 2;
}
.wmPricetable .wrapper > div > .months.fixed {
	padding-top: 22px;
	position: fixed;
	top: 75px;
}
.wmPricetable .wrapper > div > .months.bottom {
	bottom: -65px;
	padding-top: 22px;
	top: auto;
}
.wmPricetable .wrapper .months > .left {
	max-width: 148px;
	padding: 57px 0 0;
	width: 100%;
}
.wmPricetable .wrapper .months > .left > p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.06;
	text-transform: uppercase;
}
.wmPricetable .wrapper div > .right {
	border-bottom: 3px solid #FFFFFF;
	overflow: hidden;
	padding: 52px 0 0;
	position: relative;
	width: 100%;
}
.wmPricetable .wrapper .months > .right > ul > li {
	display: inline-block;
	font-family: 'Cardo', sans-serif;
	font-size: 30px;
	font-style: italic;
	line-height: 1;
	padding: 24px 0; 
	text-align: center;
	width: 96px;
}
.wmPricetable .wrapper .months > .right > ul > li.active {
	position: relative;
}
.wmPricetable .wrapper .months > .right > ul > li.active:before {
	background: #bc4f4c;
	bottom: -3px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
.wmPricetable .wrapper .months > .right > ul > li > span {
	background: #ebebeb;
	position: relative;
	z-index: 102;
}
.wmPricetable .wrapper .months .flag {
	opacity: 0;
	position: absolute;
	left: 0;
	top: -50px;
	bottom: -3px;
	width: 3px;
	background: #bc4f4c;
	transition: 200ms ease-in-out top;
	z-index: 100;
}
.wmPricetable .wrapper .months.bottom .flag,
.wmPricetable .wrapper .months.fixed .flag {
	top: -20px;
}
.wmPricetable.loaded .wrapper .months .flag {
	opacity: 1;
	transition: 500ms ease opacity, 200ms ease-in-out top;
}
.wmPricetable .wrapper .months .flag > span {
	background: #bc4f4c;
	color: #FFFFFF;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	font-weight: bold; 
	line-height: normal;
	padding: 9px 12px 7px 15px;
	position: absolute;
	text-align: center;
	top: 0;
	min-width: 155px;
	height: 35px;
}
.wmPricetable .wrapper .months .flag > span:before {
	content: "";
	width: 0px;
	height: 0px;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	border-style: solid;
	border-width: 20px 12px 0 0;
	border-color: #b0302c transparent transparent transparent;
	position: absolute;
	left: 1px;
	bottom: -20px;
}

/* Linie Heute */

.wmPricetable .wrapper .content > .flag {
	background: #bc4f4c;
	width: 3px;
	top: 0;
	bottom: 0;
	position: absolute;
}

/* Reihe */

.wmPricetable .wrapper .content > .row {
	align-items: flex-start;
	display: flex;
	height: 135px;
	position: relative;
	width: 1300px;
}
.wmPricetable .wrapper .content > .row > .left {
	max-width: 148px;
	padding: 26px 0;
	width: 100%;
}
.wmPricetable .wrapper .content > .row > .left > p {
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
}
.wmPricetable .wrapper .content > .row > .left > p > strong {
	display: block;
	font-weight: bold;
	line-height: 1.06;
	margin-top: 1px;
	text-transform: uppercase;
}
.wmPricetable .wrapper .content > .row > .right {
	height: 100%;
	padding: 30px 0;
	position: relative;
}
.wmPricetable .wrapper .content > .row > .right .months {
	display: flex;
	position: absolute;
	width: 100%;
	top: 15px;
	bottom: 15px;
}
.wmPricetable .wrapper .content > .row > .right .months > span {
	height: 100%;
	position: relative;
	width: 96px;
}
.wmPricetable .wrapper .content > .row > .right .months > span.active {
	background: rgba(0,0,0,0.05);
}
.wmPricetable .wrapper .content > .row > .right .months > span:before {
	background: #FFFFFF;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 1px;
}
.wmPricetable .wrapper .content > .row > .right .months > span.active:after {
	background: #bc4f4c;
	bottom: -18px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
.wmPricetable .wrapper .content > .row:last-child > .right .months > span.active:after {
	display: none;
}
.wmPricetable .wrapper .content > .row > .right .months > span:first-child:before {
	display: none;
}
.wmPricetable .wrapper .content > .row > .right .entry {
	background: #d3d5ce;
	opacity: 0;
	padding: 10px 20px 6px;
	position: absolute;
	text-align: center;
	z-index: 1;
}
.wmPricetable .wrapper .content > .row > .right .entry[data-season="winter"] {
	background: #CAD9E2;
}
.wmPricetable .wrapper .content > .row > .right .entry[data-season="winter"].dark {
	background: #B5C2CA;
}
.wmPricetable .wrapper .content > .row > .right .entry.show {
	opacity: 1;
	transition: 60ms ease opacity;
}
.wmPricetable .wrapper .content > .row > .right .entry.active {
	background: #cad9e2;
}
.wmPricetable .wrapper .content > .row > .right .entry > span {
	display: block;
}
.wmPricetable .wrapper .content > .row > .right .entry > span.period {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.93;
}
.wmPricetable .wrapper .content > .row > .right .entry > span.price {
	font-family: 'Cardo', sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	margin-top: -7px;
}

/* Zusatz - Buttons */

.wmPricetable .slideButtons {
	display: none;
	height: 40px;
	margin: 35px 0 0 0;
	justify-content: space-between;
	position: absolute;
	top: 132px;
	z-index: 2;
	left: 100px;
	right: 0;
}
.wmPricetable .slideButtons > a {
	background: #9D9D9C;
	color: #FFFFFF;
	display: inline-block;
	height: 40px;
	position: relative;
	width: 30px;
}
.wmPricetable .slideButtons > a:after,
.wmPricetable .slideButtons > a:before {
	font-size: 12px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 0;
	line-height: 40px;
	width: 100%;
	text-align: center;
}
.wmPricetable .slideButtons > a:after {
	content: "";
	height: 80px;
	margin: -20px 0 0 -20px;
	width: 70px;
	z-index: -1;
}
.wmPricetable .slideButtons > a.slideRight:after {
	width: 50px;
}
.wmPricetable .addition {
	margin-left: 179px;
	padding: 26px 0;
}
.wmPricetable .addition p {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.33;
}
.wmPricetable .buttons {
	display: flex;
	align-items: center;
	margin-top: 16px;
	justify-content: center;
}
.wmPricetable .buttons > a {
	border: 1px solid #FFFFFF;
	color: #bc4f4c;
	display: block;
	font-size: 14px;
	line-height: 38px;
	margin: 0 5px;
	text-align: center;
	text-transform: uppercase;
	transition: all 400ms ease-in-out;
	width: 164px;
}
.wmPricetable .buttons > a.reserve {
	background: #bc4f4c;
	border: 1px solid #bc4f4c;
	color: #FFFFFF;
	
}
.wmPricetable .buttons > a:not(.reserve):hover {
	background: #FFFFFF;
	color: #BC4F4C;
}
.wmPricetable .buttons > a.reserve:hover {
	background: #B0302C;
	border: 1px silid #B0302C;
}
		
@media all and (max-width: 1340px){

	.wmPricetable {
		padding-top: 20px;
	}
	.wmPricetable .wmWrapper {
		padding-right: 0;
	}
	/*
	.wmPricetable .wrapper > div,
	.wmPricetable .wrapper > div > .months > .right {
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		overflow: hidden;
	}
	*/
	.wmPricetable .wrapper .content,
	.wmPricetable .wrapper > div > .months {
		padding-left: 80px;
	}
	.wmPricetable .wrapper > div > .content {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.wmPricetable .wrapper .content > .row > .left {
		display: none;
		max-width: 80px;
	}
	.wmPricetable .wrapper > div > .months {
		display: block;
		padding-top: 0 !important;
		width: 100%;
	}
	.wmPricetable .wrapper > div > .months.fixed {
		padding-right: 20px;
	}
	.wmPricetable .wrapper > div > .months > .left {
		left: 0;
		padding-top: 6px;
		position: absolute;
		top: 50%;
		width: 80px;
	}
	.wmPricetable .wrapper .months > .left > p {
		font-size: 14px;
	}
	.wmPricetable .wrapper div > .right {
		padding-top: 0;
	}
	.wmPricetable .wrapper .months > .right > ul {
		padding: 25px 0 0;
		position: relative;
		width: 1152px; /* 1220 - 80 */
	}
	.wmPricetable .wrapper .months > .right > ul > li {
		font-size: 20px;
		padding: 4px 0;
	}
	.wmPricetable .wrapper .months > .right > ul > li > span {
		background: none;
	}
	.wmPricetable .wrapper .months .flag {
		top: -20px;
	}
	.wmPricetable .wrapper .months .flag > span {
		height: 20px;
		min-width: 0;
		padding: 0 6px;
		white-space: nowrap;
	}
	.wmPricetable .wrapper .months .flag > span:before {
		border-width: 10px 12px 0 0;
		bottom: -10px;
	}
	.wmPricetable .wrapper .content > .row > .right .months {
		top: 5px;
		bottom: 5px;
	}
	.wmPricetable .wrapper .content > .row > .right .months > span.active:after {
		bottom: -8px;
	}

	/* Einträge */

	.wmPricetable .wrapper .content > .row {
		background: #DFDFDF;
		width: 1150px;
	}
	.wmPricetable .wrapper .content > .row > .right {
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.wmPricetable .wrapper .content > .row > .right .months > span.active {
		background: #D4D4D4;
	}
	.wmPricetable .wrapper .content > .row > .right .entry {
		padding-bottom: 11px;
		padding-top: 10px;
	}
	.wmPricetable .wrapper .content > .row > .right .entry > span.period {
		font-size: 13px;
	}
	.wmPricetable .wrapper .content > .row > .right .entry > span.price {
		font-size: 16px;
		line-height: 1.2;
		margin-top: 0;
	}
	
	/* Mobile RowTitle */

	.wmPricetable .mobileRowTitle {
		background: #ebebeb;
		padding: 0 0 5px;
		position: absolute;
		top: 56px;
		width: 80px;
		z-index: 1;
	}
	.wmPricetable .mobileRowTitle > li {
		font-size: 14px;
		font-weight: normal;
		line-height: normal;
		padding: 26px 0;
		line-height: 1.21;
	}
	.wmPricetable .mobileRowTitle > li > strong {
		display: block;
		font-weight: bold;
		line-height: 1.16;
		margin-top: 1px;
		text-transform: uppercase;
	}

	/* Navigation */

	.wmPricetable .slideButtons {
		display: flex;
	}

	/* Slider */

	.wmPricetable .wrapper .months > .right,
	.wmPricetable .wrapper .content {
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		overflow: hidden;
	}

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

	.wmPricetable .addition {
		margin-left: 0;
		padding-bottom: 9px;
		padding-top: 6px;
	}
	.wmPricetable .buttons > a {
		margin: 0;
	}
	.wmPricetable .buttons > a.enquiry {
		margin-right: 10px;
	}
	.wmPricetable .buttons > a.reserve {
		margin-right: 10px;
	}

}

.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}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.fadeOutFast,
.animated.fadeInFast {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInFast {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInFast {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInFast {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
    
@-webkit-keyframes fadeOutFast {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOutFast {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOutFast {
  -webkit-animation-name: fadeOutFast;
  animation-name: fadeOutFast;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
    
@-webkit-keyframes fadeOutDownSmall {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
}

@keyframes fadeOutDownSmall {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
}

.fadeOutDownSmall {
  -webkit-animation-name: fadeOutDownSmall;
  animation-name: fadeOutDownSmall;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/* Micado - Modal 19.10.1 */

.fancybox-is-modal .fancybox-slide::before {
	display: none;
}
.fancybox-is-modal .fancybox-slide {
	padding: 20px;
}
.fancybox-is-modal .fancybox-content {
	padding: 20px 30px;
}
.fancybox-is-modal .fancybox-fx-material.fancybox-slide--previous,
.fancybox-is-modal .fancybox-fx-material.fancybox-slide--next {
	transform: translateY(-20px);
	opacity: 0;
}
.fancybox-is-modal .fancybox-fx-material.fancybox-slide--current {
	opacity: 1;
	transform: translateY(0);
}

.mwModal {
	font-size: 16px;
	width: 400px;
}
.mwModal .title {
	fdisplay: block;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.mwModal .content {
	margin: 10px 0 0 0;
}
.mwModal .buttons {
	display: flex;
	margin: 20px 0 0 0;
	justify-content: flex-end;
}

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

	.mwModal {
		width: 265px;
	}

}

/* SkiData - Liftstatus */

.skidataLiftstate > h2 {
	font-size: 36px;
	font-weight: 100;
	margin: 0 0 22px;
	padding: 0 355px 0 0;
}
.skidataLiftstate > .openstate {
	position: absolute;
	right: 20px;
	top: 19px;
}
.skidataLiftstate > .openstate > p {
	float: left;
	font-size: 14px;
	text-transform: uppercase;
}
.skidataLiftstate > .openstate > ul {
	float: left;
}
.skidataLiftstate > .openstate > ul > li {
	cursor: pointer;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding: 0 0 4px;
	position: relative;
	text-transform: uppercase;
	transition: color 500ms ease;
}
.skidataLiftstate > .openstate > ul > li:hover {
	color: #bc4f4c;
}
.skidataLiftstate > .openstate > ul > li:before {
	background: #bc4f4c;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: max-width 500ms ease, opacity 500ms ease;
	width: 100%;
}
.skidataLiftstate > .openstate > ul > li:hover:before,
.skidataLiftstate > .openstate > ul > li.active:before {
	max-width: 100%;
	opacity: 1;
}
.skidataLiftstate > .headline {
	background: #ebebeb;
	position: relative;
}
.skidataLiftstate > .headline > div {
	float: left;
	font-weight: bold;
	padding: 17px 15px 15px;
}
.skidataLiftstate > .headline > .state {
	width: 18.897058823529413%; /* 257 */
}
.skidataLiftstate > .headline > .name {
	width: 26.102941176470587%; /* 491 */
}
.skidataLiftstate > .headline > .type {
	width: 27.720588235294116%; /* 241 */
}
.skidataLiftstate > .headline > .length,
.skidataLiftstate > .headline > .height {
	width: 13.639705882352942%; /* 185,5 */
}
.skidataLiftstate > .entry {
	border-bottom: 1px solid #ebebeb;
	position: relative;
}
.skidataLiftstate.open > .entry {
	display: none;
}
.skidataLiftstate.open > .entry.open {
	display: block;
}
.skidataLiftstate > .entry > a {
	color: #2D3A4A;
	font-weight: 300;
}
.skidataLiftstate > .entry > a > div {
	float: left;
	padding: 10px 15px 9px;
}
.skidataLiftstate > .entry > a > .state {
	font-weight: bold;
	min-height: 44px;
	padding-left: 49px;
	position: relative;
	width: 18.897058823529413%; /* 257 */
}
.skidataLiftstate > .entry > a > .state1 {
	color: #747f5a;
}
.skidataLiftstate > .entry > a > .state0,
.skidataLiftstate > .entry > a > .state2 {
	color: #bc4f4c;
}
.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: #747f5a;
	content: "\E906";
	font-family: 'Webmanager';
}
.skidataLiftstate > .entry > a > .state0:before,
.skidataLiftstate > .entry > a > .state2:before {
	background: #bc4f4c;
	content: "\E8BF";
	font-family: 'Webmanager';
	font-size: 18px;
}
.skidataLiftstate > .entry > a > .name {
	font-weight: bold;
	width: 26.102941176470587%; /* 491 */
}
.skidataLiftstate > .entry > a > .type {
	width: 27.720588235294116%; /* 241 */
}
.skidataLiftstate > .entry > a > .length,
.skidataLiftstate > .entry > a > .height {
	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;
		padding-right: 0;
	}
	.skidataLiftstate > .openstate {
		margin-bottom: 30px;
		position: relative;
		right: auto;
		top: auto;
	}
	.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 > .openstate > p {
		display: none;
	}
	.skidataLiftstate > .openstate > ul {
		float: none;
	}
	.skidataLiftstate > .openstate > ul > li {
		margin: 0 20px 0 0;
	}
	.skidataLiftstate > .openstate > ul > li:last-child {
		margin-right: 0;
	}
	.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: 36px;
	font-weight: 100;
	margin: 0 0 22px;
	padding: 0 355px 0 0;
}
.skidataPistsstate > .openstate {
	position: absolute;
	right: 20px;
	top: 19px;
}
.skidataPistsstate > .openstate > p {
	float: left;
	font-size: 14px;
	text-transform: uppercase;
}
.skidataPistsstate > .openstate > ul {
	float: left;
}
.skidataPistsstate > .openstate > ul > li {
	cursor: pointer;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 20px;
	padding: 0 0 4px;
	position: relative;
	text-transform: uppercase;
	transition: color 500ms ease;
}
.skidataPistsstate > .openstate > ul > li:hover {
	color: #bc4f4c;
}
.skidataPistsstate > .openstate > ul > li:before {
	background: #bc4f4c;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	max-width: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	transition: max-width 500ms ease, opacity 500ms ease;
	width: 100%;
}
.skidataPistsstate > .openstate > ul > li:hover:before,
.skidataPistsstate > .openstate > ul > li.active:before {
	max-width: 100%;
	opacity: 1;
}
.skidataPistsstate > .headline {
	background: #ebebeb;
	position: relative;
}
.skidataPistsstate > .headline > div {
	float: left;
	font-weight: bold;
	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 {
	width: 13.639705882352942%; /* 185,5 */
}
.skidataPistsstate > .entry {
	border-bottom: 1px solid #ebebeb;
	position: relative;
}
.skidataPistsstate.open > .entry {
	display: none;
}
.skidataPistsstate.open > .entry.open {
	display: block;
}
.skidataPistsstate > .entry > a {
	color: #2D3A4A;
	font-weight: 300;
}
.skidataPistsstate > .entry > a > div {
	float: left;
	padding: 10px 15px 9px;
}
.skidataPistsstate > .entry > a > .state {
	font-weight: bold;
	padding-left: 49px;
	position: relative;
	width: 18.897058823529413%; /* 257 */
}
.skidataPistsstate > .entry > a > .state1 {
	color: #70AF1A;
}
.skidataPistsstate > .entry > a > .state0,
.skidataPistsstate > .entry > a > .state2 {
	color: #bc4f4c;
}
.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: "\E906";
	font-family: 'Webmanager';
}
.skidataPistsstate > .entry > a > .state0:before,
.skidataPistsstate > .entry > a > .state2:before {
	background: #bc4f4c;
	content: "\E8BF";
	font-family: 'Webmanager';
	font-size: 18px;
}
.skidataPistsstate > .entry > a > .name {
	font-weight: bold;
	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: #bc4f4c;
}
.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 {
	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;
		padding-right: 0;
	}
	.skidataPistsstate > .openstate {
		margin-bottom: 30px;
		position: relative;
		right: auto;
		top: auto;
	}
	.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 > .openstate > p {
		display: none;
	}
	.skidataPistsstate > .openstate > ul {
		float: none;
	}
	.skidataPistsstate > .openstate > ul > li {
		margin: 0 20px 0 0;
	}
	.skidataPistsstate > .openstate > ul > li:last-child {
		margin-right: 0;
	}
	.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 */

.skidataSnowreport > h2 {
	font-size: 36px;
	font-weight: 200;
	margin: 0 0 22px;
}
.skidataSnowreport > p {
	border: 1px solid #bc4f4c;
	color: #bc4f4c;
	font-size: 14px;
	font-weight: bold;
	line-height: 23px;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	top: 19px;
}
.skidataSnowreport > p > span {
	display: block;
	float: left;
	padding: 0 10px;
}
.skidataSnowreport > p > span.label {
	background: #bc4f4c;
	color: #FFFFFF;
}
.skidataSnowreport > .entry {
	background: #ebebeb;
	float: left;
	margin: 0 0.735294117647059% 0 0; /* 0 10 0 0 */
	padding: 209px 30px 27px;
	position: relative;
	width: 24.448529411764707%; /* 332,5 */
}
.skidataSnowreport > .entry:before {
	color: #747f5a;
	font-family: "skidata";
	font-size: 120px;
	height: 120px;
	left: 50%;
	line-height: 120px;
	position: absolute;
	text-align: center;
	top: 45px;
	transform: translate(-50%, 0);
	width: 120px;
}
.skidataSnowreport > .entry.lift:before {
	content: "\E806";
	font-family: 'skidata';
}
.skidataSnowreport > .entry.pists:before {
	content: "\E803";
	font-family: 'skidata';
}
.skidataSnowreport > .entry.snow:before {
	content: "\E804";
	font-family: 'skidata';
}
.skidataSnowreport > .entry.temperature:before {
	content: "\E805";
	font-family: 'skidata';
}
.skidataSnowreport > .entry:nth-of-type(4n) {
	margin-right: 0;
}
.skidataSnowreport > .entry > p.headline {
	border-bottom: 2px solid #ffffff;
	font-weight: bold;
	padding: 0 0 3px;
}
.skidataSnowreport > .entry > .row {
	border-bottom: 1px solid #ffffff;
}
.skidataSnowreport > .entry > .row > p {
	float: left;
	line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.skidataSnowreport > .entry > .row > p.label {
	max-width: 60%;
	padding-right: 15px;
}
.skidataSnowreport > .entry > .row > p.value {
	float: right;
	max-width: 40%;
	text-align: right;
}
.skidataSnowreport > .entry > .row > p.value > span {
	display: block;
	float: left;
	font-size: 36px;
	font-weight: normal;
	margin: 0 3px 0 0;
}

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

	.skidataSnowreport > .entry {
		margin-bottom: 0.757575757575758%; /* 10 */
		margin-right: 0.757575757575758%; /* 10 */
		width: 49.621212121212125%; /* 655 */
	}
	.skidataSnowreport > .entry:nth-of-type(2n) {
		margin-right: 0;
	}
	.skidataSnowreport > .entry:nth-of-type(2n) + .entry {
		clear: left;
	}

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

	.skidataSnowreport > h2 {
		margin-bottom: 10px;
	}
	.skidataSnowreport > p {
		float: left;
		margin-bottom: 30px;
		position: relative;
		right: auto;
		top: auto;
	}
	.skidataSnowreport > p + .entry {
		clear: left;
	}
	.skidataSnowreport > .entry {
		padding-bottom: 17px;
		padding-left: 20px;
		padding-right: 20px;
	}

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

	.skidataSnowreport > .entry {
		float: none;
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.skidataSnowreport > .entry:last-child {
		margin-bottom: 0;
	}

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

	.skidataSnowreport > h2 {
		font-size: 24px;
	}

}

/* SkiData - Webcams */

.skidataWebcams > h2 {
	font-size: 36px;
	font-weight: 200;
	margin: 0 0 22px;
}
.skidataWebcams > p {
	background: #bc4f4c;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 23px;
	padding: 0 10px;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	top: 21px;
}
.skidataWebcams > .entry {
	float: left;
	margin: 0 0.735294117647059% 0.735294117647059% 0; /* 0 10 10 0 */
	width: 32.843137254901961%; /* 446,6666666666667 */
}
.skidataWebcams > .entry:nth-of-type(3n) {
	margin-right: 0;
}
.skidataWebcams > .entry:nth-of-type(3n) + .entry {
	clear: left;
}
.skidataWebcams > .entry > a.image {
	display: block;
}
.skidataWebcams > .entry > a.image > img {
	display: block;
	width: 100%;
}
.skidataWebcams > .entry > a.title {
	background: #ebebeb;
	color: #454545;
	display: block;
	font-weight: bold;
	overflow: hidden;
	padding: 17px 65px 15px 15px;
	position: relative;
	text-overflow: ellipsis;
	transition: background 500ms ease, border 500ms ease, color 500ms ease;
	white-space: nowrap;
}
.skidataWebcams > .entry > a.title::before {
	background: #bc4f4c;
	color: #FFFFFF;
	content: "\E802";
	font-family: "skidata";
	font-size: 19px;
	height: 35px;
	line-height: 35px;
	position: absolute;
	right: 15px;
	text-align: center;
	top: 11.5px;
	transition: background 500ms easecolor 500ms ease;
	padding-left: 8px;
	padding-right: 9px;
}
.skidataWebcams > .entry:hover > a.title {
	background: #bc4f4c;
	color: #FFFFFF;
}
.skidataWebcams > .entry:hover > a.title:before {
	background: #FFFFFF;
	color: #bc4f4c;
}

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

	.skidataWebcams > .entry {
		margin-bottom: 1.162790697674419%; /* 10 */
		margin-right: 1.162790697674419%; /* 10 */
		width: 49.418604651162788%; /* 425 */
	}
	.skidataWebcams > .entry:nth-of-type(3n) {
		margin-right: 1.162790697674419%; /* 10 */
	}
	.skidataWebcams > .entry:nth-of-type(3n) + .entry {
		clear: none;
	}
	.skidataWebcams > .entry:nth-of-type(2n) {
		margin-right: 0;
	}
	.skidataWebcams > .entry:nth-of-type(2n) + .entry {
		clear: left;
	}

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

	.skidataWebcams > h2 {
		font-size: 24px;
	}
	.skidataWebcams > p {
		display: none;
	}
	.skidataWebcams > .entry {
		float: none;
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.skidataWebcams > .entry:last-child {
		margin-bottom: 0;
	}

}

@charset "UTF-8";
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: 5px;
  right: 5px;
  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 - Custom */

.fancybox-container .fancybox-image-wrap > .sendECard {
	position: absolute;
	bottom: 45px;
	right: 45px;	
	color: #FFFFFF;
	background: #BC4F4C;
	display: block;
	font-size: 16px;
	line-height: 1;
	padding: 9px 10px 12px;
	text-align: center;
	text-transform: uppercase;
	transition: all 400ms ease-in-out;
}
.fancybox-container .fancybox-image-wrap > .sendECard:hover {
	background: #B0302C;
}

/*.fancybox-bg {
	display: none;
}
.fancybox-container {
	background: #F0EFF0;
}
.fancybox-container .fancybox-slide > * {
	overflow: visible;
}
.fancybox-container .fancybox-caption-wrap {
	display: none;
}
.fancybox-container .fancybox-title {
	background: #FFFFFF;
	bottom: -75px;
	left: 0;
	line-height: 75px;
	opacity: 1;
	overflow: hidden;
	padding: 0 35px;
	position: absolute;
	right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 1;
}

/* Header */

/*.fancybox-container .fancybox-header {
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	height: 100px;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}
.fancybox-container .fancybox-header.animated {
	opacity: 1;
}
.fancybox-container .fancybox-header.show {
	opacity: 1;
}
.fancybox-container .fancybox-header > div {
	height: 100%;
	margin: 0 auto;
	max-width: 1345px;
	padding: 0 30px;
	position: relative;
}
.fancybox-container .fancybox-header > div > .logo {
	color: #918B81;
	display: block;
	left: 20px;
	font-size: 24px;
	line-height: 1;
	position: absolute;
	top: 36px;
	z-index: 2;
}
.fancybox-container .fancybox-header > div > .socialMedia {
    line-height: 30px;
    position: absolute;
    right: 135px;
    text-transform: uppercase;
    top: 35px;
}
.fancybox-container .fancybox-header > div > .socialMedia:after {
	clear: both;
	content: "";
	display: block;
}
.fancybox-container .fancybox-header > div > .socialMedia > p {
	color: #AFAA7B;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 0 15px 0 0;
	text-transform: uppercase;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul {
	float: left;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul:after {
	clear: both;
	content: "";
	display: block;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li {
	float: left;
	margin: 0 10px 0 0;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a {
	color: #616f85;
	display: block;
	transition: color 200ms ease;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a:last-child {
	margin-right: 0;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.fb {
	font-size: 20px;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.fb:hover {
	color: #385999;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.tw {
	font-size: 16px;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.tw:hover {
	color: #4d9feb;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.gp {
	font-size: 18px;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.gp:hover {
	color: #dd4b39;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.yt {
	font-size: 23px;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.yt:hover {
	color: #ff0000;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.in {
	font-size: 20px;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.in:hover {
	color: #EE4957;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.pi {
	font-size: 20px;
}
.fancybox-container .fancybox-header > div > .socialMedia > ul > li > a.pi:hover {
	color: #BD081B;
}
.fancybox-container .fancybox-header > div > a.triggerClose {
	border-radius: 50%;
	color: #a57689;
    cursor: pointer;
    font-size: 30px;
    height: 60px;
    line-height: 57px;
    margin: -30px 0 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 50%;
    transition: background 200ms ease 0s;
    width: 60px;
    z-index: 3;
}
.fancybox-container .fancybox-header > div > a.triggerClose:hover {
    background: #d5d5d5;
}

/* Navigation */

/*.fancybox-navigation button {
	margin-top: -39px;
	padding: 0 20px !important;
	width: auto !important;
}
.fancybox-button:before {
	background: #ffffff;
	border-radius: 50%;
	color: #afaa7b;
	content: "\E902";
	display: block;
	font-family: "webmanager";
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 45px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.fancybox-button[title="Next"]:before {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);	
}
.fancybox-button svg {
	display: none;
}

/* E-Card */

/*.fancybox-container .sendECard {
    background: #a57689;
	bottom: 35px;
    color: #ffffff;
    padding: 5px 30px 6px;
	position: absolute;
	right: 35px;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
	z-index: 3;
}
.fancybox-container .sendECard:hover {
    background: #AFAA7B;
}

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

	.fancybox-container .fancybox-header > div > .logo {
		font-size: 17px;
		top: 41px;
	}

}

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

	.fancybox-container .fancybox-header > div > .socialMedia {
		right: 70px;
	}
	.fancybox-container .fancybox-header > div > .socialMedia > p {
		display: none;
	}
	.fancybox-navigation button {
		padding: 0 40px !important;
	}
	.fancybox-container .sendECard {
		display: none;
	}

}

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

	.fancybox-container .fancybox-header > div > .socialMedia {
		display: none;
	}
	.fancybox-container .fancybox-title {
		padding-left: 20px;
		padding-right: 20px;
	}

}

/**
 * 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%}

/*! 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 1.12.1 - Custom */

.ui-datepicker {
	background: #ffffff;
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	padding: 0 20px 20px;
	width: 20em;
}
.ui-datepicker table {
	margin: 10px 0 0 0;
}
.ui-datepicker .ui-datepicker-header {
	background: #bc4f4c;
	border-bottom: 1px solid #e8e7e6;
	margin: 0 -20px;
	padding: 20px 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
	content: "\E850";
	font-family: "Webmanager";
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	color: inherit;
	cursor: pointer;
	height: 30px;
	left: 20px;
	line-height: 30px;
	text-align: center;
	top: 22px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
	content: "\E851";
	font-family: "Webmanager";
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	color: inherit;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	right: 20px;
	text-align: center;
	top: 22px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: bold;
	color: #ffffff;
}
.ui-datepicker-calendar .ui-datepicker-calendar {
	text-align: center;
}
.ui-datepicker th {
	text-transform: uppercase;
}
.ui-datepicker td {
	border: 1px solid #e8e7e6;
	padding: 0;
}
.ui-datepicker tr td:first-child {
	border-left: 0;
}
.ui-datepicker tr:first-child td {
	border-top: 2px solid #e8e7e6;
}
.ui-datepicker tr td:last-child {
	border-right: 0;
}
.ui-datepicker tr:last-child td {
	border-bottom: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
	text-align: center;
}
.ui-datepicker a.ui-state-default {
	color: inherit;
	font-size: 13px;
	font-weight: normal;
	padding: 10px;
}
.ui-datepicker a.ui-state-default:hover {
	background: #fafafa;
}
.ui-datepicker a.ui-state-active,
.ui-datepicker a.ui-state-default:hover {
	background: rgba(188, 79, 76, 0.3);
	color: #ffffff;
}

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

	.ui-datepicker {
		width: 17.5em;
	}

}

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

	.ui-datepicker {
		width: 16.5em;
	}

}

/* Erweiterungen - Touren-Filter */

/* Filter */

.wmFilter {
	bottom: 0;
	opacity: 1;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: bottom 500ms ease, opacity 800ms ease;
	-moz-transition: bottom 500ms ease, opacity 800ms ease;
	-ms-transition: bottom 500ms ease, opacity 800ms ease;
	-o-transition: bottom 500ms ease, opacity 800ms ease;
	transition: bottom 500ms ease, opacity 800ms ease;
	width: 100%;
	z-index: 2;
}
.wmFilter .container.animated {
	opacity: 1;
}
.wmFilter .container {
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 2;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	min-height: 140px;
}
.wmFilter .container.hideFilter > div > ul {
	display: none;
}
.wmFilter .container > ul:after {
	clear: both;
	content: "";
	display: block;
}
.wmFilter .container > ul > li {
	display: table;
	cursor: pointer;
	font-size: 16px;
	line-height: 22px;
	margin: 0 75px 10px 0;
	overflow: hidden;
	padding: 0 41px 0 35px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wmFilter .container .category {
	display: flex;
	flex-direction: row;
	margin: 0 10px;
}
.wmFilter .container .category li {
	cursor: pointer;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	margin: 0;
	padding: 8px;
}
.wmFilter .container > ul > li:before {
	border-radius: 50%;
	color: #FFFFFF;
	content: "";
	font-size: 12px;
	height: 22px;
	left: 0;
	line-height: 22px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 22px;
}
.wmFilter .container > ul > li.icon-hiking:after {
	display: block;
	content: "\E907";
	font-family: 'webmanager';
	color: #bc4f4c;
	background: #ffffff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 25px;
	padding: 15px 0px 0 16px;
}
.wmFilter .container > ul > li.icon-bike:after {
	display: block;
	content: "\E905";
	font-family: 'webmanager';
	color: #bc4f4c;
	background: #ffffff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 25px;
	padding: 15px 0px 0 14px;
}
.wmFilter .container > ul > li.icon-shape:after {
	display: block;
	content: "\E908";
	font-family: 'webmanager';
	color: #bc4f4c;
	background: #ffffff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 25px;
	padding: 15px 0px 0 11px;
}
.wmFilter .container > ul > li.icon-winterwanderer:after {
	display: block;
	content: "\E90A";
	font-family: 'webmanager';
	color: #bc4f4c;
	background: #ffffff;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 25px;
	padding: 15px 0px 0 17px;
}
.wmFilter .container > ul > li[data-category='tourist-attraction']:before {
	background: #1A66AF;
	content: '\E8D5';
}
.wmFilter .container > ul > li[data-category='world-of-experience']:before {
	background: #D06D4D;
	content: '\E8D6';
}
.wmFilter .container > ul > li[data-category='fashion']:before {
	background: #9F639E;
	content: '\E8D8';
}
.wmFilter .container > ul > li[data-category='restaurant']:before {
	background: #881E37;
	content: '\E8DA';
}
.wmFilter .container > ul > li[data-category='golf-course']:before {
	background: #A1C043;
	content: '\E8D9';
}
.wmFilter .container > ul > li[data-category='experience-of-nature']:before {
	background: #497732;
	content: '\E8D7';
}
.wmFilter .container > ul > li[data-category='swimming-bath']:before {
	background: #99C5E8;
	content: '\E8D4';
	font-size: 11px;
}
.wmFilter .container > ul > li:nth-child(7) {
	margin-bottom: 0;
}
.wmFilter .container > ul > li > span {
	display: block;
	color: #ffffff;
	font-family: 'Nunito Sans';
	font-weight: bold;
	text-transform: uppercase; 
}
.wmFilter .container .difficulty {
	position: relative;
	margin: 0 10px;
}
.wmFilter .container .difficulty:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -46px;
	left: -42px;
	width: 3px;
	height: 92px;
	background: rgba(255, 255, 255, 0.4);
	z-index: 1;
}
.wmFilter .container > .difficulty > li {
	cursor: pointer;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	margin: 0;
	padding: 0;
}
.wmFilter .container > .difficulty > li > span {
	display: block;
	color: #ffffff;
	font-family: 'Nunito Sans';
	font-weight: bold;
	text-transform: uppercase; 
	padding-left: 26px;
}
.wmFilter .container > .difficulty li span:before {
	left: 0;
	right: auto;
}
.wmFilter .container > .category li span::before {
	color: #ffffff;
	background: #bc4f4c;
	content: '';
	font-family: 'fontello';
	font-size: 9px;
	width: 14px;
	height: 14px;
	line-height: 12px;
	position: absolute;
	left: 50%;
	text-align: center;
	top: 1px;
	padding: 0px 1px 0 0px;
	margin-left: -7px;
	border-radius: 3px;
}
.wmFilter .container > ul > li > span:before {
	color: #ffffff;
	background: #bc4f4c;
	content: '';
	font-family: 'fontello';
	font-size: 8px;
	width: 14px;
	height: 14px;
	line-height: 12px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 3px;
	padding: 0px 1px 0 0px;
}
.wmFilter .container > ul > li.selected > span:before {
	content: '\E906';
	font-family: 'webmanager';
}
.wmFilter .container > .info {
	color: #ffffff;
	margin-right: 10px;
}
.wmFilter .container > .info:after {
	clear: both;
	content: "";
	display: block;
}
.wmFilter .container.hideFilter > div > .info {
	display: block;
}
.wmFilter .container > .info > p {
	float: left;
	line-height: 35px;
}
.wmFilter .container > .info > p.value {
	color: #C5B58D;
	font-family: "Nunito Sans", sans-serif;
	font-size: 32px;
	font-weight: 100;
	margin: 0 64px 0 0;
}
.wmFilter .container > .info > p.value > span.number {
	font-weight: bold;
	margin: 0 9px 0 0;
}
.wmFilter .container > .info > p.text {
	line-height: 25px;
	padding: 10px 0 0;
	font-family: 'Cardo';
	font-size: 24px;
	font-style: italic;
}
.wmFilter .container > .scroll .scrollDown {
	color: #ffffff;
	font-size: 70px;
	position: relative;
	background: #747f5a;
	width: 44px;
	height: 90px;
	display: block;
	margin-left: 10px;
}
.wmFilter .container > .scroll {
	margin-top: auto;
}
.wmFilter .container > .scroll .scrollDown::before {
	margin-right: 0;
	padding: 0 0 0 0;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -18px;
}
.wmFilter .container > .buttons {
	bottom: 25px;
	position: absolute;
	right: 25px;
}
.wmFilter .container > .buttons > a.list {
	border: 1px solid #C5B58D;
	color: #C5B58D;
	display: block;
	float: left;
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	line-height: 33px;
	margin: 0 10px 0 0;
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
	-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;
}
.wmFilter .container > .buttons > a.list:hover {
	background: #C5B58D;
	color: #FFFFFF;
}
.wmFilter .container > .buttons > a.filter {
	background: #C5B58D;
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: "Nunito Sans", sans-serif;
	font-size: 16px;
	line-height: 35px;
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
.wmFilter .container > .buttons > a.filter:hover {
	background: #BEAB7B;
}

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

	/* Filter */

	.wmFilter .container.show {
		bottom: 0;
	}

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

	/* InfoBox */
	
	#MapWrapper > .map .infoBox > img {
		display: none;
	}

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

	.wmFilter .container .difficulty::before {
		display: none;
	}

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

	.wmFilter .container > .info {
		display: none;
	}

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

	.wmFilter .container > .scroll {
		display: none;
	}
	.wmFilter .container {
		padding: 20px;
	}
	.wmFilter .container {
		flex-direction: column;
	}

}

/* Erweiterung - Touren-Karte */

.wmTourMap > .mapWrapper {
    position: relative;
}
.wmTourMap > .mapWrapper > .map {
    height: 500px;
}
.wmTourMap > .mapWrapper > .map .marker {
    background: #454545;
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    height: 20px !important;
    width: 20px !important;
}
.wmTourMap > .mapWrapper > .map .marker:before {
    color: #FFFFFF;
    content: "Start";
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    left: 25px;
    position: absolute;
    text-shadow: 0 0 2px #1b1b1b;
    top: -5px;
}
.wmTourMap > .mapWrapper > .map .marker.end {
    background: #fdb230;
}
.wmTourMap > .mapWrapper > .map .marker.end:before {
    content: "Ziel";
}
.wmTourMap > .mapWrapper > .overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.wmTourMap .logo > .icon {
	position: relative;	
}
.wmTourMap .logo > .icon::before {
	content: "";
	position: absolute;
	background-image: url(/img/layout/footer-pin.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 124px;
	height: 114px;
	top: -104px;
	left: -42px;
}

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

	.wmTourMap > .mapWrapper > .map {
		height: 380px;
	}	

}

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

	.wmTourMap > .mapWrapper > .map {
		height: 320px;
	}	

}

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

	.wmTourMap > .mapWrapper > .map {
		height: 270px;
	}	

}

/* Höhenprofil */

.wmProfile > h2 {
	font-size: 60px;
	font-weight: 200;
	text-align: left;
}
.wmProfile > .data {
	position: absolute;
	right: 20px;
	top: 20px;
}
.wmProfile > .data > span {
	display: inline-block;
	font-size: 15px;
	position: relative;
}
.wmProfile > .data > span:first-of-type {
	padding: 0 10px 0 0;
}
.wmProfile > .data > span:last-of-type {
	padding: 0 0 0 10px;
}
.wmProfile > .data > span > span {
	display: inline-block;
}
.wmProfile > .data > span:first-of-type:before {
	background: #bc4f4c; 
	content: "";
	height: 15px;
	position: absolute;
	right: 0;
	top: 4px;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
	width: 2px;
}
.wmProfile > .data > span > .label {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}
.wmProfile > .data > span > .value {
	margin: 0 0 0 10px;
}
.wmProfile > .container {
	padding: 25px 0 0 0;
	position: relative;
}
.wmProfile > .container .ct-chart {
	height: 380px;
}
.wmProfile > .container .ct-chart .ct-series-a .ct-area {
	fill: #9d9d9c;
}
.wmProfile > .container .ct-chart .ct-series-a .ct-line {
	stroke: #bc4f4c;
	stroke-width: 4px;
}
.wmProfile > .container .ct-chart .ct-label {
	color: #000000;
	display: block;
	font-size: 12px;
}
.wmProfile > .container .ct-chart .ct-label.ct-vertical:before {
	background: #bc4f4c;
	content: "";
	height: 2px;
	position: absolute;
	right: 0;
	top: -4px;
	width: 15px;
}
.wmProfile > .container .ct-chart .ct-label.ct-horizontal {
	line-height: 15px;
	padding: 0 0 0 8px;
}
.wmProfile > .container .ct-chart .ct-label.ct-horizontal:before {
	background: #bc4f4c;
	content: "";
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px;
}
.wmProfile > .container > .axisX {
    bottom: 8px;
    color: #000000;
    font-size: 12px;
    left: 0;
    position: absolute;
}
.wmProfile > .container > .axisY {
    color: #000000;
    font-size: 12px;
    left: 8px;
    position: absolute;
    top: 0;
}

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

	.wmProfile > .container .ct-chart {
		height: 300px;
	}

}

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

	.wmProfile > .container .ct-chart {
		height: 240px;
	}
	.wmProfile > .data {
		display: block;
		margin: 0 0 40px 0;
		position: relative;
		right: auto;
		top: auto;
	}
	
}

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

	.wmProfile > .container .ct-chart {
		height: 180px;
	}
	.wmProfile > h2 {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

}

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

	.wmProfile > .data > span {
		display: block;
	}
	.wmProfile > .data > span:first-of-type:before {
		display: none;
	}
	.wmProfile > .data > span:last-of-type {
		padding: 0;
	}
	.wmProfile > .container .ct-chart {
		height: 120px;
	}

}