/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* Start Default */

.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-column { float: left; }

.ce-center .ce-row { text-align: center; }
.ce-center .ce-column { display: inline-block; float: none; vertical-align: top; }

.ce-right .ce-gallery { float: right; }

.ce-gallery figure { display: table; margin: 0; width: 100%; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; font-size: 0.8em; text-align: left; padding: 10px 0 0 0; }
.ce-gallery img { display: block; max-width: 100%; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,
.ce-border iframe {
	border: none;
	padding: 0;
}

.ce-left .ce-gallery { float: left; }
.ce-right .ce-gallery { float: right; }
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
	margin-bottom: 10px;
}
.ce-intext.ce-right .ce-gallery { margin-left: 10px; }
.ce-intext.ce-left .ce-gallery { margin-right: 10px; }
.ce-below .ce-gallery { margin-top: 10px; width: 100%; }
.ce-above .ce-gallery { margin-bottom: 10px; width: 100%; }

.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }
	
/* End Default */

.ce-gallery[data-ce-columns="1"] .ce-column { max-width: 100%; margin-right: 0; }
.ce-gallery[data-ce-columns="2"] .ce-column { max-width: 49.375%; margin-right: 1.25%; }
.ce-gallery[data-ce-columns="3"] .ce-column { max-width: 32.5%; margin-right: 1.25%; }
.ce-gallery[data-ce-columns="4"] .ce-column { max-width: 24.06%; margin-right: 1.25%; }
.ce-gallery[data-ce-columns="5"] .ce-column { max-width: 19%; margin-right: 1.25%; }
.ce-gallery[data-ce-columns="6"] .ce-column { max-width: 15.62%; margin-right: 1.25%; }
.ce-gallery .ce-column:last-child { margin-right: 0; }


.ce-textpic .ce-bodytext { padding: 10px 0; }

.typo3-editPanel { clear: both; }
.typo3-feedit-element { margin-top: 20px; }
.frontEndEditIconLinks img { width: auto; height: auto; }

.ce-intext .ce-bodytext,
.ce-intext .ce-bodytext h2:first-child,
.ce-intext .ce-bodytext h3:first-child { padding-top: 0; }

.typo3-feedit-element { position: relative; }
/* .typo3-feedit-element:hover, .typo3-feedit-element:hover div { background: #eee; } */
.typo3-editPanel { position: absolute; top: -10px; left: 0; z-index: 100; padding: 0 5px; background: #ddd; }
.typo3-feedit-element:hover .typo3-editPanel { display: block !important; }
.typo3-editPanel .frontEndEditIconLinks { display: inline !important; }
.typo3-editPanel a { text-decoration: none; }
.typo3-editPanel .icon-markup { display: inline-block; width: 26px; height: 26px; padding: 5px; }
.typo3-editPanel-label {display: none;}

.ce-media img { width: 100%; height: auto; }

/* Sitemap */

.content-col-0 ul.ce-menu-2 {
	display: block;
	margin: 40px 0;
	font-size: 1.2em;
}
.content-col-0 ul.ce-menu-2 ul {
	display: block;
	padding: 0 0 0 40px;
	font-size: 0.9em;
}
.content-col-0 ul.ce-menu-2 a { text-decoration: none; }
.content-col-0 ul.ce-menu-2 a:hover { text-decoration: underline; }

.frame-space-after-medium { margin-bottom: 40px; }

/* Eigenes */

.ce-clear { clear: both; height: 0px; overflow: hidden; }

@media only screen and (max-width: 959px) {

	.typo3-editPanel { display: block !important; }
	
}

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

	.ce-left .ce-gallery, .ce-right .ce-gallery { float: none; text-align: center; }
	.ce-intext.ce-left .ce-gallery, .ce-intext.ce-right .ce-gallery { margin-left: 0; margin-right: 0; }
	
}



@font-face {
    font-family: 'rett_sans';
    src: url('../../../fileadmin/template/fonts/OpenSans/Roboto-Light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'rett_sans';
	src: url('../../../fileadmin/template/fonts/Roboto/Roboto-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rett_sans';
	src: url('../../../fileadmin/template/fonts/Roboto/Roboto-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'rett_serif';
	src: url('../../../fileadmin/template/fonts/Roboto/RobotoCondensed-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'rett_serif';
	src: url('../../../fileadmin/template/fonts/Roboto/RobotoCondensed-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');
	src: url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../../fileadmin/template/fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*------------------------------------------------*/
/*----------------- Basic Styles -----------------*/
/*------------------------------------------------*/

html { box-sizing: border-box; }
*, ::before, ::after { box-sizing: inherit; }

body {
	padding: 0;
	margin: 0;
	font-family: 'rett_sans', Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	background: #fff url('../../../fileadmin/template/images/body_bg_part.png') no-repeat left top;
}

#header img, #content img, #footer img {
	max-width: 100% !important;
	height: auto;
}

h1, h2, h3, h4, h5 {
	line-height: 1.2em;
	font-family: 'rett_serif', 'Times New Roman', Georgia, Serif;
	font-weight: normal;
	color: #555;
	padding: 0.4em 0;
}

h1 { font-family: 'rett_serif', Arial, Helvetica, sans-serif; }

h1 { font-size: 2.8em; }
h2 { font-size: 2.0em; color: #5C86B4; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; font-weight: bold; }
h5 { font-size: 1em; font-weight: normal; }

.content-col-1 h1, .content-col-1 h2 { font-size: 1.4em; }
.content-col-1 h3 { font-size: 1.2em; }

.no-distance-header { padding-top: 0 !important; }

h1 a, h2 a, h3 a, h4 a, h5 a { color: #555; text-decoration: none; }

.content-element-header { padding-top: 0; }

div.clear-floating { clear: both; height: 0px; overflow: hidden; }
div.clear-floating-mobile { display: none; }
.position-relative { display: block; position: relative; }

a { text-decoration: underline; color: #555; }

p { margin: 0; padding: 0.3em 0; }

b, strong { font-weight: bold; }


/*--------------------------*/
/*---------- Page ----------*/
/*--------------------------*/

#page-wrap {
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 1em;
	padding-top: 120px;
}

#page {
	font-size: 0.8em;
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
}


/*----------------------------*/
/*---------- Header ----------*/
/*----------------------------*/

#header-wrap {
	display: block;
	background: #FFF;
}

#header {
	display: block;
	position: relative;
}

#header-logo {
	display: block;
	width: 180px;
	background: transparent;
	position: relative;
	margin: 0 auto;
	padding: 60px 0;
	float: none;
	clear: both;
	margin: 0 auto;
	max-width: 80%;
}

#header-logo a { display: block; border: none; }

#header-logo img {
	display: block;
	width: 100%;
	height: auto;
	border: none;
	margin: 0;
}


.header-border-bottom {
	display: block;
	width: 1440px;
	height: 4px;
	background: #d50310;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -720px;
	z-index: 58;
}

#header-logo-overlay {
	display: block;
	width: 220px;
	padding: 20px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -90px;
	z-index: 60;
}
#header-logo-overlay img { display: block; }


a.header-logo-overlay {
	display: block;
	position: absolute;
	top: 0; right: auto; bottom: auto; left: 0;
	z-index: 60;
	width: 25%;
	background: rgba(229,229,237,0.5) url('../../../fileadmin/template/images/logos/logo-linien-180.png') no-repeat center center;
	text-indent: -999em;
	overflow: hidden;
}
a.header-logo-overlay:hover { background-color: rgba(229,229,237,0.3); }
a.header-logo-overlay span { display: block; position: absolute; }
a.header-logo-overlay:after { display: block; content: ""; padding-top: 75%; }
#header.sub-page a.header-logo-overlay:after { padding-top: 70%; }



.header-text {
	display: block;
	position: absolute;
	top: auto; right: auto; bottom: 0; left: 0;
	z-index: 60;
	width: 25%;
	background: rgba(229,229,237,1) url('../../../fileadmin/template/images/logos/retter-group.png') no-repeat center center;
	text-indent: -999em;
	overflow: hidden;
}
.header-text span { display: block; position: absolute; }
.header-text:after { display: block; content: ""; padding-top: 75%; }



.retter-group-wrap {
	display: block;
	position: absolute;
	top: auto; right: auto; bottom: 0; left: 0;
	width: 25%;
	background: transparent;
	text-indent: -999em;
	overflow: hidden;
	z-index: 60;
}
/* .retter-group-wrap:after { display: block; content: ""; padding-top: 75%; } */

a.retter-group {
	display: block;
	width: 31.33%;
	margin-right: 2%;
	background: #ddd;
	float: left;
	position: relative;
	color: #fff;
}
a.retter-group:hover { opacity: 0.9; }
a.retter-group span {
	display: block;
	width: 90%;
	position: absolute;
	color: #fff;
	left: 5%;
	bottom: 5%;
	font-size: 1.4em;
	text-indent: 0;
	font-family: 'rett_serif', Arial, Helvetica, sans-serif;
}
a.retter-group:after { display: block; content: ""; padding-top: 113%; }

#header.sub-page a.retter-group span { font-size: 1.2em; bottom: 10%; }
#header.sub-page a.retter-group:after { padding-top: 41%; }

