/* Resets */
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, em, strong, b, u, i, 
img, form, label, ul, ol, li, iframe, table, tbody, thead, tr, th, td,
object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd,
q, s, samp, small, sub, sup, var, dl, dt, dd, fieldset, legend, caption,
article, aside, canvas, details, embed, figure, figcaption, footer, header, 
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 hack alte Browser */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* weitere Resets */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input::-moz-focus-inner { /* entfernt unerwünschten Abstand (z.B. Formular Sendebutton) */
	border: 0;
	padding: 0;
}

/* Grundlegende Angaben */

html, body {
	height: 100%;
}
body {
	color: #2D343E;
	font: 300 16px/1.8 'Roboto', sans-serif;
	-webkit-text-size-adjust: none;
}
body.lock {
    overflow: hidden;
}
body > #PageWrapper {
	min-height: 100%;
	overflow: hidden;
	padding: 605px 0 180px 0;
	position: relative;
}
a {
	color: #2D343E;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color: #034E8D;
}
input, textarea, select, button {
	border: 1px solid #CFCFCF;
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input[type='submit'] {
	-webkit-appearance: none;
}
input::-ms-clear {
	display: none;
}
input[type="text"]:disabled {
    background: inherit;
} 
ol, ul {
	list-style: none;
}
.cmsMargin {
	margin: 25px 0;
}
*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}
img {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
.wmWrapper {
	position: relative;
}
.wmMargin {
	margin-top: 60px;
	margin-bottom: 60px;
}
.wmPadding {
	padding-left: 20px;
	padding-right: 20px;
}
.wmMaxWidth {
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
}
.wmClear:after {
	clear: both;
	content: "";
	display: block;
}

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

	body.intro #PageWrapper {
		padding-top: 100px !important;
	}

}

/* Webfonts */

@font-face {
	font-family: 'fontello';
	src: url('/img/webfonts/fontello.eot?94848008');
	src: url('/img/webfonts/fontello.eot?94848008#iefix') format('embedded-opentype'),
		url('/img/webfonts/fontello.woff?94848008') format('woff'),
		url('/img/webfonts/fontello.ttf?94848008') format('truetype'),
		url('/img/webfonts/fontello.svg?94848008#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'fontello-shoppingcart';
  src: url('/img/webfonts/fontello-shoppingcart.eot?9838562');
  src: url('/img/webfonts/fontello-shoppingcart.eot?9838562#iefix') format('embedded-opentype'),
       url('/img/webfonts/fontello-shoppingcart.woff?9838562') format('woff'),
       url('/img/webfonts/fontello-shoppingcart.ttf?9838562') format('truetype'),
       url('/img/webfonts/fontello-shoppingcart.svg?9838562#fontello-shoppingcart') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Basis - Sommer - Edition */

body.summer a {
	color: #2D343E;
}
body.summer a:hover {
	color: #6D9815;
}

/* Variablen */

:root {

	/* Template */
		
	--mw-margin-top: 60px;
	--mw-margin-bottom: 60px;
	--mw-padding-left: 20px;
	--mw-padding-right: 20px;
	--mw-max-width: 1240px;
	--mw-max-width2: 1240px;
		
	/* Colors */
	
	--mw-color-primary: #c20016;
	--mw-color-secondary: #85a633;
	--mw-color-error: #dc0014;
	--mw-color-success: #217346;
	--mw-color-lightgray: #8F9497;
	--mw-color-gray: #8F9497;
	--mw-color-middlegray: #8F9497;
	--mw-color-darkgray: #8F9497;

	--mw-color-primary-opacity-highest: rgba(194, 0, 22, 0.1);
	--mw-color-primary-opacity-high: rgba(194, 0, 22, 0.2);
	--mw-color-primary-opacity-medium: rgba(194, 0, 22, 0.3);
	--mw-color-primary-opacity-low: rgba(194, 0, 22, 0.8);
		
	--mw-color-secondary-opacity-highest: rgba(133, 166, 51, 0.1);
	--mw-color-secondary-opacity-high: rgba(133, 166, 51, 0.2);
	--mw-color-secondary-opacity-medium: rgba(133, 166, 51, 0.3);
	--mw-color-secondary-opacity-low: rgba(133, 166, 51, 0.8);
		
	/* specified Colors */
	
	--mw-color-body: #2D343E;
	--mw-color-body-background: #ffffff;

	--mw-color-link: #c20016;
	--mw-color-link-hover: #85a633;

	--mw-color-button: #FFFFFF;
	--mw-color-button-hover: #FFFFFF;
	--mw-color-button-background: #85a633;
	--mw-color-button-background-hover: #c20016;

	--mw-color-headline: #8F9497;
	--mw-color-headline2: #E30613;
	--mw-color-headline3: #2D343E;
	--mw-color-headline-element: #85a633;

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

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

	--mw-font-button-size: 18px;
	--mw-font-button-weight: bold;

	--mw-font-headline: 'PT Sans';
	--mw-font-headline-lineheight: 1;
	--mw-font-headline-size: 48px;
	--mw-font-headline-weight: bold;
	
	--mw-font-headline2: 'PT Sans';
	--mw-font-headline2-lineheight: 1.2;
	--mw-font-headline2-size: 18px;
	--mw-font-headline2-weight: bold;
	
	--mw-font-headline3: 'PT Sans', sans-serif;
	--mw-font-headline3-lineheight: 1.2;
	--mw-font-headline3-size: 18px;
	--mw-font-headline3-weight: 400;

	--mw-font-headline-element: 'PT Sans';
	--mw-font-headline-element-lineheight: 1.2;
	--mw-font-headline-element-size: 24px;
	--mw-font-headline-element-weight: bold;
	
}

@font-face {
	font-family: "Micado-Ski";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: local("☺"), local("☺"),
		url("/fonts/micado-ski-figma-07.woff2") format("woff2"),
		url("/fonts/micado-ski-figma-07.woff") format("woff");
}

.ms-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Micado-Ski' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ms-icon1personlift:before {
  content: "\30";
}
.ms-icon2personlift:before {
  content: "\32";
}
.ms-icon3personlift:before {
  content: "\33";
}
.ms-icon4personlift:before {
  content: "\34";
}
.ms-icon5personlift:before {
  content: "\36";
}
.ms-icon8personlift:before {
  content: "\38";
}
.ms-icon10personlift:before {
  content: "\31";
}
.ms-iconavalanche:before {
  content: "\41";
}
.ms-iconbabylift:before {
  content: "\4b";
}
.ms-iconbike:before {
  content: "\52";
}
.ms-iconbus:before {
  content: "\42";
}
.ms-iconclimb:before {
  content: "\6b";
}
.ms-iconconstruction:before {
  content: "\62";
}
.ms-iconfunpark:before {
  content: "\46";
}
.ms-icongondola:before {
  content: "\47";
}
.ms-icongondola3s:before {
  content: "\67";
}
.ms-iconheight:before {
  content: "\48";
}
.ms-iconhighlights:before {
  content: "\68";
}
.ms-iconhike:before {
  content: "\57";
}
.ms-iconhut:before {
  content: "\55";
}
.ms-iconinfopoint:before {
  content: "\49";
}
.ms-iconlake:before {
  content: "\4c";
}
.ms-iconlenght:before {
  content: "\6c";
}
.ms-iconmaintenance:before {
  content: "\6d";
}
.ms-iconmap:before {
  content: "\4d";
}
.ms-iconmountainrescue:before {
  content: "\72";
}
.ms-iconpanorama:before {
  content: "\50";
}
.ms-iconparking:before {
  content: "\70";
}
.ms-iconplatterlift:before {
  content: "\65";
}
.ms-iconskicarpet:before {
  content: "\43";
}
.ms-iconsledge:before {
  content: "\64";
}
.ms-iconslope:before {
  content: "\53";
}
.ms-iconsnow:before {
  content: "\4f";
}
.ms-iconstorm:before {
  content: "\73";
}
.ms-icontemperature:before {
  content: "\45";
}
.ms-iconticket:before {
  content: "\54";
}
.ms-icontimer:before {
  content: "\74";
}
.ms-icontrain:before {
  content: "\5a";
}
.ms-iconwebcam:before {
  content: "\77";
}

@font-face {
	font-family: "Micado-Web-KSWT-SkiWelt";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: local("☺"), local("☺"),
		url("/fonts/micado-web-kswt-skiwelt.woff2") format("woff2"),
		url("/fonts/micado-web-kswt-skiwelt.woff") format("woff");
}
.mw-kswt-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Micado-Web-KSWT-SkiWelt' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mw-kswt-icondraglift:before {
  content: "\e90d";
}
.mw-kswt-iconconveyor:before {
  content: "\e90e";
}
.mw-kswt-iconlift:before {
  content: "\e90c";
}
.mw-kswt-icondistance:before {
  content: "\e903";
}
.mw-kswt-iconheight:before {
  content: "\e904";
}
.mw-kswt-iconski:before {
  content: "\e905";
}
.mw-kswt-iconcancel:before {
  content: "\e906";
}
.mw-kswt-iconcheck:before {
  content: "\e907";
}
.mw-kswt-iconElement-1:before {
  content: "\e908";
}
.mw-kswt-iconElement-10:before {
  content: "\e909";
}
.mw-kswt-iconGondola:before {
  content: "\e90a";
}
.mw-kswt-iconbus:before {
  content: "\e90b";
}
.mw-kswt-iconkitz-gams:before {
  content: "\e900";
}
.mw-kswt-iconstar:before {
  content: "\e901";
}
.mw-kswt-iconclock:before {
  content: "\e902";
}

@font-face {
	font-family: "Micado-Tourism";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: local("☺"), local("☺"),
		url("/fonts/micado-tourism-figma-07.woff2") format("woff2"),
		url("/fonts/micado-tourism-figma-07.woff") format("woff");
}

.mt-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Micado-Tourism' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mt-iconwebsite:before {
  content: "\77";
}
.mt-iconaccommodation:before {
  content: "\61";
}
.mt-iconbed:before {
  content: "\62";
}
.mt-iconbudget:before {
  content: "\47";
}
.mt-iconcamera:before {
  content: "\4b";
}
.mt-iconcar:before {
  content: "\41";
}
.mt-iconchildren:before {
  content: "\63";
}
.mt-iconcross-country-skiing:before {
  content: "\43";
}
.mt-iconculinary:before {
  content: "\55";
}
.mt-icondisabled:before {
  content: "\72";
}
.mt-icondog:before {
  content: "\44";
}
.mt-iconedelweiss:before {
  content: "\32";
}
.mt-iconevents:before {
  content: "\65";
}
.mt-iconfamily:before {
  content: "\46";
}
.mt-iconfilter:before {
  content: "\66";
}
.mt-iconflower:before {
  content: "\33";
}
.mt-iconiceskating:before {
  content: "\6c";
}
.mt-iconnosmoking:before {
  content: "\4e";
}
.mt-iconrequest:before {
  content: "\51";
}
.mt-iconreview:before {
  content: "\42";
}
.mt-iconsauna:before {
  content: "\75";
}
.mt-iconsmiley:before {
  content: "\34";
}
.mt-iconstar:before {
  content: "\31";
}
.mt-iconswim:before {
  content: "\68";
}
.mt-icontour:before {
  content: "\54";
}
.mt-icontv:before {
  content: "\74";
}
.mt-iconwifi:before {
  content: "\57";
}

@font-face {
	font-family: "Micado-Ticketshop";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: local("☺"), local("☺"),
		url("/fonts/micado-ticketshop-figma-07.woff2") format("woff2"),
		url("/fonts/micado-ticketshop-figma-07.woff") format("woff");
}

.mts-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Micado-Ticketshop' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mts-iconconfirm:before {
  content: "\4e";
}
.mts-iconregistration:before {
  content: "\4d";
}
.mts-iconenjoy:before {
  content: "\4f";
}
.mts-iconchangedata:before {
  content: "\41";
}
.mts-iconchangekeyword:before {
  content: "\42";
}
.mts-iconcreditcard:before {
  content: "\43";
}
.mts-icondayticket:before {
  content: "\44";
}
.mts-iconfaqs:before {
  content: "\45";
}
.mts-icongift:before {
  content: "\46";
}
.mts-iconlogin:before {
  content: "\47";
}
.mts-iconlogout:before {
  content: "\48";
}
.mts-iconmultidayticket:before {
  content: "\49";
}
.mts-iconorder:before {
  content: "\4a";
}
.mts-iconseasonticket:before {
  content: "\4b";
}
.mts-iconvoucher:before {
  content: "\4c";
}

@font-face {
	font-family: "Micado-Web";
	font-display: block;
	font-style: normal;
	font-weight: 400;
	src: local("☺"), local("☺"),
		url("/fonts/micado-web.woff2") format("woff2"),
		url("/fonts/micado-web.woff") format("woff");
}

.mw-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Micado-Web' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mw-iconarrowdown:before {
  content: "\31";
}
.mw-iconarrowleft:before {
  content: "\32";
}
.mw-iconarrowright:before {
  content: "\33";
}
.mw-iconarrowup:before {
  content: "\34";
}
.mw-iconcalendar:before {
  content: "\6b";
}
.mw-iconcancel:before {
  content: "\63";
}
.mw-iconcart:before {
  content: "\77";
}
.mw-iconchat:before {
  content: "\4e";
}
.mw-iconcheck:before {
  content: "\43";
}
.mw-iconchevrondown:before {
  content: "\35";
}
.mw-iconchevronleft:before {
  content: "\36";
}
.mw-iconchevronright:before {
  content: "\37";
}
.mw-iconchevronup:before {
  content: "\38";
}
.mw-iconclock:before {
  content: "\74";
}
.mw-iconclosed:before {
  content: "\47";
}
.mw-icondelete:before {
  content: "\64";
}
.mw-icondownload:before {
  content: "\44";
}
.mw-iconfacebook:before {
  content: "\46";
}
.mw-iconfile:before {
  content: "\66";
}
.mw-iconfolder:before {
  content: "\4f";
}
.mw-iconheart:before {
  content: "\48";
}
.mw-iconheartselected:before {
  content: "\68";
}
.mw-iconimage:before {
  content: "\62";
}
.mw-iconinfo:before {
  content: "\49";
}
.mw-iconinstagram:before {
  content: "\69";
}
.mw-iconmail:before {
  content: "\4d";
}
.mw-iconmarker:before {
  content: "\6d";
}
.mw-iconmenu:before {
  content: "\45";
}
.mw-iconminus:before {
  content: "\2d";
}
.mw-iconpause:before {
  content: "\70";
}
.mw-iconphone:before {
  content: "\50";
}
.mw-iconpinterest:before {
  content: "\72";
}
.mw-iconplay:before {
  content: "\61";
}
.mw-iconplus:before {
  content: "\2b";
}
.mw-iconrefresh:before {
  content: "\52";
}
.mw-iconsearch:before {
  content: "\53";
}
.mw-iconstar:before {
  content: "\73";
}
.mw-iconstarselected:before {
  content: "\6e";
}
.mw-icontwitter:before {
  content: "\54";
}
.mw-iconuser:before {
  content: "\65";
}
.mw-iconvideo:before {
  content: "\76";
}
.mw-iconvisibility:before {
  content: "\41";
}
.mw-iconvisibilityoff:before {
  content: "\67";
}
.mw-iconvolumeoff:before {
  content: "\75";
}
.mw-iconvolumeon:before {
  content: "\55";
}
.mw-iconvoucher:before {
  content: "\56";
}
.mw-iconwarning:before {
  content: "\57";
}
.mw-iconweather:before {
  content: "\42";
}
.mw-iconyoutube:before {
  content: "\59";
}
.mw-iconzoom:before {
  content: "\5a";
}

/* Layout - Header */

#HeaderWrapper {
	background: #004f8f;
	border-bottom: 1px solid #FFFFFF;
	height: 60px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
body.newsticker #HeaderWrapper {
	top: 40px;  
}
body.summer #HeaderWrapper {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
body.newsticker:not(.ticketshop) #HeaderWrapper.fixed {
	top: 0; 
}
#HeaderWrapper.mobile {
	position: absolute;
}
#HeaderWrapper > .row1 {
	position: relative;
	z-index: 2;
}
#HeaderWrapper > .row2 {
	background: #034E8D;
	border-bottom: 1px solid #437FB8;
	height: 60px;
	position: relative;
	z-index: 1;
}
#HeaderWrapper > div > div {
	height: 100%;
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px;
	position: relative;
}
#HeaderWrapper > div > div:after {
	clear: both;
	content: "";
	display: block;
}

/* Logo */

#HeaderWrapper > .row1 > div > a.logo {
	position: absolute;
	right: 20px;
	top: 5px;
	width: 229px;
	z-index: 2;
	transition: width 500ms ease 0s;
}
body.summer #HeaderWrapper > .row1 > div > a.logo {
	display: none;
	width: 234px;
}
#HeaderWrapper.fixed > .row1 > div > a.logo {
	width: 160px;
}
#HeaderWrapper > .row1 > div > a.logo > img {
	display: block;
	width: 100%;
}

/* Home */

#HeaderWrapper > .row1 > div > a.home {
	color: #fff;
	display: none;
    float: right;
    font-size: 24px;
    line-height: 39px;
    margin: 0 5px 0 0;
}
#HeaderWrapper > .row1 > div > a.home:after {
	content: "\e854";
	font-family: fontello;
}

/* Mobile - Desktop*/

#HeaderWrapper > .row1 > div > a.switch {
	color: #FFFFFF;
	display: none;
    float: right;   
    font-size: 18px;
    line-height: 39px;
    margin: 0 10px 0 0;
}
#HeaderWrapper > .row1 > div > a.switch:after {
	content: "\E859";  
	font-family: fontello;
}
#HeaderWrapper > .row1 > div > a.switch.mobile:after {
	content: "\E858";
	font-family: fontello;
}

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

	body.summer #HeaderWrapper > .row1 > div > a.logo {
		display: block;
	}

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

	#HeaderWrapper > .row1 > div > a.logo {
		right: 40px;
	}

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

	#HeaderWrapper > .row1 > div > a.logo {
		right: 60px;
	}

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

	#HeaderWrapper > .row1 > div > a.logo {
		right: 80px;
	}

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

	#HeaderWrapper > div > div {
		height: 0;
		margin: 0;
		max-width: none;
		padding: 0;
		position: static;
	}
	#HeaderWrapper > .row1 > div > a.logo {
		z-index: 99999;
	}

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

	/* Logo */

	#HeaderWrapper > .row1 > div > a.logo {
		width: 204px;
	}
		
	/* Home */
		
	#HeaderWrapper > .row1 > div > a.home {
		display: block;
	}	
	
	/* Mobile - Desktop */
		
	#HeaderWrapper > .row1 > div > a.switch {
		display: block;  
	}

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

	#HeaderWrapper > .row1 > div > a.logo {
		right: 20px;
	}
	body.summer #HeaderWrapper > .row1 > div > a.logo {
		width: 148px;
	}

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

	body.showQuickBooking #HeaderWrapper {
		display: none;
	}
		
}
@media all and (max-width: 550px){

	#HeaderWrapper > .row1 > div > a.logo {
		width: 150px;
	}

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

	#HeaderWrapper > .row1 > div > a.logo {
		width: 140px;
	}

}

/* Layout - Header - Sprachauswahl */

#HeaderWrapper > .row1 ul.lang {
	float: left;
	position: relative;
	z-index: 2;
}
#HeaderWrapper > .row1 ul.lang > li.selected {
	position: relative;
}
#HeaderWrapper > .row1 ul.lang > li.selected:before {
    background: rgba(255, 255, 255, 0.5);
    bottom: 15px;
	content: "";
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
}
body.summer #HeaderWrapper > .row1 ul.lang > li.selected:before {
	display: none;
}
#HeaderWrapper > .row1 ul.lang > li:last-child {
	padding: 0 0 3px 0;
}
#HeaderWrapper > .row1 ul.lang > li:last-child:before {
	background: #004f8f none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
#HeaderWrapper > .row1 ul.lang > li.hide {
	display: none;
}
#HeaderWrapper > .row1 ul.lang > li.more {
	background: #FFFFFF;
	margin: 0 0 0 0;
	position: relative;
}
#HeaderWrapper > .row1 ul.lang > li.more:hover {
	background: #0076D7;
}
#HeaderWrapper > .row1 ul.lang > li > a {
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 0 30px 0 75px;
	position: relative;
	text-transform: uppercase;
}
#HeaderWrapper > .row1 ul.lang > li > a:before {
	content: "";
    height: 28px;
    left: 25px;
    margin: -14px 0 0 0;
    position: absolute;
    top: 50%;
    width: 28px;
}
#HeaderWrapper > .row1 ul.lang > li > a.de:before {
	background: url("/img/layout/flag-de.png");
	background-size: 28px 28px;
}
#HeaderWrapper > .row1 ul.lang > li > a.en:before {		
	background: url("/img/layout/flag-en.png");
	background-size: 28px 28px;
}
#HeaderWrapper > .row1 ul.lang > li > a.nl:before {
	background: url("/img/layout/flag-nl.png");
	background-size: 28px 28px;
}
#HeaderWrapper > .row1 ul.lang > li > a.it:before {
	background: url("/img/layout/flag-it.png");
	background-size: 28px 28px;
}
#HeaderWrapper > .row1 ul.lang > li > a.es:before {
	background: url("/img/layout/flag-es.png");
	background-size: 28px 28px;
}
#HeaderWrapper > .row1 ul.lang > li > a.dk:before {
	background: url("/img/layout/flag-dk.png");
	background-size: 28px 28px;
}
#HeaderWrapper > .row1 ul.lang > li > a.cz:before {
	background: url("/img/layout/flag-cz.png");
	background-size: 28px 28px;
}
#HeaderWrapper > .row1 ul.lang > li.selected > a {
	color: #FFFFFF;
	line-height: 60px;
	width: 180px;
}
body.summer #HeaderWrapper > .row1 ul.lang > li.selected > a {
	color: #2D343E;
}
#HeaderWrapper > .row1 ul.lang > li.more > a {
	color: #2D343E;
	font-weight: normal;
	line-height: 32px;
	padding-bottom: 5px;
	padding-left: 75px;
	padding-right: 10px;
	padding-top: 5px;
}
#HeaderWrapper > .row1 ul.lang > li.more:hover > a {
	color: #FFFFFF;
}
#HeaderWrapper > .row1 ul.lang > li.more > a:before {
	left: 20px;
}
body.summer #HeaderWrapper > .row1 ul.lang > li.more > a::before {
	left: 35px;
}

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

	#HeaderWrapper > .row1 ul.lang {
		margin: 0 0 0 120px;
	}
	#HeaderWrapper > .row1 ul.lang > li > a {
		height: 40px;
		padding-left: 55px;
		padding-right: 20px;
	}
	#HeaderWrapper > .row1 ul.lang > li.selected:after {
		background: rgba(255, 255, 255, 0.5);
		bottom: 15px;
		content: "";
		left: 0;
		position: absolute;
		top: 15px;
		width: 1px;
	}
	body.summer #HeaderWrapper > .row1 ul.lang > li.selected:after	{
		background: #2D343E;
	}
	#HeaderWrapper > .row1 ul.lang > li.selected > a {
		height: 60px;
		width: auto;
	}
	#HeaderWrapper > .row1 ul.lang > li.more > a > span {
		background: #FFFFFF;
		display: block;
		height: 100%;
		left: 50px;
		line-height: 40px;
		position: absolute;
		top: 0;
		width: 110px;
	}
	#HeaderWrapper > .row1 ul.lang > li.more:hover > a > span {
		background: #0076D7;
	}
	#HeaderWrapper > .row1 ul.lang > li:last-child > a > span:before {
		background: #004f8f none repeat scroll 0 0;
		bottom: -3px;
		content: "";
		height: 3px;
		left: 0;
		position: absolute;
		width: 100%;
	}
	#HeaderWrapper > .row1 ul.lang > li > a:before {
		height: 24px;
		left: 20px;
		margin-top: -12px;
		width: 24px;
	}
	#HeaderWrapper > .row1 ul.lang > li > a:before {
		background-size: 24px !important;
	}
	#HeaderWrapper > .row1 ul.lang > li.more > a {
		padding-left: 55px;
	}
	body.summer #HeaderWrapper > .row1 ul.lang > li.more > a::before {
		left: 20px;
	}

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

	#HeaderWrapper > .row1 ul.lang > li.selected:before {
		display: none;
	}

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

	#HeaderWrapper > .row1 ul.lang > li > a {
		padding-left: 45px;
		padding-right: 15px;
	}
	#HeaderWrapper > .row1 ul.lang > li.selected > a {
		padding-left: 45px;
		padding-right: 15px;
	}
	#HeaderWrapper > .row1 ul.lang > li > a:before {
		left: 15px;
	}
	#HeaderWrapper > .row1 ul.lang > li.more > a {
		padding-left: 45px;
	}
	#HeaderWrapper > .row1 ul.lang > li.more > a:before {
		left: 15px;
	}
	body.summer #HeaderWrapper > .row1 ul.lang > li.more > a::before {
		left: 15px;
	}

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

	#HeaderWrapper > .row1 ul.lang > li > a > span {
		display: none;
	}
	#HeaderWrapper > .row1 ul.lang > li.selected > a {
		height: 60px;
		padding-left: 0;
		padding-right: 0;
		width: 55px;
	}

}
@media all and (max-width: 400px){
	
	#HeaderWrapper > .row1 ul.lang {
		margin: 0 0 0 50px;
	}
	#HeaderWrapper > .row1 ul.lang > li.selected > a {
		width: 50px;
	}
	#HeaderWrapper > .row1 ul.lang > li > a::before {
		left: 13px;
	}
	#HeaderWrapper > .row1 ul.lang > li.more > a:before {
		left: 13px;
	}
	#HeaderWrapper > .row1 ul.lang > li.more > a {
		padding-left: 45px;
	}
	body.summer #HeaderWrapper > .row1 ul.lang > li.more > a {
		padding-left: 45px;
	}

}

/* Layout - Header - Suche */

#HeaderWrapper .search {
    background: #0078da;   
    height: 59px;
    line-height: 59px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 59px;
}
#HeaderWrapper .search::before {
    color: #FFFFFF;
    content: "\E830";
    font-family: fontello;
    font-size: 28px;
}

body.searchOpen {
	overflow: hidden;
}
.searchOverlay {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.searchOverlay > div {
	background: #FFFFFF;
	left: 50%;
	min-width: 400px;
	padding: 0 20px 20px 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.searchOverlay > div > .close {
	color: #FFFFFF;
    font-size: 28px;
    line-height: 60px;
    position: absolute;
    right: 20px;
    top: 0;
}
.searchOverlay > div > .close:before {
	content: "\E82A";
	font-family: "fontello";
}
.searchOverlay > div > .title {
	background: #0076D7;
	color: #FFFFFF;
	font-family: "PT Sans", sans-serif;
	font-size: 22px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	margin: 0 -20px 0 -20px;
	padding: 0 20px 0 20px;
	text-transform: uppercase;
}

body.summer .searchOverlay > div > .title {
	background: #b1ca35;
}
.searchOverlay > div > .row {
	margin: 20px 0 20px 0;
	padding: 0 0 0 0;
	position: relative;
}
.searchOverlay > div > .row > .field {
    background: #F1f2f2;
    border: none;
    height: 40px;
	margin: 0 20px 0 0;
	padding: 0 20px 0 20px;
    width: 100%;
}
.searchOverlay > div > .row > .field:focus {
	outline: none;
}
.searchOverlay > div > .row > .button {
	background: #E30613;
	border: none;
	cursor: pointer;
    color: #FFFFFF;
    display: inline-block;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    -webkit-transition: background 200ms ease-in;
    -moz-transition: background 200ms ease-in;
    -ms-transition: background 200ms ease-in;
    -o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
.searchOverlay > div > .row > .button:hover {
	background: #034E8D;
}
.searchOverlay > div > .commonSearch > p {
	margin: 0 0 5px 0;
}
.searchOverlay > div > .commonSearch > ul:after {
	clear: both;
	content: "";
	display: block;
}
.searchOverlay > div > .commonSearch > ul > li {
    float: left;
    margin: 0 5px 5px 0;
}
.searchOverlay > div > .commonSearch > ul > li:last-of-type {
	margin-right: 0;
}
.searchOverlay > div > .commonSearch > ul > li > a {
    border: 1px solid #E30613;
    color: #E30613;
    line-height: 40px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "PT Sans", sans-serif;
    transition: background 500ms ease 0s, color 500ms ease 0s;
    padding: 0 20px;
}
.searchOverlay > div > .commonSearch > ul > li > a:hover {
	background: #E30613;
	color: #FFFFFF;
}

/* Suggestions */
.searchOverlay > div .suggestion {
	background: #ffffff; 
	border-radius: 2px;
	margin-top: -2px;
}
.searchOverlay > div .suggestion ul {
	background: #ffffff;
	border: 1px solid #dedede;
	max-height: 150px;
	overflow: auto; 
}
.searchOverlay > div .suggestion ul li {
	background: #ffffff;
	display: block;
	font-size: 16px; 
	font-weight: normal;
	line-height: 40px;
	padding: 5px 0 5px 15px;
	text-align: left;
}
.searchOverlay > div .suggestion ul li:hover {
	background: #F1f2f2;
}
.searchOverlay > div .suggestion ul li a {
	display: block;
	font-weight: 300;
	line-height: 1.4em; 	
}
.searchOverlay > div .suggestion ul li a:hover {
	color: #E30613;  
	transition: none; 
}
.searchOverlay > div .suggestion .buttons {
	margin-top: 25px;
}
.searchOverlay > div .suggestion .buttons a {
	background: #E30613;
    border: 1px solid #E30613;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 43px;
    padding: 0 15px;
    text-transform: uppercase;
	position: relative;
	transition: 500ms ease color, 500ms ease background;	
	text-transform: uppercase; 
}

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

	#HeaderWrapper .search {
		background: none;
		float: left;
		height: 60px;
		margin: 0 0 0 15px;
		position: relative;
		width: auto;	
	}
	#HeaderWrapper .search:before {
		font-size: 20px;
	}

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

	#HeaderWrapper .search {
		display: none !important;
	}

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

	.searchOverlay > div {
		min-width: 0;
		left: 20px;
		right: 20px;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}

}

/* Layout - Content */

#ContentWrapper {
	position: relative;
	width: 100%;
}
body.summer #ContentWrapper {
	background: #ffffff;
	z-index: 4;
}
#ContentWrapper > div {
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px;
	position: relative;
	transition: padding 300ms ease-out;
	z-index: 2;
}
#ContentWrapper > .content {
	padding-bottom: 50px;
}
.ticketshop #ContentWrapper > div {
	max-width: none;
	padding: 0 0 60px;
}
body.newsticker.ticketshop #ContentWrapper > div {
	padding-top: 40px;
}
#ContentWrapper > .row {
	background: #004f8f;
	border-top: 1px solid #FFFFFF;
	margin: 0;
	max-width: none;
	padding: 0;
}
#ContentWrapper > .row > .wrapper {
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px;
}
#ContentWrapper > div:after {
	clear: both;
	content: "";
	display: block;
}
#ContentWrapper > div > aside {
	float: right;
	width: 41.666666666666664%; /* 500 */
}
#ContentWrapper > div > section {
	margin: 0 45% 0 0; /* 0 540 0 0 */
	overflow: hidden;
}

/* Menü - Submenü */

#ContentWrapper > div > section > ul.submenu {
	display: none;
}

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

	body.summer #ContentWrapper {
		background: none;
		z-index: auto;
	}

}

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

	#ContentWrapper > .content {
		min-height: 0 !important;
	}
	#ContentWrapper > div > aside {
		float: none;
		padding-top: 0;
		width: 100%;
	}
	#ContentWrapper > div > section {
		margin-right: 0;
		overflow: visible;
	}
	
	/* Menü - Submenü */
	
	#ContentWrapper > div > section > ul.submenu {
		display: block;
	}

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

	#ContentWrapper > .row > .row1 {
		margin-left: -20px;
		margin-right: -20px;
	}

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

	body.intro #ContentWrapper > .row {
		display: none;
	}
	body.intro #ContentWrapper > .content {
		padding-top: 40px;
	}
		
}
@media all and (max-width: 600px){

	body.intro #ContentWrapper > .row {
		margin-top: 50px;
	}
		
}
@media all and (max-width: 500px){

	body.intro #ContentWrapper > .row {
		margin-top: 36px;
	}
		
}

/* Layout - Content (gesamte Breite) */

body.entirewidth #ContentWrapper > .content > section {
	margin-right: 0;
}

/* Layout - Header - User */

#HeaderWrapper .trigger-menu {
	cursor: pointer;
	color: #FFFFFF;
	position: relative;
	z-index: 1;
	float: right;
	border: 1px solid #A3A8AA;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	margin: 10px 6px 0 0;
	font-size: 25px;
	text-align: center;
	line-height: 40px;
	transition: margin 500ms ease 0s;
	z-index: 999;
}
#HeaderWrapper .trigger-menu:first-child {
	margin-left: auto !important;
}
body.summer #HeaderWrapper .trigger-menu {
	border-color: #c20016;
	color: #c20016;
}
#HeaderWrapper .trigger-menu:hover {
	background: #FFFFFF;
	border-color: #FFFFFF;
	color: #004f8f;
}
body.summer #HeaderWrapper .trigger-menu:hover {
	background: #c20016;
	color: #FFFFFF;
}
#HeaderWrapper .trigger-menu > .image {
	border-radius: 50%;
	height: 40px;
	overflow: hidden;
	width: 40px;
	display: flex;
	align-items: center;
}
#HeaderWrapper .trigger-menu > .image > img {
	width: 100%;
}
#HeaderWrapper .trigger-menu > span.check {
	color: #004f8f !important;
	font-weight: bold;
	margin: 0 0 0 5px;
	position: absolute;
	background: #FFFFFF;
	border-radius: 50%;
	width: 14px;
	line-height: 14px;
	font-size: 11px;
	top: 0;
	right: -3px;
}
body.summer #HeaderWrapper .trigger-menu > span.check {
	background: #c20016;
	color: #FFFFFF !important;
}

@media all and (max-width: 1500px) and (min-width: 1191px), (max-width: 640px) and (min-width: 400px), (max-width: 370px){

	#HeaderWrapper .trigger-menu {
		display: none;
	}

}

/* Layout - Header - Warenkorb (Counter) */

#HeaderWrapper .cart {
	border: 1px solid #A3A8AA;
	border-radius: 50%;
	cursor: pointer;
	height: 40px;
	line-height: 38px;
	text-align: center;
	position: relative;
	z-index: 999;
	width: 40px;
	color: #FFFFFF;
	float: right;
	margin: 10px 260px 0 0;
	transition: margin 500ms ease 0s;
}
#HeaderWrapper.fixed .cart {
	margin-right: 190px;
}
body.summer #HeaderWrapper .cart {
	border-color: #c20016;
	color: #c20016;
	margin-right: 0;
}
#HeaderWrapper.searchActive .trigger-menu,
#HeaderWrapper.searchActive .cart {
	display: none;
}
body.showCart #HeaderWrapper .cart,
#HeaderWrapper .cart:hover {
	background: #FFFFFF;
	border-color: #FFFFFF;
	color: #004f8f;
}
body.summer.showCart #HeaderWrapper .cart,
body.summer #HeaderWrapper .cart:hover {
	background: #c20016;
	color: #FFFFFF;
}
#HeaderWrapper .cart > span.mw-icon {
	font-size: 24px;
    position: relative;
    top: 4px;
}
#HeaderWrapper .cart > .count {
	color: #004f8f !important;
	font-weight: bold;
	margin: 0 0 0 5px;
	position: absolute;
	background: #FFFFFF;
	border-radius: 50%;
	width: 14px;
	line-height: 14px;
	font-size: 8px;
	top: 0;
	right: -3px;
}
body.summer #HeaderWrapper .cart > .count {
	background: #c20016;
	color: #FFFFFF !important;
}
#HeaderWrapper .cart:not(.filled) > .count {
	display: none;
}
body.showCart #HeaderWrapper .cart > .count,
#HeaderWrapper .cart:hover > .count {
	color: #FFFFFF;
}
#HeaderWrapper .cart.filled > .count {
	display: inline-block;
}
#HeaderWrapper .cart #starjack {
	display: none;
}

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

	body.summer:not(.entirewidth) #HeaderWrapper .cart {
		margin-right: calc(0px - 50vw + 990px);
	}

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

	body.summer:not(.entirewidth) #HeaderWrapper .cart {
		margin-right: calc(0px - 50vw + 910px);
	}
	body.summer.entirewidth #HeaderWrapper .cart {
		margin-right: calc(0px - 50vw + 700px);
	}

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

	#HeaderWrapper .cart {
		margin-right: 280px;
	}
	#HeaderWrapper.fixed .cart {
		margin-right: 210px;
	}

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

	#HeaderWrapper .cart {
		margin-right: 300px;
	}
	#HeaderWrapper.fixed .cart {
		margin-right: 230px;
	}

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

	#HeaderWrapper .cart {
		margin-right: 330px;
	}
	#HeaderWrapper.fixed .cart {
		margin-right: 260px;
	}
	body.summer:not(.entirewidth) #HeaderWrapper .cart {
		margin-right: 335px;
	}
	body.summer.entirewidth #HeaderWrapper .cart {
		margin-right: 20px;
	}

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

	#HeaderWrapper .cart {
		margin-right: 305px;
	}	

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

	#HeaderWrapper .cart {
		margin-right: 245px;
	}
	#HeaderWrapper.fixed .cart {
		margin-right: 200px;
	}
	body.summer:not(.entirewidth) #HeaderWrapper .cart {
		margin-right: 180px;
	}

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

	#HeaderWrapper .cart {
		margin-right: 190px;
	}
	#HeaderWrapper.fixed .cart {
		margin-right: 190px;
	}

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

	#HeaderWrapper .cart {
		margin-right: 180px;
	}
	#HeaderWrapper.fixed .cart {
		margin-right: 180px;
	}

}

/* Layout - Info Balken */

#GalleryWrapper .infoBar {
    background: #0078da;
    border-right: 1px solid #FFFFFF;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 997;
}
#GalleryWrapper .infoBar > a {
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    font-weight: bold;
    height: 105px;
    line-height: 1;
    padding: 20px 0px 20px 75px;
    position: relative;
    width: 180px;
}
#GalleryWrapper .infoBar > a:after {
    background: #FFFFFF;
    bottom: 4px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: rotate(3deg);
    width: 100%;
    z-index: 1;
}
#GalleryWrapper .infoBar > a.summer {
	display: none;
}
#GalleryWrapper .infoBar > a > .icon {
    font-size: 32px;
	font-weight: normal;
    left: 20px;
    position: absolute;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.8);
    top: 27px;
}
#GalleryWrapper .infoBar > a > .icon:before {
    font-family: fontello;
}
#GalleryWrapper .infoBar > a > .icon.weather {
	font-size: 40px;
}
#GalleryWrapper .infoBar > a > .icon.weather:before {
	content: "\E83F";
}
#GalleryWrapper .infoBar > a > .icon.weathera:before,
#GalleryWrapper .infoBar > a > .icon.weatherb:before,
#GalleryWrapper .infoBar > a > .icon.weatherA:before,
#GalleryWrapper .infoBar > a > .icon.weatherB:before {
	content: "\E849";
}
#GalleryWrapper .infoBar > a > .icon.weatherc:before,
#GalleryWrapper .infoBar > a > .icon.weatherd:before,
#GalleryWrapper .infoBar > a > .icon.weatherf:before,
#GalleryWrapper .infoBar > a > .icon.weatherC:before,
#GalleryWrapper .infoBar > a > .icon.weatherD:before,
#GalleryWrapper .infoBar > a > .icon.weatherF:before {
	content: "\E84A";
}
#GalleryWrapper .infoBar > a > .icon.weathere:before,
#GalleryWrapper .infoBar > a > .icon.weatherk:before,
#GalleryWrapper .infoBar > a > .icon.weathers:before,
#GalleryWrapper .infoBar > a > .icon.weathert:before,
#GalleryWrapper .infoBar > a > .icon.weatherE:before,
#GalleryWrapper .infoBar > a > .icon.weatherK:before,
#GalleryWrapper .infoBar > a > .icon.weatherS:before,
#GalleryWrapper .infoBar > a > .icon.weatherT:before {
	content: "\E856";
}
#GalleryWrapper .infoBar > a > .icon.weatherg:before,
#GalleryWrapper .infoBar > a > .icon.weatherh:before,
#GalleryWrapper .infoBar > a > .icon.weatheri:before,
#GalleryWrapper .infoBar > a > .icon.weatherj:before,
#GalleryWrapper .infoBar > a > .icon.weatherG:before,
#GalleryWrapper .infoBar > a > .icon.weatherH:before,
#GalleryWrapper .infoBar > a > .icon.weatherI:before,
#GalleryWrapper .infoBar > a > .icon.weatherJ:before {
	content: "\E84D";
}
#GalleryWrapper .infoBar > a > .icon.weatherl:before,
#GalleryWrapper .infoBar > a > .icon.weatherm:before,
#GalleryWrapper .infoBar > a > .icon.weathern:before,
#GalleryWrapper .infoBar > a > .icon.weatherL:before,
#GalleryWrapper .infoBar > a > .icon.weatherM:before,
#GalleryWrapper .infoBar > a > .icon.weatherN:before {
	content: "\E84F";
}
#GalleryWrapper .infoBar > a > .icon.weathero:before,
#GalleryWrapper .infoBar > a > .icon.weatherp:before,
#GalleryWrapper .infoBar > a > .icon.weatherO:before,
#GalleryWrapper .infoBar > a > .icon.weatherP:before {
	content: "\E84F";
}
#GalleryWrapper .infoBar > a > .icon.weatherq:before,
#GalleryWrapper .infoBar > a > .icon.weatherr:before,
#GalleryWrapper .infoBar > a > .icon.weatherx:before,
#GalleryWrapper .infoBar > a > .icon.weatherQ:before,
#GalleryWrapper .infoBar > a > .icon.weatherR:before,
#GalleryWrapper .infoBar > a > .icon.weatherX:before {
	content: "\E84E";
}
#GalleryWrapper .infoBar > a > .icon.weatheru:before,
#GalleryWrapper .infoBar > a > .icon.weatherU:before {
	content: "\E84D";
}
#GalleryWrapper .infoBar > a > .icon.weatherv:before,
#GalleryWrapper .infoBar > a > .icon.weatherw:before,
#GalleryWrapper .infoBar > a > .icon.weatherV:before,
#GalleryWrapper .infoBar > a > .icon.weatherW:before {
	content: "\E857";
}
#GalleryWrapper .infoBar > a > .icon.weathery:before,
#GalleryWrapper .infoBar > a > .icon.weatherz:before,
#GalleryWrapper .infoBar > a > .icon.weatherY:before,
#GalleryWrapper .infoBar > a > .icon.weatherZ:before {
	content: "\E855";
}
#GalleryWrapper .infoBar > a > .icon.lift:before {
    content: "\E83C";
    font-size: 44px;
}
#GalleryWrapper .infoBar > a > .icon.pist:before {
	content: "\E83D";
}
#GalleryWrapper .infoBar > a > .icon.snowheight:before {
	content: "\E83E";
}
#GalleryWrapper .infoBar > a > .icon.hiking {
    font-size: 38px;
}
#GalleryWrapper .infoBar > a > .icon.hiking:before {
	content: "\E846";
}
#GalleryWrapper .infoBar > a > .icon.webcam:before {
    content: "\E86C";
}
#GalleryWrapper .infoBar > a > .icon.events:before {
	content: "\E86D";
	font-size: 44px;
}
#GalleryWrapper .infoBar > a > span {
    display: block;
}
#GalleryWrapper .infoBar > a > .title {    
    font-family: 'PT Sans', sans-serif;
    margin: 0 0 6px 0;
    overflow: hidden;
	text-overflow: ellipsis;
    text-transform: uppercase;
}
#GalleryWrapper .infoBar > a > .value {
    font-size: 16px;
    font-weight: 500;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#GalleryWrapper .infoBar > a > .value > span {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    margin: 0 3px 0 0;
}
#GalleryWrapper .infoBar > a > .label {
    font-size: 13px;
    font-weight: 500;
    margin: 3px 0 0 0;
}
#GalleryWrapper .infoBar > a.column0 {
    height: 90px;
    padding-bottom: 35px;
    padding-top: 35px;
}
#GalleryWrapper .infoBar > a.column0 > .icon {
    top: 25px;
}
#GalleryWrapper .infoBar > a.column4:after,
#GalleryWrapper .infoBar > a.column6:after {
	display: none;
}
#GalleryWrapper .infoBar > a.column5 {
	display: none;
}

body.summer #GalleryWrapper .infoBar > a.winter {
	display: none;
}
body.summer #GalleryWrapper .infoBar > a.summer {
	display: block;
}
body.summer #GalleryWrapper .infoBar > a.column3, 
body.summer #GalleryWrapper .infoBar > a.column4 {
    display: none;
}
body.summer #GalleryWrapper .infoBar > a.column5 {
	display: block;
}

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

    #GalleryWrapper .infoBar > a {
        height: 85px;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #GalleryWrapper .infoBar > a > .icon {
        top: 15px;
    }
    #GalleryWrapper .infoBar > a.column0 {
        height: 70px;
        padding-bottom: 25px;
        padding-top: 25px;    
    }
    #GalleryWrapper .infoBar > a.column0 > .icon {
        top: 15px;
    }

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

    #GalleryWrapper .infoBar {
        border-right: none;
        border-top: 1px solid #FFFFFF;
        bottom: 0;
        height: auto;
        top: auto;
        width: 100%;    
    }
    #GalleryWrapper .infoBar > a {
        float: left;
        height: 80px;    
        padding-bottom: 11px;
        padding-top: 11px;
        width: 20%;
    }
    #GalleryWrapper .infoBar > a:after {
        bottom: 0;
        height: 100%;
        left: 100%;
        width: 1px;    
    }
    #GalleryWrapper .infoBar > a.column0 {
        height: 80px;
        padding-bottom: 32px;
        padding-top: 32px;
    }
    #GalleryWrapper .infoBar > a > .icon {
        top: 18px;    
    }
    #GalleryWrapper .infoBar > a.column0 > .icon {
        top: 23px;    
    }
    #GalleryWrapper .infoBar > a > .title {
        margin-bottom: 3px;
    }
    #GalleryWrapper .infoBar > a > .label {
        margin-top: 1px;
    }


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

    #GalleryWrapper .infoBar > a {
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 55px;
    }
    #GalleryWrapper .infoBar > a > .icon {
        left: 50%;
        top: 10px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);   
    }
    #GalleryWrapper .infoBar > a.column0 {
        padding-bottom: 0;
        padding-top: 55px;
    }
    #GalleryWrapper .infoBar > a.column0 > .icon {
        left: 50%;
        top: 10px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);    
    }
    #GalleryWrapper .infoBar > a > .title {
        text-align: center;
    }
    #GalleryWrapper .infoBar > a > .value {
        display: none;
    }
    #GalleryWrapper .infoBar > a > .label {
        display: none;
    }
    #GalleryWrapper .infoBar > a > .icon.weather {
        font-size: 32px;
    }
    #GalleryWrapper .infoBar > a > .icon.lift:before {
        font-size: 32px;
    }
    #GalleryWrapper .infoBar > a > .icon.hiking {
        font-size: 32px;    
    }
    #GalleryWrapper .infoBar > a > .icon.hiking:before {
        font-size: 32px;    
    }
    #GalleryWrapper .infoBar > a > .icon.events:before {
        font-size: 36px;
    }

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

	#GalleryWrapper .infoBar > a {
		height: 60px;
		padding-top: 42px;
	}
	#GalleryWrapper .infoBar > a > .icon {
		top: 8px;
	}
	#GalleryWrapper .infoBar > a > .title {
		font-size: 12px;
	}
	#GalleryWrapper .infoBar > a > .icon {
		font-size: 24px;
	}
	#GalleryWrapper .infoBar > a > .icon.weather {
		font-size: 26px;
	}
	#GalleryWrapper .infoBar > a > .icon.lift:before {
		font-size: 24px;
	}
	#GalleryWrapper .infoBar > a > .icon.hiking {
		font-size: 24px;
	}
	#GalleryWrapper .infoBar > a > .icon.hiking:before {
		font-size: 24px;
	}
	#GalleryWrapper .infoBar > a > .icon.events:before {
		font-size: 26px;
	}
	#GalleryWrapper .infoBar > a.column0 {
		height: 60px;
		padding-top: 42px;
	}

}

/* Layout - Content - Online Shop */

#GalleryWrapper > .onlineShop {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99999;
}
body.summer #GalleryWrapper > .onlineShop {
	display: none;
}
#GalleryWrapper > .onlineShop > a {
    background: #e50000;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    font-weight: bold;
    height: 90px;
    padding: 54px 0 15px 0;
    position: relative;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    transition: right 500ms ease 0s;
    width: 110px;
}
#GalleryWrapper > .onlineShop > a:hover {
	right: 205px;
}
#GalleryWrapper > .onlineShop > a:before {
    content: "\E86E";
    font-family: fontello;
    font-size: 30px;
    font-weight: normal;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 19px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#GalleryWrapper > .onlineShop > a.skipass {
	margin: 0 0 5px 0;
}
#GalleryWrapper > .onlineShop > a.voucher:before {
	content: "\E86F";
	font-size: 36px;
    top: 14px;
}
#GalleryWrapper > .onlineShop > a > span {
    background: #c20000;
    bottom: 0;
    display: block;
    font-size: 13px;
    font-weight: 500;
    left: 100%;
    line-height: 1.1;
    padding: 10px 10px;
    position: absolute;
    text-align: left;
    text-transform: none;
    top: 0;
    width: 210px;
    word-wrap: break-word;
}

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

	#GalleryWrapper > .onlineShop {
		display: none;
	}

}

/* Layout - Header - Warenkorb */

body.showCart #PageWrapper:after {
	content: "";
	background: rgba(45, 52, 62, 0.3);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	position: fixed;
	top: 60px;
	left: -100px;
	right: -100px;
	bottom: -100px;
	z-index: 2;
}
#HeaderWrapper .voucherCart {
	background: #2D343E;
    bottom: 0;
    color: #FFFFFF;
    cursor: default;
    line-height: 30px;
    padding: 0 48px;
    position: fixed;
    overflow: hidden;
    right: -515px;
    top: 60px;
    transition: all 300ms ease-out;
    text-align: left;
    width: 515px;
}
.newsticker #HeaderWrapper .voucherCart {
	top: 100px;
}
#HeaderWrapper .voucherCart:after {
	background: url("/img/starjack/star-white.svg") no-repeat bottom right;
	content: "";
	height: 550px;
	width: 200%;
	position: absolute;
	bottom: 89px;
	right: -250px;
	z-index: -1;
	background-size: auto 100%;
	opacity: 0.1;
}
body.noanimation #HeaderWrapper .voucherCart,
body.ticketshop #HeaderWrapper .voucherCart,
#HeaderWrapper.step1 .voucherCart {
    top: 60px;
}
body.showCart #HeaderWrapper .voucherCart {
	right: 0;
}
#HeaderWrapper .voucherCart > .cartWrapper.hidden {
	display: none;
}
#HeaderWrapper .voucherCart > a.remove {
	color: #FFFFFF;
	display: block;
	font-size: 25px;
	font-weight: normal;
	position: absolute;
	right: 44px;
	top: 26px;
	z-index: 100;
}
#HeaderWrapper .voucherCart > .cartWrapper {
	height: 100%;
}

/* Titel */

#HeaderWrapper .voucherCart > .cartWrapper > .title {
    font-size: 18px;
    font-weight: 400;
    margin: 23px 0 0;
    position: absolute;
	transition: all 300ms ease-in-out;
}
#HeaderWrapper .voucherCart > .cartWrapper.hide > .title {
    opacity: 0;
    top: 10px;
}
#HeaderWrapper .voucherCart > .cartWrapper > .title > span {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	margin: -10px 0 0;
	position: absolute;
	top: 50%;
	left: 0;
}

/* Formular */

#HeaderWrapper .voucherCart > .cartWrapper > form {
	height: 100%;
	padding: 130px 0 65px;
	position: relative;
	transition: all 300ms ease-in-out;
}
#HeaderWrapper .voucherCart > .cartWrapper.hide > form {
    margin-top: 10px;
    opacity: 0;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top {
    margin: 0 -10px 0 -20px;
    max-height: calc(100vh - 320px);
    overflow: auto;
    padding: 0 10px 0 20px;
    -webkit-overflow-scrolling: touch;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry {
	background: #F1F1F2;
	color: #2D343E;
	margin: 0 0 5px;
    padding: 16px 20px;
    position: relative;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry.noentries > .text {
	margin: 0;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .title {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.15;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .type {
	color: #E30613;
	font-family: "PT Sans";
	font-size: 38px;
	font-weight: bold;
	line-height: 1;
	margin: 4px 40px 0 0;
	text-transform: uppercase;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .text {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.29;
	margin: 21px 150px 0 0;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .price {
    bottom: 14px;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    right: 20px;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .remove {
	color: #A3A8AA;
	position: absolute;
	right: 16px;
	top: 13px;
	font-size: 22px;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .remove:hover {
    color: #E30613;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total {
	display: flex;
	align-items: center;
	height: 50px;
	margin: 40px 0 0;
	justify-content: space-between;
	position: relative;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total:before {
	background: url("/img/starjack/line-red.svg") no-repeat top right / auto 100%;
	content: "";
	position: absolute;
	left: 0;
	height: 17px;
	width: 100%;
	top: -19px;
}
#HeaderWrapper .voucherCart.noArticles > .cartWrapper > form > .top > .total {
	display: none;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total > .label {
	font-size: 18px;
	font-weight: normal;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total > .value {
	font-size: 24px;
	font-weight: bold;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom {
	bottom: 0;
	display: flex;
	position: absolute;
	left: -48px;
	right: -48px;
	padding: 20px 48px;
	border-top: 1px solid #424851;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom > a {
	border: 2px solid #A3A8AA;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 44px;
	padding: 0 20px;
	text-transform: uppercase;
	text-align: center;
}
#HeaderWrapper .voucherCart.noArticles > .cartWrapper > form > .bottom > a {
	width: 100%;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom > a:hover {
	background: #FFFFFF;
	border-color: #FFFFFF;
	color: #E30613;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom > button {
	background: #E30613;
	cursor: pointer;
	border: 0;
	font-weight: bold;
	height: 48px;
	padding: 0 20px;
	outline: 0 !important;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0 auto;
}
#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom > button:hover {
	background: #FFFFFF;
	color: #E30613;
}
#HeaderWrapper .voucherCart.noArticles > .cartWrapper > form > .bottom > button {
	display: none;
}

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

	#HeaderWrapper .voucherCart {
		top: 0 !important;
		z-index: 999999 !important;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top {
		max-height: calc(100vh - 186px);
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form {
		padding-top: 77px;
	}

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

	#HeaderWrapper .voucherCart {
		left: 100%;
		padding: 0 15px;
		right: auto;
		top: 0 !important;
		width: 100%;
	}
	body.showCart #HeaderWrapper .voucherCart {
		left: 0;
		right: auto;
	}
	#HeaderWrapper .voucherCart > a.remove {
		right: 12px;
	}

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

	#HeaderWrapper .voucherCart:after {
		height: 300px;
		bottom: 40px;
		right: -130px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > .title {
		font-size: 16px;
	}
	#HeaderWrapper .voucherCart > a.remove {
		font-size: 30px;
		right: 9px; 
		top: 24px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form {
		padding-top: 89px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top {
		max-height: calc(100vh - 230px);
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom > a {
		padding: 0 12px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom > button {
		padding: 0 12px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .bottom > button > span {
		display: none;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total {
		margin-top: 35px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total:before {
		top: -21px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total > .label {
		font-size: 16px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .total > .value {
		font-size: 20px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry {
		padding: 12px 16px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .title {
		font-size: 16px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .type {
		font-size: 25px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .text {
		font-size: 12px;
		padding-top: 25px;
	}
	#HeaderWrapper .voucherCart > .cartWrapper > form > .top > .entry > .price {
		bottom: 8px;
		font-size: 20px;
	}

}

/* Layout - Header - Warenkorb - NextStep */

#HeaderWrapper .voucherCart > .nextStepWrapper {
	padding-bottom: 87px;
	position: relative;
}
#HeaderWrapper .voucherCart > .cartWrapper:not(.hide) + .nextStepWrapper {
	display: none;
}

/* Titel */

#HeaderWrapper .voucherCart > .nextStepWrapper > .title {
    font-size: 36px;
    font-weight: 400;
    margin: 43px 0 23px;
    opacity: 0;
	position: relative;
	top: -10px;
	transition: all 300ms ease-in-out;
}
#HeaderWrapper .voucherCart > .cartWrapper.hidden + .nextStepWrapper > .title {
    opacity: 1;
	top: 0;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > .close {
	cursor: pointer;
    opacity: 0;
	position: absolute;
	margin-top: -10px;
	transition: all 300ms ease-in-out;
	top: 3px;
	right: 0;
	font-size: 19px;
}
#HeaderWrapper .voucherCart > .cartWrapper.hidden + .nextStepWrapper > .close {
    opacity: 1;
	margin-top: 0;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > .close:after {
	content: "\E869";
	font-family: "fontello";
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form {
	overflow: auto;
	max-height: calc(100vh - 420px);
    opacity: 0;
	margin-left: -125px;
	margin-right: -50px;
	padding-left: 125px;
	padding-right: 50px;
	margin-top: -10px;
	transition: all 300ms ease-in-out;
}
#HeaderWrapper .voucherCart > .cartWrapper.hidden + .nextStepWrapper > form {
    opacity: 1;
	margin-top: 0;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .text {
    font-size: 15px;
    font-weight: 400;
    margin: 20px 0 0;
    line-height: 1.2;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list {
    counter-reset: list-counter;
    margin: 45px 0 0;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list > li {
    counter-increment: list-counter;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1;
    position: relative;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list > li + li {
	margin-top: 10px;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list > li:before {
	content: counter(list-counter) ". ";
	left: -94px;
	position: absolute;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list > li:after {
	background: #FFFFFF;
	content: "";
	width: 3px;
	position: absolute;
	top: -8px;
	left: -46px;
	bottom: -8px;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .hint {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
	margin: 50px 0 0;
	padding: 15px 0 0;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .hint > span {
	font-weight: 900;
	width: 28px;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 0 3px;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > .hint > span:after {
	background: #FFFFFF;
	content: "";
	height: 28px;
	width: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -14px 0 0;
	border-radius: 50%;
	z-index: -1;
	opacity: 0.2;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > input {
	background: #E30613;
	color: #FFFFFF;
	cursor: pointer;
	border: 0;
	display: table;
	font-weight: 500;
	height: 45px;
	padding: 0 25px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 0 auto;
	position: absolute;
	bottom: 6px;
	right: 0;
}
#HeaderWrapper .voucherCart > .nextStepWrapper > form > input:hover {
	background: #FFFFFF;
	color: #E30613;	
}

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

	#HeaderWrapper .voucherCart > .nextStepWrapper {
		position: static;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > .title {
		font-size: 30px;
		font-weight: 500;
		margin-top: 27px;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form {
		max-height: calc(100vh - 240px);
		margin-left: -80px;
		padding-left: 80px;
	}
	body.ticketshop #HeaderWrapper .voucherCart > .nextStepWrapper > form {
		max-height: calc(100vh - 180px);
	}
	#HeaderWrapper .voucherCart > .cartWrapper.hidden + .nextStepWrapper > form {
		position: static;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > .close {
		right: 20px;
		top: 28px;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form > .text {
		margin-top: 27px;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list {
		margin-top: 25px;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list > li {
		font-size: 22px;
		line-height: 1.2;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list > li:after {
		left: -21px;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form > .list > li:before {
		left: -57px;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form > .hint {
		margin-top: 30px;
	}
	#HeaderWrapper .voucherCart > .nextStepWrapper > form > input {
		position: absolute;
		bottom: 30px;
		right: 20px;
	}

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

	#HeaderWrapper .voucherCart > .nextStepWrapper > form > input {
		font-size: 14px;
	}

}

/* Layout - Content - Newsticker */

#ContentWrapper > .row > div > .newsticker {
	float: left;
	height: 40px;
	overflow: hidden;
	padding: 0 20px 0 120px;
	position: relative;
	width: 45.833333333333329%; /* 910 */
}
#ContentWrapper > .row > div > .newsticker:before {
	color: #FFFFFF;
	content: "\E841";
	font-family: "fontello";
	font-size: 25px;
	left: 10px;
	line-height: 40px;
	position: absolute;
	top: 0;
}
#ContentWrapper > .row > div > .newsticker:after {
	color: #000000;
	color: rgba(0, 0, 0, 0.75);
	content: "News";
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
	left: 70px;
	line-height: 40px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
}
#ContentWrapper > .row > div > .newsticker li > a {
	color: #FFFFFF;
	display: inline-block;
	font-family: "PT Sans", sans-serif;
	line-height: 40px;
}

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

	#ContentWrapper > .row > div > .newsticker {
		width: 100%;
	}

}

/* Layout - Content - Skiline */

#ContentWrapper > .row > a.skiline {
	background: #0078da;
	color: #FFFFFF;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 20px 0 20px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
#ContentWrapper > .row > a.skiline:before {
	background: #004f8f;
	bottom: -5px;
	content: "";
	left: -15px;
	position: absolute;
	top: -5px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 20px;
}
#ContentWrapper > .row > a.skiline:hover {
	background: #E30613;
}
#ContentWrapper > .row > a.skiline > span.icon {
	float: left;
	font-size: 14px;
	height: 40px;
	margin: 0 12px 0 0;
	width: 35px;
}
#ContentWrapper > .row > a.skiline > span.icon:after {
	color: #FFFFFF;
	content: "\E843";
	display: block;
	font-family: "fontello";
	font-weight: normal;
	line-height: 30px;
}
#ContentWrapper > .row > a.skiline > span.text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

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

	#ContentWrapper > .row > a.skiline > span.text > span {
		display: none;
	}
		
}
@media all and (max-width: 820px){

	#ContentWrapper > .row > a.skiline {
		display: none;
	}

}

/* Layout - Content - Social Media */

.socialmedia {
	height: auto;
	position: absolute;
	right: 230px;
	top: -20px;
	z-index: 9999;
}
body.summer .socialmedia {
	top: -6px;
	right: 50% !important;
	margin-right: -600px;
}
body.showQuickBooking .socialmedia {
	display: none !important;
}
body.summer .socialmedia > p {
	float: left;
	line-height: 40px;
	color: #2D343E;
	font-size: 14px;
	font-weight: 500;
	margin-right: 55px;
	position: relative;
	text-transform: uppercase;
}
body.summer .socialmedia > p::after {
	color: #aecb35;
	content: "\E803";
	display: block;
	float: left;
	font-family: "Fontello";
	height: 20px;
	position: absolute;
	right: -20px;
	top: -1px;
	width: 10px;
}
.socialmedia > a {
	border-radius: 50%;
	display: block;
	float: left;
	height: 40px;
	margin: 0 0 0 3px;
	position: relative;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 40px;
	z-index: 100;
}
body.summer .socialmedia > a {
	border-radius: 0;
	margin: 0 0 0 8px;
}
.socialmedia > a:before {
	color: #FFFFFF;
	font-family: 'fontello';
	font-size: 24px;
	font-weight: normal;
	height: 40px;
	left: 0;
	line-height: 40px;
	position: absolute;
	width: 40px;
	text-align: center;
	top: 0;
}
.socialmedia > a.fb {
	background: #3a5a9a;
}
.socialmedia > a.fb:hover {
	background: #3a5a9a;
}
.socialmedia > a.fb:before {
	content: '\E80C';
}
.socialmedia > a.tw {
	background: #52adf0;
}
.socialmedia > a.tw:hover {
	background: #52adf0;
}
.socialmedia > a.tw:before {
	content: '\E80B';
}
.socialmedia > a.yt {
	background: #c52a21;
}
.socialmedia > a.yt:hover {
	background: #c52a21;
}
.socialmedia > a.yt:before {
	content: '\E84B';
}
.socialmedia > a.ig {
	background: #d925da;
}
body.summer .socialmedia > a.ig {
	background-image: linear-gradient(45deg, #fdc355 6%, #fd1d4a 45%, #e31a9e 73%, #6b2fe6);
}
.socialmedia > a.ig:hover {
	background: #d925da;
}
body.summer .socialmedia > a.ig:hover {
	background-image: linear-gradient(45deg, #fdc355 6%, #fd1d4a 45%, #e31a9e 73%, #6b2fe6);
}
.socialmedia > a.ig:before {
	content: '\F16D';
}
.socialmedia > a.wa {
	background: #25d366;
}
body.summer .socialmedia > a.wa {
	background: #aecb35;
}
.socialmedia > a.wa:hover {
	background: #25d366;
}
body.summer.socialmedia > a.wa:hover {
	background: #aecb35;
}
.socialmedia > a.wa:before {
	content: '\f232';
}
body.summer .socialmedia > a.wa:before {
	content: '\E886';
}
.socialmedia > a.tt {
	align-items: center;
	background: #ff0050;
	display: flex;
	justify-content: center;
}
.socialmedia > a.tt svg {
	height: 32px;
	width: 32px;
}

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

	body.summer .socialmedia {
		right: 20px !important;
		margin-right: 0;
	}
	body.summer .socialmedia > p {
		display: none;
	}

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

	.socialmedia {
		right: 160px;
	}

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

	.socialmedia {
		display: none;
		left: 20px;
		right: auto;
		top: -110px;
	}	
	.socialmedia > a {
		margin: 0 3px 0 0;
	}

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

	.socialmedia {
		top: -88px;
	}
	.socialmedia > a {
		height: 32px;
		width: 32px;
	}
	.socialmedia > a:before {
		font-size: 18px;
		height: 32px;
		line-height: 32px;
		width: 32px;
	}

}

/* Layout - Kontext - Social Media */

#ContentWrapper > div > aside > .contextSocialMedia {
	border-top: 1px solid #F1F1F2;
	display: none;
	margin: 0 0 25px;
	padding: 6px 0 0;
}
#ContentWrapper > div > aside > .contextSocialMedia:after {
	clear: both;
	content: "";
	display: block;
}
#ContentWrapper > div > aside > .contextSocialMedia > div {
	display: inline-block;
	/*padding: 0 35px 0 0;*/
	position: relative;
	width: 32%;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.whatsapp {
	display: none;
}
#ContentWrapper > div > aside > .contextSocialMedia.es > div {
	width: 30%;
}
#ContentWrapper > div > aside > .contextSocialMedia.es > div.facebook {
	width: 36%;
}
#ContentWrapper > div > aside > .contextSocialMedia > div > a {
	color: #8F9497;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
#ContentWrapper > div > aside > .contextSocialMedia > div > a:before {
	font-family: 'fontello';
	font-size: 15px;
	font-weight: normal;
	line-height: 30px;
	margin: 0 10px 0 0;
}
/*#ContentWrapper > div > aside > .contextSocialMedia > div > span {
	border-bottom: 1px solid #F1F1F2;
	border-right: 1px solid #F1F1F2;
	border-top: 1px solid #F1F1F2;
	color: #8F9497;
	font-size: 11px;
	line-height: 28px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 35px;
}*/
#ContentWrapper > div > aside > .contextSocialMedia > div.facebook {
	margin: 0 2% 0 0;
	top: -3px;
}
/*#ContentWrapper > div > aside > .contextSocialMedia > div.facebook > a {
	background: #034E8D;
	color: #FFFFFF;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.facebook > a:hover {
	background: #003A6B;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.facebook > a:before {
	content: '\E80C';
}*/
#ContentWrapper > div > aside > .contextSocialMedia > div.twitter {
	margin: 0 2% 0 0;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.twitter > a {
	background: #1DC6FF;
	color: #FFFFFF;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.twitter > a:hover {
	background: #15B5EA;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.twitter > a:before {
	content: '\E80B';
}
#ContentWrapper > div > aside > .contextSocialMedia > div.googleplus > a {
	background: #D6492F;
	color: #FFFFFF;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.googleplus > a:hover {
	background: #C4432D;
}
#ContentWrapper > div > aside > .contextSocialMedia > div.googleplus > a:before {
	content: '\E80D';
}

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

	#ContentWrapper > div > aside > .contextSocialMedia > div.facebook {
		width: 40%;
	}
	#ContentWrapper > div > aside > .contextSocialMedia > div {
		width: 28%;
	}			
	#ContentWrapper > div > aside > .contextSocialMedia.es > div {
		width: 49%;
	}
	#ContentWrapper > div > aside > .contextSocialMedia.es > div.facebook {
		margin: 0 0 5px 0;
		width: 100%;
	}

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

	#ContentWrapper > div > aside > .contextSocialMedia > div.facebook {
		width: 44%;
	}
	#ContentWrapper > div > aside > .contextSocialMedia > div {
		width: 26%;
	}	

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

	#ContentWrapper > div > aside > .contextSocialMedia > div.facebook {
		width: 48%;
	}
	#ContentWrapper > div > aside > .contextSocialMedia > div {
		width: 24%;
	}	

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

	#ContentWrapper > div > aside > .contextSocialMedia {
		display: none;
	}

}

/* Layout - Footer */

#FooterWrapper {
	bottom: 0;
	position: absolute;
	width: 100%;
}
#FooterWrapper > .row1 {
	background: #E3E4E5;
	position: relative;
}
body.summer #FooterWrapper > .row1 {
	background: none;
	background-image: url("/img/layout/bg-footer.jpg");
	position: relative;
	background-size: cover;
	background-position: top;
	padding-top: 100px;
}
#FooterWrapper > .row2 {
	background: #034E8D;
}
#FooterWrapper > div > div {
	height: 100%;
	margin: 0 auto;
	max-width: 1240px;
	padding: 0 20px;
	position: relative;
}
#FooterWrapper > div > div:after {
	clear: both;
	content: "";
	display: block;
}
#FooterWrapper > .row1 > div {
	padding-bottom: 40px;
	padding-top: 40px;
}
#FooterWrapper > .row1 > div:before {
	background: #E3E4E5;
	content: "";
	height: 50px;
	left: 50px;
	position: absolute;
	top: -15px;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 200px;
	z-index: -1;
}
body.summer #FooterWrapper > .row1 > div:before {
	display: none;
}
#FooterWrapper > .row1 > div > .column1 {
	float: left;
	padding: 0 55px 0 0;
	width: 30%;
}
#FooterWrapper > .row1 > div > .column2 {
	float: left;
	width: 70%;
}

/* Scroll - Top */

#FooterWrapper > a.scrollTop {
	background: #034E8D;
	background: rgba(3, 78, 141, 0.9);
	bottom: 5px;
	color: #FFFFFF;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: max-height 300ms ease, opacity 300ms ease;
	-moz-transition: max-height 300ms ease, opacity 300ms ease;
	-ms-transition: max-height 300ms ease, opacity 300ms ease;
	-o-transition: max-height 300ms ease, opacity 300ms ease;
	transition: max-height 300ms ease, opacity 300ms ease;
	height: 50px;
	width: 50px;
	z-index: 19;
}
body.showQuickBooking #FooterWrapper > a.scrollTop {
	display: none;
}
#FooterWrapper > a.scrollTop:hover {
	background: #034E8D;
}
#FooterWrapper > a.scrollTop:before {
	content: "\E807";
	font-family: "fontello";
	font-size: 22px;
	line-height: 50px;
}
#FooterWrapper > a.scrollTop.show {
	opacity: 1; 
}

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

	/* Scroll - Top */
	
	#FooterWrapper > a.scrollTop {
		right: 20px;
	}

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

	#FooterWrapper > .row1 > div > .column1 {
		float: none;
		margin-bottom: 30px;
		padding-right: 0;
		width: 100%;
	}
	#FooterWrapper > .row1 > div > .column2 {
		float: none;
		width: 100%;
	}

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

	#FooterWrapper > .row1 > div > .column1 {
		margin-bottom: 0;
		text-align: center;
	}
		
}
@media all and (max-width: 500px){

	/* Scroll - Top */

	#FooterWrapper > a.scrollTop {
		margin: 0 0 0 -25px;
		left: 50%;
		right: auto;
	}

}

/* Layout - Footer - Kontakt */

#FooterWrapper > .row1 > div > .column1 > p.contact {
	line-height: 1.4;
	position: relative;
}
#FooterWrapper > .row1 > div > .column1 > p.contact:after {
	background: url("/img/layout/skiwelt-wilderkaiser-brixental.png") no-repeat scroll left top;
	background-size: 100px auto;
	bottom: 0;
	content: "";
	height: 45px;
	position: absolute;
	right: 0;
	width: 100px;
	z-index: 1;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span {
	display: block;
	font-size: 15px;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span.title {
	color: #E30613;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px;
	text-transform: uppercase;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span.phone {
	margin: 10px 0 0;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span.mail {
	margin: 5px 0 0;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span > a {
	color: #2D343E;
	padding: 0 0 0 35px;
	position: relative;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span > a:hover {
	color: #E30613;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span.phone > a:before {
	content: '\E835';
	font-family: 'fontello';
	font-size: 30px;
	left: 0;
	line-height: 1;
	position: absolute;
	top: -3px;
}
#FooterWrapper > .row1 > div > .column1 > p.contact > span.mail > a:before {
	content: '\E82E';
	font-family: 'fontello';
	font-size: 15px;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 3px;
}

@media all and (max-width: 1150px){
			
	#FooterWrapper > .row1 > div > .column1 > p.contact:after {
		display: none;
	}

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

	#FooterWrapper > .row1 > div > .column1 > p.contact {
		float: left;
		margin-right: 5%;
		width: 47.5%;
	}
	
}
@media all and (max-width: 730px){

	#FooterWrapper > .row1 > div > .column1 > p.contact {
		float: none;
		margin-right: 0;
		text-align: center;
		width: 100%;
	}

}

/* Layout - Footer - Tag Cloud */

ul.tagCloud {
	margin: 44px 0 0;
}
ul.tagCloud > li {
	display: inline-block;
	margin: 0 5px 2px 0;
}
ul.tagCloud > li > a {
	background: #D2D3D6;
	color: #2D343E;
	display: block;
	font-size: 13px;
	line-height: 25px;
	padding: 0 10px;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
ul.tagCloud > li > a:hover {
	background: #034E8D;
	color: #FFFFFF;
}

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

	ul.tagCloud {
		float: right;
		margin-bottom: 30px;
		margin-top: 0;
		width: 47.5%;
	}
	
}
@media all and (max-width: 730px){

	ul.tagCloud {
		float: none;
		margin-top: 30px;
		text-align: center;
		width: 100%;
	}

}

/* Layout - Footer - Suche */

#FooterWrapper > .row1 > div > .column1 > form {
	margin: 45px 0 0;
}
#FooterWrapper > .row1 > div > .column1 > form > p {
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 10px;
}
#FooterWrapper > .row1 > div > .column1 > form > p > span {
	display: block;
}
#FooterWrapper > .row1 > div > .column1 > form > p > span.title {
	font-weight: bold;
	text-transform: uppercase;
}
#FooterWrapper > .row1 > div > .column1 > form > .row {
	position: relative;
}
#FooterWrapper > .row1 > div > .column1 > form > .row:after {
	color: #2D343E;
	content: "\E81E";
	font-family: "fontello";
	font-size: 22px;
	font-weight: normal;
	height: 35px;
	left: 5px;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 30px;
}
#FooterWrapper > .row1 > div > .column1 > form > .row > input {
	background: #FFFFFF;
	border: 0 none;
	color: #2D343E;
	display: block;
	font-size: 15px;
	height: 35px;
	padding: 0 45px 0 40px;
	width: 100%;
}
#FooterWrapper > .row1 > div > .column1 > form > .row > input::-ms-input-placeholder {
	color: #2D343E;
}
#FooterWrapper > .row1 > div > .column1 > form > .row > button {
	background: #034E8D;
	border: 0 none;
	cursor: pointer;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 35px;
}
#FooterWrapper > .row1 > div > .column1 > form > .row > button:hover {
	background: #E30613;
}
#FooterWrapper > .row1 > div > .column1 > form > .row > button > span:before {
	content: "\E83B";
	color: #FFFFFF;
	display: block;
	font-family: "fontello";
	font-size: 13px;
	height: 35px;
	left: 0;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 35px;
}
#FooterWrapper > .row1 > div > .column1 > form > .row > button:hover > span:before {
	color: #FFFFFF;
}

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

	#FooterWrapper > .row1 > div > .column1 > form {
		float: right;
		margin-top: 0;
		width: 47.5%;
	}
	
}
@media all and (max-width: 730px){

	#FooterWrapper > .row1 > div > .column1 > form {
		display: inline-block;
		float: none;
		max-width: 280px;
		width: 100%;
	}

}

/* Layout - Footer - Info Balken */

#FooterWrapper > .row2 > div > .infoBar {
	float: left;
}
#FooterWrapper > .row2 > div > .infoBar > p {
	color: #FFFFFF;
}
#FooterWrapper > .row2 > div > .infoBar > p > span {
	display: inline-block;
	font-size: 14px;
	line-height: 47px;
	margin: 0 25px 0 0;
}
#FooterWrapper > .row2 > div > .infoBar > p > span.lift:before {
	content: "\E83C";
	font-family: "fontello";
	font-size: 25px;
	margin: 0 10px 0 0;
}
#FooterWrapper > .row2 > div > .infoBar > p > span.pist:before {
	content: "\E83D";
	font-family: "fontello";
	font-size: 24px;
	margin: 0 10px 0 0;
}
#FooterWrapper > .row2 > div > .infoBar > p > span.house:before {
	content: "\E845";
	font-family: "fontello";
	font-size: 23px;
	font-weight: bold;
	margin: 0 10px 0 0;
}
#FooterWrapper > .row2 > div > .infoBar > p > span.hiking:before {
	content: "\E846";
	font-family: "fontello";
	font-size: 24px;
	margin: 0 10px 0 0;
}
#FooterWrapper > .row2 > div > .infoBar > p > span > span {
	font-size: 20px;
	font-weight: bold;
	margin: 0 5px 0 0;
}

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

	#FooterWrapper > .row2 > div > .infoBar > p > span.house {
		display: none;
	}

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

	#FooterWrapper > .row2 > div > .infoBar {
		float: none;
	}
	#FooterWrapper > .row2 > div > .infoBar > p {
		text-align: center;
	}
	#FooterWrapper > .row2 > div > .infoBar > p > span.house {
		display: inline-block;
		margin-right: 0;
	}

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

	#FooterWrapper > .row2 > div > .infoBar {
		display: none;
	}

}

#FooterWrapper > .row1 > div > .column1 > p.switch {
	display:none; 
	position:relative; 
	margin: 20px 0 0 0; 
}

#FooterWrapper > .row1 > div > .column1 > p.switch > a {
	display:block; 
	text-transform:uppercase; 
	font-weight:bold; 
	font-size:15px; 
}

#FooterWrapper > .row1 > div > .column1 > p.switch > a:before {
	content: '\e859';  
	font-family: 'fontello';
	font-size: 18px;    
	font-weight:normal; 
	line-height: 1; 
	margin-right:15px;
	position: relative;
	top: 2px;
}

#FooterWrapper > .row1 > div > .column1 > p.switch.mobile {
	display:block; 
}

#FooterWrapper > .row1 > div > .column1 > p.switch.mobile > a:before {
	content: '\e858';  
	font-family: 'fontello';
	font-size: 30px;        
	font-weight:normal;   	
	line-height: 1px; 
	margin-right:15px; 
	position: relative;
}

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

	#FooterWrapper > .row1 > div > .column1 > p.switch {
		display: block; 
		float: left;
		width: 47.5%;
	}

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

	#FooterWrapper > .row1 > div > .column1 > p.switch {
		display: inline-block;
		float: none;  
		width: 100%;
	}

}

/* Layout - Footer - Online Shop */

#FooterWrapper > .row1 > div > .column1 > a.onlineShop {
	background: #E30613;
	color: #FFFFFF;
	display: none !important;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
#FooterWrapper > .row1 > div > .column1 > a.onlineShop:before {
	content: "\E840";
	font-family: 'fontello';
	font-weight: normal;
	margin: 0 15px 0 0;
}
#FooterWrapper > .row1 > div > .column1 > a.onlineShop:hover {
	background: #C10510;
}

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

	#FooterWrapper > .row1 > div > .column1 > a.onlineShop {
		display: block;
	}

}

/* Layout - Animation */

#GalleryWrapper {
	height: 550px;
	overflow: hidden;
	position: absolute;
	top: 60px;
	width: 100%;
	z-index: 1;
}
body.summer #GalleryWrapper {
	overflow: visible;
	z-index: auto;
}
body.newsticker #GalleryWrapper {
	top: 100px;
}

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

	body.summer #GalleryWrapper {
		overflow: hidden;
		z-index: 3;
	}

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

	#GalleryWrapper {
		top: 60px;
	}

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

	body.intro #GalleryWrapper {
		display: none;
	}

}

/* Layout - Sommer - Edition */

/* Layout - Header */

body.summer #HeaderWrapper {
	background: #6D9815;
}
body.summer #HeaderWrapper {
	background: none;
	background-image: url("/img/layout/bg-menu.jpg");
	border-bottom: 0;
}

/* Layout - Header - Sprachauswahl */

body.summer #HeaderWrapper > .row1 ul.lang > li.more:hover {
	background: #B1CA35;
}
body.summer #HeaderWrapper > .row1 ul.lang > li:last-child:before {
	background: #6D9815;
}
body.summer #HeaderWrapper > .row1 ul.lang > li.more:hover > a > span {
	background: #B1CA35;
}
#HeaderWrapper > .row1 ul.lang > li:last-child > a > span:before {
	background: #6D9815;
}

/* Layout - Header - Suche */

body.summer #HeaderWrapper .search {
	background: #B1CA35;
    border-radius: 50px;
    display: none;
    right: 34px;
    width: 45px;
    height: 45px;
    top: 8px;
    line-height: 45px;
    font-weight: bold;	
    transition: all 300ms ease; 
}
body.summer #HeaderWrapper.fixed .search {
	display: block; 
}
body.summer #HeaderWrapper .search:hover {
	background: #c20016; 
}
body.summer #HeaderWrapper .search:before {
	color: #FFFFFF;
    content: "\E830";
    font-family: fontello;
    font-size: 18px;
}

/* Layout - Gallery */

body.summer #GalleryWrapper .infoBar {
	background: #B1CA35;
	
}
body.summer #GalleryWrapper .infoBar {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
	height: 114%;
	background: rgba(0, 0, 0, 0.6);
	width: 112px;
	border-right: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
body.summer #GalleryWrapper .infoBar.fixed {
	display: none; 
}
body.summer.newsticker #GalleryWrapper .infoBar {
	height: 122%;
}
body.summer #GalleryWrapper .infoBar:before {
	content: "";
	position: absolute;
	display: block;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 0 150px 2000px 0;
	border-color: transparent rgba(0, 0, 0, 0.6) transparent transparent;
	bottom: 0;
	left: -150px;
}
body.summer #GalleryWrapper .infoBar > .wrapper > a.logo {
	position: absolute;
	left: -250px;
	top: 20px;
}
body.summer #GalleryWrapper .infoBar > .wrapper > a.logo > img {
	display: block;
	width: 100%;
}
body.summer #GalleryWrapper .infoBar > a {
	display: flex;
	flex-direction: column;
	padding: 0;
	text-align: center;
	width: 100%;
	height: auto;
}
body.summer #GalleryWrapper .infoBar > a > span {
	text-align: center;
	text-transform: none;
	font-size: 16px;
	font-weight: 500;
}
body.summer #GalleryWrapper .infoBar > a > .title {
	margin: 5px 0 6px 0;
	padding: 0 10px;
}
body.summer #GalleryWrapper .infoBar > a > .value {
	margin: 5px 0 6px 0;
	height: auto;
}
body.summer #GalleryWrapper .infoBar > a > .icon {
	position: static;
}
body.summer #GalleryWrapper .infoBar > a.ticket > .icon {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #aecb35;
	margin-left: auto;
	margin-right: auto;
	padding: 9px 0 0 1px;
	font-size: 24px;
	transition: all 300ms ease;
}
body.summer #GalleryWrapper .infoBar > a.ticket:hover > .icon {
	background: #c20016;
}
body.summer #GalleryWrapper .infoBar > a.ticket > .icon:before {
	content: "\E87E";
	padding: 0 0 0 0;
}
body.summer #GalleryWrapper .infoBar > a.voucher {
	display: block;
	margin-bottom: 20px;
}
body.summer #GalleryWrapper .infoBar > a.voucher:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
}
body.summer #GalleryWrapper .infoBar > a.voucher > .icon {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.3);
	margin-left: auto;
	margin-right: auto;
	padding: 9px 0 0 1px;
	font-size: 24px;
	transition: all 300ms ease;
}
body.summer #GalleryWrapper .infoBar > a.voucher:hover > .icon {
	background: #c20016;
}
body.summer #GalleryWrapper .infoBar > a.voucher > .icon:before {
	content: "\E883";
}
body.summer #GalleryWrapper .infoBar > a > .icon.webcam {
	padding: 6px 0 0 0;
}
body.summer #GalleryWrapper .infoBar > a > .icon.webcam:before {
	content: "\E881";
	font-size: 20px;
}
body.summer #GalleryWrapper .infoBar > a > .icon.lift {
	padding: 5px 0 0 0;
}
body.summer #GalleryWrapper .infoBar > a > .icon.lift:before {
	content: "\E87F";
	font-size: 24px;
}
body.summer #GalleryWrapper .infoBar > a > .icon.hiking {
	font-size: inherit;
	padding: 6px 0 0 0;
}
body.summer #GalleryWrapper .infoBar > a > .icon.hiking:before {
	content: "\E884";
	font-size: 24px;
}
body.summer #GalleryWrapper .infoBar > a > .icon.events {
	padding: 6px 0 0 0;
}
body.summer #GalleryWrapper .infoBar > a > .icon.events:before {
	content: "\E880";
	font-size: 22px;
}
body.summer #GalleryWrapper .infoBar > .column1 {
	margin-top: 20px;
}
body.summer #GalleryWrapper .infoBar > .column1:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
}
body.summer #GalleryWrapper .infoBar > a > .icon.weather {
	font-size: 28px;
	padding: 4px 0 0 0;
}
body.summer #GalleryWrapper .infoBar > a.column0 {
	height: auto;
	padding-bottom: 0;
	padding-top: 0;
}
body.summer #GalleryWrapper .infoBar > a > .value > span {
	font-size: 16px;
}
body.summer #GalleryWrapper .infoBar > a::after {
	display: none;
}
body.summer #GalleryWrapper .infoBar > a > .icon.lift::after, 
body.summer #GalleryWrapper .infoBar > a > .icon.webcam::after, 
body.summer #GalleryWrapper .infoBar > a > .icon.hiking::after, 
body.summer #GalleryWrapper .infoBar > a > .icon.events::after, 
body.summer #GalleryWrapper .infoBar > a > .icon.weather::after {
	content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c20016;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    transition: all 300ms ease;
    top: -3px;
    left: 50%;
    margin-left: -20px;
    z-index: -1;
    opacity: 0;
}
body.summer #GalleryWrapper .infoBar > a:hover > .icon.lift::after, 
body.summer #GalleryWrapper .infoBar > a:hover > .icon.webcam::after, 
body.summer #GalleryWrapper .infoBar > a:hover > .icon.hiking::after, 
body.summer #GalleryWrapper .infoBar > a:hover > .icon.events::after, 
body.summer #GalleryWrapper .infoBar > a:hover > .icon.weather::after {
	opacity: 1;
}
body.summer #GalleryWrapper .infoBar > .line:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 0;
	width: 30px;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	transform: none;
	transition: all 300ms ease;
} 
body.summer #GalleryWrapper .infoBar > .line:hover:after {
	background: #c20016;
}

/* Layout - Content */

body.summer #ContentWrapper > .row {
	background: #6D9815;
}
body.summer #ContentWrapper > .row {
	background: none;
	margin-top: 50px;
	margin-bottom: 9px;
}

/* Layout - Content - Info Balken */

body.summer #ContentWrapper > .row > div > .infoBar > a.column0 {
	width: 13%;
}
body.summer #ContentWrapper > .row > div > .infoBar > a.column0.winter {
	display: none;
}
body.summer #ContentWrapper > .row > div > .infoBar > a.column0.summer {
	display: block;
}
body.summer #ContentWrapper > .row > div > .infoBar > a.column2.summer {
	display: block;
}
body.summer #ContentWrapper > .row > div > .infoBar > a.column2.winter {
	display: none;
}
body.summer #ContentWrapper > .row > div > .infoBar > a.column3,
body.summer #ContentWrapper > .row > div > .infoBar > a.column4 {
	display: none;
}
body.summer #ContentWrapper > .row > div > .infoBar > a.column5,
body.summer #ContentWrapper > .row > div > .infoBar > a.column6 {
	display: block;
}

/* Layout - Content - Online Shop */

body.summer #ContentWrapper > .row > div > .onlineShop > form > .row > input:hover {
	background: #6D9815;
}

/* Layout - Content - Newsticker */

body.summer #ContentWrapper > .row > div > .newsticker {
	background: #B1CA35;
	float: none;
	width: 70%;
}

/* Layout - Content - SocialMedia */

body.summer .socialmedia {
	right: 20px;
}

/* Layout - Content - Skiline */

body.summer #ContentWrapper > .row > a.skiline {
	display: none;
}

/* Layout - Footer */

body.summer #FooterWrapper > .row2 {
	background: #6D9815;
}
body.summer #FooterWrapper > .row2 {
	background: #85a633;
}

/* Scroll - Top */

body.summer #FooterWrapper > a.scrollTop {
	background: #6D9815;
	background: rgba(109, 152, 21, 0.9);
}
body.summer #FooterWrapper > a.scrollTop:hover {
	background: #6D9815;
}

/* Layout - Footer - Tag Cloud */

body.summer ul.tagCloud > li > a:hover {
	background: #6D9815;
}

/* Layout - Footer - Suche */

body.summer #FooterWrapper > .row1 > div > .column1 > form > .row > button {
	background: #6D9815;
}
body.summer #FooterWrapper > .row1 > div > .column1 > form > .row > button:hover {
	background: #E30613;
}

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

	body.summer #GalleryWrapper .infoBar > .wrapper > a.logo {
		max-width: 180px;
		left: -197px;
	}

}

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

	body.summer #GalleryWrapper .infoBar::before {
		display: none;
	}
	body.summer #GalleryWrapper .infoBar,
	body.summer.newsticker #GalleryWrapper .infoBar {
		left: auto;
		right: auto;
		top: auto;
		bottom: 0;
		height: 80px;
		width: 100%;
		padding: 10px 0 0 0;
	}
	body.summer #GalleryWrapper .infoBar {
		flex-direction: row;
	}	
	body.summer #GalleryWrapper .infoBar > a.voucher::before {
		bottom: -20px;
		left: auto;
		right: 0;
		height: 159%;
		width: 1px;
	}
	body.summer #GalleryWrapper .infoBar > .line::after {
		left: auto;
		margin-left: 0;
		bottom: 50%;
		width: 1px;
		height: 30px;
		background: #85a633;
		margin-bottom: -15px;
		right: 0;
	}
	body.summer #GalleryWrapper .infoBar > .line:hover::after {
		background: #85a633;
	}
	body.summer #GalleryWrapper .infoBar > .column1 {
		margin-top: 0;
	}
	body.summer #GalleryWrapper .infoBar > .column1::before {
		bottom: -20px;
		left: 0;
		right: auto;
		height: 159%;
		width: 1px;
	}
	
}

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

	body.summer #GalleryWrapper .infoBar > .wrapper > a.logo {
		top: 8%;
	}

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

	body.summer #HeaderWrapper .search {
		display: block; 
		background: none;
		margin: 0 0 0 30px; 	
		height: 60px; 
		top: 0px;
	}
	body.summer #HeaderWrapper .search:hover {
		background: none;
	}
	body.summer #HeaderWrapper .search:before {
		position: absolute;
		top: 8px; 
		color: #2D343E;
		font-size: 22px;
		font-weight: bold; ; 
	}
	body.summer #HeaderWrapper .search:after {
		background: #2D343E;
		bottom: 15px;
		content: "";
		left: 5px;
		position: absolute;
		top: 15px;
		width: 1px;
	}	
	body.summer #GalleryWrapper .infoBar {
		border: 0;
	}

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

	body.summer #GalleryWrapper .infoBar > a.ticket,
	body.summer #GalleryWrapper .infoBar > a.voucher {
		display: none;
	}

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

	body.summer #GalleryWrapper .infoBar > a > .icon {
		left: auto;
		top: auto;
		-webkit-transform: none;
		transform: none;
	}
	body.summer #GalleryWrapper .infoBar > a > .value {
		display: block;
	}

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

	body.summer #ContentWrapper > .row > div > .infoBar > a {
		width: 20% !important;
	}
	body.summer #GalleryWrapper .infoBar > a > span {
		font-size: 13px;
	}

}

/* Newsticker */
#NewstickerWrapper {
	background: #c20016;
	display: none;    
    width: 100%;
    position: fixed;
    height: 40px;
    z-index: 5;
    overflow: hidden;
    top: 0;
    left: 0;
}
body.winter #NewstickerWrapper {
	background: #e50000;
}
body:not(.ticketshop) #NewstickerWrapper.fixed {
	display: none !important;
}
#NewstickerWrapper > .content > .headline {
	position: absolute;
    width: 210px;
    line-height: 40px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    padding: 0 0 0 60px;
    font-family: "PT Sans", sans-serif;
}
#NewstickerWrapper > .content > .headline:before {
	content: "\E841";
    font-family: fontello;
    font-size: 15px;
    left: 25px;
    line-height: 55px;
    position: absolute;
    top: -5px;
}
#NewstickerWrapper > .content > .headline > .counter {
	position: absolute;
    background: rgba(0, 0, 0, 0.2);
    width: 20px;
    height: 20px;
    border-radius: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    top: 5px;
    margin-left: 2px;
} 
#NewstickerWrapper > .content >  ul {
	background: #85a633;
	margin: 0 0 0 210px;	
	padding: 0 0 0 10px;	
	height: 40px;
	overflow: hidden;
}
body.winter #NewstickerWrapper > .content >  ul {
	background: #0078da; 		
}
#NewstickerWrapper > .content >  ul > li {
	color: #FFFFFF; 
	font-weight: 600; 
	font-familiy: "PT Sans", sans-serif;  
	overflow: hidden; 
	height: 40px;
	line-height: 40px; 
	text-transform: uppercase;
	position: relative; 
}
/*#NewstickerWrapper > .content >  ul > li .js-marquee-wrapper {
    position: relative;
    left: -100%;
}*/
#NewstickerWrapper > .content >  ul > li .js-marquee {
	margin: 0 !important;
}
#NewstickerWrapper > .content >  ul > li .item:after {
	content: "+++";
	padding: 0 10px 0 10px;
}
#NewstickerWrapper > .content >  ul > li .item:last-child:after {
	content: "";
	padding: 0 10px 0 10px;
}
#NewstickerWrapper > .content >  ul > li a {
	color: #FFFFFF; 
	display: inline-block; 	
	font-weight: bold; 
	font-family: "PT Sans", sans-serif;  	
}
#NewstickerWrapper > .content >  ul > li a:hover {
	text-decoration: underline; 
}
#NewstickerWrapper > .content >  ul > li span {
	font-family: "PT Sans", sans-serif;  	 
}
@media all and (max-width: 1190px){

	#NewstickerWrapper > .content > .headline {
		width: 90px;
		padding: 0 10px; 
	} 
	#NewstickerWrapper > .content > .headline:before {
		display: none; 
	}
	#NewstickerWrapper > .content > .headline > .full {
		display: none;
	}
	#NewstickerWrapper > .content >  ul {
		margin: 0 0 0 90px;	
	}	
	#NewstickerWrapper > .content > ul > li {
		max-width: auto; 
	}
}

/* Layout - Ticket - Start */

.mw-max-width {
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
	padding: 0 20px;
}
.mw-starjack-01 .mw-starjack-menu {
	background: #2D343E;
	font-size: 18px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.mw-starjack-01 .mw-starjack-menu:after {
    background: url("/img/starjack/star-white.svg") no-repeat bottom right;
    background-size: auto 100%;
	content: "";
	height: 550px;
	width: 100%;
	margin: 0 -80px 0 0;
	position: absolute;
	bottom: -120px;
	right: 50%;
	z-index: -1;
	background-size: auto 100%;
	opacity: 0.1;
}
.mw-starjack-01 .mw-starjack-menu > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
.mw-starjack-01 .mw-starjack-menu h1 {
	color: #8F9497;
	padding: 0 0 0 312px;
	margin-bottom: -11px;
	margin-top: 53px;
}
.mw-starjack-01 .mw-starjack-menu .lang {
	display: flex;
	position: absolute;
	right: 50%;
	margin: -26px -600px 0 0;
}
.mw-starjack-01 .mw-starjack-menu .lang a {
	background: url("/img/layout/flag-en.png");
	background-size: 28px 28px;
	display: block;
    height: 28px;
    width: 28px;
}
.mw-starjack-01 .mw-starjack-menu .lang a.de {
	background: url("/img/layout/flag-de.png");
	margin: 0 15px 0 0;
}
.mw-starjack-01 .mw-starjack-menu .column-left {
	margin: 65px 0 0 0;
	width: 820px; 
}
.mw-starjack-01 .mw-starjack-menu .column-left > div {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
	padding-left: 292px;
	position: relative;
}
.mw-starjack-01 .mw-starjack-menu .column-left p.label-step {
	color: #FFFFFF;
	left: 0;
	font-weight: normal;
	line-height: 1.33;
	padding: 0 0 0 50px;
	position: absolute;
	width: 250px;
}
.mw-starjack-01 .mw-starjack-menu .column-left p.label-step > span.value {
	font-family: "PT Sans";
	font-size: 56px;
	position: absolute;
	font-weight: bold;
	left: 0;
	top: -4px;
	line-height: 1;
	color: #8F9497;
}

/* Reihe 1 */

.mw-starjack-01 .mw-starjack-menu .column-left .type {
	display: flex;
	flex-wrap: wrap;
}
.mw-starjack-01 .mw-starjack-menu .column-left .type > li {
	margin-right: 15px; 
}
.mw-starjack-01 .mw-starjack-menu .column-left .type > li:last-child {
	margin-right: 0;
}
.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a {
	border: 2px solid #A3A8AA;
	display: block;
	height: 158px;
	position: relative;
	width: 158px;
}
.mw-starjack-01 .mw-starjack-menu .column-left .type > li:hover > a,
.mw-starjack-01 .mw-starjack-menu .column-left .type > li.selected > a {
	background: #E30613;
	border: 2px solid #E30613;
}
.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a > span.mts-icon {
	color: #FFFFFF;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 32px;
	top: 50px;
}
.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a > span.title {
	color: #FFFFFF;
	bottom: 8px;
	left: 0;
	font-weight: 400;
	line-height: 1.33;
	margin: 0 auto;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	width: 100%;
}
.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a > span > br {
	display: none;
}

/* Reihe 2 */

.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 {
	margin: 0 0 60px;
	position: relative;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02.hide {
	opacity: 0.2;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02.hide:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 > div {
	display: flex;
	width: 504px;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 a.day {
	border: 2px solid #A3A8AA;
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	font-weight: 400;
	height: 48px;
	line-height: 44px;
	margin-right: 8px;
	padding: 0 20px;
	text-transform: uppercase;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 a.day.disabled {
	cursor: default;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 a.day + a.day {
	margin-right: 0;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 a.day:not(.disabled):hover,
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 a.day.selected {
	background: #E30613;
	border: 2px solid #E30613;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 span.label-opposition {
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	font-weight: normal;
	line-height: 48px;
	margin: 0 auto;
	text-align: center;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row {
	border: 2px solid #A3A8AA;
	float: left;
	position: relative;
	width: 158px;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row > input {
	background: none;
	border: none;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	height: 44px;
	line-height: 44px;
	padding: 0 0 0 53px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row > .icon {
	color: #A3A8AA;
	height: 43px;
	line-height: 43px;
	position: absolute;
	left: 0;
	text-align: center;
	top: 0;
	width: 53px;
	z-index: 0;
	display: block;
	font-size: 23px;
	font-weight: normal;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row > .icon:before {
	content: "\6b";
	font-family: "Micado-Web";
}
.mw-starjack-01 .mw-starjack-menu:not(.multi-wrapper-show) .column-left > .row-03 {
	display: none;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 {
	margin-bottom: 60px;
	margin-top: -30px;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li {
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
	width: 34.2px;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:last-child {
	margin: 0;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li > a {
	border: 2px solid #A3A8AA;
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	height: 48px;
	line-height: 44px;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li > a > span {
	display: none;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:hover > a,
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected > a {
	background: #E30613;
	border: 2px solid #E30613;
}
.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected > a > span {
	display: inline-block;
	margin-left: 5px;
}

/* Rechte Spalte */

.mw-starjack-01 .mw-starjack-menu .column-right {
	color: #FFFFFF;
	padding: 51px 0 0;
	width: 350px;
}
.mw-starjack-01 .mw-starjack-menu .column-right .title {
	font-family: "PT Sans";
	font-size: 38px;
	font-weight: bold;
	color: #8F9497;
	text-transform: uppercase;
}
.mw-starjack-01 .mw-starjack-menu .column-right ul {
	margin: -6px 0 0 0;
	padding: 0 0 45px 0;
	position: relative;
	overflow: hidden;
}
.mw-starjack-01 .mw-starjack-menu .column-right ul:after {
    background: url("/img/starjack/line-red.svg") no-repeat top right / auto 100%;
    content: "";
    position: absolute;
    left: 0;
    height: 17px;
    width: 100%;
    bottom: 15px;
}
.mw-starjack-01 .mw-starjack-menu .column-right ul li {
	line-height: 1.3;
	padding: 4px 0 4px 35px;
	position: relative;
}
.mw-starjack-01 .mw-starjack-menu .column-right ul li:before {
	color: #E30613;
	content: "\43";
	font-family: "Micado-Web";
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 21px;
}
.mw-starjack-01 .mw-starjack-menu .column-right div {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.mw-starjack-01 .mw-starjack-menu .column-right div p {
	line-height: 1.3;
	max-width: 50%;
}
.mw-starjack-01 .mw-starjack-menu .column-right div a {
	background: #E30613;
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 48px;
	padding: 0 20px;
	text-transform: uppercase;	
}
.mw-starjack-01 .mw-starjack-menu .column-right div a:hover {
	background: #FFFFFF;
	color: #E30613;	
}

.hintOverlay {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.hintOverlay > div {
	background: #FFFFFF;
	left: 50%;
	max-width: 450px;
    position: absolute;
    top: 50%;
	width: 90%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hintOverlay > div > .close {
	color: #FFFFFF;
    font-size: 28px;
    line-height: 60px;
    position: absolute;
    right: 20px;
    top: 0;
}
.hintOverlay > div > .close:before {
	content: "\E82A";
	font-family: "fontello";
}
.hintOverlay > div > .title {
	background: #0076D7;
	color: #FFFFFF;
	font-family: "PT Sans", sans-serif;
	font-size: 22px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	padding: 0 20px 0 20px;
	text-transform: uppercase;
}
.hintOverlay > div > .text {
	line-height: 1.4;
	padding: 20px;
}

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

	.mw-starjack-01 .mw-starjack-menu h1 {
		padding-left: 20px;
		font-size: 42px;
		margin-top: 44px;
		margin-bottom: -6px;
	}
	.mw-starjack-01 .mw-starjack-menu .lang {
		right: 20px;
		margin: -28px 0 0 0;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left {
		margin-top: 45px;
		width: 520px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > div {
		padding-left: 0;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left p.label-step {
		position: relative;
		display: block;
		margin: 0 0 16px;
		padding-left: 30px;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left p.label-step > span.value {
		font-size: 28px;
		top: -3px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 {
		margin-bottom: 50px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 a.day + a.day {
		margin-right: 8px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 span.label-opposition {
		display: none;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 {
		margin-top: -30px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 ul {
		width: 380px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li {
		width: 43.75px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-right {
		padding-top: 71px;
	}

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

	.mw-starjack-01 .mw-starjack-menu {
		font-size: 16px;
	}
	.mw-starjack-01 .mw-starjack-menu:after {
		right: 0;
		margin-right: -170px;
		width: auto;
		left: 0;
		bottom: -30px;
		height: 420px;
	}
	.mw-starjack-01 .mw-starjack-menu h1 {
		max-width: 435px;
		padding-right: 20px;
		font-size: 40px;
		margin-bottom: -3px;
	}
	.mw-starjack-01 .mw-starjack-menu .lang {
		margin-top: -30px;
	}
	.mw-starjack-01 .mw-starjack-menu > div {
		flex-direction: column;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left {
		margin-top: 43px;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > div {
		margin: 0 auto 40px;
		padding-left: 0;
		width: 395px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left p.label-step:before {
		display: none;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left p.label-step > span.value {
		font-size: 33px;
		top: -7px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .type {
		justify-content: space-between;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .type > li {
		margin-right: 0;
		width: calc(33.33333% - 7px);
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a {
		height: 120px;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a > span {
		bottom: 11px;
		font-size: 14px;
		line-height: 1.13;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a > span.mts-icon {
		top: 27px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 {
		margin-bottom: 37px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 {
		margin-left: auto;
		margin-right: auto;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row {
		width: 48px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row > input {
		color: rgba(0,0,0,0);
		height: 44px;
		line-height: 44px;
		padding: 0;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row > .icon {
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 {
		margin-top: -15px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 ul {
		width: 300px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li {
		width: 34.2px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li > a {
		font-size: 16px;
		height: 35px;
		line-height: 31px;
		padding: 0 5px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-right {
		margin: 0 auto 32px;
		padding-left: 0;
		padding-top: 0;
		width: 395px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-right .title {
		font-size: 25px;
		margin-bottom: 4px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-right ul {
		padding-bottom: 30px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-right ul:after {
		bottom: 8px;
	}

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

	.mw-starjack-01 .mw-starjack-menu .lang {
		display: none;
	}

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

	.mw-starjack-01 .mw-starjack-menu h1 {
		max-width: 300px;
		font-size: 32px;
		margin-bottom: -7px;
		margin-left: 0;
		margin-top: 41px;
	}
	.mw-starjack-01 .mw-starjack-menu .lang {
		margin-top: -54px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left {
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a {
		height: 120px;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a > span.title {
		font-size: 3vw;
		padding: 0 5px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 > div {
		display: flex;
		justify-content: space-between;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 a.day {
		margin-right: 0 !important;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		width: calc(33.33333% - 7px);
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row {
		width: calc(33.33333% - 7px);
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-02 .row > .icon {
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 ul {
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li {
		margin: 0;
		width: 33.333333%; 
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(4),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(5),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(6),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(7),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(8),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(9),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(10),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(11),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(12),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(13) {
		margin-top: -2px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(3) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(6) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(9) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(12) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(3) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(6) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(9) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(12) > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(3):hover > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(6):hover > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(9):hover > a,
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:nth-child(12):hover > a {
		border-left: none !important;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(1),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(4),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(7),
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:nth-child(10) {
		margin-right: -2px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected {
		width: 33.333333%; 
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li:hover > a {
		background: none;
		border: 2px solid #A3A8AA;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected:hover > a {
		background: #E30613;
		border: 2px solid #A3A8AA;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li.selected > a {
		border: 2px solid #E30613;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > .row-03 li > a {
		height: 44px;
		line-height: 42px;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left > div {
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left ul {
		float: none;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-left .row-02 > div {
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-menu .column-right {
		width: 100%;
	}

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

	.mw-starjack-01 .mw-starjack-menu .column-left .type > li > a > span {
		padding: 0 5px;
	}

}

/* Layout - Ticket - Start - Ergebnisse */

.mw-starjack-01 .mw-starjack-results > div,
.mw-starjack-01 .mw-starjack-results .row-01 {
	margin: 0 0 18px;
	position: relative;
}
.mw-starjack-01 .mw-starjack-results .row-01 {
	padding-bottom: 18px;
	padding-top: 18px;
}
.mw-starjack-01 .mw-starjack-results .row-01:after {
	background: #F1F1F2;
	content: "";
	position: absolute;
	top: 0;
	left: -3000px;
	right: -3000px;
	height: 100%;
	z-index: -1;
}
.mw-starjack-01 .mw-starjack-results .row-01 p.label {
	display: none;
	font-size: 18px;
	font-weight: normal;
}
.mw-starjack-01 .mw-starjack-results .row-01 p.days {
	display: none;
	font-size: 18px;
	font-weight: bold;
	margin: -2px 0 0 0;
}

/* Teaser */

.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 5px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article {
	background: #F1F1F2;
	display: none;
	flex-direction: row-reverse;
	margin: 0 0 1.5% 0;
	min-height: 220px;
	position: relative;
	width: 49.25%; /* 595 */
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article.show {
	display: block;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article > h2 {
	display: none;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article > figure {
	height: 100%;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article > figure > div {
	background: #d2d3d6;
	bottom: 0;
	cursor: default;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 37.22504230118443%; /* 220 */
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article.no-img-text > figure > div {
	padding-bottom: 0;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article > figure > div > img {
	left: 50%;
	max-height: 90%;
	max-width: 90%;
	position: relative;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 800ms ease;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article > figure > div > span {
	position: absolute;
	bottom: 24px;
	text-align: center;
	left: 0;
	width: 100%;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3;
	padding: 0 10px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article figcaption {
	margin: 0 0 0 auto;
	height: 100%;
	min-height: 220px;
	padding: 18px 25px 75px 25px;
	position: relative;
	width: 62.77495769881557%; /* 371 */
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .subtitle {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.15;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title {
	color: #E30613;
	display: block;
	font-family: "PT Sans";
	font-size: 38px;
	font-weight: bold;
	line-height: 1;
	margin: 8px 0 0 0;
	text-transform: uppercase;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title .label {
	margin: 0 0 0 5px;
	position: relative;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title .label .mw-icon {
	color: #2D343E;
	font-size: 18px;
	position: relative;
	top: -12px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title .label .priceInfo {
	background: #e30613;
	border-radius: 3px;
	bottom: 100%;
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: 500;
	left: 50%;
	line-height: 1.15;
	min-width: 125px;
	padding: 3px 7px 2px;
	position: absolute;
	transform: translateX(-50%);
	text-transform: none;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title .label:hover .priceInfo {
	display: block;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title .label .priceInfo:after {
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #e30613 transparent transparent transparent;
	content: "";
	height: 0;
	position: absolute;
	right: 50%;
	transform: rotate(360deg);
	width: 0;
	bottom: -3px;
	margin: 0 -2px 0 0;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .date {
	font-size: 15px;
	margin: 8px 0 0;
	line-height: 1.3;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .price {
	position: absolute;
	bottom: 15px;
	line-height: 48px;
	font-size: 24px;
	font-weight: bold;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article a.cart {
	background: #E30613;
	color: #FFFFFF;
	bottom: 15px;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	position: absolute;
	right: 15px;
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article a.cart:hover {
	background: #FFFFFF;
	color: #E30613;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article a.cart > span {
	color: #FFFFFF;
	font-size: 20px;
	position: absolute;
	top: 12px;
	left: 10px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article a.cart:hover > span {
	color: #E30613;
}
		
/* Preloader */

.mw-starjack-preloader-ticket {
	display: flex;
	min-height: 300px;
	text-align: center;
}
.mw-starjack-preloader-ticket svg {
	align-self: center;
	display: block;
	margin: 0 auto;
	width: 80px;
}

/* Sortierung */

.mw-starjack-01 .mw-starjack-results .row-01 .filter {
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	display: flex;
	height: 100%;
	align-items: center;
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > p {
	margin: 0 30px 0 0;
	white-space: nowrap;
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: -10px -10px 0 0;
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > ul > li {
	background: #FFFFFF;
	cursor: pointer;
	padding: 0 16px;
	white-space: nowrap;
	margin: 10px 10px 0 0;
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > ul > li:hover,
.mw-starjack-01 .mw-starjack-results .row-01 .filter > ul > li.selected {
	background: #2d343e;
	color: #FFFFFF;
}

/* Safe2Ski */

.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski {
	align-items: center;
	display: flex;
	margin: 0 0 0 auto;
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski img {
	display: block;
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski p {
	font-size: 14px;
	font-weight: 400;
	margin: 0 16px;
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski a {
	background: #E30613;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	padding: 0 20px;
	text-transform: uppercase;	
}
.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski a:hover {
	background: #FFFFFF;
	color: #E30613;
}

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

	.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski p {
		max-width: 140px;
		line-height: 1.2;
	}

}
@media all and (max-width: 940px){
	
	.mw-starjack-01 .mw-starjack-results .row-01 {
		display: table;
		padding-bottom: 20px;
		padding-top: 20px;
		min-width: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		width: 100%;
		max-width: 395px;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 p {
		display: inline-block;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 p.days {
		margin-left: 5px;
		margin-top: 0;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter {
		width: 100%;
		margin-bottom: 10px;
		flex-wrap: wrap;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski {
		flex-wrap: wrap;
		margin-bottom: 20px;
		margin-top: 7px;
		padding-left: 70px;
		position: relative;
		order: -1;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski .image {
	    position: absolute;
		left: 0;	
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski a {
		width: 100%;
		text-align: center;	
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter > .safe2ski p {
		margin: 0 0 10px;
		max-width: none;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 p.label,
	.mw-starjack-01 .mw-starjack-results .row-01 p.days {
		font-size: 16px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article {
		min-height: 120px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article figcaption {
		min-height: 177px;
		padding-top: 22px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .subtitle {
		font-size: 16px;
		line-height: 1.15;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title {
		display: table;
		font-size: 25px;
		margin-top: 6px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .price {
		font-size: 20px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .title .label .mw-icon {
		top: -5px;
		font-size: 15px;
	}

}

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

	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article {
		margin: 0 0 10px 0;
		width: 100%;
	}

}

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

	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket {
		margin-left: -20px;
		margin-right: -20px;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter {
		flex-direction: column;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter > p {
		margin-bottom: 3px;
		margin-right: 0;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-results .row-01 .filter > ul {
		justify-content: flex-start;
		margin-left: -10px;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .date {
		margin-top: 10px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article > figure > div {
		width: 36%;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article figcaption {
		width: 64%;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article .price {
		font-size: 18px;
	}

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

	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article figcaption {
		padding-left: 15px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-ticket > article a.cart {
		padding-left: 12px;
		padding-right: 12px;
	}

}

/* Layout - Ticket - Start - Ergebnisse - Meldung */

.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-error {
	border: 1px solid #E30613;
	color: #E30613;
	line-height: 1.3;
	margin: 40px 0;
	padding: 10px 20px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info {
	align-items: center;
	display: flex;
	margin: 40px 0;
	justify-content: space-between;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info > div {
	border: 1px solid #79b76c;
	border-bottom: 0;
	color: #288C13;
	display: flex;
	padding: 15px 20px 21px;
	position: relative;
	flex-direction: column;
	line-height: 1.4;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info strong {
	font-weight: 500;
	font-size: 20px;
	margin: 0 0 2px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info img {
	display: block;
	max-width: calc(100% - 450px);
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info .line {
	height: 17px;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	overflow: hidden;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info .line:after,
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info .line:before {
	background: url("/img/starjack/line-green.svg") no-repeat top right / auto 100%;
	background-color: #FFFFFF;
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	top: -1px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info .line:before {
	background: #79b76c;
	height: 1px;
	top: 0;
	/*width: calc(100% - 700px);*/
	width: 100%;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-error + .mw-starjack-msg-info {
	margin-top: -20px;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info a {
	margin: 16px 0 0 auto;
	background: #288C13;
	font-weight: 400;
	color: #FFF;
	padding: 0 15px;
	line-height: 40px;
	white-space: nowrap;
}
.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info a:hover {
	opacity: 0.75;
}

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

	.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info > div {
		width: 300px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info img {
		max-width: calc(100% - 310px);
	}

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

	.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info {
		display: block;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info > div {
		border-color: #288c13;
		width: 100%;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info .line {
		height: 24px;
	}
	.mw-starjack-01 .mw-starjack-results .mw-starjack-msg-info img {
		margin: 0 0 20px;
		max-width: 100%;
	}

}

/* Menü - Hauptmenü - Desktop */

.mobileTrigger {
	display: none;
}
nav.desktop {
	left: 210px;
	position: absolute;
	top: 0;
	width: 1200px;
	z-index: 1;
}
nav.desktop > ul:after {
	clear: both;
	content: "";
	display: block;
}
nav.desktop > ul > li {
	float: left;
	padding: 0 0 5px 0;
	position: relative;
}
nav.desktop > ul > li:hover {
	
}
nav.desktop > ul > li > a {
	color: #FFFFFF;
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 59px;
	padding: 0 12px;
	position: relative;
	text-transform: uppercase;
}
nav.desktop > ul > li > a:after {
	background: #0076D7;
	content: "";
	display: block;
	height: 13px;
	left: -1px;
	margin: -5.5px 0 0;
	position: absolute;
	top: 50%;
	width: 1px;
}
nav.desktop > ul > li:first-child > a:after {
	display: none;
}
nav.desktop > ul > li:hover > a:before,
nav.desktop > ul > li > a.selected:before {
	background: #FFFFFF;
    content: "";
    bottom: 10px;
    display: block;
    height: 3px;
    left: 10px;
    position: absolute;
    right: 10px;
    width: auto;
}
nav.desktop > ul > li:hover > ul {
	display: block;
}
nav.desktop > ul > li > ul {
	background: #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	display: none;
	left: 0;
	overflow: auto;
	padding: 30px 20px;
	position: absolute;
	top: 60px;
}
nav.desktop > ul > li > ul:after {
	background: #0076D7;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
nav.desktop > ul > li.last > ul {
	left: auto;
	right: 0;
}
nav.desktop > ul > li.singleColumn > ul {
	height: auto;
}
nav.desktop > ul > li.singleColumn:hover > ul {
	padding-bottom: 30px;
}
nav.desktop > ul > li.singleColumn > ul > li {
	border-left: 1px solid #E3E4E5;
	position: relative;
}
nav.desktop > ul > li.singleColumn > ul > li:first-child {
	padding-top: 10px;
}
nav.desktop > ul > li.singleColumn > ul > li:last-child {
	padding-bottom: 10px;
}
nav.desktop > ul > li.singleColumn > ul > li:first-child:before {
	background: #E3E4E5;
	border-radius: 4px;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 7px;
}
nav.desktop > ul > li.singleColumn > ul > li:last-child:after {
	background: #E3E4E5;
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	width: 7px;
}
nav.desktop > ul > li.singleColumn > ul > li > a {
	color: #3A424E;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 20px;
	position: relative;
	white-space: nowrap;
}
nav.desktop > ul > li.singleColumn > ul > li > a:hover,
nav.desktop > ul > li.singleColumn > ul > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}
nav.desktop > ul > li.singleColumn > ul > li > a:hover:before,
nav.desktop > ul > li.singleColumn > ul > li > a.selected:before {
	border-left: 1px solid #8F9497;
	border-right: 1px solid #FFFFFF;
	content: "";
	height: 100%;
	left: -1px;
	position: absolute;
	top: 0;
	width: 1px;
}
nav.desktop > ul > li.singleColumn > ul > li.teaserGroup {
	display: none;
}

/* MultiColumns */

nav.desktop > ul > li.multiColumns > ul {
	width: 570px;
}
nav.desktop > ul > li.multiColumns > ul > .column {
	border-left: 1px solid #E3E4E5;
	position: relative;
	width: 250px;
}
nav.desktop > ul > li.multiColumns > ul > .column:before {
	background: #E3E4E5;
	border-radius: 4px;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 7px;
}
nav.desktop > ul > li.multiColumns > ul > .column:after {
	background: #E3E4E5;
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	width: 7px;
}
nav.desktop > ul > li.multiColumns > ul > .column > li:first-child {
	padding-top: 10px;
}
nav.desktop > ul > li.multiColumns > ul > .column > li:last-child {
	padding-bottom: 10px;
}
nav.desktop > ul > li.multiColumns > ul > .column > li > a {
	color: #3A424E;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 20px;
	position: relative;
}
nav.desktop > ul > li.multiColumns > ul > .column > li:hover > a,
nav.desktop > ul > li.multiColumns > ul > .column > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}
nav.desktop > ul > li.multiColumns > ul > .column > li:hover > a:before,
nav.desktop > ul > li.multiColumns > ul > .column > li > a.selected:before {
	border-left: 1px solid #8F9497;
	border-right: 1px solid #FFFFFF;
	content: "";
	height: 100%;
	left: -1px;
	position: absolute;
	top: 0;
	width: 1px;
}
nav.desktop > ul > li.multiColumns > ul > .column > li > ul {
	border-left: 1px solid #E3E4E5;
	bottom: 0;
	display: none;
	left: 249px;
	overflow: auto;
	padding: 10px 0;
	position: absolute;
	top: 0;
	width: 280px;
}
nav.desktop > ul > li.multiColumns > ul > .column > li:hover > ul {
	display: block;
}
nav.desktop > ul > li.multiColumns > ul > .column > li > ul > li > a {
	color: #3A424E;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 15px;
	position: relative;
}
nav.desktop > ul > li.multiColumns > ul > .column > li > ul > li > a:hover,
nav.desktop > ul > li.multiColumns > ul > .column > li > ul > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}

/* Menü - Teaser */

nav.desktop > ul > li.multiColumns > ul.teaser {
	width: 890px;
}
body.summer nav.desktop > ul > li:nth-child(5) > ul.teaser {
	left: 50%;
	transform: translateX(-50%);
}
body.summer nav.desktop > ul > li:nth-child(6) > ul {
	left: 50%;
	transform: translateX(-50%);
}
body.summer nav.desktop > ul > li:nth-child(8) > ul.teaser {
	left: auto;
	right: -200px;
}
nav.desktop > ul > li.multiColumns > ul.teaser > .column {
	min-height: 370px;
	width: 250px;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup {
	background: #F1F1F2;
	float: right;
	margin: 11px 0 32px;
	opacity: 0;
	-webkit-transition: opacity 200ms ease-in 1s;
	-moz-transition: opacity 200ms ease-in 1s;
	-ms-transition: opacity 200ms ease-in 1s;
	-o-transition: opacity 200ms ease-in 1s;
	transition: opacity 200ms ease-in 1s;
	width: 300px;
}
nav.desktop > ul > li.multiColumns:hover > ul.teaser > li.teaserGroup {
	opacity: 1;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > h2 {
	display: none;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > span {
    background: #e30613;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    z-index: 1;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > a > img {
	display: block;
	width: 100%;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption {
	padding: 15px;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > a {
	color: #E30613;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > a:hover {
	color: #034E8D;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > p > span.text {
	display: block;
	line-height: 1.4;
	margin: 10px 0 0;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls {
	bottom: -40px;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls > .owl-pagination > .owl-page > span {
	background: #F1F1F2;
	border-radius: 20px;
	display: block;
	height: 13px;
	margin: 0 4px;
	opacity: 1;
	width: 13px;
}
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls > .owl-pagination > .owl-page:hover > span,
nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup .owl-controls > .owl-pagination > .owl-page.active > span {
	background: #E30613;
}
		
/* Menü - Orte */

nav.desktop > ul > li.multiColumns.towns {
	position: static;
}
nav.desktop > ul > li.multiColumns.towns > ul {
	overflow: hidden;
	width: 100%;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column {
	border-left: 0 none;
	float: none;
	margin-right: 0;
	padding-top: 0;
	width: 100%;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column:before {
	display: none;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column:after {
	display: none;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li {
	border-left: 0 none;
	float: none;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 100%;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li:after {
	clear: both;
	content: "";
	display: block;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li:first-child {
	padding-top: 0;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 4%;
	padding-left: 0;
	position: relative;
	width: 32%;
}
nav.desktop > ul > li.multiColumns > ul > .column > li:hover > a:before,
nav.desktop > ul > li.multiColumns > ul > .column > li > a.selected:before {
	border: 0 none;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li:hover > a {
	background: none;
	color: #E30613;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul {
	border-left: 1px solid #E3E4E5;
	clear: both;
	display: block;
	float: left;
	height: auto;
	left: auto;
	margin-bottom: 20px;
	margin-right: 4%;
	overflow: visible;
	position: relative;
	width: 32%;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul:before {
	background: #E3E4E5;
	border-radius: 4px;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 7px;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul:after {
	background: #E3E4E5;
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	width: 7px;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a {
	padding: 3px 0 3px 15px;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a:before {
	color: #E30613;
	content: '\E83B';
	display: inline-block;
	font-family: 'fontello';
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	margin: 0 10px 0 5px;
	position: relative;
	top: -2px;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a:hover:before,
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > ul > li > a.selected:before {
	color: #FFFFFF;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map {
	background: #F1F1F2;
	float: right;
	margin: -73px -40px -27px;
	padding: 73px 40px 55px;
	position: relative;
	width: 64%;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map:before {
	background: #F1F1F2;
	content: "";
	height: 80px;
	left: -15px;
	position: absolute;
	top: 30%;
	-moz-transform: skewX(-15deg) skewY(40deg);
	-webkit-transform: skewX(-15deg) skewY(40deg);
	-o-transform: skewX(-15deg) skewY(40deg);
	-ms-transform: skewX(-15deg) skewY(40deg);
	transform: skewX(-15deg) skewY(40deg);
	width: 50px;
	z-index: 1;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a {
	background: #E30613;
	border-radius: 8px;
	height: 16px;
	left: 0;
	position: absolute;
	top: 0;
	width: 16px;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:after {
	background: #E30613;
	background: rgba(227, 6, 19, 0.2);
	border-radius: 50%;
	box-shadow: 0 0 0 4px #E30613;
	box-sizing: content-box;
	content: "";
	height: 100%;
	left: -3px;
	opacity: 0;
	padding: 3px;
	pointer-events: none;
	position: absolute;
	top: -3px;
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: transform 0.2s ease, opacity 0.2s ease;
	-moz-transition: transform 0.2s ease, opacity 0.2s ease;
	-ms-transition: transform 0.2s ease, opacity 0.2s ease;
	-o-transition: transform 0.2s ease, opacity 0.2s ease;
	transition: transform 0.2s ease, opacity 0.2s ease;
	width: 100%;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover,
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate {
	background: #034E8D;
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover:after,
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate:after {
	background: #034E8D;
	background: rgba(3, 78, 141, 0.2);
	box-shadow: 0 0 0 4px #034E8D;
	opacity: 1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.brixen {
	left: 60.529986052998602%; /* 434 */
	top: 70.623059866962308%; /* 314 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.ellmau {
	left: 59.972105997210598%; /* 430 */
	top: 48.006651884700666%; /* 212 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.going {
	left: 66.806136680613662%; /* 479 */
	top: 43.350332594235034%; /* 191 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.hopfgarten {
	left: 46.443514644351467%; /* 333 */
	top: 70.623059866962308%; /* 314 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.itter {
	left: 41.980474198047418%; /* 301 */
	top: 66.631929046563187%; /* 296 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.kelchsau {
	left: 47.001394700139471%; /* 337 */
	top: 79.270509977827047%; /* 353 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.scheffau {
	left: 50.627615062761507%; /* 363 */
	top: 53.993348115299334%; /* 239 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.soell {
	left: 44.490934449093444%; /* 319 */
	top: 57.984478935698448%; /* 257 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.westendorf {
	left: 56.206415620641565%; /* 403 */
	top: 77.718403547671841%; /* 346 */
}
nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > img {
	display: block;
	max-width: 699px;
	width: 100%;
}

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

	nav.desktop {
		width: auto;
		left: 190px;
	}
	nav.desktop > ul > li > a {
		font-size: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}

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

	nav.desktop > ul > li > a {
		font-size: 15px;
		padding-left: 7px;
		padding-right: 7px;
	}

}

/* Menü - Hauptmenü Desktop - Teaser2 */

nav.desktop > ul > li.multiColumns.winter {
	position: static;
}
nav.desktop > ul > li.multiColumns > ul.teaser.teaser2 {
	left: 0;
	width: 100%;
}
nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft {
	bottom: 30px;
	height: auto;
	left: 20px;
	position: absolute;
	top: 30px;
	width: 200px;
}
nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article {
	height: calc(25% - 15px);
	margin: 0 0 20px 0;
	overflow: hidden;
	position: relative;
}
nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article:nth-of-type(4n) {
	margin-bottom: 0;
}
nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article > h2 {
	display: none;	
}
nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article > figure > a > img {
	display: block;
	width: 100%;
}
nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft > article > figure > .title {
	background: rgba(255, 255, 255, 0.75);
    bottom: 0;
    color: #e30613;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    height: 40px;
    padding: 7px 10px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
nav.desktop > ul > li.multiColumns > ul.teaser2 > .column {
	margin: 0 0 0 225px;
}
@media all and (max-width: 1460px){

	nav.desktop > ul > li.multiColumns > ul.teaser.teaser2 {
		width: 1100px;
	}

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

	nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft {
		width: 180px;
	}
	nav.desktop > ul > li.multiColumns > ul.teaser2 > .column {
		margin-left: 205px;
	}

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

	nav.desktop > ul > li > ul.teaser.teaser2 > .teaserleft {
		width: 170px;
	}
	nav.desktop > ul > li.multiColumns > ul.teaser2 > .column {
		margin-left: 190px;
		width: 210px;
	}
	nav.desktop > ul > li.multiColumns > ul.teaser2 > .column > li > ul {
		left: 220px;
		width: 230px;		
	}
	nav.desktop > ul > li.multiColumns > ul.teaser.teaser2 > li.teaserGroup {
		width: 275px;
	}

}

/* Menü - Hauptmenü Mobile */

.mobileTrigger.show:before {
	content: "\E819";
	display: block;
	float: left;
	font-family: "fontello";
	font-size: 34px;
	margin: 0 10px 0 0;
}
body.summer .mobileTrigger.show {
	color: #2D343E;
}
.mobileTrigger.show {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-weight: bold;
	left: 180px;
	line-height: 60px;
	padding: 0 20px;
	position: absolute;
	text-transform: uppercase;
}
nav.mobile {
	display: block;
	position: absolute;
	right: 0;
	top: 59px;
	width: 100%;
	z-index: 99999;
}
nav.mobile > ul {
	background: #FFFFFF;
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
nav.mobile > ul:after {
	background: #034E8D;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100%;
}
nav.mobile > ul.open {
	height: auto;
	opacity: 1;
	overflow: visible;
	padding: 1px 0 20px;
}
nav.mobile > ul > li > ul {
	display: none;
}
nav.mobile > ul > li > ul.open {
	display: block;
	margin: 1px 0 0;
}
nav.mobile > ul > li > ul > li > ul,
nav.mobile > ul > li > ul > div > li > ul {
	display: none;
}
nav.mobile > ul > li > ul > li > ul.open,
nav.mobile > ul > li > ul > div > li > ul.open {
	display: block;
}

/* 1. Ebene */

nav.mobile > ul > li {
	margin: 0 0 1px;
}
nav.mobile > ul > li > a {
	color: #034E8D;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 50px 6px 20px;
	position: relative;
	text-transform: uppercase;
}
nav.mobile > ul > li > a:before {
	content: "\E805";
	font-family: 'fontello';
	font-weight: normal;
	position: absolute;
	right: 20px;
	top: 6px;
}
nav.mobile > ul > li > a:hover,
nav.mobile > ul > li > a.selected {
	background: #034E8D;
	color: #FFFFFF;
}

/* 2. Ebene */

nav.mobile > ul > li > ul > li,
nav.mobile > ul > li > ul > div > li {
	margin: 0 0 1px;
}
nav.mobile > ul > li > ul > li > a,
nav.mobile > ul > li > ul > div > li > a {
	color: #2D343E;
	display: block;
	font-weight: normal;
	padding: 4px 50px 4px 30px;
	position: relative;
}
nav.mobile > ul > li > ul > li > a.hasItems:before,
nav.mobile > ul > li > ul > div > li > a.hasItems:before {
	content: "\E805";
	font-family: 'fontello';
	font-weight: normal;
	position: absolute;
	right: 20px;
	top: 5px;
}
nav.mobile > ul > li > ul > li > a:hover,
nav.mobile > ul > li > ul > li > a.selected,
nav.mobile > ul > li > ul > div > li > a:hover,
nav.mobile > ul > li > ul > div > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}

/* 3. Ebene */

nav.mobile > ul > li > ul > li > ul > li > a,
nav.mobile > ul > li > ul > div > li > ul > li > a {
	border-bottom: 1px solid #E8E8E8;
	color: #2D343E;
	display: block;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	padding: 6px 30px;
}
nav.mobile > ul > li > ul > li > ul > li > a:before,
nav.mobile > ul > li > ul > div > li > ul > li > a:before {
	color: #E30613;
	content: '\E83B';
	display: inline-block;
	font-family: 'fontello';
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	margin: 0 10px 0 0;
	position: relative;
	top: -1px;
}
nav.mobile > ul > li > ul > li > ul > li:last-child > a,
nav.mobile > ul > li > ul > div > li > ul > li:last-child > a {
	border-bottom: 0 none;
}
nav.mobile > ul > li > ul > li > ul > li > a:hover,
nav.mobile > ul > li > ul > li > ul > li > a.selected,
nav.mobile > ul > li > ul > div > li > ul > li > a:hover,
nav.mobile > ul > li > ul > div > li > ul > li > a.selected {
	color: #E30613;
}

/* Menü - Teaser */

nav.mobile > ul > li > ul > li.teaserGroup {
	display: none;
}
nav.mobile > ul > li > ul > .teaserleft {
	display: none;
}

/* Menü - Orte */

nav.mobile > ul > li > ul.towns > li > ul,
nav.mobile > ul > li > ul.towns > div > li > ul {
	display: block;
}
nav.mobile > ul > li > ul.towns > li > a,
nav.mobile > ul > li > ul.towns > div > li > a {
	background: #E30613;
	color: #FFFFFF;
}
nav.mobile > ul > li > ul.towns > li > .map,
nav.mobile > ul > li > ul.towns > div > li > .map {
	background: #F1F1F2;
	padding: 30px 10px;
	text-align: center;
}
nav.mobile > ul > li > ul.towns > li > .map > img,
nav.mobile > ul > li > ul.towns > div > li > .map > img {
	display: inline-block;
	max-width: 699px;
	width: 100%;
}

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

	nav {
		display: none;
	}

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

	.mobileTrigger.show {
		left: 0;
	}

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

	nav.mobile > ul.open {
		padding-top: 1px;
	}
	.mobileTrigger.show {
		left: 0;
		padding-left: 10px;
		padding-right: 10px;
	}
	.mobileTrigger > span {
		display: none;
	}

}

/* Menü - Metamenü */

/* Metamenü - Header */

ul.metamenuHeader {
	float: left;
	margin: 0 0 0 50px;
	position: relative;
	z-index: 3;
}
ul.metamenuHeader:after {
	clear: both;
	content: "";
	display: block;
}
ul.metamenuHeader > li {
	float: left;
	position: relative;
}
ul.metamenuHeader > li > a {
	color: #FFFFFF;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 13px;
	line-height: 40px;
	padding: 0 12px;
	position: relative;
	text-transform: uppercase;
}
ul.metamenuHeader > li > a:after {
	background: #034E8D;
	content: "";
	height: 13px;
	margin: -6.5px 0 0;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
}
ul.metamenuHeader > li:last-child > a:after {
	display: none;
}
ul.metamenuHeader > li > a:hover,
ul.metamenuHeader > li > a.selected {
	color: #034E8D;
}

/* Metamenü - Untermenü */

ul.metamenuHeader > li > ul {
	background: #ffffff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    display: none;
    left: 0;
    overflow: auto;
    padding: 30px 20px;
    position: absolute;
    top: 40px;
}
ul.metamenuHeader > li:hover > ul {
	display: block;
}
ul.metamenuHeader > li > ul:after {
    background: #0076d7;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
ul.metamenuHeader > li > ul > li {
    border-left: 1px solid #e3e4e5;
    position: relative;
}
ul.metamenuHeader > li > ul > li:first-child {
    padding-top: 10px;
}
ul.metamenuHeader > li > ul > li:last-child {
    padding-bottom: 10px;
}
ul.metamenuHeader > li > ul > li:first-child:before {
    background: #e3e4e5 none repeat scroll 0 0;
    border-radius: 4px;
    content: "";
    display: block;
    height: 7px;
    left: -4px;
    position: absolute;
    top: 0;
    width: 7px;
}
ul.metamenuHeader > li > ul > li:last-child:after {
    background: #e3e4e5 none repeat scroll 0 0;
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    height: 7px;
    left: -4px;
    position: absolute;
    width: 7px;
}
ul.metamenuHeader > li > ul > li > a {
    color: #3a424e;
    display: block;
    font-family: "PT Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    padding: 3px 12px;
    position: relative;
    white-space: nowrap;
}
ul.metamenuHeader > li > ul > li > a:hover,
ul.metamenuHeader > li > ul > li > a.selected {
    background: #e30613 none repeat scroll 0 0;
    color: #ffffff;
}

ul.metamenuHeader > li > ul > li > a:hover:before,
ul.metamenuHeader > li > ul > li > a.selected:before {
    border-left: 1px solid #8f9497;
    border-right: 1px solid #ffffff;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0;
    width: 1px;
}

/* Metamenü - Footer */

ul.metamenuFooter {
	float: right;
	margin: 0 -13px 0 0;
	padding: 10px 0;
}
ul.metamenuFooter:after {
	clear: both;
	content: "";
	display: block;
}
ul.metamenuFooter > li {
	float: left;
}
ul.metamenuFooter > li > a {
	color: #FFFFFF;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	padding: 5px 12px;
	position: relative;
	text-transform: uppercase;
}
ul.metamenuFooter > li > a:after {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.3);
	content: "";
	height: 13px;
	margin: -6.5px 0 0;
	position: absolute;
	left: -1px;
	top: 50%;
	width: 1px;
}
ul.metamenuFooter > li > a:hover:after,
ul.metamenuFooter > li > a.selected:after,
ul.metamenuFooter > li:first-child > a:after {
	display: none;
}
ul.metamenuFooter > li > a:hover,
ul.metamenuFooter > li > a.selected {
	background: #FFFFFF;
	color: #034E8D;
}

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

	/* Metamenü - Header */

	ul.metamenuHeader {
		margin-left: 20px;
	}

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

	/* Metamenü - Footer */
	
	ul.metamenuFooter {
		float: none;
		margin-right: 0;
		text-align: center;
	}
	ul.metamenuFooter > li {
		display: inline-block;
		float: none;
	}

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

	/* Metamenü - Header */

	ul.metamenuHeader {
		display: none;
	}

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

	/* Metamenü - Footer */
	
	ul.metamenuFooter > li {
		display: block;
	}
	ul.metamenuFooter > li > a:after {
		display: none;
	}

}

/* Menü - Breadcrumb */

ul.breadcrumb {
	display: block;
}
ul.breadcrumb > li {	
	float: left; 
	margin: 0 20px 0 0;
	position: relative;
}
ul.breadcrumb > li:last-child {
	margin-right: 0;
}
ul.breadcrumb > li:after {	
	color: #FFFFFF;
    content: "\E803";
    display: block;
    float: left;
    font-family: "Fontello";
    height: 20px;
    position: absolute;
    right: -15px; 
    top: 1px; 
    width: 10px;	
}
body.summer ul.breadcrumb > li:after {
	color: #aecb35;
	top: -1px;
}
ul.breadcrumb > li:last-child:after {
	content: ""; 
}
ul.breadcrumb > li > a {
	color: #FFFFFF;
	display: block; 
	font-size: 13px;	
	line-height: 30px;
	padding: 0 5px 0 0; 
	position: relative;
	text-transform: uppercase;
	white-space: nowrap;	
}
ul.breadcrumb > li:last-child > a {
	text-decoration:none; 
}

/* Menü - Footer - Sitemap */

ul.footerSitemap {
	margin: -30px 0 0;
}
ul.footerSitemap:after {
	clear: both;
	content: "";
	display: block;
}
ul.footerSitemap > li {
	float: left;
	margin: 30px 2% 0 0;
	position: relative;
	width: 23.5%;
}
ul.footerSitemap > li:nth-of-type(4n) {
	margin-right: 0;
}
ul.footerSitemap > li:nth-of-type(4n) + * {
	clear: both;
}
ul.footerSitemap > li > a {
	color: #034E8D;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}
ul.footerSitemap > li > a:hover,
ul.footerSitemap > li > a.selected {
	color: #E30613;
}
ul.footerSitemap > li > ul > li > a {
	color: #3A424E;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.footerSitemap > li > ul > li > a:before {
	content: '\E83B';
	font-family: 'fontello';
	font-size: 8px;
	margin: 0 8px 0 0;
	position: relative;
	top: -2px;
}
ul.footerSitemap > li > ul > li > a:hover,
ul.footerSitemap > li > ul > li > a.selected {
	color: #E30613;
}

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

	ul.footerSitemap > li {
		width: 32%;
	}
	ul.footerSitemap > li:nth-of-type(4n) {
		margin-right: 2%;
	}
	ul.footerSitemap > li:nth-of-type(4n) + * {
		clear: none;
	}
	ul.footerSitemap > li:nth-of-type(3n) {
		margin-right: 0;
	}
	ul.footerSitemap > li:nth-of-type(3n) + * {
		clear: both;
	}

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

	ul.footerSitemap {
		display: none;
	}

}

/* Menü - Seitenmenü */

ul.pagenav { 
    margin: 0 0 10px 0;
    text-align: center;
}
ul.pagenav > li {
	display: inline-block;
}
ul.pagenav > li > a {
	background: #E3E4E5;
	font-size: 14px;
	margin: 0 2px;
	padding: 8px 10px;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
ul.pagenav > li > a:hover,
ul.pagenav > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}

/* Menü - Submenü */

ul.submenu {
	clear: both;
}
ul.submenu > li > ul > li {
	display: inline-block;
	margin: 0 1px 3px 0;
}
ul.submenu > li > ul > li > a {
	background: #D2D3D6;
	color: #2D343E;
	display: block;
	font-size: 13px;
	line-height: 30px;
	padding: 0 10px;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
ul.submenu > li > ul > li > a:hover,
ul.submenu > li > ul > li > a.selected {
	background: #034E8D;
	color: #FFFFFF;
}

/* Menü - Mobilemenü */

ul.mobilemenuFooter {
	display: none;
	float: right;
	margin: 0 -13px 0 0;
	padding: 0 0 10px;
}
ul.mobilemenuFooter:after {
	clear: both;
	content: "";
	display: block;
}
ul.mobilemenuFooter > li {
	float: left;
}
ul.mobilemenuFooter > li > a {
	color: #FFFFFF;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	padding: 5px 12px;
	position: relative;
	text-transform: uppercase;
}
ul.mobilemenuFooter > li > a:after {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.3);
	content: "";
	height: 13px;
	margin: -6.5px 0 0;
	position: absolute;
	left: -1px;
	top: 50%;
	width: 1px;
}
ul.mobilemenuFooter > li > a:hover:after,
ul.mobilemenuFooter > li > a.selected:after,
ul.mobilemenuFooter > li:first-child > a:after {
	display: none;
}
ul.mobilemenuFooter > li > a:hover,
ul.mobilemenuFooter > li > a.selected {
	background: #FFFFFF;
	color: #034E8D;
}

@media all and (max-width: 720px){
	
	ul.mobilemenuFooter {
		display: block;
		float: none;
		margin-right: 0;
		text-align: center;
	}
	ul.mobilemenuFooter > li {
		display: inline-block;
		float: none;
	}

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

	ul.mobilemenuFooter {
		margin-top: -9px;
	}
	ul.mobilemenuFooter > li {
		display: block;
	}
	ul.mobilemenuFooter > li > a:after {
		display: none;
	}

}

/* Menü - Sommer - Edition */

/* Menü - Hauptmenü Desktop */

body.summer nav.desktop > ul > li > ul:after {
	background: #B1CA35;
}
body.summer nav.desktop > ul > li > a {
	color: #ffffff;
}
body.summer nav.desktop > ul > li > a {
	color: #2D343E;
}
body.summer nav.desktop > ul > li:hover > a::before, 
body.summer nav.desktop > ul > li > a.selected::before {
	background: #c20016;
}
body.summer nav.desktop > ul > li > a:after {
	background: #B1CA35;
}
body.summer nav.desktop > ul > li > a:after {
	display: none;
}
body.summer nav.desktop > ul > li:hover > a, 
body.summer nav.desktop > ul > li > a.selected {
	color: #FFFFFF;
}
body.summer nav.desktop > ul > li:hover > a, 
body.summer nav.desktop > ul > li > a.selected {
	color: #c20016;
}

/* MultiColumns */

body.summer nav.desktop > ul > li.multiColumns > ul > div > li > a {
	color: #3A424E;
}
body.summer nav.desktop > ul > li.multiColumns > ul > div > li > a:hover,
body.summer nav.desktop > ul > li.multiColumns > ul > div > li > a.selected {
	color: #FFFFFF;
}

/* Menü - Teaser */

body.summer nav.desktop > ul > li.multiColumns > ul.teaser > li.teaserGroup > div article > figure > figcaption > a:hover {
	color: #6D9815;
}

/* Menü - Orte */

body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover,
body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate {
	background: #6D9815;
}
body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a:hover:after, 
body.summer nav.desktop > ul > li.multiColumns.towns > ul > .column > li > .map > a.animate:after {
	background: #6D9815;
	background: rgba(109, 152, 21, 0.2);
	box-shadow: 0 0 0 4px #6D9815;
}

/* Menü - Hauptmenü Mobile */

body.summer nav.mobile > ul:after {
	background: #6D9815;
}
body.summer nav.mobile > ul > li > a {
	color: #6D9815;
}
body.summer nav.mobile > ul > li > a:hover,
body.summer nav.mobile > ul > li > a.selected {
	background: #6D9815;
	color: #FFFFFF;
}

/* Menü - Metamenü */

/* Metamenü - Header */

body.summer ul.metamenuHeader > li > a:after {
	background: #6D9815;
}
body.summer ul.metamenuHeader > li > a:hover,
body.summer ul.metamenuHeader > li > a.selected {
	color: #6D9815;
}

body.summer ul.metamenuHeader > li > ul:after {
	background: #B1CA35;
}

/* Metamenü - Footer */

body.summer ul.metamenuFooter > li > a:hover,
body.summer ul.metamenuFooter > li > a.selected {
	color: #6D9815;
}

/* Menü - Mobilemenü */

body.summer ul.mobilemenuFooter > li > a:hover,
body.summer ul.mobilemenuFooter > li > a.selected {
	color: #6D9815;
}

/* Menü - Breadcrumb */

body.summer ul.breadcrumb > li > a {
	color: #FFFFFF;
}
body.summer ul.breadcrumb > li > a {
	color: #2D343E;
	font-size: 14px;
	font-weight: 500;
}

/* Menü - Footer - Sitemap */

body.summer ul.footerSitemap > li > a {
	color: #6D9815;
}
body.summer ul.footerSitemap > li > a:hover,
body.summer ul.footerSitemap > li > a.selected {
	color: #E30613;
}

/* Menü - Submenü */

body.summer ul.submenu > li > ul > li > a:hover,
body.summer ul.submenu > li > ul > li > a.selected {
	background: #6D9815;
	color: #FFFFFF;
}

/* Menü - Metamenü - Teaser */

ul.metamenuHeader > li.teaser > ul {
	width: 540px;
}
ul.metamenuHeader > li.teaser.noteaser > ul {
	width: auto;
}
ul.metamenuHeader > li.teaser > ul > .column {
	border-left: 1px solid #E3E4E5;
	min-height: 270px;
	position: relative;
	width: 250px;
}
ul.metamenuHeader > li.teaser.noteaser > ul > .column {
	min-height: 0;
}
ul.metamenuHeader > li.teaser > ul > .column:before {
	background: #E3E4E5;
	border-radius: 4px;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 7px;
}
ul.metamenuHeader > li.teaser > ul > .column:after {
	background: #E3E4E5;
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	width: 7px;
}
ul.metamenuHeader > li.teaser > ul > .column > li:first-child {
	padding-top: 10px;
}
ul.metamenuHeader > li.teaser > ul > .column > li:last-child {
	padding-bottom: 10px;
}
ul.metamenuHeader > li.teaser > ul > .column > li > a {
	color: #3A424E;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 20px;
	position: relative;
}
ul.metamenuHeader > li.teaser > ul > .column > li:hover > a,
ul.metamenuHeader > li.teaser > ul > .column > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}
ul.metamenuHeader > li.teaser > ul > .column > li:hover > a:before,
ul.metamenuHeader > li.teaser > ul > .column > li > a.selected:before {
	border-left: 1px solid #8F9497;
	border-right: 1px solid #FFFFFF;
	content: "";
	height: 100%;
	left: -1px;
	position: absolute;
	top: 0;
	width: 1px;
}
ul.metamenuHeader > li.teaser > ul > .column > li > ul {
	border-left: 1px solid #E3E4E5;
	bottom: 0;
	display: none;
	left: 249px;
	overflow: auto;
	padding: 10px 0;
	position: absolute;
	top: 0;
	width: 250px;
}
ul.metamenuHeader > li.teaser > ul > .column > li:hover > ul {
	display: block;
}
ul.metamenuHeader > li.teaser > ul > .column > li > ul > li > a {
	color: #3A424E;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 15px;
	position: relative;
}
ul.metamenuHeader > li.teaser > ul > .column > li > ul > li > a:hover,
ul.metamenuHeader > li.teaser > ul > .column > li > ul > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}

/* Menü - Teaser */

ul.metamenuHeader > li.teaser > ul > li.teaserGroup {
	background: #F1F1F2;
	float: right;
	margin: 11px 0 32px;
	opacity: 0;
	padding-top: 0;
	-webkit-transition: opacity 200ms ease-in 1s;
	-moz-transition: opacity 200ms ease-in 1s;
	-ms-transition: opacity 200ms ease-in 1s;
	-o-transition: opacity 200ms ease-in 1s;
	transition: opacity 200ms ease-in 1s;
	width: 230px;
}
ul.metamenuHeader > li.teaser:hover > ul > li.teaserGroup {
	opacity: 1;
}
ul.metamenuHeader > li.teaser:hover > ul > li.teaserGroup:before {
	display: none;
}
nav.desktop > ul > li.teaser:hover > ul.teaser > li.teaserGroup {
	opacity: 1;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > h2 {
	display: none;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > span {
    background: #e30613;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    z-index: 1;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > a:before {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transition: opacity 200ms ease-in 0s;
    -moz-transition: opacity 200ms ease-in 0s;
    -o-transition: opacity 200ms ease-in 0s;
    -webkit-transition: opacity 200ms ease-in 0s;
    transition: opacity 200ms ease-in 0s;
    z-index: 1;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article:hover > figure > a:before {
	opacity: 1;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > a > img {
	display: block;
    min-height: 230px;
    min-width: 100%;
    -ms-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -ms-transition: all 200ms ease-in 0s;
    -moz-transition: all 200ms ease-in 0s;
    -o-transition: all 200ms ease-in 0s;
    -webkit-transition: all 200ms ease-in 0s;
    transition: all 200ms ease-in 0s;
    width: auto;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article:hover > figure > a > img {
	-ms-transform: scale(1.4) rotate(-5deg);
	-moz-transform: scale(1.4) rotate(-5deg);
	-o-transform: scale(1.4) rotate(-5deg);
	-webkit-transform: scale(1.4) rotate(-5deg);
	transform: scale(1.4) rotate(-5deg);
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption {
	bottom: 0;
	padding: 15px;
	position: absolute;
	z-index: 2;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption > a {
	color: #FFFFFF;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption > a:hover {
	color: #FFFFFF;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article > figure > figcaption > p > span.text {
	color: #ffffff;
    display: block;
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    -ms-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s;
    -moz-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s;
    -o-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s;
    -webkit-transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s;
    transition: max-height 200ms ease-out 0s, opacity 100ms ease-out 0s;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup > div article:hover > figure > figcaption > p > span.text {
	max-height: 130px;
	opacity: 1;
	-ms-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s;
	-moz-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s;
	-o-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s;
	-webkit-transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s;
	transition: max-height 400ms ease-in 0s, opacity 200ms ease-in 0s;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls {
	bottom: -40px;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls > .owl-pagination > .owl-page > span {
	background: #F1F1F2;
	border-radius: 20px;
	display: block;
	height: 13px;
	margin: 0 4px;
	opacity: 1;
	width: 13px;
}
ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls > .owl-pagination > .owl-page:hover > span,
ul.metamenuHeader > li.teaser > ul > li.teaserGroup .owl-controls > .owl-pagination > .owl-page.active > span {
	background: #E30613;
}

/* MultiColumns */

ul.metamenuHeader > li.multiColumns > ul {
	width: 550px;
}
ul.metamenuHeader > li.teaser.multiColumns > ul {
	width: 800px;
}
ul.metamenuHeader > li.teaser.noteaser.multiColumns > ul {
	width: 550px;
}

/* Elemente - Überschriften */

h1 {
	color: #8F9497;
	font-family: "PT Sans", sans-serif;
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
body.summer h1 {
	color: #85a633;
}
h2 {
	color: #E30613;
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}
body.summer h2 {
	color: #85a633;
	font-size: 24px;
}
h3 {
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: normal;
}

/* Folgeüberschriften */

h1.cms + h2.cms {
	margin-top: -20px;
}
body.summer h1.cms + h2.cms {
	margin-top: -20px;
	color: #c20016;
}

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

	h1 {
		font-size: 26px;
	}

}

/* Elemente - Textinhalt */

/* Elemente - Aufzählung */

.cmsList > h2 {
	margin: 0 0 15px;
}
body.summer .cmsList > h2 {
	position: relative;
	margin: 0 0 25px;
}
body.summer .cmsList > h2:before {
	content: "";
	position: absolute;
	bottom: -23px;
	left: 0;
	width: 100%;
	height: 16px;
	background-image: url("/img/layout/headline-line.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
.cmsList > ul > li:before {
	background: #E30613;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 8px;
}
body.summer .cmsList > ul > li:before {
	color: #aecb35;
	content: '\E841';
	font-family: 'fontello';
	font-size: 20px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: -2px;
	background: none;
	height: auto;
	width: auto;
}
.cmsList > ul > li {
	margin: 3px 0;
	padding: 0 0 0 20px;
	position: relative;
}
body.summer .cmsList > ul > li {
	margin: 3px 0;
	padding: 0 0 0 53px;
	position: relative;
}

/* 2-spaltig */

.cmsList2Columns > ul > li {
	float: left;
	width: 50%;
}
.cmsList2Columns > ul > li:nth-child(2n+1) {
	padding-right: 20px;
}
.cmsList2Columns > ul > li:nth-child(2n) + li {
	clear: left;
}
.cmsList2Columns:after {
	clear: both;
	content: "";
	display: block;
}

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

	.cmsList2Columns > ul > li {
		clear: none !important;
		padding-right: 0 !important;
		width: 100%;
	}

}

/* Elemente - Bild-Text */

.cmsImage:after {
	clear: both;
	content: "";
	display: block;
}
.cmsImage > .left {
	float: left;
	margin: 9px 20px 10px 0;
	max-width: 45%;
}
.cmsImage > .right {
	float: right;
	margin: 9px 0 10px 20px;
	max-width: 45%;
}
.cmsImage img {
	display: block;
	max-width: 100%;
}
.cmsImage figcaption {
	font-size: smaller;
	line-height: 1.5;
	margin: 8px 0 0 0;
}

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

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

/* Elemente - Bildergalerie */

.cmsGallery:after {
	clear: both;
	content: "";
	display: block;
}
.cmsGallery + * {
	margin-top: -10px;
}
.cmsGallery > li {
	float: left;
	margin: 0 4.545454545454546% 4.545454545454546% 0; /* 0 30 30 0 */
	position: relative;
	width: 47.727272727272727%; /* 315 */
}
.cmsGallery > li:nth-child(2n) {
	margin-right: 0;
}
.cmsGallery > li:nth-child(2n) + li {
	clear: left;
}
.cmsGallery > li > figure {
	overflow: hidden;
	position: relative;
}
.cmsGallery > li > figure > a {
	display: block;
	position: relative;
}
.cmsGallery > li > figure > a > img {
	display: block;
	width: 100%;
}
.cmsGallery > li > figure > a > span:before {
	content: "\E836";
	font-family: "fontello";
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}
.cmsGallery > li > figure > a > span {
	background: #E30613;
	background: rgba(227, 6, 19, 0.8);
	bottom: 3px;
	display: block;
	height: 33px;
	position: absolute;
	right: 3px;
	text-align: center;
	width: 33px;
	z-index: 2;
}
.cmsGallery > li > figure > figcaption {
	font-style: italic;
	font-weight: 300;
	line-height: 1.5;
	padding: 6px 0;
}
.cmsGallery > li:hover > figure > figcaption {
	left: 0;
	opacity: 1;
}
.cmsGallery > li > figure:after {
	content: "\E809";
	font-family: "fontello";
    font-size: 36px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -50px;
    width: 100%;
}
.fancybox-wrap .fancydownload:before {
	content: '\e801';
	font-family: 'fontello';
	font-size: 18px;
	font-weight: normal;
	margin: 0 10px 0 0;
}
.fancybox-wrap .fancydownload {
	background: none repeat scroll 0 0 #000000;
	border-radius: 4px;
	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	padding: 5px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 1;
}

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

	.cmsGallery > li {
		margin: 0 4% 4% 0;
		width: 48%;
	}
	.cmsGallery > li:nth-child(3n) {
		margin-right: 4%;
	}
	.cmsGallery > li:nth-child(3n) + li {
		clear: none;
	}
	.cmsGallery > li:nth-child(2n) {
		margin-right: 0;
	}
	.cmsGallery > li:nth-child(2n) + li {
		clear: left;
	}

}

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

	.cmsGallery + * {
		margin-top: auto;
	}
	.cmsGallery > li {
		clear: both !important;
		float: none !important;
		margin: 0 0 20px 0 !important;
		width: 100% !important;
	}
	
}

/* Element - Bildergalerie (gesamte Breite) */

body.entirewidth .cmsGallery > li {
	margin: 0 1.666666666666667% 1.666666666666667% 0; /* 0 20 20 0 */
	width: 23.75%; /* 285 */
}
body.entirewidth .cmsGallery > li:nth-child(4n) {
	margin-right: 0;
}
body.entirewidth .cmsGallery > li:nth-child(2n) + li {
	clear: none;
}

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

	body.entirewidth .cmsGallery > li {
		margin: 0 4% 4% 0;
		width: 48%;
	}
	body.entirewidth .cmsGallery > li:nth-child(3n) {
		margin-right: 4%;
	}
	body.entirewidth .cmsGallery > li:nth-child(3n) + li {
		clear: none;
	}
	body.entirewidth .cmsGallery > li:nth-child(2n) {
		margin-right: 0;
	}
	body.entirewidth .cmsGallery > li:nth-child(2n) + li {
		clear: left;
	}

}

/* Bildergalerie - Slider */

.cmsGallerySlider {
	margin-left: -7px;
	margin-right: -7px;
}
.cmsGallerySlider .owl-item > li {
	margin: 0 7px 0 7px;
}
.cmsGallerySlider .owl-item img {
	display: block;
	width: 100%;
}
.cmsGallerySlider .owl-theme .owl-controls .owl-buttons div {
    background: none;
    color: #004f8f;
    font-size: 30px;
    left: -30px;
    margin: -27px 0 0 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
}
.cmsGallerySlider .owl-theme .owl-controls .owl-buttons div:before {
	content: "\E871";
	display: block;
	font-family: fontello;
}
.cmsGallerySlider .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: none;
    color: #004f8f;
    font-size: 30px;
    left: auto;
    margin: -27px 0 0 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: -30px;
    top: 50%;
}
.cmsGallerySlider .owl-theme .owl-controls .owl-buttons div.owl-next:before {
	content: "\E872";
	display: block;
	font-family: fontello;
}

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

    .cmsGallerySlider .owl-theme .owl-controls .owl-buttons div {
        background: #004f8f;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 20px;
        height: 34px;
        left: 20px;
        line-height: 34px;
        margin-top: -17px;
        padding: 0 4px 0 0;
        width: 34px;    
    }
    .cmsGallerySlider .owl-theme .owl-controls .owl-buttons div.owl-next {
        background: #004f8f;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 20px;
        height: 34px;
        line-height: 34px;
        margin-top: -17px;
        padding: 0 0 0 4px;
        right: 20px;
        width: 34px;    
    }

}
@media all and (max-width: 500px){
    
    .cmsGallerySlider .owl-theme .owl-controls .owl-buttons div {
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        margin-top: -13px;
        width: 26px;    
    }
    .cmsGallerySlider .owl-theme .owl-controls .owl-buttons div.owl-next {
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        margin-top: -13px;
        width: 26px; 
    }

}

/* Elemente - Teaser */

/* Einzelteaser */

.cmsTeaser:after {
	clear: both;
	content: "";
	display: block;
}
.cmsTeaser > article {
	background: #F1F1F2;
	margin: 0 0 25px;
	overflow: hidden;
	position: relative;
}
body.summer .cmsTeaser > article {
	background-image: url("/img/layout/bg-teaser.jpg");
	background-size: contain;
	overflow: hidden;
}
.cmsTeaser > article > span {
	background: #e30613;
    color: #ffffff;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    line-height: 40px;
    padding: 0 10px;
    position: absolute;
    right: -54px;
    text-align: center;
    text-transform: uppercase;
    top: 25px;
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 200px;
    z-index: 1;
}
.cmsTeaser > article.down > span {
	bottom: 25px;
	top: auto;
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cmsTeaser.leftImg > article > span {
	left: -54px;
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cmsTeaser > article > h2 {
	display: none;
}
.cmsTeaser > article > figure:after {
	clear: both;
	content: "";
	display: block;
}
.cmsTeaser > article > figure > a {
	display: block;
	float: right;
	margin: 0 0 0 20px;
	width: 34.848484848484851%; /* 230 */
}
.cmsTeaser.leftImg > article > figure > a {
	float: left;
	margin-left: 0;
	margin-right: 20px;
}
.cmsTeaser > article > figure > a > img {
	display: block;
	width: 100%;
}
.cmsTeaser > article > figure > figcaption {
	padding: 20px 20px 0;
}
.cmsTeaser > article > figure > figcaption > a {
	color: #E30613;
	font-family: "PT Sans", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
}
body.summer .cmsTeaser > article > figure > figcaption > a {
	color: #85a633;
}
.cmsTeaser > article > figure > figcaption > a:hover {
	color: #034E8D;
}
.cmsTeaser > article > figure > figcaption > p:after {
	clear: both;
	content: "";
	display: block;
}
.cmsTeaser > article > figure > figcaption > p > span {
	display: block;
}
.cmsTeaser > article > figure > figcaption > p > span.date {
	font-weight: normal;
}
.cmsTeaser > article > figure > figcaption > p > span.text {
	margin: 10px 0;
}
.cmsTeaser > article > figure > figcaption > p > span.addition {	
	background: #0076D7;
	color: #FFFFFF;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	text-transform: uppercase;
}
.cmsTeaser > article > figure > figcaption > p > a {
	background: #E30613;
	color: #FFFFFF;
	display: inline-block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin: 5px 0 20px;
	padding: 0 20px;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
body.summer .cmsTeaser > article > figure > figcaption > p > a {
	background: #c20016;
}
.cmsTeaser.leftImg > article > figure > figcaption > p > a {
	float: right;
}
.cmsTeaser > article > figure > figcaption > p > a:hover {
	background: #034E8D;
}

/* Hochformat */

.cmsTeaserWrapper {
	margin-bottom: -25px;
}
body.summer .cmsTeaserWrapper {
	position: relative;
	margin-top: 60px;
}
body.summer .cmsTeaserWrapper:before {
	content: "";
	position: absolute;
	top: -47px;
	left: 0;
	width: 100%;
	height: 16px;
	background-image: url("/img/layout/headline-line.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
.cmsTeaserWrapper:after {
	clear: both;
	content: "";
	display: block;
}
.cmsTeaserWrapper > .cmsTeaserHigh {
	background: #F1F1F2;
	float: left;
	margin: 0 3.03030303030303% 20px 0; /* 0 20 20 0 */
	min-height: 320px;
	width: 48.484848484848484%; /* 320 */
}
.cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) {
	margin-right: 0;
}
.cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) + * {
	clear: both;
}
.cmsTeaserWrapper > .cmsTeaserHigh > article {
	margin-bottom: 0;
}
.cmsTeaserWrapper > .cmsTeaserHigh > article > figure > figcaption > a {
	display: inline-block;
}
.cmsTeaserWrapper > .cmsTeaserHigh > article > figure > figcaption > p > a {
	float: right;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article {
	min-height: 285px;
	overflow: hidden;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a {
	display: block;
	float: none;
	margin-left: 0;
	width: 100%;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a:before {
	background: #000000;
	background: rgba(0, 0, 0, 0.8);
	bottom: 0;
	content: "";
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	z-index: 1;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article:hover > figure > a:before {
	opacity: 1;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a > img {
	display: block;
	min-height: 320px;
	min-width: 100%;
	-moz-transform: scale(1) rotate(0);
	-webkit-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	width: auto;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article:hover > figure > a > img {
	-moz-transform: scale(1.4) rotate(-5deg);
	-webkit-transform: scale(1.4) rotate(-5deg);
	-o-transform: scale(1.4) rotate(-5deg);
	-ms-transform: scale(1.4) rotate(-5deg);
	transform: scale(1.4) rotate(-5deg);
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption {
	bottom: 0;
	padding-bottom: 20px;
	position: absolute;
	z-index: 2;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > a {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > a,
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > a:hover {
	color: #FFFFFF;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > p > span,
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > p > a {
	display: none;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > figcaption > p > span.text {
	color: #FFFFFF;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	line-height: 1.4;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-webkit-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	-moz-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	-ms-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	-o-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	transition: max-height 200ms ease-out, opacity 100ms ease-out;
}
.cmsTeaserWrapper > .cmsTeaserHigh.var > article:hover > figure > figcaption > p > span.text {
	max-height: 200px;
	opacity: 1;
	-webkit-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	-moz-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	-ms-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	-o-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	transition: max-height 400ms ease-in, opacity 200ms ease-in;
}

/* Gruppenteaser */

.cmsGroupTeaser:after {
	clear: both;
	content: "";
	display: block;
}
.cmsGroupTeaser > h2 {
	margin: 0 0 20px;
}
.cmsGroupTeaser > div {
	float: left;
	margin: 0 3.03030303030303% 0 0; /* 0 20 0 0 */
	width: 48.484848484848484%; /* 320 */
}
.cmsGroupTeaser > div:nth-child(2) {
	margin-right: 0;
}
.cmsGroupTeaser > div > article {
	background: #F1F1F2;
	margin: 0 0 6.25%; /* 0 0 20 */
	min-height: 325px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.cmsGroupTeaser > div > article > span {
	background: #e30613;
    color: #ffffff;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    line-height: 40px;
    padding: 0 10px;
    position: absolute;
    right: -54px;
    text-align: center;
    text-transform: uppercase;
    top: 25px;
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 200px;
    z-index: 1;
}
.cmsGroupTeaser > div > article.down > span {
	bottom: 25px;
	top: auto;
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cmsGroupTeaser > div > article > h2 {
	display: none;
}
.cmsGroupTeaser > div > article > figure > a {
	display: none;
}
.cmsGroupTeaser > div > article > figure > figcaption {
	padding: 20px;
}
.cmsGroupTeaser > div > article > figure > figcaption > a {
	color: #E30613;
	font-family: "PT Sans", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
}
.cmsGroupTeaser > div > article.mark > figure > figcaption > a {
	padding: 0 80px 0 0;
}
.cmsGroupTeaser > div > article > figure > figcaption > a:hover {
	color: #034E8D;
}
.cmsGroupTeaser > div > article > figure > figcaption > p > span {
	display: block;
}
.cmsGroupTeaser > div > article > figure > figcaption > p > span.date {
	font-weight: normal;
}
.cmsGroupTeaser > div > article > figure > figcaption > p > span.text {
	margin: 10px 0;
}
.cmsGroupTeaser > div > article > figure > figcaption > p > span.addition {
	background: #0076D7;
	color: #FFFFFF;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.cmsGroupTeaser > div > article > figure > figcaption > p > a {
	background: #E30613;
	bottom: 20px;
	color: #FFFFFF;
	display: inline-block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
	left: 20px;
	line-height: 1.3;
	margin: 15px 0 0;
	padding: 10px 20px;
	position: absolute;
	right: 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.cmsGroupTeaser > div > article > figure > figcaption > p > a:hover {
	background: #034E8D;
}

/* Variante (Titel + Bild) */

.cmsGroupTeaser > div > article.var {
	min-height: 285px;
	overflow: hidden;
}
.cmsTeaser > article > figure > span.dateview,
.cmsGroupTeaser > div > article > figure > span.dateview {
	background: #e30613;
    color: #ffffff;
    font-weight: bold;
	line-height: 40px;
    padding: 0 15px 0 15px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.cmsGroupTeaser > div > article.var > figure > a {
	display: block;
}
.cmsGroupTeaser > div > article.var > figure > a:before {
	background: #000000;
	background: rgba(0, 0, 0, 0.8);
	bottom: 0;
	content: "";
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	z-index: 1;
}
.cmsGroupTeaser > div > article.var:hover > figure > a:before {
	opacity: 1;
}
.cmsGroupTeaser > div > article.var > figure > a > img {
	display: block;
	min-height: 320px;
	min-width: 100%;
	-moz-transform: scale(1) rotate(0);
	-webkit-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	width: auto;
}
.cmsGroupTeaser > div > article.var:hover > figure > a > img {
	-moz-transform: scale(1.4) rotate(-5deg);
	-webkit-transform: scale(1.4) rotate(-5deg);
	-o-transform: scale(1.4) rotate(-5deg);
	-ms-transform: scale(1.4) rotate(-5deg);
	transform: scale(1.4) rotate(-5deg);
}
.cmsGroupTeaser > div > article.var > figure > figcaption {
	bottom: 0;
	position: absolute;
	z-index: 2;
}
.cmsGroupTeaser > div > article.var.hasAddition > figure > figcaption {
	padding-bottom: 60px;
}
.cmsGroupTeaser > div > article.var > figure > figcaption > a {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}
.cmsGroupTeaser > div > article.var > figure > figcaption > a,
.cmsGroupTeaser > div > article.var > figure > figcaption > a:hover {
	color: #FFFFFF;
}
.cmsGroupTeaser > div > article.var > figure > figcaption > p > span,
.cmsGroupTeaser > div > article.var > figure > figcaption > p > a {
	display: none;
}
.cmsGroupTeaser > div > article.var > figure > figcaption > p > span.text {
	color: #FFFFFF;
	display: block;
	margin-bottom: 0;
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	line-height: 1.4;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	-webkit-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	-moz-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	-ms-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	-o-transition: max-height 200ms ease-out, opacity 100ms ease-out;
	transition: max-height 200ms ease-out, opacity 100ms ease-out;
}
.cmsGroupTeaser > div > article.var:hover > figure > figcaption > p > span.text {
	max-height: 200px;
	opacity: 1;
	-webkit-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	-moz-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	-ms-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	-o-transition: max-height 400ms ease-in, opacity 200ms ease-in;
	transition: max-height 400ms ease-in, opacity 200ms ease-in;
}
.cmsGroupTeaser > div > article.var > figure > figcaption > p > span.addition {
	background: #0076D7;
	bottom: 20px;
	color: #FFFFFF;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 14px;
	font-weight: bold;
	left: 20px;
	line-height: 30px;
	padding: 0 10px;
	position: absolute;
	right: 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: auto;
}

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

	/* Einzelteaser */
	
	.cmsTeaser > article {
		padding: 20px;
	}
	.cmsTeaser > article > figure > figcaption {
		padding: 0;
	}

	/* Hochformat */

	.cmsTeaserWrapper > .cmsTeaserHigh > article {
		padding: 0;
	}
	.cmsTeaserWrapper > .cmsTeaserHigh > article > figure > figcaption {
		padding: 20px
	}

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

	/* Gruppenteaser */

	.cmsGroupTeaser > div {
		float: none;
		margin-right: 0;
		width: 100%;
	}

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

	/* Gruppenteaser */

	.cmsGroupTeaser > div {
		float: left;
		margin-right: 3.03030303030303%; /* 20 */
		width: 48.484848484848484%; /* 320 */
	}
	.cmsGroupTeaser > div:nth-child(2) {
		margin-right: 0;
	}

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

	/* Einzelteaser */
	
	.cmsTeaser > article > figure > a {
		float: none;
		margin-bottom: 20px;
		margin-left: 0;
		width: 100%;
	}
	.cmsTeaser > article > figure > figcaption > p > a {
		display: block;
		text-align: center;
	}

	/* Hochformat */
	
	.cmsTeaserWrapper {
		margin-bottom: 0;
	}
	.cmsTeaserWrapper > .cmsTeaserHigh {
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
		min-height: 0;
		width: 100%;
	}
	.cmsTeaserWrapper > .cmsTeaserHigh > article > figure > a {
		margin-bottom: 0;
	}

	/* Gruppenteaser */

	.cmsGroupTeaser > div {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.cmsGroupTeaser > div > article {
		margin-bottom: 10px;
	}

}

/* Element - Teaser 2018 */

.cmsGridTeaser {
    width: 32.5%;
}
.cmsGridTeaser > article {
    height: 295px;
    overflow: hidden;
    padding: 32px 0 0 0;
    position: relative;
}
.cmsGridTeaser > article > h2 {
    display: none;
}
.cmsGridTeaser > article > figure {
    height: 100%;
}
.cmsGridTeaser > article > figure > a {
    display: block;
    height: 263px;
    position: relative;
    width: 100%;
}
.cmsGridTeaser > article > figure > a:before {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    content: "";
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    z-index: 1;

}
.cmsGridTeaser > article:hover > figure > a:before {
    opacity: 1;
}
.cmsGridTeaser > article > figure > a > img {
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.cmsGridTeaser > article:hover > figure > a > img {
	-webkit-transform: scale(1.06) translate(-47%, 0);
	transform: scale(1.06) translate(-47%, 0);
}
.cmsGridTeaser > article > figure > figcaption > a {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 20px 0 65px;
    position: absolute;
    overflow: hidden;
    text-transform: uppercase;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 100%;
}
.cmsGridTeaser > article > figure > figcaption > a:before {
    content: "\E841";
    font-family: fontello;
    font-size: 18px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 1px;
}
.cmsGridTeaser > article > figure > figcaption > .date {
    background: #e50000;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 40px;
}

.cms2erGridTeaser {
    width: 32.5%;
}
.cms2erGridTeaser > h2 {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px 0 65px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cms2erGridTeaser > h2:before {
    content: "\E841";
    font-family: fontello;
    font-size: 18px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 1px;
    z-index: 3;
}
.cms2erGridTeaser > article {
    float: left;
    height: 130px;
    margin: 0 0 0.512820512820512820512820512821% 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.cms2erGridTeaser > article:after {
    clear: both;
    content: "";
    display: block;
}
.cms2erGridTeaser > article:nth-of-type(2n) {
    margin-right: 0;
}
.cms2erGridTeaser > article > h2 {
    display: none;
}
.cms2erGridTeaser > article > figure > a {
    display: block;
    float: left;
    height: 130px;
    overflow: hidden;
    position: relative;
    width: 49.74358974358974358974358974359%;
}
.cms2erGridTeaser > article > figure > a:before {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    content: "";
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    z-index: 1;

}
.cms2erGridTeaser > article:hover > figure > a:before {
    opacity: 1;
}
.cms2erGridTeaser > article > figure > a > img {
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.cms2erGridTeaser > article:hover > figure > a > img {
    -webkit-transform: scale(1.06) translate(-50%, 0);
    transform: scale(1.06) translate(-50%, 0);
}
.cms2erGridTeaser > article > figure > figcaption {
    float: left;
    padding: 15px 5px 0px 15px;
    width: 50.25641025641025641025641025641%;
}
.cms2erGridTeaser > article > figure > figcaption > a {
    display: block;
    font-size: 16px;    
    font-weight: 900;    
    line-height: 1.2;
    text-transform: uppercase;        
    word-wrap: break-word;
}
.cms2erGridTeaser > article > figure > figcaption .text {
    display: block;
    line-height: 1.2;
    margin: 5px 0 0 0;
}

.cms4erGridTeaser {
    overflow: hidden;
    width: 32.5%;
}
.cms4erGridTeaser > h2 {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cms4erGridTeaser > h2 > span {
    background: #e50000;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
}
.cms4erGridTeaser > h2:before {
    content: "\E841";
    font-family: fontello;
    font-size: 18px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 4px;
    z-index: 3;
}
.cms4erGridTeaser > h2:after {
    background: #004f8f;
    border: 2px solid #FFFFFF;    
    content: "";    
    height: 70px;    
    position: absolute;    
    right: 35px;    
    top: -30px;    
    -webkit-transform: skewX(-50deg) skewY(10deg);    
    transform: rotate(36deg) skewX(-30deg) skewY(0deg);    
    width: 110px;    
    z-index: 1;
}
.cms4erGridTeaser > h2 > span {
    background: #004f8f;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
    position: relative;
    z-index: 2;
}
.cms4erGridTeaser > article {
    float: left;
    height: 130px;
    margin: 0 0.512820512820512820512820512821% 0.512820512820512820512820512821% 0;
    overflow: hidden;
    position: relative;
    width: 49.74358974358974358974358974359%;
}
.cms4erGridTeaser > article:nth-of-type(2n) {
    margin-right: 0;
}
.cms4erGridTeaser > article > h2 {
    display: none;
}
.cms4erGridTeaser > article > figure > a {
    display: block;
    height: 130px;
    width: 100%;
}
.cms4erGridTeaser > article > figure > a:before {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    content: "";
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    z-index: 1;

}
.cms4erGridTeaser > article:hover > figure > a:before {
    opacity: 1;
}
.cms4erGridTeaser > article > figure > a > img {
    height: 100%;
    left: 50%;
    position: absolute;    
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);    
    width: auto;        
}
.cms4erGridTeaser > article:hover > figure > a > img {
    -webkit-transform: scale(1.06) translate(-47%, 0);
    transform: scale(1.06) translate(-47%, 0);
}
.cms4erGridTeaser > article > figure > figcaption > a {
    background: #FFFFFF;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    left: 0;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 900;
    padding: 4px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 3;
}
.cms4erGridTeaser:after {
    clear: both;
    content: "";
    display: block;
}

.cms6erRowTeaser {
    display: block;
}
.cms6erRowTeaser:after {
    clear: both;
    content: "";
    display: block;
}
.cms6erRowTeaser > h2 {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cms6erRowTeaser > h2 > span {
    background: #e50000;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
}
.cms6erRowTeaser > h2:before {
    content: "\E841";
    font-family: fontello;
    font-size: 18px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 4px;
    z-index: 3;
}
.cms6erRowTeaser > h2 > span {
    background: #004f8f;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
    position: relative;
    z-index: 2;
}
.cms6erRowTeaser article {
    background: #f1f1f2;
    float: left;
    margin: 0 1.333333333333333333333333333333% 1.333333333333333333333333333333% 0;
    position: relative;
    width: 15.5%;
}
.cms6erRowTeaser article:nth-of-type(3n-1) {
    background: #b1d7f4;
}
.cms6erRowTeaser article:nth-of-type(3n) {
    background: #b4cade;
}
.cms6erRowTeaser article > h2 {
    display: none;
}
.cms6erRowTeaser article:nth-of-type(6n) {
    margin-right: 0;
}
.cms6erRowTeaser article:nth-of-type(6n+1) {
    clear: both;
}
.cms6erRowTeaser article > figure > a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.cms6erRowTeaser article > figure > a:before {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    content: "";
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    z-index: 1;

}
.cms6erRowTeaser article:hover > figure > a:before {
    opacity: 1;
}
.cms6erRowTeaser article > figure > a > img {
    display: block;
    transition: all 150ms ease 0s;
    width: 100%;
}
.cms6erRowTeaser article:hover > figure > a > img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.cms6erRowTeaser article > figure > figcaption {
    padding: 10px 10px 10px 10px;
}
.cms6erRowTeaser article > figure > figcaption > a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
}
.cms6erRowTeaser article > figure > figcaption > p {
    margin: 5px 0 0 0;
}
.cms6erRowTeaser article > figure > figcaption > p > .text {
    display: block;
    font-size: 13px;
    line-height: 1.2;
}
.cms6erRowTeaser article > figure > figcaption > .date {
    background: #e50000;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.cms6erRowTeaser.owl {
    margin-left: -8px;
    margin-right: -8px;
    width: auto;
}
.cms6erRowTeaser.owl > h2 {
    margin: 0 6px 0 8px;
}
.cms6erRowTeaser.owl .owl-carousel article {
    margin: 0 8px 0 8px;
    width: calc(100% - 14px);
}
.cms6erRowTeaser.owl .owl-carousel .owl-item:nth-of-type(3n-1) article {
    background: #b1d7f4;
}
.cms6erRowTeaser.owl .owl-carousel .owl-item:nth-of-type(3n) article {
    background: #b4cade;
}
.cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
    background: none;
    color: #004f8f;
    font-size: 30px;
    left: -30px;
    margin: -27px 0 0 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 50%;
}
.cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div:before {
	content: "\E871";
	display: block;
	font-family: fontello;
}
.cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: none;
    color: #004f8f;
    font-size: 30px;
    left: auto;
    margin: -27px 0 0 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: -30px;
    top: 50%;
}
.cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next:before {
	content: "\E872";
	display: block;
	font-family: fontello;
}

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

    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        background: #004f8f;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 20px;
        height: 34px;
        left: 20px;
        line-height: 34px;
        padding: 0 4px 0 0;
        top: 70px;
        width: 34px;    
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        background: #004f8f;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 20px;
        height: 34px;
        line-height: 34px;
        padding: 0 0 0 4px;
        right: 20px;
        top: 70px;
        width: 34px;    
    }

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

    .cms4erGridTeaser {
        width: 49.25%;
    }
    .cmsGridTeaser {
        width: 49.25%;
    }
    .cms2erGridTeaser {
        width: 49.25%;
    }
    .cms4erGridTeaser > article > figure > a > img {
        height: auto;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);   
        width: 100%;
    }
    .cmsGridTeaser > article > figure > a > img {
        height: auto;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);   
        width: 100%;   
    }
    .cms2erGridTeaser > article > figure > a > img {  
        height: auto;
        left: 0;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);   
        width: 100%;
    }

    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 85px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 85px;    
    }

}

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

    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 78px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 78px;    
    }

}

@media all and (max-width: 830px) {
    
    .cms4erGridTeaser > article > figure > a > img {
        height: 100%;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);   
        width: auto;
    }
    .cmsGridTeaser > article > figure > a > img {
        height: 100%;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);   
        width: auto;  
    }
    .cms2erGridTeaser > article > figure > a > img {  
        height: 100%;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);   
        width: auto;
    }

}

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

    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 72px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 72px;    
    }

}

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

    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 62px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 62px;    
    }

}

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

    .cms4erGridTeaser {
        width: 100%;
    }
    .cmsGridTeaser {
        width: 100%;
    }
    .cms2erGridTeaser {
        width: 100%;
    }
    .cms4erGridTeaser > article {
        height: auto;
    }
    .cms4erGridTeaser > article > figure > a {
        height: auto;
    }
    .cms4erGridTeaser > article > figure > a > img {
        display: block;
        height: auto;
        left: 0;
        position: relative;
        top: 50%;
        -webkit-transform: none;
        transform: none;   
        width: 100%;
    }
    .cmsGridTeaser > article {
        height: auto;
    }
    .cmsGridTeaser > article > figure > a {
        height: auto;
    }
    .cmsGridTeaser > article > figure > a > img {
        display: block;
        height: auto;
        left: 0;
        position: relative;
        top: 50%;
        -webkit-transform: none;
        transform: none;   
        width: 100%;
    }
    .cms2erGridTeaser > article {
        height: auto;
    }
    .cms2erGridTeaser > article > figure > a {
        height: auto;
    }
    .cms2erGridTeaser > article > figure > a > img {  
        display: block;
        height: auto;
        left: 0;
        position: relative;
        top: 50%;
        -webkit-transform: none;
        transform: none;   
        width: 100%;
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 100px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 100px;    
    }

}
@media all and (max-width: 500px){
    
    .cms6erRowTeaser article > figure > figcaption > .date {
        font-size: 12px;
        letter-spacing: -0.1px;
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        background: #004f8f;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 14px;
        height: 26px;
        left: 20px;
        line-height: 26px;
        padding: 0 4px 0 0;
        top: 88px;
        width: 26px;    
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        background: #004f8f;
        border-radius: 50%;
        color: #FFFFFF;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        padding: 0 0 0 4px;
        right: 20px;
        top: 88px;
        width: 26px;     
    }

}
@media all and (max-width: 460px){
    
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 75px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 75px;    
    }

}
@media all and (max-width: 380px){
    
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 65px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 65px;    
    }

}
@media all and (max-width: 340px){
    
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div {
        top: 58px; 
    }
    .cms6erRowTeaser.owl .owl-theme .owl-controls .owl-buttons div.owl-next {
        top: 58px;    
    }

}

/* Element - Teaser (gesamte Breite) */

/* Einzelteaser */

body.entirewidth .cmsTeaser > article > figure > a {
	max-width: 320px;
}
body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh {
	float: left;
    margin-right: 2.6666666666666666%;
    width: 23%;
}
body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(4n) {
	margin-right: 0
}
body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) + * {
	clear: none;
}
body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(4n) + * {
	clear: both;
}
body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh {
	min-height: 280px;
}
body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article {
	height: 280px;
	min-height: 280px;
}
body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a > img {
	height: 280px;
	min-height: 280px;
}
@media all and (max-width: 850px){

	body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh {
		margin-right: 4%;
		width: 48%;
	}
	body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) {
		margin-right: 0;
	}
	body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh:nth-child(2n) + * {
		clear: both;
	}
	
}
@media all and (max-width: 420px){

	body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh {
		width: 100%;
	}
	body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh {
		min-height: 320px;
	}
	body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article {
		height: auto;
		min-height: 320px;
	}
	body.entirewidth .cmsTeaserWrapper > .cmsTeaserHigh.var > article > figure > a > img {
		height: auto;
		min-height: 320px;
	}
	
}

/* Element - Teaser (Kontext) */

.cmsContextTeaser > article > figure > figcaption > p > a {
	float: right;
}

/* Gruppenteaser */

.cmsContextGroupTeaser {
	background: #F1F1F2;
	overflow: hidden;
	padding: 20px;
}
.cmsContextGroupTeaser > h3 {
	background: #8F9497;
	color: #FFFFFF;
	font-weight: bold;
	margin: -20px -20px 20px;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.cmsContextGroupTeaser > h3:before {
	background: #8F9497;
	content: "";
	height: 50px;
	position: absolute;
	right: 50px;
	top: 0;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 130px;
	z-index: 1;
}
.cmsContextGroupTeaser > h3 > span {
	position: relative;
	z-index: 2;
}
.cmsContextGroupTeaser > ul > li > a {
	color: #E30613;
	display: inline-block;
	font-weight: normal;
	padding: 0 0 0 20px;
	position: relative;
}
.cmsContextGroupTeaser > ul > li > a > span {
	font-weight: 300;
}
.cmsContextGroupTeaser > ul > li > a:before {
	content: '\E83B';
	font-family: 'fontello';
	font-size: 12px;
	left: 0;
	position: absolute;
	top: 3px;
}
.cmsContextGroupTeaser > ul > li > a:hover {
	color: #034E8D;
}

/* Elemente - Tabelle */

.cmsTable > h2 {
	margin: 0 0 10px 0;
}
.cmsTable > table {
	border: 2px solid #F1F1F2;
	width: 100%;
}
.cmsTable > table > tbody > tr {
	background: #FFFFFF;
}
.cmsTable > table > tbody > tr > td {
	border-right: 2px solid #F1F1F2;
}
.cmsTable > table > tbody > tr.val2 {
	background: #F1F2F2;
}
.cmsTable > table > tbody > tr.val2 > td {
	border-right: 2px solid #FFFFFF;
}
.cmsTable > table > tbody > tr > td:last-child {
	border-right: 0 none;
}
.cmsTable > table > tbody > tr > td {
	line-height: 1.5;
	padding: 5px 10px;
}
.cmsTable > p {
	font-size: smaller;
	font-style: italic;
	padding: 5px 10px 0 10px;
}

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

	/* Tabelle (2-spaltig) */
	
	.cmsTable2Columns > table > tbody > tr > td {
		border-right: 0 none !important;
		display: block;
		width: 100%;
	}

}

/* Elemente - Verlinkungen */

/* Links (intern & extern) */

.cmsLink > a:before {
	content: '\E83B';
	font-family: 'fontello';
	font-size: 12px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 3px;
}
.cmsLink + .cmsLink {
	margin-top: -25px; 
}
.cmsLink > a {
	color: #E30613;
	display: inline-block;
	font-weight: bold;
	padding: 0 0 0 20px;
	position: relative;
}
.cmsLink > a:hover {
	color: #034E8D;
}

/* Verweisliste */

.cmsRefs > h2 {
	margin: 0 0 10px;
}
.cmsRefs > ul > li > a:before {
	color: #E30613;
	content: '\E83B';
	font-family: 'fontello';
	font-size: 12px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 3px;
}
.cmsRefs > ul > li > a {
	color: #2D343E;
	display: inline-block;
	font-weight: 300;
	padding: 0 0 0 20px;
	position: relative;
}
.cmsRefs > ul > li > a:hover {
	color: #E30613;
}

/* E-Mail */

.cmsMail > a:before {
	content: '\E833';
	font-family: 'fontello';
	font-weight: normal;
	left: 0;
	position: absolute;
}
.cmsMail > a {
	color: #E30613;
	display: inline-block;
	font-weight: bold;
	padding: 0 0 0 35px;
	position: relative;
}
.cmsMail > a:hover {
	color: #034E8D;
}

/* Elemente - Dropdown */

.cmsDrop > h3:before {
	border-right: 2px solid #FFFFFF;
	content: "\E807";
	font-family: 'fontello';
	font-weight: normal;
	height: 100%;
	left: 0;
	line-height: 51px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 51px;
}
.cmsDrop > h3 {
	background: #F1F2F2;
	cursor: pointer;
	display: block;
	font-weight: normal;
	padding: 15px 10px 15px 70px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.cmsDrop > h3:hover {
	background: #E30613;
	color: #FFFFFF;
}
.cmsDrop > h3.contentHide:before {
	content: "\E805";
}
.cmsDrop > h3.contentHide + div {
	display: none;
}
.cmsDrop > h3 + div {
	overflow: hidden;
}

/* Elemente - Inhalt */

.mw-html-cookie_01 > .content {
	margin: 0 auto;
	max-width: 650px;
}
.mw-html-cookie_01 > .content > h3 {
	background: var(--mw-color-middlegray);
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
	padding: 9px 20px;
	position: relative;
}
.mw-html-cookie_01 > .content > div {
	background: var(--mw-color-lightgray);
	padding: 20px;
}
.mw-html-cookie_01 > .content > div > p {
	line-height: 1.2;
	margin: 0;
}
.mw-html-cookie_01 > .content > div > .button {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 20px 0 0;
}

/* Elemente - Youtube */

.cmsYoutube > h2 {
	margin: 0 0 15px;
}
.cmsYoutube > div {
	background: #F1F1F2;
	height: 0;
	overflow: hidden;
	padding: 30px 0 56.25% 0;
	position: relative;
}
.cmsYoutube > div:before {
	color: #ADADAD;
	content: '\E852';
	font-family: 'fontello';
	font-size: 75px;
	height: 60px;
	left: 50%;
	line-height: 60px;
	margin: -30px 0 0 -40px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 80px;
}
.cmsYoutube > div > iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.cmsYoutube > p {
	font-size: smaller;
	line-height: 1.3;
	margin: 10px 0 0 0;
}
.cmsYoutube.cmsGridItem {
	background: #e0e0e1;
	height: 295px;
	padding: 20px 20px 20px 20px;
    width: 32.5%;
}
.cmsYoutube.cmsGridItem > h2 {
	color: #2d343e;
	font-size: 17px;
}
.cmsYoutube.cmsGridItem > div {
	background: #F1F1F2;
	height: 220px;
	padding: 0;
}
.cmsYoutube.cmsGridItem > p {
	display: none;
}

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

    .cmsYoutube.cmsGridItem {
        width: 49.25%;
    }
    
}
@media all and (max-width: 600px) {

    .cmsYoutube.cmsGridItem {
        width: 100%;
    }
    
}

/* Element - Youtube (Kontext) */

.cmsContextYoutube > h2 {
	margin: 0 0 15px;
}
.cmsContextYoutube > div {
	background: #F1F1F2;
	height: 0;
	overflow: hidden;
	padding: 30px 0 56.25% 0;
	position: relative;
}
.cmsContextYoutube > div:before {
	color: #ADADAD;
	content: '\E852';
	font-family: 'fontello';
	font-size: 75px;
	height: 60px;
	left: 50%;
	line-height: 60px;
	margin: -30px 0 0 -40px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 80px;
}
.cmsContextYoutube > div > iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.cmsContextYoutube > p {
	font-size: smaller;
	font-style: italic;
	line-height: 1.3;
	margin: 10px 0 0 0;
}

/* Elemente - Iframe */

.cmsIframe {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}		
.cmsIframe > iframe {
	width: 100%;
}

/* Elemente - Downloads */

.cmsDownload + .cmsDownload {
	margin-top: -20px;
}
.cmsDownload {
	position: relative;
}
.cmsDownload > a {
	color: #2D343E !important;
	display: inline-block;
	font-weight: normal;
	padding: 0 0 0 65px;
}
.cmsDownload > a:hover {
	color: #E57D26 !important;
}
.cmsDownload > a:before {
	background: #E57D26;
	color: #FFFFFF;
	content: "FILE";
	display: block;
	font-size: small;
	font-weight: bold;
	height: 27px;
	left: 0;
	line-height: 27px;
	position: absolute;
	text-align: center;
	top: 1px;
	width: 50px;
}
.cmsExcel > a:hover {
	color: #4CB86D !important;
}
.cmsExcel > a:before {
	background: #4CB86D;
	content: "XLS";
}
.cmsPDF > a:hover {
	color: #E84C3D !important;
}
.cmsPDF > a:before {
	background: #E84C3D;
	content: "PDF";
}
.cmsWord > a:hover {
	color: #3896D3 !important;
}
.cmsWord > a:before {
	background: #3896D3;
	content: "DOC";
}

/* Elemente - Formular */

.cmsForm {
	background: #F1F2F2;
	padding: 25px;
}
.cmsForm > h2 {
	font-size: 21px;
	margin: 0 0 20px 0;
}
.cmsForm > h3 {
	font-weight: bold;
	margin: 20px 0;
}
.cmsForm > .row {
	margin: 10px 0;
	padding: 0 40px 0 0;
	position: relative;
}
.cmsForm > .row.checkbox {
	margin: 25px 0; 
}
.cmsForm > .row:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm > .row.validation:before {
	color: #034E8D;
	content: '\E823';
	font-family: 'fontello';
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
}
.cmsForm > .row > label {
	display: block;
	float: left;
	line-height: 44px;
	padding: 0 10px 0 0;
	width: 30%;
}
.cmsForm > .row > .field {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 44px;
	outline: medium none;
	padding: 0 10px;
	width: 70%;
}
.cmsForm > .row > .field:focus {
	border: 1px solid #93C8FF;
	box-shadow: 0 0 4px #1983F0;
}
.cmsForm > .row > textarea.field {
	height: 100px;
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cmsForm > .row > select.field {
	padding: 7px 10px 7px 7px;
}
.cmsForm > .row > input[type='file'].field {
	border: 0 none !important;
	height: auto;
	line-height: 1;
	padding: 8px 10px;
}
.cmsForm > .row > input[type='file'].field:focus {
	border: 0;
	box-shadow: none;
}
.cmsForm > .row.checkbox > div {
	float: left;
	width: 70%;
}
.cmsForm > .row.checkbox > label {
	line-height: 1.2;
}
.cmsForm > .row.checkbox > div > .checkbox {
	border: 0 none;
	float: left;
	margin: 3px 8px 0 0;
	padding: 0;
	width: auto;
}
.cmsForm > .row.checkbox > div > label {
	cursor: pointer;
	display: block;
	line-height: 1.2;
	padding: 0 0 0 25px;
	position: relative;
}
.cmsForm > .row.checkbox > div > input {
	display: none;
}
.cmsForm > .row.checkbox > div > label:before {
    background: #FFFFFF;
    color: #e30613;
    content: "";
    float: left;
	font-size: 10px;
	height: 18px;
	left: 0;
    line-height: 19px;
    margin: 0 15px 0 0;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 18px;
}
.cmsForm > .row.checkbox > div > input:checked + label:before {
	content: "\E85F";
	font-family: fontello;
}
.cmsForm > .row > p {
	display: inline-block;
	line-height: 44px;
}
.cmsForm > .infotext {
	line-height: 1.3;
}
.cmsForm > .row > .datepicker {
	cursor: pointer;
	width: 143px;
}
.cmsForm > .row > .calicon {
	background: #034E8D;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	margin: 0 0 0 -35px;
	padding: 0 10px 0 9px;
	position: absolute;
	top: 1px;
}
.cmsForm > .row > .calicon:before {
	content: "\E800";
	font-family: "fontello";
}
.cmsForm > .row.region > div {
	margin: 3px 0;
}
.cmsForm > .row.region > div > input {
	display: block;
	float: left;
	margin: 4px 0 0 0;
}
.cmsForm > .row.region > div > span {
	display: block;
	line-height: 1.4;
	padding: 0 0 0 25px;
}
.cmsForm > .row > .spm {
	background: #FFFFFF;
	border: 0 none;
	float: left;
	padding: 15px;
	position: relative;
	width: 70%;
}
.cmsForm > .row > .spm:after {
	content: '\E826';
	font-family: 'fontello';
	font-size: 20px;
	left: 146px;
	position: absolute;
	top: 13px;
}
.cmsForm > .row > .spm > img {
	border: 1px solid #cfcfcf;
	float: left;
}
.cmsForm > .row > .spm > img + input {
	float: left;
	height: 32px;
	margin: 0 0 0 30px;
	padding: 0 8px;
	text-align: center;
	width: 90px;
}
.cmsForm > .row > .spm > p {
	clear: both;
	padding: 8px 0 0 0;
}
.cmsForm > .button {
	margin: 20px 40px 20px 0;
	position: relative;
	text-align: right;
}
.cmsForm > .button > button,
.cmsForm > .button > input { /* Sende-Button */
	background: #034E8D;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 40px;
	padding: 0 22px 2px 22px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.cmsForm > .button > button:hover,
.cmsForm > .button > input:hover {
	background: #E30613;
}
.cmsForm > .msg {
	line-height: 1.3;
	margin: 0 40px 10px 0;
	padding: 4px 10px;
}
.cmsForm .error {
	background: #FFFFFF;
	border: 1px solid #FFA3A3 !important;
	box-shadow: 0 0 3px #FF0000;
}

@media all and (max-width: 900px){
	
	.cmsForm > .row {
		padding-right: 0;
	}
	.cmsForm > .row > label {
		float: none;
		margin-bottom: 5px;
		padding-right: 20px;
		width: 100%;
	}
	.cmsForm > .row > .field {
		width: 100%;
	}
	.cmsForm > .row > .calicon {
		top: 50px;
	}
	.cmsForm > .row > .spm {
		width: 100%;
	}
	.cmsForm > .button {
		margin-right: 0;
	}
	.cmsForm > .msg {
		margin-right: 0;
	}

}

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

	.cmsForm > .row > .spm {
		text-align: center;
	}
	.cmsForm > .row > .spm:after {
		content: "\e824";
		left: 50%;
		margin: 0 0 0 -5px;
		top: 43px;
	}
	.cmsForm > .row > .spm > img {
		float: none;
		margin: 0 0 20px;
	}
	.cmsForm > .row > .spm > img + input {
		display: block;
		float: none;
		left: 50%;
		margin-left: -60px;
		position: relative;
		width: 120px;
	}
	.cmsForm > .row > .spm > p {
		font-size: 15px;
		text-align: left;
	}
	.cmsForm > .button > input {
		width: 100%;
	}

}

/* Element - Formular Feratel */

.cmsForm .row.ages {
	display: none;
}
.cmsForm .row.feratelPhone:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm .row.feratelPhone > select.field {
    float: left;
    margin: 0 1% 0 0;
    width: 10%;
}
.cmsForm .row.feratelPhone > input.field {
    float: left;
    width: 59%;
}
.cmsForm .row.ages.show {
	display: block;
}
.cmsForm .row.ages > div {
	float: left;
	width: 70%;
}
.cmsForm .row.ages > div:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm .row.ages > div > div {
	display: none;
    float: left;
    margin: 0 10px 0 0;
}
.cmsForm .row.ages > div > div.show {
	display: block;
}
.cmsForm .row.ages > div > div > label {
	color: #333333;
}
.cmsForm .row.ages > div .field {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    height: 44px;
    outline: medium none;
    padding: 0 10px;
}
.cmsForm > .row.feratelRegion {
	background: none;
	border: none !important;
	box-shadow: none;
}
.cmsForm > .row.feratelRegion > div {
	margin: 3px 0;
}
.cmsForm > .row.feratelRegion > div > input {
	display: none;
}
.cmsForm > .row.feratelRegion > div > label {
	cursor: pointer;
	display: block;
	line-height: 1.4;
}
.cmsForm > .row.feratelRegion > div > label:before {
    background: #FFFFFF;
    color: #e30613;
    content: "";
    float: left;
    font-size: 10px;
    height: 18px;
    line-height: 19px;
    margin: 0 15px 0 0;
    position: relative;
    text-align: center;
    top: 2px;
    width: 18px;
}
.cmsForm > .row.feratelRegion.error > div > label:before {
	box-shadow: 0 0 3px #FF0000;
}
.cmsForm .error {
    background: #FFFFFF;
    border: 1px solid #FFA3A3 !important;
    box-shadow: 0 0 3px #FF0000;
}
.cmsForm > .row.feratelRegion > div > input:checked + label:before {
	content: "\E85F";
	font-family: fontello;
}

.cmsForm .row.feratelArrival {
	float: left;
	width: 25%;
}
.cmsForm > .row.feratelArrival > label {
	width: 100%;
}
.cmsForm > .row.feratelArrival > .field {
	width: 100%;
}
.cmsForm > .row.feratelArrival > .calicon {
    bottom: 1px;
    top: auto;
}
.cmsForm .row.feratelDeparture {
	float: left;
	width: 25%;
}
.cmsForm > .row.feratelDeparture > label {
	width: 100%;
}
.cmsForm > .row.feratelDeparture > .field {
	width: 100%;
}
.cmsForm > .row.feratelDeparture > .calicon {
    bottom: 1px;
    top: auto;
}
.cmsForm .row.feratelRooms {
	float: left;
	width: 50%;
}
.cmsForm > .row.feratelRooms > label {
	width: 100%;
}
.cmsForm .row.feratelRooms:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm > .row.feratelRooms > div:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm .row.feratelRooms .opt {
	background: #FFFFFF;
	color: #2D343E;
	cursor: pointer;
	float: left;
	font-size: 14px;
	font-weight: 500;
    height: 40px;
    line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-moz-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-ms-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-o-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	width: 32%;
}
.cmsForm .row.feratelRooms .opt:hover,
.cmsForm .row.feratelRooms .opt.selected {
	background: #034e8d;
	color: #FFFFFF;
}
.cmsForm .row.feratelRooms .opt.center {
	margin: 0 2%;
}

.cmsForm .row.feratelRoombox {
	clear: both;
	display: none;
	overflow: hidden;
}
.cmsForm .row.feratelRoombox + .row,
.cmsForm .row.feratelRoombox + h3 {
	clear: both;
	padding-top: 20px;
}
.cmsForm .row.feratelRoombox.show {
	display: block;
}
.cmsForm .row.feratelRoombox > * {
	background: #0076D7;
	display: none;
	margin: 10px 0;
	padding: 10px 70px 0 70px;
	position: relative;
}
.cmsForm .row.feratelRoombox > *.show {
	display: block;
}
.cmsForm .row.feratelRoombox > * > .icon {
	background: #034e8d;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 55px;
}
.cmsForm .row.feratelRoombox > * > .icon:before {
	color: #FFFFFF;
	content: '\F236';
	display: block;
	font-family: 'fontello';
	font-size: 26px;
	line-height: 55px;
	text-align: center;
	width: 55px;
}
.cmsForm .row.feratelRoombox > *:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm .row.feratelRoombox > * label {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 15px;
	line-height: 35px;
	margin: 0 14px 0 0;
}
.cmsForm .row.feratelRoombox .adults label {
	width: 120px;
}
.cmsForm .row.feratelRoombox .ages label {
	width: 120px;
}
.cmsForm .row.feratelRoombox > * > .adults {
	float: left;
	margin: 0 20px 10px 0;
}
.cmsForm .row.feratelRoombox > * > .adults select {
	border: 0 none;
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.cmsForm .row.feratelRoombox > * > .children {
	float: left;
	margin: 0 20px 10px 0;
}
.cmsForm .row.feratelRoombox > * > .children select {
	border: 0 none;
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.cmsForm .row.feratelRoombox > * > .ages {
	display: none;
	float: left;
	margin: 0 0 10px 0;
	position: relative;
}
.cmsForm .row.feratelRoombox > * > .ages:after {
	clear: both;
	content: "";
	display: block;
}
.cmsForm .row.feratelRoombox > * > .ages.show {
	display: block;
}
.cmsForm .row.feratelRoombox > * > .ages select {
	border: 0 none;
	display: none;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0 8px 0 0;
	padding: 0 15px;
}
.cmsForm .row.feratelRoombox > * > .ages select.show {
	display: block;
}		
.cmsForm .row.feratelRoombox > * > .buttons {
	position: absolute;
	right: 13px;
	top: 18px;
}
.cmsForm .row.feratelRoombox > * > .buttons > li {
	background: #034E8D;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 0 2px;
	position: relative;
	text-align: center;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 20px;
}
.cmsForm .row.feratelRoombox > .room1 > .buttons > li.remove {
	cursor: not-allowed;
}
.cmsForm .row.feratelRoombox > .room3 > .buttons > li.add {
	cursor: not-allowed;
}
.cmsForm .row.feratelRoombox > * > .buttons > li.remove:before {
	color: #FFFFFF;
	content: '\E831';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.cmsForm .row.feratelRoombox > * > .buttons > li.add:before {
	color: #FFFFFF;
	content: '\E836';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.cmsForm .row.feratelRoombox > * > .buttons > li:hover {
	background: #FFFFFF;
}
.cmsForm .row.feratelRoombox > * > .buttons > li:hover:before {
	color: #034E8D;
}
.cmsForm .row.feratelRoombox > * > .ages > span {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	float: left;
	padding: 5px 0;
}
.cmsForm .row.feratelRoombox > * > .ages > span > span {
	margin: 0 0 0 4px;
}

body:not(.entirewidth) .cmsForm .row.feratelArrival {
	width: 50%;
}
body:not(.entirewidth) .cmsForm .row.feratelDeparture {
	width: 50%;
}
body:not(.entirewidth) .cmsForm .row.feratelRooms {
	width: 100%;
}
body:not(.entirewidth) .cmsForm .row.feratelPhone > select.field {
	width: 20%;
}
body:not(.entirewidth) .cmsForm .row.feratelPhone > input.field {
	width: 49%;
}

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

	.cmsForm .row.feratelArrival {
		width: 50%;
	}
	.cmsForm .row.feratelDeparture {
		width: 50%;
	}
	.cmsForm .row.feratelRooms {
		width: 100%;
	}

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

	.cmsForm .row.ages > div {
		width: 100%;
	}
	.cmsForm .row.feratelArrival {
		width: 100%;
	}
	.cmsForm .row.feratelDeparture {
		width: 100%;
	}
	.cmsForm .row.ages > div > div {
		margin-bottom: 10px;
	}
	.cmsForm .row.feratelPhone > select.field {
		width: 16%;
	}	
	.cmsForm .row.feratelPhone > input.field {
		width: 83%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelArrival {
		width: 100%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelDeparture {
		width: 100%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelPhone > select.field {
		width: 16%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelPhone > input.field {
		width: 83%;
	}

}

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

	.cmsForm .row.feratelRoombox > * {
		padding-right: 10px;
	}
	.cmsForm .row.feratelRoombox > * > .adults {
		display: block;
		float: left;
		margin: 0 4% 10px 0;
		width: 48%;
	}
	.cmsForm .row.feratelRoombox > * > .adults:after {
		clear: both;
		content: "";	
		display: block;
	}
	.cmsForm .row.feratelRoombox > * > .adults select {
		width: 70px;
	}
	.cmsForm .row.feratelRoombox .adults label {
		margin-right: 0;
		width: 100px;
	}
	.cmsForm .row.feratelRoombox > * > .children {
		display: block;
		margin: 0 0 10px 0;
		width: 48%;
	}
	.cmsForm .row.feratelRoombox > * > .children:after {
		clear: both;
		content: "";
		display: block;
	}
	.cmsForm .row.feratelRoombox > * > .children select {
		width: 70px;
	}
	.cmsForm .row.feratelRoombox > * > .ages select {
		margin-bottom: 5px;
		width: 80px;
	}
	.cmsForm .row.feratelRoombox > * > .buttons {
		float: right;
		position: relative;
		right: 0;
		top: 0;
	}
	.cmsForm .row.feratelRoombox > * > .buttons > li {
		height: 40px;
		width: 40px;
	}
	.cmsForm .row.feratelRoombox > * > .buttons > li.remove {
		height: 40px;
		width: 40px;
	}
	.cmsForm .row.feratelRoombox > * > .buttons > li.remove:before {
		line-height: 40px;
		font-size: 14px;
		width: 40px;
	}
	.cmsForm .row.feratelRoombox > * > .buttons > li.add {
		height: 40px;
		width: 40px;
	}
	.cmsForm .row.feratelRoombox > * > .buttons > li.add:before {
		line-height: 40px;
		font-size: 14px;
		width: 40px;
	}
	.cmsForm .row.feratelRoombox > .room1 > .buttons > li.remove {
		opacity: 0.5;
	}
	.cmsForm .row.feratelRoombox > .room3 > .buttons > li.add {
		opacity: 0.5;
	}
	.cmsForm .row.feratelRoombox > * > .adults {
		width: 100%;
	}
	.cmsForm .row.feratelRoombox > * > .children {
		width: 100%;
	}

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

	.cmsForm .row.feratelRooms .opt {
		width: 100%;
	}
	.cmsForm .row.feratelRooms .opt.center {
		margin: 10px 0 10px 0;
	}
	.cmsForm .row.feratelPhone > select.field {
		margin: 0 3% 0 0;
		width: 26%;
	}	
	.cmsForm .row.feratelPhone > input.field {
		width: 71%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelPhone > select.field {
		width: 26%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelPhone > input.field {
		width: 71%;
	}

}
@media all and (max-width: 480px){
	
	.cmsForm .row.feratelRoombox > * {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 55px;
	}
	.cmsForm .row.feratelRoombox > * > .icon {
		height: 45px;
		width: 100%;
	}
	.cmsForm .row.feratelRoombox > * > .icon:before {
		font-size: 24px;
		line-height: 45px;
		width: 45px;
	}
	.cmsForm .row.feratelRoombox > * label {
		line-height: 30px;
	}
	.cmsForm .row.feratelRoombox > * > .adults select {
		height: 30px;
	}
	.cmsForm .row.feratelRoombox > * > .children select {
		height: 30px;
	}
	.cmsForm .row.feratelRoombox > * > .ages {
		width: 100%;
	}
	.cmsForm .row.feratelRoombox .ages label {
		width: 100%;
	}
	.cmsForm .row.feratelRoombox > * > .ages select {
		height: 30px;
		margin-right: 2%;
		width: auto;
	}
	.cmsForm .row.feratelRoombox > * > .buttons {
		float: right;
		position: relative;
		right: 0;
		top: 0;
	}

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

	.tmAccoOverview .quicksearch {
		padding: 15px 15px 15px 15px;
	}
	.tmAccoSearch .wrapper > form > div.step2 .search > .row.persons > .roomSelect {
		padding-bottom: 15px;
	}
	.tmAccoSearch .wrapper > form > div.step2 .search > .row.persons > .roomSelect > div {
		margin-top: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.tmAccoSearch .wrapper > form > div.step2 .search > .row.persons > .roomSelect > .apply {
		float: none;
		margin-left: 15px;
        margin-right: 15px;
		text-align: center;
		width: auto;
	}
	.cmsForm .row.feratelPhone > select.field {
		margin: 0 3% 0 0;
		width: 35%;
	}	
	.cmsForm .row.feratelPhone > input.field {
		width: 62%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelPhone > select.field {
		width: 35%;
	}
	body:not(.entirewidth) .cmsForm .row.feratelPhone > input.field {
		width: 62%;
	}

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

	.tmAccoSearch .wrapper > form > div .filterbox > ul {
		width: 100%;
	}
	.tmAccoSearch .wrapper > form > div .filterbox > ul:nth-of-type(2n) {
		width: 100%;
	}

}

.cmsQuickbook  {	
	background: #F1F1F2;
	margin: 0 0 25px 0;
	padding: 20px;
}
.cmsQuickbook > h3 {	
	margin: -20px -20px 0 -20px;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
}
.cmsQuickbook > h3 > span {
	background: #e30613 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}
.cmsQuickbook > h3:before {
    background: #e30613 none repeat scroll 0 0;
    content: "";
    height: 50px;
    position: absolute;
    right: 50px;
    top: 0;
    -ms-transform: skewX(-50deg) skewY(10deg);
    -moz-transform: skewX(-50deg) skewY(10deg);
    -o-transform: skewX(-50deg) skewY(10deg);
    -webkit-transform: skewX(-50deg) skewY(10deg);
    transform: skewX(-50deg) skewY(10deg);
    width: 130px;
    z-index: 1;
}
.cmsQuickbook > form.search {
    z-index: 1;  
}
.cmsQuickbook > form.search:after {
    clear: both; 
    content: "";
    display: block;
}
.cmsQuickbook > form.search > div  > div {    
	float: left;
    margin: 0 4% 0 0;
    position: relative;
    width: 48%;
}
.cmsQuickbook > form.search > div > div.arrival {
	float: left;
	margin: 0 4% 0 0;
	position: relative;
	width: 48%;
}
.cmsQuickbook > form.search > div > div.departure {
	margin-right: 0;
	margin-top: 40px;
}
.cmsQuickbook > form.search > div > div.rooms {
	clear: both;
    float: none;
    padding: 5px 0 0;
    width: 100%;
}
.cmsQuickbook > form.search > div > div > h4 {
    font-weight: bold;  
    margin: 12px 15px 10px 0;   
    text-transform:uppercase; 
}
.cmsQuickbook > form.search > div:last-child {
	margin-right: 0;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue {
	background: #ffffff;  
    cursor: pointer;
    height: 44px;  
    margin: 0 0 5px 0;
    padding: 8px 10px 8px 10px;
    position: relative;
    width: 100%; 
}
.cmsQuickbook > form.search > div > div > .dropdownvalue > div.ui-datepicker .ui-datepicker-next,
.cmsQuickbook > form.search > div > div > .dropdownvalue > div.ui-datepicker .ui-datepicker-prev {
	margin-top: 2px !important;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue.selected {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.cmsQuickbook > form.search > div > div.rooms > .dropdownvalue {
	background: url("/img/layout/searchandbook.png") no-repeat scroll 8px 8px #ffffff;
	padding-left: 40px;
	padding-right: 36px;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue:after {
	background: #034E8D;
	color: #FFFFFF;  
    content: "\e805";
    display: block;
	font-family: "fontello";
	font-size: 20px;
    height: 100%;    
	line-height: 44px;
    position: absolute;
    right: 0;    
	text-align: center;
    top: 0;
    width: 40px;
}
.cmsQuickbook > form.search > div > div.arrival > .dropdownvalue:after {	
	content: "\E853";
}
.cmsQuickbook > form.search > div > div > .dropdownvalue > span {
	display: block;
    overflow: hidden;
    white-space: nowrap;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker {
	font-size: 1em !important;
	position: absolute;
	right: 0px;
	top: 46px;
	opacity: 0;
    -moz-transition: opacity 400ms ease;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease; 
	visibility: hidden;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker.active .ui-datepicker-group .ui-datepicker-calendar {
	width: 100%;	
}
.cmsQuickbook > form.search > div > div > .dropdownvalue.single {
	background-position: 8px 14px;	
}
.cmsQuickbook > form.search > div > div > .dropdownvalue.double {
	background-position: 8px -48px;
}
.cmsQuickbook > form.search > div > div > .dropdownvalue.multi {
	background-position: 8px -108px; 
}
.cmsQuickbook > form.search > div > div > .dropdownvalue.open {
	border: 1px solid #004070;
}
.cmsQuickbook > form.search > div > div > .dropdownlist {
	background: none repeat scroll 0 0 #ffffff; 
	border-bottom: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5; 
	cursor: pointer;  
    right: 0;
    opacity: 0;
    padding: 10px 10px 10px 10px;
    position: absolute;
    top: 46px;    
    visibility: hidden;
    width: 100%;   
    -moz-transition: opacity 400ms ease;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;  
	z-index: 3;
}
.cmsQuickbook > form.search > div > div.rooms > .dropdownlist {
	top: 86px;
}
.cmsQuickbook > form.search > div > div > .dropdownlist.open {	
    opacity: 1;
    visibility: visible;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > h4 {    
    background: #034e8d none repeat scroll 0 0;
    border-bottom: 1px solid #c5c5c5;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin: -10px -11px 0;
    padding: 0 10px;
    text-transform: uppercase;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > a {
	color: #FFFFFF;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 3px;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > a:hover {
	text-decoration: none;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > a:after {
    content: "\e82A"; 
    font-family: "fontello";
    font-size: 18px;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > p {
    color: #000000;
    font-size: 0.9em;
    opacity: 0.6;
    padding: 6px 10px 6px 5px;
}

.cmsQuickbook > form.search > div > div > .dropdownlist > p:hover,
.cmsQuickbook > form.search > div > div > .dropdownlist > p.selected {
	background: #EDEDED none repeat scroll 0 0;
    margin: 0 -10px; 
    padding-left: 15px;
    padding-right: 20px;
    opacity:1; 
}
.cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p {
	background: url("/img/layout/searchandbook.png") no-repeat scroll 0px 8px #ffffff;
	padding-left: 35px;	
}
.cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p:hover,
.cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.selected {
	background: url("/img/layout/searchandbook.png") no-repeat scroll 0px 8px #EDEDED;
	padding-left: 45px;	
}
.cmsQuickbook > form.search > div > div > .dropdownlist > p.single {
	background-position: 0 9px;	
}
.cmsQuickbook > form.search > div > div > .dropdownlist > p.single:hover,
.cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.single.selected {
	background-position: 10px 9px;	
}
.cmsQuickbook > form.search > div > div > .dropdownlist > p.double {
	background-position: 0 -52px;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > p.double:hover,
.cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.double.selected {
	background-position: 10px -52px;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > p.multi {
	background-position: 0 -112px;
}
.cmsQuickbook > form.search > div > div > .dropdownlist > p.multi:hover,
.cmsQuickbook > form.search > div > div.rooms > .dropdownlist > p.multi.selected {
	background-position: 10px -111px;
}


/* MEHRBETT -/Familienzimmer */

.cmsQuickbook > form.search > div > div > div.persondetails {
    clear: both;
	font-size: 0.9em;
    left: auto;
    right: 0;
}
.cmsQuickbook > form.search > div > div > div.persondetails.open {
    display: block;
    width: 660px;
}

.cmsQuickbook > form.search > div > div > div.persondetails > div.room {
  background: #fff none repeat scroll 0 0;
  display: block;
  margin: 10px 0 10px 0;
  padding: 13px;
  position: relative;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room.hide {
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	border: none;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room:after {
    clear: both;
    content: "";
    display: block;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > label {
	float: left;
	margin: 4px 0 0 0;
	width: 30%;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row {
	float: left;
	width: 35%;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages {
	clear: both;
	float: none;
	width: 100%;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row > label {
    color: #000000;
    display: inline-block; 
	padding: 4px 0 0 0;
	opacity: 0.8; 
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row > .field {
    color: #000000;   
	float: left;
	height: 34px;
	margin: 0 5px 0 0;
    padding: 4px 7px;
    text-align: right;
    width: 60px;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label {
	float: left;
	padding-top: 14px;
	width: 30%;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label.age {
	display: none;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label.age.active {
	display: block;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div {
	float: left;
	width: 70%;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div > select {
	color: #000000;
	height: 34px;
    margin: 10px 1% 0 0;
    display: none;
    width: 24.25%;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div > select:last-child {
	margin-right: 0;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div > select.active {
	display: inline-block;
}

/* BUTTONS */
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons {
	float: left;
}
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons:after {
	clear:both;
	content:" ";
	display:block;
}
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add {
	background: #034e8d none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 41px;
    margin: 10px 0 0;
    padding: 0 20px;
    position: relative;
	text-transform: uppercase;
    -moz-transition: background 400ms ease, transition 400ms ease;
	-webkit-transition: background 400ms ease, transition 400ms ease;
	-o-transition: background 400ms ease, transition 400ms ease;
	transition: background 400ms ease, transition 400ms ease;
} 
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add:hover {
	background: #e30613 none repeat scroll 0 0;
}
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add:before {
    content: '\E81F';
    cursor: pointer;    
	font-family: "Fontello";
    font-weight: 300;
    margin: 0 5px 0 0;
}
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .search {
    background: #034e8d none repeat scroll 0 0;
    color: #ffffff;
    float: right;
    font-weight: bold;
    line-height: 40px;
    margin: 10px 0 0;
    padding: 0 22px 2px;
}
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .search:hover {
	background: #e30613;
}
.cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .search:after {
	content: "\E81E";
    display: block;
    float: left;
    font-family: "fontello";
    font-weight: normal;
    margin: 0 10px 0 -5px;
}

.cmsQuickbook > form.search > div > div > div.persondetails > div.room > a.remove {
    display: none;
    position: absolute; 
    right: 16px;
    top: 13px;
    z-index: 2;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > a.remove:hover {
	text-decoration: none;
}
.cmsQuickbook > form.search > div > div > div.persondetails > div.room > a.remove:before {
    color: #000000;
    content: "\E80A";
    font-family: fontello;
    font-size: 18px; 
    font-weight: 300; 
}

.cmsQuickbook > form.search > div.buttons {
	float: right;
	margin: 10px 0 0 0;
}
.cmsQuickbook > form.search > div.buttons:after {
	clear: both;
	content: "";
	display: block;
}
.cmsQuickbook > form.search > div.buttons > a.search {
    background: #e30613;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 41px;
    padding: 0 20px;
    text-transform: uppercase;
	-o-transition: background 200ms ease-in 0s;
	-ms-transition: background 200ms ease-in 0s;
	-moz-transition: background 200ms ease-in 0s;
	-webkit-transition: background 200ms ease-in 0s;
	transition: background 200ms ease-in 0s;
}
.cmsQuickbook > form.search > div.buttons > a.search:before {
    content: "\E81E";  
    display: inline-block;
    font-family: "fontello";
	font-style: normal;
	font-weight: normal;
    margin: 0 10px 0 -5px;
}
.cmsQuickbook > form.search > div.buttons > a.search:hover {
	background: #034e8d;
	text-decoration: none;
}
.cmsQuickbook > form.search > div.buttons > a.search.hide {
	display: none;
}
.cmsQuickbook > form.search > div.buttons > a.filter {
    float: left; 
    margin: 25px 10px 0 0;
    padding: 0 0 0 15px;    
	position: relative;
}
.cmsQuickbook > form.search > div.buttons > a.filter:before {
    content: "\E812";
	font-family: "fontello";
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
}
.cmsQuickbook > form.search > div.buttons > a.filter.open:before {
	content: "\E815";
}

/* Views */
.cmsQuickbook > div.views {
	display: none;
}
.cmsQuickbook > div.views > h3 {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	color: #ffffff;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 20px 0 0;
}

.cmsQuickbook > div.views > div.item {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #d0d0d0;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 5px;
    position: relative;
}
.cmsQuickbook > div.views > div.item:hover {
	border: 1px solid #b4b4b4;
	box-shadow: 0 0 5px #979797;
}

.cmsQuickbook > div.views > div.item:after {
	clear:both;
	content: " "; 
	display:block;
}
        
.cmsQuickbook > div.views > div.item > img {
	display:block;
	float:left;
	margin-right:10px; 
	width: 96px; 
}
.cmsQuickbook > div.views > div.item > div {
    float: left;
    width: 108px;
}     
.cmsQuickbook > div.views > div.item > div.price { 
    bottom: 5px;
    font-size: 11px;
    position: absolute;
    right: 5px;
    width: auto;
}

.cmsQuickbook > div.views > div.item > div.price > span { 
    color: #b51f1f;
    font-size: 14px;
    font-weight: bold;
}

.cmsQuickbook > div.views > div.item > div.distance {
	bottom:10px; 
	position:absolute;
	font-size:14px;
	opacity:0.5;  
	right:10px;   	
}
		
   
.cmsQuickbook > div.views > div.item > div > div.title {	    
	color: #002e5a;
	font-size: 13px;
    font-style: italic;
    font-weight: bold;
    word-wrap: break-word;
}
		
.cmsQuickbook > div.views > div.item > div > div.price {

}

body.summer .cmsQuickbook > form.search > div > div > .dropdownvalue:after {
	background: #6D9815;
}
body.summer .cmsQuickbook > form.search > div > div > .dropdownlist > h4 {
	background: #6D9815;
}
body.summer .cmsQuickbook > form.search > div > div > div.dropdownlist2 > .buttons > .search {
	background: #6D9815;
}

body.summer .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add {
    background: #6d9815 none repeat scroll 0 0;
} 
body.summer .cmsQuickbook > form.search > div > div > div.persondetails > .buttons > .add:hover {
	background: #e30613 none repeat scroll 0 0;
}

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

	.cmsQuickbook > form.search > div > div {
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div.arrival {
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div.departure {
		margin-top: 5px;
	}
	

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

	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > label {
		margin-bottom: 5px;
		margin-top: 0;
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row {
		width: 50%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label {
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div {
		width: 100%;
	}

}
@media all and (max-width: 850px){
		
	.cmsQuickbook {
		float: none;
		padding-top: 0;
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div.arrival {
		width: 48%;
	}
	.cmsQuickbook > form.search > div > div {
		width: 48%;
	}
	.cmsQuickbook > form.search > div > div.departure {
		margin-top: 40px;
	}
	.cmsQuickbook > form.search > div > div > .dropdownvalue > .ui-datepicker {
		left: 0;
		right: auto;
	}	
	
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > label {
		margin-bottom: 0;
		margin-top: 5px;
		width: 30%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row {
		width: 35%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label {
		width: 30%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div {
		width: 70%;
	}

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

	.cmsQuickbook > form.search > div > div > div.dropdownlist2.open {
		width: 100%;
	}

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

	.cmsQuickbook > form.search > div > div {
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div.arrival {
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div.departure {
		margin-top: 5px;
	}
	
}
@media all and (max-width: 450px){

	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > label {
		margin-bottom: 5px;
		margin-top: 0;
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row {
		width: 50%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > label {
		width: 100%;
	}
	.cmsQuickbook > form.search > div > div > div.persondetails > div.room > .row.ages > div {
		width: 100%;
	}
		
}

/* Element - Sommer - Edition */

/* Element - Teaser */

/* Einzelteaser */

body.summer .cmsTeaser > article > figure > figcaption > a:hover {
	color: #6D9815;
}
body.summer .cmsTeaser > article > figure > figcaption > p > a:hover {
	background: #6D9815;
	color: #FFFFFF;
}

/* Gruppenteaser */

body.summer .cmsGroupTeaser > div > article > figure > figcaption > a:hover {
	color: #6D9815;
}
body.summer .cmsGroupTeaser > div > article > figure > figcaption > p > a:hover {
	background: #6D9815;
	color: #FFFFFF;
}

body.summer .cmsTeaser > article > figure > figcaption > p > span.addition,
body.summer .cmsGroupTeaser > div > article > figure > figcaption > p > span.addition,
body.summer .cmsGroupTeaser > div > article.var > figure > figcaption > p > span.addition {
	background: #6D9815;
}

/* Variante (Titel + Bild) */

body.summer .cmsGroupTeaser > div > article.var > figure > figcaption > a:hover {
	color: #FFFFFF;
}

/* Element - Teaser (Kontext) */

body.summer .cmsContextGroupTeaser > ul > li > a:hover {
	color: #6D9815;
}

/* Element - Verlinkungen (Verweise, Links, E-Mail) */

/* Links (intern & extern) */

body.summer .cmsLink > a {
	color: #E30613;
}
body.summer .cmsLink > a:hover {
	color: #6D9815;
}

/* E-Mail */

body.summer .cmsMail > a {
	color: #E30613;
}
body.summer .cmsMail > a:hover {
	color: #6D9815;
}

/* Element - Formular */

body.summer .cmsForm > .row.validation:before {
	color: #6D9815;
}
body.summer .cmsForm > .row > .calicon {
	background: #6D9815;
}
body.summer .cmsForm > .button > input {
	background: #6D9815;
}
body.summer .cmsForm > .button > input:hover {
	background: #E30613;
}

body.summer .cmsForm .row.feratelRooms .opt:hover, 
body.summer .cmsForm .row.feratelRooms .opt.selected {
	background: #6d9815;
}
body.summer .cmsForm .row.feratelRoombox > * {
	background: #B1CA35;
}
body.summer .cmsForm .row.feratelRoombox > * > .icon {
	background: #6D9815;
}
body.summer .cmsForm .row.feratelRoombox > * > .buttons > li {
	background: #6D9815;
}
body.summer .cmsForm .row.feratelRoombox > * > .buttons > li:hover {
	background: #FFFFFF;
}
body.summer .cmsForm .row.feratelRoombox > * > .buttons > li:hover:before {
	color: #6D9815;
}

.sswOffers {
	overflow:hidden; 
}

/* HEADER */
.sswOffers > h3 {
	background: #e30613;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
	z-index: 4;
}
.sswOffers > h3:before {
	background: #e30613 ;
	content: "";  
	height: 50px;
	position: absolute;
	right: 100px;
	top: 0;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 130px;
	z-index: -1;
}

/* LEGENDA */
.sswOffers > .legenda {
	overflow:hidden; 
} 
.sswOffers > .legenda:after {
	clear:both;
	display:block;
	content:" ";
}

.sswOffers > .legenda > div {
	float:left;   
	min-height:155px; 
	padding:40px 20px 20px 100px; 
	position:relative; 
	width:33.333%; 	
}

.sswOffers > .legenda > div.first {
	background: #f1f1f2; 
	z-index: 2; 
}

.sswOffers > .legenda > div.first:after {
	background: #f1f1f2 ;
	content: "";   
	height: 130px;
	position: absolute;
	right: -40px; 
	top: 20px;   
	-moz-transform: rotate(65deg) skew(53deg, 0deg);
	-webkit-transform: rotate(65deg) skew(53deg, 0deg);
	-o-transform: rotate(65deg) skew(53deg, 0deg);
	-ms-transform: rotate(65deg) skew(53deg, 0deg);
	transform: rotate(65deg) skew(53deg, 0deg);
	width: 130px;
	z-index: -1;
}

.sswOffers > .legenda > div.second {
	background: #d2d2d3;  
	padding: 40px 20px 20px 115px; 
	z-index: 1;
}

.sswOffers > .legenda > div.second:after {
	background: #d2d2d3 ;
	content: "";    
	height: 130px;
	position: absolute;
	right: -40px; 
	top: 20px;   
	-moz-transform: rotate(65deg) skew(53deg, 0deg);
	-webkit-transform: rotate(65deg) skew(53deg, 0deg);
	-o-transform: rotate(65deg) skew(53deg, 0deg);
	-ms-transform: rotate(65deg) skew(53deg, 0deg);
	transform: rotate(65deg) skew(53deg, 0deg);
	width: 130px;
	z-index: -1;
}

.sswOffers > .legenda > div.third { 
	background:#c8c8c9;
	padding: 40px 20px 20px 120px; 
	z-index: 0; 
}

.sswOffers > .legenda > div > div:before {
	color:#e30613;
	font-size:35px;
	font-weight:bold;
	top:30px;  
	left:30px;  
	position:absolute;
}

.sswOffers > .legenda > div.first > div:before {
	content:"01";
}
.sswOffers > .legenda > div.second > div:before {
	content:"02";  
	left:50px;  	
}
.sswOffers > .legenda > div.third > div:before {
	content:"03"; 
	left:50px;  
}

.sswOffers > .legenda > div > div > label {
	display:block;
	font-weight:bold;
	padding-bottom:5px; 
	text-transform:uppercase;	
}

/* OFFERS */
.sswOffers > .offers {
	margin-top:20px; 
}

.sswOffers > .offers:after {
	clear:both;
	display:block;
	content:" ";
}
.sswOffers > .offers {
	margin-left: -15px;
	margin-right: -15px;
	width: auto;
}
.sswOffers > .offers .owl-item {
	padding: 0 15px 0 15px;
}
.sswOffers > .offers article {
	background:#f1f1f2; 
	float:left;     
	width: 100%;    
	margin-right:22px;  		
	min-height:500px; 
	overflow:hidden;
	position:relative;
}

.sswOffers > .offers article:last-child {
	margin-right:0; 
}

.sswOffers > .offers article > .price {
	background:#034e8d;
	color:#FFF;
	font-weight:bold; 
	padding:5px 10px; 
	position:absolute;
	right:0;
	top:0; 
}

.sswOffers > .offers article > figure > figcaption {
	padding:20px 20px 80px 20px;
}

.sswOffers > .offers article > figure > figcaption:after {
	clear:both; 
	display:block;
	content:" ";
}

.sswOffers > .offers article > figure > figcaption > label {
	color: #e30613;
    font-family: "PT Sans",sans-serif;
    font-size: 18px; 
    font-weight: bold;
    text-transform: uppercase;
}

.sswOffers > .offers article > figure > figcaption > label > span {
  color: #2d343e;
  display: block;
  text-transform: none;
}

.sswOffers > .offers article > figure > figcaption > p {
	font-size:15px; 
	opacity:0.7; 
}

.sswOffers > .offers article > figure > figcaption > a {
	background: #e30613 none repeat scroll 0 0;
	color: #ffffff;
	display: block;
	float: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 41px; 
	min-width: 150px;
	padding: 0 20px;
	position:absolute;
	right:20px;
	bottom:20px;
	text-align: center; 
	text-transform: uppercase; 
}
.sswOffers > .offers .owl-controls .owl-pagination > div > span {
	background: #034E8D;
	border-radius: 0 !important;
	font-weight: bold;
	margin: 0 3px;
	opacity: 1 !important;
}
.sswOffers > .offers .owl-controls .owl-pagination > div:hover > span,
.sswOffers > .offers .owl-controls .owl-pagination > div.active > span {
	background: #E30613;
}

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

	.sswOffers > .legenda > div {
		width: 100%;  
		min-height:none; 
	}	
	.sswOffers > .legenda > div.first:after {
		display: none;
	}
	.sswOffers > .legenda > div.second:after {
		display: none;
	}
	.sswOffers > .legenda > div.second > div:before {
		left: 30px;
	}
	.sswOffers > .legenda > div.third > div:before {
		left: 30px;
	}
	.sswOffers > .legenda > div.second {
		padding-left: 100px;
	}
	.sswOffers > .legenda > div.third {
		padding-left: 100px;
	}

}

/* Extension - Banner - SkiMap */

.bannerSkiMap {
	overflow: hidden;
}
.bannerSkiMap > h3 {
	background: #8F9497;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.bannerSkiMap > h3:before {
	background: #8F9497;
	content: "";
	height: 50px;
	position: absolute;
	right: 100px;
	top: 0;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 130px;
	z-index: 1;
}
.bannerSkiMap > h3 > span {
	position: relative;
	z-index: 2;
}
.bannerSkiMap > a.image > img {
	display: block;
	width: 100%;
}
.bannerSkiMap > a.more {
	background: #E30613;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	margin: -8px 0 0;
	padding: 7px 20px 7px 75px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.bannerSkiMap > a.more:before {
	background: #FFFFFF;
	color: #E30613;
	content: "LINK";
	display: block;
	font-size: small;
	font-weight: bold;
	height: 27px;
	left: 20px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 7px;
	-webkit-transition: color 200ms ease-in;
	-moz-transition: color 200ms ease-in;
	-ms-transition: color 200ms ease-in;
	-o-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
	width: 45px;
}
.bannerSkiMap > a.more:hover {
	background: #034E8D;
}
.bannerSkiMap > a.more:hover:before {
	color: #034E8D;
}

/* Extension - Bewertung - Mitarbeiter */

/* Bewertung - Mitarbeiter */

.ratingStaff {
	background: #F1F1F2;
	float: left;
	margin: 0 3.787878787878788% 3.787878787878788% 0; /* 0 25 25 0 */
	padding: 20px;
	text-align: center;
	width: 48.030303030303031%; /* 317 */
}
.ratingStaff:nth-child(2n) {
	margin-right: 0;
}
.ratingStaff:nth-child(2n) + * {
	clear: both;
}
.ratingStaff > p {
	margin: 0 0 15px;
}
.ratingStaff > p > span {
	display: block;
}
.ratingStaff > p > span.title {
	color: #E30613;
	font-family: "PT Sans", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
}
.ratingStaff > p > span.station {
	font-family: "PT Sans", sans-serif;
	font-size: 17px;
	font-weight: bold;
}
.ratingStaff > img {
	border: 5px solid #FFFFFF;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	margin: 0 0 10px;
	max-width: 150px;
}
.ratingStaff > div.rating {
	margin: 0 0 5px;
}
.ratingStaff > div.rating > div.stars {
	background: url("/img/layout/stars.png") scroll no-repeat left top;
	display: inline-block;
	height: 20px;
	width: 108px;
}
.ratingStaff > div.rating > div.stars > div {
	background: url("/img/layout/stars_hover.png") scroll no-repeat left top;
	display: block;
	height: 20px;
	width: 108px;
}
.ratingStaff > div.numRatings {
	margin: 0 0 10px;
}
.ratingStaff > div.numRatings > div {
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.ratingStaff > a {
	background: #034E8D;
	color: #FFFFFF;
	display: block;
	line-height: 40px;
	padding: 0 22px;
	font-weight: bold;
	text-transform: uppercase;
}
.ratingStaff > a:hover {
	background: #E30613;
}

/* Bewertung - Mitarbeiter des Monats */

.ratingTopStaff {
	background: #F1F1F2;
	float: none;
	overflow: hidden;
	margin-top: 0 !important;
	padding: 20px;
	width: 100%;
}
.ratingTopStaff > h3 {
	background: #8F9497;
	color: #FFFFFF;
	font-weight: bold;
	margin: -20px -20px 20px;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.ratingTopStaff > h3:before {
	background: #8F9497;
	content: "";
	height: 50px;
	position: absolute;
	right: 50px;
	top: 0;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 130px;
	z-index: 1;
}
.ratingTopStaff > h3 > span {
	position: relative;
	z-index: 2;
}
.ratingTopStaff > div {
	margin: 30px 0 0;
	text-align: center;
}
.ratingTopStaff > div > p {
	margin: 0 0 15px;
}
.ratingTopStaff > div > p.cmsText {
	margin-bottom: 0;
	margin-top: 30px;
	text-align: center;
}
.ratingTopStaff > div > p > span {
	display: block;
}
.ratingTopStaff > div > p > span.title {
	color: #E30613;
	font-family: "PT Sans", sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
}
.ratingTopStaff > div > p > span.station {
	font-family: "PT Sans", sans-serif;
	font-size: 17px;
	font-weight: bold;
}
.ratingTopStaff > div > img {
	border: 5px solid #FFFFFF;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	margin: 0 0 10px;
	max-width: 150px;
}
.ratingTopStaff > div > div.rating {
	margin: 0 0 5px;
}
.ratingTopStaff > div > div.rating > div.stars {
	background: url("/img/layout/stars.png") scroll no-repeat left top;
	display: inline-block;
	height: 20px;
	width: 108px;
}
.ratingTopStaff > div > div.rating > div.stars > div {
	background: url("/img/layout/stars_hover.png") scroll no-repeat left top;
	display: block;
	height: 20px;
	width: 108px;
}
.ratingTopStaff > div > div.numRatings {
	margin: 0 0 10px;
}
.ratingTopStaff > div > div.numRatings > div {
	display: inline-block;
	font-size: 26px;
	font-weight: bold;
	margin: 0 5px 0 0;
}

/* Formular */

.saveRating {
	padding: 20px;
	width: 280px;
}
.saveRating > .row:after {
	clear: both;
	content: "";
	display: block;
}
.saveRating > .row > label {
	float: left;
	line-height: 35px;
	width: 50%;
}
.saveRating > .row > select.field {
	float: left;
	height: 35px;
	outline: medium none;
	line-height: 35px;
	padding: 2px 10px 0 7px;
	width: 50%;
}
.saveRating > .button {
	margin: 10px 0 0;
}
.saveRating > .button > input {
	background: #034E8D;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	line-height: 35px;
	padding: 0 22px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
}
.saveRating > .button > input:hover {
	background: #E30613;
}

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

	/* Bewertung - Mitarbeiter */

	.ratingStaff {
		float: none;
		margin-right: 0;
		width: 100%;
	}

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

	/* Bewertung - Mitarbeiter */

	.ratingStaff {
		float: left;
		margin-right: 3.787878787878788%; /* 25 */
		width: 48.030303030303031%; /* 317 */
	}
		
}
@media all and (max-width: 600px){

	/* Bewertung - Mitarbeiter */

	.ratingStaff {
		float: none;
		margin-right: 0;
		width: 100%;
	}

}

/* Extension - Blätterkatalog */

.flippingBook {
	float: left;
	margin: 0 3.03030303030303% 20px 0; /* 0 20 20 0 */
	width: 31.060606060606062%; /* 205 */
}
.flippingBook:nth-of-type(3) {
	margin-right: 0;
}
.flippingBook:nth-of-type(3) + * {
	clear: both;
}
.flippingBook > p {
	display: block;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 5px;
	text-align: center;
	text-transform: uppercase;
}
.flippingBook > a.image {
	border-left: 15px solid #F1F2F2;
	border-right: 15px solid #F1F2F2;
	border-top: 15px solid #F1F2F2;
	display: block;
}
.flippingBook > a.image > img {
	border: 1px solid #FFFFFF;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	display: block;
	width: 100%;
}
.flippingBook > a.more {
	background: #034E8D;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
	padding: 10px 22px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.flippingBook > a.more:hover {
	background: #E30613;
}

/* Wrapper */

.flippingBookWrapper:after {
	clear: both;
	content: "";
	display: block;
}

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

	.flippingBook {
		float: none;
		margin-right: 0;
		width: 100%;
	}

}

/* Element - Countdown (Kontext) */

.cmsCountdown {
	background: #F1F1F2;
    margin-top: 0 !important;
    overflow: hidden;
    padding: 20px;
}
.cmsCountdown > h3 {
    background: #034E8D;
    color: #FFFFFF;
    font-weight: bold;
    margin: -20px -20px 20px;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;	
}
.cmsCountdown > h3:before {
	background: #034E8D;
	content: "";
	height: 50px;
	position: absolute;
	right: 50px;
	top: 0;
	width: 130px;
	z-index: 1;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
}
.cmsCountdown > a {
	background: #034E8D;
	color: #FFFFFF;
	display: block;
	float: right;
	font-weight: bold;
	line-height: 40px;
	margin: 10px 0 0;
	padding: 0 22px;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.cmsCountdown > a:hover {
	background: #E30613;
}
.cmsCountdown > div {
	padding: 10px 0 0;
}
.cmsCountdown > div > .date {
	background: #FFFFFF;
	display: block;
	margin: 10px 0;
	padding: 20px 0 49px;
	text-align: center;
}
.cmsCountdown > div > .date:after {
	clear: both;
	content: "";
	display: block;
}
.cmsCountdown > div > .date > div {
	display: inline-block;
	position: relative;
}
.cmsCountdown > div > .date > .days {
	padding: 0 20px 0 0;
}
.cmsCountdown > div > .date > div > p {
	color: #8F9497;
	font-family: "PT Sans",sans-serif;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
}
.cmsCountdown > div > .date > div.days > p {
	color: #666A6B;
}
.cmsCountdown > div > .date > div > p:after {
	content: ":";
	padding: 0 2px 0 0;
}
.cmsCountdown > div > .date > div.days > p:after,
.cmsCountdown > div > .date > div.seconds > p:after {
	display: none;
}
.cmsCountdown > div > .date > div > span {
	font-size: 13px;
	left: 0;
	padding: 0 15px 0 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

/* Extension - Fotopoints */

/* Formular */

.photoPoints > form {
	background: #8F9497;
	padding: 20px;
	position: relative;
}
.photoPoints > form:after {
	clear: both;
	content: "";
	display: block;
}
.photoPoints > form > .row {
	position: relative;
	z-index: 2;
}
.photoPoints > form > .row.station {
	float: left;
	margin: 0 10% 0 0;
	width: 60%;
}
.photoPoints > form > .row.time {
	float: left;
	width: 30%;
}
.photoPoints > form > .row:after {
	clear: both;
	content: "";
	display: block;
}
.photoPoints > form > .row:last-child {
	margin-right: 0;
}
.photoPoints > form > .row > label {
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	line-height: 35px;
	text-transform: uppercase;
	width: 40%;
}
.photoPoints > form > .row > select {
	border: 1px solid #FFFFFF;
	float: left;
	height: 35px;
	line-height: 35px;
	padding: 0 3px;
	width: 60%;
}

/* Kalender */

.photoPoints > .calendar {
	background: #F1F1F2;
	padding: 10px;
}
.photoPoints > .calendar > .ui-datepicker {
	background: none;
	border: 0 none;
	box-shadow: none;
	width: 100% !important;
}
.photoPoints > .calendar > .ui-datepicker:after {
	clear: both;
	content: "";
	display: block;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-group {
	float: left;
	width: 50%;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-group .ui-datepicker-calendar {
	width: 100%;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-header {
	margin-left: 0;
	margin-right: 0;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	margin-top: 0;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar th > span {
	margin-left: 0;
	margin-right: 0;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td > a, 
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td > span {
	background: none;
	border-left: 2px solid #F1F1F2;
	border-right: 2px solid #F1F1F2;
	border-radius: 0;
	display: block;
	width: 100%;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td.active > a {
	background: #E20613;
	color: #FFFFFF;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a,
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span {
	background: #0075D7;
	color: #FFFFFF;
	opacity: 1;
}
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a,
.photoPoints > .calendar > .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span {
	background: none !important;
	color: #77787a !important;
	opacity: 0.5 !important;
}

/* Bildergalerie */

.photoPoints > .cmsGallery > li > figure > figcaption {
	background: #000000;
	background: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	left: 0;
	padding: 2px 8px;
	position: absolute;
	top: 0;
}

/* Fehlermeldung */

.photoPoints > p.msg {
	padding: 5px 10px;
	text-align: center;
}
.photoPoints > p.msg.error {
	background: #FCE1E2;
	border: 2px solid #E30613;
	color: #E30613;
}

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

	/* Formular */
	
	.photoPoints > form > .row {
		float: none !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	.photoPoints > form > .row.station {
		margin-bottom: 5px;
	}
		
	/* Kalender */
		
	.photoPoints > .calendar > .ui-datepicker > .ui-datepicker-calendar {
		width: 100%;
	}

}

/* Extension - Google Earth */

.googleEarth {
	background: #F1F1F2;
	margin-top: 0 !important;
	overflow: hidden;
	padding: 20px;
}
.googleEarth > h3 {
	background: #8F9497;
	color: #FFFFFF;
	font-weight: bold;
	margin: -20px -20px 20px;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.googleEarth > h3:before {
	background: #8F9497;
	content: "";
	height: 50px;
	position: absolute;
	right: 50px;
	top: 0;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 130px;
	z-index: 1;
}
.googleEarth > h3 > span {
	position: relative;
	z-index: 2;
}
.googleEarth > img {
	display: block;
	margin: -18px -20px -26px;
}
.googleEarth > a {
	background: #E30613;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	margin: 20px -20px -20px;
	padding: 7px 20px 7px 75px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.googleEarth > a:before {
	background: #FFFFFF;
	color: #E30613;
	content: "KML";
	display: block;
	font-size: small;
	font-weight: bold;
	height: 27px;
	left: 20px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 7px;
	-webkit-transition: color 200ms ease-in;
	-moz-transition: color 200ms ease-in;
	-ms-transition: color 200ms ease-in;
	-o-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
	width: 45px;
}
.googleEarth > a:hover {
	background: #034E8D;
}
.googleEarth > a:hover:before {
	color: #034E8D;
}

/* Extension - Incert - Gutscheine (Kontext) */

.incertVouchers {
	background: #F1F1F2;
	margin-top: 0 !important;
	overflow: hidden;
	padding: 20px;
}
.incertVouchers > h3 {
	background: #8F9497;
	color: #FFFFFF;
	font-weight: bold;
	margin: -20px -20px 20px;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.incertVouchers > h3:before {
	background: #8F9497;
	content: "";
	height: 50px;
	position: absolute;
	right: 50px;
	top: 0;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 130px;
	z-index: 1;
}
.incertVouchers > h3 > span {
	position: relative;
	z-index: 2;
}
.incertVouchers > div {
	background: #FFFFFF;
	margin: 35px 0 0;
	padding: 15px;
}
.incertVouchers > div div > a.image {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	max-width: 45%;
}
.incertVouchers > div div > a.image > img {
	display: block;
	width: 100%;
}
.incertVouchers > div div > p > a {
	color: #E30613;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
}
.incertVouchers > div div > p > a:hover {
	color: #034E8D;
}
.incertVouchers > div div > p > span.text {
	display: block;
	font-size: 15px;
	height: 70px;
	line-height: 1.5;
	margin: 10px 0 0;
	overflow: hidden;
}
.incertVouchers > a {
	background: #034E8D;
	color: #FFFFFF;
	display: block;
	float: right;
	font-weight: bold;
	line-height: 40px;
	margin: 10px 0 0;
	padding: 0 22px;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.incertVouchers > a:hover {
	background: #E30613;
}
.incertVouchers > div .owl-controls {
	bottom: -45px;
	left: -3px;
	margin: 0 202px 0 0;
	position: absolute;
	right: 0;
	text-align: left;
}
.incertVouchers > div .owl-controls .owl-pagination > div > span {
	background: #034E8D;
	border-radius: 0 !important;
	font-weight: bold;
	margin: 0 3px;
	opacity: 1 !important;
}
.incertVouchers > div .owl-controls .owl-pagination > div:hover > span,
.incertVouchers > div .owl-controls .owl-pagination > div.active > span {
	background: #E30613;
}


.incertVouchers.incertVouchersGrid {
	background: #e0e0e1;
	height: 295px;
	padding: 0 20px 20px 20px;
	width: 32.5%;
}
.incertVouchers.incertVouchersGrid > h3 {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
	font-size: 17px;
	margin: 0 -20px;
	padding: 0;
	position: relative;
	z-index: 1;
}
.incertVouchers.incertVouchersGrid > h3 > span {
    background: #004f8f;
    display: block;
    line-height: 30px;
	padding: 0 20px 0 20px;
	position: relative;
	z-index: 1;
}
.incertVouchers.incertVouchersGrid > h3:before {
	display: none;
}
.incertVouchers.incertVouchersGrid > h3:after {
    background: #004f8f;
    border: 2px solid #FFFFFF;    
    content: "";    
    height: 70px;    
    position: absolute;    
    right: 35px;    
    top: -30px;    
    -webkit-transform: skewX(-50deg) skewY(10deg);    
    transform: rotate(36deg) skewX(-30deg) skewY(0deg);    
    width: 110px;    
    z-index: -1;
}
.incertVouchers.incertVouchersGrid > div {
	background: none;
	margin-top: 30px;
    padding: 0;
}
.incertVouchers.incertVouchersGrid > div div > a.image {
	border: 2px solid #FFFFFF;
	float: none;
    max-width: none;
    width: 100%;
}
.incertVouchers.incertVouchersGrid > div div > p {
	background: #afb2b8;
	color: #FFFFFF;
	height: 40px;
	position: relative;
}
.incertVouchers.incertVouchersGrid > div div > p > a {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 1.2;
	max-height: 40px;
	overflow: hidden;
	padding: 1px 0 0 0;
	position: absolute;
	text-align: center;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 100%;
}
.incertVouchers.incertVouchersGrid .owl-carousel {
	margin-left: -5px;
	margin-right: -5px;
	width: auto;
}
.incertVouchers.incertVouchersGrid .owl-carousel .owl-wrapper-outer .owl-item {
	padding-left: 5px;
	padding-right: 5px;
}
.incertVouchers.incertVouchersGrid > div .owl-controls {
	bottom: -59px;
	margin-right: 160px;
	left: 10px;
}
.incertVouchers.incertVouchersGrid > div .owl-controls .owl-pagination > div > span {
	background: #2d343e;
	border-radius: 50% !important;
	height: 10px;
	width: 10px;
}
.incertVouchers.incertVouchersGrid > div .owl-controls .owl-pagination > div:hover > span, 
.incertVouchers.incertVouchersGrid > div .owl-controls .owl-pagination > div.active > span {
	background: #e30613;
}
.incertVouchers.incertVouchersGrid > a {
    background: #e30613;
    font-size: 15px;
    line-height: 30px;
    margin-top: 22px;
    padding-left: 10px;
    padding-right: 10px;
}

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

    .incertVouchers.incertVouchersGrid {
        width: 49.25%;
	}
	
}
@media all and (max-width: 850px){

	.incertVouchers > div .owl-controls {
		display: none !important;
	}
	.incertVouchers.incertVouchersGrid > div .owl-controls {
		display: block !important;
	}

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

    .incertVouchers.incertVouchersGrid {
		height: auto;
        width: 100%;
	}
	
}
@media all and (max-width: 500px){

	.incertVouchers > div div > a.image {
		display: none;
	}
	.incertVouchers.incertVouchersGrid > div div > a.image {
		display: block;
	}
	.incertVouchers.incertVouchersGrid > div .owl-controls {
		left: 5px;
		margin-right: 155px;
	}
	.incertVouchers.incertVouchersGrid > div .owl-controls .owl-pagination > div > span {
		margin-left: 2px;
		margin-right: 2px;
	}

}

/* Extension - Sitemap */

ul.sitemap {
	padding: 0 3px;
}
ul.sitemap:after {
	clear: both;
	content: "";
	display: block;
}
ul.sitemap > li {
	border-left: 1px solid #E3E4E5;
	float: left;
	margin: 0 3% 30px 0;
	padding: 0 0 10px;
	position: relative;
	width: 48.5%;
}
ul.sitemap > li:before {
	background: #E3E4E5;
	border-radius: 4px;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	top: 0;
	width: 7px;
}
ul.sitemap > li:after {
	background: #E3E4E5;
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: 7px;
	left: -4px;
	position: absolute;
	width: 7px;
}
ul.sitemap > li:nth-child(2n) {
	margin-right: 0;
}
ul.sitemap > li:nth-child(2n) + li {
	clear: both;
}
ul.sitemap > li > a {
	color: #0076D7;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	padding: 3px 20px;
	text-transform: uppercase;
}
ul.sitemap > li > a:hover,
ul.sitemap > li > a.selected {
	color: #E30613;
}
ul.sitemap > li > ul > li > a {
	color: #3A424E;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	padding: 3px 20px;
	position: relative;
}
ul.sitemap > li > ul > li > a:hover,
ul.sitemap > li > ul > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}
ul.sitemap > li > ul > li > a:hover::before,
ul.sitemap > li > ul > li > a.selected::before {
	border-left: 1px solid #8F9497;
	border-right: 1px solid #FFFFFF;
	content: "";
	height: 100%;
	left: -1px;
	position: absolute;
	top: 0;
	width: 1px;
}
ul.sitemap > li > ul > li > ul {
	margin: 5px 0 15px 20px;
}
ul.sitemap > li > ul > li > ul > li {
	padding: 0 0 0 15px;
	position: relative;
}
ul.sitemap > li > ul > li > ul > li:before {
	background: #E30613;
	content: "";
	height: 6px;
	left: 0;
	position: absolute;
	top: 12px;
	width: 6px;
}
ul.sitemap > li > ul > li > ul > li > a {
	color: #2D343E;
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
}
ul.sitemap > li > ul > li > ul > li > a:hover,
ul.sitemap > li > ul > li > ul > li > a.selected {
	color: #E30613;
}

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

	ul.sitemap > li {
		float: none !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

}

/* Extension - Sitemap (gesamte Breite) */

body.entirewidth ul.sitemap > li {
	margin: 0 2% 30px 0;
	width: 32%;
}
body.entirewidth ul.sitemap > li:nth-child(3n) {
	margin-right: 0;
}
body.entirewidth ul.sitemap > li:nth-child(2n) + li {
	clear: none;
}

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

	body.entirewidth ul.sitemap > li {
		margin: 0 4% 4% 0;
		width: 48%;
	}
	body.entirewidth ul.sitemap > li:nth-child(3n) {
		margin-right: 4%;
	}
	body.entirewidth ul.sitemap > li:nth-child(3n) + li {
		clear: none;
	}
	body.entirewidth ul.sitemap > li:nth-child(2n) {
		margin-right: 0;
	}
	body.entirewidth ul.sitemap > li:nth-child(2n) + li {
		clear: left;
	}

}

/* Extension - Suchergebnisse */

/* Teaser */

.searchList > .menu > .searchAnchors {
	margin: 0 0 40px 0;
}
.searchList > .menu > .searchAnchors > span {
	background: #034E8D;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin: 0 20px 0 0;
	padding: 0 42px 0 15px;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.searchList > .menu > .searchAnchors > span:hover {
    background: #E30613;
}
.searchList > .menu > .searchAnchors > span:before {
    content: "\E805";
    display: none;
    font-family: fontello;
    font-weight: normal;
    margin: 0 10px 0 0;
}
.searchList > .menu > .searchAnchors > span:after {
    background: #FFFFFF;
    border-radius: 50%;
    color: #034e8d;
    content: attr(data-entries);
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 8px;
	-webkit-transition: color 200ms ease-in;
	-moz-transition: color 200ms ease-in;
	-ms-transition: color 200ms ease-in;
	-o-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
    width: 24px;
}
.searchList > .menu > .searchAnchors > span:hover:after {
	color: #E30613;
}
.searchList > .wrapper > h2 {
	color: #8F9497;
	font-family: "PT Sans", sans-serif;
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
.searchList > .wrapper > h2 + h3 {
	color: #E30613;
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: -20px;
	text-transform: uppercase;
}
.searchList .cmsTeaser {
	float: left;
	margin-bottom: 15px !important;
	margin-top: 15px !important;	
	margin-right: 4%;		
	width: 48%;
}
.searchList .cmsTeaser:nth-of-type(2n) {
	margin-right: 0;
}
.searchList .cmsTeaser:nth-of-type(2n+1) {
	clear: both;
}
.searchList .cmsTeaser > article {
	float: none;
	margin-bottom: 0;
	margin-right: 0;
	padding: 25px;
	width: 100%;
}
.searchList .cmsTeaser.hasImg > article > figure > a {
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
	position: relative;
}
.searchList .cmsTeaser.hasImg > article > figure > a > img {
	position: relative;
}
.searchList .cmsTeaser > article > figure > figcaption {
	padding: 0;
}
.searchList .cmsTeaser > article > figure > figcaption > a {
	display: block;
}
.searchList .cmsTeaser > article > figure > figcaption > a.link {
    color: #7b8086;
    display: block;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    line-height: 1.2;
	margin-bottom: 10px;
	text-decoration: underline;
    text-transform: none;
}
.searchList .cmsTeaser > article > figure > figcaption > p > span.text {
	margin-top: 0;
}
.searchList .cmsTeaser > article > figure > figcaption > div.breadcrumb {
	opacity:0.6; 
	font-size:12px; 
	margin-bottom:10px;	
}
.searchList .cmsTeaser > article > figure > figcaption > div.breadcrumb > a {
	text-decoration:underline; 
}
.searchList .cmsTeaser > article > figure > figcaption > p > a {
	float: right;
	margin-bottom: 0;
}

.searchList .cmsLink {
	clear: both;
	margin: 0 0 40px 0;
}
.searchList .cmsLink:after {
	clear: both;
	content: "";
	display: block;
}
.searchList .cmsLink > a {
    background: #034E8D;
    color: #FFFFFF; 
    display: inline-block;    
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin: 5px 0 20px 0;
    padding: 0 20px;
    text-transform: uppercase;
    -webkit-transition: background 200ms ease-in;
    -moz-transition: background 200ms ease-in;
    -ms-transition: background 200ms ease-in;
    -o-transition: background 200ms ease-in;
    transition: background 200ms ease-in;
}
.searchList .cmsLink > a:hover {
    background: #E30613;
}
.searchList .cmsLink > a:before {
	display: none;
}

.searchList .cmsTeaserWrapper .cmsTeaser:after {
	clear:both;
	content:" ";
	display:block; 
}

.searchList .cmsTeaserWrapper  .cmsTeaserSearchResult > article {
	float:left;
	width:48%;
	margin-right:2%;
	margin-bottom:2%
}
.searchList .cmsTeaserWrapper  .cmsTeaserSearchResult > article > figure > figcaption > a {
	font-size:18px;
}

.searchList .cmsTeaserWrapper  .cmsTeaserSearchResult > article > figure > figcaption > p {
	font-size:15px;  
}

/* Formular */

.searchList form > .row {
	position: relative;
	width: 280px;
}
.searchList form > .row:after {
	color: #2D343E;
	content: "\E81E";
	font-family: "fontello";
	font-size: 22px;
	font-weight: normal;
	height: 35px;
	left: 5px;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 30px;
}
.searchList form > .row > input {
	background: #F1F1F2;
	border: 0 none;
	color: #2D343E;
	display: block;
	font-size: 15px;
	height: 35px;
	padding: 0 45px 0 40px;
	width: 100%;
}
.searchList form > .row > input::-ms-input-placeholder {
	color: #2D343E;
}
.searchList form > .row > button {
	background: #034E8D;
	border: 0 none;
	cursor: pointer;
	height: 35px;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}
.searchList form > .row > button:hover {
	background: #E30613;
}
.searchList form > .row > button > span:before {
	content: "\E83B";
	color: #FFFFFF;
	display: block;
	font-family: "fontello";
	font-size: 13px;
	height: 35px;
	left: 0;
	line-height: 35px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 35px;
}
.searchList form > .row > button:hover > span:before {
	color: #FFFFFF;
}

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

	.searchList .cmsTeaser {
		width: 100%;
	}

}
@media all and (max-width: 850px){
	
	.searchList .cmsTeaser.hasImg > article > figure > a > img {
		position: relative;
		top: 0;
		-webkit-transform: none;
		transform: none;
	}

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

	.searchList .cmsTeaser.hasImg > article > figure > a {
		flaot: none;
		height: auto;
		margin: 0 0 20px 0;
		max-width: none;
		width: 100%;
	}

}

/* Extension - Wrapper */

.cmsWrapper.mobile {
	display: none;
}

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

	.cmsWrapper.desktop {
		display: none;
	}
	.cmsWrapper.mobile {
		display: block;
	}

}

/* SkiData - Eigenschaften */

.skidataProperties {
	font-size: 15px;
}
.skidataProperties > div {
	border: 2px solid #F1F1F2;
	display: table;
	width: 100%;
}
.skidataProperties > div > .row:nth-child(2n) {
	background: #F8F8F8;
}
.skidataProperties > div > .row:after {
	clear: both;
	content: "";
	display: block;
}
.skidataProperties > div > .row > .column {
	font-weight: bold;
	padding: 10px 48px 10px 10px;
	position: relative;
	line-height: 1.4;
}
.skidataProperties > div > .row > .column > .state {
	margin: -13px 0 0;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 50%;
}
.skidataProperties > div > .row > .column > .state:after {
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	color: #FFFFFF;
	content: "\E818";
	display: inline-block;
	font-family: 'fontello';
	font-size: 15px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	position: relative;
	top: 0;
	vertical-align: middle;
	width: 26px;
}
.skidataProperties > div > .row > .column > .state.open:after {
	background: #7BB426;
	content: "\E818";
}
.skidataProperties > div > .row > .column > .state.closed:after {
	background: #D41921;
	content: "\E80A";
	font-size: 18px;
}

/* SkiData - Hütten & Bergrestaurants */

.skidataCatering > div:after {
	clear: both;
	content: "";
	display: block;
}
.skidataCatering > div > article {
	background: #F1F1F2;
	float: left;
	margin: 0 5% 5% 0;
	width: 47.5%;
}
.skidataCatering > div > article:nth-child(2n) {
	margin-right: 0;
}
.skidataCatering > div > article:nth-child(2n) + * {
	clear: both;
}
.skidataCatering > div > article > h2 {
	display: none;
}
.skidataCatering > div > article > figure > a {
	display: block;
	height: 170px;
	overflow: hidden;
}
.skidataCatering > div > article > figure > a > img {
	display: block;
	width: 100%;
}
.skidataCatering > div > article > figure > .noImg {
	height: 170px;
	position: relative;
}
.skidataCatering > div > article > figure > .noImg > img {
	filter: grayscale(1);
	left: 50%;
	margin: -33px 0 0 -75px;
	opacity: 0.2;
	position: absolute;
	top: 50%;
	width: 150px;
}
.skidataCatering > div > article > figure > figcaption {
	min-height: 185px;
	padding: 45px 20px 45px;
	position: relative;
}
.skidataCatering > div > article > figure > figcaption > a {
	color: #E30613;
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
	text-transform: uppercase;
}
.skidataCatering > div > article > figure > figcaption > a:hover {
	color: #034E8D;
}
.skidataCatering > div > article > figure > figcaption > p {
	line-height: 1.5;
}
.skidataCatering > div > article > figure > figcaption > p > span.number {
	background: #034E8D;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 25px;
	font-weight: normal;
	left: 20px;
	line-height: 60px;
	position: absolute;
	text-align: center;
	top: -30px;
	width: 60px;
}
.skidataCatering > div > article > figure > figcaption > p > span.state {
	font-size: 14px;
	font-weight: normal;
	right: 20px;
	position: absolute;
	top: 8px;
}
.skidataCatering > div > article > figure > figcaption > p > span.state:before {
	border-radius: 50%;
	content: "";
	float: left;
	height: 13px;
	margin: 4px 6px 0 0;
	width: 13px;
}
.skidataCatering > div > article > figure > figcaption > p > span.state.open:before {
	background: #6D9815;
}
.skidataCatering > div > article > figure > figcaption > p > span.state.closed:before {
	background: #E30613;
}
.skidataCatering > div > article > figure > figcaption > p > span > span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.mail {
	margin: 10px 0 0;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.phone {
	display: none;
	margin: 15px -20px -20px;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.phone > a {
	background: #6D9815;
	color: #FFFFFF;
	display: block;
	font-family: "PT Sans",sans-serif;
	font-weight: bold;
	padding: 6px 20px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.phone > a:hover {
	background: #597F07;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.phone > a:before {
	content: '\E835';
	font-family: 'fontello';
	font-size: 25px;
	font-weight: normal;
	line-height: 1;
	margin: 0 10px 0 0;
	position: relative;
	top: 3px;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.mail > a,
.skidataCatering > div > article > figure > figcaption > p > span > span.web > a {
	color: #2D343E;
	font-size: 15px;
	padding: 0 0 0 27px;
	position: relative;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.mail > a:hover,
.skidataCatering > div > article > figure > figcaption > p > span > span.web > a:hover {
	color: #E30613;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.mail > a:before {
	content: '\E82E';
	font-family: 'fontello';
	font-size: 13px;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 3px;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.web > a:before {
	content: '\E848';
	font-family: 'fontello';
	font-size: 18px;
	left: 2px;
	line-height: 1;
	position: absolute;
	top: 2px;
}
.skidataCatering > div > article > figure > figcaption > p > a {
	background: #034E8D;
	bottom: 0;
	color: #FFFFFF;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
	left: 0;
	padding: 8px 20px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
}
.skidataCatering > div > article > figure > figcaption > p > a:hover {
	background: #E30613;
}
.skidataCatering > div > article > figure > figcaption > p > span > span.address,
.skidataCatering > div > article > figure > figcaption > p > span > span.mail,
.skidataCatering > div > article > figure > figcaption > p > span > span.web {
	display: none;
}

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

	.skidataCatering > div > article {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.skidataCatering > div > article > figure > a {
		max-height: 100%;
	}

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

	.skidataCatering > div > article {
		float: left;
		margin: 0 5% 5% 0;
		width: 47.5%;
	}
	.skidataCatering > div > article > figure > a {
		max-height: 170px;
	}

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

	.skidataCatering > div > article {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.skidataCatering > div > article > figure > a {
		max-height: 100%;
	}
	.skidataCatering > div > article > figure > figcaption > p > span > span.address,
	.skidataCatering > div > article > figure > figcaption > p > span > span.mail,
	.skidataCatering > div > article > figure > figcaption > p > span > span.web {
		display: block;
	}

}

/* SkiData - Hütten & Bergrestaurants (ges. Breite) */

body.entirewidth .skidataCatering > div > article {
	margin-bottom: 2%;
	margin-right: 2%;
	width: 32%;
}
body.entirewidth .skidataCatering > div > article:nth-child(3n) {
	margin-right: 0;
}
body.entirewidth .skidataCatering > div > article:nth-child(2n) + * {
	clear: none;
}
body.entirewidth .skidataCatering > div > article:nth-child(3n) + * {
	clear: both;
}
body.entirewidth .skidataCatering > div > article > figure > a {
	max-height: 200px;
}

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

	body.entirewidth .skidataCatering > div > article {
		float: left;
		margin-bottom: 5%;
		margin-right: 5%;
		width: 47.5%;
	}
	body.entirewidth .skidataCatering > div > article:nth-child(3n) {
		margin-right: 5%;
	}
	body.entirewidth .skidataCatering > div > article:nth-child(3n) + * {
		clear: none;
	}
	body.entirewidth .skidataCatering > div > article:nth-child(2n) {
		margin-right: 0;
	}
	body.entirewidth .skidataCatering > div > article:nth-child(2n) + * {
		clear: both;
	}

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

	body.entirewidth .skidataCatering > div > article {
		float: none;
		margin-right: 0;
		width: 100%;
	}

}

/* SkiData - Hütten & Bergrestaurants (Detail) */

.skidataCateringDetail > h1 {
	padding: 0 115px 0 80px;
	position: relative;
}
.skidataCateringDetail > h2 {
	padding: 0 0 0 80px;
}
.skidataCateringDetail > h1 > span.number {
	background: #034E8D;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 25px;
	font-weight: normal;
	left: 0;
	line-height: 60px;
	position: absolute;
	text-align: center;
	top: 11px;
	width: 60px;
}

/* Status */

.skidataCateringDetail > p.state {
	position: absolute;
	right: 20px;
	top: 38px;
}
.skidataCateringDetail > p.state > span {
	font-weight: normal;
}
.skidataCateringDetail > p.state > span:before {
	border-radius: 50%;
	content: "";
	float: left;
	height: 15px;
	margin: 7px 10px 0 0;
	width: 15px;
}
.skidataCateringDetail > p.state > span.open:before {
	background: #6D9815;
}
.skidataCateringDetail > p.state > span.closed:before {
	background: #E30613;
}

/* Kontakt */

.skidataCateringDetail > p.contact {
	line-height: 1.5;
}
.skidataCateringDetail > p.contact > span {
	display: block;
}
.skidataCateringDetail > p.contact > span > span {
	display: block; 
}
.skidataCateringDetail > p.contact > span.phone,
.skidataCateringDetail > p.contact > span.mail
.skidataCateringDetail > p.contact > span.address {
	margin: 10px 0 0;  
}
.skidataCateringDetail > p.contact > span.phone > a,
.skidataCateringDetail > p.contact > span.mail > a,
.skidataCateringDetail > p.contact > span.web > a {
	color: #2D343E;
	font-size: 15px;
	padding: 0 0 0 27px;
	position: relative;
}
.skidataCateringDetail > p.contact > span.phone > a:hover,
.skidataCateringDetail > p.contact > span.mail > a:hover,
.skidataCateringDetail > p.contact > span.web > a:hover {
	color: #E30613;
}
.skidataCateringDetail > p.contact > span.phone > a:before {
	content: '\E835';
	font-family: 'fontello';
	font-size: 22px;
	left: 2px;
	line-height: 1;
	position: absolute;
	top: 0;
}
.skidataCateringDetail > p.contact > span.mail > a:before {
	content: '\E82E';
	font-family: 'fontello';
	font-size: 13px;
	left: 0;
	line-height: 1;
	position: absolute;
	top: 3px;
}
.skidataCateringDetail > p.contact > span.web > a:before {
	content: '\E848';
	font-family: 'fontello';
	font-size: 18px;
	left: 2px;
	line-height: 1;
	position: absolute;
	top: 2px;
}

/* Bildergalerie */

.skidataCateringDetail .cmsGallery > li > figure > a > img {
	height: 180px;
}

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

	/* Bildergalerie */
	
	.skidataCateringDetail .cmsGallery > li > figure > a > img {
		height: 200px;
	}

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

	.skidataCateringDetail > h1 {
		padding-left: 0;
		padding-right: 0;
	}
	.skidataCateringDetail > h2 {
		padding-left: 0;
	}
	.skidataCateringDetail > h1 > span.number {
		display: none;
	}
	
	/* Status */

	.skidataCateringDetail > p.state {
		position: relative;
		right: auto;
		top: auto;
	}
	
}
@media all and (max-width: 500px){

	/* Bildergalerie */
	
	.skidataCateringDetail .cmsGallery > li > figure > a > img {
		height: auto;
	}

}

/* SkiData - Liftstatus */

.skidataLiftstate {
	font-size: 14px;
}
.skidataLiftstate > div > .headline {
	background: #F1F1F2;
}
.skidataLiftstate > div > .headline,
.skidataLiftstate > div > .wrapper {
	display: table;
	width: 100%;
}
.skidataLiftstate > div > .headline > div,
.skidataLiftstate > div > .wrapper > .row {
	display: table-row;
}
.skidataLiftstate > div > .headline > div > .column,
.skidataLiftstate > div > .wrapper > .row > .column {
	display: table-cell;
}
.skidataLiftstate > div > .headline > div > .column {
	font-weight: bold;
	padding: 15px 10px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
}
.skidataLiftstate > div > .headline > div > .column.sort {
	cursor: pointer;
	text-align: left;
}
.skidataLiftstate > div > .headline > div > .column.sort:hover,
.skidataLiftstate > div > .headline > div > .column.sort.selected {
	background: #E30613;
	color: #FFFFFF;
}
.skidataLiftstate > div > .headline > div > .column.sort:before {
	content: "\E807";
	height: 10px;
	font-family: 'fontello';
	font-size: 9px;
	line-height: 10px;
	opacity: 0.7;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 18px;
	width: 10px;
}
.skidataLiftstate > div > .headline > div > .column.sort:after {
	bottom: 18px;
	content: "\E805";
	font-family: "fontello";
	font-size: 9px;
	height: 10px;
	line-height: 10px;
	opacity: 0.7;
	position: absolute;
	right: 5px;
	text-align: center;
	width: 10px;
}
.skidataLiftstate > div > .headline > div > .column.selected.desc:after {
	opacity: 1;
}
.skidataLiftstate > div > .headline > div > .column.selected.asc:before {
	opacity: 1;
}
.skidataLiftstate > div > .wrapper > .row {
	background: none;
}
.skidataLiftstate > div > .wrapper > .row:nth-child(2n) {
	background: #F1F1F2;
}
.skidataLiftstate > div > .wrapper > .row > .column {
	padding: 8px 10px;
	vertical-align: middle;
}
.skidataLiftstate > div > div .column:last-child {
	border-right: 0 none !important;
}
.skidataLiftstate > div > .wrapper > .row:last-child > .column {
	border-bottom: 0 none;
}
.skidataLiftstate > div > div .column.number {
	max-width: 8%;
	min-width: 8%;
	text-align: center;
	width: 8%;
}
.skidataLiftstate > div > div .column.state {
	max-width: 8%;
	min-width: 8%;
	text-align: center;
	width: 8%;
}
.skidataLiftstate > div > .wrapper > .row > .column.state:after {
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	color: #FFFFFF;
	content: "\E818";
	display: inline-block;
	font-family: 'fontello';
	font-size: 15px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 26px;
}
.skidataLiftstate > div > .wrapper > .row > .column.state1:after {
	background: #7BB426;
	content: "\E818";
}
.skidataLiftstate > div > .wrapper > .row > .column.state2:after,
.skidataLiftstate > div > .wrapper > .row > .column.state3:after,
.skidataLiftstate > div > .wrapper > .row > .column.state0:after {
	background: #D41921; 
	content: "\E80A";
	font-size: 18px;
}
.skidataLiftstate > div > div .column.name {
	font-weight: bold;
	line-height: 1.4;
	max-width: 30%;
	min-width: 30%;
	text-align: left;
	width: 30%;
}
.skidataLiftstate > div > div .column.name > .time {
	font-size: smaller;
	font-weight: normal;
}
.skidataLiftstate > div > div .column.name > .number,
.skidataLiftstate > div > div .column.name > .length,
.skidataLiftstate > div > div .column.name > .height,
.skidataLiftstate > div > div .column.name > .points {
	display: none;
	font-size: 13px;
	font-weight: normal;
}
.skidataLiftstate > div > div .column.name > .number > span,
.skidataLiftstate > div > div .column.name > .length > span,
.skidataLiftstate > div > div .column.name > .height > span,
.skidataLiftstate > div > div .column.name > .points > span {
	font-weight: bold;
}
.skidataLiftstate > div > div .column.type {
	max-width: 10%;
	min-width: 10%;
	text-align: center;
	width: 10%;
}
.skidataLiftstate > div > .wrapper > .row > .column.type:after {
	background: url("/img/skidata/skidata.png") scroll no-repeat center top;
	border: 4px solid #E31E2D;
	content: "";
	display: inline-block;
	height: 27px;
	position: relative;
	vertical-align: middle;
	width: 27px;
}
.skidataLiftstate > div > .wrapper > .row > .column.chairlift1:after {
	background-position: center -38px;
}
.skidataLiftstate > div > .wrapper > .row > .column.chairlift2:after {
	background-position: center -57px;
}
.skidataLiftstate > div > .wrapper > .row > .column.chairlift3:after {
	background-position: center -76px;
}
.skidataLiftstate > div > .wrapper > .row > .column.chairlift4:after {
	background-position: center -95px;
}
.skidataLiftstate > div > .wrapper > .row > .column.chairlift6:after {
	background-position: center -114px;
}
.skidataLiftstate > div > .wrapper > .row > .column.chairlift8:after {
	background-position: center -133px;
}
.skidataLiftstate > div > .wrapper > .row > .column.draglift:after,
.skidataLiftstate > div > .wrapper > .row > .column.conveyor:after,
.skidataLiftstate > div > .wrapper > .row > .column.conveyor2:after {
	background-position: center -152px;
}
.skidataLiftstate > div > .wrapper > .row > .column.detachable-ropeway:after,
.skidataLiftstate > div > .wrapper > .row > .column.ropeway:after {
	background-position: center -190px;
}
.skidataLiftstate > div > .wrapper > .row > .column.funicular:after,
.skidataLiftstate > div > .wrapper > .row > .column.cablecar:after {
	background-position: center -19px;
}
.skidataLiftstate > div > .wrapper > .row > .column.babylift:after,
.skidataLiftstate > div > .wrapper > .row > .column.babylift2:after {
	background-position: center top;
}
/*			IM SOMMER AUSGEBLENDET*/
.skidataLiftstate > div > .wrapper > .row > .column.combi-railway:after {
    background: #E31E2D url("/img/skidata/combi-railway.png") scroll no-repeat center top 2px;
    background-size: auto 23px;
    border: none;
    height: 27px;
    padding: 5px 0;
    width: 54px;
}/*			IM WINTER AUSGEBLENDET
.skidataLiftstate > div > .wrapper > .row > .column.combi-railway:after {
	background-position: center -190px;
}*/
.skidataLiftstate > div > div .column.length {
	max-width: 12%;
	min-width: 12%;
	text-align: center;
	width: 12%;
}
.skidataLiftstate > div > .wrapper > .row > .column.length {
	line-height: 1.2;
}
.skidataLiftstate > div > div .column.height {
	max-width: 12%;
	min-width: 12%;
	text-align: center;
	width: 12%;
}
.skidataLiftstate > div > .wrapper > .row > .column.height {
	line-height: 1.2;
}
.skidataLiftstate > div > div .column.points {
	display: none !important;
	max-width: 10%;
	min-width: 10%;
	text-align: center;
	width: 10%;
}
.skidataLiftstate > div > .wrapper > .row > .column.points > div {
	background: #0076D7;
	border-radius: 20px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	position: relative;
	top: 3px;
	width: 25px;
}

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

	.skidataLiftstate > div > div .column.length,
	.skidataLiftstate > div > div .column.height {
		display: none !important;
	}
	.skidataLiftstate > div > div .column.points {
		display: none !important;
	}
	.skidataLiftstate > div > div .column.name > .length,
	.skidataLiftstate > div > div .column.name > .height,
	.skidataLiftstate > div > div .column.name > .points {
		display: block;
	}

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

	.skidataLiftstate > div > div .column.type {
		border-right: 0 none !important;
	}
	.skidataLiftstate > div > div .column.length,
	.skidataLiftstate > div > div .column.height {
		display: none !important;
	}

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

	.skidataLiftstate > div > div .column.number {
		display: none !important;
	}
	.skidataLiftstate > div > div .column.name {
		border-right: 0 none !important;
	}
	.skidataLiftstate > div > div .column.name > .number {
		display: block;
	}

}

/* SkiData - Liftstatus (Mobile) */

.mskidataLifts {
	margin: 10px 0;
}
.mskidataLifts.animated {
	visibility: hidden;
}
.mskidataLifts > p {
	background: #E3E4E5;
	cursor: pointer;
	padding: 20px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.mskidataLifts > p:hover,
.mskidataLifts > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
.mskidataLifts > p:before {
	content: "\E805";
	font-family: 'fontello';
	font-size: 32px;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 20px;
	top: 22px;
	width: 29px;
}
.mskidataLifts > p.contentShow:before {
	content: "\E807";
}
.mskidataLifts > p:after {
	clear: both;
	content: "";
	display: block;
}
.mskidataLifts > p > span.icon {
	display: block;
	float: left;
	height: 60px;
	margin: 0 10px 0 0;
	text-align: center;
	width: 60px;
}
.mskidataLifts > p > span.icon:before {
	content: "\E83C";
	font-family: "fontello";
	font-size: 45px;
	font-weight: normal;
	line-height: 60px;
}
.mskidataLifts > p > span.value,
.mskidataLifts > p > span.label {
	display: block;
	line-height: 1.3;
}
.mskidataLifts > p > span.value {
	display: block;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataLifts > p > span.value > span {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.mskidataLifts > p > span.label {
	display: block;
	font-size: 14px;
	margin: 6px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataLifts > p > span.bar {
	background: #FFFFFF;
	display: block;
	height: 15px;
	margin: 20px 50px 0 0;
	position: relative;
}
.mskidataLifts > p > span.bar > span {
	background: #B1CA35;
	height: 15px;
	left: 0;
	max-width: 0;
	position: absolute;
	top: 0;
	-webkit-transition: width 500ms ease-in 1500ms;
	-moz-transition: width 500ms ease-in 1500ms;
	-ms-transition: width 500ms ease-in 1500ms;
	-o-transition: width 500ms ease-in 1500ms;
	transition: width 500ms ease-in 1500ms;
	width: 0;
}
.mskidataLifts.animated > p > span.bar > span {
	width: 100%;
}
.mskidataLifts > p > span.percents {
	bottom: 20px;
	font-size: 14px;
	height: 15px;
	line-height: 1;
	position: absolute;
	right: 20px;
	text-align: right;
	width: 50px;
}
.mskidataLifts > .list {
	display: none;
}
.mskidataLifts > p.contentShow + .list {
	display: block;
}
.mskidataLifts > .list > .entry {
	margin: 5px 0;
}
.mskidataLifts > .list > .entry > p {
	background: #E3E4E5;
	cursor: pointer;
	padding: 10px 20px 15px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.mskidataLifts > .list > .entry > p.contentShow + div {
	display: block;
}
.mskidataLifts > .list > .entry > p:hover,
.mskidataLifts > .list > .entry > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
.mskidataLifts > .list > .entry > p:after {
	clear: both;
	content: "";
	display: block;
}
.mskidataLifts > .list > .entry > p > span.headline {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataLifts > .list > .entry > p > span.bar {
	background: #FFFFFF;
	display: block;
	height: 15px;
	margin: 5px 50px 0 0;
	position: relative;
}
.mskidataLifts > .list > .entry > p > span.bar > span {
	background: #B1CA35;
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}
.mskidataLifts > .list > .entry > p > span.value {
	bottom: 15px;
	font-size: 14px;
	height: 15px;
	line-height: 1;
	position: absolute;
	right: 20px;
	text-align: right;
	width: 50px;
}
.mskidataLifts > .list > .entry > div {
	display: none;
	margin: 5px 0;
}

/* SkiData - Liftstatus (Übersicht) */

.skidataLiftOverview > .sort {
	padding: 10px;
}
.skidataLiftOverview > .sort:after {
	clear: both;
	content: "";
	display: block;
}
.skidataLiftOverview > .sort > div.region {
	float: left;
}
.skidataLiftOverview > .sort > div.type {
	float: right;
	margin: 0 0 0 20px;
}
.skidataLiftOverview > .sort > div:after {
	clear: both;
	content: "";
	display: block;
}
.skidataLiftOverview > .sort > div > label {
	display: block;
	float: left;
	font-weight: normal;
	line-height: 35px;
	margin: 0 10px 0 0;
}
.skidataLiftOverview > .sort > div > select {
	border: 1px solid #F1F1F2;
	float: left;
	max-width: 225px;
	padding: 5px;
}
.skidataLiftOverview > div > div .column.name > .region {
	font-size: 13px;
	font-weight: 300;
}
.skidataLiftOverview > div > .wrapper > .row.hide {
	display: none;
}

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

	.skidataLiftOverview > .sort > div {
		float: none;
		margin: 0 0 10px;
		width: 100%;
	}
	.skidataLiftOverview > .sort > div > label {
		margin-right: 0;
		width: 40%;
	}
	.skidataLiftOverview > .sort > div > select {
		margin-left: 0;
		max-width: 100%;
		width: 60%;
	}

}

/* SkiData - Pistenstatus */

.skidataPistestate {
	font-size: 14px;
}
.skidataPistestate > div > .headline {
	background: #F1F1F2;
}
.skidataPistestate > div > .headline,
.skidataPistestate > div > .wrapper {
	display: table;
	width: 100%;
}
.skidataPistestate > div > .headline > div,
.skidataPistestate > div > .wrapper > .row {
	display: table-row;
}
.skidataPistestate > div > .headline > div > .column,
.skidataPistestate > div > .wrapper > .row > .column {
	display: table-cell;
}
.skidataPistestate > div > .headline > div > .column {
	font-weight: bold;
	padding: 15px 10px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
}
.skidataPistestate > div > .headline > div > .column.sort {
	cursor: pointer;
	text-align: left;
}
.skidataPistestate > div > .headline > div > .column.sort:hover,
.skidataPistestate > div > .headline > div > .column.sort.selected {
	background: #E30613;
	color: #FFFFFF;
}
.skidataPistestate > div > .headline > div > .column.sort:before {
	content: "\E807";
	height: 10px;
	font-family: 'fontello';
	font-size: 9px;
	line-height: 10px;
	opacity: 0.7;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 18px;
	width: 10px;
}
.skidataPistestate > div > .headline > div > .column.sort:after {
	bottom: 18px;
	content: "\E805";
	font-family: "fontello";
	font-size: 9px;
	height: 10px;
	line-height: 10px;
	opacity: 0.7;
	position: absolute;
	right: 5px;
	text-align: center;
	width: 10px;
}
.skidataPistestate > div > .headline > div > .column.selected.desc:after {
	opacity: 1;
}
.skidataPistestate > div > .headline > div > .column.selected.asc:before {
	opacity: 1;
}
.skidataPistestate > div > .wrapper > .row {
	background: none;
}
.skidataPistestate > div > .wrapper > .row:nth-child(2n) {
	background: #F1F1F2;
}
.skidataPistestate > div > .wrapper > .row > .column {
	padding: 8px 10px;
	vertical-align: middle;
}
.skidataPistestate > div > div .column:last-child {
	border-right: 0 none !important;
}
.skidataPistestate > div > .wrapper > .row:last-child > .column {
	border-bottom: 0 none;
}
.skidataPistestate > div > div .column.number {
	max-width: 10%;
	min-width: 10%;
	text-align: center;
	width: 10%;
}
.skidataPistestate > div > div .column.state {
	max-width: 10%;
	min-width: 10%;
	text-align: center;
	width: 10%;
}
.skidataPistestate > div > .wrapper > .row > .column.state:after {
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	border-radius: 26px;
	color: #FFFFFF;
	content: "\E818";
	display: inline-block;
	font-family: 'fontello';
	font-size: 15px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 26px;
}
.skidataPistestate > div > .wrapper > .row > .column.state1:after {
	background: #7BB426;
	content: "\E818";
}
.skidataPistestate > div > .wrapper > .row > .column.state2:after,
.skidataPistestate > div > .wrapper > .row > .column.state0:after,
.skidataPistestate > div > .wrapper > .row > .column.state3:after {
	background: #D41921;
	content: "\E80A";
	font-size: 18px;
}
.skidataPistestate > div > div .column.name {
	font-weight: bold;
	line-height: 1.4;
	max-width: 42%;
	min-width: 42%;
	text-align: left;
	width: 42%;
}

.skidataPistestate > div > div .column.name > .time {
	font-size: smaller;
	font-weight: normal;
}

.skidataPistestate > div > div .column.name > .number,
.skidataPistestate > div > div .column.name > .length,
.skidataPistestate > div > div .column.name > .height {
	display: none;
	font-size: 13px;
	font-weight: normal;
}
.skidataPistestate > div > div .column.name > .number > span,
.skidataPistestate > div > div .column.name > .length > span,
.skidataPistestate > div > div .column.name > .height > span {
	font-weight: bold;
}
.skidataPistestate > div > div .column.name > .region {
	font-size: 13px;
	font-weight: 300;
}
.skidataPistestate > div > div .column.type {
	max-width: 10%;
	min-width: 10%;
	text-align: center;
	width: 10%;
}
.skidataPistestate > div > div .column.type > .icon {
	height: 18px;
	line-height: 18px;
}
.skidataPistestate > div > div .column.type > .icon:after {
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	content: "";
	display: inline-block;
	height: 18px;
	position: relative;
	vertical-align: middle;
	width: 18px;
}
.skidataPistestate > div > div .column.type > .icon.easy-piste:after, /* leicht */
.skidataPistestate > div > div .column.type > .icon.teasy-piste:after { 
	background: #148FDB;
}
.skidataPistestate > div > div .column.type > .icon.medium-piste:after, /* mittel */
.skidataPistestate > div > div .column.type > .icon.tmedium-piste:after { 
	background: #E54225;
}
.skidataPistestate > div > div .column.type > .icon.difficult-piste2:after, /* schwer */
.skidataPistestate > div > div .column.type > .icon.difficult-piste:after,
.skidataPistestate > div > div .column.type > .icon.tdifficult-piste2:after,
.skidataPistestate > div > div .column.type > .icon.tdifficult-piste:after {
	background: #565759;
}
.skidataPistestate > div > div .column.type > .icon.skiroute:after, /* Skiroute */
.skidataPistestate > div > div .column.type > .icon.tskiroute:after { 
	background: #FFBD38;
}
.skidataPistestate > div > .wrapper > .row > .column.type > .label {
	font-size: smaller;
	line-height: 1.2;
	margin: 5px 0 0;
}
.skidataPistestate > div > div .column.length {
	max-width: 14%;
	min-width: 14%;
	text-align: center;
	width: 14%;
}
.skidataPistestate > div > .wrapper > .row > .column.length {
	line-height: 1.2;
}
.skidataPistestate > div > div .column.height {
	max-width: 14%;
	min-width: 14%;
	text-align: center;
	width: 14%;
}
.skidataPistestate > div > .wrapper > .row > .column.height {
	line-height: 1.2;
}

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

	.skidataPistestate > div > div .column.type {
		border-right: 0 none !important;
	}
	.skidataPistestate > div > div .column.length {
		display: none !important;
	}
	.skidataPistestate > div > div .column.height {
		display: none !important;
	}
	.skidataPistestate > div > div .column.name > .length,
	.skidataPistestate > div > div .column.name > .height,
	.skidataPistestate > div > div .column.name > .points {
		display: block;
	}

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

	.skidataPistestate > div > div .column.number {
		display: none !important;
	}
	.skidataPistestate > div > div .column.name > .number {
		display: block;
	}

}

/* SkiData - Pistenstatus (Mobile) */

.mskidataPiste {
	margin: 10px 0;
}
.mskidataPiste.animated {
	visibility: hidden;
}
.mskidataPiste > p {
	background: #E3E4E5;
	cursor: pointer;
	padding: 20px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.mskidataPiste > p:hover,
.mskidataPiste > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
.mskidataPiste > p:before {
	content: "\E805";
	font-family: 'fontello';
	font-size: 32px;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 20px;
	top: 22px;
	width: 29px;
}
.mskidataPiste > p.contentShow:before {
	content: "\E807";
}
.mskidataPiste > p:after {
	clear: both;
	content: "";
	display: block;
}
.mskidataPiste > p > span.icon {
	display: block;
	float: left;
	height: 60px;
	margin: 0 10px 0 0;
	text-align: center;
	width: 60px;
}
.mskidataPiste > p > span.icon:before {
	content: "\E83D";
	font-family: "fontello";
	font-size: 45px;
	font-weight: normal;
	line-height: 60px;
}
.mskidataPiste > p > span.value,
.mskidataPiste > p > span.label {
	display: block;
	line-height: 1.3;
}
.mskidataPiste > p > span.value {
	display: block;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataPiste > p > span.value > span {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.mskidataPiste > p > span.label {
	display: block;
	font-size: 14px;
	margin: 6px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataPiste > p > span.bar {
	background: #FFFFFF;
	display: block;
	height: 15px;
	margin: 20px 40px 0 0;
	position: relative;
}
.mskidataPiste > p > span.bar > span {
	background: #B1CA35;
	height: 15px;
	left: 0;
	max-width: 0;
	position: absolute;
	top: 0;
	-webkit-transition: width 500ms ease-in 1500ms;
	-moz-transition: width 500ms ease-in 1500ms;
	-ms-transition: width 500ms ease-in 1500ms;
	-o-transition: width 500ms ease-in 1500ms;
	transition: width 500ms ease-in 1500ms;
	width: 0;
}
.mskidataPiste.animated > p > span.bar > span {
	width: 100%;
}
.mskidataPiste > p > span.percents {
	bottom: 20px;
	font-size: 14px;
	height: 15px;
	line-height: 1;
	position: absolute;
	right: 20px;
	text-align: right;
	width: 40px;
}
.mskidataPiste > .list {
	display: none;
}
.mskidataPiste > p.contentShow + .list {
	display: block;
}
.mskidataPiste > .list > .entry {
	margin: 5px 0;
}
.mskidataPiste > .list > .entry > p {
	background: #E3E4E5;
	cursor: pointer;
	padding: 10px 20px 15px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.mskidataPiste > .list > .entry > p.contentShow + div {
	display: block;
}
.mskidataPiste > .list > .entry > p:hover,
.mskidataPiste > .list > .entry > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
.mskidataPiste > .list > .entry > p:after {
	clear: both;
	content: "";
	display: block;
}
.mskidataPiste > .list > .entry > p > span.headline {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataPiste > .list > .entry > p > span.bar {
	background: #FFFFFF;
	display: block;
	height: 15px;
	margin: 5px 50px 0 0;
	position: relative;
}
.mskidataPiste > .list > .entry > p > span.bar > span {
	background: #B1CA35;
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}
.mskidataPiste > .list > .entry > p > span.value {
	bottom: 15px;
	font-size: 14px;
	height: 15px;
	line-height: 1;
	position: absolute;
	right: 20px;
	text-align: right;
	width: 50px;
}
.mskidataPiste > .list > .entry > div {
	display: none;
	margin: 5px 0;
}

/* SkiData - Pistenstatus (Übersicht) */

.skidataPistOverview > .sort {
	padding: 10px;
}
.skidataPistOverview > .sort:after {
	clear: both;
	content: "";
	display: block;
}
.skidataPistOverview > .sort > div.region {
	float: left;
}
.skidataPistOverview > .sort > div.type {
	float: right;
	margin: 0 0 0 20px;
}
.skidataPistOverview > .sort > div:after {
	clear: both;
	content: "";
	display: block;
}
.skidataPistOverview > .sort > div > label {
	display: block;
	float: left;
	font-weight: normal;
	line-height: 35px;
	margin: 0 10px 0 0;
}
.skidataPistOverview > .sort > div > select {
	border: 1px solid #F1F1F2;
	float: left;
	max-width: 225px;
	padding: 5px;
}
.skidataPistOverview > div > div > .column.name > .region {
	font-size: 13px;
	font-weight: 300;
}
.skidataPistOverview > div > .wrapper > .row.hide {
	display: none;
}

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

	.skidataPistOverview > .sort > div {
		float: none;
		margin: 0 0 10px;
		width: 100%;
	}
	.skidataPistOverview > .sort > div > label {
		margin-right: 0;
		width: 40%;
	}
	.skidataPistOverview > .sort > div > select {
		margin-left: 0;
		max-width: 100%;
		width: 60%;
	}

}

/* SkiData - Schneebericht */

.skidataSnowreport {
	font-size: 15px;
}
.skidataSnowreport > div {
	border: 2px solid #F1F1F2;
	display: table;
	width: 100%;
}
.skidataSnowreport > div > .row:nth-child(2n) {
	background: #F8F8F8;
}
.skidataSnowreport > div > .row:after {
	clear: both;
	content: "";
	display: block;
}
.skidataSnowreport > div > .row > .column {
	padding: 8px 10px;
	line-height: 1.4;
}
.skidataSnowreport > div > .row > .column.label {
	border-right: 2px solid #F8F8F8;
	float: left;
	width: 50%;
}
.skidataSnowreport > div > .row > .column.value {
	float: left;
	text-align: right;
	width: 50%;
}
.skidataSnowreport > div > .row:nth-child(2n) > .column.label {
	border-right: 2px solid #FFFFFF;
}
.skidataSnowreport > div > .row > .column.label,
.skidataSnowreport > div > .row > .column.label > a {
	font-weight: bold;
}

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

	.skidataSnowreport > div > .row {
		padding: 8px 10px;
	}
	.skidataSnowreport > div > .row > .column {
		padding: 0;
	}
	.skidataSnowreport > div > .row > .column.label,
	.skidataSnowreport > div > .row > .column.value {
		border-right: 0 none !important;
		float: none;
		width: 100%;
	}
	.skidataSnowreport > div > .row > .column.label {
		margin: 0 0 5px;
	}
	.skidataSnowreport > div > .row > .column.value {
		text-align: left;
	}

}

/* SkiData - Schneebericht (Mobile) */

.mskidataSnowreport {
	margin: 10px 0;
}
.mskidataSnowreport.animated {
	visibility: hidden;
}
.mskidataSnowreport > p {
	background: #E3E4E5;
	cursor: pointer;
	padding: 20px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.mskidataSnowreport > p:hover,
.mskidataSnowreport > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
.mskidataSnowreport > p:before {
	content: "\E805";
	font-family: 'fontello';
	font-size: 32px;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 20px;
	top: 22px;
	width: 29px;
}
.mskidataSnowreport > p.contentShow:before {
	content: "\E805";
}
.mskidataSnowreport > p:after {
	clear: both;
	content: "";
	display: block;
}
.mskidataSnowreport > p > span.icon {
	display: block;
	float: left;
	height: 60px;
	margin: 0 10px 0 0;
	text-align: center;
	width: 60px;
}
.mskidataSnowreport > p > span.icon:before {
	content: "\E83E";
	font-family: "fontello";
	font-size: 45px;
	font-weight: normal;
	line-height: 60px;
}
.mskidataSnowreport > p > span.value,
.mskidataSnowreport > p > span.label {
	display: block;
	line-height: 1.3;
}
.mskidataSnowreport > p > span.value {
	display: block;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataSnowreport > p > span.value > span {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.mskidataSnowreport > p > span.label {
	display: block;
	font-size: 14px;
	margin: 6px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataSnowreport > .list {
	display: none;
}
.mskidataSnowreport > p.contentShow + .list {
	display: block;
}
.mskidataSnowreport > .list > div {
	margin: 5px 0;
}

/* SkiData - Schneebericht (Kontext) */

.skidataContextSnowreport {
	background: #F1F1F2;
	overflow: hidden;
	padding: 20px 30px 20px;
	position: relative;
}
.skidataContextSnowreport > h3 {
	background: #034E8D;
	color: #FFFFFF;
	font-weight: bold;
	margin: -20px -30px 30px;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.skidataContextSnowreport > h3:after {
	clear: both;
	content: "";
	display: block;
}
.skidataContextSnowreport > h3 > span {
	position: relative;
	z-index: 2;
}
.skidataContextSnowreport > h3 > span.date {
	float: right;
	font-weight: normal;
}
.skidataContextSnowreport > div {
	border: 0 none;
}
.skidataContextSnowreport > div:after {
	clear: both;
	content: "";
	display: block;
}
.skidataContextSnowreport > div > .left {
	float: left;
	position: relative;
	width: 45.454545454545454545454545454545%;
}
.skidataContextSnowreport > div > .left > img {
    position: absolute;
    right: 0;
    top: 25px;
}
.skidataContextSnowreport > div > .right {
	float: right;
	width: 45.454545454545454545454545454545%;
}
.skidataContextSnowreport > .snowData > div > .row {
	margin: 0 0 30px 0;
	position: relative;
}
.skidataContextSnowreport > .snowData > .right > .row {
	display: block;
	padding: 0 0 0 75px;
}
.skidataContextSnowreport > .snowData > div > .row > .value {
    color: #8f9497;
    display: block;
    font-size: 14px;
    line-height: 1.2;
}
.skidataContextSnowreport > .snowData > div > .row > .circle {
    height: 54px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 54px;
}
.skidataContextSnowreport > .snowData > div > .row > .value > span {
	color: #034e8d;
	font-family: "PT Sans", sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.skidataContextSnowreport > .snowData > div > .row > .label {
	color: #2D343E;
    display: block;
    font-size: 14px;
    line-height: 1.2;
}
.skidataContextSnowreport > .snowData > div > .row.mountain {
	margin-bottom: 45px;
	text-align: right;
}
.skidataContextSnowreport > .snowData > div > .row.valley {
	padding: 0 45px 0 0;
	text-align: right;
}
.skidataContextSnowreport > .snowData > div > .row > .icon {
	color: #2D343E;
	height: 54px;
	left: 0;
	padding: 3px 0 0 10px;
	position: absolute;
	width: 54px;
	top: -2px;
}
.skidataContextSnowreport > .snowData > div > .row > .icon:before {
    content: "\E877";
    font-family: fontello;
    font-size: 30px;
}
.skidataContextSnowreport > .snowData > div > .row.lifts > .icon {
	padding-left: 15px;
	padding-top: 2px;
}
.skidataContextSnowreport > .snowData > div > .row.lifts > .icon:before {
	content: "\E875";
}
.skidataContextSnowreport > .infra {
    border-top: 1px solid #e0e0e1;
    padding: 3px 0 3px 0;
}
.skidataContextSnowreport > .infra > div > .row {
    font-size: 14px;
    line-height: 30px;
    padding: 0 30px 0 20px;
    position: relative;
}
.skidataContextSnowreport > .infra > div > .row:before {
    background: #FFFFFF;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    right: 0;
    width: auto;
}
.skidataContextSnowreport > .infra > div > .row:after {
    background: #b1ca35;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 8px;
}
.skidataContextSnowreport > .infra > div > .row:last-of-type:before {
    display: none;
}	
.skidataContextSnowreport > .infra > div > .row > a {
	display: block;
	font-weight: 300;
}
.skidataContextSnowreport > .infra > div > .row .label {
    display: block;
    letter-spacing: -0.2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.skidataContextSnowreport > .infra > div > .row .value {	
	font-weight: 900;
	position: absolute;
	right: 0;
	top: 0;
}
.skidataContextSnowreport > .buttons {
    border-top: 1px solid #e0e0e1;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}
.skidataContextSnowreport > .buttons > div > a {
	background: #FFFFFF;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.2px;
	line-height: 32px;
	padding: 0 10px 0 10px;
	-webkit-transition: background 500ms ease 0s, color 500ms ease 0s;
	transition: background 500ms ease 0s, color 500ms ease 0s;
	white-space: nowrap;
}
.skidataContextSnowreport > .buttons > div > a.map:before {
	color: #e30613;
	content: "\E876";
	font-family: fontello;
	font-size: 14px;
	margin: 0 10px 0 0;
	-webkit-transition: background 500ms ease 0s, color 500ms ease 0s;
	transition: background 500ms ease 0s, color 500ms ease 0s;
}
.skidataContextSnowreport > .buttons > div > a.report:before {
	color: #e30613;
	content: "\E878";
	font-family: fontello;
	font-size: 14px;
	margin: 0 10px 0 0;
	-webkit-transition: background 500ms ease 0s, color 500ms ease 0s;
	transition: background 500ms ease 0s, color 500ms ease 0s;
}
.skidataContextSnowreport > .buttons > div > a:hover {
	background: #E30613;
	color: #FFFFFF;
}
.skidataContextSnowreport > .buttons > div > a.map:hover:before {
	color: #FFFFFF;
}
.skidataContextSnowreport > .buttons > div > a.report:hover:before {
	color: #FFFFFF;
}
.skidataContextSnowreport > .reportTeaser {
	border-top: 1px solid #e0e0e1;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}
.skidataContextSnowreport > .reportTeaser > label {
    display: block;
    line-height: 1.4;
}
.skidataContextSnowreport > .reportTeaser > .buttons {
	margin: 10px 0 0 0;
}
.skidataContextSnowreport > .reportTeaser > .buttons:after {
	clear: both;
	content: "";
	display: block;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li {
    float: left;
    margin: 0 20px 0 0;
	width: 45.454545454545454545454545454545%;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li > a {
    background: #128c7e;
	background: #3fda4c;
    color: #FFFFFF;
    display: block;
    line-height: 40px;
    padding: 0 5px 0 5px;
    font-weight: bold;
    font-family: "PT Sans", sans-serif;
	position: relative;
	text-align: center;
	transition: background 300ms ease 0s, color 300ms ease 0s;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li > a:hover {
	background: #FFFFFF;
	color: #128C7E;
	color: #3fda4c;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li > a:before {
	content: "\F232";
	display: inline-block;
	font-family: fontello;
	font-size: 28px;
	font-weight: normal;
	margin: 0 10px 0 0;
	line-height: 1;
	position: relative;
	top: 4px;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li.mail {
	margin-right: 0;
	float: right;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li.mail > a {
	background: #034e8d;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li.mail > a:hover {
	background: #FFFFFF;
	color: #034e8d;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li.mail > a:before {
    content: "\E868";
    font-size: 18px;
    font-weight: normal;
	top: 1px;
}
.skidataContextSnowreport > .reportTeaser > .buttons > li > a > span {
    display: block;
    font-size: 12px;
	margin: 1px 0 0 0;
    opacity: 0.8;
}
.skidataContextSnowreport > .flakes > span {
    position: absolute;
    color: #8f9497;
    line-height: 1;
}
.skidataContextSnowreport > .flakes > span:before {
    content: "\E844";
    font-family: fontello;
}
.skidataContextSnowreport > .flakes > .flake1 {
    font-size: 9px;
    left: 25%;
    top: 54px;
}
.skidataContextSnowreport > .flakes > .flake2 {
    font-size: 17px;
    left: 11%;
    top: 164px;
}
.skidataContextSnowreport > .flakes > .flake3 {
    font-size: 9px;
    left: 42%;
    top: 192px;
}
.skidataContextSnowreport > .flakes > .flake4 {
    font-size: 11px;
    right: 30px;
    top: 80px;
}
.skidataContextSnowreport > .flakes > .flake5 {
    font-size: 9px;
    right: 30px;
    top: 180px;
}
.skidataContextSnowreport > .flakes > .flake6 {
    font-size: 9px;
    right: 45px;
    top: 191px;
}

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

	.skidataContextSnowreport > .reportTeaser > .buttons > li {
		width: 100%;
	}
	.skidataContextSnowreport > .reportTeaser > .buttons > li.mail {
		margin-top: 10px;
	}
	.skidataContextSnowreport > .buttons > .left {
		display: block;
		text-align: center;
		width: 100%;
	}
	.skidataContextSnowreport > .buttons > .right {
		display: block;
		margin: 10px 0 0 0;
		text-align: center;
		width: 100%;
	}

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

	.skidataContextSnowreport > .infra > .left {
		width: 100%;
	}
	.skidataContextSnowreport > .infra > .left > .row:last-of-type:before {
		display: block;
	}
	.skidataContextSnowreport > .infra > .right {
		width: 100%;
	}

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

	.skidataContextSnowreport > div > .left > img {
		width: 240px;
	}

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

	.skidataContextSnowreport > .reportTeaser > .buttons > li {
		width: 45.454545454545454545454545454545%;
	}
	.skidataContextSnowreport > .reportTeaser > .buttons > li.mail {
		margin-top: 0;
	}
	.skidataContextSnowreport > .buttons > .left {
		width: 45.454545454545454545454545454545%;
	}
	.skidataContextSnowreport > .buttons > .right {
		margin-top: 0;
		width: 45.454545454545454545454545454545%;
	}
	.skidataContextSnowreport > .infra > .left {
		width: 45.454545454545454545454545454545%;
	}
	.skidataContextSnowreport > .infra > .left > .row:last-of-type:before {
		display: none;
	}
	.skidataContextSnowreport > .infra > .right {
		width: 45.454545454545454545454545454545%;
	}

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

	.skidataContextSnowreport > .buttons > .left {
		width: 100%;
	}
	.skidataContextSnowreport > .buttons > .right {
		margin-top: 10px;
		width: 100%;
	}

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

	.skidataContextSnowreport {
		padding-left: 20px;
		padding-right: 20px;
	}
	.skidataContextSnowreport > .infra > .left {
		width: 100%;
	}
	.skidataContextSnowreport > .infra > .left > .row:last-of-type:before {
		display: block;
	}
	.skidataContextSnowreport > .infra > .right {
		width: 100%;
	}
		
}
@media all and (max-width: 420px){

	.skidataContextSnowreport > .snowData {
		text-align: center;
	}
	.skidataContextSnowreport > .snowData > .left {
		float: none;
		width: auto;
		display: inline-block;
		width: 240px;
	}
	.skidataContextSnowreport > .snowData > .right {
		margin: 0 0 30px 0;
		text-align: left;
		width: 100%;
	}
	.skidataContextSnowreport > .snowData > .right:after {
		clear: both;
		content: "";
		display: block;
	}
	.skidataContextSnowreport > .snowData > .right > .row {
		float: left;
		margin: 0 2% 0 0;
		width: 49%;
	}
	.skidataContextSnowreport > .snowData > .right > .row.lifts {
		margin-right: 0;
	}
	.skidataContextSnowreport > .snowData > .right > .row {
		padding-left: 55px;
	}
	.skidataContextSnowreport > .snowData > .right > .row > .circle > canvas {
		height: 44px !important;
		width: 44px !important;
    }
	.skidataContextSnowreport > .snowData > .right > .row > .icon {
		height: 44px;
		padding-left: 10px;
		padding-top: 5px;
		width: 44px;
	}
	.skidataContextSnowreport > .snowData > .right > .row > .icon:before {
		font-size: 20px;
	}
	.skidataContextSnowreport > .snowData > .right > .row > .value > span {
		font-size: 20px;
	}
	.skidataContextSnowreport > .snowData > div > .row.lifts > .icon {
		padding-left: 13px;
		padding-top: 4px;
    } 

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

	.skidataContextSnowreport > .reportTeaser > .buttons > li {
		margin-right: 2%;
		width: 49%;
	}
	.skidataContextSnowreport > .reportTeaser > .buttons > li > a {
		font-size: 14px;
	}
	.skidataContextSnowreport > .reportTeaser > .buttons > li > a:before {
		font-size: 22px;
		margin-right: 5px;
	}

}

/* SkiData - Schneebericht (Grid) */

.skidataSnowreport.skidataSnowreportGrid {
    background: #e0e0e1;
    height: 295px;
    padding: 0 20px 20px 20px;
    width: 32.5%;
}
.skidataSnowreport.skidataSnowreportGrid > h2 {
    background: #FFFFFF;
    border-bottom: 3px solid #034e8d;
    display: block;
    margin: 0 -20px 34px -20px;
}
.skidataSnowreport.skidataSnowreportGrid > h2:after {
    clear: both;
    content: "";
    display: block;
}
.skidataSnowreport.skidataSnowreportGrid > h2 > span {
    background: #034e8d;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 15px;
    height: 28px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.skidataSnowreport.skidataSnowreportGrid > h2 > span:not(.selected) {
    background: #0078da;
    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 24px;
}
.skidataSnowreport.skidataSnowreportGrid > h2 > span.snowreport:not(.selected) {
    border-left: none;
    border-right: 2px solid #FFFFFF;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row > .value {
    font-size: 13px;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row > .label {
    font-size: 13px;
}
.skidataSnowreport.skidataSnowreportGrid > div > .left {
    width: 47.142857142857142857142857142857%;
}
.skidataSnowreport.skidataSnowreportGrid > div > .left > img {
    top: 18px;
    width: 234px;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row.valley {
    margin-bottom: 0;
    padding: 0;    
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row.mountain {
    margin-bottom: 41px;
}
.skidataSnowreport.skidataSnowreportGrid > div > .right {
    padding: 31px 0 0 0;
    width: 43.428571428571428571428571428571%;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > .right {
    padding-top: 0;
    width: 47.142857142857142857142857142857%;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > .right > .row {
    margin-bottom: 9px;
    padding-left: 65px;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row > .label {
    font-size: 13px;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row > .circle {
    height: 45px;
    width: 45px;
    top: 0;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row > .icon {
    left: 8px;
    padding: 0;
    top: 3px;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row.lifts > .icon {
    left: 12px;
}
.skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row > .icon:before {
    font-size: 24px;
}
.skidataSnowreport.skidataSnowreportGrid > .infra {
    display: none;
}
.skidataSnowreport.skidataSnowreportGrid.showFacilities > .snowData {
    display: none;
}
.skidataSnowreport.skidataSnowreportGrid.showFacilities > .infra {
    display: block;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser {
    bottom: 0;
    border-top: 1px solid #c8c8c9;
    left: 0;
    padding: 10px 20px 10px 20px;
    position: absolute;
    right: 0;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > label {
    float: left;
    font-size: 14px;
    font-weight: bold;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > label > strong {
    display: block;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > div > .row {
    padding-left: 0;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > div > .row .label {
    font-size: 13px;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > div > .row:before {
    left: 0;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > div > .row:after {
    background: #029c3f;
    left: auto;
    right: 0;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > div > .row .value {
    font-size: 13px;
    right: 12px;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > .buttons {
    clear: both;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > .buttons > a {
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.2px;
	line-height: 32px;
	-webkit-transition: background 500ms ease 0s, color 500ms ease 0s;
	transition: background 500ms ease 0s, color 500ms ease 0s;
	white-space: nowrap;
}
.skidataSnowreport.skidataSnowreportGrid > .infra > .buttons > a.report:before {
	color: #e30613;
	content: "\E878";
	font-family: fontello;
	font-size: 12px;
	margin: 0 10px 0 0;
	-webkit-transition: background 500ms ease 0s, color 500ms ease 0s;
	transition: background 500ms ease 0s, color 500ms ease 0s;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons {
    float: right;
    margin-top: 5px;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li {
    margin-right: 5px;
    width: auto;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li > a {
    line-height: 30px;
    padding-left: 36px;
    padding-right: 10px;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li.mail {
    margin-right: 0;
    margin-top: 0;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li > a:before {
    content: "\E879";
    font-size: 30px;
    left: 5px;
    line-height: 30px;
    position: absolute;
    top: 0;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li.mail > a {
    background: #0078da;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li.mail > a:before {
    content: "\E874";
    left: 10px;
    font-size: 14px;
}
.skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li.mail > a:hover {
    background: #FFFFFF;
    color: #0078da;
}

.skidataSnowreport.skidataSnowreportGrid > .flakes > .flake2 {
    top: 180px;
}
.skidataSnowreport.skidataSnowreportGrid > .flakes > .flake3 {
	display: none;
}
.skidataSnowreport.skidataSnowreportGrid > .flakes > .flake4 {
    display: none;
    top: 60px;
}
.skidataSnowreport.skidataSnowreportGrid > .flakes > .flake5 {
    top: 210px;
}
.skidataSnowreport.skidataSnowreportGrid > .flakes > .flake6 {
	display: none;
}
.skidataSnowreport.skidataSnowreportGrid > .date {
    background: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    padding: 0 5px 0 5px;
    position: absolute;
    right: 0;
    top: 41px;
    z-index: 1;
}
.skidataSnowreport.skidataSnowreportGrid.showFacilities > .flakes > .flake2 {
	display: none;
}

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

    .skidataSnowreport.skidataSnowreportGrid > .snowData > .right > .row {
        padding-left: 55px;
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > label {
        font-size: 12px;
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li > a {
        font-size: 14px;
    }

}

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

    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser {
        padding-left: 10px;
        padding-right: 10px;
    }

}

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

    .skidataSnowreport.skidataSnowreportGrid > div > .left > img {
        top: 12px;
    }
    .skidataSnowreport.skidataSnowreportGrid > .snowData > div > .row > .value > span {
        font-size: 20px;
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li > a {
        padding-left: 32px;
        padding-right: 8px;
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li > a:before {
        left: 3px;
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li.mail > a:before {
        left: 8px;
    }

}

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

    .skidataSnowreport.skidataSnowreportGrid {
        width: 49.25%;
    }

}

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

    .skidataSnowreport.skidataSnowreportGrid {
        padding-left: 10px;
        padding-right: 10px;
    }
    .skidataSnowreport.skidataSnowreportGrid > h2 {
        margin-left: -10px;
        margin-right: -10px;
    }
    .skidataSnowreport.skidataSnowreportGrid > div > .right {
        padding-top: 15px;
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons {
        width: 100%;
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > .buttons > li {
        margin-right: 4%;
        width: 48%;    
    }
    .skidataSnowreport.skidataSnowreportGrid > .reportTeaser > label > strong {
        display: inline-block;
    }

}

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

    .skidataSnowreport.skidataSnowreportGrid {
        height: auto;
        padding-bottom: 60px;
        width: 100%;
    }
    .skidataSnowreport.skidataSnowreportGrid > .snowData {
		margin-bottom: 40px;
	}
    .skidataSnowreport.skidataSnowreportGrid > .infra > .buttons {
        margin-bottom: 20px;
    }

}

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

    .skidataSnowreport.skidataSnowreportGrid > .snowData > .right > .row {
        width: auto;
    }

}

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

	.skidataSnowreport.skidataSnowreportGrid > .snowData {
		margin-bottom: 15px;
	}

}

/* SkiData - SkiMap */

.skidataSkiMap {
	position:relative;
}
.skidataSkiMap > div.overlay {
	cursor:pointer; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	position:absolute;
}

.skidataSkiMapGrid {
	height: 295px;	
	overflow: hidden;
	position: relative;
    width: 32.5%;
}
.skidataSkiMapGrid > h2 {	
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF !important;
    display: block;
	font-size: 17px !important;
	margin: 0;
	position: relative;
	z-index: 1;
}
.skidataSkiMapGrid > h2 > span {
    background: #004f8f;
    display: block;
    line-height: 30px;
	padding: 0 20px 0 20px;
	position: relative;
	z-index: 1;
}
.skidataSkiMapGrid > h2:after {
    background: #004f8f;
    border: 2px solid #FFFFFF;    
    content: "";    
    height: 70px;    
    position: absolute;    
    right: 35px;    
    top: -30px;    
    -webkit-transform: skewX(-50deg) skewY(10deg);    
    transform: rotate(36deg) skewX(-30deg) skewY(0deg);    
    width: 110px;    
    z-index: -1;
}
.skidataSkiMapGrid > .content {
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
	top: 32px;
	width: 100%;
}
.skidataSkiMapGrid > .content > img {
	display: block;
	min-height: 100%;
    left: 50%;
	position: absolute;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	min-width: 100%;
}
.skidataSkiMapGrid > .content > a {
    background: #e30613;
    bottom: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    left: 20px;
    line-height: 30px;
    position: absolute;
    right: 20px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}
.skidataSkiMapGrid > .content > a:hover {
	color: #FFFFFF; 
}

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

    .skidataSkiMapGrid {
        width: 49.25%;
	}

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

    .skidataSkiMapGrid {
        width: 100%;
	}

}

/* SkiData - Talabfahrten */

.skidataDownhill + .skidataPistestate {
	border: 2px solid #F1F1F2;
	margin-top: -25px;
}
.skidataDownhill > div {
	background: #F1F1F2;
	border: 2px solid #F1F1F2;
	display: table;
	width: 100%;
}
.skidataDownhill > div > .row > .column {
	padding: 8px 10px;
	line-height: 1.4;
}
.skidataDownhill > div > .row > .column.label,
.skidataDownhill > div > .row > .column.label > a {
	font-weight: bold;
}

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

	.skidataDownhill > div > .row {
		padding: 8px 10px;
	}
	.skidataDownhill > div > .row > .column {
		padding: 0;
	}
	.skidataDownhill > div > .row > .column.label,
	.skidataDownhill > div > .row > .column.value {
		border-right: 0 none !important;
		float: none;
		width: 100%;
	}
	.skidataDownhill > div > .row > .column.label {
		margin: 0 0 5px;
	}
	.skidataDownhill > div > .row > .column.value {
		text-align: left;
	}

}

/* SkiData - Tarife */

.skidataSeason {
	margin-bottom: -20px;
}
.skidataSeason > div:after {
	clear: both;
	content: "";
	display: block;
}
.skidataSeason > div > div.ns { 	
	background: #F1F1F2;
	border-right: 2px solid #FFFFFF;	
	float: left; 
	font-size: 13px;
	min-height: 80px;
	padding: 5px;
	text-align: center;
	width: 64%;
}
.skidataSeason > div > div.hs {
	background: #F1F1F2;
	float: left;   
	font-size: 13px;
	min-height: 80px;
	padding: 5px;
	text-align: center;
	width: 36%;
}
.skidataSeason > div > div >label {
	font-weight: bold; 
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
}

/* SkiData - Tarife */

.skidataTariffs {
	font-size: 13px;
	overflow: auto;
}
.skidataTariffs > div {
	border: 2px solid #F1F1F2;
	display: table;
	max-width: 1200px;
	min-width: 660px;
	width: 100%;
}
.skidataTariffs > div > .headline {
	background: #F1F1F2;
}
.skidataTariffs > div > .headline,
.skidataTariffs > div > .row {
	display: table-row;
}
.skidataTariffs > div > .headline > .column,
.skidataTariffs > div > .row > .column {
	border-right: 2px solid #FFFFFF;
	display: table-cell;
	line-height: 1.5;
}
.skidataTariffs > div > .headline > .column {
	border-right: 2px solid #FFFFFF;
	font-weight: bold;
	line-height: 1.3;
	padding: 8px 10px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.skidataTariffs > div > .headline > .column.title {
	text-align: left;
	width: 28%;
}
.skidataTariffs > div > .headline > .column > span {
	display: block;
}
.skidataTariffs > div > .row > .column {
	background: #F1F1F2;
	padding: 8px 10px;
	text-align: center;
	vertical-align: middle;
	width: 12%;
}
.skidataTariffs > div > .row:hover > .column {
	background: #034E8D !important;
	color: #FFFFFF !important;
}
.skidataTariffs > div > .row > .column.type {
	font-weight: normal;
	text-align: left;
	width: 28%;
}
.skidataTariffs > div > .row:nth-child(2n) > .column {
	background: none;
	border-right: 2px solid #F1F1F2;
}
.skidataTariffs > div > div > .column:last-child {
	border-right: 0 none !important;
}
.skidataTariffs > div > .row:last-child > .column {
	border-bottom: 0 none;
}

/* mit Gästekarte */

.skidataGuestTariffs > div > .headline > .column > span {
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
}
.skidataGuestTariffs > div > .headline > .column.date > span {
    font-size: 13px;
    font-weight: bold;
    opacity: 0.75;
}
.skidataGuestTariffs > div > .headline > .column, 
.skidataGuestTariffs > div > .row > .column {
	min-width: 120px;
}

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

	.skidataSeason > div > div.hs,
	.skidataSeason > div > div.ns { 	
		background:#f1f1f2;  
		border-right: none;	
		border-bottom: 2px solid #ffffff;	
		float:none;   
		padding:5px;  
		width:100%;
		min-height:auto; 
	}

}

/* SkiData - Tarife - Responsive (eigenständig) */

.skidataTariffs.responsive > div,
.skidataTariffs.responsive > div > div,
.skidataTariffs.responsive > div > div > div { 
	display: block; 
}
.skidataTariffs.responsive > div {
	max-width: 100%;
	min-width: 100%;
}
.skidataTariffs.responsive > div > div.headline { 
	left: -9999px;
	position: absolute;
	top: -9999px;
}
.skidataTariffs.responsive > div > div > .column:before {
	content: attr(data-title);
	font-weight: bold;
	left: 10px;
	overflow: hidden;
	padding-right: 10px;
	position: absolute;
	text-overflow: ellipsis;
	top: 5px;
	white-space: nowrap;
	width: 45%;
}
.skidataTariffs.responsive > div > div > .column {
	border: medium none !important;
	display: block !important;
	font-size: 14px !important;
	padding-left: 50%;
	position: relative;
	text-align: left !important;
	width: auto !important;
}
.skidataTariffs.responsive > div > div > .column.type {
	font-size: 16px !important;
	padding-left: 10px;
	text-align: center !important;
}

/* SkiData - Tarifrechner */

.skidataTariffCalc {
	display: none !important;
	background: #F1F1F2;	
	margin-top: 0 !important;
	overflow: hidden;
	padding: 20px;
}
.skidataTariffCalc > h3 {
	background: #8F9497;
	color: #FFFFFF;
	font-weight: bold;
	margin: -20px -20px 20px;
	padding: 10px 20px;
	position: relative;
	text-transform: uppercase;
}
.skidataTariffCalc > h3:before {
	background: #8F9497;
	content: "";
	height: 50px;
	position: absolute;
	right: 50px;
	top: 0;
	-moz-transform: skewX(-50deg) skewY(10deg);
	-webkit-transform: skewX(-50deg) skewY(10deg);
	-o-transform: skewX(-50deg) skewY(10deg);
	-ms-transform: skewX(-50deg) skewY(10deg);
	transform: skewX(-50deg) skewY(10deg);
	width: 130px;
	z-index: 1;
}
.skidataTariffCalc > h3 > span {
	position: relative;
	z-index: 2;
}
.skidataTariffCalc > form {
	padding: 10px 0 0;
}
.skidataTariffCalc > form > .row {
	margin: 10px 0;
	position: relative;
}
.skidataTariffCalc > form > .row.date {
	margin-right: 5%;
}
.skidataTariffCalc > form > .row.date,
.skidataTariffCalc > form > .row.days {
	float: left;
	margin-bottom: 0;
	width: 47.5%;
}
.skidataTariffCalc > form > .row.teens {
	margin-left: 2%;
	margin-right: 2%;
}
.skidataTariffCalc > form > .row.adults,
.skidataTariffCalc > form > .row.teens,
.skidataTariffCalc > form > .row.children {
	float: left;
	width: 32%;
}
.skidataTariffCalc > form > .row:after {
	clear: both;
	content: "";
	display: block;
}
.skidataTariffCalc > form > .row > label {
	display: none;
	float: left;
	line-height: 35px;
	padding: 0 10px 0 0;
	width: 40%;
}
.skidataTariffCalc > form > .row > .field {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 35px;
	outline: medium none;
	line-height: 35px;
	padding: 2px 10px 0;
	width: 100%;
}
.skidataTariffCalc > form > .row > .field:focus {
	border: 1px solid #93C8FF;
	box-shadow: 0 0 4px #1983F0;
}
.skidataTariffCalc > form > .row > select.field {
	padding: 2px 10px 0 7px;
}
.skidataTariffCalc > form > .row > .calicon {
	background: #034E8D;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	height: 33px;
	line-height: 33px;
	margin: 0 0 0 -35px;
	padding: 0 10px 0 9px;
	position: absolute;
	top: 1px;
}
.skidataTariffCalc > form > .row > .calicon:before {
	content: "\E800";
	font-family: "fontello";
}
.skidataTariffCalc > form > .prices {
	background: #FFFFFF;
	clear: both;
	display: none;
	margin: 20px 0 0;
	padding: 20px;
}
.skidataTariffCalc > form > .prices.show {
	display: block;
}
.skidataTariffCalc > form > .prices.error {
	background: none;	
	border: none; 
	color: #E30613;
	font-weight: bold; 
	padding: 10px 0;	
}
.skidataTariffCalc > form > .prices > p > span {
	display: block;
	font-size: 15px;
	line-height: 1.4;
}
.skidataTariffCalc > form > .prices > p > span:after {
	clear: both;
	content: "";
	display: block;
}
.skidataTariffCalc > form > .prices > p > span > span.label,
.skidataTariffCalc > form > .prices > p > span > span.value {
	float: left;
	width: 50%;
}
.skidataTariffCalc > form > .prices > p > span > span.value {
	text-align: right;
}
.skidataTariffCalc > form > .prices > p > span.headline {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.skidataTariffCalc > form > .prices > p > span.headline > span {
	float: left;
	width: 50%;
}
.skidataTariffCalc > form > .prices > p > span.headline > span.date {
	text-align: right;
}
.skidataTariffCalc > form > .prices > p > span.total {
	border-bottom: 4px double #2D343E;
	border-top: 1px solid #2D343E;
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0 0;
	padding: 5px 0;
}

.skidataTariffCalc.skidataTariffCalcGrid {
	background: #e0e0e1;
	height: 295px;
    width: 32.5%;
}
.skidataTariffCalc.skidataTariffCalcGrid > h3 {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.skidataTariffCalc.skidataTariffCalcGrid > h3:before {
    display: none;
}
.skidataTariffCalc.skidataTariffCalcGrid > form {
	padding-top: 0;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.date, 
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.days {
	background: #FFFFFF;
	margin-top: 0;
	width: 48.571428571428571428571428571429%;
	position: relative;
	z-index: 1;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.date {
	margin-right: 2.857142857142857142857142857143%;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row > .field {
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #FFFFFF;
    color: #2d343e;
    font-weight: 800;
    height: 32px;
    line-height: 32px;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row > select.field {
	background: none;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	padding-top: 0;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row > .calicon {
	background: #FFFFFF;
	color: #004f8f;
	font-size: 13px;
	height: 100%;
	margin: 0;
	padding: 0;
	right: 0;
	text-align: center;
	top: 0;
	width: 30px;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row > .calicon:before {
	content: "\E899";
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row:before {
	background: #FFFFFF;
	content: "\E873";
	color: #004f8f;
	font-family: "fontello";
	font-size: 10px;
	height: 100%;
	line-height: 32px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 30px;
	z-index: -1;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.date:before {
	display: none;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.adults, 
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.teens, 
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.children {
	background: #FFFFFF;
	margin-left: 0;
	margin-right: 2.857142857142857142857142857143%;
	margin-top: 6px;
	width: 31.428571428571428571428571428571%;
	position: relative;
	z-index: 1;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.children {
	margin-right: 0;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.adults:before, 
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.teens:before, 
.skidataTariffCalc.skidataTariffCalcGrid > form > .row.children:before {
    content: "\E871";
    font-size: 14px;
    -webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	z-index: -1;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices {
    background: none;
    padding: 19px 0 0 0;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices.error {
    line-height: 1.2;
    padding: 0;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices > p > span.headline {
	border-bottom: 1px solid #aaacb0;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 3px 0;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices > p > span.adults,
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices > p > span.teens,
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices > p > span.children {
	display: none;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices > p > span {
	font-weight: normal;
	font-size: 13px;
}
.skidataTariffCalc.skidataTariffCalcGrid > form > .prices > p > span.total {
	border-bottom: 2px solid #004f8f;
	border-top: none;
	font-size: 15px;
	font-weight: bold;
	margin-top: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.skidataTariffCalc > form > .button {
	clear: both;
	display: none;
	margin: 10px 0 0;
	text-align: right;
}
.skidataTariffCalc > form > .button.show {
	display: block;
}

.skidataTariffCalc > form > .button > a {
	background: #E30613;
	color: #FFFFFF;
	display: inline-block;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin: 5px 0 0 0;
	padding: 0 20px;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
.skidataTariffCalc > form > .button > a:hover {
	background: #034E8D;
}

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

	.skidataTariffCalc.skidataTariffCalcGrid > form > .row > .field {
		padding-left: 6px;
	}
	.skidataTariffCalc.skidataTariffCalcGrid > form > .row > select.field {
		padding-left: 3px;
	}

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

	.skidataTariffCalc.skidataTariffCalcGrid {
		width: 49.25%;
	}

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

	.skidataTariffCalc.skidataTariffCalcGrid > form > .row > .field {
		font-size: 14px;
	}

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

	.skidataTariffCalc.skidataTariffCalcGrid {
		height: auto;
		width: 100%;
	}

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

	.skidataTariffCalc.skidataTariffCalcGrid {
		padding-left: 10px;
		padding-right: 10px;
	}
	.skidataTariffCalc.skidataTariffCalcGrid > form > .row > .field {
		font-size: 13px;
	}

}

/* SkiData - Tarife - Tabelle */

.cmsTable.cmsSGMTarif > table {
	font-size: 13px;
}
.cmsTable.cmsSGMTarif > table > tbody > tr > td {
    background: #f1f1f2 none repeat scroll 0 0;
    border-right: 2px solid #ffffff;
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle;
}
.cmsTable.cmsSGMTarif > table > tbody > tr:nth-child(2n) > td {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-right: 2px solid #f1f1f2;
}
.cmsTable.cmsSGMTarif > table > tbody > tr:hover > td {
	background: #034e8d;
	color: #FFFFFF;
}
.cmsTable.cmsSGMTarif > table > tbody > tr:first-child > td {
	font-weight: bold;
	text-transform: uppercase;
}
.cmsTable.cmsSGMTarif > table > tbody > tr > td:last-child {
	border-right: 2px solid #f1f1f2
}
.cmsTable.cmsSGMTarif > table > tbody > tr:first-child:hover > td {
	background: #f1f1f2;
	color: #2d343e;
	font-weight: bold;
	text-transform: uppercase;
}

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

	.cmsTable.cmsSGMTarif > table > tbody > tr > td {
		padding-left: 1px;
		padding-right: 1px;
	}
	
}
@media all and (max-width: 900px){

	.cmsTable.cmsSGMTarif.responsive tr {
		display: table;
		width: 100%;
	}	
	.cmsTable.cmsSGMTarif.responsive td {
		padding-left: 50%;
	}

}

/* SkiData - Touren */

.skidataTours {
    border-bottom: 2px solid #f7941d;
    border-top: 2px solid #f7941d;
}
.skidataTours > .intro {
    background: #f1f1f2;
}
.skidataTours > .intro:after {
    clear: both;
    content: "";
    display: block;
}
.skidataTours > .intro > .image {
    float: left;
    width: 32.5%;
}
.skidataTours > .intro > .image > img {
    display: block;
    width: 100%;
}
.skidataTours > .intro > .content {
    background: url("/img/skidata/skidata-star.png") no-repeat;
    background-position: right -61px top -33px;
    float: left;
    min-height: 260px;
    padding: 36px 40px 0 40px;
    position: relative;
    width: 67.5%;
}
.skidataTours > .intro > .content > .title {
    background: url("/img/skidata/skidata-arrow.png") no-repeat;
    color: #f7941d;
    font-family: "PT Sans", sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 26px 0;
    padding: 0 0 0 105px;
    text-transform: uppercase;
    width: 350px;
    word-wrap: break-word;
}
.skidataTours > .intro > .content > .desc {
    font-size: 14px;
    line-height: 1.5;
    width: 350px;
}
.skidataTours > .intro > .content > .regionData {
    bottom: 40px;
    left: 450px;
    position: absolute;
}
.skidataTours > .intro > .content > .regionData > div {
    padding: 7px 0 7px 70px;
    position: relative;
}
.skidataTours > .intro > .content > .regionData > div:before {
    content: "\E875";
    font-family: "fontello";
    font-size: 30px;
    height: 54px;
    left: 0;
    line-height: 54px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 54px;
}
.skidataTours > .intro > .content > .regionData > div.slopes:before {
    padding: 1px 0 0 0;
}
.skidataTours > .intro > .content > .regionData > div > .circle {
    height: 54px;
    left: 0;
    line-height: 48px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 54px;
}
.skidataTours > .intro > .content > .regionData > div > .value {
    color: #8f9497;
    display: block;
    font-size: 14px;    
    line-height: 1;
}
.skidataTours > .intro > .content > .regionData > div > .value > span {
    color: #f7941d;
    font-family: "PT Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0 3px 0 0;
}
.skidataTours > .intro > .content > .regionData > div > .label {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 2px 0 0 0;
}
.skidataTours > .intro > .content > .regionData > div.lifts {
    margin: 0 0 10px 0;
}
.skidataTours > .intro > .content > .regionData > div.slopes:before {
    content: "\E877";
}
.skidataTours > .stage {
    background: #f1f1f2;
    margin: 10px 0 10px 0;
}
.skidataTours > .stage > .title {
    border-bottom: 1px solid #C8C8C9;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    padding: 13px 25px 13px 90px;
    position: relative;
    text-transform: uppercase;
}
.skidataTours > .stage > .title > span {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    position: relative;
    text-transform: none;
}
.skidataTours > .stage > .title > span:before {
    background: #f7941d;
    bottom: 2px;
    content: "";
    left: 0;
    position: absolute;
    top: 2px;
    width: 2px;
}
.skidataTours > .stage > .title:before {
    background: #f7941d;
    color: #FFFFFF;
    content: "\E805";
    font-family: "fontello";
    height: 32px;
    left: 25px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    top: 9px;
    transition: background 300ms ease 0s, color 300ms ease 0s;
    width: 32px;
}
.skidataTours > .stage > .print {
	display: none;
}
.skidataTours > .stage.open > .print {
	display: table;
	background: #e50000;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	text-transform: uppercase;
	margin: 40px 20px 0 auto;
	position: relative;
	top: -20px;
}
.skidataTours > .stage > ul {
    border-bottom: 1px solid #C8C8C9;
    display: none;
}
.skidataTours > .stage > ul > li {
    background: #FFFFFF;
    border-bottom: 1px solid #c8c8c9;
    line-height: 50px;
    position: relative;
}
.skidataTours > .stage > ul > li:after {
    clear: both;
    content: "";
    display: block;
}
.skidataTours > .stage > ul > li > span {
    float: left;
}
.skidataTours > .stage > ul > li > span.number {
    color: #f7941d;
    font-family: "PT Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 90px;
}
.skidataTours > .stage > ul > li > .wrapper1 {
    float: left;
    width: 71.916666666666666666666666666667%;
}
.skidataTours > .stage > ul > li > .wrapper1 > span {
    float: left;
}
.skidataTours > .stage > ul > li > .wrapper1 > span.title {
    font-size: 16px;
    padding: 0 5px 0 120px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 49.826187717265353418308227114716%;
}
.skidataTours > .stage > ul > li > .wrapper1 > span.title:before {
    content: "\E875";
    font-family: fontello;
    font-size: 22px;
    left: 90px;
    position: absolute;
    top: 0;
}
.skidataTours > .stage > ul > li.slope > .wrapper1 > span.title:before {
    content: "\E877";
}
.skidataTours > .stage > ul > li.lift > .wrapper1 > span.title:before {
    background: url("/img/skidata/skidata.png") scroll no-repeat center top;
    border: 4px solid #e31e2d;
    content: "";
    left: 88px;
    height: 27px;
    top: 11px;
    width: 27px;
}
.skidataTours > .stage > ul > li.lift.chairlift1 > .wrapper1 > span.title:before {
	background-position: center -38px;
}
.skidataTours > .stage > ul > li.lift.chairlift2 > .wrapper1 > span.title:before {
	background-position: center -57px;
}
.skidataTours > .stage > ul > li.lift.chairlift3 > .wrapper1 > span.title:before {
	background-position: center -76px;
}
.skidataTours > .stage > ul > li.lift.chairlift4 > .wrapper1 > span.title:before {
	background-position: center -95px;
}
.skidataTours > .stage > ul > li.lift.chairlift6 > .wrapper1 > span.title:before {
	background-position: center -114px;
}
.skidataTours > .stage > ul > li.lift.chairlift8 > .wrapper1 > span.title:before {
	background-position: center -133px;
}
.skidataTours > .stage > ul > li.lift.draglift > .wrapper1 > span.title:before,
.skidataTours > .stage > ul > li.lift.conveyor > .wrapper1 > span.title:before,
.skidataTours > .stage > ul > li.lift.conveyor2 > .wrapper1 > span.title:before {
	background-position: center -152px;
}
.skidataTours > .stage > ul > li.lift.detachable-ropeway > .wrapper1 > span.title:before,
.skidataTours > .stage > ul > li.lift.ropeway > .wrapper1 > span.title:before {
	background-position: center -190px;
}
.skidataTours > .stage > ul > li.lift.funicular > .wrapper1 > span.title:before,
.skidataTours > .stage > ul > li.lift.cablecar > .wrapper1 > span.title:before {
	background-position: center -19px;
}
.skidataTours > .stage > ul > li.lift.babylift > .wrapper1 > span.title:before,
.skidataTours > .stage > ul > li.lift.babylift2 > .wrapper1 > span.title:before {
	background-position: center top;
}
.skidataTours > .stage > ul > li > .wrapper1 > span.title > span {
    font-weight: bold;

}
.skidataTours > .stage > ul > li > .wrapper1 > span.times {
    height: 50px;
    width: 17.381228273464658169177288528389%;
}
.skidataTours > .stage > ul > li > .wrapper1 > span.region {
    overflow: hidden;
    padding: 0 10px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 32.792584009269988412514484356895%;
}
.skidataTours > .stage > ul > li > .wrapper2 {
    float: left;
    width: 24.25%;
}
.skidataTours > .stage > ul > li > .wrapper2 > span {
    float: left;
}
.skidataTours > .stage > ul > li > .wrapper2 > span.difficulty {
    font-size: 14px;
    height: 50px;
    padding: 0 0 0 16px;
    position: relative;
    width: 34.020618556701030927835051546392%;
}
.skidataTours > .stage > ul > li > .wrapper2 > span.difficulty:before {
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 10px;
}
.skidataTours > .stage > ul > li.easy-piste > .wrapper2 > span.difficulty:before {
    background: #148fdb;
}
.skidataTours > .stage > ul > li.medium-piste > .wrapper2 > span.difficulty:before {
    background: #d41921;
}
.skidataTours > .stage > ul > li.difficult-piste > .wrapper2 > span.difficulty:before {
    background: #565759;
}
.skidataTours > .stage > ul > li > .wrapper2 > span.length {
    font-size: 14px;
    width: 32.989690721649484536082474226804%;
}
.skidataTours > .stage > ul > li > .wrapper2 > span.length > span {
    font-weight: 900;
    margin: 0 3px 0 0;
}
.skidataTours > .stage > ul > li > .wrapper2 > span.height {
    font-size: 14px;
    width: 32.989690721649484536082474226804%;
}
.skidataTours > .stage > ul > li > .wrapper2 > span.height > span {
    font-weight: 900;
    margin: 0 3px 0 0;
}
.skidataTours > .stage > ul > li > span.state {
    background: #D41921;
    border-radius: 50%;
    color: #FFFFFF;
    height: 26px;
    line-height: 26px;
    position: absolute;
    right: 24px;
    text-align: center;
    top: 12px;
    width: 26px;
}
.skidataTours > .stage > ul > li > span.state:before {
    content: "\E80A";
    font-family: "fontello";
    font-size: 18px;
}
.skidataTours > .stage > ul > li.open > span.state {
    background: #7BB426;
}
.skidataTours > .stage > ul > li.open > span.state:before {
    content: "\E818";
}
.skidataTours > .stage > ul > li > ul {
    clear: both;
    display: block;
    padding: 0 0 10px 90px;
}
.skidataTours > .stage > ul > li > ul:after {
    clear: both;
    content: "";
    display: block;
}
.skidataTours > .stage > ul > li > ul > li {
    float: left;
    margin: 0 10px 5px 0;
}
.skidataTours > .stage > ul > li > ul > li > a {
    display: block;
    border: 1px solid #f7941d;
    font-size: 14px;
    font-weight: bold;
    line-height: 23px;
    padding: 0 30px 0 30px;
    position: relative;
    text-transform: uppercase;
    transition: background 300ms ease 0s, color 300ms ease 0s;
}
.skidataTours > .stage > ul > li > ul > li > a:hover {
    color: #FFFFFF;
}
.skidataTours > .stage > ul > li > ul > li > a:before {
    background: #f7941d;
    color: #FFFFFF;
    content: "\E86B";
    font-family: "fontello";
    font-size: 16px;
    font-weight: normal;
    height: 25px;
    left: -1px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: -1px;
    width: 25px;
}
.skidataTours > .stage > ul > li > ul > li > a:after {
    content: "\E86A";
    font-family: "fontello";
    font-size: 13px;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

.skidataTours > .stage.open > .title:before {
    content: "\E807";
}
.skidataTours > .stage.open > ul {
    display: block;
}

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

    .skidataTours > .intro > .content {
        background-size: 300px auto;
        min-height: 0;
        padding-bottom: 40px;
    }

}

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

    .skidataTours > .intro > .content {
        background-size: 280px auto;
    }
    .skidataTours > .intro > .content > .title {
        width: auto;
    }
    .skidataTours > .intro > .content > .desc {
        padding-right: 130px;
        width: auto;
    }
    .skidataTours > .intro > .content > .regionData {
        bottom: auto;
        left: auto;
        margin: 20px 0 0 0;
        position: relative;
    }
    .skidataTours > .intro > .content > .regionData:after {
        clear: both;
        content: "";
        display: block;
    }
    .skidataTours > .intro > .content > .regionData > div {
        float: left;
    }
    .skidataTours > .intro > .content > .regionData > div.lifts {
        margin: 0 20px 0 0;
    }

}

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

    .skidataTours > .stage > .title {
        padding-left: 60px;
    }
    .skidataTours > .stage > .title:before {
        left: 15px;
    }
    .skidataTours > .stage > ul > li > span.number {
        width: 60px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 {
        width: 60%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title {
        padding-left: 100px;
        width: 55%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title:before {
        left: 60px;
    }
    .skidataTours > .stage > ul > li.lift > .wrapper1 > span.title:before {
        border-width: 2px;
        height: 23px;
        left: 60px;
        width: 23px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.times {
        font-size: 14px;
        width: 20%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.region {
        font-size: 14px;
        width: 25%;
    }
    .skidataTours > .stage > ul > li > .wrapper2 {
        padding: 0 50px 0 0;
        width: 40%;
    }
    .skidataTours > .stage > ul > li > .wrapper2 > span {
        width: 33.33333333333333333333% !important;
    }
    .skidataTours > .stage > ul > li > span.state {
        right: 12px;
    }

}

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

    .skidataTours > .intro {
        position: relative;
    }
    .skidataTours > .intro > .image {
        left: 0;
        position: absolute;
        top: 0;
        width: auto;
        z-index: 1;
    }
    .skidataTours > .intro > .content {
        background-size: 365px auto;
        padding: 280px 20px 20px 20px;
        width: 100%;
    }
    .skidataTours > .intro > .content > .desc {
        padding-right: 0;
    }

}

@media all and (max-width: 800px){
    
    .skidataTours > .stage > ul > li {
        line-height: 1.4;
        padding: 7px 0 7px 0;
    }
    .skidataTours > .stage > ul > li > span.number {
        top: 21px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title {
        display: block;
        padding: 0 5px 0 100px;
        width: 100%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title:before {
        font-size: 18px;
        left: 68px;
        top: 0;
    }
    .skidataTours > .stage > ul > li.lift > .wrapper1 > span.title:before {
        left: 68px;
        top: 0;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.times {
        display: block;
        height: auto;
        padding: 0 0 0 100px;
        width: 100%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.region {
        display: block;
        padding: 0 0 0 100px;
        width: 100%;
    }
    .skidataTours > .stage > ul > li > .wrapper2 > span {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    .skidataTours > .stage > ul > li > .wrapper2 > span.difficulty {
        height: auto;
    }
    .skidataTours > .stage > ul > li > .wrapper2 > span.difficulty:before {
        top: 5px;
    }
    .skidataTours > .stage > ul > li > span.state {
        top: 21px;
    }
    .skidataTours > .stage > ul > li > ul {
        padding-left: 18px;
        padding-top: 10px;
    }

}

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

    .skidataTours > .intro > .content {
        background: 280px auto;
    }

}

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

    .skidataTours > .intro > .image {
        position: relative;
        width: 100%;
    }
    .skidataTours > .intro > .content {
        background: none !important;
        padding-top: 20px;
    }

}

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

    .skidataTours > .intro > .content > .regionData > div {
        float: none;
    }
    .skidataTours > .intro > .content > .regionData > div.lifts {
        margin-bottom: 10px;
    }
    .skidataTours > .intro > .content > .title {
        padding-left: 0;
        padding-top: 40px;
    }

}

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

    .skidataTours > .stage > .title {
        line-height: 1.2;
        padding-bottom: 14px;
        padding-top: 14px;
    }
    .skidataTours > .stage > .title > span {
        display: block;
        margin-left: 0;
        margin-top: 5px;
        padding: 0;
    }
    .skidataTours > .stage > .title > span:before {
        display: none;
    }

}

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

    .skidataTours > .stage > ul > li > span.number {
        font-size: 19px;
        padding-left: 10px;
        text-align: left;
        top: 25px;
        width: 40px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 {
        width: 68%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title:before {
        left: 45px;
    }
    .skidataTours > .stage > ul > li.lift > .wrapper1 > span.title:before {
        left: 45px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title {
        padding-left: 80px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.times {
        padding-left: 80px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.region {
        padding-left: 80px;
    }
    .skidataTours > .stage > ul > li > .wrapper2 {
        float: right;
        padding-right: 42px;
        width: 32%;
    }
    .skidataTours > .stage > ul > li > span.state {
        height: 22px;
        line-height: 22px;
        right: 10px;
        top: 26px;
        width: 22px;
    }
    .skidataTours > .stage > ul > li > span.state:before {
        font-size: 16px;
    }

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

    .skidataTours > .stage > .title {
        padding-left: 50px;
    }
    .skidataTours > .stage > .title:before {
        left: 8px;
        line-height: 28px;
        height: 28px;
        top: 11px;
        width: 28px;
    }
    .skidataTours > .stage > ul > li {
        padding-left: 8px;
    }
    .skidataTours > .stage > ul > li > span.number {
        display: block;
        float: none;
        margin-bottom: 0;
        padding-left: 0;
        position: relative;
        top: auto;
        width: auto;
    }
    .skidataTours > .stage > ul > li > .wrapper1 {
        display: inline;
        float: none;
    }
    .skidataTours > .stage > ul > li > .wrapper2 {
        display: inline;
        float: none;
        padding: 0;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title {
        font-size: 15px;
        margin: 0 0 10px 0;
        overflow: visible;
        padding-left: 0;
        padding-right: 40px;
        position: relative;
        top: 0;
        white-space: normal;
        width: 100%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.title:before {
        font-size: 18px;
        left: 35px;
        top: -24px;
    }
    .skidataTours > .stage > ul > li.lift > .wrapper1 > span.title:before {
        left: 35px;
        top: -26px;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.times {
        float: left;
        padding-left: 0;
        width: 50%;
    }
    .skidataTours > .stage > ul > li > .wrapper1 > span.region {
        float: left;
        padding-left: 0;
        width: 50%;
    }
    .skidataTours > .stage > ul > li > .wrapper2 > span {
        float: left !important;
        width: 50% !important;
    }
    .skidataTours > .stage > ul > li > ul {
        padding-left: 0;
    }
    .skidataTours > .stage > ul > li > span.state {
        right: 8px;
        top: 10px;
    }

}

/* Skidata - Touren - Farben */

.skidataTours .borderColor {
    border-color: #f7941d !important;
}
.skidataTours .actionColor {
    color: #f7941d !important;
}
.skidataTours .backgroundColorBefore:before {
    background: #f7941d !important;
}
.skidataTours .backgroundColorHover:hover {
    background: #f7941d !important;
}
.skidataTours.green {
    border-color: #39b54a !important;
}
.skidataTours.green .borderColor {
    border-color: #39b54a !important;
}
.skidataTours.green .actionColor {
    color: #39b54a !important;
}
.skidataTours.green .backgroundColorBefore:before {
    background: #39b54a !important;
}
.skidataTours.green .backgroundColorHover:hover {
    background: #39b54a !important;
}
.skidataTours.green > .intro > .content {
    background-image: url("/img/skidata/skidata-star-green.png");
}
.skidataTours.green > .intro > .content > .title {
    background-image: url("/img/skidata/skidata-arrow-green.png");
}

/* SkiData - Touren - Teaser */

.skidataToursTeaser {
    background: #f1f1f2;    
    border-top: 2px solid #f7941d;
    padding: 0 0 0 32.5%;
    position: relative;
}
.skidataToursTeaser:after {
    clear: both;
    content: "";
    display: block;
}
.skidataToursTeaser > .image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 32.5%;
}
.skidataToursTeaser > .image > img {
    display: block;
    height: 100%;
    left: 50%;
    position: relative;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.skidataToursTeaser > .content {
    background: url("/img/skidata/skidata-star-teaser.png") no-repeat;
    background-position: right 0 top 0;
    float: left;
    min-height: 290px;
    padding: 36px 30px 0 30px;
    position: relative;
    width: 100%;
}
.skidataToursTeaser > .content > .title {
    color: #f7941d;
    font-family: "PT Sans", sans-serif;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 26px 0;
    text-transform: uppercase;
    width: 175px;
    word-wrap: break-word;
}
.skidataToursTeaser > .content > .desc {
    font-size: 14px;
    line-height: 1.5;
    width: 175px;
}
.skidataToursTeaser > .content > .regionData {
    bottom: 20px;
    left: 215px;
    position: absolute;
    right: 30px;
}
.skidataToursTeaser > .content > .regionData > div {
    padding: 0 0 0 50px;
    position: relative;
}
.skidataToursTeaser > .content > .regionData > div:before {
    content: "\E875";
    font-family: "fontello";
    font-size: 20px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.skidataToursTeaser > .content > .regionData > div.slopes:before {
    padding: 1px 0 0 0;
}
.skidataToursTeaser > .content > .regionData > div > .circle {
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
}
.skidataToursTeaser > .content > .regionData > div > .value {
    color: #8f9497;
    display: block;
    font-size: 14px;    
    line-height: 1;
}
.skidataToursTeaser > .content > .regionData > div > .value > span {
    color: #f7941d;
    font-family: "PT Sans", sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin: 0 3px 0 0;
}
.skidataToursTeaser > .content > .regionData > div > .label {
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 2px 0 0 0;
    word-wrap: break-word;
}
.skidataToursTeaser > .content > .regionData > div.lifts {
    margin: 0 0 18px 0;
}
.skidataToursTeaser > .content > .regionData > div.slopes:before {
    content: "\E877";
}
.skidataToursTeaser > .content > .regionData > a {
    background: #f7941d;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: 900;
    line-height: 40px;
    margin: 18px 0 0 0;
    text-align: center;
    text-transform: uppercase;
}

.skidataToursTeaser.skidataToursTeaserContext {
    padding: 0;
}
.skidataToursTeaser.skidataToursTeaserContext > .content {
    background: url("/img/skidata/skidata-star-teaser.png") no-repeat;
    background-position: right 0 top 0;
    background-size: 235px auto;
    padding-bottom: 20px;
    padding-right: 51%;
    padding-top: 20px;
}
.skidataToursTeaser.skidataToursTeaserContext > .content > .image {
    display: block;
    margin: 0 0 20px 0;
}
.skidataToursTeaser.skidataToursTeaserContext > .content > .image > img {
    display: block;
    width: 100%;
}
.skidataToursTeaser.skidataToursTeaserContext > .content > .title {
    width: auto;
}
.skidataToursTeaser.skidataToursTeaserContext > .content > .desc {
    width: auto;
}
.skidataToursTeaser.skidataToursTeaserContext > .content > .regionData {
    bottom: 20px;
    left: auto;
    position: absolute;
    right: 20px;
    width: 39%;
}

.skidataToursTeaser.green {
    border-top: 2px solid #93b54a;
}
.skidataToursTeaser.green > .content {
    background-image: url("/img/skidata/skidata-star-teaser-green.png")
}
.skidataToursTeaser.green > .content > .title {
    color: #39b54a;
}
.skidataToursTeaser.green > .content > .regionData > div > .value > span {
    color: #39b54a;
}
.skidataToursTeaser.green > .content > .regionData > a {
    background: #39b54a;
}

.skidataToursTeaserGrid {
    height: 295px;
    width: 32.5%;
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext {
    background: #e0e0e1;
    border-top: none;
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > h2 {
    background: #f7941d;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 20px 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content {
    background-size: 184px auto;
    min-height: 263px;
    padding-bottom: 0;
    padding-left: 20px; 
    padding-right: 53%;   
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .image {
    margin-bottom: 5px;
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .desc {
    font-size: 13px;
    line-height: 1.2;
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .regionData {
    width: 43%;
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .regionData > div > .label {
    font-size: 13px;
}
.skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .regionData > a {
    background: #e30613;
    display: inline-block;
    float: right;
    line-height: 30px;
    margin-top: 12px;
    padding: 0 10px 0 10px;
}
.skidataToursTeaserGrid .skidataToursTeaser.green > h2 {
    background: #39b54a;
}
.skidataToursTeaserGrid .owl-controls .owl-pagination {
    bottom: 12px;
    left: 20px;
    position: absolute;
}
.skidataToursTeaserGrid .owl-controls .owl-pagination > div > span {
	background: #2d343e;
    border-radius: 50% !important;
    height: 10px;
    margin: 0 3px;
    opacity: 1;
	width: 10px;
}
.skidataToursTeaserGrid .owl-controls .owl-pagination > div:hover > span, 
.skidataToursTeaserGrid .owl-controls .owl-pagination > div.active > span {
	background: #e30613;
}

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

    .skidataToursTeaser > .content {
        background-size: 180px auto;
    }
    .skidataToursTeaser > .content > .title {
        font-size: 20px;
        line-height: 1.1;
        margin-bottom: 15px;
    }
    .skidataToursTeaser > .content > .regionData {
        right: 20px;
    }

}

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

    .skidataToursTeaser > .content {
        background: none;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .skidataToursTeaser > .content > .title {
        width: auto;
    }
    .skidataToursTeaser > .content > .desc {
        width: auto;
    }
    .skidataToursTeaser > .content > .regionData {
        bottom: auto;
        left: auto;
        margin: 20px 0 0 0;
        position: relative;
        right: auto;
    }

}

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

    .skidataToursTeaserGrid {
        width: 49.25%;
    }
    .skidataToursTeaser {
        padding-left: 0;
    }
    .skidataToursTeaser > .image {
        height: 160px;
        width: auto;
        z-index: 1;
    }
    .skidataToursTeaser > .image > img {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
    .skidataToursTeaser > .content {
        background: url("/img/skidata/skidata-star-teaser.png") no-repeat;
        background-position: right 0 top 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 180px;
    }

}

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

    .skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content {
        background-size: 140px auto;
        padding-right: 50%;
    }
    .skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .regionData {
        width: 40%;
    }

}

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

    .skidataToursTeaserGrid {
        height: auto;
        width: 100%;
    }
    .skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content {
        min-height: auto;
        padding-bottom: 40px;
    }

}

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

    .skidataToursTeaser > .image {        
        width: 100%;
    }
    .skidataToursTeaser > .image > img {
        height: auto;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 100%;
    }
    .skidataToursTeaser > .content {
        background: none;
    }
    .skidataToursTeaser.skidataToursTeaserContext > .content {
        background: none;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
    }
    .skidataToursTeaser.skidataToursTeaserContext > .content > .image {
        margin: 0 -20px 20px -20px;
    }
    .skidataToursTeaser.skidataToursTeaserContext > .content > .regionData {
        bottom: 0;
        left: 0;
        position: relative;
        right: 0;
        width: 100%;
    }
    .skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .image {
        margin-right: 0;
    }
    .skidataToursTeaserGrid .skidataToursTeaser.skidataToursTeaserContext > .content > .regionData {
        bottom: 20px;
        left: auto;
        position: absolute;
        right: 20px;
    }

}

/* SkiData - Verbindung */

.skidataConnection + .cmsText,
.skidataConnection + .cmsList {
	border: 2px solid #F1F1F2;
	margin-top: -27px;
	padding: 5px 10px;
}
.skidataConnection > div {
	background: #F1F1F2;
	border: 2px solid #F1F1F2;
	display: table;
	width: 100%;
}
.skidataConnection > div > .row:after {
	clear: both;
	content: "";
	display: block;
}
.skidataConnection > div > .row > .column {
	padding: 8px 10px;
	line-height: 1.4;
}
.skidataConnection > div > .row > .column.label {
	float: left;
	width: 50%;
}
.skidataConnection > div > .row > .column.value {
	float: left;
	text-align: right;
	width: 50%;
}
.skidataConnection > div > .row > .column.label,
.skidataConnection > div > .row > .column.label > a {
	font-weight: bold;
}

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

	.skidataConnection > div > .row {
		padding: 8px 10px;
	}
	.skidataConnection > div > .row > .column {
		padding: 0;
	}
	.skidataConnection > div > .row > .column.label,
	.skidataConnection > div > .row > .column.value {
		border-right: 0 none !important;
		float: none;
		width: 100%;
	}
	.skidataConnection > div > .row > .column.label {
		margin: 0 0 5px;
	}
	.skidataConnection > div > .row > .column.value {
		text-align: left;
	}

}

/* SkiData - Webcams */

.skidataWebcams > ul:after {
	content: "";
	clear: both;
	display: block;
}
.skidataWebcams > ul li {
	float: left;
	height: 180px;
	margin: 0 3.03030303030303% 3.03030303030303% 0; /* 0 20 20 0 */
	overflow: hidden;
	position: relative;
	width: 48.484848484848484%; /* 320 */
}
.skidataWebcams > ul li:nth-child(2n) {
	margin-right: 0;
}
.skidataWebcams > ul li:nth-child(2n) + li {
	clear: left;
}
.skidataWebcams > ul li > p.town {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	left: 0;
	line-height: 1.2;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	top: 0;
	z-index: 2;
}
.skidataWebcams > ul li > a:before {
	background: #000000;
	background: rgba(0, 0, 0, 0.8);
	bottom: 0;
	content: "";
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	-ms-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	z-index: 1;
}
.skidataWebcams > ul li:hover > a:before {
	opacity: 1;
}
.skidataWebcams > ul li > a > img {
	background: #F1F2F2;
	display: block;
	height: 100%;
	text-align: center;
	text-indent: -9999px;
	-moz-transform: scale(1) rotate(0);
	-webkit-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	vertical-align: middle;
	width: 100%;
}
.skidataWebcams > ul li:hover > a > img {
	-moz-transform: scale(1.4) rotate(-5deg);
	-webkit-transform: scale(1.4) rotate(-5deg);
	-o-transform: scale(1.4) rotate(-5deg);
	-ms-transform: scale(1.4) rotate(-5deg);
	transform: scale(1.4) rotate(-5deg);
}
.skidataWebcams > ul li > p.title {
	bottom: -80px;
	color: #FFFFFF;
	left: 0;
	line-height: 1.4;
	padding: 10px 20px;
	position: absolute;
	right: 0;
	text-align: right;
	-webkit-transition: bottom 200ms ease-in-out;
	-moz-transition: bottom 200ms ease-in-out;
	-ms-transition: bottom 200ms ease-in-out;
	-o-transition: bottom 200ms ease-in-out;
	transition: bottom 200ms ease-in-out;
	z-index: 2;
}
.skidataWebcams > ul li:hover > p.title {
	bottom: 0;
}
.skidataWebcams > ul li > p.title > a {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.skidataWebcams > ul li > p.title > span {
	display: block;
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.skidataWebcamsSlider {
	margin-left: -5px;
	margin-right: -5px;
}
.skidataWebcamsSlider > .owl-carousel .owl-item {
	padding-left: 5px;
	padding-right: 5px;
}
.skidataWebcamsSlider > .owl-carousel .owl-item li {
	width: 100%;	
}

.skidataWebcamsSlider .owl-carousel .owl-controls {
	margin-top: 0;
}
.skidataWebcamsSlider .owl-carousel .owl-controls .owl-pagination > div > span {
	background: #2d343e;
	border-radius: 50% !important;
	height: 10px;
	margin-left: 3px;
	margin-right: 3px;
	opacity: 1;
	width: 10px;
}
.skidataWebcamsSlider .owl-carousel .owl-controls .owl-pagination > div:hover > span, 
.skidataWebcamsSlider .owl-carousel .owl-controls .owl-pagination > div.active > span {
	background: #e30613;
}

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

	.skidataWebcams > ul li {
		float: none !important;
		height: auto !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

}

/* SkiData - Webcams (Mobile) */

.mskidataWebcams {
	margin: 10px 0;
}
.mskidataWebcams.animated {
	visibility: hidden;
}
.mskidataWebcams > p {
	background: #E3E4E5;
	cursor: pointer;
	padding: 20px;
	position: relative;
}
.mskidataWebcams > p:hover,
.mskidataWebcams > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
.mskidataWebcams > p:before {
	content: "\E805";
	font-family: 'fontello';
	font-size: 32px;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 20px;
	top: 22px;
	width: 29px;
}
.mskidataWebcams > p.contentShow:before {
	content: "\E807";
}
.mskidataWebcams > p:after {
	clear: both;
	content: "";
	display: block;
}
.mskidataWebcams > p > span.icon {
	display: block;
	float: left;
	height: 60px;
	margin: 0 10px 0 0;
	text-align: center;
	width: 60px;
}
.mskidataWebcams > p > span.icon:before {
	content: "\E847";
	font-family: "fontello";
	font-size: 45px;
	font-weight: normal;
	line-height: 60px;
}
.mskidataWebcams > p > span.value,
.mskidataWebcams > p > span.label {
	display: block;
	line-height: 1.3;
}
.mskidataWebcams > p > span.value {
	display: block;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataWebcams > p > span.value > span {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.mskidataWebcams > p > span.label {
	display: block;
	font-size: 14px;
	margin: 6px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataWebcams > p > span.bar {
	background: #FFFFFF;
	display: block;
	height: 15px;
	margin: 20px 50px 0 0;
	position: relative;
}
.mskidataWebcams > p > span.bar > span {
	background: #B1CA35;
	height: 15px;
	left: 0;
	max-width: 0;
	position: absolute;
	top: 0;
	-webkit-transition: width 500ms ease-in 1500ms;
	-moz-transition: width 500ms ease-in 1500ms;
	-ms-transition: width 500ms ease-in 1500ms;
	-o-transition: width 500ms ease-in 1500ms;
	transition: width 500ms ease-in 1500ms;
	width: 0;
}
.mskidataWebcams.animated > p > span.bar > span {
	width: 100%;
}
.mskidataWebcams > p > span.percents {
	bottom: 20px;
	font-size: 14px;
	height: 15px;
	line-height: 1;
	position: absolute;
	right: 20px;
	text-align: right;
	width: 50px;
}
.mskidataWebcams > .list {
	display: none;
}
.mskidataWebcams > p.contentShow + .list {
	display: block;
}
.mskidataWebcams > .list > div {
	margin: 5px 0;
}
.mskidataWebcams .skidataWebcams > ul li {
	float: none;
	margin-right: 0;
	width: 100%;
}
.mskidataWebcams .owl-controls {
	margin-top: 0;
	text-align: center;
}
.mskidataWebcams .owl-controls .owl-pagination > div > span {
	background: #034E8D;
	border-radius: 10px !important;
	font-weight: bold;
	margin: 0 3px;
	opacity: 1 !important;
}
.mskidataWebcams .owl-controls .owl-pagination > div:hover > span,
.mskidataWebcams .owl-controls .owl-pagination > div.active > span {
	background: #E30613;
}

/* SkiData - Webcams (gesamte Breite) */

body.entirewidth .skidataWebcams > ul > li {
	margin: 0 1.666666666666667% 1.666666666666667% 0; /* 0 20 20 0 */
	width: 23.75%; /* 285 */
}
body.entirewidth .skidataWebcams > ul > li:nth-child(4n) {
	margin-right: 0;
}
body.entirewidth .skidataWebcams > ul > li:nth-child(2n) + li {
	clear: none;
}

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

	body.entirewidth .skidataWebcams > ul > li {
		margin: 0 4% 4% 0;
		width: 48%;
	}
	body.entirewidth .skidataWebcams > ul > li:nth-child(3n) {
		margin-right: 4%;
	}
	body.entirewidth .skidataWebcams > ul > li:nth-child(3n) + li {
		clear: none;
	}
	body.entirewidth .skidataWebcams > ul > li:nth-child(2n) {
		margin-right: 0;
	}
	body.entirewidth .skidataWebcams > ul > li:nth-child(2n) + li {
		clear: left;
	}

}

/* SkiData - Webcam Feratel */

.webcamDetail > div.feratel {
	height: 0;
	overflow: hidden;
	padding: 30px 0 68% 0;
	position: relative;
}
.webcamDetail > div > img {
	display: block;
	width: 100%;
}
.webcamDetail > div.feratel > iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

body.entirewidth .webcamDetail > div.feratel {
	padding-bottom: 56.25%;
}

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

	body.entirewidth .webcamDetail > div.feratel {
		padding-bottom: 66.35%;
	}

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

	.webcamDetail > div.feratel {
		padding-bottom: 72%;
	}

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

	.webcamDetail > div.feratel {
		padding-bottom: 56.25%;
	}
	body.entirewidth .webcamDetail > div.feratel {
		padding-bottom: 56.25%;
	}

}

/* SkiData - Wetter */

.skidataWeather:after {
	clear: both;
	content: "";
	display: block;
}
.skidataWeather > h3 {
	clear: both;
	color: #E30613;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
	text-transform: uppercase;
}
.skidataWeather > p {
	text-align: center;
}
.skidataWeather > div {
	background: #F1F1F2;
	float: left;
	margin: 0 2% 30px 0;
	min-height: 220px;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 32%;
}
.skidataWeather > div:nth-of-type(3n) {
	margin-right: 0;
}
.skidataWeather > div + p {
	clear: both;
	content: "";
	display: block;
}
.skidataWeather > div > div.icon {
	background: url("/img/weather/weather.png") scroll no-repeat center 0;
	background-size: 80px 2080px;
	float: left;
	height: 80px;
	margin: 0 15px 15px 0;
	text-align: center;
	width: 100%;
}
.skidataWeather > div > div.icona,
.skidataWeather > div > div.iconA {
	background-position: center 0;
}
.skidataWeather > div > div.iconb,
.skidataWeather > div > div.iconB {
	background-position: center -80px;
}
.skidataWeather > div > div.iconc,
.skidataWeather > div > div.iconC {
	background-position: center -160px;
}
.skidataWeather > div > div.icond,
.skidataWeather > div > div.iconD {
	background-position: center -240px;
}
.skidataWeather > div > div.icone,
.skidataWeather > div > div.iconE {
	background-position: center -320px;
}
.skidataWeather > div > div.iconf,
.skidataWeather > div > div.iconF {
	background-position: center -400px;
}
.skidataWeather > div > div.icong,
.skidataWeather > div > div.iconG {
	background-position: center -480px;
}
.skidataWeather > div > div.iconh,
.skidataWeather > div > div.iconH {
	background-position: center -560px;
}
.skidataWeather > div > div.iconi,
.skidataWeather > div > div.iconI {
	background-position: center -640px;
}
.skidataWeather > div > div.iconj,
.skidataWeather > div > div.iconJ {
	background-position: center -720px;
}
.skidataWeather > div > div.iconk,
.skidataWeather > div > div.iconK {
	background-position: center -800px;
}
.skidataWeather > div > div.iconl,
.skidataWeather > div > div.iconL {
	background-position: center -880px;
}
.skidataWeather > div > div.iconm,
.skidataWeather > div > div.iconM {
	background-position: center -960px;
}
.skidataWeather > div > div.iconn,
.skidataWeather > div > div.iconN {
	background-position: center -1040px;
}
.skidataWeather > div > div.icono,
.skidataWeather > div > div.iconO {
	background-position: center -1120px;
}
.skidataWeather > div > div.iconp,
.skidataWeather > div > div.iconP {
	background-position: center -1200px;
}
.skidataWeather > div > div.iconq,
.skidataWeather > div > div.iconQ {
	background-position: center -1280px;
}
.skidataWeather > div > div.iconr,
.skidataWeather > div > div.iconR {
	background-position: center -1360px;
}
.skidataWeather > div > div.icons,
.skidataWeather > div > div.iconS {
	background-position: center -1440px;
}
.skidataWeather > div > div.icont,
.skidataWeather > div > div.iconT {
	background-position: center -1520px;
}
.skidataWeather > div > div.iconu,
.skidataWeather > div > div.iconU {
	background-position: center -1600px;
}
.skidataWeather > div > div.iconv,
.skidataWeather > div > div.iconV {
	background-position: center -1680px;
}
.skidataWeather > div > div.iconw,
.skidataWeather > div > div.iconW {
	background-position: center -1760px;
}
.skidataWeather > div > div.iconx,
.skidataWeather > div > div.iconX {
	background-position: center -1840px;
}
.skidataWeather > div > div.icony,
.skidataWeather > div > div.iconY {
	background-position: center -1920px;
}
.skidataWeather > div > div.iconz,
.skidataWeather > div > div.iconZ {
	background-position: center -2000px;
}
.skidataWeather > div > p.title {
	font-size: 14px;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.skidataWeather > div > p.title,
.skidataWeather > div > p.temp > span {
	font-weight: bold;
}
.skidataWeather > div > p.text {
	clear: both;
	line-height: 1.2;
	margin-bottom: 0;
}
.skidataWeather > p {
	margin: 0 0 20px;
}
.skidataWeather > figcaption {
	clear: both;
}

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

	.skidataWeather > div {
		float: none;
		margin-bottom: 10px;
		margin-right: 0;
		min-height: 0;
		width: 100%;
	}

}

/* SkiData - Wetter (Mobile) */

.mskidataWeather {
	margin: 10px 0;
}
.mskidataWeather.animated {
	visibility: hidden;
}
.mskidataWeather > .preview {
	background: #E3E4E5;
	cursor: pointer;
	padding: 15px 10px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.mskidataWeather > .preview:hover,
.mskidataWeather > .preview.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
.mskidataWeather > .preview:after {
	clear: both;
	content: "";
	display: block;
}
.mskidataWeather > .preview > p {
	float: left;
	width: 33.33333%;
}
.mskidataWeather > .preview > p > span {
	display: block;
}
.mskidataWeather > .preview > p > span.headline {
	text-align: center;
}
.mskidataWeather > .preview > p > span.icon {
	height: 60px;
	text-align: center;
}
.mskidataWeather > .preview > p > span.icon:before {
	content: "\E83F";
	font-family: "fontello";
	font-size: 45px;
	font-weight: normal;
	line-height: 60px;
}
.mskidataWeather > .preview > p > span.icona:before,
.mskidataWeather > .preview > p > span.iconb:before,
.mskidataWeather > .preview > p > span.iconA:before,
.mskidataWeather > .preview > p > span.iconB:before {
	content: "\E849";
}
.mskidataWeather > .preview > p > span.iconc:before,
.mskidataWeather > .preview > p > span.icond:before,
.mskidataWeather > .preview > p > span.iconf:before,
.mskidataWeather > .preview > p > span.iconC:before,
.mskidataWeather > .preview > p > span.iconD:before,
.mskidataWeather > .preview > p > span.iconF:before {
	content: "\E84A";
}
.mskidataWeather > .preview > p > span.icone:before,
.mskidataWeather > .preview > p > span.iconk:before,
.mskidataWeather > .preview > p > span.icons:before,
.mskidataWeather > .preview > p > span.icont:before,
.mskidataWeather > .preview > p > span.iconE:before,
.mskidataWeather > .preview > p > span.iconK:before,
.mskidataWeather > .preview > p > span.iconS:before,
.mskidataWeather > .preview > p > span.iconT:before {
	content: "\E856";
}
.mskidataWeather > .preview > p > span.icong:before,
.mskidataWeather > .preview > p > span.iconh:before,
.mskidataWeather > .preview > p > span.iconi:before,
.mskidataWeather > .preview > p > span.iconj:before,
.mskidataWeather > .preview > p > span.iconG:before,
.mskidataWeather > .preview > p > span.iconH:before,
.mskidataWeather > .preview > p > span.iconI:before,
.mskidataWeather > .preview > p > span.iconJ:before {
	content: "\E84D";
}
.mskidataWeather > .preview > p > span.iconl:before,
.mskidataWeather > .preview > p > span.iconm:before,
.mskidataWeather > .preview > p > span.iconn:before,
.mskidataWeather > .preview > p > span.iconL:before,
.mskidataWeather > .preview > p > span.iconM:before,
.mskidataWeather > .preview > p > span.iconN:before {
	content: "\E84F";
}
.mskidataWeather > .preview > p > span.icono:before,
.mskidataWeather > .preview > p > span.iconp:before,
.mskidataWeather > .preview > p > span.iconO:before,
.mskidataWeather > .preview > p > span.iconP:before {
	content: "\E84F";
}
.mskidataWeather > .preview > p > span.iconq:before,
.mskidataWeather > .preview > p > span.iconr:before,
.mskidataWeather > .preview > p > span.iconx:before,
.mskidataWeather > .preview > p > span.iconQ:before,
.mskidataWeather > .preview > p > span.iconR:before,
.mskidataWeather > .preview > p > span.iconX:before {
	content: "\E84E";
}
.mskidataWeather > .preview > p > span.iconu:before,
.mskidataWeather > .preview > p > span.iconU:before {
	content: "\E84D";
}
.mskidataWeather > .preview > p > span.iconv:before,
.mskidataWeather > .preview > p > span.iconw:before,
.mskidataWeather > .preview > p > span.iconV:before,
.mskidataWeather > .preview > p > span.iconW:before {
	content: "\E857";
}
.mskidataWeather > .preview > p > span.icony:before,
.mskidataWeather > .preview > p > span.iconz:before,
.mskidataWeather > .preview > p > span.iconY:before,
.mskidataWeather > .preview > p > span.iconZ:before {
	content: "\E855";
}
.mskidataWeather > .preview > p > span.value,
.mskidataWeather > .preview > p > span.label {
	line-height: 1.3;
}
.mskidataWeather > .preview > p > span.value {
	font-size: 16px;
	margin: 0 0 4px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataWeather > .preview > p > span.value > span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}
.mskidataWeather > .preview > p > span.label {
	font-size: 14px;
	padding: 0 5px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mskidataWeather > .list {
	display: none;
}
.mskidataWeather > .preview.contentShow + .list {
	display: block;
}
.mskidataWeather > .list > div {
	margin: 5px 0;
}

/* Extension - Packageslider */

.packageTeaser {
    background: #f1f1f2 none repeat scroll 0 0;
    overflow: hidden;
    padding: 20px;
}
.packageTeaser > h3 {
    background: #8f9497 none repeat scroll 0 0;
    color: #ffffff;
    font-weight: bold;
    margin: -20px -20px 20px;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
}
.packageTeaser > h3:before {
    background: #8f9497 none repeat scroll 0 0;
    content: "";
    height: 50px;
    position: absolute;
    right: 50px;
    top: 0;
    -ms-transform: skewX(-50deg) skewY(10deg);
    -moz-transform: skewX(-50deg) skewY(10deg);
    -o-transform: skewX(-50deg) skewY(10deg);
    -webkit-transform: skewX(-50deg) skewY(10deg);
    transform: skewX(-50deg) skewY(10deg);
    width: 130px;
    z-index: 1;
}
.packageTeaser > h3 > span {
    position: relative;
    z-index: 2;
}
.packageTeaser > div {
	background: #FFFFFF;
	display: none;
	margin: 35px 0 0 0;
}
.packageTeaser > div div.owl-item > div > div > a {    
	color: #e30613;
    display: block;
    font-family: "PT Sans",sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
.packageTeaser > div div.owl-item > div > div > div.image {
	display: block;
	float: left;
	margin: 0 20px 10px 0;
	max-width: 45%;
	position: relative;
}
.packageTeaser > div div.owl-item > div > div > div.image > img {
	display: block;
	width: 100%;	
	max-height:120px;	
}
.packageTeaser > div div.owl-item > div > div > div.image > div.price {    
	background: rgba(3, 78, 141, 0.8) none repeat scroll 0 0;
	bottom: 0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 9px;
    position: absolute;	
    right: 0;
}

.packageTeaser > div div.owl-item > div > div > div.image > div.price > span {
	font-weight: bold;
}
.packageTeaser > div div.owl-item > div > div > div.image > div.price > span {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	opacity: 1;
}
.packageTeaser > div div.owl-item > div > div > div.image > div.price > span:before {
	display: none;
}
.packageTeaser > div div.owl-item > div {
	line-height: 1.5;
}
.packageTeaser > div div.owl-item > div > div {
	padding: 15px;
}
.packageTeaser > div div.owl-item > div > div > div > div.hotel {
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 5px 0;
	opacity: 0.8;
}
.packageTeaser > div div.owl-item > div > div > div > div.price {    
	display: block;
	font-size: 12px;
}
.packageTeaser > div div.owl-item > div > div > div > div.price > span {    
	color: #e30613;
	font-size: 18px;
    font-weight: bold;
}
.packageTeaser > div div.owl-item > div > div > div > span {
	display: block;
}
.packageTeaser > div div.owl-item > div > ul {
	background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    bottom: -120%;
    color: #ffffff;
    height: 100%;
    padding: 20px;
    position: absolute;
    -o-transition: bottom 500ms ease 0s;
    -moz-transition: bottom 500ms ease 0s;
    -ms-transition: bottom 500ms ease 0s;
    -webkit-transition: bottom 500ms ease 0s;
    transition: bottom 500ms ease 0s;
    width: 100%;
}
.packageTeaser > div div.owl-item > div:hover > ul {    
	bottom: 0;
}
.packageTeaser > div div.owl-item > div > ul> li.rule {    
	font-size: 0.9em;
	margin: 5px 0 0 0;
    opacity: 0.5;
}
.packageTeaser > div div.owl-item > div > ul> li.buttons > a {
	background: #e30613 none repeat scroll 0 0;
    bottom: 20px;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px;
    padding: 0 20px;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
}
.packageTeaser > div .owl-controls {    
	bottom: -45px;
    left: -3px;
    margin: 0 202px 0 0;
    position: absolute;
    right: 0;
    text-align: left;
}
.packageTeaser > div .owl-controls .owl-pagination > div > span {
    background: #034e8d none repeat scroll 0 0;
    border-radius: 0 !important;
    font-weight: bold;
    margin: 0 3px;
    opacity: 1 !important;
}
.packageTeaser > div .owl-controls .owl-pagination > div:hover > span:hover,
.packageTeaser > div .owl-controls .owl-pagination > div.active > span {
	background: #e30613;
}
.packageTeaser > a {
	background: #034E8D;
	color: #FFFFFF;
	float: right;
	font-weight: bold;
	line-height: 40px;
	margin: 10px 0 0 0;
	padding: 0 20px;
	text-transform: uppercase;
	-o-transition: background 200ms ease-in 0s;
	-ms-transition: background 200ms ease-in 0s;
	-moz-transition: background 200ms ease-in 0s;
	-webkit-transition: background 200ms ease-in 0s;
	transition: background 200ms ease-in 0s;
}
.packageTeaser > a:hover {
	background: #e30613;
}

body.summer .packageTeaser > div div.owl-item > div > div > div.image > div.price { 
	background: rgba(109,152,21, 0.8) none repeat scroll 0 0;
}
body.summer .packageTeaser > div .owl-controls .owl-pagination > div > span {
	background: #6d9815;
}
body.summer .packageTeaser > div .owl-controls .owl-pagination > div:hover > span:hover,
body.summer .packageTeaser > div .owl-controls .owl-pagination > div.active > span {
	background: #e30613;
}
body.summer .packageTeaser > a {
	background: #6d9815;
	color: #FFFFFF;
}
body.summer .packageTeaser > a:hover {
	background: #e30613;
}

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

	.packageTeaser > div .owl-controls {
		display: none !important;
	}

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

	.packageTeaser > div div.owl-item > div > div > div.image {
		display: none;
	}
	
}

/* Extension - Sommer - Edition */

/* Micado Ext. - Cookie Message */

body.summer .pageCookie {
	background: #B1CA35;
}
body.summer .pageCookie > a {
	color: #FFFFFF;
}
body.summer .pageCookie > .button:before {
	color: #B1CA35;
}

/* Extension - Banner - SkiMap */

body.summer .bannerSkiMap > a {
	color: #FFFFFF;
}
body.summer .bannerSkiMap > a:hover {
	background: #6D9815;
	color: #FFFFFF;
}
body.summer .bannerSkiMap > a:hover:before {
	color: #6D9815;
}

/* Extension - Incert - Gutscheine (Kontext) */

body.summer .incertVouchers > div div > p > a:hover {
	color: #6D9815;
}
body.summer .incertVouchers > a {
	background: #6D9815;
	color: #FFFFFF;
}
body.summer .incertVouchers > a:hover {
	background: #E30613;
}
body.summer .incertVouchers > div .owl-controls .owl-pagination > div > span {
	background: #6D9815;
}
body.summer .incertVouchers > div .owl-controls .owl-pagination > div:hover > span, 
body.summer .incertVouchers > div .owl-controls .owl-pagination > div.active > span {
	background: #E30613;
}

/* Extension - Google Earth */

body.summer .googleEarth > a {
	color: #FFFFFF;
}
body.summer .googleEarth > a:hover {
	background: #6D9815;
}
body.summer .googleEarth > a:hover:before {
	color: #6D9815;
}

/* Extension - Sitemap */

body.summer ul.sitemap > li > a {
	color: #B1CA35
}
body.summer ul.sitemap > li > a:hover,
body.summer ul.sitemap > li > a.selected {
	color: #E30613;
}

/* Extension - Suchergebnisse */

/* Formular */

body.summer .searchList form > .row > button {
	background: #6D9815;
}
body.summer .searchList form > .row > button:hover {
	background: #E30613;
}

/* SkiData - Hütten & Bergrestaurants */

body.summer .skidataCatering > div > article > figure > figcaption > a:hover {
	color: #6D9815;
}
body.summer .skidataCatering > div > article > figure > figcaption > p > span.number {
	background: #6D9815;
}
body.summer .skidataCatering > div > article > figure > figcaption > p > a {
	background: #6D9815;
	color: #FFFFFF;
}
body.summer .skidataCatering > div > article > figure > figcaption > p > a:hover {
	background: #E30613;
}

/* SkiData - Hütten & Bergrestaurants (Detail) */

body.summer .skidataCateringDetail > h1 > span.number {
	background: #6D9815;
}

/* SkiData - Liftstatus (Mobile) */

body.summer .mskidataLifts > p:hover,
body.summer .mskidataLifts > p.contentShow,
body.summer .mskidataLifts > .list > .entry > p:hover,
body.summer .mskidataLifts > .list > .entry > p.contentShow {
	background: #6D9815;
}

/* SkiData - Pistenstatus (Mobile) */

body.summer .mskidataPiste > p:hover,
body.summer .mskidataPiste > p.contentShow,
body.summer .mskidataPiste > .list > .entry > p:hover,
body.summer .mskidataPiste > .list > .entry > p.contentShow {
	background: #6D9815;
}

/* SkiData - Schneebericht (Mobile) */

body.summer .mskidataSnowreport > p:hover,
body.summer .mskidataSnowreport > p.contentShow {
	background: #6D9815;
}

/* SkiData - Tarife */

body.summer .skidataTariffs > div > .row:hover > .column {
	background: #6D9815 !important;
}

/* SkiData - Webcams (Mobile) */

body.summer .mskidataWebcams > p:hover,
body.summer .mskidataWebcams > p.contentShow {
	background: #6D9815;
}
body.summer .mskidataWebcams .owl-controls .owl-pagination > div > span {
	background: #6D9815;
}
body.summer .mskidataWebcams .owl-controls .owl-pagination > div:hover > span,
body.summer .mskidataWebcams .owl-controls .owl-pagination > div.active > span {
	background: #E30613;
}

/* SkiData - Wetter (Mobile) */

body.summer .mskidataWeather > .preview:hover,
body.summer .mskidataWeather > .preview.contentShow {
	background: #6D9815;
}

/* SkiData - Schneebericht (Kontext) */

body.summer .skidataContextSnowreport > h3 {
	background: #6D9815;
}
body.summer .skidataContextSnowreport > h3:before {
	background: #6D9815;
}
body.summer .skidataContextSnowreport > div > .snowquality > p {
	color: #6D9815;
}
body.summer .skidataContextSnowreport > div > a:hover {
	background: #6D9815;
	color: #FFFFFF;
}
body.summer .skidataContextSnowreport > div > a:hover:before {
	color: #6D9815;
}

/* SkiData - Tarifrechner */

body.summer .skidataTariffCalc > form > .row > .calicon {
	background: #6D9815;
}

/* SkiData - Widget Generator (Lift- & Pisten., etc.) */

body.summer .skidataWidgetGen > form > .button > input {
	background: #6D9815;
}
body.summer .skidataWidgetGen > form > .button > input:hover {
	background: #E30613;
}

/* Extension - Countdown (Kontext) */

body.summer .cmsCountdown > h3 {
	background: #E30613;
}
body.summer .cmsCountdown > h3:before {
	background: #E30613;
}
body.summer .cmsCountdown > a {
	background: #E30613;
	color: #FFFFFF;
}
body.summer .cmsCountdown > a:hover {
	background: #034E8D;
}

/* Extension - FlixBus */

.cmsFlixBus {
    text-align: center;
    width: 100%;
}

/* Extension - Panorama */

.cmsPanorama {   
	cursor: pointer;
	display: block;
	height: 300px;
	overflow: hidden;
    position: relative;
}
.cmsPanorama > span {
    background: #e30613 none repeat scroll 0 0;
    color: #ffffff;
    font-family: "PT Sans",sans-serif;
    font-weight: bold;
    line-height: 40px;
    padding: 0 10px;
    position: absolute;
    right: -54px;
    text-align: center;
    text-transform: uppercase;
    top: 25px;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 200px;
    z-index: 15;
}
.cmsPanorama > img {
    -webkit-animation: panormaAnimation 6s linear infinite; /* Chrome, Safari, Opera */
    animation: panormaAnimation 6s linear infinite;
    display: block;
    left: -15%;
    position: absolute;
    top: -15%;
    min-width: 650px;
    width: 130%;
}
.cmsPanorama > img.summer {
	display: none;
}
.cmsPanorama > div {
    background: rgba(255, 255, 255, 0.7);
    bottom: 30px;
    display: block;
    left: 30px;
    line-height: 1.2;
    padding: 40px 0 0 0;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;
    z-index: 10;
}
.cmsPanorama > div:before {
    color: #034e8d;
    content: "\E806";
    font-family: fontello;
    font-size: 36px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}
.cmsPanorama > div:after {
    color: #034e8d;
    content: "\E808";
    font-family: fontello;
    font-size: 36px;
	right: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}
.cmsPanorama > div > p {
    font-size: 20px;
    font-weight: normal;
    margin: 0 auto 0 auto;
    max-width: 260px;
    text-transform: uppercase;
	
}
.cmsPanorama > div > .title {
    color: #034e8d;
    font-size: 28px;
    font-weight: bold;
    margin: 0 auto 15px auto;
}
.cmsPanorama > div > p.info {
    color: #034e8d;
    font-weight: bold;
    line-height: 1;
    margin: 0 auto 25px auto;
    position: relative;
    text-transform: none;
}
.cmsPanorama > div > p.info:before {
    color: #bbc1c8;
    content: "\E861";
    font-family: fontello;
    font-size: 42px;
    left: 50%;
    position: absolute;
    top: 16px;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.cmsPanorama > div > p.info > span {
	display: block;
    font-size: 32px;
    margin: 0 0 -6px 0;
}
.cmsPanorama > div > p.info > span:after {
	content: '°';
	position: absolute;
}
body.summer .cmsPanorama > img.winter {
	display: none;
}
body.summer .cmsPanorama > img.summer {
	display: block;
}
body.summer .cmsPanorama > div > .title {
	color: #6D9815;
}
body.summer .cmsPanorama > div:before {
	color: #6D9815;
}
body.summer .cmsPanorama > div:after {
	color: #6D9815;
}
body.summer .cmsPanorama > div > p.info {
	color: #6D9815;
}

.cmsPanorama.cmsPanoramaGrid {
    height: 295px;
    width: 32.5%;
}
.cmsPanorama.cmsPanoramaGrid > div {
    bottom: 20px;
    left: 20px;
    padding-top: 70px;
    right: 20px;
    top: 20px;
}
.cmsPanorama.cmsPanoramaGrid > div > .title {
    font-size: 21px;
    text-transform: none;
}
.cmsPanorama.cmsPanoramaGrid > div > p {
    font-size: 15px;
    font-weight: bold;
    text-transform: none;
}
.cmsPanorama.cmsPanoramaGrid > div > .title {
    margin-bottom: 5px;
}
.cmsPanorama.cmsPanoramaGrid > div:before {
    color: #e50000;
    content: "\E871";
    font-family: fontello;
    font-size: 30px;
}
.cmsPanorama.cmsPanoramaGrid > div:after {
    color: #e50000;
    content: "\E872";
    font-family: fontello;
    font-size: 30px;
}

@keyframes panormaAnimation
{
	0% {		
		left: -15%;
		top: -15%;
	}
	20% {		
		left: -10%;
		top: -15%;
	}
	40% {		
		left: -5%;
		top: -15%;
	}
	60% {		
		left: -10%;
		top: -15%;
	}
	80% {		
		left: -15%;
		top: -15%;
	}
	90% {		
		left: -17.5%;
		top: -15%;
	}
	100% {		
		left: -15%;
		top: -15%;
	}
}

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

    .cmsPanorama.cmsPanoramaGrid {
        width: 49.25%;
    }

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

	.cmsPanorama > div > .title {
		font-size: 24px;
	}
	.cmsPanorama > div > p {
		font-size: 18px;
		max-width: 230px;
	}

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

    .cmsPanorama.cmsPanoramaGrid {
        width: 100%;
    }

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

	.cmsPanorama > div {
		bottom: 15px;
		height: 260px;
		left: 15px;
		right: 15px;
		top: 15px;
	}
	.cmsPanorama > div:before {
		left: 10px;
		font-size: 28px;
	}
	.cmsPanorama > div:after {
		font-size: 28px;
		right: 10px;
	}
	.cmsPanorama > div > p {
		font-size: 18px;
		max-width: 210px;
	}
	.cmsPanorama > div > .title {
		font-size: 22px;
	}

}

/* Extension - Störer - SuperSkiWochen */

.stoererSSW {
    background: #f1f1f2 url("/img/layout/ssw-ski.png") no-repeat scroll left 0 bottom 15px;
    overflow: hidden;
    padding: 20px;
}
.stoererSSW > h3 {
    background: #8f9497;
    color: #ffffff;
    font-weight: bold;
    margin: -20px -20px 20px;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
}
.stoererSSW > h3:before {
    background: #8f9497 none repeat scroll 0 0;
    content: "";
    height: 50px;
    position: absolute;
    right: 50px;
    top: 0;
    -ms-transform: skewX(-50deg) skewY(10deg);
    -moz-transform: skewX(-50deg) skewY(10deg);
    -o-transform: skewX(-50deg) skewY(10deg);
    -webkit-transform: skewX(-50deg) skewY(10deg);
    transform: skewX(-50deg) skewY(10deg);
    width: 130px;
    z-index: 1;
}
.stoererSSW > h3 > span {
    position: relative;
    z-index: 2;
}
.stoererSSW > .request {
    float: right;
    padding: 25px 0 0 0;
    text-align: right;
}
.stoererSSW > .request > span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}
.stoererSSW > .request > a {
    background: #e30613;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin: 10px 0 0 0;
    padding: 0 20px 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.stoererSSW > .request > a:hover {
	color: #FFFFFF;
}
@media all and (max-width: 1220px){

	.stoererSSW {
		background-size: 230px auto;
	}
	.stoererSSW > .request {
		padding-top: 15px;
	}

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

	.stoererSSW {
		background-position: 0 60px;
		background-size: 200px auto;
	}
	.stoererSSW > .request {
		padding-top: 5px;
	}

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

	.stoererSSW {
		background-position: 0 60px;
		background-size: 135px auto;
	}
	.stoererSSW > .request {
		float: none;
	}
	
}
@media all and (max-width: 850px){

	.stoererSSW {
		background-position: 0 55px;
		background-size: 288px auto;
	}
	.stoererSSW > .request {
		float: right;
		padding-top: 25px;
	}

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

	.stoererSSW {
		background-size: 230px auto;
	}
	.stoererSSW > .request {
		padding-top: 15px;
	}

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

	.stoererSSW {
		background-position: 0 60px;
		background-size: 270px auto;
	}
	.stoererSSW > .request {
		float: none;
		padding-top: 135px;
	}

}

/* Extension - Banner */

#ContentWrapper > div.banner {
    left: 50%;
    max-width: none;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: -330px;
    -ms-transition: opacity 1000ms ease 0s, visibility 1000ms ease 0s;
    -moz-transition: opacity 1000ms ease 0s, visibility 1000ms ease 0s;
    -o-transition: opacity 1000ms ease 0s, visibility 1000ms ease 0s;
    -webkit-transition: opacity 1000ms ease 0s, visibility 1000ms ease 0s;
    transition: opacity 1000ms ease 0s, visibility 1000ms ease 0s;
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    visibility: visible;
    width: auto;
}
#ContentWrapper > div.banner.hide {
	opacity: 0;
	visibility: hidden;
}
#ContentWrapper > div.banner > img {
	margin: 0 0 10px 0;
}
#ContentWrapper > div.banner > .headline {
    background: #FFFFFF;
    color: #e30613;
    display: block;
    font-family: "PT Sans", sans-serif;
    font-size: 48px;
    font-weight: normal;
    line-height: 1.6;
    margin: 0 0 3px 0;
    padding: 0 20px 0 20px;
    text-transform: uppercase;
    white-space: nowrap;
}
#ContentWrapper > div.banner > .headline:after {
	content: "";
	display: block;
}
#ContentWrapper > div.banner > .text {
	background: #FFFFFF;
	background: rgba(255, 255, 255, 0.75);
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.6;
    padding: 0 20px 0 20px;
    text-transform: uppercase;
}

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

	#ContentWrapper > div.banner {
		top: -240px;
	}
	#ContentWrapper > div.banner > .headline {
		font-size: 40px;
	}
	#ContentWrapper > div.banner > .text {
		font-size: 24px;
	}

}
@media all and (max-width: 800px){
	
	#ContentWrapper > div.banner {
		top: -180px;
	}
	#ContentWrapper > div.banner > img {
		margin-bottom: 5px;
		width: 80px;
	}
	#ContentWrapper > div.banner > .headline {
		font-size: 26px;
	}
	#ContentWrapper > div.banner > .text {
		font-size: 18px;
	}
	
}
@media all and (max-width: 550px){

	#ContentWrapper > div.banner {
		display: none;
	}

}

/* Extension - Gruppenteaser mit Verweisliste */

.cmsGroupTeaserReference > article {
	background: #f1f1f2;
	margin: 0 0 25px 0;
}
.cmsGroupTeaserReference > article:last-of-type {
	margin-bottom: 0;
}
.cmsGroupTeaserReference > article:after {
	clear: both;
	content: "";
	display: block;
}
.cmsGroupTeaserReference > article > h2 {
	display: none;
}
.cmsGroupTeaserReference > article > figure:after {
	clear: both;
	content: "";
	display: block;
}
.cmsGroupTeaserReference > article > figure > a {
	float: left;
	position: relative;
	width: 48.484848484848484848484848484848%;
}
.cmsGroupTeaserReference > article > figure > a > img {
	display: block;
	width: 100%;
}
.cmsGroupTeaserReference > article > figure > a > .title {
    background: #0076D7;
    color: #FFFFFF;
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    left: 20px;
    line-height: 1.2;
    padding: 3px 7px;
    position: absolute;
    right: 100px;
    text-transform: uppercase;
    top: 20px;
    z-index: 1;
}
.cmsGroupTeaserReference > article > figure > a > .button {
	background: #e30613;
	bottom: 20px;
	color: #FFFFFF;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 15px;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	z-index: 1;
}
.cmsGroupTeaserReference > article > figure > a > .button:hover {
	background: #034E8D;
}
.cmsGroupTeaserReference > article > figure > figcaption {
	float: left;
	padding: 25px 10px 10px 20px;
	width: 51.515151515151515151515151515152%;
}
.cmsGroupTeaserReference > article > figure > figcaption > ul > li {
	display: block;
	line-height: 1;
	margin: 0 0 10px 0;
}
.cmsGroupTeaserReference > article > figure > figcaption > ul > li > a {
	color: #e30613;
	display: block;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
	line-height: 1;
	overflow: hidden;
	padding: 0 10px 0 40px;
	position: relative;
	-webkit-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cmsGroupTeaserReference > article > figure > figcaption > ul > li > a:hover {
	color: #034E8D;
}
.cmsGroupTeaserReference > article > figure > figcaption > ul > li > a:before {
	content: "\e841";
	font-family: fontello;
	font-size: 14px;
	left: 0;
	position: absolute;
	top: 2px;
}
.cmsGroupTeaserReference > article > figure > figcaption > ul > li:nth-of-type {
	margin-bottom: 0;
}

body.summer .cmsGroupTeaserReference > article > figure > a > .title {
    background: #b1ca35;
}
body.summer .cmsGroupTeaserReference > article > figure > a > .button:hover {
	background: #6D9815;
}
body.summer .cmsGroupTeaserReference > article > figure > figcaption > ul > li > a:hover {
	color: #6D9815;
}

.cmsGroupTeaserReferenceSmall:after {
	clear: both;
	content: "";
	display: block;
}
.cmsGroupTeaserReferenceSmall > article {
	float: left;
	margin: 0 1.818181818181818181818181818182% 1.818181818181818181818181818182% 0;
	width: 32.121212121212121212121212121212%;
}
.cmsGroupTeaserReferenceSmall > article:nth-of-type(3n) {
	margin-right: 0;
}
.cmsGroupTeaserReferenceSmall > article:nth-of-type(3n+1) {
	clear: both;
}
.cmsGroupTeaserReferenceSmall > article > figure > a {
	display: block;
	float: none;
	width: 100%;
}
.cmsGroupTeaserReferenceSmall > article > figure > a > .title {
	left: 5px;
	right: 5px;
	top: 5px;
}
.cmsGroupTeaserReferenceSmall > article > figure > figcaption {
	display: block;
	float: none;
	padding: 20px 0 10px 10px;
	width: 100%;
}

.cmsGroupTeaserReference.cmsAside > article > figure > a > .title {
	left: 5px;
	right: 5px;
	top: 5px;	
}

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

	.cmsGroupTeaserReference.cmsAside > article > figure > a {
		width: 100%;
	}
	.cmsGroupTeaserReference.cmsAside > article > figure > figcaption {
		width: 100%;
	}
	
}
@media all and (max-width: 600px){
	
	.cmsGroupTeaserReferenceSmall > article {
		margin: 0 4% 4% 0;
		width: 48%;
	}
	.cmsGroupTeaserReferenceSmall > article:nth-of-type(3n) {
		margin-right: 4%;
	}
	.cmsGroupTeaserReferenceSmall > article:nth-of-type(3n+1) {
		clear: none;
	}
	.cmsGroupTeaserReferenceSmall > article:nth-of-type(2n) {
		margin-right: 0;
	}
	.cmsGroupTeaserReferenceSmall > article:nth-of-type(2n+1) {
		clear: both;
	}

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

	.cmsGroupTeaserReference > article > figure > a {
		width: 100%;
	}
	.cmsGroupTeaserReference > article > figure > figcaption {
		width: 100%;
	}

}
@media all and (max-width: 450px){
	
	.cmsGroupTeaserReferenceSmall > article {
		width: 100%;
	}
		
}

/* Extension - Gripwrapper */

.gridWrapper:after {
	clear: both; 
	content: "";
	display: block;
}
.gridWrapper > * {
	float: left;
	margin: 0 1.25% 0 0;
}
.gridWrapper > *:nth-of-type(3n) {
	margin-right: 0;
}
.gridWrapper + .gridWrapper,
.gridWrapper + .cms6erRowTeaser, 
.gridWrapper + .cmsThemeTeaser,
.gridWrapper + .cmsGallerySlider,
.gridWrapper + .wmBlogTeaser,
.cms6erRowTeaser + .gridWrapper,
.cmsGallerySlider + .gridWrapper,
.cmsThemeTeaser + .gridWrapper,
.cms6erRowTeaser + .cmsGallerySlider,
.cms6erRowTeaser + .cmsThemeTeaser,
.cms6erRowTeaser + .cms6erRowTeaser,
.cms6erRowTeaser + .wmBlogTeaser,
.cmsGallerySlider + .cmsGallerySlider,
.cmsGallerySlider + .cmsThemeTeaser,
.cmsGallerySlider + .cms6erRowTeaser,
.cmsGallerySlider + .wmBlogTeaser,
.cmsThemeTeaser + .cmsGallerySlider,
.cmsThemeTeaser + .cmsThemeTeaser,
.cmsThemeTeaser + .cms6erRowTeaser,
.cmsThemeTeaser + .wmBlogTeaser {
    margin-top: -11px;
}

@media all and (max-width: 1000px) {
    
	.gridWrapper > * {
        margin-right: 1.5%;
    }
	.gridWrapper > *:nth-of-type(3n) {
		margin-right: 1.5%;
	}
	.gridWrapper > *:nth-of-type(2n) {
		margin-right: 0;
	}

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

    .gridWrapper > * {
		margin-bottom: 15px;
    }

}

/* Extension - Thementeaser */

.cmsThemeTeaser > article {
	position: relative;
}
.cmsThemeTeaser > article > h2 {
	display: none;
}
.cmsThemeTeaser > article > figure:before {
    bottom: -50px;
    color: #f1f1f2;
    content: "\E841";
    font-family: fontello;
    font-size: 180px;
    position: absolute;
    right: 0;
}
.cmsThemeTeaser > article > figure:after {
	clear: both;
	content: "";
	display: block;
}
.cmsThemeTeaser > article > figure > a {
    float: left;
	height: 295px;
	margin: 0 1.25% 0 0;
	overflow: hidden;
	position: relative;
    width: 66.25%;
}
.cmsThemeTeaser > article > figure > a > img {
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.cmsThemeTeaser > article > figure > figcaption {
	float: left;
	height: 295px;
	padding: 25px 0 0 25px;
	position: relative;
	width: 32.5%;
}
.cmsThemeTeaser > article > figure > figcaption:before {
	background: #c8c8c9;
	content: "";
	left: 0;
	height: 2px;
	position: absolute;
	right: 0;
	top: 0;
}
.cmsThemeTeaser > article > figure > figcaption:after {
	background: #c8c8c9;
	bottom: 0;
	content: "";
	left: 0;
	height: 2px;
	position: absolute;
	right: 0;
}
.cmsThemeTeaser > article > figure > figcaption > a {
	font-size: 17px;
	font-weight: 900;
	text-transform: uppercase;
}
.cmsThemeTeaser > article > figure > figcaption > p > .text {
	display: block;
	font-size: 13px;
	line-height: 1.2;
}
.cmsThemeTeaser > article > figure > figcaption > p > .details {
	background: #e50000;
	border: none;
	bottom: 25px;
	cursor: pointer;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    position: absolute;
    right: 25px;
    text-transform: uppercase;
}

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

	.cmsThemeTeaser > article > figure > a {
		margin-right: 1.5%;
		width: 49.25%;
	}
	.cmsThemeTeaser > article > figure > figcaption {
		width: 49.25%;
	}

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

	.cmsThemeTeaser > article > figure:before {
		font-size: 150px;
	}
	.cmsThemeTeaser > article > figure > a {
		height: auto;
		width: 100%;
	}
	.cmsThemeTeaser > article > figure > a > img {
		left: 0;
		position: relative;
		-webkit-transform: none;
		transform: none;
	}
	.cmsThemeTeaser > article > figure > figcaption {
		height: auto;
		padding-bottom: 100px;
		padding-left: 0;
		padding-top: 10px;
		width: 100%;
	}
	.cmsThemeTeaser > article > figure > figcaption:before {
		display: none;
	}

}

/* Extension - Verweisliste Grid */

.cmsGridReference {
    width: 32.5%;
}
.cmsGridReference > h2 {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    line-height: 30px;
    padding: 0 20px 0 20px;
    position: relative;
}
.cmsGridReference > ul > li {
    margin: 0 0 2px 0;
}
.cmsGridReference > ul > li > a {
    background: #e50000;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    line-height: 42px;
    padding: 0 20px 0 40px;
    position: relative;
}
.cmsGridReference > ul > li > a:before {
    content: "\E872";
    font-family: fontello;
    font-size: 15px;
    left: 20px;
    position: absolute;
}
.cmsGridReference > ul > li > a:last-of-type {
    margin-bottom: 0;
}

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

    .cmsGridReference {
        width: 49.25%;
    }
    
}
@media all and (max-width: 600px) {

    .cmsGridReference {
        width: 100%;
    }
    
}

/* Extension - Galleryslider - Grid */

.cmsGalleryGridSlider {
    background: #e0e0e1;
    height: 295px;
    overflow: hidden;
    position: relative;
    width: 32.5%;
}
.cmsGalleryGridSlider > h2 {
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 17px;
    position: relative;
}
.cmsGalleryGridSlider > h2 > span {
    background: #e50000;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
}
.cmsGalleryGridSlider > h2:before {
    content: "\E841";
    font-family: fontello;
    font-size: 18px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 4px;
    z-index: 3;
}
.cmsGalleryGridSlider > h2:after {
    background: #e50000;
    border: 2px solid #FFFFFF;    
    content: "";    
    height: 70px;    
    position: absolute;    
    right: 35px;    
    top: -30px;    
    -webkit-transform: skewX(-50deg) skewY(10deg);    
    transform: rotate(36deg) skewX(-30deg) skewY(0deg);    
    width: 110px;    
    z-index: 1;
}
.cmsGalleryGridSlider > h2 > span {
    background: #e50000;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
    position: relative;
    z-index: 2;
}
.cmsGalleryGridSlider > div {
    padding: 30px 0 0 0;
    text-align: center;
}
.cmsGalleryGridSlider > div > ul {
    display: inline-block;
}
.cmsGalleryGridSlider .owl-theme .owl-controls {
    margin-top: 0;
}
.cmsGalleryGridSlider .owl-theme .owl-controls .owl-page span {
    background: #2d343e;
    height: 10px;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0;
    opacity: 1;
    width: 10px;
}
.cmsGalleryGridSlider .owl-theme .owl-controls .owl-page.active span {
    background: #e50000;
}

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

    .cmsGalleryGridSlider {
        width: 49.25%;
    }
    
}
@media all and (max-width: 600px) {

    .cmsGalleryGridSlider {
        width: 100%;
    }
    
}

/* Extension - Kundenmeinung */

.cmsCustomerOpinion {
    height: 295px;
    border-bottom: 2px solid #c8c8c9;
    border-top: 2px solid #c8c8c9;
    width: 32.5%;
}
.cmsCustomerOpinion > ul li > div {
    display: block;
    padding: 40px 0 0 0;
    text-align: center;
}
.cmsCustomerOpinion > ul li > div > .img {
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    width: 120px;
}
.cmsCustomerOpinion > ul li > div > .img > img {
    display: block;
    width: 100%;
}
.cmsCustomerOpinion > ul li > div > .quote {
    color: #004f8f;
    display: block;
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 0 0;
}
.cmsCustomerOpinion > ul li > div > .quote:before {
    content: "\"";
}
.cmsCustomerOpinion > ul li > div > .quote:after {
    content: "\"";
}
.cmsCustomerOpinion > ul li > div > .name {
    color: #2d343e;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 0;
}

.cmsCustomerOpinion .owl-theme .owl-controls .owl-buttons div {
    background: none;
    color: #e50000;
    font-size: 30px;
    left: 50%;
    margin: -27px 0 0 -110px;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 110px;
}
.cmsCustomerOpinion .owl-theme .owl-controls .owl-buttons div:before {
	content: "\E871";
	display: block;
	font-family: fontello;
}
.cmsCustomerOpinion .owl-theme .owl-controls .owl-buttons div.owl-next {
    background: none;
    color: #e50000;
    font-size: 30px;
    left: 50%;
    margin: -27px 0 0 110px;
    opacity: 1;
    padding: 0;
    position: absolute;
    top: 110px;
}
.cmsCustomerOpinion .owl-theme .owl-controls .owl-buttons div.owl-next:before {
	content: "\E872";
	display: block;
	font-family: fontello;
}

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

    .cmsCustomerOpinion {
        width: 49.25%;
    }
    
}
@media all and (max-width: 600px) {

    .cmsCustomerOpinion {
        width: 100%;
    }
    
}

.bannerPushPanda {
    background: #f1f1f2;
    min-height: 217px;
    padding: 15px 20px;
    position: relative;
    z-index: 0;
}
.bannerPushPanda:after {
    content: "";
    background: url("/img/layout/bg-pushpanda.png") scroll no-repeat;
    background-size: contain;
    background-position: right;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.bannerPushPanda > h3 {
    color: #e30613;
    font-size: 24px;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.bannerPushPanda > p.text {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}
.bannerPushPanda > div {
    bottom: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
.bannerPushPanda > div > a.activate {
    background: #E30613;
    color: #FFFFFF;
    display: inline-block;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: background 200ms ease-in;
}
.bannerPushPanda > div > a.activate:hover {
    background: #034E8D;
}
.bannerPushPanda > div > a.more {
    bottom: 0;
    color: #e20512;
    float: right;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 0;
}
.bannerPushPanda > div > a.more:before {
    content: '\E83B';
    font-family: 'fontello';
    font-size: 13px;
    margin: 0 8px 0 0;
    position: relative;
    top: -2px;
}

/* Extension - Ticketshop - Saisonkarten */

.cmsSeasonTickets {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cmsSeasonTickets > article {
	background: #F1F1F2;
	position: relative;
	width: 31%;
	width: calc(33.333333% - 20px);
}
.cmsSeasonTickets > article:nth-child(n+4) {
	margin-top: 20px;
}
.cmsSeasonTickets > article > h2 {
	display: none;
}
.cmsSeasonTickets > article > figure {
	height: 100%;
}
.cmsSeasonTickets > article > figure > div {
	background: #d2d3d6;
	cursor: default;
	height: 200px;
	position: relative;
	overflow: hidden;
	padding: 0 0 40px 0;
}
.cmsSeasonTickets > article > figure > div > img {
	left: 50%;
	max-height: 60%;
	max-width: 70%;
	position: relative;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 800ms ease;
}
.cmsSeasonTickets > article > figure > div > span {
	position: absolute;
	bottom: 20px;
	text-align: center;
	left: 0;
	width: 100%;
	font-weight: bold;
	font-size: 15px;
}
.cmsSeasonTickets > article figcaption {
	margin: 0 0 0 auto;
	min-height: 220px;
	padding: 18px 25px 75px 25px;
	position: relative;
}
.cmsSeasonTickets > article .subtitle {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.15;
}
.cmsSeasonTickets > article .title {
	color: #E30613;
	display: block;
	font-family: "PT Sans";
	font-size: 37px;
	font-weight: bold;
	line-height: 1;
	margin: 8px 0 0 0;
	text-transform: uppercase;
}
.cmsSeasonTickets > article .title .label {
	margin: 0 0 0 5px;
	position: relative;
}
.cmsSeasonTickets > article .title .label .mw-icon {
	color: #2D343E;
	font-size: 18px;
	position: relative;
	top: -12px;
}
.cmsSeasonTickets > article .title .label .priceInfo {
	background: #e30613;
	border-radius: 3px;
	bottom: 100%;
	color: #FFFFFF;
	display: none;
	font-size: 13px;
	font-weight: 500;
	left: 50%;
	line-height: 1.15;
	min-width: 125px;
	padding: 3px 7px 2px;
	position: absolute;
	transform: translateX(-50%);
	text-transform: none;
}
.cmsSeasonTickets > article .title .label:hover .priceInfo {
	display: block;
}
.cmsSeasonTickets > article .title .label .priceInfo:after {
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #e30613 transparent transparent transparent;
	content: "";
	height: 0;
	position: absolute;
	right: 50%;
	transform: rotate(360deg);
	width: 0;
	bottom: -3px;
	margin: 0 -2px 0 0;
}
.cmsSeasonTickets > article .date {
	font-size: 15px;
	margin: 8px 0 0;
	line-height: 1.3;
}
.cmsSeasonTickets > article .price {
	position: absolute;
	bottom: 15px;
	line-height: 48px;
	font-size: 24px;
	font-weight: bold;
}
.cmsSeasonTickets > article a.cart {
	background: #E30613;
	color: #FFFFFF;
	bottom: 15px;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	position: absolute;
	right: 15px;
	padding: 0 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.cmsSeasonTickets > article a.cart:hover {
	background: #FFFFFF;
	color: #E30613;
}
.cmsSeasonTickets > article a.cart > span {
	color: #FFFFFF;
	font-size: 20px;
	position: absolute;
	top: 12px;
	left: 10px;
}
.cmsSeasonTickets > article a.cart:hover > span {
	color: #E30613;
}

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

	.cmsSeasonTickets > article {
		width: 100%;
	}
	.cmsSeasonTickets > article:nth-child(n+2) {
		margin-top: 20px;
	}
	.cmsSeasonTickets > article > figure > div {
		bottom: 0;
		left: 0;
		height: 100%;
		position: absolute;
		top: 0;
		width: 37.22504230118443%; /* 220 */
	}
	.cmsSeasonTickets > article figcaption {
		width: 62.77495769881557%; /* 371 */
	}

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

	.cmsSeasonTickets > article figcaption {
		min-height: 177px;
		padding-top: 22px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
	}
	.cmsSeasonTickets > article .subtitle {
		font-size: 16px;
		line-height: 1.15;
	}
	.cmsSeasonTickets > article .title {
		display: table;
		font-size: 25px;
		margin-top: 6px;
	}
	.cmsSeasonTickets > article .price {
		font-size: 20px;
	}
	.cmsSeasonTickets > article .title .label .mw-icon {
		top: -5px;
		font-size: 15px;
	}

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

	.cmsSeasonTickets > article > figure > div {
		padding-bottom: 30px;
	}
	.cmsSeasonTickets > article > figure > div > span {
		font-size: 2vw;
	}

}

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

	.cmsSeasonTickets > article {
		width: 100%;
	}

}

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

	.cmsSeasonTickets > article .date {
		margin-top: 10px;
	}
	.cmsSeasonTickets > article > figure > div {
		width: 36%;
	}
	.cmsSeasonTickets > article figcaption {
		width: 64%;
	}
	.cmsSeasonTickets > article .price {
		font-size: 20px;
		position: relative;
		bottom: 0;
		line-height: 1.1;
		margin-top: 16px;
	}

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

	.cmsSeasonTickets > article figcaption {
		padding-left: 15px;
	}
	.cmsSeasonTickets > article a.cart {
		padding-left: 12px;
		padding-right: 12px;
	}

}

.mw-covid-overlay:not(.show) {
	opacity: 0;
}
.mw-covid-overlay {
	background: rgba(0, 0, 0, 0.92);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 500ms ease;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}
.mw-covid-overlay > div {
	position: relative;
	max-width: 100%;
	width: 700px;
	background: #3b434f;
	background: radial-gradient(ellipse at center, #3b434f 0%,#2d343e 70%);
	padding: 77px 20px 80px;
}
.mw-covid-overlay h3 {
	color: #FFFFFF !important;
	font-family: "PT Sans", sans-serif;
	font-size: 24px;
	font-weight: bold;
	opacity: 0.6;
	text-transform: uppercase;	
	text-align: center;	
}
.mw-covid-overlay h1 {
	color: #FFFFFF !important;
	font-size: 60px;
	margin: 15px 0 52px;
	text-align: center;
}
.mw-covid-overlay .buttons {
	display: flex;
	justify-content: center;
}
.mw-covid-overlay .buttons > a {
	border: 1px solid #f1f1f2;
	box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
	max-width: 48%;
	text-align: center;
	overflow: hidden;
	padding: 90px 15px 0;
	position: relative;
	transition: background 500ms ease;
	width: 240px;
	z-index: 1;
}
.mw-covid-overlay .buttons > a:after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	transition: all 300ms ease;
}
.mw-covid-overlay .buttons > a.covid:after {
	background: #f1f1f2;
}
.mw-covid-overlay .buttons > a.covid:hover:after {
	height: 150%;
	width: 150%;
}
.mw-covid-overlay .buttons > a + a {
	margin-left: 18px;
}
.mw-covid-overlay .buttons > a + a:hover:after {
	background: rgba(255, 255, 255, 0.1);
}
.mw-covid-overlay .buttons svg {
	position: absolute;
	left: 0;
	width: 100%;
	top: 24px;
}
.mw-covid-overlay .buttons > a.default svg path {
	fill: #FFFFFF !important;
}
.mw-covid-overlay .buttons .title {
	color: #1f2f46;
	font-size: 18px;
	font-weight: 500;
}
.mw-covid-overlay .buttons .text {
	color: #1f2f46;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.07;
	margin: 7px 0 11px;
	opacity: 0.8;
}
.mw-covid-overlay .buttons .default .title {
	color: #FFFFFF;
}
.mw-covid-overlay .buttons .default .text {
	color: #FFFFFF;
}

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

	.mw-covid-overlay {
		padding: 0;
	}
	.mw-covid-overlay > div {
		background: radial-gradient(ellipse at center, rgba(31,47,70,1) 0%,rgba(16,25,39,1) 70%);
		height: 100%;
		padding: 47px 20px 50px;
		overflow: auto;
	}
	.mw-covid-overlay h1 {
		font-size: 40px;
		margin: 15px 0 30px;
	}
	.mw-covid-overlay .buttons {
		flex-direction: column;
		margin: 0 0 50px;
	}
	.mw-covid-overlay .buttons > a {
		width: 100%;
		padding-bottom: 21px;
		max-width: none;
	}
	.mw-covid-overlay .buttons > a + a {
		margin-left: 0;
		margin-top: 12px;
	}
	.mw-covid-overlay .buttons .text {
		margin-bottom: 0;
	}

}

/* Extension - Searchform - Suche */


.cmsSearchform {	
	background: #F1F1F2;
	margin: 25px 0 25px;
	padding: 20px;
}
.cmsSearchform > h3 {	
	margin: -20px -20px 0;
	overflow: hidden;
	padding: 0 0 20px 0;
	position: relative;
}
.cmsSearchform > h3:before {
    background: #E30613;
    content: "";
    height: 50px;
    position: absolute;
    right: 50px;
    top: 0;
    -ms-transform: skewX(-50deg) skewY(10deg);
    -moz-transform: skewX(-50deg) skewY(10deg);
    -o-transform: skewX(-50deg) skewY(10deg);
    -webkit-transform: skewX(-50deg) skewY(10deg);
    transform: skewX(-50deg) skewY(10deg);
    width: 130px;
    z-index: 1;
}
.cmsSearchform > h3 > span {
	background: #E30613;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}
.cmsSearchform > form.search {
    z-index: 1;  
}
.cmsSearchform > form.search:after {
    clear: both; 
    content: "";
    display: block;
}
.cmsSearchform > form.search > div.options:after {
	clear: both;
	content: "";
	display: block;
}
.cmsSearchform > form.search > div  > div {    
	float: left;
    margin: 0 4% 0 0;
    position: relative;
    width: 48%;
}
.cmsSearchform > form.search > div > div.arrival {
	float: left;
	margin: 0 4% 0 0;
	position: relative;
	width: 48%;
}
.cmsSearchform > form.search > div > div.departure {
	margin-right: 0;
	margin-top: 40px;
}
.cmsSearchform > form.search > div > div.rooms {
	clear: both;
	width: 100%;
}
.cmsSearchform > form.search > div > div > h4 {
    font-weight: bold;  
    margin: 12px 15px 10px 0;   
    text-transform:uppercase; 
}
.cmsSearchform > form.search > div > div.rooms:after {
	clear: both; 
	content: "";
	display: block;
}
.cmsSearchform > form.search > div:last-child {
	margin-right: 0;
}
.cmsSearchform > form.search > div > div > .dropdownvalue {
	background: #FFFFFF;  
    cursor: pointer;
    height: 44px;  
    margin: 0 0 5px 0;
    padding: 8px 10px 8px 10px;
    position: relative;
    width: 100%; 
}
.cmsSearchform > form.search > div > div > .dropdownvalue > div.ui-datepicker .ui-datepicker-next,
.cmsSearchform > form.search > div > div > .dropdownvalue > div.ui-datepicker .ui-datepicker-prev {
	margin-top: 2px !important;
}
.cmsSearchform > form.search > div > div > .dropdownvalue.selected {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.cmsSearchform > form.search > div > div.rooms > .dropdownvalue {
	background: url("/img/layout/searchandbook.png") no-repeat scroll 8px 8px #FFFFFF;
	padding-left: 40px;
	padding-right: 36px;
}
.cmsSearchform > form.search > div > div > .dropdownvalue:after {
	background: #034E8D;
	color: #FFFFFF;  
    content: "\e805";
    display: block;
	font-family: "fontello";
	font-size: 20px;
    height: 100%;    
	line-height: 44px;
    position: absolute;
    right: 0;    
	text-align: center;
    top: 0;
    width: 40px;
}
.cmsSearchform > form.search > div > div.arrival > .dropdownvalue:after {	
	content: "\E853";
}
.cmsSearchform > form.search > div > div > .dropdownvalue > span {
	display: block;
    overflow: hidden;
    white-space: nowrap;
}
.cmsSearchform > form.search > div > div > .dropdownvalue > .ui-datepicker {
	font-size: 1em !important;
	left: 0;
	position: absolute;
	top: 46px;
	opacity: 0;
    -moz-transition: opacity 400ms ease;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease; 
	visibility: hidden;
}
.cmsSearchform > form.search > div > div > .dropdownvalue > .ui-datepicker.active {
	opacity: 1;
	visibility: visible;
	z-index: 3;
}
.cmsSearchform > form.search > div > div > .dropdownvalue > .ui-datepicker.active.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.cmsSearchform > form.search > div > div > .dropdownvalue > .ui-datepicker.active.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.cmsSearchform > form.search > div > div > .dropdownvalue > .ui-datepicker.active .ui-datepicker-group .ui-datepicker-calendar {
	width: 100%;	
}
.cmsSearchform > form.search > div > div > .dropdownvalue.single {
	background-position: 8px 14px;	
}
.cmsSearchform > form.search > div > div > .dropdownvalue.double {
	background-position: 8px -48px;
}
.cmsSearchform > form.search > div > div > .dropdownvalue.multi {
	background-position: 8px -108px; 
}
.cmsSearchform > form.search > div > div > .dropdownvalue.open {
	border: 1px solid #004070;
}
.cmsSearchform > form.search > div > div > .dropdownlist {
	background: #FFFFFF; 
	border-bottom: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5; 
	cursor: pointer;  
    right: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 46px;    
    visibility: hidden;
    width: 100%;   
    -moz-transition: opacity 400ms ease;
	-webkit-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;  
	z-index: 3;
}
.cmsSearchform > form.search > div > div.rooms > .dropdownlist {
	top: 86px;
}
.cmsSearchform > form.search > div > div > .dropdownlist.open {	
    opacity: 1;
    visibility: visible;
}
.cmsSearchform > form.search > div > div > .dropdownlist > h4 {    
    background: #034E8D;
    border-bottom: 1px solid #C5C5C5;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    margin: -10px -11px 0;
    padding: 0 10px;
    text-transform: uppercase;
}
.cmsSearchform > form.search > div > div > .dropdownlist > a {
	color: #FFFFFF;
	font-weight: normal;
	position: absolute;
	right: 10px;
	top: 3px;
}
.cmsSearchform > form.search > div > div > .dropdownlist > a:hover {
	text-decoration: none;
}
.cmsSearchform > form.search > div > div > .dropdownlist > a:after {
    content: "\E82A"; 
    font-family: "fontello";
    font-size: 18px;
}
.cmsSearchform > form.search > div > div > .dropdownlist > p {
    color: #000000;
    font-size: 0.9em;
    opacity: 0.6;
    padding: 6px 10px 6px 5px;
}
.cmsSearchform > form.search > div > div > .dropdownlist > p:hover,
.cmsSearchform > form.search > div > div > .dropdownlist > p.selected {
	background: #EDEDED;
    margin: 0 -10px; 
    padding-left: 15px;
    padding-right: 20px;
    opacity:1; 
}
.cmsSearchform > form.search > div > div.rooms > .dropdownlist > p {
	background: url("/img/layout/searchandbook.png") no-repeat scroll 0 8px #FFFFFF;
	padding-left: 35px;	
}
.cmsSearchform > form.search > div > div.rooms > .dropdownlist > p:hover,
.cmsSearchform > form.search > div > div.rooms > .dropdownlist > p.selected {
	background: url("/img/layout/searchandbook.png") no-repeat scroll 0 8px #EDEDED;
	padding-left: 45px;	
}
.cmsSearchform > form.search > div > div > .dropdownlist > p.single {
	background-position: 0 9px;	
}
.cmsSearchform > form.search > div > div > .dropdownlist > p.single:hover,
.cmsSearchform > form.search > div > div.rooms > .dropdownlist > p.single.selected {
	background-position: 10px 9px;	
}
.cmsSearchform > form.search > div > div > .dropdownlist > p.double {
	background-position: 0 -52px;
}
.cmsSearchform > form.search > div > div > .dropdownlist > p.double:hover,
.cmsSearchform > form.search > div > div.rooms > .dropdownlist > p.double.selected {
	background-position: 10px -52px;
}
.cmsSearchform > form.search > div > div > .dropdownlist > p.multi {
	background-position: 0 -112px;
}
.cmsSearchform > form.search > div > div > .dropdownlist > p.multi:hover,
.cmsSearchform > form.search > div > div.rooms > .dropdownlist > p.multi.selected {
	background-position: 10px -111px;
}

/* MEHRBETT -/Familienzimmer */

.cmsSearchform > form.search > div > div > div.persondetails {
    clear: both;
	font-size: 0.9em;
    left: auto;
    right: 0;
}
.cmsSearchform > form.search > div > div > div.persondetails.open {
    display: block;
    width: 660px;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room {
	background: #FFFFFF;
	display: block;
	margin: 10px 0 10px 0;
	padding: 13px;
	position: relative;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room.hide {
	border: none;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room:after {
    clear: both;
    content: "";
    display: block;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > label {
	float: left;
	margin: 5px 0 0 0;
	width: 30%;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row {
	float: left;
	width: 35%;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages {
	clear: both;
	float: none;
	width: 100%;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row > label {
    color: #000000;
    display: inline-block; 
	padding: 5px 0 0 0;
	opacity: 0.8; 
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row > .field {
    color: #000000;  
	float: left;
	height: 34px;
	margin: 0 5px 0 0;
    padding: 4px 7px;
    text-align: right;
    width: 60px;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > label {
	float: left;
	padding-top: 15px;
	width: 30%;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > label.age {
	display: none;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > label.age.active {
	display: block;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > div {
	float: left;
	width: 70%;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > div > select {
	color: #000000;
	height: 34px;
    margin: 10px 1% 0 0;
    display: none;
    width: 24.25%;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > div > select:last-child {
	margin-right: 0;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > div > select.active {
	display: inline-block;
}

/* BUTTONS */

.cmsSearchform > form.search > div > div > div.persondetails > .buttons:after {
	clear: both;
	content: "";
	display: block;
}
.cmsSearchform > form.search > div > div > div.persondetails > .buttons > .add {
	background: #034e8d none repeat scroll 0 0;
    color: #ffffff;
    display: block;
	float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 41px;
    margin: 10px 0 0;
    padding: 0 20px;
    position: relative;
	text-transform: uppercase;
    -moz-transition: background 400ms ease, transition 400ms ease;
	-webkit-transition: background 400ms ease, transition 400ms ease;
	-o-transition: background 400ms ease, transition 400ms ease;
	transition: background 400ms ease, transition 400ms ease;
} 
.cmsSearchform > form.search > div > div > div.persondetails > .buttons > .add:hover {
	background: #e30613;
}
.cmsSearchform > form.search > div > div > div.persondetails > .buttons > .add:before {
    content: '\E81F';
    cursor: pointer;    
	font-family: "Fontello";
    font-weight: 300;
    margin: 0 5px 0 0;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > a.remove {
    display: none;
    position: absolute; 
    right: 16px;
    top: 13px;
    z-index: 2;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > a.remove:hover {
	text-decoration: none;
}
.cmsSearchform > form.search > div > div > div.persondetails > div.room > a.remove:before {
    color: #000000;
    content: "\E80A";
    font-family: fontello;
    font-size: 18px; 
    font-weight: 300; 
}
.cmsSearchform > form.search > div.buttons {
	clear: both;
	float: right;
	margin: -2px 0 0 0;
	position: relative;
	text-align: center;
	z-index: 1;
}
.cmsSearchform > form.search > div.buttons:after {
	clear: both;
	content: "";
	display: block;
}
.cmsSearchform > form.search > div > div > div.persondetails > .buttons > a.search {
    background: #e30613;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 41px;
	margin: 10px 0 0 0;
    padding: 0 20px;
    text-transform: uppercase;
	-o-transition: background 200ms ease-in 0s;
	-ms-transition: background 200ms ease-in 0s;
	-moz-transition: background 200ms ease-in 0s;
	-webkit-transition: background 200ms ease-in 0s;
	transition: background 200ms ease-in 0s;
}
.cmsSearchform > form.search > div > div > div.persondetails > .buttons > a.search:before {
    content: "\E81E";  
    display: inline-block;
    font-family: "fontello";
	font-style: normal;
	font-weight: normal;
    margin: 0 10px 0 -5px;
}
.cmsSearchform > form.search > div > div > div.persondetails > .buttons > a.search:hover {
	background: #034E8D;
	text-decoration: none;
}
.cmsSearchform > form.search > div > div > div.persondetails > .buttons > a.search.hide {
	display: none;
}
.cmsSearchform > form.search > div.buttons > a.filter {
    float: left; 
    margin: 0 10px 0 0;
    padding: 0 0 0 15px;    
	position: relative;
}
.cmsSearchform > form.search > div.buttons > a.filter:before {
    content: "\E812";
	font-family: "fontello";
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
}
.cmsSearchform > form.search > div.buttons > a.filter.open:before {
	content: "\E815";
}

/* Pauschalen */

.cmsSearchform > form.search > div > div.buttons {
	margin-right: 0;
	margin-top: 31px;
}		
.cmsSearchform > form.search > div.buttons > a.search {
    background: #e30613;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 41px;
	margin: 10px 0 0 0;
    padding: 0 20px;
    text-transform: uppercase;
	-o-transition: background 200ms ease-in 0s;
	-ms-transition: background 200ms ease-in 0s;
	-moz-transition: background 200ms ease-in 0s;
	-webkit-transition: background 200ms ease-in 0s;
	transition: background 200ms ease-in 0s;
}
.cmsSearchform > form.search > div.buttons > a.search:before {
    content: "\E81E";  
    display: inline-block;
    font-family: "fontello";
	font-style: normal;
	font-weight: normal;
    margin: 0 10px 0 -5px;
}
.cmsSearchform > form.search > div.buttons > a.search:hover {
	background: #034E8D;
	text-decoration: none;
}

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

	.cmsSearchform > form.search > div > div {
		width: 100%;
	}
	.cmsSearchform > form.search > div > div.arrival {
		width: 100%;
	}
	.cmsSearchform > form.search > div > div.departure {
		margin-top: 5px;
	}
	.cmsSearchform > form.search > div > div.buttons {
		margin-top: 0;
	}

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

	.cmsSearchform > form.search > div > div > div.persondetails > div.room > label {
		margin-bottom: 5px;
		margin-top: 0;
		width: 100%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row {
		width: 50%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > label {
		width: 100%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > div {
		width: 100%;
	}

}
@media all and (max-width: 850px){
		
	.cmsSearchandBook > div > .accommodationSearch {
		float: none;
		padding-top: 0;
		width: 100%;
	}
	.cmsSearchform > form.search > div > div.arrival {
		width: 48%;
	}
	.cmsSearchform > form.search > div > div {
		width: 48%;
	}
	.cmsSearchform > form.search > div > div.departure {
		margin-top: 40px;
	}
	.cmsSearchform > form.search > div > div > .dropdownvalue > .ui-datepicker {
		left: 0;
		right: auto;
	}
	.cmsSearchform > div.views {
		display: none;
	}
	.cmsSearchform.packageTeaser {
		display: none;
	}

	.cmsSearchform > form.search > div > div > div.persondetails > div.room > label {
		margin-bottom: 0;
		margin-top: 5px;
		width: 30%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row {
		width: 35%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > label {
		width: 30%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > div {
		width: 70%;
	}
	.cmsSearchform > form.search > div > div.buttons {
		margin-top: 31px;
	}	

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

	.cmsSearchform > form.search > div > div > div.dropdownlist2.open {
		width: 100%;
	}

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

	.cmsSearchform > form.search > div > div {
		width: 100%;
	}
	.cmsSearchform > form.search > div > div.arrival {
		width: 100%;
	}
	.cmsSearchform > form.search > div > div.departure {
		margin-top: 5px;
	}
	.cmsSearchform > form.search > div > div.buttons {
		margin-top: 0;
	}	
	
}
@media all and (max-width: 450px){

	.cmsSearchform > form.search > div > div > div.persondetails > div.room > label {
		margin-bottom: 5px;
		margin-top: 0;
		width: 100%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row {
		width: 50%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > label {
		width: 100%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > div.room > .row.ages > div {
		width: 100%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > .buttons > .add {
		text-align: center;
		width: 100%;
	}
	.cmsSearchform > form.search > div > div > div.persondetails > .buttons > .search {
		text-align: center;
		width: 100%;
	}

		
}

/* Extension - Suchen und Buchen - Filter */

.accommodationFilter {
}
.accommodationFilter:after {
	clear: both;
    content: "";
    display: block;
}
.accommodationFilter > div.buttons {
	padding: 5px 0 15px;
}
.accommodationFilter > div.buttons > a {
   	background: #B51F1F;
	background:  -moz-linear-gradient(top, #b51f1f 0%, #ac1e1d 30%, #9c1c19 52%, #801811 77%, #5d1104 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b51f1f), color-stop(30%,#ac1e1d), color-stop(52%,#9c1c19), color-stop(77%,#801811), color-stop(100%,#5d1104)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b51f1f 0%,#ac1e1d 30%,#9c1c19 52%,#801811 77%,#5d1104 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b51f1f 0%,#ac1e1d 30%,#9c1c19 52%,#801811 77%,#5d1104 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b51f1f 0%,#ac1e1d 30%,#9c1c19 52%,#801811 77%,#5d1104 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b51f1f 0%,#ac1e1d 30%,#9c1c19 52%,#801811 77%,#5d1104 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b51f1f', endColorstr='#601205',GradientType=0 ); /* IE6-9 */
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    margin: 10px 10px 0 0;
    padding: 5px 10px;
    text-transform: uppercase;    
    -moz-transition: background 400ms ease;
	-webkit-transition: background 400ms ease;
	-o-transition: background 400ms ease;
	transition: background 400ms ease;  
}
.accommodationFilter > div.buttons > a.remove {
	background: #FFFFFF;
    border: 1px solid #B4BDC2;
    color: #B4BDC2;
    display: none;
    padding: 4px 25px 4px 10px;
    position: relative;
}
.accommodationFilter > div.buttons > a.remove:hover {
    background: #C5161D;
    border-color: #C5161D;	
    color: #FFFFFF;
}
.accommodationFilter > div.buttons > a.remove:after {
    content: "\E82A";
    font-family: "fontello";
    font-size: 13px;
    margin-top: -10px;
    position: absolute;
    right: 9px;
    top: 50%;
}
.accommodationFilter > div.buttons > a:hover {
    background: #6B0007;
}
.accommodationFilter > div.filter {	 
    margin: 10px 0 0 0;
}
.accommodationFilter > div:after {
    clear: both;
    content: "";
    display: block;
}
.accommodationFilter > div > section:after {    
	clear: both;
    content: "";
    display: block;	
}
.accommodationFilter > div > section.price {
	float: none !important;
	padding: 10px 0 0px 0;
	width: 100%;
}
.accommodationFilter > div > section.price:after {
    clear: both;
    content: "";
    display: block;
}
.accommodationFilter > div > section.price > div.slider {
    border: medium none;
    height: 60px;
    margin: 11px 3px 0 0;
    padding: 0 9px 0 0;
    position: relative;
    width: 100%;
}
.accommodationFilter > div > section.price.open > div.slider {
	margin-top: 16px;
}
.accommodationFilter > div > section.price > div.slider > div.info {
    position: absolute;
    top: 0;
    width: 100%;
}
.accommodationFilter > div > section.price > div.slider > div.info > span {
	dipslay: inline-block;
	font-size: 14px; 
	padding: 0 0 10px;
}
.accommodationFilter > div > section.price > div.slider > div.info > span.max {
	position: absolute;
	top: 0;
	right: 0;
}
.accommodationFilter > div > section.price > div.slider > div.priceSlider {
	background: #E9E9E9;
	border: none;
	height: 7px;
	margin: 35px 10px 0 0;
	position: relative;
	width: 100%;
}
.accommodationFilter > div > section.price > div.slider > div.priceSlider > div.ui-slider-range {
	background: #8F9497; 
	border: medium none;
    height: 7px;
	position: absolute;
}
.accommodationFilter > div > section.price > div.slider > div.priceSlider > a {
	background: #E30613 !important;
    display: block;
    height: 25px;    
	margin-left: -1px;
	padding: 0 !important;
    position: absolute;
    top: -9px;
    width: 9px;
    z-index: 1;
}
.accommodationFilter > div > section > h4 {
	cursor: pointer;
    font-weight: bold;
    text-transform: uppercase; 
    width: 100%;
}
.accommodationFilter > div > section > h4:before {
	content: "\E805";
	font-family: fontello;
	margin: 0 5px 0 0;
}
.accommodationFilter > div > section.open > h4:before {
	content: "\E807";
}
.accommodationFilter > div > section {
	padding: 10px 0 10px 0; 
	position: relative;
	width: 100%;
}
.accommodationFilter > div > section > div {
	margin: 0 0 0 0;
    max-height: 0;
    overflow: hidden;
    -ms-transition: max-height 500ms linear 0s, margin 300ms linear 0s;
    -moz-transition: max-height 500ms linear 0s, margin 300ms linear 0s;
    -o-transition: max-height 500ms linear 0s, margin 300ms linear 0s;
    -webkit-transition: max-height 500ms linear 0s, margin 300ms linear 0s;
    transition: max-height 500ms linear 0s, margin 300ms linear 0s;
    width: 100%;
}
.accommodationFilter > div > section.open > div {
	margin-top: 20px;
	max-height: 500px;
}
.accommodationFilter > div > section > div > div {
	float:left; 
	font-size: 0.95em;
	padding: 0 0 2px;
    width: 50%;
}
.accommodationFilter > div > section > div > div > h5 {
	cursor: pointer;
	color: #034E8D;
	font-size: 1em;
	margin: 0 0 5px 0;
	opacity: 0.75;
}
.accommodationFilter > div > section > div input {
	display: none;
}
.accommodationFilter > div > section > div .checkbox {
	font-weight:300 !important;
	font-size:15px; 
	cursor: pointer; 
    padding: 0 0 0 7px;
}
.accommodationFilter > div > section > div .checkbox:before {
	background: #FFFFFF;
	color: #E30613;
    content: "";    
	display: block;
    float: left;
    font-family: "Fontello";
    font-size: 11px;
    height: 14px;
    line-height: 14px;
    margin: 5px 0 0;
    text-align: center;
    width: 14px;
}
.accommodationFilter > div > section > div .checkbox.checked:before {
    content: "\E818";
}
.accommodationFilter > div > section > div .checkbox > span {
    background: #ECECEC;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 7px;
    padding: 1px 3px;
}
.accommodationFilter > div > section > input {
	border: 0 none;
	box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    margin: -8px 0 0;
    padding: 2px 10px;
    width: 100%;
}
.accommodationFilter > div > section.search > a.search { 	
    background: #FFDD11;
    color: #000000;
    display: none;
    font-size: 17px;
    height: 40px;
    padding: 7px 16px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 40px;  
	-moz-transition: background 400ms ease, color 400ms ease; 	
	-webkit-transition: background 400ms ease, color 400ms ease; 	
	-o-transition: background 400ms ease, color 400ms ease; 	
	transition: background 400ms ease, color 400ms ease; 
}

.accommodationFilter > div > section.search > a.search:hover {
	background: #027AAC;
	color: #FFFFFF;
}
.accommodationFilter > div > section.search > a.search:after {
    content: "\E81E";
    display: block;
    float: left;
    font-family: "fontello";
	font-weight: normal;
}

/* Region */

.accommodationFilter > div > section.regions > div.dropdownvalue {
	background: #FFFFFF;		
    border: 1px solid #D9D9D9; 
    color: #8E8E8E;
    cursor: pointer;
    height: 40px;
    padding: 8px 8px 5px 10px;
    position: relative;
    width: 100%;
}
.accommodationFilter > div > section.regions > div.dropdownvalue.selected {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}
.accommodationFilter > div > section.regions > div.dropdownvalue:after {
    color: #134174;
    content: "\E805";
    display: block;
    font-family: "fontello";
    height: 100%;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
.accommodationFilter > div > section.regions > div.dropdownlist {
	background: #FFFFFF;
    border-bottom: 1px solid #027AAC;
    border-left: 1px solid #015578;
    border-right: 1px solid #027AAC;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
	display: none;
	margin-top: -7px;
	max-width: 740px;
	padding: 10px;
	position: absolute;
	z-index: 2;
}
.accommodationFilter > div > section.regions > div.dropdownlist.open {
	display: block;
}
.accommodationFilter > div > section.regions > div.dropdownlist > h5 {
    background: #027AAC;
    border-bottom: 1px solid #D9D9D9;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    margin: -10px -10px 8px;
    padding: 10px 14px;
    text-transform: uppercase;
}
.accommodationFilter > div > section.regions > div.dropdownlist > a {
	position: absolute;
	right: 15px;
	top: 8px;
}
.accommodationFilter > div > section.regions > div.dropdownlist > a:after {
    color: #FFFFFF;
    content: "\E846";
    font-family: fontello-shoppingcart;
    opacity: 0.75;
}
.accommodationFilter > div > section.regions > div.dropdownlist > a:hover:after {
	opacity: 1;
}
.accommodationFilter > div > section.regions > span {
    background: #F9F9F9;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
	clear: both;
	cursor: pointer;
    color: #7C7C7C;
    display: block;
    padding: 8px 8px 5px 10px;
	-ms-transition: background 400ms ease, color 400ms ease, border 400ms ease;
    -moz-transition: background 400ms ease, color 400ms ease, border 400ms ease;
	-webkit-transition: background 400ms ease, color 400ms ease, border 400ms ease;
	-o-transition: background 400ms ease, color 400ms ease, border 400ms ease;
	transition: background 400ms ease, color 400ms ease, border 400ms ease;
}
.accommodationFilter > div > section.regions > span:hover {
	background: #027AAC;
    border-bottom: 1px solid #027AAC;
    border-left: 1px solid #027AAC;
    border-right: 1px solid #027AAC;
    color: #F9F9F9;
}
.accommodationFilter > div > section.regions > span:after {
    content: "\E82A";
    float: right;
    font-family: fontello;
    margin: 0 3px 0 0;
}
.accommodationFilter > div > section.regions > div > div {
	float:left; 
	padding: 0 0 10px 0;
    width: 50%;
}
.accommodationFilter > div > section.regions > div > div > div > h5 {   
	color: #134174;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 5px 0;
    width: 100%;	
}
.accommodationFilter > div > section.regions > div > div > div > div {
    padding: 0 0 2px;
    width: 100%;
}
.accommodationFilter > div > section.regions > div > div > div > div > div {   
	float: none;
	margin: 0 0 4px;
    width: 100%;
}
.accommodationFilter > div > section.regions > div > div.buttons {
	border-bottom: none;
}
.accommodationFilter > div > section.regions > div > div > a {
    background: #C4DDE9;
    color: #000000;
    float: right;
    margin: 15px 0 0;
    padding: 3px 18px;    
    -moz-transition: background 400ms ease, color 400ms ease;
	-webkit-transition: background 400ms ease, color 400ms ease;
	-o-transition: background 400ms ease, color 400ms ease;
	transition: background 400ms ease, color 400ms ease;
}
.accommodationFilter > div > section.regions > div > div > a.select,
.accommodationFilter > div > section.regions > div > div > a.deselect {
	background: #C4DDE9;
	float: left;
}
.accommodationFilter > div > section.regions > div > div > a.select:hover,
.accommodationFilter > div > section.regions > div > div > a.deselect:hover {
	background: #027AAC;
    color: #FFFFFF;
}
.accommodationFilter > div > section.regions > div > div > a.select {
	margin-right: 10px;
}
.accommodationFilter > div > section.regions > div > div > a.search:hover {
	background: #027AAC;
    color: #FFFFFF;
}
.accommodationFilter > div > section.regions > div > div > a.search:after {
    content: "\E81E";
    display: block;
    float: left;
    font-family: "fontello";
	font-weight: normal;
    margin: 0 10px 0 -5px;
}

/* HOTSPOT */

section.hotspot {
	font-size: 0.95em;
    margin-bottom: 0;
    padding: 15px 0 10px 0;
    position: relative;
    width: 100%;
}
section.hotspot > div input {
	display: none;
}
section.hotspot > div .checkbox {
	cursor: pointer;
    padding: 0 0 0 7px;
}
section.hotspot > div .checkbox:before {
	background: #FFFFFF;
	color: #E30613;
    content: "";    
	display: block;
    float: left;
    font-family: "Fontello";
    font-size: 11px;
    height: 14px;
    line-height: 14px;
    margin: 5px 0 0;
    text-align: center;
    width: 14px;
}
section.hotspot > div .checkbox.checked:before {
    content: "\E818";
}
section.hotspot > div .checkbox > span {
    background: #ECECEC;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0 7px;
    padding: 1px 3px;
}

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

	.accommodationFilter > div > section {
		margin-bottom: 0;
	}
	.accommodationFilter > div > section.regions > div > div {
		width: 100%;
	}
	.accommodationFilter > div > section.regions > div > div > div > div {
		padding-bottom: 0;
	}
	.accommodationFilter > div > section > div > div {
		float: none;
		padding-bottom: 0;
		width: 100%;
	}

}

/* TM - Quickbucher */

.tmQuickBooking {
	background: #0076d7;
	display: block;
	position: relative;
	-webkit-transition: top 300ms ease-in;
	-moz-transition: top 300ms ease-in;
	-ms-transition: top 300ms ease-in;
	-o-transition: top 300ms ease-in;
	transition: top 300ms ease-in;
	width: 100%;
	z-index: 3;
}
/*
.tmQuickBooking.fixed {
    left: 0;
    max-height: 90px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
}
.tmQuickBooking.fixed.move {
	top: 100px;
}*/
.tmQuickBooking > .wrapper {
	background: #0076d7;
	margin: 0 auto;
	max-width: 1200px;
	padding: 25px 29px 25px 29px;
	position: relative;
}
.tmQuickBooking > .wrapper > form {
	padding-left: 240px;
	position: relative;
}
.tmQuickBooking > .wrapper > form:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > p {
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    left: 0;
    line-height: 1.4;
    position: absolute;
    text-transform: uppercase;
    top: 7px;
    white-space: nowrap;
    width: 140px;
    z-index: 2;
}
.tmQuickBooking > .wrapper > form > .row {
	float: left;
	margin: 0 1% 0 0; /* 10 */
	position: relative;
}
.tmQuickBooking > .wrapper > form > .row > .field {
	background: none;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	height: 40px;
	line-height: 38px;
	padding: 0 10px 0 50px;
	text-overflow: ellipsis;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in, border 200ms ease-in;
	-moz-transition: background 200ms ease-in, border 200ms ease-in;
	-ms-transition: background 200ms ease-in, border 200ms ease-in;
	-o-transition: background 200ms ease-in, border 200ms ease-in;
	transition: background 200ms ease-in, border 200ms ease-in;
	white-space: nowrap;
	width: 100%;
}
.tmQuickBooking > .wrapper > form > .row:hover > .field {
	background: rgba(255, 255, 255, 0.15);
}
.tmQuickBooking > .wrapper > form > .row > .field::-webkit-input-placeholder {
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .row > .field::-moz-placeholder {
	color: #FFFFFF;
	opacity: 1;
}
.tmQuickBooking > .wrapper > form > .row > .field:-ms-input-placeholder {
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .row > .field:-moz-placeholder {
	color: #FFFFFF;
	opacity: 1;
}
.tmQuickBooking > .wrapper > form > .row.focus > .field {
	background: #034e8d;
	border: 1px solid #034e8d;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .row.focus > .field::-webkit-input-placeholder {
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .row.focus > .field::-moz-placeholder {
	color: #FFFFFF;
	opacity: 1;
}
.tmQuickBooking > .wrapper > form > .row.focus > .field:-ms-input-placeholder {
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .row.focus > .field:-moz-placeholder {
	color: #FFFFFF;
	opacity: 1;
}
.tmQuickBooking > .wrapper > form > .row.towns {
	display: none;
	width: 17.928709055876684%; /* 238 */
}
.tmQuickBooking > .wrapper > form > .row.arrival {
	width: 22%; /* 143 */
}
.tmQuickBooking > .wrapper > form > .row.nights {
	width: 22%; /* 131 */
}
.tmQuickBooking > .wrapper > form > .row.rooms {
	width: 28%; /* 210 */
}
.tmQuickBooking > .wrapper > form > .row.category {
	margin-right: 0;
	width: 25%;
}
.tmQuickBooking > .wrapper > form > .row > .icon {
	background: #FFFFFF;
	cursor: pointer;
	height: 40px;
	left: 0;
	position: absolute;
	text-align: center;
	-webkit-transition: background 200ms ease-in, border 200ms ease-in;
	-moz-transition: background 200ms ease-in, border 200ms ease-in;
	-ms-transition: background 200ms ease-in, border 200ms ease-in;
	-o-transition: background 200ms ease-in, border 200ms ease-in;
	transition: background 200ms ease-in, border 200ms ease-in;
	top: 0;
	width: 40px;
}
.tmQuickBooking > .wrapper > form > .row > .icon:before {
	color: #034E8D;
	font-family: 'fontello';
	left: 0;
	line-height: 40px;
	position: absolute;
	-webkit-transition: background 200ms ease-in, border 200ms ease-in;
	-moz-transition: background 200ms ease-in, border 200ms ease-in;
	-ms-transition: background 200ms ease-in, border 200ms ease-in;
	-o-transition: background 200ms ease-in, border 200ms ease-in;
	transition: background 200ms ease-in, border 200ms ease-in;
	top: 0;
	width: 40px;
}
.tmQuickBooking > .wrapper > form > .row.focus > .icon {
	background: #034e8d;
}
.tmQuickBooking > .wrapper > form > .row.focus > .icon:before {
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .row.towns > .icon:before {
	content: '\E85A';
	font-size: 20px;
}
.tmQuickBooking > .wrapper > form > .row.arrival > .icon:before {
	content: '\E85B';
	font-size: 20px;
}
.tmQuickBooking > .wrapper > form > .row.nights > .icon:before {
	content: '\E85D';
	font-size: 12px;
}
.tmQuickBooking > .wrapper > form > .row.rooms > .icon:before {
	content: '\E85C';
	font-size: 20px;
}
.tmQuickBooking > .wrapper > form > .row.category > .icon:before {
	content: '\E864';
	font-size: 20px;
}
.tmQuickBooking > .wrapper > form > .buttons {
	display: none;
	float: right;
	width: 25.144508670520231%; /* 261 */
}
.tmQuickBooking > .wrapper > form > .buttons:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .buttons > input {
	border: 0 none;
	background: #FFFFFF;
	color: #034e8d;
	cursor: pointer;
	float: left;
	font-size: 16px;
	font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0;
    text-transform: uppercase;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
	width: 50%; /* 115 */
}
.tmQuickBooking > .wrapper > form > .buttons > input:hover {
	background: #034e8d;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .buttons > a {
	background: #034e8d;
	color: #FFFFFF;
	float: right;
	font-size: 16px;
	font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 400ms ease-in, color 400ms ease-in;
	-moz-transition: background 400ms ease-in, color 400ms ease-in;
	-ms-transition: background 400ms ease-in, color 400ms ease-in;
	-o-transition: background 400ms ease-in, color 400ms ease-in;
	transition: background 400ms ease-in, color 400ms ease-in;
	width: 50%; /* 136 */
}
.tmQuickBooking > .wrapper > form > .buttons > a:hover {
	background: #034e8d;
}
.tmQuickBooking.relative > .wrapper > form > .select {
	margin-left: -104px;
}

/* 1. Region */

.tmQuickBooking > .wrapper > form > .regionSelect {
	background: #E7E8E9;
	clear: both;
	display: none;
	margin: 0 -30px 0 -270px;
	position: relative;
	top: 25px;
}
.tmQuickBooking > .wrapper > form > .regionSelect.show {
	display: block;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper {
	overflow: hidden;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper:after {
	clear: both;
	content: "";
	display: block;
}

/* Auswahl */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul {
	min-height: 425px;
	padding-right: 612px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li {
	float: left;
	margin: 11px 5.882352941176471% 0 0; /* 11 36 0 0 */
	width: 47.058823529411768%; /* 288 */
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-of-type(2n) {
	float: right;
	margin-right: 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-child(3n) {
	margin-right: 5.882352941176471%; /* 36 */
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-child(3n) + li {
	clear: none;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > a {
	border-bottom: 1px solid #30648C;
	color: #FFFFFF;
	display: block;
	padding: 3px 0 6px;
	-webkit-transition: color 100ms ease-in;
	-moz-transition: color 100ms ease-in;
	-ms-transition: color 100ms ease-in;
	-o-transition: color 100ms ease-in;
	transition: color 100ms ease-in;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li:last-child > a {
	border-bottom: 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a:hover,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a.hover {
	background: #FFFFFF;
	color: #D40019;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a.active {
	background: #FFFFFF;
	color: #D40019;
	padding-right: 40px;
	position: relative;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a.active:after {
	content: '\E840';
	font-family: 'fontello';
	position: absolute;
	right: 15px;
	top: 3px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a {
	border-bottom: 1px solid #30648C;
	color: #FFFFFF;
	display: block;
	font-weight: 300;
	padding: 3px 5px 3px 20px;
	-webkit-transition: background 100ms ease-in, color 100ms ease-in;
	-moz-transition: background 100ms ease-in, color 100ms ease-in;
	-ms-transition: background 100ms ease-in, color 100ms ease-in;
	-o-transition: background 100ms ease-in, color 100ms ease-in;
	transition: background 100ms ease-in, color 100ms ease-in;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a:hover,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a.hover,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li > ul > li > a.selected {
	background: #FFFFFF;
	color: #D40019;
}

/* Map */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map {
	height: 425px;
	position: absolute;
	right: 44px;
	top: 106px;
	width: 590px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > svg > path {
	cursor: pointer;
	-webkit-transition: fill 400ms ease-in, stroke 400ms ease-in;
	-moz-transition: fill 400ms ease-in, stroke 400ms ease-in;
	-ms-transition: fill 400ms ease-in, stroke 400ms ease-in;
	-o-transition: fill 400ms ease-in, stroke 400ms ease-in;
	transition: fill 400ms ease-in, stroke 400ms ease-in;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > svg > path:hover,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > svg > path[data-hover='true'] {
	fill: #E2E9EF;
	stroke: #6C91AD;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label {
	background: #6C91AD;
	border: 5px solid rgba(255, 255, 255, 0.7);
	border-radius: 50%;
	display: block;
	height: 20px;
	position: absolute;
	-webkit-transition: background 300ms ease-in, border 300ms ease-in;
	-moz-transition: background 300ms ease-in, border 300ms ease-in;
	-ms-transition: background 300ms ease-in, border 300ms ease-in;
	-o-transition: background 300ms ease-in, border 300ms ease-in;
	transition: background 300ms ease-in, border 300ms ease-in;
	width: 20px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label:before {
	content: attr(data-town);
	font-size: 11px;
	font-weight: normal;
	left: 0;
	opacity: 1;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	-webkit-transition: opacity 200ms ease-in-out 200ms, color 300ms ease-in;
	-moz-transition: opacity 200ms ease-in-out 200ms, color 300ms ease-in;
	-ms-transition: opacity 200ms ease-in-out 200ms, color 300ms ease-in;
	-o-transition: copacity 200ms ease-in-out 200ms, olor 300ms ease-in;
	transition: opacity 200ms ease-in-out 200ms, color 300ms ease-in;
	white-space: nowrap;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label:after {
	background: #D40019;
	color: #FFFFFF;
	content: attr(data-town);
	font-size: 20px;
	font-weight: normal;
	left: 4px;
	line-height: 35px;
	opacity: 0;
	padding: 0 10px;
	position: absolute;
	text-transform: uppercase;
	top: 28px;
	-webkit-transition: opacity 400ms ease-in-out 200ms;
	-moz-transition: opacity 400ms ease-in-out 200ms;
	-ms-transition: opacity 400ms ease-in-out 200ms;
	-o-transition: opacity 400ms ease-in-out 200ms;
	transition: opacity 400ms ease-in-out 200ms;
	white-space: nowrap;
	z-index: -1;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label > span:before {
	border-left: 0 solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 25px solid #991915;
	content: "";
	height: 25px;
	left: 4px;
	opacity: 0;
	position: absolute;
	top: 3px;
	-webkit-transition: opacity 400ms ease-in-out 200ms;
	-moz-transition: opacity 400ms ease-in-out 200ms;
	-ms-transition: opacity 400ms ease-in-out 200ms;
	-o-transition: opacity 400ms ease-in-out 200ms;
	transition: opacity 400ms ease-in-out 200ms;
	width: 14px;
	z-index: -1;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label:hover,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.active {
	background: #D40019;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label:hover:before,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.active:before {
	color: #D40019 !important;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.hover:before {
	opacity: 0;
	-webkit-transition: opacity 200ms ease-in-out 200ms;
	-moz-transition: opacity 200ms ease-in-out 200ms;
	-ms-transition: opacity 200ms ease-in-out 200ms;
	-o-transition: opacity 200ms ease-in-out 200ms;
	transition: opacity 200ms ease-in-out 200ms;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.hover:after {
	opacity: 1;
	z-index: 2;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.hover > span:before {
	opacity: 1;
	z-index: 2;
}

/* Hohe Salve */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label1 {
	left: 117px;
	top: 98px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label1:before {
	color: #CFD1D2;
	left: 15px;
	top: 5px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label2 {
	left: 80px;
	top: 92px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label2:before {
	color: #CFD1D2;
	left: -59px;
	top: -21px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label3 {
	left: 160px;
	top: 181px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label3:before {
	left: -46px;
	top: 16px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label4 {
	left: 151px;
	top: 160px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label4:before {
	left: 20px;
	top: -4px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label5 {
	left: 124px;
	top: 228px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label5:before {
	left: -19px;
	top: 14px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label6 {
	left: 142px;
	top: 86px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label6:before {
	color: #CFD1D2;
	left: 18px;
	top: -14px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label7 {
	left: 134px;
	top: 66px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label7:before {
	color: #CFD1D2;
	left: -25px;
	top: -22px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label8 {
	left: 88px;
	top: 130px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label8:before {
	left: 19px;
	top: -5px;
}

/* Brixental */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label9 {
	left: 246px;
	top: 177px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label9:before {
	left: -10px;
	top: -21px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label10 {
	left: 294px;
	top: 188px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label10:before {
	left: -17px;
	top: 16px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label11 {
	left: 219px;
	top: 197px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label11:before {
	left: -26px;
	top: 17px;
}

/* St. Johann in Tirol */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label12 {
	left: 395px;
	top: 53px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label12:before {
	left: -80px;
	top: -4px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label12:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label12 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label13 {
	left: 378px;
	top: 86px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label13:before {
	left: 19px;
	top: -4px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label13:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label13 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label14 {
	left: 347px;
	top: 143px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label14:before {
	left: 18px;
	top: -3px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label14:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label14 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label15 {
	left: 372px;
	top: 120px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label15:before {
	left: 18px;
	top: -4px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label15:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label15 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
		
/* PillerseeTal */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label16 {
	left: 486px;
	top: 190px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label16:before {
	left: -31px;
	top: 23px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label16:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label16 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label17 {
	left: 515px;
	top: 196px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label17:before {
	left: -13px;
	top: -19px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label17:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label17 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label18 {
	left: 487px;
	top: 151px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label18:before {
	left: -55px;
	top: 14px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label18:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label18 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label19 {
	left: 495px;
	top: 113px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label19:before {
	left: -32px;
	top: 14px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label19:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label19 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label20 {
	left: 479px;
	top: 53px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label20:before {
	left: -5px;
	top: 16px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label20:after {
	left: auto;
	right: 4px;	
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > a.label.label20 > span:before {
	border-left: 14px solid transparent;
	border-right: 0 solid transparent;
	left: auto;
	right: 4px;	
}

/* Kitzbühel */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > p.kitzbuehel {
	color: #CFD1D2;
	font-size: 12px;
	left: 332px;
	position: absolute;
	top: 175px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > p.kitzbuehel:before {
	background: #6889A2;
	border-radius: 50%;
	content: "";
	height: 10px;
	position: absolute;
	right: 11px;
	top: 18px;
	width: 10px;
}

/* Wilder Kaiser */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > p.wilderkaiser {
	color: #CFD1D2;
	font-size: 12px;
	left: 217px;
	position: absolute;
	top: 113px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map > p.wilderkaiser:before {
	background: url("/img/tourismusmanager/wilderkaiser.png") scroll no-repeat left top;
	background-size: 173px 56px;
	content: "";
	height: 56px;
	left: -27px;
	position: absolute;
	top: -45px;
	width: 173px;
	z-index: 1;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .button {
	margin: 15px 0 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .button:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .button > input {
	border: 0 none;
	background: #FFFFFF;
	color: #004071;
	cursor: pointer;
	float: right;
	font-size: 26px;
	line-height: 45px;
	padding: 0 25px;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .button > input:hover {
	background: #D40019;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .close {
	cursor: pointer;
	display: none;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 25px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .close > span {
    background: #2d343e;
    color: #ffffff;
    display: inline-block;
    height: 20px;
    left: 0;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .close > span::before {
    content: "\E860";
    display: block;
    font-family: "fontello";
    font-size: 10px;
    font-weight: normal;
    transition: color 200ms ease 0s;
}

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .buttons {
	float: right;
	width: 100%; /* 261 */
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .buttons:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .buttons > a {
	background: #FFFFFF;
	color: #034e8d;
	float: right;
	font-size: 16px;
	font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 400ms ease-in, color 400ms ease-in;
	-moz-transition: background 400ms ease-in, color 400ms ease-in;
	-ms-transition: background 400ms ease-in, color 400ms ease-in;
	-o-transition: background 400ms ease-in, color 400ms ease-in;
	transition: background 400ms ease-in, color 400ms ease-in;
	width: 50%; /* 136 */
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .buttons > a:hover {
	background: #034e8d;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .buttons > .book {
	border: 0 none;
	background: #034e8d;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-size: 16px;
	font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 20px 0;
    text-transform: uppercase;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
	width: 50%; /* 115 */
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .buttons > .book:hover {
	background: #034e8d;
	color: #FFFFFF;
}

/* 2. Anreisedatum */

.tmQuickBooking > .wrapper > form > .arrivalSelect {
	background: #E7E8E9;
	clear: both;
	display: none;
	margin: 0 -30px 0 -270px;
	padding: 40px 30px 30px 30px;
	position: relative;
	top: 25px;
}
body:not(.accooverview) .tmQuickBooking.show > .wrapper > form > .arrivalSelect {
	bottom: auto;
	top: 61px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect.show {
	display: block;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > p.headline {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .button {
	margin: 15px 0 0;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .button:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .button > input {
	border: 0 none;
	background: #FFFFFF;
	color: #004071;
	cursor: pointer;
	float: right;
	font-size: 26px;
	line-height: 45px;
	padding: 0 25px;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .button > input:hover {
	background: #D40019;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .close {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 25px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .close > span {
    background: #2d343e;
    color: #ffffff;
    display: inline-block;
    height: 20px;
    left: 0;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .close > span:before {
    content: "\E860";
    display: block;
    font-family: "fontello";
    font-size: 10px;
    font-weight: normal;
    transition: color 200ms ease 0s;
}

/* 3. Abreisedatum */

.tmQuickBooking > .wrapper > form > .departureSelect {
	background: #E7E8E9;
	clear: both;
	display: none;
	margin: 0 -30px 0 -270px;
	padding: 40px 30px 40px 30px;
	position: relative;
	top: 25px;
}
body:not(.accooverview) .tmQuickBooking.show > .wrapper > form > .departureSelect {
	bottom: auto;
	top: 61px;
}
.tmQuickBooking > .wrapper > form > .departureSelect.show {
	display: block;
}
.tmQuickBooking > .wrapper > form > .departureSelect > p.headline {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .row {
	display: none;
	position: absolute;
	right: 120px;
	top: 36px;
	width: 150px;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .row:before {
	color: #004071;
	content: '\E845';
	font-family: 'fontello';
	font-size: 12px;
	line-height: 45px;
	position: absolute;
	right: 15px;
	top: 0;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .row > .field {
	border: 0 none;
	background: #FFFFFF;
	color: #004071;
	cursor: pointer;
	line-height: 45px;
	padding: 0 35px 0 15px;
	width: 100%;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul {
	clear: both;
	padding: 20px 0 0;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li {
	background: #FFFFFF;
	color: #2d343e;
	cursor: pointer;
	float: left;
	line-height: 1.2;
	margin: 1.315789473684211% 1.315789473684211% 0 0; /* 15 15 0 0 */
	padding: 10px;
	-webkit-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	width: 13.157894736842104%; /* 150 */
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:hover,
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li.selected {
	background: #034e8d;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) {
	margin-right: 0;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) + li {
	clear: both;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li > p > span {
	display: block;
	text-align: center;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li > p > span.nights > span {
	font-size: 18px;
	font-weight: bold;
	margin: 0 2px 0 0;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li > p > span.date {
	border-top: 1px solid #D9D9DA;
	font-size: 15px;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	-webkit-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, border 200ms ease-in, color 200ms ease-in;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li.selected > p > span.date,
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:hover > p > span.date {
	border-top: 1px solid #81A7C6;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li > p > span.date > span.day {
	display: inline-block;
	font-weight: bold;
	margin: 0 5px 0 0;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li > p > span.date > span.value {
	color: #2d343e;
	font-weight: bold;
	-webkit-transition: color 200ms ease-in;
	-moz-transition: color 200ms ease-in;
	-ms-transition: color 200ms ease-in;
	-o-transition: color 200ms ease-in;
	transition: color 200ms ease-in;
}
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:hover > p > span.date > span.value,
.tmQuickBooking > .wrapper > form > .departureSelect > ul > li.selected > p > span.date > span.value {
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .button {
	margin: 15px 0 0;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .button:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .button > input {
	border: 0 none;
	background: #FFFFFF;
	color: #004071;
	cursor: pointer;
	float: right;
	font-size: 26px;
	line-height: 45px;
	padding: 0 25px;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .button > input:hover {
	background: #D40019;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .close {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 25px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .close > span {
    background: #2d343e;
    color: #ffffff;
    display: inline-block;
    height: 20px;
    left: 0;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .departureSelect > .close > span:before {
    content: "\E860";
    display: block;
    font-family: "fontello";
    font-size: 10px;
    font-weight: normal;
    transition: color 200ms ease 0s;
}

/* 4. Zimmer */

.tmQuickBooking > .wrapper > form > .roomSelect {
	background: #E7E8E9;
	clear: both;
	display: none;
	margin: 0 -30px 0 -270px;
	padding: 40px 30px 40px 30px;
	position: relative;
	top: 25px;
}
body:not(.accooverview) .tmQuickBooking.show > .wrapper > form > .roomSelect {
	bottom: auto;
	top: 61px;
}
.tmQuickBooking > .wrapper > form > .roomSelect.show {
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > p.headline {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div {
	margin: 35px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt {
	background: #FFFFFF;
	color: #2D343E;
	cursor: pointer;
	float: left;
	font-size: 15px;
	font-weight: 500;
    height: 40px;
    line-height: 40px;
	margin: 0 1.453488372093023% 0 0; /* 0 15 0 0 */
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-moz-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-ms-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-o-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	width: 32.36434108527132%; /* 334 */
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt:hover,
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.selected {
	background: #034E8D;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.single {
	padding-left: 19px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.double {
	padding-left: 30px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.multi {
	padding-left: 36px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt:before {
	font-family: 'fontello';
    font-size: 20px;
    margin: 0 0 0 -20px;
    position: absolute;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.single:before {
	content: '\E85C';
	margin-left: -36px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.double:before {
	content: '\E85C';
	margin-left: -36px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.multi:before {
	content: '\E85C';
	margin-left: -36px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt:nth-child(3n) {
	margin-right: 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox {
	clear: both;
	margin: 40px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * {
	background: #0076D7;
	margin: 10px 0;
	padding: 10px 70px 0 70px;
	position: relative;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .icon {
	background: #034e8d;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 55px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .icon:before {
	color: #FFFFFF;
	content: '\F236';
	display: block;
	font-family: 'fontello';
	font-size: 26px;
	line-height: 55px;
	text-align: center;
	width: 55px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > *:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * label {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 15px;
	line-height: 35px;
	margin: 0 14px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox .adults label {
	width: 120px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox .ages label {
	width: 120px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .adults {
	float: left;
	margin: 0 20px 10px 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .adults select {
	border: 0 none;
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .children {
	float: left;
	margin: 0 20px 10px 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .children select {
	border: 0 none;
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages {
	display: none;
	float: left;
	margin: 0 0 10px 0;
	position: relative;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages.show {
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages select {
	border: 0 none;
	display: none;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0 8px 0 0;
	padding: 0 15px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages select.show {
	display: block;
}		
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons {
	position: absolute;
	right: 13px;
	top: 18px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li {
	background: #034E8D;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 0 2px;
	position: relative;
	text-align: center;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 20px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room1 > .buttons > li.remove {
	cursor: not-allowed;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room3 > .buttons > li.add {
	cursor: not-allowed;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li.remove:before {
	color: #FFFFFF;
	content: '\E831';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li.add:before {
	color: #FFFFFF;
	content: '\E836';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li:hover {
	background: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li:hover:before {
	color: #034E8D;
}
/*.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room {
	background: #0B4877;
	border: 1px solid #265C86;
	margin: 0 0 10px;
	padding: 15px 80px;
	position: relative;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .icon {
	background: #265C86;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 65px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .icon:before {
	color: #FFFFFF;
	content: '\E849';
	display: block;
	font-family: 'fontello';
	font-size: 30px;
	line-height: 65px;
	text-align: center;
	width: 65px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room3 {
	margin-bottom: 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .adults {
	float: left;
	margin: 0 20px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .adults > label {
	color: #FFFFFF;
	display: inline-block;
	line-height: 35px;
	margin: 0 15px 0 0;
	width: 120px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .adults > .field {
	border: 0 none;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .children {
	float: left;
	margin: 0 20px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .children > label {
	color: #FFFFFF;
	display: inline-block;
	line-height: 35px;
	margin: 0 15px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .children > .field {
	border: 0 none;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .ages {
	clear: both;
	display: none;
	padding: 10px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .ages.show {
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .ages > label {
	color: #FFFFFF;
	display: inline-block;
	line-height: 35px;
	margin: 0 15px 0 0;
	width: 120px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .ages > .field {
	border: 0 none;
	display: none;
	height: 35px;
	line-height: 35px;
	margin: 0 8px 0 0;
	padding: 0 15px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .ages > .field.show {
	display: inline-block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > ul.buttons {
	position: absolute;
	right: 13px;
	top: 23px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > ul.buttons > li {
	background: #265C86;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 0 2px;
	position: relative;
	text-align: center;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 20px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room1 > ul.buttons > li.remove {
	cursor: not-allowed;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room3 > ul.buttons > li.add {
	cursor: not-allowed;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > ul.buttons > li.remove:before {
	color: #FFFFFF;
	content: '\E831';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > ul.buttons > li.add:before {
	color: #FFFFFF;
	content: '\E836';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > ul.buttons > li:hover {
	background: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > ul.buttons > li:hover:before {
	color: #265C86;
}*/
.tmQuickBooking > .wrapper > form > .roomSelect > .button {
	margin: 15px 0 0;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .button:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .button > input {
	border: 0 none;
	background: #FFFFFF;
	color: #004071;
	cursor: pointer;
	float: right;
	font-size: 26px;
	line-height: 45px;
	padding: 0 25px;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .button > input:hover {
	background: #D40019;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .close {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .close > span {
    background: #2d343e;
    color: #ffffff;
    display: inline-block;
    height: 20px;
    left: 0;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .close > span:before {
    content: "\E860";
    display: block;
    font-family: "fontello";
    font-size: 10px;
    font-weight: normal;
    transition: color 200ms ease 0s;
}

/* Content */

.tmQuickBooking.relative {
	bottom: auto !important;
	margin: 40px 0 0 !important;
	position: relative !important;
	top: auto !important;
}

/* 1. Region */

.tmQuickBooking.relative > .wrapper > form > .regionSelect {
	bottom: auto;
	clear: both;
	left: auto;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	right: auto;
}
.tmQuickBooking.relative > .wrapper > form > .regionSelect > .close {
	right: -12px;
}

/* 2. Anreisedatum */

.tmQuickBooking.relative > .wrapper > form > .arrivalSelect {
	bottom: auto;
	clear: both;
	left: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: 100px;
	position: relative;
	right: auto;
}
.tmQuickBooking.relative > .wrapper > form > .arrivalSelect > .close {
	right: -12px;
}

/* 3. Abreisedatum */

.tmQuickBooking.relative > .wrapper > form > .departureSelect {
	background: #034E8D;
	clear: both;
	display: none;
	margin: 0 -30px 0 -210px;
	padding: 40px 48px 40px 48px;
	position: relative;
	top: 25px;
}
.tmQuickBooking.relative > .wrapper > form > .departureSelect > .close {
	right: -12px;
}

/* 4. Zimmer */

.tmQuickBooking.relative > .wrapper > form > .roomSelect {
	background: #034E8D;
	clear: both;
	display: none;
	margin: 0 -30px 0 -270px;
	padding: 40px 48px 40px 48px;
	position: relative;
	top: 25px;
}
.tmQuickBooking > .wrapper > form > .roomSelect.multi {
	padding-bottom: 100px;
}
.tmQuickBooking.relative > .wrapper > form > .roomSelect > .close {
	right: -12px;
}
.tmQuickBooking > .wrapper > form > .roomSelect > .confirm {
	display: none;
}
.tmQuickBooking > .wrapper > form > .roomSelect.multi > .confirm {
    background: #034E8D;
	bottom: 30px;
    color: #FFFFFF;
    cursor: pointer;
	display: block;
    font-size: 16px;
	font-weight: bold;
    height: 40px;
    line-height: 40px;
	position: absolute;
    padding: 0 20px 0 20px;
	right: 30px;
	text-transform: uppercase;
    transition: background 400ms ease-in, color 400ms ease-in;
	-webkit-transition: background 400ms ease-in, color 400ms ease-in;
	-moz-transition: background 400ms ease-in, color 400ms ease-in;
	-ms-transition: background 400ms ease-in, color 400ms ease-in;
	-o-transition: background 400ms ease-in, color 400ms ease-in;
	transition: background 400ms ease-in, color 400ms ease-in;	
}
.tmQuickBooking > .wrapper > form > .roomSelect.multi > .confirm:hover {
	background: #E30613;
}

/* 5. Kategorie */

.tmQuickBooking > .wrapper > form > .categorySelect {
	background: #E7E8E9;
	clear: both;
	display: none;
	margin: 0 -30px 0 -270px;
	padding: 40px 30px 70px 30px;
	position: relative;
	top: 25px;
}
.tmQuickBooking > .wrapper > form > .categorySelect.show {
	display: block;
}
.tmQuickBooking > .wrapper > form > .categorySelect > p.headline {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .categorySelect > .close {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 25px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
}
.tmQuickBooking > .wrapper > form > .categorySelect > .close > span {
    background: #2d343e;
    color: #ffffff;
    display: inline-block;
    height: 20px;
    left: 0;
    line-height: 21px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .categorySelect > .close > span:before {
    content: "\E860";
    display: block;
    font-family: "fontello";
    font-size: 10px;
    font-weight: normal;
    transition: color 200ms ease 0s;
}
.tmQuickBooking > .wrapper > form > .categorySelect > .confirm {
    background: #034E8D;
	bottom: 30px;
    color: #FFFFFF;
    cursor: pointer;
	display: block;
    font-size: 16px;
	font-weight: bold;
    height: 40px;
    line-height: 40px;
	position: absolute;
    padding: 0 20px 0 20px;
	right: 30px;
	text-transform: uppercase;
    transition: background 400ms ease-in, color 400ms ease-in;
	-webkit-transition: background 400ms ease-in, color 400ms ease-in;
	-moz-transition: background 400ms ease-in, color 400ms ease-in;
	-ms-transition: background 400ms ease-in, color 400ms ease-in;
	-o-transition: background 400ms ease-in, color 400ms ease-in;
	transition: background 400ms ease-in, color 400ms ease-in;	
}
.tmQuickBooking > .wrapper > form > .categorySelect > .confirm:hover {
	background: #E30613;
}

/* Mobile */

#HeaderWrapper.mobile + #GalleryWrapper > .tmQuickBooking {
	position: relative !important;
}

/* Fixed Header */

#HeaderWrapper.fixed + #GalleryWrapper > .tmQuickBooking {
	bottom: auto;
	position: fixed;
	top: 0;
}
#HeaderWrapper.fixed + #GalleryWrapper > .tmQuickBooking.show {
	top: 100px;
}
body.cookieMsg #HeaderWrapper.fixed + #GalleryWrapper > .tmQuickBooking.show {
	top: 145px;
}
#HeaderWrapper.fixed + #GalleryWrapper > .tmQuickBooking > .wrapper {
	max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
}
#HeaderWrapper.fixed + #GalleryWrapper > .tmQuickBooking > .wrapper:before {
	background: #004071;
	border-top: 1px solid #265C86;
	bottom: 0;
	content: "";
	left: -2000px;
	position: absolute;
	top: -1px;
	width: 2000px;
}
#HeaderWrapper.fixed + #GalleryWrapper > .tmQuickBooking > .wrapper:after {
	background: #004071;
	border-top: 1px solid #265C86;
	bottom: 0;
	content: "";
	position: absolute;
	right: -2000px;
	top: -1px;
	width: 2000px;
}
/*
#HeaderWrapper.fixed + #GalleryWrapper > .tmQuickBooking > .wrapper > form > .select {
	display: none;
}
*/

/* Trigger - Mobile */

.tmQuickBooking > .triggerMobile {
	display: none;
}

/* Package */

.tmQuickBooking > .wrapper.package > form {
	text-align: right;
}
.tmQuickBooking > .wrapper.package > form > .row {
    display: inline-block;
    float: none;
}
.tmQuickBooking > .wrapper.package > form > .row.towns {
	display: none;
}
.tmQuickBooking > .wrapper > form > .select {
	text-align: left;
}	
	

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

	/* 1. Region */

	.tmQuickBooking.relative > .wrapper > form > .regionSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .close {
		right: 17px;
	}
	.tmQuickBooking.relative > .wrapper > form > .arrivalSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect > .close {
		right: 17px;
	}
	.tmQuickBooking.relative > .wrapper > form > .departureSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > .close {
		right: 17px;
	}

	/* 4. Zimmer */

	.tmQuickBooking.relative > .wrapper > form > .roomSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .close {
		right: 17px;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect.multi > .confirm {
		right: 29px;
	}

}

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

	/* 1. Region */
	
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul {
		min-height: 0;
		padding-right: 0;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li {
		float: left !important;
		margin-right: 2% !important;
		width: 23.5%;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-child(3n) + li {
		clear: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-child(4n) {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-child(4n) + li {
		clear: both;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .map {
		display: none;
	}
		
	/* 2. Anreisedatum */
	
	.tmQuickBooking > .wrapper > form > .arrivalSelect {
		padding-right: 29px;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect > p.headline {
		float: none;
		max-width: 100%;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar {
		float: none;
		width: 100%;
	}
		
}

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

	.tmQuickBooking > .wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}
	.tmQuickBooking > .wrapper > form {
		padding-left: 0;
	}
	.tmQuickBooking > .wrapper > form > p {
		display: none;
	}
	.tmQuickBooking > .wrapper > form > p.package {
		display: block;
	}
	.tmQuickBooking > .wrapper > form > .select {
		margin-left: -20px;
		margin-right: -20px;
	}

	/* Content */

	.tmQuickBooking.relative > .wrapper > form > .select {
		margin-left: 0;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect {
		padding-left: 20px;
		padding-right: 20px;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect {
		padding-left: 20px;
		padding-right: 20px;
	}

	.tmQuickBooking > .wrapper > form > .arrivalSelect {
		padding-left: 20px;
		padding-right: 20px;
	}
	.tmQuickBooking > .wrapper > form > .categorySelect {
		padding-left: 20px;
		padding-right: 20px;
	}

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

	.tmQuickBooking.fixed {
		top: -100px;
	}
	.tmQuickBooking.fixed.move {
		top: 0;
	}
		
}
@media all and (max-width: 940px){

	.tmQuickBooking.fixed {
		position: relative;
		top: auto;
	}
	.tmQuickBooking.fixed.move {
		top: auto;
	}
	.tmQuickBooking > .wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}
	.tmQuickBooking > .wrapper > form > p {
		display: block;
		left: auto;
		padding-right: 0;
		position: relative;
		text-align: center;
		top: auto;
		width: auto;
	}
	.tmQuickBooking > .wrapper > form > p.package {
		display: block;
		left: 0;
		position: absolute;
		top: 7px;
		width: 140px;
	}
	.tmQuickBooking > .wrapper > form > .row.towns {
		margin-bottom: 10px;
	}
	.tmQuickBooking > .wrapper > form > .buttons {
		margin-left: 0 !important;
		width: 66% !important;
	}
	.tmQuickBooking > .wrapper > form > .buttons > input {
		margin-right: 0;
		width: 48.585690515806988%; /* 292 */
	}
	.tmQuickBooking > .wrapper > form > .buttons > a {
		margin-left: 0;
		width: 48.419301164725461%; /* 291 */
	}
		
	/* 1. Region */

	.tmQuickBooking > .wrapper > form > .regionSelect > p.headline {
		padding-right: 80px;
	}
	.tmQuickBooking.relative > .wrapper > form > .regionSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li {
		margin-right: 5% !important;
		width: 47.5%;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-child(2n) {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li:nth-child(2n) + li {
		clear: both;
	}

	/* 2. Anreisedatum */

	.tmQuickBooking.relative > .wrapper > form > .arrivalSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect > p.headline {
		padding-right: 80px;
	}

	/* 3. Abreisedatum */

	.tmQuickBooking.relative > .wrapper > form > .departureSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > p.headline {
		padding-right: 80px;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li {
		margin-right: 1.648351648351648% !important; /* 15 */
		margin-top: 1.648351648351648% !important; /* 15 */
		width: 15.293040293040299%; /* 139.1666666666 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value='13'],
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value='14'] {
		display: none;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) {
		margin-right: 1.648351648351648% !important; /* 15 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) + li {
		clear: none;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(6n) {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(6n) + li {
		clear: both;
	}

	/* 4. Zimmer */

	.tmQuickBooking.relative > .wrapper > form > .roomSelect {
		top: auto;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > p.headline {
		padding-right: 80px;
	}	

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

	.tmQuickBooking > .wrapper > form > .select {
		margin-left: -15px;
		margin-right: -15px;
	}
		
}
@media all and (max-width: 800px){

	.tmQuickBooking > .wrapper > form > .roomSelect {
		padding-left: 15px;
		padding-right: 15px;
	}
		
	/* 3. Abreisedatum */

	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li {
		margin-right: 1.948051948051948% !important; /* 15 */
		margin-top: 1.948051948051948% !important; /* 15 */
		width: 23.506493506493506%; /* 181 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value='9'],
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value='10'],
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value='11'],
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value='12'] {
		display: block;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) {
		margin-right: 1.948051948051948% !important; /* 15 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) + li {
		clear: none;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(6n) {
		margin-right: 1.948051948051948% !important; /* 15 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(6n) + li {
		clear: none;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(4n) {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(4n) + li {
		clear: both;
	}
		
}

@media all and (max-width: 740px){
	
	.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-header .ui-datepicker-prev {
		color: #004071;
		left: 15px !important;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-header .ui-datepicker-next {
		color: #004071;
		right: 15px !important;
	}

}
@media all and (max-width: 720px){
	
	.tmQuickBooking > .wrapper > form > .row {
		margin-right: 2% !important;
		width: 49% !important;
	}
	.tmQuickBooking > .wrapper > form > .row.arrival {
		margin-bottom: 10px;
	}
	.tmQuickBooking > .wrapper > form > .row.nights {
		margin-bottom: 10px;
	}
	.tmQuickBooking > .wrapper > form > .row.nights {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .row.category {
		margin-right: 0 !important;		
	}
	.tmQuickBooking > .wrapper > form > p.package {
		display: none;
	}

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

	/* 4. Zimmer */
		
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .ages > label {
		float: none;
		padding: 4px 0 8px;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > .room > .ages > label + .show {
		clear: left;
	}
		
}

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

	body.showQuickBooking {
		overflow: hidden;
	}

	.tmQuickBooking > .wrapper {
		display: block;
	}
	.tmQuickBooking > .wrapper.show {
		display: block;
	}
	.tmQuickBooking > .wrapper > form > p {
		margin-bottom: 17px;
		margin-top: -12px;
		text-align: left;
	}
	.tmQuickBooking > .wrapper > form > .row {
		margin-right: 0 !important;
		width: 100% !important;
	}
	.tmQuickBooking > .wrapper > form > .row.arrival {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .row.nights {
		margin-right: 0% !important;
	}
	.tmQuickBooking > .wrapper > form > .row.rooms {
		margin-bottom: 10px;
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .buttons {
		clear: both;
		float: none;
		width: 100% !important;
	}
	.tmQuickBooking > .wrapper > form > .buttons > input {
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%;
	}
	.tmQuickBooking > .wrapper > form > .buttons > a {
		width: 100%;
	}

	/* 1. Region */

	.tmQuickBooking > .wrapper > form > .row.towns {
		display: block;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect {
		bottom: 0 !important;
		left: 0 !important;
		margin-left: 0;
		margin-right: 0;
		overflow: auto !important;
		padding: 11px 15px 15px !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 10;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect.show {
		display: none;
	}
	body.showQuickBooking .tmQuickBooking > .wrapper > form > .regionSelect.show {
		display: block;
	}
	.tmQuickBooking.relative > .wrapper > form > .regionSelect {
		bottom: 0 !important;
		padding-top: 175px !important;
		top: 0;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .close {
		display: block;
		right: 0 !important;
		top: 3px !important;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > p.headline {
		font-size: 28px !important;
		padding-right: 40px !important;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper {
		margin-bottom: 15px !important;
	}

	/* 2. Anreisedatum */

	.tmQuickBooking > .wrapper > form > .arrivalSelect {
		bottom: 0 !important;
		left: 0 !important;
		margin-left: 0;
		margin-right: 0;
		overflow: auto !important;
		padding: 11px 15px 15px !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 10;
	}
	.tmQuickBooking.relative > .wrapper > form > .arrivalSelect {
		bottom: 0 !important;
		padding-top: 175px !important;
		top: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect > .close {
		right: 0 !important;
		top: 3px !important;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect > p.headline {
		font-size: 28px !important;
		padding-right: 40px !important;
	}

	/* 3. Abreisedatum */

	.tmQuickBooking > .wrapper > form > .departureSelect {
		bottom: 0 !important;
		left: 0 !important;
		margin-left: 0;
		margin-right: 0;
		overflow: auto !important;
		padding: 11px 15px 15px !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 10;
	}
	.tmQuickBooking.relative > .wrapper > form > .departureSelect {
		bottom: 0 !important;
		padding-top: 175px !important;
		top: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > .close {
		right: 0 !important;
		top: 3px !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > p.headline {
		font-size: 28px !important;
		padding-right: 40px !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > .wrapper {
		margin-bottom: 30px !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul {
		margin-bottom: 15px !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li {
		margin-right: 2.631578947368421% !important;
		margin-top: 2.631578947368421% !important; /* 15 */
		width: 48.596491228070178% !important; /* 277 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) {
		margin-right: 2.631578947368421% !important; /* 15 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(7n) + li {
		clear: none !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(6n) {
		margin-right: 2.631578947368421% !important; /* 15 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(6n) + li {
		clear: none !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(4n) {
		margin-right: 2.631578947368421% !important; /* 15 */
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(4n) + li {
		clear: none !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(2n) {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li:nth-child(2n) + li {
		clear: both !important;
	}
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value="13"],
	.tmQuickBooking > .wrapper > form > .departureSelect > ul > li[data-value="14"] {
		display: block !important;
	}

	/* 4. Zimmer */

	.tmQuickBooking > .wrapper > form > .roomSelect {
		bottom: 0 !important;
		left: 0 !important;
		margin-left: 0;
		margin-right: 0;
		overflow: auto !important;
		padding: 11px 15px 15px !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 10;
	}
	.tmQuickBooking.relative > .wrapper > form > .roomSelect {
		bottom: 0 !important;
		padding-top: 175px !important;
		top: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .close {
		right: 0 !important;
		top: 3px !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > div > .opt {
		float: none !important;
		margin-bottom: 10px !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > p.headline {
		font-size: 28px !important;
		padding-right: 40px !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .wrapper {
		margin-bottom: 30px !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .children {
		clear: left !important;
		margin: 10px 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * label {
		width: 120px !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages {
		padding-top: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages select {
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages select:nth-of-type(3n) {
		margin-right: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .ages select:nth-of-type(3n) + select {
		clear: left !important;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect.multi > .confirm {
		background: #D40019;
		bottom: 0;
		color: #FFFFFF;
		height: 45px;
		line-height: 43px;
		margin: 0 0 -25px auto;
		position: relative;
		right: auto;
		text-align: center;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect.multi > .confirm:last-child {
		margin-bottom: 30px;
	}

	/* 5. Kategorie */

	.tmQuickBooking > .wrapper > form > .categorySelect {
		bottom: 0 !important;
		left: 0 !important;
		margin-left: 0;
		margin-right: 0;
		overflow: auto !important;
		padding: 11px 15px 15px !important;
		position: fixed !important;
		right: 0 !important;
		top: 0 !important;
		z-index: 10;
	}
	.tmQuickBooking.relative > .wrapper > form > .categorySelect {
		bottom: 0 !important;
		padding-top: 175px !important;
		top: 0 !important;
	}
	.tmQuickBooking > .wrapper > form > .categorySelect > .confirm {
		left: 0;
		margin: 0 0 20px;
		position: relative;
		right: 0;
		text-align: center;
		top: 0;
	}

	/* Trigger - Mobile */

	.tmQuickBooking > .wrapper.show + .triggerMobile {
		display: none;
	}
	.tmQuickBooking > .triggerMobile {
		background: #0076d7;
		cursor: pointer;
		display: none;
		padding: 15px;
	}
	.tmQuickBooking > .triggerMobile:after {
		clear: both;
		content: "";
		display: block;
	}
	.tmQuickBooking > .triggerMobile > p.field {
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
		float: left;
		font-weight: 600;
		line-height: 40px;
		margin-right: 2%;
		overflow: hidden;
		padding: 0 10px 0 50px;
		position: relative;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
		width: 49%;
	}
	.tmQuickBooking > .triggerMobile > p.field:before {
		background: #FFFFFF;
		color: #034e8d;
		content: '\E85B';
		font-family: "fontello";
		font-size: 20px;
		font-weight: 300;
		left: 0;
		line-height: 40px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 40px;
	}
	.tmQuickBooking > .triggerMobile > p.button {
		background: #FFFFFF;
		color: #034e8d;
		float: left;
		font-weight: bold;
		line-height: 40px;
		padding: 0 15px;
		text-align: center;
		text-transform: uppercase;
		width: 49%;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper {
		margin: -15px -15px -15px -15px;
	}
	.tmQuickBooking > .wrapper > form > .arrivalSelect,
	.tmQuickBooking > .wrapper > form > .departureSelect,
	.tmQuickBooking > .wrapper > form > .roomSelect {
		padding-top: 50px !important;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .buttons > a {
		display: none;
	}
	.tmQuickBooking > .wrapper > form > .buttons {
		display: block;
	}
	.tmQuickBooking > .wrapper > form > .row.category {
		margin-bottom: 10px;
	}
	.tmQuickBooking > .wrapper > form > p.package {
		display: none;
	}
	.tmQuickBooking > .wrapper.package > form > .row.towns {
		display: block;
	}

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

	.tmQuickBooking > .wrapper > form > .row {
		float: none !important;
		margin-right: 0 !important;
		width: 100% !important;
	}

	/* 1. Region */

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > ul > li {
		float: none;
		margin-right: 0;
		width: 100%;
	}

	/* 4. Zimmer */

	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox {
		padding: 0;
	}

}

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

	.tmQuickBooking.relative > .wrapper > form > .regionSelect {
		padding-top: 145px !important;
	}
	.tmQuickBooking.relative > .wrapper > form > .arrivalSelect {
		padding-top: 145px !important;
	}
	.tmQuickBooking.relative > .wrapper > form > .departureSelect {
		padding-top: 145px !important;
	}
	.tmQuickBooking.relative > .wrapper > form > .roomSelect {
		padding-top: 145px !important;
	}	

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

	.tmQuickBooking > .triggerMobile > p.field {
		width: 100%;
	}
	.tmQuickBooking > .triggerMobile > p.button {
		display: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect {
		padding-top: 50px !important;
	}

}
@media all and (max-width: 420px){
	
	/* 4. Zimmer */

	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * {
		padding-right: 30px;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * label {
		float: none;
		margin-bottom: 5px;
		margin-right: 0;
		padding: 0;
		width: auto;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .adults select {
		float: none;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .children select {
		float: none;
	}
	.tmQuickBooking > .wrapper > form > .roomSelect > .roombox .ages label {
		padding: 0;
	}

}

.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar {
	background: #E7E8E9;
	float: right;
	margin: 35px 0 0 0;
	width: 100%;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker {
	background: #FFFFFF;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0 !important;
	width: 100% !important;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker:after {
	content: "";
	clear: both;
	display: block;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-header {
	background: #FFFFFF;
    height: 45px !important;
    line-height: 40px !important;
    margin: 0 -10px 0 -10px;
    padding-bottom: 0 !important;
    padding-top: 3px !important;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker > table {
	width: 100%;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-header .ui-datepicker-prev {
	color: #FFFFFF;
	font-size: 20px;
	left: 10px !important;
	top: 7px !important;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-header .ui-datepicker-prev:after {
	font-size: 24px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-header .ui-datepicker-next {
	color: #FFFFFF;
	font-size: 20px;
	right: 10px !important;
	top: 7px !important;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-header .ui-datepicker-next:after {
	font-size: 24px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-title {
	background: #034E8D;
	color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-multi .ui-datepicker-group {
	float: left;
	padding: 0 10px 0 10px;
	width: 33.33333333333333333333%
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-multi .ui-datepicker-group table {
	margin-bottom: 0;
	width: 100%;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker th {
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker th > span {
	background: #034E8D;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-weight: 600;
	margin: 8px -10px 0 -10px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker tr:first-child td {
	padding-top: 15px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker tr:last-child td {
	padding-bottom: 15px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker td {
	border-left: none;
    border-right: none;
    height: 34px;
    line-height: 34px;
    padding: 2px 2px 2px 2px;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker td span,
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker td a {
	background: #f1f1f2;
	border: 1px solid #f1f1f2 ;
    border-radius: 0;
    color: #2D343E;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 0 0;
    width: 100%;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker td a.ui-state-active,
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker td a:hover,
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-days-cell-over > a {
	background: #0076D7;
	border: 1px solid #0076D7;
	color: #FFFFFF;
}
.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker .ui-state-active {
	background: #0076D7 !important;
	border: 1px solid #0076D7;
	color: #FFFFFF !important;
}
@media all and (max-width: 1000px){

	.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-multi .ui-datepicker-group {
		width: 50%;
	}

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

	.tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-multi .ui-datepicker-group {
		width: 100%;
	}

}

/* TM - Quickbooker - Region */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap {
	float: left;
	position: relative;
	width: 60%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap:before {
	background: #f1f1f2;
    bottom: -1000px;
    content: "";
    display: block;
    height: 1000px;
    position: absolute;
    width: 100%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > img {
	display: block;
	width: 100%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label {
	background: #2D343E;
    border-radius: 50%;
    cursor: pointer;
	height: 10px;
    position: absolute;
    text-align: center;    
    -ms-transition: background 500ms ease 0s, border 500ms ease 0s;
    -moz-transition: background 500ms ease 0s, border 500ms ease 0s;
    -o-transition: background 500ms ease 0s, border 500ms ease 0s;
    -webkit-transition: background 500ms ease 0s, border 500ms ease 0s;
    transition: background 500ms ease 0s, border 500ms ease 0s;
	width: 10px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 22px;
    box-shadow: 0 0 4px 1px #aaaaaa;
	opacity: 0;
    position: absolute;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
	visibility: hidden;
    width: 230px;
    z-index: 1;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span:before {
    border-left: 40px solid transparent;
    border-right: 16px solid transparent;
    border-top: 12px solid #ffffff;
    bottom: -12px; 
    content: "";
    left: 50%;
    margin: 0 0 0 -39px;
    position: absolute;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span > span {
    display: block;
    line-height: 18px;
    padding: 10px 15px;
    position: relative;
    text-align: left;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span > .title {
    background: #E30613;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span > span > span {
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 0 10px 0 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span > span > span > .pointer {
	color: #E30613;
	font-size: 20px;
	position: absolute;
	right: 8px;
	top: 10px; 
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span > span > span > .pointer:before {
	content: "\E826";
	font-family: fontello;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span > span > .details {
	border-top: 1px solid #CECECE;
	margin: 10px -15px 0 -15px;
	padding: 5px 10px 0 15px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > span > span > .details > a {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title {
    content: attr(data-town);
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    -ms-transition: color 500ms ease 0s, opacity 500ms ease 0s, visibility 500ms ease 0s;
    -moz-transition: color 500ms ease 0s, opacity 500ms ease 0s, visibility 500ms ease 0s;
    -o-transition: color 500ms ease 0s, opacity 500ms ease 0s, visibility 500ms ease 0s;
    -webkit-transition: color 500ms ease 0s, opacity 500ms ease 0s, visibility 500ms ease 0s;
    transition: color 500ms ease 0s, opacity 500ms ease 0s, visibility 500ms ease 0s;
    white-space: nowrap;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title > span {
	color: #2d343e;
	display: inline-block;
	font-weight: normal;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title > .train:before {
	content: "\E863";
	font-family: fontello;
	margin: 0 0 0 5px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title > .bus:after {
	content: "\E85E";
	font-family: fontello;
	margin: 0 0 0 5px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title > .bus1:after {
	color: #0e7dd9;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title > .bus2:after {
	color: #afb700;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.Bus.label > .title {
	display: none;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.SkiWelt {
    border: 4px solid #8F9497;
    height: 18px;
    line-height: 18px;
    width: 18px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.SkiWelt > .title {
	font-size: 16px;
    text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.selected {
	background: #FF0017;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.SkiWelt.selected {
	background: #AD0010;
	border-color: #FF0017;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.selected > .title {
	color: #E30613;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label:hover > span {
	opacity: 1;
	visibility: visible;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.Bus {
	background: #034e8d;
    height: 30px;
    padding: 0;
    width: 30px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.Bus:before {
    color: #ffffff;
    content: "\E85E";
    display: inline-block;
    font-family: fontello;
    font-size: 16px;
    font-weight: normal;
}

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap.bus1Highlight > span.label.bus1 > .title {
	color: #0e7dd9;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap.bus1Highlight > span.label.bus1 {
	background: #0e7dd9;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap.bus1Highlight > span.label.bus1.SkiWelt {
	background: #034e8d;
    border-color: #0e7dd9;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap.bus2Highlight > span.label.bus2 > .title {
	color: #b4bb15;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap.bus2Highlight > span.label.bus2 {
	background: #b1ca35;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap.bus2Highlight > span.label.bus2.SkiWelt {
	background: #6d9815;
    border-color: #b1ca35 ;
}

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label1 {
    left: 68.93939393939393939393%;
    top: 75.51253481894150417827%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label1 > .title {
	left: -10px;
    top: 20px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label2 {
    left: 80.75757575757575757575%;
    top: 52.86768802228412256267%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label2 > .title {
    top: 20px;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label3 {
    left: 91.51515151515152%;
	top: 53.34261838440112%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label3 > .title {
    top: -20px;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label3 > span {
	right: -40px;
	-ms-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label3 > span:before {
    left: auto;
    right: 30px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label4 {
    left: 48.03030303030303%;
    top: 79.24791086350976%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label4 > .title {
    right: 25px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label5 {
    left: 40.45454545454545%;
    top: 90.11142061281338%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label5 > .title {
    right: 25px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label6 {
    left: 43.78787878787879%;
	top: 66.57381615598887%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label6 > .title {
    left: 25px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label7 {
    left: 70.75757575757575%;
    top: 50.021448467966574%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label7 > .title {
    top: -25px;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label8 {
    left: 55.757575757575765%;
    top: 56.96378830083565%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label8 > .title {
	left: 7px;
    top: 23px;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label9 {
    left: 59.09090909090909%;
    top: 80.40501392757661%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label9 > .title {
    top: 20px;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label10 {
    left: 19.545454545454547%;
    top: 56.18885793871866%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label10 > .title {
	right: -27px;
	top: -21px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label11 {
    left: 14.393939393939394%;
    top: 56.96378830083565%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label11 > span {
	left: -60px;		
	-ms-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label11 > span:before {
	left: 25px;
	margin-left: 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label11 > .title {
    right: 15px;
    top: -8px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label12 {
    left: 34.84848484848485%;
    top: 55.456824512534816%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label12 > .title {
    left: 14px;
    top: -7px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label13 {
    left: 61.212121212121204%;
    top: 16.573816155988858%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label13 > .title {
    left: 14px;
    top: -7px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label13:hover > span,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label13.selected > span {
    bottom: auto;
    top: 22px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label13 > span:before {
    border-bottom: 12px solid #E30613;
    border-top: medium none;
    bottom: auto;
    top: -12px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label14 {
    left: 59.24242424242424%;
    top: 4.874651810584958%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label14 > .title {
    left: 14px;
    top: -6px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label14 > span {
    bottom: auto;
    top: 30px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label14:hover > span,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label14.selected > span {
    bottom: auto;
    top: 22px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label14 > span:before {
    border-bottom: 12px solid #E30613;
    border-top: medium none;
    bottom: auto;
    top: -12px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label15 {
    left: 79.39393939393939%;
    top: 74.5125348189415%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label15 > .title {
    top: -25px;    
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label16 {
    left: 31.212121212121215%;
    top: 52.21058495821726%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label16 > .title {
    left: 13px;
    top: -8px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label17 {
    left: 49.14545454545455%;
    top: 27.95515320334262%;
}

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label17:before {
    content: "\E862";
    font-family: fontello;
    font-size: 30px;
    left: 8px;
    position: absolute;
    top: -17px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label17 > .title {
    left: 8px;
    top: 21px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label18 {
    left: 32.47272727272727%;
    top: 42.20055710306407%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label18 > .title {
    right: 12px;
    top: -8px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label19 {
    left: 21.06060606060606%;
    top: 48.38941504178273%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label19 > .title {
    right: 16px;
    top: -9px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label20 {
    left: 64.6969696969697%;
    top: 13.09192200557103%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label20:hover > span,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label20.selected > span {
    bottom: auto;
    top: 22px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label20 > span:before {
    border-bottom: 12px solid #E30613;
    border-top: medium none;
    bottom: auto;
    top: -12px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label20 > .title {
    left: 14px;
    top: -11px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21 {
    left: 70.45454545454545%;
    top: 6.8245125348189415%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21 > .title {
    left: 14px;
    top: -7px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21 > span {
    bottom: auto;
    top: 30px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21:hover > span,
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21.selected > span {
    bottom: auto;
    top: 22px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21 > span:before {
    border-bottom: 12px solid #E30613;
    border-top: medium none;
    bottom: auto;
    top: -12px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label22 {
    left: 37.62424242424243%;
    top: 44.01114206128134%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label22 > .title {
    left: 14px;
    top: -7px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label23 {
    left: 19.242424242424242%;
    top: 27.158774373259053%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label23 > .title {
	top: 8px;
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label24 {
	left: 26.81818181818182%;
	top: 60.506406685236766%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label24 > .title {
	left: 14px;
	top: -16px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label25 {
    left: 46%;
    top: 39%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label25 > .title {
	left: 35px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label25 > span {
	bottom: 50px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label26 {
    left: 24.25%;
    top: 44.5%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label26 > .title {
	left: 35px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label26 > span {
	bottom: 50px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label27 {
	left: 47%;
	top: 61%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label27 > span {
	bottom: 50px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label28 {
	left: 42%;
	top: 71%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label28 > span {
	bottom: 50px;
}        

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende {
    bottom: 5px;
    position: absolute;
    right: 5px;
    width: auto;
    z-index: 1;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende > span {
	cursor: pointer;
	font-size: 0.9em; 
    margin: 0 20px 0 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende > span.bus2 {
    color: #b4bb15;
    font-style: italic;
    font-weight: bold;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende > span:before {
    content: "\E863";
    font-family: fontello;
    margin: 0 5px 0 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende > span.bus:before {
    content: "\E85E";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende > span.bus1:before {
    color: #0e7dd9;
    content: "\E85E";
}

@media all and (max-width: 1000px) {
	
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label10 > span {
		left: 100px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label10 > span:before {
		border-left: 16px solid transparent;
		border-right: 40px solid transparent;
		left: 50px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label19 > span {
		left: 100px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label19 > span:before {
		border-left: 16px solid transparent;
		border-right: 40px solid transparent;
		left: 50px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label23 > span {
		bottom: auto;
		left: 90px;
		top: 22px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label23 > span:before {
		border-bottom: 12px solid #e30613;
		border-left: 16px solid transparent;
        border-right: 40px solid transparent;
		border-top: medium none;
		bottom: auto;
		left: 50px;
		top: -12px;
    }
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.Bus {
        display: none;
    }

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap {
		width: 50%;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label17 > span {
		bottom: auto;
		top: 22px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label17 > span:before {
		border-bottom: 12px solid #e30613;
		border-left: 16px solid transparent;
        border-right: 40px solid transparent;
		border-top: medium none;
		bottom: auto;
		left: 60%;
		top: -12px;
    }

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap {
		width: 100%;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap:before {
		display: none;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label2 > span {
		right: -30px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label2 > span:before {
		left: auto;
		right: 20px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label3 > span {
		right: -20px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label3 > span:before {
		right: 10px;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label15 > span {
		right: -30px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label15 > span:before {
		left: auto;
		right: 20px;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label10 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label10 > span:before {
		left: auto;
		left: 40px;
	}	
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label23 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label23 > span:before {
		left: auto;
		left: 40px;
	}	
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap {
		margin: 0 0 20px 0;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende {
		bottom: -30px;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title {
		font-size: 12px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.SkiWelt > .title {
		font-size: 13px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label19 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label19 > span:before {
		left: auto;
		left: 40px;
	}	

}
@media all and (max-width: 500px){
        
    .tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label > .title {
		opacity: 0;
		visibility: hidden;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.SkiWelt > .title {
		opacity: 1;
		visibility: visible;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label3 > .title {
		right: -22px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label11 > .title {
		right: -7px;
		top: 7px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.Bus {
		display: none;
	}

}
@media all and (max-width: 480px){
	
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label7 > span {
		right: -30px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label7 > span:before {
		left: auto;
		right: 20px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label11 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label11 > span:before {
		left: auto;
		left: 40px;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label1 > span {
		right: -30px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label1 > span:before {
		left: auto;
		right: 20px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21 > span {
		right: -30px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label21 > span:before {
		left: auto;
		right: 20px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label24 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label24 > span:before {
		left: auto;
		left: 40px;
	}

}
@media all and (max-width: 420px){
	
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.SkiWelt > .title {
		font-size: 11px;
	}	

}
@media all and (max-width: 400px){
        
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label16 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label16 > span:before {
		left: auto;
		left: 40px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label18 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label18 > span:before {
		left: auto;
		left: 40px;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label20 > span {
		right: -60px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label20 > span:before {
		left: auto;
		right: 50px;
	}	

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label12 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label12 > span:before {
		left: auto;
		left: 40px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label22 > span {
		left: -35px;
		-ms-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label22 > span:before {
		left: auto;
		left: 40px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label9 > span {
		right: -65px;
		transform: none;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label9 > span:before {
		left: auto;
		right: 53px;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label.SkiWelt > .title {
		opacity: 0;
		visibility: hidden;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > span.label2 > .title {
		left: 15px;
		top: -23px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .regionmap > div.legende {
		display: none;
	}

}

/* TM - Quickbooker - Towns */

.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns {
	float: left;
	padding: 50px 30px 15px 50px;
	width: 40%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div {
	float: left;
	width: 50%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div > p {
    font-size: 18px;
    font-weight: 500;
    height: 48px;
    line-height: 1.4;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div > p > img {
	display: block;
	height: 100%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns ul > li {
	cursor: pointer;
	font-weight: normal;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns ul > li > input {
	display: none;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns ul > li > label {
	cursor: pointer
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns ul > li > label:before {		
	border: 1px solid #2d343e;
    color: #2d343e;
    content: "";
    display: inline-block;
    float: left;
    font-family: fontello;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 4px 10px 0 0;
    text-indent: -7px;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns ul > li > input:checked + label:before {
    content: "\E841";
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional {
    margin: 50px 0 0;
    width: 100%;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > span {
	cursor: pointer;
    display: block;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > span:before {
    background: #2d343e;
    color: #ffffff;
    content: "\E85F";
    display: inline-block;
    float: left;
    font-family: fontello;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 3px 10px 0 0;
    text-align: center;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > span.delete:before {
	content: "\E860";
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > span.delete {
	margin: 0 0 15px 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > div > input {
	display: none;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > div > label {
	cursor: pointer
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > div > label:before {		
	border: 1px solid #2d343e;
    color: #2d343e;
    content: "";
    display: inline-block;
    float: left;
    font-family: fontello;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 4px 10px 0 0;
    text-align: center;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > div > input:checked + label:before {
    content: "\E85F";
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .button {
	clear: both;
	margin: 15px 0 0 0;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .button:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .button > a {
	background: #034e8d;
    color: #ffffff;
    display: none;
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    -ms-transition: background 400ms ease-in 0s, color 400ms ease-in 0s;
    -moz-transition: background 400ms ease-in 0s, color 400ms ease-in 0s;
    -o-transition: background 400ms ease-in 0s, color 400ms ease-in 0s;
    -webkit-transition: background 400ms ease-in 0s, color 400ms ease-in 0s;
    transition: background 400ms ease-in 0s, color 400ms ease-in 0s;
}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns {
		padding-top: 25px;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional {
		margin-top: 25px;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns {
		width: 50%;
	}

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

    .tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns {
		display: block;
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .button > a {
		display: block;
	}

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

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div.additional > .button > a {
		width: 100%;
	}
	
}
@media all and (max-width: 380px){

	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div {
		width: 100%;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div:first-child {
		margin: 0 0 20px 0;
	}
	.tmQuickBooking > .wrapper > form > .regionSelect > .wrapper > .towns > div:nth-of-type(2n) > p {
		height: auto;
	}

}

/* TM - Quickbucher - Kategorie */

.tmQuickBooking > .wrapper > form > .categorySelect .filter:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .categorySelect section {
	margin: 30px 0 0 0;
}
.tmQuickBooking > .wrapper > form > .categorySelect section:nth-of-type(1) {
	margin-top: 0;
}
.tmQuickBooking > .wrapper > form > .categorySelect section > h4 {
	font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.tmQuickBooking > .wrapper > form > .categorySelect ul > li {
	cursor: pointer;
	float: left;
	font-weight: normal;
	width: 33.33333333333333%;
}
.tmQuickBooking > .wrapper > form > .categorySelect ul:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickBooking > .wrapper > form > .categorySelect ul > li > input {
	display: none;
}
.tmQuickBooking > .wrapper > form > .categorySelect ul > li > label {
	cursor: pointer
}
.tmQuickBooking > .wrapper > form > .categorySelect ul > li > label:before {		
	border: 1px solid #2d343e;
    color: #2d343e;
    content: "";
    display: inline-block;
    float: left;
    font-family: fontello;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 4px 10px 0 0;
    text-align: center;
    width: 20px;
}
.tmQuickBooking > .wrapper > form > .categorySelect ul > li > input:checked + label:before {
    content: "\E85F";
}
.tmQuickBooking > .wrapper.package > form > .categorySelect section.price {
	display: none;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider {
    border: medium none;
    height: 60px;
    margin: 11px 3px 0 0;
    padding: 0 9px 0 0;
    position: relative;
    width: 100%;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider {
	margin-top: 16px;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider > div.info {
    position: absolute;
    top: 20px;
    width: 100%;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider > div.info > span {
	dipslay: inline-block;
	font-size: 14px; 
	padding: 0 0 10px;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider > div.info > span.max {
	position: absolute;
	top: 0;
	right: 0;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider > div.priceSlider {
	background: #BEC1C2;
	border: none;
	height: 7px;
	margin: 35px 10px 0 0;
	position: relative;
	width: 100%;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider > div.priceSlider > div.ui-slider-range {
	background: #8F9497; 
	border: medium none;
    height: 7px;
	position: absolute;
}
.tmQuickBooking > .wrapper > form > .categorySelect .slider > div.priceSlider > a {
	background: #E30613 !important;
    display: block;
    height: 25px;    
	margin-left: -1px;
	padding: 0 !important;
    position: absolute;
    top: -9px;
    width: 9px;
    z-index: 1;
}

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

	.tmQuickBooking > .wrapper > form > .categorySelect ul > li {
		width: 50%;
	}

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

	.tmQuickBooking > .wrapper > form > .categorySelect ul > li {
		width: 100%;
	}

}

/* TM - Quickbucher - Sommer - Edition */

body.summer .tmQuickBooking > .wrapper {
	background: #B1CA35;
}
body.summer .tmQuickBooking > .wrapper > form > .row > .icon:before {
	color: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .buttons > input {
	color: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .buttons > input:hover {
	background: #6D9815;
	color: #FFFFFF;
}
body.summer .tmQuickBooking > .wrapper > form > .buttons > a {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .row.focus > .icon {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .row.focus > .icon:before {
	color: #FFFFFF;
}
body.summer .tmQuickBooking > .wrapper > form > .row.focus > .field {
	background: #6D9815;
	border: 1px solid #6D9815;
	color: #FFFFFF;
}
body.summer .tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-title {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker th > span {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker td a.ui-state-active, 
body.summer .tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker td a:hover, 
body.summer .tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker-days-cell-over > a {
	background: #B1CA35;
	border: 1px solid #B1CA35;
}
body.summer .tmQuickBooking > .wrapper > form > .arrivalSelect > .calendar .ui-datepicker .ui-state-active {
	background: #B1CA35 !important;
	border: 1px solid #B1CA35;
}
body.summer .tmQuickBooking > .wrapper > form > .departureSelect > ul > li:hover, 
body.summer .tmQuickBooking > .wrapper > form > .departureSelect > ul > li.selected {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .departureSelect > ul > li.selected > p > span.date, 
body.summer .tmQuickBooking > .wrapper > form > .departureSelect > ul > li:hover > p > span.date {
	border-top: 1px solid #8AAD44;
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect > div > .opt:hover, 
body.summer .tmQuickBooking > .wrapper > form > .roomSelect > div > .opt.selected {
	background: #6D9815;		
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * {
	background: #B1CA35;
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .icon {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li:hover {
	background: #FFFFFF;
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect > .roombox > * > .buttons > li:hover:before {
	color: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect.multi > .confirm {
	background: #6D9815;
}
body.summer .tmQuickBooking > .wrapper > form > .roomSelect.multi > .confirm:hover {
	background: #E30613;
}
body.summer .tmQuickBooking > .wrapper > form > .categorySelect > .confirm {
	background: #6d9815;
}
body.summer .tmQuickBooking > .wrapper > form > .categorySelect > .confirm:hover {
	background: #e30613;
}
body.summer .tmQuickBooking > .triggerMobile {
	background: #b1ca35;
}
body.summer .tmQuickBooking > .triggerMobile > p.field:before {
	color: #6D9815;
}
body.summer .tmQuickBooking > .triggerMobile > p.button {
	color: #6d9815;
}

/* jQuery UI - Datepicker Custom */

.ui-datepicker {
	background: #FFFFFF;
	border: 5px solid #FFFFFF;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	display: none;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	z-index: 10 !important;
}
.ui-datepicker .ui-datepicker-header {
	margin: 0 -5px;
	position: relative;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	background: #01498C;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 1.8;
	margin: -5px 0 5px;
	padding: 10px 0;
	text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	left: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	right: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	border-radius: 15px;
	cursor: pointer;
	display: block;
	height: 30px;
	position: absolute;
	text-align: center;
	top: 7px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
	color: #FFFFFF;
	font-family: "fontello";
	font-size: 12px;
	line-height: 30px;
	opacity: 0.5;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
	content: "\E806";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
	content: "\E808";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev > span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next > span {
	display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover:after {
	opacity: 1;
}
.ui-datepicker .ui-datepicker-calendar th > span {
	background: #01498C;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: -5px -5px 3px;
	padding: 0 0 5px;
}
.ui-datepicker .ui-datepicker-calendar td > a,
.ui-datepicker .ui-datepicker-calendar td > span {
	background: #FFFFFF;
	border-radius: 15px;
	color: #77787A;
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin: 2px;
	padding: 3px 0;
	text-align: center;
	width: 26px;
}
.ui-datepicker .ui-datepicker-calendar td > a.ui-state-hover {
	background: #E20613;
	color: #FFFFFF;
}
.ui-datepicker .ui-datepicker-calendar td > a.ui-state-active {
	background: #0075D7;
	color: #FFFFFF;
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled > span {
	color: #77787A;
	opacity: 0.5;
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #FFFFFF;
	color: #444;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	background-image: url('/img/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/img/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	background: #000000;
	background: rgba(0, 0, 0, 0.75);
	cursor: pointer;
	height: 50px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
	z-index: 8040;
}

.fancybox-close.var {
	height: 35px;
	right: -17.5px;
	top: -17.5px;
	width: 35px;
}

.fancybox-close:hover {
	background: #000000;
}

.fancybox-close:before {
	color: #FFFFFF;
	content: '\E82A';
	font-family: 'fontello';
	font-size: 35px;
	font-weight: normal;
	line-height: 50px;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.fancybox-close.var:before {
	font-size: 20px;
	line-height: 35px;
}

.fancybox-nav {
	background: transparent url('/img/fancybox/blank.gif'); /* helps IE */
	cursor: pointer;
	height: 100%;
	position: fixed;
	text-decoration: none;
	top: 0;
	width: 30%;
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	background: #000000;
	background: rgba(0, 0, 0, 0.75);
	cursor: pointer;
	height: 100px;
	margin-top: -50px;
	position: absolute;
	text-align: center;
	top: 50%;
	transition: opacity 200ms ease-in-out 0s;
	width: 55px;
	z-index: 8040;
}

.fancybox-nav:hover span {
	background: #000000;
}

.fancybox-prev span {
	left: 0;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.fancybox-prev span:before {
	color: #FFFFFF;
	content: '\E806';
	font-family: 'fontello';
	font-size: 40px;
	font-weight: normal;
	line-height: 100px;
	margin: 0 10px 0 0;
	opacity: 1;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.fancybox-next span {
	right: 0;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.fancybox-next span:before {
	color: #FFFFFF;
	content: '\E808';
	font-family: 'fontello';
	font-size: 40px;
	font-weight: normal;
	line-height: 100px;
	margin: 0 0 0 10px;
	opacity: 1;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	margin-right: 0 !important;
	overflow-x: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.8);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow-x: auto;
}

/* Title helper */

.fancybox-title {
	background: #000000;
	background: rgba(0, 0, 0, 0.75);
	bottom: 0;
	color: #ffffff;
	font-weight: normal;
	overflow: hidden;
	padding-right: 145px !important;
	position: absolute;
	text-overflow: ellipsis;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	visibility: hidden;
	white-space: nowrap;
	width: 100%;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding: 10px 15px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

#fancybox-buttons {
	display: none !important;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-image: url('/img/fancybox/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}

/* Animation 2.0 */

.micAnimation {
	height: 100%;
	width: 100%;
}
.micAnimation > ul {
    height: 100%;
    position: relative;
    z-index: 1;
}
.micAnimation > ul > .slide {
	height: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    -ms-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}
.micAnimation > ul > .slide.animated {
	height: 100%;
	opacity: 1;
}
.micAnimation > ul > .slide.youtube > iframe {
	position: absolute;
}
.micAnimation > ul > .slide.youtube.adjust.alignment_0 > iframe {
	top: 0 !important;
}
.micAnimation > ul > .slide.youtube.adjust.alignment_2 > iframe {
	bottom: 0;
	top: auto !important;
}
.micAnimation > ul > .slide > img {
	display: block;
	height: auto;
	position: absolute;
	width: 100%;
	z-index: 1;
}

/* Text mit TextWrapper */

.micAnimation > ul > .slide > .textBox.textWrap {
	position: absolute;
	z-index: 2;
}

/* Text ohne TextWrapper */

.micAnimation > ul > .slide > .textBox:not(.textWrap) > p {
    position: absolute;
    z-index: 2;
}
.micAnimation > ul > .slide > .textBox:not(.textWrap) > p:last-child {
    z-index: 3;
}

/* Navigation - Pfeile */

.micAnimation > .arrows > a {
	color: inherit;
	display: block;
	font-family: "fontello";
	font-size: 40px;
	font-weight: normal;
	line-height: 1;
	margin: -20px 0 0;
	opacity: 0;
	position: absolute;
	top: 50%;
	z-index: 2;
	-webkit-transition: all 800ms ease 500ms;
	-moz-transition: all 800ms ease 500ms;
	-ms-transition: all 800ms ease 500ms;
	-o-transition: all 800ms ease 500ms;
	transition: all 800ms ease 500ms;
}
.micAnimation > .arrows > a.prev:before {
	content: "\E806";
	display: block;
}
.micAnimation > .arrows > a.prev {
	left: -60px;
}
.micAnimation > .arrows.animated > a.prev {
	left: 20px;
	opacity: 0.4;
}
.micAnimation > .arrows > a.next:before {
	content: "\E808";
	display: block;
}
.micAnimation > .arrows > a.next {
	right: -60px;
}
.micAnimation > .arrows.animated > a.next {
	opacity: 0.4;
	right: 20px;
}
.micAnimation > .arrows > a.prev:hover,
.micAnimation > .arrows > a.next:hover {
	color: inherit;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* Navigation - Bullets */

.micAnimation > .bullets > ul {
	bottom: -20px;
	display: block;
	line-height: 1;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 3;
	-webkit-transition: all 800ms ease-out 1200ms;
	-moz-transition: all 800ms ease-out 1200ms;
	-ms-transition: all 800ms ease-out 1200ms;
	-o-transition: all 800ms ease-out 1200ms;
	transition: all 800ms ease-out 1200ms;
}
.micAnimation > .bullets.animated > ul {
	bottom: 20px;
	opacity: 1;
}
.micAnimation > .bullets > ul > li {
	background: #ffffff none repeat scroll 0 0;
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	height: 12px;
	margin: 0 4px;
	width: 12px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.micAnimation > .bullets > ul > li:hover,
.micAnimation > .bullets > ul > li.selected {
	background: #888;
}

/* Animation - Custom */

.micAnimation > ul > .slide > .textBox {
	display: table;
	line-height: 1.3;
	text-align: center;
}
.micAnimation > ul > .slide > .textBox > .text0 {
	font-size: 50px;
	font-weight: 900;
}
.micAnimation > ul > .slide > .textBox > .text1 {
	font-size: 30px;
	font-weight: 300;
}

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

	.micAnimation > ul > .slide > .textBox {
		display: none;
	}

}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url("/img/owl/grabbing.png") 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-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 Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -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.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-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 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 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 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 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 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;
}

/* Libs - Sommer - Edition */

body.summer .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	background: #6D9815;
}
body.summer .ui-datepicker .ui-datepicker-calendar th > span {
	background: #6D9815;
}
body.summer .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active {
	background: #B1CA35;
}

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

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

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

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

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

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

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

[data-loader]{margin:8px;}[data-loader='circle']{width:25px;height:25px;-webkit-animation:circle infinite .75s linear;-moz-animation:circle infinite .75s linear;-o-animation:circle infinite .75s linear;animation:circle infinite .75s linear;border:2px solid #fff;border-top-color:transparent;border-radius:100%;}[data-loader='circle-side']{position:relative;width:25px;height:25px;-webkit-animation:circle infinite .75s linear;-moz-animation:circle infinite .75s linear;-o-animation:circle infinite .75s linear;animation:circle infinite .75s linear;border:2px solid #fff;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@-moz-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@-o-keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes circle{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}}[data-loader='arrow-circle']{position:relative;width:25px;height:25px;-webkit-animation:arrow-circle infinite .75s linear;-moz-animation:arrow-circle infinite .75s linear;-o-animation:arrow-circle infinite .75s linear;animation:arrow-circle infinite .75s linear;border:2px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:100%;}[data-loader='arrow-circle']:before,[data-loader='arrow-circle']:after{position:absolute;top:19px;left:-3px;content:'';-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg);border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;}[data-loader='arrow-circle']:after{top:0;left:17px;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg);}@-webkit-keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}@-moz-keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}@-o-keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}@keyframes arrow-circle{0%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}}[data-loader='ball-scale']{width:50px;height:50px;-webkit-animation:ball-scale infinite linear .75s;-moz-animation:ball-scale infinite linear .75s;-o-animation:ball-scale infinite linear .75s;animation:ball-scale infinite linear .75s;border-radius:100%;background-color:#fff;}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}@-moz-keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}@-o-keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}@keyframes ball-scale{0%{-webkit-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);opacity:1;}100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}}[data-loader='ball-rotate']{position:relative;width:15px;height:15px;-webkit-animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;-moz-animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;-o-animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:ball-rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;border-radius:100%;background-color:#fff;-webkit-animation-fill-mode:both;animation-fill-mode:both;}[data-loader='ball-rotate']:before,[data-loader='ball-rotate']:after{position:absolute;width:15px;height:15px;margin:2px;content:'';opacity:.8;border-radius:100%;background-color:#fff;}[data-loader='ball-rotate']:before{top:0;left:-28px;}[data-loader='ball-rotate']:after{top:0;left:25px;}@-webkit-keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@-moz-keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@-o-keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}@keyframes ball-rotate{0%{-webkit-transform:rotate(0deg) scale(1);-ms-transform:rotate(0deg) scale(1);-o-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(180deg) scale(.6);-ms-transform:rotate(180deg) scale(.6);-o-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6);}100%{-webkit-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1);}}[data-loader='ball-pulse']{position:relative;width:1px;height:1px;}[data-loader='ball-pulse']:before,[data-loader='ball-pulse']:after{position:absolute;display:inline-block;width:15px;height:15px;content:'';border-radius:100%;background-color:#fff;}[data-loader='ball-pulse']:before{left:-15px;-webkit-animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);-moz-animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);-o-animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);animation:ball-pulse infinite .75s -.4s cubic-bezier(.2,.68,.18,1.08);}[data-loader='ball-pulse']:after{right:-15px;-webkit-animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);-moz-animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);-o-animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);animation:ball-pulse infinite .75s cubic-bezier(.2,.68,.18,1.08);}@-webkit-keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}@-moz-keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}@-o-keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}@keyframes ball-pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(.1);opacity:.6;}100%{transform:scale(1);opacity:1;}}[data-loader='ball-circle']{position:relative;width:40px;height:40px;}[data-loader='ball-circle']:before,[data-loader='ball-circle']:after{position:absolute;width:10px;height:10px;content:'';border-radius:100%;background-color:#fff;}[data-loader='ball-circle']:before{transform:translate(0,0);-webkit-animation:ball-circle-before infinite 1.5s linear;-moz-animation:ball-circle-before infinite 1.5s linear;-o-animation:ball-circle-before infinite 1.5s linear;animation:ball-circle-before infinite 1.5s linear;}[data-loader='ball-circle']:after{transform:translate(30px,30px);-webkit-animation:ball-circle-after infinite 1.5s linear;-moz-animation:ball-circle-after infinite 1.5s linear;-o-animation:ball-circle-after infinite 1.5s linear;animation:ball-circle-after infinite 1.5s linear;}@-webkit-keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@-moz-keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@-o-keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@keyframes ball-circle-after{0%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}25%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}50%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}75%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}100%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}}@-webkit-keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}@-moz-keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}@-o-keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}@keyframes ball-circle-before{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}25%{-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);-o-transform:translate(30px,0);transform:translate(30px,0);}50%{-webkit-transform:translate(30px,30px);-ms-transform:translate(30px,30px);-o-transform:translate(30px,30px);transform:translate(30px,30px);}75%{-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);transform:translate(0,30px);}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}}[data-loader='rectangle']{position:relative;width:10px;height:30px;-webkit-animation:rectangle infinite 1s ease-in-out -.2s;-moz-animation:rectangle infinite 1s ease-in-out -.2s;-o-animation:rectangle infinite 1s ease-in-out -.2s;animation:rectangle infinite 1s ease-in-out -.2s;background-color:#fff;}[data-loader='rectangle']:before,[data-loader='rectangle']:after{position:absolute;width:10px;height:30px;content:'';background-color:#fff;}[data-loader='rectangle']:before{left:-20px;-webkit-animation:rectangle infinite 1s ease-in-out -.4s;-moz-animation:rectangle infinite 1s ease-in-out -.4s;-o-animation:rectangle infinite 1s ease-in-out -.4s;animation:rectangle infinite 1s ease-in-out -.4s;}[data-loader='rectangle']:after{right:-20px;-webkit-animation:rectangle infinite 1s ease-in-out;-moz-animation:rectangle infinite 1s ease-in-out;-o-animation:rectangle infinite 1s ease-in-out;animation:rectangle infinite 1s ease-in-out;}@-webkit-keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}@-moz-keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}@-o-keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}@keyframes rectangle{0%,80%,100%{height:35px;-webkit-box-shadow:0 0 #fff;box-shadow:0 0 #fff;}40%{height:45px;-webkit-box-shadow:0 -20px #fff;box-shadow:0 -20px #fff;}}[data-loader='heart']{position:relative;width:100px;height:90px;-webkit-animation:heart infinite .85s linear;-moz-animation:heart infinite .85s linear;-o-animation:heart infinite .85s linear;animation:heart infinite .85s linear;}[data-loader='heart']:before,[data-loader='heart']:after{position:absolute;top:0;left:30px;width:30px;height:50px;content:'';-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%;-moz-border-radius:30px 30px 0 0;border-radius:30px 30px 0 0;background:#fff;}[data-loader='heart']:after{left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;}@-webkit-keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}@-moz-keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}@-o-keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}@keyframes heart{0%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}50%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}100%{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);}}[data-loader='jumping']{position:relative;width:50px;-webkit-perspective:200px;-moz-perspective:200px;-ms-perspective:200px;perspective:200px;}[data-loader='jumping']:before,[data-loader='jumping']:after{position:absolute;width:20px;height:20px;content:'';animation:jumping .5s infinite alternate;background:rgba(0,0,0,0);}[data-loader='jumping']:before{left:0;}[data-loader='jumping']:after{right:0;animation-delay:.15s;}@-webkit-keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}@-moz-keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}@-o-keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}@keyframes jumping{0%{-webkit-transform:scale(1.0) translateY(0px) rotateX(0deg);-ms-transform:scale(1.0) translateY(0px) rotateX(0deg);-o-transform:scale(1.0) translateY(0px) rotateX(0deg);transform:scale(1.0) translateY(0px) rotateX(0deg);-webkit-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);}100%{-webkit-transform:scale(1.2) translateY(-25px) rotateX(45deg);-ms-transform:scale(1.2) translateY(-25px) rotateX(45deg);-o-transform:scale(1.2) translateY(-25px) rotateX(45deg);transform:scale(1.2) translateY(-25px) rotateX(45deg);background:rgb(255,255,255);-webkit-box-shadow:0 25px 40px rgb(255,255,255);box-shadow:0 25px 40px rgb(255,255,255);}}[data-loader='satellite']{position:relative;width:48px;height:48px;animation:satellite 3s infinite linear;border:1px solid #fff;border-radius:100%;}[data-loader='satellite']:before,[data-loader='satellite']:after{position:absolute;left:0;width:15px;height:15px;content:'';border-radius:100%;background-color:#fff;-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;}[data-loader='satellite']:after{right:0;width:24px;height:24px;margin:12px;}@-webkit-keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}@-moz-keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}@-o-keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}@keyframes satellite{from{-webkit-transform:rotate(0) translateZ(0);-ms-transform:rotate(0) translateZ(0);-o-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);}to{-webkit-transform:rotate(360deg) translateZ(0);-ms-transform:rotate(360deg) translateZ(0);-o-transform:rotate(360deg) translateZ(0);transform:rotate(360deg) translateZ(0);}}[data-loader='circle-scale']{position:relative;width:36px;}[data-loader='circle-scale']:before,[data-loader='circle-scale']:after{position:absolute;left:0;width:32px;height:32px;content:'';-webkit-animation:.75s circle-scale infinite linear alternate;-o-animation:.75s circle-scale infinite linear alternate;animation:.75s circle-scale infinite linear alternate;border:3px solid #fff;border-radius:100%;}[data-loader='circle-scale']:before{margin:2px;-webkit-animation-delay:.35s;-o-animation-delay:.35s;animation-delay:.35s;}[data-loader='circle-scale']:after{width:36px;height:36px;}@-webkit-keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}@-moz-keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}@-o-keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}@keyframes circle-scale{0%{-webkit-transform:scale(.2);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}}[data-loader='ball-fade']{position:relative;width:15px;height:15px;-webkit-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86) .2s;-o-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86) .2s;animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86) .2s;border-radius:100%;background-color:rgba(255,255,255,.0);}[data-loader='ball-fade']:before,[data-loader='ball-fade']:after{position:absolute;width:15px;height:15px;content:'';-webkit-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86);-o-animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86);animation:1.2s ball-fade infinite cubic-bezier(.78,.14,.15,.86);border-radius:100%;background-color:rgba(255,255,255,.0);}[data-loader='ball-fade']:before{left:-20px;}[data-loader='ball-fade']:after{right:-20px;-webkit-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s;}@-webkit-keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}@-moz-keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}@-o-keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}@keyframes ball-fade{0%{background-color:rgba(255,255,255,1);}100%{background-color:rgba(255,255,255,0);}}[data-loader='spinner']{width:25px;height:25px;-webkit-animation:spinner 1.2s infinite ease-in-out;-o-animation:spinner 1.2s infinite ease-in-out;animation:spinner 1.2s infinite ease-in-out;background-color:#fff;box-shadow:0 0 10px #fff;}@-webkit-keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}@-moz-keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}@-o-keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}@keyframes spinner{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);-ms-transform:perspective(120px) rotateX(0) rotateY(0);-o-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0);}50%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(0);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(0);-o-transform:perspective(120px) rotateX(-180deg) rotateY(0);transform:perspective(120px) rotateX(-180deg) rotateY(0);}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-ms-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);-o-transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);transform:perspective(120px) rotateX(-180deg) rotateY(-180deg);}}[data-loader='ball-roll']{position:relative;left:-20px;width:15px;height:15px;-webkit-animation:ball-roll 1s linear infinite alternate;-moz-animation:ball-roll 1s linear infinite alternate;animation:ball-roll 1s linear infinite alternate;border-radius:50%;}@-webkit-keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}@-moz-keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}@-o-keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}@keyframes ball-roll{0%{background-color:rgba(255,255,255,1);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,.2);}25%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,2),44px 0 0 0 rgba(255,255,255,.2);}75%{background-color:rgba(255,255,255,.4);box-shadow:22px 0 0 0 rgba(255,255,255,.2),44px 0 0 0 rgba(255,255,255,1);}}[data-loader='ball-auto']{width:8px;height:8px;animation:ball-auto 2.5s infinite linear;box-shadow:0 -20px 0 -3px #de5454,20px 0 0 -3px #1ecaba,0 20px 0 -3px #ffeb02,-20px 0 0 -3px #2c89e8;}@-webkit-keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}@-moz-keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}@-o-keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}@keyframes ball-auto{0%{transform:rotate(0);}45%{transform:rotate(360deg);border-radius:100%;box-shadow:0 -20px 0 10px #de5454,20px 0 0 10px #1ecaba,0 20px 0 10px #decf20,-20px 0 0 10px #2c89e8;}100%{transform:rotate(720deg);}}[data-loader='wave']{width:3em;height:2em;animation:wave 1.5s linear infinite;background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}@-webkit-keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}@-moz-keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}@-o-keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}@keyframes wave{25%{background:linear-gradient(#3498db,#3498db) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em 2em,.5em .25em,.5em .25em,.5em .25em,.5em .25em;}37.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#3498db,#3498db) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em 2em,.5em .25em,.5em .25em,.5em .25em;}50%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#3498db,#3498db) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em 2em,.5em .25em,.5em .25em;}62.5%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#3498db,#3498db) 1.875em 50%,linear-gradient(#9b59b6,#9b59b6) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em 2em,.5em .25em;}75%{background:linear-gradient(#9b59b6,#9b59b6) 0 50%,linear-gradient(#9b59b6,#9b59b6) .625em 50%,linear-gradient(#9b59b6,#9b59b6) 1.25em 50%,linear-gradient(#9b59b6,#9b59b6) 1.875em 50%,linear-gradient(#3498db,#3498db) 2.5em 50%;background-repeat:no-repeat;background-size:.5em .25em,.5em .25em,.5em .25em,.5em .25em,.5em 2em;}}[data-loader='spinner-circle']{width:25px;height:25px;animation:.4s infinite linear spinner-circle;border-radius:50%;box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}@-webkit-keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}@-moz-keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}@-o-keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}@keyframes spinner-circle{12.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,1),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}25%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,1);}37.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,1),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}50%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,1),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}62.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,1),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}75%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,1),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}87.5%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,1),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,.2),21px -21px 0 -6px rgba(255,255,255,.2);}100%{box-shadow:30px 0 0 -6px rgba(255,255,255,.2),0 30px 0 -6px rgba(255,255,255,.2),-30px 0 0 -6px rgba(255,255,255,.2),0 -30px 0 -6px rgba(255,255,255,.2),21px 21px 0 -6px rgba(255,255,255,.2),-21px 21px 0 -6px rgba(255,255,255,.2),-21px -21px 0 -6px rgba(255,255,255,1),21px -21px 0 -6px rgba(255,255,255,.2);}}[data-loader='circle-clock']{width:1em;height:1em;-webkit-animation:circle-clock .75s infinite alternate ease-in-out;-o-animation:circle-clock .75s infinite alternate ease-in-out;animation:circle-clock .75s infinite alternate ease-in-out;border-radius:50%;background:#fff;box-shadow:1.5em 0 0 0 #fff;}@-webkit-keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}@-moz-keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}@-o-keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}@keyframes circle-clock{0%{-webkit-transform:rotate(-150deg) scale(1);-ms-transform:rotate(-150deg) scale(1);-o-transform:rotate(-150deg) scale(1);transform:rotate(-150deg) scale(1);}100%{-webkit-transform:rotate(210deg) scale(.35);-ms-transform:rotate(210deg) scale(.35);-o-transform:rotate(210deg) scale(.35);transform:rotate(210deg) scale(.35);background:rgba(255,255,255,.3);}}[data-loader='500px-spinner']{width:32px;height:16px;-webkit-animation:infinity_spinner 2s steps(60) infinite;-o-animation:infinity_spinner 2s steps(60) infinite;animation:infinity_spinner 2s steps(60) infinite;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAPACAYAAABU1nvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNjI2N0ZFOThFMjE2ODExODIyQTk2NDZFMjJDMzI5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkRDMjIwNEU3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkRDMjIwM0U3RDIxMUUyQUQ0NkM0Mjk2RTM0NjAxRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjYyNjdGRTk4RTIxNjgxMTgyMkE5NjQ2RTIyQzMyOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw%2FeHBhY2tldCBlbmQ9InIiPz6doOLOAAAjTElEQVR42uydCXwV1b3Hb%2B5NgORmNwuBhDWIIAQChDVAAigioBaxrUutvvfUVv1Un7UVfa64a7W2lVrt9qpWqyyK%2BqBhMQECgZCARgiILGYhZA9kM5jt%2Ff7hDD05zF2SO3PGwpnPZz6EuTPnf%2Bac%2F%2FKd%2F5k5x6%2Bzs9Oms4Vgd2IPwN6BvQn7Key6J%2BtsduyhrAz6u5WV0SCe6CdUIAx7Ava%2BOoW2YT%2BBvdKD8Bjscdj9dX47jb2E3cw5FYjFPpCOeRDQiP0ouyt%2Bo9Yahj3Yw%2FUk8Dj2Cr4C1FyJXgjXNhL%2BFfZv2P%2BD2PUBXl5PQg9jr9cqMBp7IHcC9XstE9APeyR2h1BIOyvExoTr%2FV7Dmj2QlWHnfqeyC6kCVPtRQu0Osabmm3cw0xGbUFGbULCN9XGR0E3UNRcLrXyAKkB9H88dpDs%2F5qLp4pmu2Hbu3Dmvtrb2XhIeGxv71MSJE3ewc6hvS11cP5S1hLaV2nX6rclN31HBpdu3b19aXV39bEdHR3%2FsMRUVFQ%2Fxv7u5Xiw7wN%2FWw23jxo13nT59epmO3fdq82f2zW%2BBrk7etGnTCgi%2FU7QIdMEzXBcFuGkFp3itXVA22iKY5ndrquzs7HtaWlpE4d%2FExcXdi%2F7P5o7FujDJYFY2vzX4s375FnsfdpDM6RJmQi2aCbW2to7r5kL9%2FJr69u17LYRv1zFDspZLdczQTzDDZjszuzKhZg7mUgdhj6b%2FDxgwYL3WWna7vRLC52HLYMcO6XhGrQxy7VGCnnRq3cS74gR2gcutsrIyoqioKD4gIODD8ePHnzTSFWsb1XSAC5dqejA6e4wLx%2F5mh2O7iybq7IEwnzbFA4oHFA8oHvCaBxD9%2FDIyMlZ8%2B%2B23PzWSB0gHSDlGCtp7kIXiri0rKyseLPBWW1tbmg4P3I%2F%2B3%2BWLEtKBMRwP8CbUkpeXNw19%2FBbOC9XjAYTk7b6YoT%2FHA0N0YrkNmn6fjvBqCF8M4TvZoUM6jsjhJryf5QGtRjWufDzg41Q3ynA49gQGBk7ihNPWTM2pg3fuXHG9VzyA5g8vKCh4sL29vb%2B%2Fv%2F%2FbdXV1L1533XXtigcUDygeUDygeEA6DzzxxBP2adOmvQYeuN0qHngHPDBTGg%2Bcwpafn59GEIK7Xsps3XAe0PzARQIP2IBfv25tbZ3pAs8qEJKvmjNnTq6vjkiXBxoaGvq5Eo6QvAd3PpkT7hMP8E1SovVbSEhIC8DjS%2BGuT0Lwo6jcZDR7sQv3%2FCUrp82FcOqOI1occMsDBw8eHFxaWnorfg8AFe0KCgpaDSv4xux0vRovUDygeEDxgOIBXR7YunVrQnNz89%2Bl8AAYYEZNTc0i%2FEkB5wh%2BH4XIeK0UHjh27NiA%2Ffv3r3HhRt3lB4zhgZMnTw70JJx4wMj8QDceiI6O%2FhgcUOjirs%2FyAGCkyDQegA4E1NfXL0a%2FT6PhGghuRKV24a5XKR5QPKB4QPGA4gFTeSA7O%2Fv7cMG34DGsGD7%2FlvT09P3SeABh%2BDKE4X9qP1KsR9RbjX8Pms0DXeMFVVVVtXzNINQJoTf3gAd8Gy%2BYPHlyXp8%2Bfd7wSmkM5oFuwWjz5s0%2Fa2lpeRjHovV4AJV8GdDyjKnjBevXr%2B%2BLu7wSAqe1t7dHQymbiAeghKsXLVrUrHhA8YDigfOTB7755ps%2BBQUF4%2BFkgqXzQHFxcdi%2BffveR0HxJSUl9TExMQtSUlIqZfGA%2FciRI7NJOAtCoWjWe1zxwIYNG16H8Ec88EC8G3m67xN%2B3c3btLVdhZiQwh8jHpgyZUqWDoz4%2FD6hX2Zmpj%2F8%2FHHqS75gBJ7ViAMHEQ9Gmp4f2LRp092Igr%2Fztt%2BMzA%2BcdcUZGRl%2FcwchPA%2BgdZboPKL7%2Fj4h%2Bv4%2BxgMRlvIAtqvQ91PwW5SWH1A8oHjAVB7AQ8nimpqaOZGRkXvGjBlTKJUH4GaT8Ei2CxUhQe0JCQm3jRs3bqUsHvCHf7%2BaCe96msFTUjL%2B%2FatOkx%2F2kQfohuoEHgixw94Hdruljo4aqTyAu3cIHq9Van6ABqKFFkiSmR%2Bww81mdzvS2ko8kCSNB%2FLy8gLQh8XUn7zCBAQErETrfCVlvAB3fBfA9FVLeQC8979o4h9%2FF3jgIRy7yDIeyMrK6odjV9J4AfGAlh9Q4wWm8wDI%2BL%2FR7LdByY4lJye%2FEBUV1SiNByB8CZRvlRapgoKC3oaWvyKDB%2Bz0yjbM7wU%2BTMIpheOfatZcVcypiHc7kt2tFmYDdBxRJSujmgvdNiar6xHOH8FlNu5%2BOF87aP1zLJ5r2wkdHiDPN6IHPFAj8AB5xyCKhumCo1mfnp6%2BXRoPoLkHdLMfuz3H0vECqESH4gHFA4oHLigeOKeWeDJq7d%2B%2F%2F9ejR4%2FeC%2FNq43igxWbCJnbBD%2BFkXoBFJKDJay6%2B%2BOLbR4wYUWQmD5w1Cyjhk7CEd0k4S1peVFJScq3QWgksCuppuxYhE2yuX4Qh0BmuxZOzFcCdL4UFPCyeDaU7oVNIMMuu8%2Bl9LeMe7E2rs0RI16dDXTyAZn9RdCKw8z9NmDDhZbN5wA93P6e5uXkzz34gInppeb2U%2FAAez9MER7NBEG46DwwUKpArmwe6xX9ov8oPKB5QPHBh8cA59rtlyxYKuy2443atvy%2B99NIMCJfLA%2FxJ%2Ffr1WwOFW242DzwOS3hHFE4blHOsqTxA%2BQEIedTVeIHT6dxoFg%2FQf%2Fw%2B%2BeSTQ%2BiKRN4hQuPX0Ce%2BCM3H0P9fmTZekJmZmdrY2LiN5wH0%2BSI2yYmU8YJ53ToyIOCfgnBzecB25kNn3uHskj1e4KfyA4oHFA8oHnDHA6gE9LOjHXfeYRkPsC6oRSs8gL7%2FkynjBcQD7kKyhgbjx4%2BfGR8fv9eo8QKveIBPGTB7NjY%2FAIV7XhBOPPAemvwh%2FPsmU55OsMFbuPsqQ%2FMDuPuZcEJb3fFAaWlpIOo5cuDAgQ4z8gNzPfEA7prM7zPFA4oHFA8oHrggeYBqd5pyh7j7Nst5AIr3XF1d3cumdIGXPNCVykVUXDpr1qwSw5RQfH%2FAYwfb7SfggCYlJyeX%2BWqGDjQtRbO1tjPfHvM8sAr7OxBWii4ZYeMmSkGlQ%2FBbRUJCQgE7PkKnydsZB9QyJezH3aAfq3SVf2pq6gw4oUSBBxbzIRmu%2BJGmpqa3EbpnaaAaFRV11GbA%2BwN2b3iA%2Bjs3Nzfd6XT%2BEpX7EHxwd01NTeK6M9s%2F8%2FPzp3OnV7DmbXXBA%2FwW4u8tDzz22GMUpmloJxY8cC%2Bs4QHtbhgPLGJRsMIDD0QqHlA8oHhA8UBP8wN%2BUNAA2L7DUh4gy0AXvJKTk%2FMEvGKbZTyALvkcPHBNWlra15bxALqnir5DMcIM3fIAnNHfccdFjAf41zydbW1tPywuLt4zbNiwCl94wKv8wKeffjoQ3UOffs8WvWFSUtISgElNb%2FMDXvEAnM7xXbt2zUGrvN6tHTs7nQUFBW%2F7wgNe5weIBy6%2F%2FPKfoO%2BfFCoR7Ut%2BwN5THnDjeBQPKB5QPHCe8oDZW0%2FyA%2BZ2QQ%2FyA8YrYS94wDgztLl5fwCCCtAdl5jqiLzhAVdTwaASLf379%2F%2B5L1PBeJ0fAA%2BkoVX%2BKITifidOnHgF7nyWLB64XeQBqjNiyQOW8gCNO8nigT%2FAVG8TY3pMTMyzsnjgNj0emDRp0jbFA4oHFA8oHvj35oF169YdQlRUPOAND7yhxwM7d%2B6cL4sH7tDjgerq6qeys7OvszI%2F4AfzfACVmGVFfoAP5TRqkiM1P8D2roGssLCwHdJ5ADu9bX1jRETEPjaFiOIBxQOKBxQPKB6QzwP47XJLeaCqquppesfQUh6oq6tbRu8W9HigoSc84GJ%2Bwn8ZOX7DOSvcyDOWB0gJaeeP4Zw7QUZ3ecsD%2FuHh4ZtR83KOBwJhFdszMjK84gF256tpAOusGbW10XoIXq13bAgP4PppcGQf0Iyf%2BK1u9OjRtwwdOvS4VB7Iz8%2Bnb5AWDh8%2B%2FDhatVHxgOIBxQOKBxQPXNA88Hs3Axjnrl8AJbwCSsjPOfEN3O7UuXPnFnijhJouCL4iC%2FpyE7174kkJfc4P6PEA%2B%2F1UbGzsDZMmTcozPT%2Fw6aefTsf1ayl48eehFTZCcR9054i6aoTmXoGT%2F%2BZVUkln%2FQI09Q46Rh9K8%2Bfi%2F7VuXHH39YxQ01tQyM9pEhwXd%2B12PSM61tjYOBlO7EFUsgDnroODek0nGLlfz0jxgOIBxQOKBxQPGMADr9O5VvPANijyDWlpaaWW8QA9%2B6MMejU4c8aMGVtxbphpPJCZmTkFLbSWrQhyzgbr2QQFXmYaD6Snp%2B%2BiNZARNXe70I05aEW7qTxAayBfeeWVU3DO%2F9C5gm%2FZh71DGg%2Fk5%2BcHIWougV5NIUUdMmTIXxMTE0ts3sxPSDwAz9fFAy7mMva4wTWTdXxC6sEBieIBxQOKBxQPXGA8EBQUdKPwbbI1PIBY8iXKprGDQZGRkR%2BmpKRkScsP6GxtSUlJ3xs0aFCZKfkB%2Bs3T5YglsablB%2Bg3OkfkAa7yu4cOHfqh6TwAS3BC2BJaEwn970SFytHCiPRbNrDvl83lAbQmVfRjUg8%2BQQFK7lA8oHhA8YDiAct5gFaTtIQH0DpzYU1vUdh3Op3v4IH219J4AIqejJ0W7zrrJ4YPH75w1KhR62TzwFkfERUVNXbq1KkHZPNAV4%2FBzzxOwqXzAH3FDd34ASr%2FlEweCEIZ5Sgja9u2bZss5QG0kuIBxQOKB6znga%2B%2B%2BmpwTk7OQlSc3HbP5yPywAOtl1122aOuToLg5JqamncpfVxbW3sqMTFxnlQeqK%2Bvp7WU%2B7DuCystLZ1uxvuEt9O5dA1%2FHBFzMcq%2BTNChAhk8cBhlT2BfX%2FhzgenowoULE63igU5Q0VJQ0RrD3idEJQbj%2BjXwFRM8lYHKL4eyPmYFD5RCxg814VJ4AGUEY68gUM3Ozl5nKQ8A%2FRQPfPd4oGs%2Bori4uLXCm7Rd8xHhbt%2BFEpax%2BYj4woOgYNcXFxfn93Q%2Boj179kxCQFoIi7HFxMQckMoDEH5jWVnZa6ylvw0ODp4ilQcQMcdy3dwHOnetVB7AzVYJhwZIzQ%2FolN0ulQdQ9mThUJk0HoCyz0fZV%2FDHaFRdSn4AvyWhYkt4U8b1hxctWnSxZTwAU1%2BK6y3hgU5cvxwW9bgVPFACGTdowqWNF6AM4gHo5dYN4sx%2BUnkADNh24fIATD38888%2FfwjdkoDr%2FwA6elkqD6B1l8FUl4pmqK1vqLt%2BAb0RA2fyFjkVIQpG4ZpN5N1sXq5fgDvnW6ZrjWWS7RMP2M5MBXO%2FNzwA5Z4JM93C3yjkpPvEA5T58JYHZs%2BevY3WUhZaMl0qD4hrKdNay7J5QJTVqXhA8YDigQuDB0pKSvrgOTJi9OjRndJ54NChQ4l4GH2d8oLUBeiiXyIU%2F%2BNst3DN5nJ9Q%2Ba3w1G55SEhIbmkcDqn6K5viLu%2FjoQzR5RAayrDYy7vVoEerGdE3xRPQCF5uGYq%2F7huc7GeEfq%2BTM9j0hrL2tCty%2FWMjOCBsWPHvoCy%2FmIT1kymNZal8kBmZuaVTU1Na%2FnuCQoKmiuNB0DE62gtZeFxPU0qD9CLTEJ0HCiVByCrXZCl8gOKBxQPWM8DpnxvSDwwZsyYDRBc61GfzOIBmN3TeOJeKHaBNB6AQibpOCLigXdIluk8gEi3wVWrkyySaWMCTXt%2FYMeOHZcgBA9G6yW7dESyxgvIFUMnPuF5IDg4eKa08QIqk8oW4sY82fmBXEvHC3QrpXhA8YDigfOSB9DE7bRGMs3cKZ0H8Ax4O%2BLGsyg3Uq8LRB4wdLygqKgo5YsvvtjiYrDCtRIaxQP4LcaD8HN4wND8wPDhw0nLV7Mua8C1b7I1k98TomPXGIXP%2BQFXPFBSUkJF72fLFMvngYSEhDxeuOIBxQOKBxQPXHg8AC%2FYSmsk284M13dK44GVK1c6IiIi7oMuLEMZcnmA7B5PwqvR7Ck9UUJD3h%2FYvXt3QmVl5W5X04C4M0Nv3ycUxwO6vU8IEroDfuAq0VGhjHexv48y6P2BkVwOwQ%2F%2Fnzhy5MhXDeEBWMipo0ePvq0dh9VsdTqdN%2FGfehnFA7rrGcH%2BB8XExPwcFf%2B%2FoKCgB2ltZHFNbFc80NP1jm9HyC0XImIXD0D7n4eQ%2FyQggYK644FFigcUDygeUDxgOg%2FADdvRFX1EH2M6D8D%2B%2FdFKFNbvsemMpJvKA%2Bi6IWQJaPYk6TzApg3%2FqDdm6PP3BQjDiRBO74uEC5VsQCXfIoeGMmpM4wGWiAoSumkLbuBGfqpY0%2FIDonBaE5nWRhbmqTWMB%2B5AyK1wFREpd0Cf%2B0HBpPNArzfFA4oHFA%2BcnzzQowcKo%2FMD4eHhD0EX7qPhfqk80FslNIQHfDJDm4%2FvD%2FjsiHzlAS4s8910zlQwpvGAKJzOoXPNyg8oHnjDah64TfGA4gHFA4oHFA8oHlA84E3uz9T8AJrtYSN5wKv5CWFmAyGYlHC2qOmUZfNFCd3yADOhETDD7%2BPfEEF4I9myVTxQBYW7yhIeQGQsQBddnZaW9rVUHqAmx4VP5%2BbmThSFCzzwmKE8gMKacWE%2BFOt9CG6UzgNd3wbb7a24M1P4QPGA4gHFA%2F9%2BPAABKyIiIp6zeXg%2FyBQegLYvQ1%2F%2BGU1ZFRUVRVzQ2hMeIM%2FYKx5g7wi9jQJmaceGDRt2E64LKy8vf8k0HkDrHMLfXfkB0cwiIyMfnj59%2Bm9Q8AwreKAcXZAyZcqUUl8dUY%2FnK6Y1i0JCQiZrwlko7tF8xeSKSXhP8wO1qPUvGxsbp4k2bnZ%2BoBb7bkS51RMnTmy1Ij%2FQF38HQIn8bSZsigcUDygeUDzgNQ%2BwLZ72GTNmrOoND%2FR6vKC0tDSwpKRkEv48%2B9ru1KlTM%2BLi4u41e7xA44HvUX6APuGBF3tWAxzsh6XzwJgxY64ZMmTIMfz5le3M3ONSeaCNkhP494AmXCoPOJ3OuwYPHrzDprNan2H5gZycnEB4rAVcfqABF%2B7E%2F1cvWLDgtOk8gItbhfwArrdTmLUrHlA8oHhA8cCFywNMexOl8wAqdwABqHTatGkU%2FfSWCfHIA7CIg1D0cT7xAMzlz2lpaa%2FxDSWVB%2BADeLVulM4DuIDyRRRGyba%2F9MADxuUH8N9o6EHx2LFjV8TExFR6a3qG5Qc66b3tjo7Iffv2XQ5Q6ad4QPGA4oHzlgfEIOOQygO06prQrKOl8oA4jTM0fjHMaoI0HsjMzPRvamoqw51H84MW6M83cKfPQ5tJeKSpPIBC7oaJ%2FE5sstDQ0N9Cm9%2FUaU1jeQB%2FvEqTlohnodZDdC42hwfmz5%2F%2FYzQ7zwM0Ceoa3kFJ4YH169f3RfOkJiQklCcmJtKqzGT%2FtD7pKTN44JwxgNzc3Hb0e99jx4796MiRI7G9eaFR8YDiAcUD%2F148ID4bqPwA5QfweHaJ1PxAeXl5MZSpP9eXH6OpaToHKjzQTB6w04A0zO5JUbttZ6Z8HUQPqDrCW1lUbCTtRpy4nJyTcE4Q7vhmmPgzEP4DW%2Ffvljtxkw%2FQs6eWH%2Fg9DqygFqQlgYcOHfq6Gz0wlAfEcEx3G2fTXxKGwugJ25nVWWyGByPeErHT%2B6NO5rXk8gBMyAEvlgq3OwsXKx5QPKB44ALgAQj0tzQ%2FgL1cOBYrlQegMBlCZpyW%2FegnjQdoyAZKc9%2BpU6eugLv9bObMmf%2Bw%2FWvJcNN5QPOENAfJkB50nWH5AT4WJDAI8bQRDxwV%2B98nV8xtUcwsL2we8EtNTZ3F3G6MbB74ATT6V6h1vHQegIt9AsIf9VRjU3ggMzNzSVNTkyU80DUfUUxMzMfCFM9tcCIfYX%2BHVur2Yj6iT3SanBzRu9jfhw65np8QTZ%2BGAjJ54Yjl1MQfS%2BEBbJMEHtjECzebB%2BzR0dG5XEBpdzqdK1zxgIv5irvxAJ0jrm0u8AC%2FDfAfO3bsUdT65oqKihkwob1JSUm5nnhg%2B%2FbtAXV1dQ94q7Se%2FAA9FQ%2FkjtFDZpEbHugKyTt37pxfXV39uOi2qQtycnJ%2BqtcKGRkZHyMkL%2BLOfYIqQBOYjRTC7EEWinkeoLVLwvgC8%2FPzp%2Fj8fQF7hWMMVUiohOIBxQPW8QDAdCqtukYvtuDiZpk8sJTxwGDpPABzehh2utyS%2FEB2dvY4uNY9FJpl80CXDoSEhFyCprVzAlrR72ux79XLD3DrF%2FQ2P6CtX%2FABtUDX6gvggqdxcD7dHWp3Pfppkwwe8GPTPHdBaGVlZURYWNjXaN7DOtZhhxW8Js5PJ269CUbxwhNxiTtnQwtkesoPuLn2EVqYi6vAH3v8rrAZ%2BQFxMfRAmfkBxQOKBxQP%2BOvchR0mNg0eK42QXWp%2BAA8nMXv37t2AfhwnnQfIHefl5V0Pu%2F61TB7QPFYoPR3BMVR46me99YyYGeZ5Ibzrprutb8haYLTmgnfs2LG4oaFhAf48gibbZ%2Fp4gcYDfBNhP8Ts3fz8ADM5fqvjhZudH1A8oHhA8YDige8eDzAhnYWFhbHHjx%2B%2F9UzF7bug1atN5wFmZqQLfdevX78KdzBEKg%2BwhKUfwCRs9%2B7dm13xAPbvQYOLDecBLTkRGxt7Cja8yxUPwO5p0eXJpvCA5jXr6%2Bsb9%2BzZMwsn036d6KK95QFvHJHiAcUDigcUDygesJQH7K54wCg77zUPaAdKS0uj9%2B%2Ff%2Fz%2B4myj6LrWuru5F03lAaM5nUeBl2v8dDsceFGJOfkBvsAJ92C1YoSXMzQ9ocrHXkp3n5OTMqKmp%2BZsYNaXmB7KysuLhRt%2FCHaZZwgNpaWmlCxYsmIO%2Be81oHvDXcTpNuppzpq%2FuREyvNvr7AsUDigcUDyge%2BG7zgMwuiHUVkjk4iTl%2B%2FHhCa2vrytTU1DojlZB4INGd8MLCwlFHjx6lxXb74U4qUcjVhr0%2FwFysnx4P2M68ZR0Jj7eA%2FU0uNcbw9wfc8QBdmJ2d%2FbOTJ0%2F%2ByhIeIKeDPn%2FJDB6we8sDtEFx7jT6fULFA4oHFA8oHlA80CMeMFMJPfKAWWboNQ%2FwjojGERobG2%2BDM%2FkrnFC0FB7QXHFubu68ysrK56TzALld7BUNDQ0plvEAcanD4fjQUh5IS0vbCFN73lIeAJ6tBA88onhA8YDiAcUDigcs4wFmJSNtvZ84vfc8YLQr7jEPaAcAJnNOnDjxirTxAo0HWGXiq6qqlonXShkvELrKGh6gP6Kjo59RPKB4QPGA4gHFA4oHLOWBvLy8mZbyQGVl5YNW80CHpTwQGxv7DFvXRuSBP0jjgaKiopgvvviCpg8JEpRwS0hIyA0zZswok8IDbE6z4G4u1s%2BvAQr5Hv49gjsfbyoPbN68eRoqsVaYdFkuD2RlZQ0hb4gImNQTV8wrC9ltkU1nLmIuGLmcr5jWQKa1kGlNZB0%2FcjYYeZyv2AgegCMKPXXqFL0OPoE8rXQegPB2CPyW1kpWPKB4QPHAd54HfFm7lOeBzoiIiOcR%2FVZI5QF6m4bWP4iKinrQ4XA0ggXeRmB6SBoPaK1QUFAwobi4%2BE%2FaQVRmq9PpvMkbJfRnff4txwNkbpd4ywP0R0NDwzXdfmhvn4VjB9Aiq1CZL7n8gD%2FPA%2Bnp6dv9mdmVCTzg8BCauzkiFPYX7HewGT3OKAX8AoT%2B2JUj6jZfMbvbSi%2F15pz5iqdPn16EJp9EayF74wXdzVfsc34A1nAf7nwZrQJkWX6gsLCwD5zUElQiBXsEWYtUHigtLQ2gNZJZWPdTPKB4QPGA4gEpPEDvGPK%2FS%2BUB0aMWFRVBFfp8HhcX1yyFB5gPcbA88VNQrisoPwBr%2BEAYLzCHB5jZJh46dGgUCWc8EELrF2B3ywP%2BHA8E%2BZAfoKY%2BADMLZy3jsIQHmFv%2BCdzy08LMr3J5gNZIRFAiHphKXSE9PwA9cNAayd5Mtqd4QPGA4gHFA%2BcnDzC33S3vbNp4gcgD%2FO%2Fbt2%2B%2FtLm5OR4ykl2NFxjKA7yAzMzM%2B5uamm6Ukh%2FQeIA3X3jGy7zhAcPGC2z%2FWuWJzmmDMyqwbLyAZAFMY4Fod0PzB%2FRqPiJfeABgGgiB83SsRvGA4gHFAxc4D6DPuwUsWmtZKg%2FARFOEFjkujQcQHa9EdFzLKyEUda6pPEBllJWV2fbv30%2BLtNzMn4O7%2F3rhwoXDTOMBrYzDhw%2F%2FF4TfKhYAhf2FqTzAmVq8jvAnEQ9WmcoD2sG4uLiVWsUYD1zPTx1mGg%2Bw%2BEJl2I8ePRoIXYiA48oTZ%2FIxkwcWiy80FhYW%2BikeUDygeODC5oFOweYpEErlAQgUeaBMJg%2FMAA9k8UoIU0w3fLyA86iXsjJOUxmtra2P8cIdDsdh6MsW03mAa24%2BfHfCIrryA4a9T8iED7MJb1aejfUlJVEHDhx4BK46HtbyO8SDl0wZL2A3Eeci0p5mvHBKKg%2Bw1qIyGjyFY23TKhBgM%2FkDB8UDigcUD1xw%2BQExajpk80B%2Fy8YLSOegtLdCb36rOTYo6hTT8wMaD7Ay7KhEan19fTI8ZkZycvK7hnxfYDsz9J%2FoIoraXDx%2FUuXrpfGAIPy4ZtKKB0znAbIy7MQD27Kzs9eJk6TI5oFSeMv7wQPvWckD5LKXw2U%2FZikPOJ3Openp6VJ44DC4cAJb1U%2BT54cKvyiVB9BKi5ubm9eIj2bSeIDWUEaLbOwWCh2OZKk8AAJ6ta6ujkZU%2FWnKaUTRnVJ5AL%2Fn4fHsR7W1teMGDBiQM3To0JJer3eM%2Fp9eUVFBcxR2REZGvjJ16lRtTcwK1lJ621Cm0GdbVCoPYL9YsLYD0nmA%2B51MvFDxgOIBGfkB%2BuCxHF4va9u2bZus5oEixgOrLM0PIAg9imfFpyzjAZzXcdFFF42bPn36Pin5AehCMvarcU6A9owYGho6An92VSBIeB7sZHfHh%2BQTOq7YgXhwM4R7xQMbN26cCyh5hyZbDgwM%2FGDMmDG0JFVQt%2FWO2UZ3fsxTMCIeAIy8IPoMd%2Bsdk6Oqrq5OQBhu5INRj9YzYufGr8NGd6PHAx6cVAL3%2F4oL631C5ty6WZPiAcUDigekjBfA95fDQ26pqqraKL7AIJUHACV7x48ff3lcXFy1ZTwA4XdNnDhxtaaEHtcz0nvEY0%2FTgZxwr9YzIg5AGK5gskL5FnC5npELHjjriLzhAegBObohYWFhn%2BARLkN0RFLyA65csbT8ACuzTrQ2xQOKBxQPKB6wnAdMeZ8QLrrfyZMnF8FRTQELtA4cOPAvo0aN0k2ASuEBmoljwYIFN3rqAp94AFFxEMLxB65C8uzZs1NDQkJaRCU0hAcyMzOn0BrIroQjQG1lwjUdk8cD%2Ffr1ywKGbQULhLpyRKbwAATfQMsSWsYDgnDFA4oHFA8oHvju8sD5N18xHNIvEBVvAgOUJyUlPQt%2FcdLbLvA5P4CouIaWI9aOISB9NG%2FevOXulNDQ%2FAAvvMtLdXToffLZjQfsbsYLqllzVTGnYtMZLwim1%2FQgfIM4WAEWrEd3vMTKqBZih5%2Fmss3igSyE5ZvmzJlz3BtXbPR4wWvz58%2B%2Fq1M%2F%2FXbO4HWP1zNiu83V%2BwO0BqIL4XplBygeUDygeEDxwPnFA752gU888Nlnn4W3trZeM3jw4NKYmJi6niqhT%2B8P0LThgJEP2bNi44gRI%2F5j5MiRR70xQ0N4oKWlZSP3oBpcVla2gF1T6YkHTHl%2FICAg4HP8s1%2FophrBFZPMIMPzA%2BDA36empv5Gx1Hp5gcM5wFA6F1urlc8oHhA8YDiAcUD5vGAr0roEw8YYYa9Hi%2FIyspK9PPzuxmxoDApKWlvbxyRL%2FmByXhEf1kLyYgP96akpGT3xBX3mgfoky3wwG94Hqivr5%2FKzjlsOg9UVFQ8JF7r7%2B%2F%2Fkc31m%2FXm8kB4ePgLIKFPLeEBYPiDtAay4gHFA4oHFA8oHrCEB4xwRL3mAaNcca%2FGC9jHbhSS7QhMT02cOHEHO6dHH7v5wgMPd3R09KfUDKtIt9%2B95QGj1jfsdTmG8AB1gfi74gHFA4oHFA8oHlA8YDoP5Obmzquurr7XEh7Izs6%2BrrKy8lkjeKDH%2BYEtW7bMaWhoeMALf2IOD7S1tV0lWgSxQW95wK6TD4pgmi%2FaOGl6bGho6E5ek%2BPi4u5B%2F2dzx2JdmGQwK5vfGnrFAwUFBcl1dXWjce2baWlphxUPKB7whQf%2BX4ABAGSSMYsxT5XaAAAAAElFTkSuQmCC) center top no-repeat;}@-webkit-keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}@-moz-keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}@-o-keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}@keyframes infinity_spinner{from{background-position:center 0;}to{background-position:center -960px;}}[data-loader='timer']{position:relative;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background-color:transparent;}[data-loader='timer']:after,[data-loader='timer']:before{position:absolute;content:'';background-color:#fff;}[data-loader='timer']:after{top:11px;left:11px;width:10px;height:2px;-webkit-transform-origin:1px 1px;-moz-transform-origin:1px 1px;transform-origin:1px 1px;-webkit-animation:timerhand 2s linear infinite;-moz-animation:timerhand 2s linear infinite;animation:timerhand 2s linear infinite;}[data-loader='timer']:before{top:11px;left:11px;width:8px;height:2px;-webkit-transform-origin:1px 1px;-moz-transform-origin:1px 1px;transform-origin:1px 1px;-webkit-animation:timerhand 8s linear infinite;-moz-animation:timerhand 8s linear infinite;animation:timerhand 8s linear infinite;}@-webkit-keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@-moz-keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@-o-keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@keyframes timerhand{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}

/* required styles */

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

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

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

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

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

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


/* control positioning */

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


/* zoom and fade animations */

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

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


/* cursors */

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

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

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

/* visual tweaks */

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


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


/* general toolbar styles */

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

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

/* zoom control */

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

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


/* layers control */

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

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


/* attribution and scale controls */

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

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

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


/* popup */

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

	margin: -10px auto 0;

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

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

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

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Leaflet - Custom */

.leaflet-div-icon {
	background: none;
	border: none;
}
.leaflet-popup-content-wrapper {
	padding: 0;
}
.leaflet-popup-tip {
	background: #0073a5 none repeat scroll 0 0;
}
.leaflet-popup-content {
	margin: 0;
}
.leaflet-popup-content p {
	margin: 0;
}
.marker-cluster-small {
	background: rgba(0, 68, 105, 0.6);
}
.marker-cluster-small div {
	background: rgba(0, 68, 105, 95);
	color: #FFFFFF;
}
.marker-cluster-medium {
	background: rgba(0, 68, 105, 0.6);
}
.marker-cluster-medium div {
	background: rgba(0, 68, 105, 95);
	color: #FFFFFF;	
}
.marker-cluster-large {
	background: rgba(0, 68, 105, 0.6);
}
.marker-cluster-large div {
	background: rgba(0, 68, 105, 95);
	color: #FFFFFF;
}
.leaflet-popup-content {
	width: 440px !important;
}

/* TM - Vermieter - Übersicht - Preloader */

body > .preloader {
	background: rgba(0, 0, 0, 0.7);
    content: "";
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 20;
}
body > .preloader:after {
    background: url("/img/layout/preloader_overlay.png");
	background-position: center bottom;
	background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
body > .preloader > .preloaderWrapper {
	color: #FFFFFF;
	left: 50%;
	position: fixed;
	text-align: center;
	transform: translate(-50%,-50%);
	top: 50%;
	z-index: 21;
}
body > .preloader > .preloaderWrapper > p {
    font-size: 48px;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    display: block;
    line-height: 1;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
body.showPreloader > .preloader {
	display: block;
}
body > .preloader > .preloaderWrapper .loader .loader-star {
	position: absolute;
	transform: translate(-50%, -50%);
}
    
body > .preloader > .preloaderWrapper .loader .star-small {
	-webkit-animation: star-small-pulse 1s ease-in-out alternate infinite;
	animation: star-small-pulse 1s ease-in-out alternate infinite;
}    
body > .preloader > .preloaderWrapper .loader .star-big {
	-webkit-animation: star-big-pulse 2s -0.2s ease-in-out infinite;
	animation: star-big-pulse 2s -0.2s ease-in-out infinite;
}

body > .preloader > .bgimage {
	background: rgba(0, 0, 0, 0.5);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
}
    
@-webkit-keyframes star-big-pulse {
	0% {
		-webkit-transform: translate(-15%, -30%) scale(0);
		transform: translate(-15%, -30%) scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-115%, -60%) scale(10);
		transform: translate(-115%, -60%) scale(10);
		opacity: 0;
	}
}
@keyframes star-big-pulse {
	0% {
		-webkit-transform: translate(-15%, -30%) scale(0);
		transform: translate(-15%, -30%) scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-115%, -60%) scale(10);
		transform: translate(-115%, -60%) scale(10);
		opacity: 0;
	}
}
@-webkit-keyframes star-small-pulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(4);
		transform: translate(-50%, -50%) scale(4);
	}
}
@keyframes star-small-pulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(2);
		transform: translate(-50%, -50%) scale(2);
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(4);
		transform: translate(-50%, -50%) scale(4);
	}
}

/* TM - Standard - Quickbooker */

.quickbookerfixed #ContentWrapper > .tmQuickSearch {
    left: 50%;
    position: fixed;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: top 500ms ease 0s;
    width: 100%;
    z-index: 3;
}
.quickbookerfixed #ContentWrapper > .tmQuickSearch.show {
	top: 60px;
}
body.newsticker .quickbookerfixed #ContentWrapper > .tmQuickSearch.show {
	top: 100px; 
}
.quickbookerfixed #ContentWrapper > .tmQuickSearch + .content {
	padding-top: 95px;
}
#ContentWrapper > .tmQuickSearch {
	margin-bottom: 40px;
    z-index: 3;
}
#ContentWrapper > .tmQuickSearch:before {
    background: #e50000;
    border-top: 1px solid #FFFFFF;
    content: "";
    height: 100%;
    left: -1000px;
    position: absolute;
    top: 0;
    width: 4000px;
}
body.summer #ContentWrapper > .tmQuickSearch:before {
	background: #c20016;
	border-top: 0;
}
.tmQuickSearch > .wrapper {
	background: #e50000;
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    height: 55px;
    padding: 0 10px 0 100px;
    position: relative;
}
body.summer .tmQuickSearch > .wrapper {
	background: #c20016;
	height: 70px;
	padding-top: 7px;
	border-top: 0;
}
.tmQuickSearch > .wrapper:before {
    content: "\E841";
    font-family: fontello;
    font-size: 25px;
    left: 20px;
    line-height: 55px;
    position: absolute;
}
body.summer .tmQuickSearch > .wrapper::before {
	font-size: 42px;
	left: 0;
}
.tmQuickSearch > .wrapper:after {
    background: #e30613;
    content: "";
    height: 50px;
    position: absolute;
    right: 120px;
    top: 13px;
    -webkit-transform: skewX(-50deg) skewY(10deg);
    transform: skewX(-50deg) skewY(10deg);
    width: 130px;
    z-index: -1;
}
body.summer .tmQuickSearch > .wrapper:after {
	background: #c20016;
	top: 28px;
}
.tmQuickSearch > .wrapper > .mobile {
	display: none;
}
.tmQuickSearch form .search {
	padding: 11px 0 11px 0;
}
.tmQuickSearch form .search:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickSearch form .search > .row {
	float: left;
	margin: 0 20px 0 0;
}
.tmQuickSearch form .search > .row:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickSearch form .search > .row > label {
	float: left;
	line-height: 32px;
	width: 70px;
}
.tmQuickSearch form .search > .row > .fieldWrapper {
	cursor: pointer;
	float: left;
	position: relative;
	width: 140px;
}
.tmQuickSearch form .search > .row > .fieldWrapper:before {
	background: #FFFFFF;
	color: #004f8f;
	content: "\e899";
	font-family: fontello;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 1px;
	text-align: center;
	top: 1px;
	width: 30px;
}
body.summer .tmQuickSearch form .search > .row > .fieldWrapper:before {
	color: #5c5c65;
}
.tmQuickSearch form .search > .row > .fieldWrapper > .field {
	background: #c30000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 17px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 10px;
	width: 100%;
}
body.summer .tmQuickSearch form .search > .row > .fieldWrapper > .field {
	border: none;
	background: rgba(0, 0, 0, 0.2);
}
.tmQuickSearch form .search > .row.persons {
	position: relative;
}
.tmQuickSearch form .search > .row.persons > label {
	width: 80px;
}
.tmQuickSearch form .search > .row.persons > .fieldWrapper {
	width: 180px;
}
.tmQuickSearch form .search > .row.persons > .fieldWrapper:before {
	content: "\E89A";
}
.tmQuickSearch form .search > .row.persons > .roomSelect {
	background: #FFFFFF;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	display: none;
	font-size: 14px;
	padding: 0 0 25px 0;
	position: absolute;
	right: 0;
	top: 32px;
	width: 760px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect.show {
	display: block;
}
.tmQuickSearch form .search > .row.persons > .roomSelect:before {
    border-bottom: 12px solid #c30000;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    content: "";
    display: none;
    position: absolute;
    right: 42px;
    top: -12px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .title {
	background: #034e8d;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 500;
	line-height: 40px;
	padding: 0 25px 0 25px;
	text-transform: uppercase;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .title > .close {
	color: #FFFFFF;
	cursor: pointer;
	font-size: 20px;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .title > .close:before {
	content: "\E82A";
    font-family: fontello;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div {
	margin: 25px 0 0;
	padding: 0 25px 0 25px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt {
	background: #E7E8E9;
	color: #2D343E;
	cursor: pointer;
	float: left;
	font-weight: 500;
    height: 40px;
    line-height: 40px;
	margin: 0 1.453488372093023% 0 0; /* 0 15 0 0 */
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-moz-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-ms-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	-o-transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	transition: background 400ms ease-in, border 400ms ease-in, color 400ms ease-in;
	width: 32.36434108527132%; /* 334 */
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt:hover,
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.selected {
	background: #034e8d;
	color: #FFFFFF;
}

.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.single {
	padding-left: 19px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.double {
	padding-left: 30px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.multi {
	padding-left: 36px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt:before {
	font-family: 'fontello';
    font-size: 20px;
    margin: 0 0 0 -20px;
    position: absolute;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.single:before {
	content: '\E85C';
	margin-left: -36px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.double:before {
	content: '\E85C';
	margin-left: -36px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.multi:before {
	content: '\E85C';
	margin-left: -36px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt:nth-child(3n) {
	margin-right: 0;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .confirm {
	background: #6D9815;
	border: none;
	color: #FFFFFF;
	display: none;
	float: right;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 25px 25px 25px 25px;
	padding: 0 20px 0 20px;
	text-transform: uppercase;
	width: 100%;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * {
	background: #0076D7;
	margin: 10px 0;
	padding: 10px 0px 0 70px;
	position: relative;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .icon {
	background: #034e8d;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 55px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .icon:before {
	color: #FFFFFF;
	content: '\F236';
	display: block;
	font-family: 'fontello';
	font-size: 26px;
	line-height: 55px;
	text-align: center;
	width: 55px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > *:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * label {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 15px;
	line-height: 35px;
	margin: 0 14px 0 0;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox .adults label {
	width: 120px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox .ages label {
	width: 120px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .adults {
	float: left;
	margin: 0 20px 10px 0;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .adults select {
	border: 0 none;
	color: #2D343E;
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .children {
	float: left;
	margin: 0 20px 10px 0;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .children select {
	border: 0 none;
	color: #2D343E;
	float: right;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .ages {
	display: none;
	float: left;
	margin: 0 0 10px 0;
	position: relative;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .ages:after {
	clear: both;
	content: "";
	display: block;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .ages.show {
	display: block;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .ages select {
	border: 0 none;
	color: #2D343E;
	display: none;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0 8px 0 0;
	padding: 0 15px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .ages select.show {
	display: block;
}		
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons {
	position: absolute;
	right: 13px;
	top: 18px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li {
	background: #034E8D;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin: 0 2px;
	position: relative;
	text-align: center;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 20px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > .room1 > .buttons > li.remove {
	cursor: not-allowed;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > .room3 > .buttons > li.add {
	cursor: not-allowed;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li.remove:before {
	color: #FFFFFF;
	content: '\E831';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li.add:before {
	color: #FFFFFF;
	content: '\E836';
	font-family: 'fontello';
	font-size: 10px;
	left: 0;
	line-height: 20px;
	position: absolute;
	width: 20px;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li:hover {
	background: #FFFFFF;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li:hover:before {
	color: #034E8D;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .apply {
	background: #e30613;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: right;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin: 15px 25px 0 0;
	padding: 0 25px 0 25px;
	text-transform: uppercase;
	transition: background 300ms ease 0s;
	width: auto;
}
.tmQuickSearch form .search > .row.persons > .roomSelect > .apply:hover {
	background: #5B0208;
}
.tmQuickSearch form .search > .button {
	float: right;
}
.tmQuickSearch form .search > .button > a {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 40px 0 0;
    padding: 0 25px 0 0;
    position: relative;
}
.tmQuickSearch form .search > .button > a:after {
    content: "\E870";
    font-family: fontello;
	font-size: 13px;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 0px;
}
.tmQuickSearch form .search > .button > input {
	background: #FFFFFF;
	border: none;
	cursor: pointer;
    color: #e50000;
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-transform: uppercase;
}
body.summer .tmQuickSearch form .search > .button > input {
	height: 40px;
	padding: 0 20px;
	margin-top: -4px;
}

body.summer .tmQuickSearch form .search > .row.persons > .roomSelect > .title {
	background: #6D9815;
}
body.summer .tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt:hover,
body.summer .tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt.selected {
	background: #6D9815;
}
body.summer .tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * {
	background: #B1CA35;
}
body.summer .tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .icon {
	background: #6D9815;
}
body.summer .tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li {
	background: #6D9815;
}

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

	.tmQuickSearch:before {
		background: #e50000;
		border-top: 1px solid #FFFFFF;
		content: "";
		height: 100%;
		left: -20px;
		position: absolute;
		right: -20px;
		top: 0;
	}
	.tmQuickSearch > .wrapper {
		padding-right: 0;
	}
	.tmQuickSearch > .wrapper:before {
		left: 0;
	}

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

	.tmQuickSearch > .wrapper {
		padding-left: 65px;
	}
	.tmQuickSearch > .wrapper:before {
		font-size: 21px;
		left: 0;
	}
	body.summer .tmQuickSearch > .wrapper::before {
		font-size: 25px;
		left: 0;
	}
	body.summer .tmQuickSearch form .search > .button > input {
		height: 32px;
		padding: 0 10px;
		margin-top: 0;
	}

}
@media all and (max-width: 1190px){
	
	.quickbookerfixed #ContentWrapper > .tmQuickSearch {
		left: 0;
		position: relatve;
		top: 0;
		-webkit-transform: none;
		transform: none;
		transition: top 500ms ease 0s;
		width: 100%;
		z-index: 3;
	}
	.quickbookerfixed #ContentWrapper > .tmQuickSearch:before {
		display: none;
	}
	.quickbookerfixed #ContentWrapper > .tmQuickSearch.show {
		background: #e50000;
		top: 0;
	}
	body.summer #ContentWrapper > .tmQuickSearch.show {
		background: #c20016;
	}
	.quickbookerfixed #ContentWrapper > .tmQuickSearch + .content {
		padding-top: 0;
	}

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

	.tmQuickSearch form .search > .button > a {
		display: none;
	}

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

	.tmQuickSearch > .wrapper {
		height: auto;
	}
	body.summer .tmQuickSearch > .wrapper {
		height: auto;
		padding-top: 0;
	}
	.tmQuickSearch > .wrapper:before {
		line-height: 90px;
	}
	body.summer .tmQuickSearch > .wrapper:after,
	.tmQuickSearch > .wrapper:after {
		top: 52px;
	}
	.tmQuickSearch form .search > .row {
		margin-right: 4%;
		width: 48%;
	}
	.tmQuickSearch form .search > .row:nth-of-type(2n) {
		margin-right: 0;
	}
	.tmQuickSearch form .search > .row {
		padding: 0 0 0 80px;
		position: relative;
	}
	.tmQuickSearch form .search > .row.arrival,
	.tmQuickSearch form .search > .row.departure {
		margin-bottom: 5px;
	}
	.tmQuickSearch form .search > .row > label {
		left: 0;
		position: absolute;
		top: 0;	
	}
	.tmQuickSearch form .search > .row > .fieldWrapper {
		width: 100%;
	}
	.tmQuickSearch form .search > .row.persons > .fieldWrapper {
		width: 100%;
	}
	.tmQuickSearch form .search > .button {
		width: 48%;
	}
	.tmQuickSearch form .search > .button > input {
		width: 100%;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect {
		left: 0;
		right: auto;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect:before {
		left: 100px;
		right: auto;
	}

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

	.tmQuickSearch form .search > .row.persons > .roomSelect {
		width: 500px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > div > .opt {
		margin: 0 0 5px 0;
		width: 100%;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * {
		padding-right: 10px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .adults {
		display: block;
		float: left;
		margin: 0 4% 10px 0;
		width: 48%;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .adults:after {
		clear: both;
		content: "";	
		display: block;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .adults select {
		width: 70px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox .adults label {
		margin-right: 0;
		width: 100px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .children {
		display: block;
		margin: 0 0 10px 0;
		width: 48%;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .children:after {
		clear: both;
		content: "";
		display: block;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .children select {
		width: 70px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .ages select {
		margin-bottom: 5px;
		width: 80px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons {
		float: right;
		position: relative;
		right: 0;
		top: 0;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li {
		height: 40px;
		width: 40px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li.remove {
		height: 40px;
		width: 40px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li.remove:before {
		line-height: 40px;
		font-size: 14px;
		width: 40px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li.add {
		height: 40px;
		width: 40px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > * > .buttons > li.add:before {
		line-height: 40px;
		font-size: 14px;
		width: 40px;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > .room1 > .buttons > li.remove {
		opacity: 0.5;
	}
	.tmQuickSearch form .search > .row.persons > .roomSelect > .roombox > .room3 > .buttons > li.add {
		opacity: 0.5;
	}

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

	.tmQuickSearch > .wrapper {
		padding-left: 0;
	}
	.tmQuickSearch > .wrapper:before {
		display: none;
	}
	body.summer .tmQuickSearch > .wrapper:after,
	.tmQuickSearch > .wrapper:after {
		top: 23px;
	}
	.tmQuickSearch > .wrapper > form {
		display: none;
	}
	.tmQuickSearch > .wrapper > .mobile {
		display: block;
		padding: 17px 0 12px 0;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile {
		padding-top: 11px;
	}
	.tmQuickSearch > .wrapper > .mobile:after {
		clear: both;
		content: "";
		display: block;
	}
	.tmQuickSearch > .wrapper > .mobile > .search {
		background: #FFFFFF;
		color: #e50000;
		height: 32px;
		float: left;
		font-size: 16px;
		font-weight: 900;
		line-height: 32px;
		text-transform: uppercase;
		padding: 0 20px 0 20px;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > . {
		float: right;
		margin: 0 0 0 11px;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search > span {
		position: relative;
		padding-left: 40px;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search > span:before {
		content: "\E887";
		font-family: fontello;
		font-weight: normal;
		font-size: 20px;
		position: absolute;
		top: -12px;
		left: 0;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop {
		float: right;
		margin: 0 0 0 0;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a {
		background: #e50000;
		color: #FFFFFF;
		display: block;
		float: left;
		font-size: 12px;
		font-weight: bold;
		line-height: 1;
		padding: 24px 0 0 0;
		position: relative;
		text-align: center;
		text-transform: uppercase;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search,
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a {
		background: #ffffff;
		color: #c20016;
		font-size: 16px;
		line-height: 40px;
		padding: 0 30px;
		height: auto;
		text-align: center;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search:before,
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a:before {
		content: "\E86E";
		font-family: fontello;
		font-size: 20px;
		font-weight: normal;
		left: 50%;
		line-height: 1;
		position: absolute;
		top: -1px;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search:before {
		display: none;
		font-size: 20px;
		top: 50%;
		margin-top: -10px;
		left: 29px;
		content: "\E887"
	}
	body.summer  .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher::before {
		font-size: 20px;
		top: 50%;
		margin-top: -10px;
		left: 29px;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.skipass {
		margin: 0 20px 0 0;
	}
	/*
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.skipass:after {
		background: #FFFFFF;
		content: "";
		height: 100%;
		position: absolute;
		right: -10px;
		top: 0;
		width: 1px;
	}
	*/
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher > span:before {
		content: "\E86F" !important;
		font-size: 24px;
		top: -5px;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher > span:before {
		content: "\E86F" !important;
		font-size: 24px;
		top: -5px;
		display: none;
	}
	/*
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher:before {
		display: none;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher > span {
		position: relative;
		padding-left: 40px;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher > span:before {
		content: "\E883";
		font-family: fontello;
		font-weight: normal;
		position: absolute;
		top: -12px;
		left: 0;
	}*/

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

	body.summer .tmQuickSearch > .wrapper > .mobile > .search {
		width: 49%;
		margin-left: 0;
		padding: 0 30px;
		text-align: center;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop {
		width: 49%;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a {
		width: 100%;
		padding: 0 10px;
		text-align: center;
	}

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

	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a {
		float: none;
		padding: 0;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.skipass {
		margin: 0;
		padding-bottom: 5px;
		padding-left: 10px;
		text-align: left;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.skipass:after {
		bottom: 0;
		left: 0;
		height: 1px;
		top: auto;
		width: 100%;	
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a:before {
		font-size: 11px;
		left: 0;
		top: 0;
		-webkit-transform: none;
		transform: none;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher {
		padding-left: 30px;
		padding-top: 14px;
		text-align: left;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher:before {
		font-size: 16px;
		left: 0;
		top: 10px;
		-webkit-transform: none;
		transform: none;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a {
		padding: 0 20px;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher::before {
		left: 14px;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search {
		padding: 0 20px;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search::before {
		left: 27px;
	}

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

	body.summer .tmQuickSearch > .wrapper > .mobile > .search > span {
		padding: 0;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search > span::before {
		display: none;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher > span {
		padding: 0;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher > span:before {
		display: none;
	}

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

	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a {
		padding: 0 10px;
		text-align: center;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher::before {
		display: none;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search {
		padding: 0 10px;
		text-align: center;
	}
	body.summer .tmQuickSearch > .wrapper > .mobile > .search::before {
		display: none;
	}

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

	.tmQuickSearch > .wrapper > .mobile > .onlineShop {
		margin-right: -10px;
	}	
	body.summer .tmQuickSearch > .wrapper > .mobile > .onlineShop {
		margin-right: 0;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a {
		font-size: 10px;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a:before {
		top: -2px;
	}
	.tmQuickSearch > .wrapper > .mobile > .onlineShop > a.voucher:before {
		font-size: 14px;
		top: 4px;
	}

}

/* SkiData - Widget Generator (Lift- & Pisten., etc.) */

/* Element */

.skidataWidgetGen > h2 {
	font-size: 22px;
	margin-bottom: 15px !important;
}
.skidataWidgetGen > p {
	line-height: 1.5;
	margin-top: 15px !important;
}
.skidataWidgetGen > form {
	background: #F1F1F2;
	margin: -10px 0 0;
	padding: 20px;
}
.skidataWidgetGen > form > .row {
	margin: 10px 0;
	position: relative;
}
.skidataWidgetGen > form > .row:after,
.skidataWidgetGen > form > .button:after {
	clear: both;
	content: "";
	display: block;
}
.skidataWidgetGen > form > .row > label {
	display: block;
	float: left;
	line-height: 35px;
	padding: 0 10px 0 0;
	width: 50%;
}
.skidataWidgetGen > form > .row > .field {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	height: 35px;
	line-height: 35px;
	outline: medium none;
	padding: 2px 10px 0;
	width: 50%;
}
.skidataWidgetGen > form > .row > .field:focus {
	border: 1px solid #93C8FF;
	box-shadow: 0 0 4px #1983F0;
}
.skidataWidgetGen > form > .row > .field.var1 {
	text-align: right;
	width: 40%;
}
.skidataWidgetGen > form > .row > .field.var2 {
	margin: 0 5% 0 0;
	text-align: center;
	width: 17.5%;
}
.skidataWidgetGen > form > .row > .field.var2[name='height'] {
	margin-right: 0;
}
.skidataWidgetGen > form > .row > span {
	display: block;
	float: right;
	line-height: 35px;
	text-align: center;
	width: 10%;
}
.skidataWidgetGen > form > .button > input {
	background: #034E8D;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	line-height: 35px;
	padding: 0 22px;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-transition: background 200ms ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
	width: 50%;
}
.skidataWidgetGen > form > .button > input:hover {
	background: #E30613;
}

/* Element - Detail */

.skidataWidgetGenDetail > h2 {
	margin-top: 0;
}
.skidataWidgetGenDetail > textarea {
	font-size: 13px;
	margin: 0 0 20px;
	padding: 10px;
	width: 100%;
}
.skidataWidgetGenDetail > iframe {
	border: 1px solid #CFCFCF;
}
.skidataWidgetGenDetail.tariffcalc > iframe {
	border: 0 none;
}

/* Layout - Content */

body.widget #ContentWrapper > div {
	max-width: 100%;
	padding: 0;
}

/* SkiData - Liftstatus */

body.widget .skidataLiftstate > div {
	border: 0 none;
}
body.widget .skidataLiftstate > div > .headline {
	background: none;
}
body.widget .skidataLiftstate > div > .headline > div > .column {
	border-right: 0 none;
	padding: 5px 0;
}
body.widget .skidataLiftstate > div > .wrapper > .row > .column {
	background: none;
	border-right: 0 none;
	padding: 3px 0;
}
body.widget .skidataLiftstate > p {
	padding: 0 10px;
}
body.widget .skidataLiftstate > p > a {
	color: #2D343E;
}
body.widget .skidataLiftstate > .copyrights {
	display: block;
	margin: 10px 0 0;
}

/* SkiData - Pistenstatus */

body.widget .skidataPistestate > div {
	border: 0 none;
}
body.widget .skidataPistestate > div > .headline {
	background: none;
}
body.widget .skidataPistestate > div > .headline > div > .column {
	border-right: 0 none;
	padding: 5px 0;
}
body.widget .skidataPistestate > div > .wrapper > .row > .column {
	background: none;
	border-right: 0 none;
	padding: 3px 0;
}
body.widget .skidataPistestate > div > .wrapper > .row > .column.type > .label {
	display: none;
}
body.widget .skidataPistestate > p {
	padding: 0 10px;
}
body.widget .skidataPistestate > p > a {
	color: #2D343E;
}
body.widget .skidataPistestate > .copyrights {
	display: block;
	margin: 10px 0 0;
}

/* SkiData - Schneebericht */

body.widget .skidataSnowreport > div {
	border: 0 none;
}
body.widget .skidataSnowreport > div > .row {
	background: none;
}
body.widget .skidataSnowreport > div > .row > .column {
	padding-bottom: 5px;
	padding-top: 5px;
}
body.widget .skidataSnowreport > div > .row > .column.label {
	border-right: 0 none;
}
body.widget .skidataSnowreport > p {
	padding: 0 10px;
}
body.widget .skidataSnowreport > p > a {
	color: #2D343E;
}
body.widget .skidataSnowreport > .copyrights {
	display: block;
	margin: 10px 0 0;
}

/* SkiData - Webcams */

body.widget .skidataWebcams > ul > li {
	clear: none !important;
	height: 140px;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 220px;
}
body.widget .skidataWebcams > ul > li > p.town {
	font-size: large;
}
body.widget .skidataWebcams > ul > li > p.title > a {
	font-size: medium
}
body.widget .skidataWebcams > p > a {
	color: #2D343E;
}
body.widget .skidataWebcams > .copyrights {
	display: block;
	margin: 10px 0 0;
}

/* Widget - Liftstatus */

body.widget .skidataLiftstate.skidataLiftstateRegion > p {
	background: #E3E4E5;
	cursor: pointer;
	margin: 0 0 5px 0;
	padding: 10px 20px 15px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p.contentShow + div {
	display: block;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p:hover,
body.widget .skidataLiftstate.skidataLiftstateRegion > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p:after {
	clear: both;
	content: "";
	display: block;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p > span.headline {
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transition: background 200ms ease-in, color 200ms ease-in;
	white-space: nowrap;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p > span.headline:before {	
	content: "\E805";
	font-family: 'fontello';
	font-weight: normal;
	line-height: 25px;
	margin: 0 10px 0 0;
	position: relative;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p.contentShow > span.headline:before {	
	content: "\E807";
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p > span.bar {
	background: #FFFFFF;
	display: block;
	height: 15px;
	margin: 0 75px 0 0;
	position: relative;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p > span.bar > span {
	background: #B1CA35;
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > p > span.value {
	bottom: 12px;
	font-size: 1em;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 20px;
	text-align: right;
	width: 60px;
}
body.widget .skidataLiftstate.skidataLiftstateRegion > div {
	display: none;
	margin: 0 0 20px 0;
}

body.widget .skidataPistestate.skidataPistestateRegion > p {
	background: #E3E4E5;
	cursor: pointer;
	margin: 0 0 5px 0;
	padding: 10px 20px 15px;
	position: relative;
	-webkit-transition: background 200ms ease-in, color 200ms ease-in;
	-moz-transition: background 200ms ease-in, color 200ms ease-in;
	-ms-transition: background 200ms ease-in, color 200ms ease-in;
	-o-transition: background 200ms ease-in, color 200ms ease-in;
	transition: background 200ms ease-in, color 200ms ease-in;
}
body.widget .skidataPistestate.skidataPistestateRegion > p.contentShow + div {
	display: block;
}
body.widget .skidataPistestate.skidataPistestateRegion > p:hover,
body.widget .skidataPistestate.skidataPistestateRegion > p.contentShow {
	background: #0076D7;
	color: #FFFFFF;
}
body.widget .skidataPistestate.skidataPistestateRegion > p:after {
	clear: both;
	content: "";
	display: block;
}
body.widget .skidataPistestate.skidataPistestateRegion > p > span.headline {
	display: block;
	font-family: "PT Sans", sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	text-transform: uppercase;
	transition: background 200ms ease-in, color 200ms ease-in;
	white-space: nowrap;
}
body.widget .skidataPistestate.skidataPistestateRegion > p > span.headline:before {	
	content: "\E805";
	font-family: 'fontello';
	font-weight: normal;
	line-height: 25px;
	margin: 0 10px 0 0;
	position: relative;
}
body.widget .skidataPistestate.skidataPistestateRegion > p.contentShow > span.headline:before {	
	content: "\E807";
}
body.widget .skidataPistestate.skidataPistestateRegion > p > span.bar {
	background: #FFFFFF;
	display: block;
	height: 15px;
	margin: 0 75px 0 0;
	position: relative;
}
body.widget .skidataPistestate.skidataPistestateRegion > p > span.bar > span {
	background: #B1CA35;
	height: 15px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}
body.widget .skidataPistestate.skidataPistestateRegion > p > span.value {
	bottom: 12px;
	font-size: 1em;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 20px;
	text-align: right;
	width: 60px;
}
body.widget .skidataPistestate.skidataPistestateRegion > div {
	display: none;
	margin: 0 0 20px 0;
}

.wmBlogTeaser {
    display: block;
}
.wmBlogTeaser:after {
    clear: both;
    content: "";
    display: block;
}
.wmBlogTeaser > h2 {
	color: #FFFFFF !important; 
    background: #004f8f;
    border-bottom: 2px solid #FFFFFF;
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 17px !important;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wmBlogTeaser > h2 > span {
    background: #e50000;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
}
.wmBlogTeaser > h2:before {
    content: "\E841";
    font-family: fontello;
    font-size: 18px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    top: 4px;
    z-index: 3;
}
.wmBlogTeaser > h2 > span {
    background: #004f8f;
    display: block;
    line-height: 30px;
    padding: 0 20px 0 65px;
    position: relative;
    z-index: 2;
}
.wmBlogTeaser article {
    background: #f1f1f2;
    float: left;
    margin: 0 1.25% 1.25% 0;
    overflow: hidden;
    position: relative;
    width: 32.5%;
}
.wmBlogTeaser article > h2 {
    display: none;
}
.wmBlogTeaser article:nth-of-type(3n) {
    margin-right: 0;
}
.wmBlogTeaser article > figure > a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.wmBlogTeaser article > figure > a:before {
    background: #000000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    content: "";
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    -ms-transition: opacity 200ms ease-in;
    -o-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    z-index: 1;

}
.wmBlogTeaser article:hover > figure > a:before {
    opacity: 1;
}
.wmBlogTeaser article > figure > a > img {
    display: block;
    transition: all 150ms ease 0s;
    width: 100%;
}
.wmBlogTeaser article:hover > figure > a > img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
}
.wmBlogTeaser article > figure > figcaption {
    padding: 10px 10px 10px 10px;
    position: relative;
    z-index: 0;
}
.wmBlogTeaser article > figure > figcaption:before {
    background: #f1f1f2;
    content: "";
    height: 50px;
    position: absolute;
    right: -20px;
    top: -5px;
    -moz-transform: skewX(-50deg) skewY(10deg);
    -webkit-transform: skewX(-50deg) skewY(10deg);
    -o-transform: skewX(-50deg) skewY(10deg);
    -ms-transform: skewX(-50deg) skewY(10deg);
    transform: skewX(-50deg) skewY(10deg);
    width: 200px;
    z-index: -1;
}
.wmBlogTeaser article > figure > figcaption > a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
}
.wmBlogTeaser article > figure > figcaption > p {
    margin: 5px 0 0 0;
}
.wmBlogTeaser article > figure > figcaption > p > .text {
    display: block;
    font-size: 13px;
    line-height: 1.2;
}
.wmBlogTeaser article > figure > .date,
.wmBlogTeaser article > figure > a > .date {
    background: #e50000;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.wmBlogTeaser article > figure > figcaption > .nickname {
    color: #e20512;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 0 0;
}
.wmBlogTeaser article.first {
    background: none;
    width: 100%;
}
.wmBlogTeaser article.first > figure > a {
    float: left;
    margin: 0 1.25% 0 0;
    width: 66.25%;
}
.wmBlogTeaser article.first > figure > a > .date {
    font-size: 18px;
    line-height: 40px;
    padding: 0 20px;
}
.wmBlogTeaser article.first > figure > figcaption {
    border-bottom: 2px solid #c8c8c9;
    border-top: 2px solid #c8c8c9;
    float: left;
    width: 32.5%;
}
.wmBlogTeaser article.first > figure > figcaption:after {
    color: #e0e0e1;
    content: "\E841";
    font-family: fontello;
    font-size: 125px;
    font-weight: normal;
    opacity: 0.3;
    position: absolute;
    line-height: 1;
    right: 30px;
    top: 16px;
    z-index: -1;
}
.wmBlogTeaser article.first > figure > figcaption:before {
    display: none;
}
.wmBlogTeaser article.first > figure > figcaption > .nickname {
    min-height: 80px;
    position: relative;
    padding: 23px 0 0 100px;
}
.wmBlogTeaser article.first > figure > figcaption > .nickname > img {
    float: left;
    margin: 0 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}
.wmBlogTeaser article.first > figure > figcaption > .nickname > span {
    display: block;
    line-height: 1.2;
}

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

    .wmBlogTeaser article {
        width: 100%;
    }

}

/* TM - Events - Pagination */

.cmsBlogNavigation {
	clear: both;
}
.cmsBlogNavigation:after {
	clear: both;
	content: "";
	display: block;
}
.cmsBlogNavigation > p {
	float: left;
	font-weight: 500;
	padding: 6px 0 0;
}
.cmsBlogNavigation > p .value {
	font-weight: 700;
	margin: 0 6px 0 0;
}
.cmsBlogNavigation > ul {
	float: right;
	margin: -1px 0 0;
}
.cmsBlogNavigation > ul:after {
	clear: both;
	content: "";
	display: block;
}
.cmsBlogNavigation > ul > li {
	float: left;
	margin: 0 0 0 5px;
}
.cmsBlogNavigation > ul > li > a {
	background: #034E8D;
	color: #FFFFFF;
	display: block;
	font-weight: 600;
	height: 36px;
	line-height: 38px;
	min-width: 36px;
	padding: 0 10px;
	text-align: center;
	-webkit-transition: background 300ms ease, color 300ms ease;
	-moz-transition: background 300ms ease, color 300ms ease;
	-ms-transition: background 300ms ease, color 300ms ease;
	-o-transition: background 300ms ease, color 300ms ease;
	transition: background 300ms ease, color 300ms ease;
}
.cmsBlogNavigation > ul > li > a.prev,
.cmsBlogNavigation > ul > li > a.next {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}
.cmsBlogNavigation > ul > li > a:hover,
.cmsBlogNavigation > ul > li > a.selected {
	background: #E30613;
	color: #FFFFFF;
}

/* Formular */
.searchList > form {
    display: table;
    margin: 12px auto 100px;
    min-width: 400px;
    width: 100%; 
    position: relative;
}
.searchList > form > input.field {
	background: #F1F1F2;
    border: 0 none;
    line-height: 45px;
    padding: 0 130px 0 15px;
    width: 100%;
}
.searchList > form > input.button {
	background: #E30613;
    border: 1px solid #E30613;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 43px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}

/* Teaser */
.searchList > article {
	background: #F1F1F2;
    margin: 30px 0;
    padding: 20px;
    position: relative;
}
.searchList > article > h2 {
	display: none; 
}
.searchList > article > figure {
	position: relative;
}
.searchList > article > figure > a {
	height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100px;
}
.searchList > article > figure > a > img {
	display: block;
    left: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: transform 1000ms ease 0s;
    width: 100%;
}
.searchList > article > figure > a + figcaption {
    min-height: 224px;
    margin: 0 0 0 120px;
}
.searchList > article > figure > figcaption > .title {
	color: #e30613;
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    font-family: "PT Sans", sans-serif;
}
.searchList > article > figure > figcaption > .link {
    color: #8c9da9;
    display: block;
    font-size: 14px;
    font-weight: normal; 
    margin: 5px 0 0 0;
    opacity: 0.6;
}
.searchList > article > figure > figcaption > .text {
    display: block;
    margin: 20px 0 0 0;
}
.searchList > article > figure > figcaption > .button {
    background: #E30613;
    bottom: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;
    height: 45px;
    padding: 0 15px;
    position: absolute;
    right: 20px;
    text-align: center;
    text-transform: uppercase;
    transition: background 300ms ease;
}
.searchList > article > figure > figcaption > .button:hover {
	background: #034E8D;
}

@media all and (max-width: 550px){
	.searchList > article {
		padding: 0;
	}
    .searchList > article > figure > a {
        display: block;
        position: relative;
        width: 100%;
    }
    .searchList > article > figure > a:before {
        content: "";
        display: block;
        padding-top: 47.333333333333333333333333333333%;
    }
    .searchList > article > figure > figcaption {
        padding: 20px;
    }
    .searchList > article > figure > a + figcaption {
        margin-left: 0;        
        margin-top: 10px; 
        width: 100%;
        min-height: auto; 
    }
    .searchList > article > figure > figcaption > .link {
		display: none;
	}
	.searchList > article > figure > figcaption > .text {
		font-size: 14px;
		margin-top: 5px; 
	}
	.searchList > article > figure > figcaption > .button {
		display: none; 
	}

}

/* TM - Pagination */

.searchList > .pagination {
	clear: both;
	text-align: center;
	margin-bottom: 40px; 
}
.searchList > .pagination > ul {
    display: inline-block;
}
.searchList > .pagination > ul > li {
    float: left;
}
.searchList > .pagination > ul > li > a {
	background: #E30613;
	color: #FFFFFF;
	display: block;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px;
	position: relative;
	text-transform: uppercase;
	transition: background 300ms ease;
}
.searchList > .pagination > ul > li > a:hover {
	background: #034E8D;
}
.searchList > .pagination > ul > li > a.prev {
	padding-left: 15px;
	padding-right: 15px;
}
.searchList > .pagination > ul > li > a.disabled {
	opacity: 0.3;
	pointer-events: none;
}
.searchList > .pagination > ul > li > span {
    display: block;
    line-height: 48px;
    margin: 0 20px;
}

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

    .searchList > .pagination {
		margin-bottom: 35px;
		margin-top: 35px;
	}
	.searchList > .pagination> ul > li.info {
		display: none;
	} 
	
}

.micado-side-overlay {
	background: #2D343E;
	bottom: 0;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	transition: transform .5s cubic-bezier(.14,1,.67,.99) 0s,-webkit-transform .5s cubic-bezier(.14,1,.67,.99) 0s;
	transform: translate(100%, 0);
	top: 0;
	z-index: 40000;
}
.micado-side-overlay:after {
	background: url("/img/starjack/star-white.svg") no-repeat bottom left;
	background-size: auto 100%;
	content: "";
	height: 60vh;
	width: 200%;
	margin: 0 0 0 -80px;
	position: absolute;
	bottom: 10vh;
	left: -30vh;
	z-index: -1;
	opacity: 0.1;
}
body.micado-side-overlay-show .micado-side-overlay {
	transform: translate(0, 0);
}
.micado-side-overlay > .header > .mw-icon {
	cursor: pointer;
	display: table;
	font-size: 34px;
	margin-left: auto;
	padding: 25px;
}
.micado-side-overlay > .wrapper {
	flex: 1;
	overflow: hidden;
	overflow-y: scroll;
}
.micado-side-overlay h3.headline,
.micado-side-overlay h4.subheadline {
	color: #FFFFFF !important;
}

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

	.micado-side-overlay:after {
		background-position: bottom right;
		bottom: -5vh;
		left: auto;
		height: 50vh;
		margin: 0 -80px 0 0;
		right: -10vh;
	}
	.micado-side-overlay > .header > .mw-icon {
		padding-left: 15px;
		padding-right: 15px;
	}

}