a.retter-group.hotel { background: #83a943; }
a.retter-group.reisen { background: #c5181a; }
a.retter-group.events { background: #e1590f; margin-right: 0; }
a.retter-group.linien { background: #1f6faa; }
a.retter-group.surf { background: #3d6e96; }
a.retter-group.trans { background: #8297b4; margin-right: 0; }

.retter-group-vdist { display: block; width: 100%; float: none; clear: both; }
.retter-group-vdist:after { display: block; content: " "; padding-top: 2%; }




/*-----------------------------------------------*/
/*---------- Navigation etc. im Header ----------*/
/*-----------------------------------------------*/


.print-button {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.print-button a { 
	background: transparent url('../../../fileadmin/template/images/print.png') no-repeat 10px center;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 40px;
	color: #999;
	text-decoration: none;
	font-size: 0.8em;
}

.translator {
	padding: 5px 0 0 10px;
	float: right;
	color: #999;
}

.translator a { color: #FFF; }

.mobile-tools {
	display: block;
	float: right;
	padding: 20px 40px 0 0;
}
.mobile-location, .mobile-phone, .mobile-contact {
	display: block;
	width: 40px;
	height: 40px;
	float: right;
	text-indent: 999em;
	overflow: hidden;
	background: transparent url('../../../fileadmin/template/images/mobile_contact_buttons.png') no-repeat left top;
}
.mobile-phone { background-position: -40px top; }
.mobile-location { background-position: -80px top; }


/* Google Translator */
.goog-te-gadget-simple { border: none !important; }
a.goog-te-menu-value, a.goog-te-menu-value:hover { text-decoration: none !important; }



/* Booking Enquiry Button */
/* ---------------------- */

.header-buttons {
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 80;
	text-align: center;
}
a.button-accommodation, a.button-map {
	display: inline-block;	
	vertical-align: bottom;
	width: 300px;
	height: 60px;
	line-height: 60px;
	background: #9d0053 url('../../../fileadmin/template/images/icons/bed.png') no-repeat left center;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	padding: 0 0 0 50px;
	text-decoration: none;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
a.button-map {
	background: #94c11c url('../../../fileadmin/template/images/icons/map.png') no-repeat right center;
	padding: 0 50px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}



/*-----------------------------*/
/*---------- Content ----------*/
/*-----------------------------*/

#page-headline {
	display: block;
	padding: 20px 0;
	border-bottom: 4px solid #eee;
}

h1.page-header {
	font-size: 3em;
	font-weight: bold;
	line-height: 1em;
	padding: 10px 0;
	color: #5C86B4;
}
h1.page-header span.line2 {
	font-size: 0.6em;
	font-weight: normal;
	color: #555;
}

.content-wrap {
	display: block;
	width: 100%;
	background: transparent;
	color: #555;
	padding: 0 0 20px 0;
	font-size: 1em;
	line-height: 1.4em;
	position: relative;
}

.sub-page-position {
	display: block;
	position: relative;
}

.content {
	display: block;
	/* width: 1440px; */
	width: 1140px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	min-height: 100px;
}

.content.more-space { padding: 80px 0; }

.content-col-0 {
	display: block;
	color: #555;
	line-height: 1.4em;
}


.standard-page-content-distance {
	display: block;
	height: 0;
}

.content-col-0 p.align-center { padding: 0 10%; }

.content-col-1 {
	display: block;
}

.shared-content-col-1 {
	display: block;
	padding: 40px 0;
}

.content hr { 
	height: 2px;
	border: none;
	color: #eee;
	background-color: #eee;
	margin: 0;
	padding: 0;
	clear: both;
}

.big-font {
	font-size: 1.2em;
	line-height: 1.6em;
	color: #777;
	margin: 10px 0;
}

/* iframes im Content */
.content-col-0 iframe {
	display: block;
	width: 100%;
	height: 500px;
}
/* Google Maps Link unter iframe */
.frame-type-html small a { color: #777 !important; font-size: 0.8em; }


/*---------------------------------*/
/*---------- Page Bottom ----------*/
/*---------------------------------*/

.footer-distance {
	display: block;
	height: 100px;
}

#footer-wrap {
	display: block;
	background: #5c86b4;
	margin: 0;
}

#footer {
	display: block;
	margin: 0 auto;
	background: transparent;
	padding: 40px 0 60px 0;
	color: #fff;
	font-size: 1em;
	line-height: 1.2em;
	width: 1140px;
	max-width: 100%;
	text-align: left;
}

.footer-block {
	display: block;
	width: 30%;
	margin-left: 5%;
	float: left;
}
.footer-block.first { margin-left: 0; }

#footer p, #footer ul {
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 1.4em;
}
#footer .ce-textpic { padding: 0; }

#footer a { color: #fff; }
#footer a:hover {  }

#footer .footer-header, #footer .no-header-tag {
	display: block;
	font-family: 'rett_serif', 'Times New Roman', Georgia, Serif;
	font-size: 1.4em;
	padding: 20px 0;
}

.footer-address a { text-decoration: underline; }
.footer-address, .footer-icons { text-align: center; }
.footer-icons { padding: 40px 0; }


/*---------- Logos im Footer ----------*/

.footer-logos-wrap {
	display: block;
	width: 100%;
	margin: 0 auto;
	background: transparent;
	text-align: center;
	position: relative;
}
.footer-logos {
	display: inline-block;
	*display: block;
	max-width: 100%;
	color: #777777;
	font-size: 1em;
	text-align: center;
	background: transparent;
	padding: 40px 0;
}
.footer-logos img { display: block; }
.footer-logos .single-logo, .footer-logos .single-html { 
	display: inline-block;
	vertical-align: middle;
	*display: block;
	*float: left;
	padding: 20px;
}


/* Greyscale mit CSS */
.footer-logos.greyscale .single-logo img.sl-image {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
	opacity: 0.7;
}
.footer-logos.greyscale .single-logo:hover img.sl-image {
    filter: none;
    -webkit-filter: none;
    opacity:1;
}

.footer-logos a {
	color: #777777;
	text-decoration: none;
}


/*----------------------------*/
/*---------- Listen ----------*/
/*----------------------------*/

div.content-col-0 .ce-bodytext ul, .footer-block ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div.content-col-0 .ce-bodytext ul { padding: 5px 0; }
div.content-col-0 .ce-bodytext ul li, .footer-block ul li {
	padding: 0 0 0 0.9em;
	margin: 5px 0;
	list-style-type: none;
	background-image: url('../../../fileadmin/template/images/ul_bullet.png');
	background-repeat: no-repeat;
	background-position: 2px 0.5em;
}

ul.csc-menu li { background-image: url('../../../fileadmin/template/images/ul_bullet_menu_inv.png'); }
.footer-block ul li { background-image: url('../../../fileadmin/template/images/footer_bullet.png'); margin: 2px 0; }


/*---------- Sitemap ----------*/

ul.sitemap01 {
	margin: 0;
	padding: 0;
}
ul.sitemap01 li {
	list-style: none;
	margin: 0; 
	padding: 2px 0 0 20px;
	background-image: none !important;
}
ul.sitemap01 > li > a {
	text-decoration: none; 
	font-weight: normal;
	color: #000000;
	font-size: 1.2em;
}
ul.sitemap01 li ul li a {
	color: #555555;
	font-size: 1em;
	font-weight: normal;
}
ul.sitemap01 li ul li ul li a {
	font-weight: normal;
	color: #777777;
	font-size: 0.9em;
}
ul.sitemap01 a:hover {
	text-decoration: underline;
}




/*---------- Suchfeld ----------*/

.search-small {
	display: block;
	background: transparent;
	width: 300px;
	max-width: 80%;
	margin: 40px auto;
}

#indexedsearch {
	text-align: center;
}

#indexedsearch input.search-small-input {
	display: block;
	border: none;
	font-size: 1em;
	color: #555;
	text-align: left;
	background: #fff;
	margin: 0;
	width: 100%;
	padding: 15px;
	outline: none;
	-webkit-appearance:none;
	-webkit-border-radius:0;
}

input.search-small-input::-webkit-input-placeholder { color: #999; }
input.search-small-input:-moz-placeholder { color: #999; }
input.search-small-input::-moz-placeholder { color: #999; }
input.search-small-input:-ms-input-placeholder { color: #999; }

#indexedsearch input.search-small-button {
	cursor: pointer;
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 10px 0 0 0;
	background: transparent url('../../../fileadmin/template/images/search_button_white.png') no-repeat center center;
	border: none;
}

/*---------- Suchformular auf Suchergebnis-Seite ----------*/

.searchresult-searchform { padding-bottom: 20px; }


/*---------- Suche Overlay ----------*/

.quicksearch-wrap {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent url('../../../fileadmin/template/images/blue_tr80.png');
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	opacity: 0;
	display: none;
}

.quicksearch-wrap.open {
	opacity: 1;
	z-index: 1900;
	display: block;
}

.quicksearch-close {
	position: absolute;
	top: 15px;
	right: 15px;
	opacity: 1;
	color: #fff;
	cursor: pointer;
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	background: transparent url('../../../fileadmin/template/images/searchfield_close.png') no-repeat center center;
	text-indent: -999em;
	
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	transition: 0.5s ease;
}

/*---------- Suchfeld / Overlay ----------*/

.search-big {
	display: block;
	background: #FFF;
	width: 60%;
	height: 60px;
	border: none;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: 20%;
	margin-top: -30px;
	z-index: 2000;
}

input.search-big-input {
	border: none !important;
	font-size: 1em;
	color: #555;
	background-color: transparent;
	margin: 0;
	width: 65%;
	padding: 15px 5%;
	float: left;
	margin: 5px 0 0 0;
	outline: none;
	-webkit-appearance:none;
}

input.search-big-button {
	cursor: pointer;
	display: block;
	width: 25%;
	height: 58px;
	margin: 0;
	background: #FFF url('../../../fileadmin/template/images/search_button.png') no-repeat right center;
	border: none;
	float: right;
	margin-right: 5%;
}

/*------------------------------*/
/*---------- Tabellen ----------*/
/*------------------------------*/

/*---------- Inhaltselement Tabelle ----------*/

.contenttable {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

.contenttable th {
	background: #e5e5e5;
	color:#555;
	padding: 2px 5px;
	text-align: left;
	border-bottom: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
}
.contenttable th.td-0 {
	border-left: none;
}

.contenttable td {
	padding: 2px 5px;
	text-align: left;
	border-bottom: 1px #e5e5e5 solid;
	border-left: 1px #e5e5e5 solid;
}
.contenttable td.td-0 {
	border-left: none;
}


.contenttable .td-last {  }

/*---------- Inhaltselement Tabelle CSS Klasse preisliste ----------*/

.preisliste th {
	background: #a2ac1e;
	color: #FFF;
	padding: 10px 5px;
	text-align: left;
	border-bottom: 2px #FFF solid;
	border-left: 2px #FFF solid;
}
.preisliste th.td-0 {
	border-left: none;
	font-weight: bold;
}

.preisliste td {
	padding: 10px 5px;
	text-align: left;
	border-bottom: 2px #fef5de solid;
	border-left: 2px #FFF solid;
}
.preisliste td.td-0 {
	border-left: none;
}

.preisliste .td-0 { width: 40%; }
.preisliste .td-1, .preisliste .td-2 { width: 15%; }
.preisliste .td-1, .preisliste .td-2, .preisliste .td-3 { text-align: center; }

.preisliste .tr-odd { background-color: #FFF; }
.preisliste .tr-even { background-color: #fef5de; }

.preisliste td h2, .preisliste td h3 { padding: 0.2em 0; margin: 0; }


/*---------- Tabelle ohne Linien ----------*/

table.ohnelinie td {
background-color: #fff;
padding: 5px 10px 0 0 !important;
margin: 0;
text-align: left !important;
vertical-align: top;
border-bottom: none !important;
}

/*---------- fuer alle Tabellen ----------*/

td h1, td h2, td h3, td h4, td h5 { padding-top: 0; }


/*---------- Scroll Up ----------*/

#scroll-up {
	width: 50px;
	height: 50px;
	background: transparent url('../../../fileadmin/template/images/scroll_up.png') no-repeat center center;
	bottom: 0;
	right: 0;
	overflow: hidden;
	text-indent: -999em;
	text-decoration: none;
	cursor: pointer;
	z-index: 999;
}


/* Anfragebutton Plugin */

.inquiry-button {
	font-size: 1em;
	color: #555555;
	text-align: right;
	padding: 5px 0;
	border-bottom: 2px solid #eee;
}

.inquiry-button a {
	margin-left: 20px;
}


/* Extended Teaser Plugin */

.teaser-col-0 {
	display: block;
	padding: 0;
}
.teaser-col-0-image {
	display: block;
	width: 50%;
	float: left;
	overflow: hidden;
}
.teaser-col-0-image img { display: none; width: 100%, height: auto; }
.teaser-col-0-image:after {
	display: block;
	content: ' ';
	padding-top: 75%;
}

.teaser-col-0-textblock {
	display: block;
	width: 50%;
	float: right;
	position: relative;
	background: #f7f7f7;
}

.tilestyle1 .teaser-col-0-image { float: right; }
.tilestyle1 .teaser-col-0-textblock { float: left; }

.teaser-col-0-textblock .vertical-align {
	display: block;
	width: 70%;
	position: absolute;
	left: 15%;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	text-align: left;
}
.teaser-col-0-textblock:after {
	display: block;
	content: ' ';
	padding-top: 75%;
}
a.teaser-col-0-button {
	text-decoration: none;
	display: inline-block;
	padding: 10px 20px;
	margin: 10px 0 0 0;
	border-top: solid 1px #ddd;
	border-bottom: solid 5px #ddd;
	font-family: 'rett_serif', 'Times New Roman', Georgia, Serif;
}
a.teaser-col-0-button:hover {
	border-bottom: solid 5px #88aa66;
}

/* Newsletter Subscription */

#nl-form { margin: 20px 0 40px 0; }

#nl-form .group-wrap {
	display: inline-block;
	margin: 20px 0 0 0;
	max-width: 100%;
}

#nl-form label { 
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0 0;
	vertical-align: middle;
}

#nl-form label span { color: #FF0000; } 

#nl-form input[type="text"], #nl-form select { 
	font-size: 1em;
	font-family: inherit;
	border: 1px solid #555;
	background: #FFF;
	color: #555555;
	margin: 0 20px 0 0;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: 400px;
	max-width: 100%;
	vertical-align: middle;
}

#nl-form select { width: 260px; }

#nl-form input[type="submit"] { cursor: pointer; font-family: inherit; margin: 0 20px 0 0; vertical-align: middle; }

#nl-form .clear-floating { display: block; height: 10px; }

#nl-archive { display: block; margin-top: 40px; }
#nl-archive hr, #nl-archive br { display: none; }
#nl-archive span.rssheadline { display: block; padding: 4px 0 2px 0; }
#nl-archive span.rssheadline a { text-decoration: none; }
#nl-archive span.rssheadline a:before { content: '» '; }
#nl-archive span.rssheadline a:hover { text-decoration: underline; }



/*---------- Extension containerbg ----------*/

#scrollbg-header, #scrollbg-footer {
	display: block;
	width: 100%;
	height: 500px;
	position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}


.video-container {
	display: block;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	background: transparent;
}
.video-container iframe {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
}


.showmobile { display: none; }
.hidemobile { display: block; }



@media only screen and (min-width: 1024px) {

	.search-small { display: none; }
	
}


@media only screen and (min-width: 960px) {
	
	#header-logo { display: none; }
	
	.content-col-0 {
		width: 70.18%;
		float: right;
	}
	
	body.template-3 .content-col-0 { width: 38%; }
	body.template-4 .content-col-0 { width: 70.18%; float: right; margin: 0; }
	body.template-5 .content-col-0 { width: 70.18%; float: right; margin: 0; }
	
	.content-col-1 {
		width: 28%;
		float: left;
	}
	
	.content-col-2 {
		width: 20%;
		float: right;
	}
	body.template-3 .content-col-2 { width: 38%; }
	
	/* #header-logo { display: none; } */
	
	a.enquiry-button {
		height: 40px;
		line-height: 40px;
		display: none;
	}
	
	.search-only .search-small { display: block; }
	
		
}


@media only screen and (max-width: 1440px) {}


@media only screen and (max-width: 1160px) {
	
	.content-wrap { padding-left: 10px; padding-right: 10px; }
	.content-col-0 { width: 70%; }
	.content-col-1 { width: 25%; }
}



/* --------------------------------- */
/* ------------- MOBIL ------------- */
/* --------------------------------- */

@media only screen and (max-width: 959px) {
	
	#page-wrap { padding-top: 20px; }
	
	#page-headline { padding: 0; }
	
	.showmobile { display: block !important; }
	.hidemobile { display: none !important; }
	div.clear-floating-mobile { display: block; clear: floating; height: 0px; overflow: hidden; }
	
	#scroll-up { display: none !important; }
	
	h1.page-header span.before-after { display: none; }
	
	.ce-bodytext, .frame-layout-3 .ce-bodytext {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		column-count: auto;
	}
	
	.content-wrap { position: relative; top: auto; left: auto; bottom: auto; right: auto; width: 100%; padding-left: 10px; padding-right: 10px; }
	.content-col-0, .content-col-1, .content-col-2, .content-col-3, .sub-page { width: 100%; float: none; margin: 0; }
	.sub-page { width: 100%; float: none; margin: 0; padding: 0; }

	.footer-block, .footer-block.first, .footer-block.last { width: 42%; max-width: 100%; margin: 0 2%; min-height: 100px; float: left; }
	.footer-block:nth-child(3){ clear: left; }
	#footer-logos { padding: 50px 0; }

	.print-button { display: none; }
	
	ul.header-buttons {	
		bottom: 2px;
		top: auto;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
	
	.shared-content-col-1 { display: none; }
	
	a.enquiry-button { position: absolute; }
	.nav-toggle, a.enquiry-button { top: 0; height: 60px; line-height: 60px; font-size: 20px; }
	
	
	
	#scrollbg-header, #scrollbg-footer {
		height: auto;
		background-attachment: scroll;
	}
	#scrollbg-header:after, #scrollbg-footer:after {
		display: block;
		content: ' ';
		padding-top: 50%;
	}

}


@media only screen and (max-width: 719px) {

	h1 { font-size: 1.6em; }

	.csc-textpic div { margin: 0 !important; }
	.csc-textpic-imagewrap, .csc-textpic-imagerow { width: auto !important; }
	.csc-textpic-imagewrap { float: none !important; }
	
	#footer-logos .single-logo {  padding: 5px; }
	
	div.csc-frame-rulerAfter { font-size: inherit; clear: both; }

	td { white-space: normal !important; }
		
	.teaser-col-0-image, .teaser-col-0-textblock, .tilestyle1 .teaser-col-0-image, .tilestyle1 .teaser-col-0-textblock { width: 100%; float: none; }

	
}

@media only screen and (max-width: 479px) {
	
	#page-headline { font-size: 0.7em; }
	
	.search-small { width: 80%; margin-left: 10%; }
	
	.footer-block, .footer-block.first, .footer-block.last { width: 96%; margin: 0 2%; min-height: 100px; float: none; clear: both; }
	
	a.booking-button span, a.enquiry-button span { display: none; }
	
	a.button-accommodation, a.button-map {
		height: 46px;
		line-height: 46px;
		border-radius: 0;
		/*
		background-position: left center;
		padding: 0 0 0 60px;
		width: 200px;
		*/
	}

}


img.frontEndEditIcons, a.frontEndEditIconLinks img { width: 16px !important; max-width: 16px !important; height: 16px !important; max-height: 16px !important; }
#content img.frontEndEditIcons, #footer img.frontEndEditIcons, #header img.frontEndEditIcons { width: 16px !important; max-width: 16px !important; height: 16px !important; max-height: 16px !important; }







a.social-media-awesome {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	font-family: 'FontAwesome';
	font-size: 30px;
	color: #354d68;
	text-decoration: none;
	text-align: center;
	text-decoration: none;
}
a.social-media-awesome:hover { text-decoration: none; }

#footer a.social-media-awesome { width: 60px; height: 50px; line-height: 50px; font-size: 40px; }
#footer a.social-media-awesome:hover { font-size: 44px; text-decoration: none; }

ul.mobile-menu { display: none; }



.top-nav {
	color: #354d68;
	font-size: 0.8em;
	height: 30px;
	line-height: 30px;
}
.top-nav a {
	color: #354d68;
	text-decoration: none;
}
.top-nav a:hover { text-decoration: underline; }

.main-nav-tools a:hover { color: #d50310; }


/* ----------------------------- */
/* ---------- Sprache ---------- */
/* ----------------------------- */

ul.lang-menu-text {
	display: inline-block;
	text-align: center;
}
ul.lang-menu-text li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
ul.lang-menu-text li a {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #555;
	font-size: 1em;
	text-decoration: none;
}
ul.lang-menu-text li a:hover { border-bottom: 1px solid #ccc; }
ul.lang-menu-text li a.lang-act { border-bottom: 1px solid #555; }

ul.lang-menu-text.lang-pc { padding: 0 30px; }
ul.lang-menu-text.lang-pc li a { font-size: 1em; font-size: 0.9vw; font-weight: 200; }

ul.lang-menu-text.lang-mobile {
	display: none;
	text-align: center;
}




/* -------------------------------------------- */
/* ---------- SubNavigation vertikal ---------- */
/* -------------------------------------------- */

/* ---------- SubNav-Ueberschrift ---------- */

div.sub-nav-header {
	font-family: 'rett_serif', Arial, Helvetica, sans-serif;
	display: block;
	padding: 10px 0;
	color: #5C86B4;
	padding: 15px 0;
	margin: 10px 0 10px 0;
	font-weight: 200;
	line-height: normal;
}

div.sub-nav-header a {
	display: block;
	text-decoration: none;
	color: #5C86B4;
}

div.sub-nav-header .snh-text {
	font-size: 1.6em;
	font-weight: bold;
}

div.sub-nav-header a:hover {
	text-decoration: none; 
	color: #d50310;
}

div.sub-nav-header a.act, div.sub-nav-header a.cur, div.sub-nav-header.act a {
	/* color: #d50310; */
}

/* ---------- 1. Ebene / allgemein ---------- */

.sub-nav {
	display: block;
}

.sub-nav ul {
	display: block;
}


.sub-nav ul li a {
	display: block;
	text-decoration: none; 
	font-weight: normal;
	color: #555;
	font-size: 1em;
	line-height: normal;
	padding: 5px 20px 5px 0;

}

.sub-nav ul.level2 a { padding: 4px 0 4px 15px; }
.sub-nav ul.level3 a { padding-left: 30px; }
.sub-nav ul.level4 a { padding-left: 45px; }
.sub-nav ul.level5 a { padding-left: 60px; }

.sub-nav ul li a.act { }
.sub-nav ul li a.cur { color: #d50310; }

.sub-nav ul li a:hover { color: #d50310; }

/* --------------------------------------- */
/* ---------- Mobile Navigation ---------- */
/* --------------------------------------- */

.nav-toggle {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0;
	height: 80px;
	line-height: 80px;
	width: 80px;
	text-indent: -999em;
	background: transparent url('../../../fileadmin/template/images/nav-toggle.png') no-repeat left center;
	color: #555;
	font-weight: light;
	font-size: 1.2em;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	z-index: 1200;
}
body.language-1 .nav-toggle, body.language-3 .nav-toggle { background-image: url('../../../fileadmin/template/images/nav-toggle-en.png');}


/* --------------------------------------- */
/* ---------- Footer Navigation ---------- */
/* --------------------------------------- */

#footer-nav-wrap {
	display: block;
	background: transparent;
	text-align: center;
}

#footer-nav {
	display: block;
	text-align: center;
	background: #354d68;
	height: 60px;
	line-height: 60px;
	color: #fff;
}

#footer-nav a {
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
#footer-nav a:hover { text-decoration: underline; }



/* ---------- HauptNavigation ---------- */  

.nav-close {
	width: 50px;
	height: 50px;
	background: transparent url('../../../fileadmin/template/images/nav-close.png') no-repeat center center;
	cursor: pointer;
	position: fixed;
	left: 0;
	top: 15px;
	margin: 0 0 0 15px;
	z-index: 1550;
}

.mobile-menu-bg {
	width: 100%;
	max-width: 640px;
	height: 100%;
	background: #354d68;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	z-index: 1450;
	overflow: hidden;
	border-right: 4px solid #fff;
}

.mobile-menu-bg::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.mobile-menu-wrap {
	width: 100%;
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px 0 0;
	z-index: 1500;
	
	/* ohne Scrollbar */
	left: 20px;
	bottom: auto;
	right: -20px;
	height: 100%;
	overflow-y: scroll;
}

.toggle-menu {
	left: -100%;
	display: block;
	-webkit-transition: left 0.5s ease;
	-moz-transition: left 0.5s ease;
	-o-transition: left 0.5s ease;
	-ms-transition: left 0.5s ease;
	transition: left 0.5s ease;
}
.toggle-menu.active {
	left: 0;
}

ul.mobile-menu {
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	position: relative;
	margin: 100px 0 0 0;
}

ul.mobile-menu li {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	float: none;
	border: none;
	position: relative;
	background: transparent;
	text-align: left;
}

ul.mobile-menu li > a {
	font-size: 1.2em;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 10px 10px 10px 0;
	height: auto;
	line-height: normal;
	text-align: left;
	color: #FFF;
	text-decoration: none;
	margin-left: 50px;
}
ul.mobile-menu li > a:hover {
	color: #c1deff;
	text-decoration: none;
}
ul.mobile-menu > li > a {
	font-size: 1.6em;
	font-family: 'rett_serif', 'Times New Roman', Georgia, Serif;
	padding: 10px;
}

ul.mobile-menu li ul li > a.act {}

ul.mobile-menu li > a.cur { color: #c1deff; text-decoration: underline; }

ul.mobile-menu-sub {
	display: none;
	margin: 10px 0 10px 24px;
	padding: 10px 0;
	list-style-type: none;
	list-style-image: none;
	position: relative;
	border-left: 2px solid rgba(255,255,255,0.1);
}

ul.mobile-menu span.no-sub {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	background: transparent url('../../../fileadmin/template/images/mobile_no_sub.png') no-repeat center top;
	position: absolute;
	left: 0;
	top: 0;
}
	
ul.mobile-menu span.has-sub {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	background: transparent url('../../../fileadmin/template/images/mobile_sub_onoff.png') no-repeat center top;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

ul.mobile-menu li ul span.has-sub {
	opacity: 0.7;
	background: transparent url('../../../fileadmin/template/images/mobile_sub_onoff.png') no-repeat center top;
}

ul.mobile-menu span.has-sub.active { background-position: center -50px; }

/* ohne Javascript */
ul.mobile-menu li.act > ul { display: block; }



.mobile-tools { display: none; }
	
.sticky-nav-wrap { display: none; }
	
	
/* ------------------------ */
/* ---------- PC ---------- */
/* ------------------------ */

@media only screen and (min-width: 1025px) {
	
	a.social-media-awesome {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	}
	.main-nav-tools a.social-media-awesome { text-align: right; }
	
	.nav-toggle {
		padding: 0;
		width: 80px;
		height: 80px;
		text-indent: -999em;
		-webkit-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-ms-transition: 0.5s ease;
		transition: 0.5s ease;
	}
	body.nav-fixed .nav-toggle { height: 80px; }

	/* ---------- Sticky Navigation ---------- */

	.sticky-nav-wrap {
		display: block;
		width: 100%;
		background: transparent;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	
	/*
	body.content-reached .sticky-nav-wrap {
		-webkit-box-shadow: 0px 1px 0px 0px #eee;
		-moz-box-shadow: 0px 1px 0px 0px #eee;
		box-shadow: 0px 1px 0px 0px #eee;
	}
	*/
	
	#sticky-nav {
		display: block;
		width: 100%;
		z-index: 100;
		background: transparent;
	}

	#main-nav {
		display: block;
		margin: 0 auto;
		background: transparent;
		position: static;
		text-align: center;
		padding: 0;
		max-width: 1440px;
		
		-webkit-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-ms-transition: 0.5s ease;
		transition: 0.5s ease;
	}
	
	body.nav-fixed #main-nav { max-width: 100%; }

	.sub-nav { display: block !important; }

	ul.dropdown-menu {
		padding: 0;
		margin: 40px 0 0 0;
		list-style-type: none;
		list-style-image: none;
		text-align: center;
		background: transparent;
		position: static;
		display: block;
		
		/* border-top: 1px solid #ddd; */
		background: #354d68;
		
		-webkit-transition: 0.5s ease;
		-moz-transition: 0.5s ease;
		-o-transition: 0.5s ease;
		-ms-transition: 0.5s ease;
		transition: 0.5s ease;
	}
	body.nav-fixed ul.dropdown-menu { margin-top: 0; }

	ul.dropdown-menu > li {
		padding: 0;
		margin: 0;
		position: relative;
		display: inline-block;
		vertical-align: bottom;
	}
	ul.dropdown-menu > li.single-col { position: relative; }

	ul.dropdown-menu > li.first { border-left: none; }
		
	ul.dropdown-menu > li > a {
		position: relative;
		white-space: nowrap;
		display: block;
		text-align: center;
		text-transform: none;
		margin: 0;
		text-decoration: none;
		background: transparent;
		color: #fff;
		font-family: 'rett_serif', Arial, Helvetica, sans-serif;
		font-size: 1.5em;
		font-weight: normal;
		height: 80px;
		line-height: 80px;
		padding: 0 14px;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	
	ul.dropdown-menu > li > span.has-sub {
		display: block;
		opacity: 0;
		width: 100%;
		height: 10px;
		background: transparent url('../../../fileadmin/template/images/main_nav_hover_bg.png') no-repeat center -100px;
		position: absolute;
		left: 0;
		bottom: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}

	ul.dropdown-menu > li > a.act {
		color: #c1deff;
	}

	ul.dropdown-menu > li:hover > a {
		color: #c1deff;
		text-decoration: none;
	}
	ul.dropdown-menu > li:hover > span.has-sub {
		opacity: 1;
		background-position: center bottom;
	}
	
	ul.dropdown-menu > li.main-nav-search > a,
	ul.dropdown-menu > li.main-nav-home > a	{
		font-family: 'FontAwesome';
		font-size: 24px;
		padding: 0 24px;
		cursor: pointer;
	}
	ul.dropdown-menu > li.main-nav-home > a { font-size: 26px; }



	/* ---------- 2. Ebene ---------- */

	ul.dropdown-menu-sub {
		display: block;
		min-width: 240px;
		padding: 0;
		margin: 0;
		list-style-type: none;
		list-style-image: none;
		position: absolute;
		left: -999em;
		top: 100%;
		z-index: 2000;
		background-color: #f5f5f5;
		border-bottom: 4px solid #5C86B4;

		opacity: 0;
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}

	ul.dropdown-menu > li.last ul.dropdown-menu-sub { }

	ul.dropdown-menu > li:hover > ul.dropdown-menu-sub { left: auto; opacity: 1; }

	ul.dropdown-menu-sub > li {
		margin: 0;
		padding: 0;
		float: none;
		background-image: none;
		background-color: transparent;
		position: relative;
	}

	ul.dropdown-menu-sub > li.first { padding-top: 15px; }

	ul.dropdown-menu-sub > li.last { padding: 0 0 15px 0; }

	ul.dropdown-menu-sub > li.single { padding: 10px 0 15px 0; }

	ul.dropdown-menu-sub > li > a {
		text-align: left;
		display: block;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.2em;
		padding: 7px 5px;
		margin: 0 15px 0 10px;
		color: #555;
		text-decoration: none;
		white-space: nowrap;
	}
	
	ul.dropdown-menu-sub > li.last a { border: none; }

	ul.dropdown-menu-sub > li > a:hover { color: #d50310; }
	ul.dropdown-menu-sub > li > a.act { color: #d50310; }

	.main-nav-tools-wrap {
		display: block;
		position: absolute;
		top: 5px;
		left: 0;
		right: 0;
		padding: 0;
		z-index: 1100;
	}
	.main-nav-tools {
		display: block;
		position: relative;
		text-align: center;
		text-align: center;
	}
	
}


@media only screen and (max-width: 1024px) {
	
	.nav-toggle { background-color: rgba(255,255,255,0.8) }
	
	.mobile-tools { display: block; }
	.mobile-menu-wrap { /* font-size: 0.8em; */ }
	
	ul.lang-menu-text.lang-mobile { display: block; }
	ul.lang-menu-text.lang-pc { display: none; }
	
	/* ---------- SubNavigation vertikal ---------- */  

	div.sub-nav-header, div.sub-nav-header.act {
		padding: 5px 0;
		border-bottom: 2px solid #5C86B4;
	}

	div.sub-nav-header .snh-text, div.sub-nav-header.act .snh-text {
		display: block;
		float: left;
		height: 38px;
		line-height: 38px;
		margin-right: 70px;
		white-space: nowrap;
		overflow: hidden;
	}

	div.sub-nav-header a { float: left; text-decoration: none; }
	div.sub-nav-header a, div.sub-nav-header.act a { color: #5C86B4; }

	.snh-toggle {
		display: block;
		float: right;
		text-decoration: none;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-size: 2em;
		color: #0078ad;
		width: 38px;
		height: 38px;
		line-height: 38px;
		background: transparent url('../../../fileadmin/template/images/subnav_toggle.png') no-repeat center top;
		text-decoration: none;
		cursor: pointer;
	}
	.snh-toggle.active { background-position: center -38px; }

	.sub-nav { display: none; margin-top: 20px; font-size: 1em; padding: 0 0 20px 0; }
	
	.top-nav { display: none; }
	
	.main-nav-tools-wrap {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px;
		z-index: 500;
	}
	.main-nav-tools-relative { display: block; position: relative; }
	.main-nav-tools { display: block; }
	
	.search-icon-pc { display: none; }

}

@media only screen and (max-width: 480px) {
	
	.top-nav { display: none; }
	
}

/* Standard */

.textpic-layout-0 {
	padding: 0;
	margin: 20px 0;
}

/* Border */

.textpic-layout-1 {
	padding: 40px;
	border: 1px solid #000;
	margin: 20px 0;
}

/* Border Bottom */

.textpic-layout-2 {
	padding: 0 0 20px 0;
	border-bottom: dotted 1px #000;
	margin: 20px 0;
}

.frame-layout-3 .ce-bodytext {
	display: block;
	padding: 0;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;

}
.frame-layout-3 .ce-bodytext p { padding: 0 0 0.6em 0; }

.frame-layout-4 {
	display: block;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.6em;	
}


.frame-layout-5 {
	display: block;
	padding: 40px 0 0 0;
	text-align: center;
	font-family: 'ost_script', 'Times New Roman', Georgia, Serif;
	font-size: 4em;
	line-height: 1.4em;	
}


.frame-default {
	display: block;
	padding: 20px 0;
}

/* body.template-1 .content-col-0 div.frame-default:first-child { padding-top: 0; } */

body.template-1 .content-col-0 div.frame-default:first-child h2 { padding-top: 0; } 

.frame-ruler-after { border-bottom: 2px solid #eee; }

.frame-ruler-before { border-top: 2px solid #eee; }


.frame-custom-100 {
	background: #f5f5f5;
	padding: 30px;
	margin: 20px 0;
}
.content-col-1 .frame-custom-100 { padding: 10px; margin: 10px 0; }

/* Dark */

.frame-custom-110 {
	background-color: #569f45;
	padding: 30px;
	color: #ffffff;
	margin: 20px 0;
}
.content-col-1 .frame-custom-110 { padding: 10px; margin: 10px 0; }
.frame-custom-110 a {
	color: #ffffff;
}
.frame-custom-110 h1, .frame-custom-110  h2, .frame-custom-110 h3, .frame-custom-110 h4, .frame-custom-110 h5 {
	color: #ffffff;
}
.frame-custom-110 ul li {
	background-image: url('../../../fileadmin/template/images/ul_bullet_inv.png') !important;
}

.frame-custom-110 span.color-bold, .frame-custom-110 span.color-large {
	color: #ffffff;
}

.frame-custom-110 a.button-style, .frame-custom-110 a.button-style:hover {
	background-color: #FFF;
	border-color: #FFF;
	color: #008237;
}

/* Rahmen */

.frame-custom-120 {
	border: 2px solid #ddd;
	padding: 28px;
	margin: 20px 0;
}

/* ohne Rahmen, ohne Abstand */

.frame-custom-130 { padding: 0; }

/* Abstaende */

.frame-space-before-extra-small { margin-top: 10px; }
.frame-space-before-small { margin-top: 20px; }
.frame-space-before-medium { margin-top: 40px; }
.frame-space-before-large { margin-top: 80px; }
.frame-space-before-extra-large { margin-top: 120px; }

.frame-space-after-extra-small { margin-bottom: 10px; }
.frame-space-after-small { margin-bottom: 20px; }
.frame-space-after-medium { margin-bottom: 40px; }
.frame-space-after-large { margin-bottom: 80px; }
.frame-space-after-extra-large { margin-bottom: 120px; }




/*---------- Links mit Icon ----------*/

a.email-link, a.link-extern, a.download, a.download-pdf, a.download-doc, a.download-xls, a.download-pic, a.download-zip { color: #000; text-decoration: underline; text-decoration-color: #777; }

a.link-extern:before,
a.email-link:before,
a.download:before,
a.download-pdf:before,
a.download-doc:before,
a.download-xls:before,
a.download-pic:before,
a.download-zip:before { display: inline-block; padding: 0 8px 0 4px; vertical-align: middle; font-family: 'FontAwesome'; font-size: 1em; font-weight: normal; }

a.link-extern:before { content: "\f08e"; }
a.email-link:before { content: "\f003"; }
a.download:before,
a.download-pdf:before { content: "\f1c1"; }
a.download-doc:before { content: "\f1c2"; }
a.download-xls:before { content: "\f1c3"; }
a.download-pic:before { content: "\f1c5"; }
a.download-zip:before { content: "\f1c6"; }


/*---------- Anfrage Button als Link und Submit-Button ----------*/

.button-style,
.button-style-pdf,
.tile-button,
.readmore-button a,
.packageSliderButton a,
.packageSliderButton a,
input.enquiry-button,
.tx-powermail input[type="submit"],
.tx-powermail a.btn {
	color: #FFF;
	background-color: #5C86B4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	display: inline-block;
	font-family: 'rett_serif', Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}

.button-style:hover,
.button-style-pdf:hover,
.tile-button:hover,
.readmore-button a:hover,
.packageSliderButton a:hover,
input.enquiry-button:hover,
.tx-powermail input[type="submit"]:hover,
.tx-powermail a.btn:hover {
	background-color: #354d68;
	color: #fff;
	text-shadow: none;
}

.button-style:active,
.button-style-pdf:active,
.tile-button:active,
.readmore-button a:active,
.packageSliderButton a:active,
input.enquiry-button:active,
.tx-powermail input[type="submit"]:active,
.tx-powermail a.btn:active {
	background-color: #354d68;
	color: #fff;
	text-shadow: none;
}

a.button-style-pdf:before, .tile-button.pdf-button:before {
	display: inline-block;
	content: "\f1c1";
	padding: 0 8px 0 0;
	font-family: 'FontAwesome';
	font-size: 1em;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

a.arrow-button-style {
	display: inline-block;
	color: #555;
	padding: 0 10px 0 20px;
	text-decoration: none;
	background: transparent url('../../../fileadmin/template/images/arrow_button.png') no-repeat left center;
}

a.arrow-button-style:hover { text-decoration: underline; }


p.p-tiny { font-size: 0.8em; }
p.p-large { font-size: 1.4em; }

span.color-bold, .important { color: #555; font-weight: bold; }

span.color-large, .name-of-person { color: #555; font-size: 1.2em; font-weight: normal; }

span.no-color-bold, .detail { font-weight: bold; }


.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }


td.very-bright, td.bright, td.medium, td.dark {

}

td.very-bright, th.very-bright {
	background-color: #fff;
	color: #555555;
}

td.bright, th.bright {
	background-color: #e5f1f7;
	color: #555555;
}

td.medium, th.medium {
	background-color: #b2d6e6;
	color: #555555;
}

td.dark, th.dark {
	background-color: #0078ad;
	color: #FFFFFF;
	font-weight: normal;
}

td.dark a {
	color: #FFFFFF;
}

td.align-center { text-align: center !important; }

td.align-left { text-align: left !important; }

td.align-right{ text-align: right !important; }

td.no-wrap { white-space: nowrap !important; }

tr.no-border {}
tr.no-border td { border: none !important; }





table.cell-spacing {
	background-color: #FFFFFF;
	color: #555555;
	border-collapse: collapse;
	width: 100%;
}

table.cell-spacing td, table.cell-spacing th {
	border-bottom: none;
	border-left: solid 2px #FFF;
	border-bottom: solid 2px #FFF;
	margin: 0;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}

/* table.cell-spacing td:first-child { border-left: none; } */
table.cell-spacing td.very-bright, table.cell-spacing th.very-bright { 	border-bottom: solid 2px #e5f1f7; }
table.cell-spacing td.brightest, table.cell-spacing th.brightest {  }
table.cell-spacing td.dark, table.cell-spacing th.dark {  }

table.cell-spacing td.brightest, table.cell-spacing th.brightest { border-right: solid 2px #e5f1f7; }





table.bottom-lines {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
table.bottom-lines td, table.bottom-lines th {
	padding: 10px 5px;
	vertical-align: middle;
	text-align: left;
	border-bottom: solid 2px #eee;
	font-weight: normal;
}
table.bottom-lines th { font-weight: bold; }

table.bottom-lines td.bright, table.bottom-lines th.bright,
table.bottom-lines td.medium, table.bottom-lines th.medium,
table.bottom-lines td.dark, table.bottom-lines th.dark {
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
}




table.no-lines {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.no-lines td, table.no-lines th {
	background-color: #FFFFFF;
	padding: 5px 10px 0 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	border-bottom: none;
}
table.no-lines th { font-weight: bold; }


table.full-width { width: 100%; }




table.striped-table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.striped-table tr.row-odd td {
	background-color: #f5f5f5;
}
table.striped-table tr.row-even td {
	background-color: #ffffff;
}



/*---------- Standard RTE Tabelle ----------*/
table.csc-frame-frame1 td { padding-right: 10px; }


#featured-slider-wrap {
	display: block;
	background: transparent;
	width: 100%;
	position: relative;
}

#featured-slider {
	background: transparent;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#featured-slider ul.slides {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

#featured-slider ul.slides li {
	padding: 0;
	margin: 0;
	background: none;
	display: none; /* verbergen bevor JS startet */
	
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

#featured-slider ul.slides li:after {
  padding-top: 26%;
  display: block;
  content: '';
}

#featured-slider img {
	display: none;
	width: 100%;
	height: auto;
}


.featured-slide-overlay {
	display: block;
	width: 100%;
	position: absolute;
	top: 60%;
	left: 0;
	text-align: center;
	font-weight: normal;
	color: #FFF;
	font-family: 'omh_script', 'Times New Roman', Georgia, Serif;
	font-size: 6em;
	line-height: 1em;
	opacity: 0;
	
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
	

	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	
}
.featured-slide-overlay span:nth-child(2) {
	font-size: 0.9em;
	font-weight: normal;
}

.flex-active-slide .featured-slide-overlay {
	opacity: 1;
}


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

	.featured-slide-overlay { top: 70%; }
	
}


@media only screen and (max-width: 959px) {
	
	#featured-slider ul.slides li { height: auto !important; background-attachment: scroll; }
	#featured-slider ul.slides li:after {
		padding-top: 100%;
		display: block;
		content: '';
	}
	
	.featured-slide-overlay { display: none; }
}


#acceptcookies {
	font-family: 'tatznav', Arial, Helvetica, sans-serif;
	display: none;
	width: 100%;
	background: #777;
	color: #fff;
	font-size: 12px;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	padding: 10px 0;
	z-index: 100;
}
#acceptcookies p {
	padding: 0;
	margin: 0;
}
p.accept-cookies-header { font-size: 16px; line-height: 30px; }
a.accept-cookies-readmore {
	color: #fff;
	text-decoration: underline;
	margin: 0 0 0 10px;
}
span.accept-cookies-close {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #555;
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 20px;
	cursor: pointer;
}
span.accept-cookies-close:hover {
	background: #FFF;
	color: #000;
}

.tx-powermail { padding: 0; }

.powermail_legend {
	display: block;
	float: none;
	clear: both;
	font-size: 1.6em;
	font-family: 'surf_serif', 'Times New Roman', Georgia, Serif;
	font-weight: normal;
	padding: 60px 0 20px 0;
}

.powermail_fieldset.nolabel .powermail_legend { display: none; }

.powermail_morestep .powermail_legend { display: none; }
.powermail_morestep .powermail_form h3 { display: none; }

.powermail_fieldwrap {
	display: block;
	float: left;
	padding: 20px 20px 0 0;
}

.powermail_field input[type="text"], 
.powermail_field input[type="email"], 
.powermail_field select, 
.powermail_field textarea {
	display: block;
	width: 100%;
	border: solid 1px #bbb;
	background: #F5F5F5;
}
.powermail_field input[type="text"], 
.powermail_field input[type="email"], 
.powermail_field select {
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
.powermail_field textarea {
	padding: 10px;
}

.powermail_field input:required, .powermail_field textarea:required { background: #FFF url('../../../fileadmin/template/images/field_required.png') no-repeat right top; }
.powermail_field input.parsley-error, .powermail_field textarea.parsley-error { border: solid 1px #F00; background: #FFF url('../../../fileadmin/template/images/field_error.png') no-repeat right top; }
li.parsley-required, li.parsley-custom-error-message { color: #FF0000; }
.powermail_field input.parsley-success, .powermail_field textarea.parsley-success { border: solid 1px #090; background: #FFF url('../../../fileadmin/template/images/field_success.png') no-repeat right center; }

.powermail_fieldwrap_pauschalen_teaser { width: 100%; float: none; clear: both; padding: 0; }
.powermail_fieldwrap_pauschale { /* display: none; */ width: 100%; float: none; clear: both; }

.powermail_fieldwrap_anreise,.powermail_fieldwrap_abreise { width: 20%; }
.powermail_fieldwrap_zeitvon,.powermail_fieldwrap_zeitbis { width: 20%; }
#powermail_field_anreise, #powermail_field_abreise { position: relative; background:#FFF url('../../../fileadmin/template/images/calendaricon.png') no-repeat right center; }
.powermail_fieldwrap_reisedauer { width: 28%; }
.powermail_fieldwrap_personen { width: 20%; }
.powermail_fieldwrap_zimmer { width: 20%; }

.powermail_fieldwrap_anrede { width: 20%; clear: left; }
.powermail_fieldwrap_titel { width: 15%; }
.powermail_fieldwrap_vorname { width: 35%; }
.powermail_fieldwrap_familienname { width: 35%; }
.powermail_fieldwrap_vorundnachname { width: 80%; }
.powermail_fieldwrap_email { width: 50%; clear: left; }
.powermail_fieldwrap_telefon { width: 50%; }
.powermail_fieldwrap_firma { width: 100%; clear: left; }
.powermail_fieldwrap_strasse { width: 100%; clear: left; }
.powermail_fieldwrap_plz { width: 20%; clear: left; }
.powermail_fieldwrap_ort { width: 40%; }
.powermail_fieldwrap_land { width: 40%; }
.powermail_fieldwrap_nachricht { width: 100%; float: none; clear: both; }
.powermail_fieldwrap_strecke { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_anzahl { width: 30%; float: none; clear: both; }
#powermail_field_anzahl { font-size: 1.6em; height: 60px; line-height: 60px; padding: 0 20px;}
.powermail_fieldwrap_beschenkter { width: 100%; float: none; clear: both; }
.powermail_fieldwrap_newsletter { width: 100%; float: none; clear: both; }

.powermail_fieldwrap_zimmerkategorie { width: 100%; clear: left; }
.powermail_fieldwrap_zimmerkategorie .powermail_field {
	display: block;
	width: 100%;
	padding: 0 10px;
	border: solid 1px #555;
	background: #F5F5F5;
}

.powermail_fieldwrap_zimmerkategorie .powermail_field .checkbox {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 40px 0 0;
}

.powermail_fieldwrap_frage, .powermail_fieldwrap_antwort { float: none; clear: both; }
.powermail_fieldwrap_antwort { padding-bottom: 20px; }
.powermail_fieldwrap_antwort > label.powermail_label { display: none; }
.powermail_fieldwrap_antwort .radio { padding: 5px 0; }
.powermail_fieldwrap_antwort .radio.parsley-error { color: #FF0000; }

.tx-powermail .btn-group  {
	display: block;
	padding: 20px 20px 0 0;
}
.btn-group:after {
	display: block;
	content: ' ';
	float: none;
	clear: both;
}

.powermail_form button.btn-default {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	border: solid 1px #000;
	background: #FFF;
	color: #000;
	padding: 0;
	width: 50%;
	margin: 0;
	cursor: pointer;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	text-transform: uppercase;
}
.powermail_form button.btn-primary {
	border: solid 1px #000;
	background: #000;
	color: #FFF;
}

.visible-xs-inline-block { display: block; float: right; }
.visible-xs-inline-block:first-child { float: left; }

.powermail_fieldset_1 .powermail_tab_navigation { float: none; clear: both; text-align: right; }
.powermail_fieldset_2 .powermail_tab_navigation { float: left; }
.powermail_fieldwrap_senden { float: right; }


.powermail_fieldwrap label { position: relative; }
.powermail_fieldwrap label span { display: inline-block; width: 40px; }

.powermail_fieldwrap label div.package-description {
	display: none;
	width: 600px;
	position: absolute;
	left: 20px;
	bottom: 30px;
	background: #FFF;
	font-size: 1em;
	padding: 5px 10px;
	border: dashed 1px #000;
}
.powermail_fieldwrap label:hover div.package-description { display: block; }

ul.parsley-errors-list li {
	padding: 0;
	background: none;
}

.powermail_confirmation td {
	padding: 5px 20px 5px 0;
}

.please-check-data {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 20px 0;
}


.packageteaser {
	display: block;
	width: 800px;
	max-width: 100%;
	padding: 0 0 20px 0;
}
.packageteaser-image {
	display: block;
	float: left;
	width: 31.25%;
}
.packageteaser-image img {
	display: block;
	width: 100%;
	height: auto;
}
.packageteaser-text {
	display: block;
	float: left;
	width: 65%;
	margin-left: 3.75%;
}
.packageteaser h3 span {
	display: block;
	float: right;
}

.powermail_fieldwrap_prospekte > .powermail_label { display: none; }
.powermail_fieldwrap_prospekte .powermail_field { padding: 0 0 20px 0; }
.powermail_fieldwrap_prospekte .checkbox { padding: 10px 0; }


.powermail_fieldwrap_hotelwaehlen { display: block; float: none; clear: both; padding: 20px 0; }
.powermail_fieldwrap_country, .powermail_fieldwrap_region, .powermail_fieldwrap_hotel { width: 33.33%; }
.powermail_fieldwrap_erwachsene, .powermail_fieldwrap_kinder { width: 26%; }
.powermail_fieldwrap_alterderkinder { width: 48%; }
.powermail_fieldwrap_gewuenschterabflughafen { width: 50%; clear: left; }
.powermail_fieldwrap_alternativerabflughafen { width: 50%; }

/* headers */
.powermail_fieldwrap_type_html { width: 100%; float: none; clear: both; }







ul.countries {
	display: block;
	width: 100%;
	height: auto;
	background: transparent;
	position: relative;
	margin: 0;
}

ul.countries li {
	display: block;
	width: 100%;
	padding: 0;
	float: none;
	border: none;
	position: relative;
	background: transparent;
	
	/* border-top: 2px solid #fff; */
	margin: 2px 0 0 0;
}


ul.countries li span.text-li, ul.countries li span.text-li-hotel {
	display: inline-block;
	background: transparent;
	text-align: left;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	padding: 0 20px 0 30px;
	margin: 0;
	font-size: 1em;
	color: #555;
}

ul.countries > li {
	font-size: 1em;
	font-family: 'surf_serif', 'Times New Roman', Georgia, Serif;
}

ul.countries ul {
	display: none;
	margin: 0 0 0 16px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	position: relative;
	
	/* border-left: 2px solid #fff; */
}

ul.countries span.has-sub {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: transparent url('../../../fileadmin/template/images/on_off_select.png') no-repeat center top;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

ul.countries span.has-sub.active { background-position: center -30px; }

ul.countries li span.text-li-hotel { background: #cce4ef url('../../../fileadmin/template/images/on_off_select.png') no-repeat left -60px; color: #0078ad; cursor: pointer; }
ul.countries li span.text-li-hotel:hover { background-color: #e5f1f7; }
ul.countries li span.text-li-hotel.active { background-color: #f7e2d8; }

ul.countries a.hotel-info {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	width: 30px;
	line-height: 30px;
	margin-left: 2px;
	font-family: 'FontAwesome';
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
	background: #0078ad;
	text-align: center;
}












@media only screen and (max-width: 719px) {

	.powermail_fieldwrap { width: 100% !important; }
	.powermail_form button.btn-default { display: block; width: 100%; }
	
}

.tx-indexedsearch-searchbox {
	display: block;
	margin: 20px 0;
}
.tx-indexedsearch-searchbox legend {
	font-size: 2.0em;
	line-height: 1.2em;
	font-family: 'alm_serif', 'Times New Roman', Georgia, Serif;
	font-weight: normal;
	color: #555;
	padding: 0 0 1em 0;
}


.tx-indexedsearch-form, .tx-indexedsearch-search-submit {
	display: inline-block;
}
input.tx-indexedsearch-searchbox-sword {
	display: inline-block;
	*display: inline;
	width: 280px;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	padding: 0 10px;
	border: solid 1px #ddd;
	vertical-align: middle;
}
input.tx-indexedsearch-searchbox-button {
	display: inline-block;
	*display: inline;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	background: #eee;
	border: solid 1px #ddd;
	color: #333;
	margin: 0 0 0 10px;
	font-size: 1em;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}
input.tx-indexedsearch-searchbox-button:hover {
	background: #ddd;
}

.tx-indexedsearch-res {
	display: block;
	padding: 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #eee;
}

h3.tx-indexedsearch-title {
	text-decoration: underline;
	margin-top: 20px;
}
h3.tx-indexedsearch-title a {
	text-decoration: underline;
}
p.tx-indexedsearch-info {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0.9em;
	border-bottom: solid 1px #eee;
}
.tx-indexedsearch-browsebox {
	margin: 20px 0;
}
.tx-indexedsearch-browsebox li {
	display: inline-block;
	*display: inline;
	margin-right: 20px;
}
.tx-indexedsearch-browsebox li a {
	text-decoration: none;
}
.tx-indexedsearch-browsebox li a:hover {
	text-decoration: underline;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;transition:background .15s ease-out,-webkit-transform 0s .15s;transition:background .15s ease-out,transform 0s .15s;-webkit-backface-visibility:hidden}/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker__frame,.picker__holder{top:0;bottom:0;left:0;right:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.picker__frame{position:absolute;margin:0 auto;min-width:256px;max-width:666px;width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .15s ease-out}.picker__wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.picker__wrap{display:block}}.picker__box{background:#fff;display:table-cell;vertical-align:middle}@media (min-height:26.5em){.picker__box{font-size:1.25em}}@media (min-height:33.875em){.picker__box{display:block;font-size:1.33em;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.picker__frame{margin-bottom:7.5%}.picker__box{font-size:1.5em;border-bottom-width:1px;border-radius:5px}}.picker--opened .picker__holder{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);zoom:1;background:rgba(0,0,0,.32);transition:background .15s ease-out}.picker--opened .picker__frame{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height:33.875em){.picker--opened .picker__frame{top:auto;bottom:0}}
.picker__footer,.picker__header,.picker__table{text-align:center}.picker__day--highlighted,.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__box{padding:0 1em}.picker__header{position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}.picker__nav--next,.picker__nav--prev{top:-.33em}.picker__nav--prev{padding-right:1.5em}.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover,.picker__day--infocus:hover,.picker__day--outfocus:hover{color:#000;cursor:pointer;background:#b1dcfb}.picker__table{border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}

#page-wrap { }

.content { padding-top: 60px; }

.content-col-0 { width: 48%; float: left; margin: 0; }
.content-col-2 { width: 48%; float: right; margin: 0; }
.content-col-1 { width: 100%; float: none; margin: 0; }

/*
.content-col-0 { width: 38%; float: left; margin: 0; }
.content-col-2 { width: 38%; float: left; margin: 0 0 0 2%; }
.content-col-1 { width: 20%; float: right; margin: 0; }
*/


#page-headline {
	padding: 40px 0;
	max-width: 1140px;
	margin: 0 auto;
}
h1.page-header {
	font-size: 4em;
	text-align: center;
	line-height: 1em;
	padding: 10px 0;
}

.frame-layout-4 { max-width: 800px; margin: 0 auto; }

.content-col-2 div:first-child header h2, .content-col-0 div:first-child header h2 { padding-top: 0; }


/* --- Masonry --- */

.teaser-home {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

.tile {
	width: 100%;
	float: none;
	position: relative;
	font-family: 'rett_sans', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	background: transparent;
	/* overflow: hidden; */
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

.tile > a { display: block; color: #555; text-decoration: none; }

.space-after-tile { display: block; }
.space-after-tile:after { display: block; content: ' '; padding-top: 10%; }

.tile-image {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	transition: 0.2s ease;
}
.tile:hover .tile-image {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,120,173,0.5);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,120,173,0.5);
	box-shadow: 0px 0px 30px 0px rgba(0,120,173,0.5);
}
.tile img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;	
}
/* .tile:hover img { transform: scale(1.1) rotate(0.1deg); } */

.tile-price {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background: rgba(255,255,255,0.9);
	font-family: 'rett_serif', Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	font-weight: bold;
	color: #0078ad;
	position: absolute;
	right: 40px;
	bottom: 40px;
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform:rotate(-5deg);
}
.tile:hover .tile-price { color: #D96D3A; }

.tile-image-header {
	display: block;
	width: 100%;
	padding: 40px;
	font-family: 'rett_serif', Arial, Helvetica, sans-serif;
	font-size: 3em;
	line-height: 1.4em;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 0;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	word-wrap: break-word;
	
	font-size: 4em;
	line-height: 1em;
}
.tile-img-text-dist { display: block; height: 20px; }

.tile-text { display: block; background: transparent; position: relative; text-align: left; color: #555; }
.tile-text-inner { display: block; padding: 30px; }


.tile-button, .button-style {
	font-size: 1.2em;
}
.tile-button { margin: 20px 0 0 0; }
.tile:hover .tile-button { background-color: #D96D3A; color: #fff; }

.tile-text-header {
	display: block;
	padding: 0;
	font-family: 'rett_serif', Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	line-height: 1.4em;
	font-weight: bold;
	color: #0078ad;
}
.tile:hover .tile-text-header { color: #D96D3A; }
.tile.no-teaser:hover .tile-text-header { color: #0078ad; }

.tile p {
	display: block;
	padding: 20px 0 0 0;
}

.tile.dark-bg { background-color: #0078ad; color: #fff; }
.tile.dark-bg .tile-text { padding: 30px 40px 40px 40px; }
.tile.dark-bg a, .tile.dark-bg p, .tile.dark-bg .tile-text-header, .tile.dark-bg .tile-button { color: #fff; }
.tile.dark-bg .tile-button { background: #fff; color: #0078ad; }
.tile.dark-bg:hover { background-color: #D96D3A; }
.tile.dark-bg:hover .tile-button { color: #D96D3A; }

.tile.bigger-text .tile-text p  { font-size: 1.2em; }
/* .tile.bigger-text > a, .tile.bigger-text p, .tile.bigger-text .tile-text-header { color: #0078ad; } */
.tile.bigger-text .tile-text-header {
	font-family: 'rett_serif', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 3em;
	font-weight: normal;
	
	font-size: 5em;
	line-height: 1em;
}



.teaser-portal-wrap {
	display: block;
	width: 96%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 100px 0;
}
.teaser-portal-wrap:after {
	display: block;
	content: ' ';
	clear: both;
	float: none;
}

.teaser-portal {
	display: block;
	width: 31.57%;
	margin: 0 0 40px 2.63%;
	float: left;
}
.teaser-portal:first-child { margin-left: 0; }

.teaser-portal a {
	color: #777;
	text-decoration: none;
}

.teaser-header {
	display: block;
	padding: 20px 0 10px 0;
	font-family: 'rett_sans', Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.2em;
	font-weight: 900;
	color: #aaa;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;	
}
.teaser-portal:hover .teaser-header { color: #ed1d24; }

.teaser-image img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;	
}

.teaser-portal:hover img { opacity: 0.8; }

.teaser-portal p {
	display: block;
	padding: 10px 0;
	line-height: 1.6em;
}

.teaser-button {
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	background: #ed1d24;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 20px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;	
}
.teaser-portal:hover .teaser-button { background: #ef333a; }


















h2.packages-home-header {
	text-align: center;
	font-size: 2.4em;
	padding: 60px 0;
}

.packages-home-wrap {
	display: block;
	width: 96%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
}
.packages-home-wrap:after {
	display: block;
	content: ' ';
	clear: both;
	float: none;
}

.package-home {
	display: block;
	width: 31.57%;
	margin: 0 0 40px 2.63%;
	float: left;
}
.package-home:first-child { margin-left: 0; }

.package-home a {
	color: #555;
	text-decoration: none;
}

.package-header {
	display: block;
	padding: 20px 0 10px 0;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: 200;
	color: #9d0053;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;	
}
.package-home:hover .package-header { color: #94c11c; }

.package-image img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;	
}

.package-text {
	border: 2px solid #eee;
	border-top: none;
}
.package-text-inner { padding: 0 20px 20px 20px; }

.package-portal p {
	display: block;
	padding: 10px 0;
	line-height: 1.6em;
}

.package-button {
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	background: #9d0053;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 20px 20px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;	
}
.package-home:hover .package-button { background: #94c11c; }




@media only screen and (min-width: 960px) {  }

@media only screen and (max-width: 1440px) {  }

@media only screen and (max-width: 959px) {
	
	.kite { display: none; }
	
	h1.slogan { font-size: 3em; }

	.package-home, .package-home:first-child {
		display: block;
		width: 360px;
		max-width: 100%;
		margin: 0 auto 40px auto;
		float: none;
	}
	
	.package-home .package-text-inner { min-height: auto !important; }
	
}

@media only screen and (max-width: 719px) {
	
	.content-col-0 { width: 100%; float: none; margin: 0; }
	.content-col-1 { width: 100%; float: none; margin: 0; }
	.content-col-2 { width: 100%; float: none; margin: 0; }

	.content-col-0 .ce-bodytext {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		column-count: auto;
	}
	
	.package-text-inner p { min-height: 100% !important; }

}

@media only screen and (max-width: 479px) {  }