@charset "utf-8";
@import url("/assets/css/style-pc.css");
@import url("/assets/css/navi.css");
@import url("/assets/css/booking.css");
@import url("/assets/css/form.css");
@import url("/assets/css/font-awesome.min.css");
@import url("/assets/css/lightcase.css");
@import url("/assets/css/slick.css");
@import url("/assets/css/slick-theme.css");
@import url("/assets/css/coco.min.css");
@import url("/assets/css/calendar.css");

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/assets/fonts/OpenSans-Light.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/assets/fonts/OpenSans-Regular.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

*													{ margin: 0; padding: 0; }
body, html								{ background: #000000; color: #ccc; font-family: 'Open Sans', sans-serif; font-size: 17px; margin: 0; padding: 0; }
header										{ width: 100%; }
nav												{ width: 100%; background: linear-gradient(to top, #262522, #403e39); border-bottom: 1px solid #e9cf88; }
main											{ width: 100%; min-height: 600px;  }
footer										{ width: 100%; background: linear-gradient(to top, #262522, #403e39); border-top: 1px solid #e9cf88; }

h1, .heading							{ font-family: 'Open Sans', sans-serif; font-weight: normal; color: #e9cf88; }
h2												{ font-family: 'Open Sans', sans-serif; font-weight: normal; color: #e9cf88; }
h3												{ font-family: 'Open Sans', sans-serif; font-weight: normal; color: #e9cf88; }
h4												{ font-family: 'Open Sans', sans-serif; font-weight: normal; color: #e9cf88; margin: 1rem 0; text-transform: uppercase; }
h5												{ font-family: 'Open Sans', sans-serif; font-weight: normal; }
h6												{ font-family: 'Open Sans', sans-serif; font-weight: normal; }

p													{ font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 0.875rem; margin-bottom: 1rem; color: #ccc; }
.centered									{ text-align: center; }
.smaller									{ font-size: 0.750rem; }
.underline								{ text-decoration: underline; font-style: italic; }
p:last-child							{ margin:0; }

/* Flexboxen */
.bbx											{ box-sizing: border-box!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; }
.flex											{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; }
.flexspace								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; }
.flexaround								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-around; }
.flexcenter								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; }
.flexstart								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-start; }
.flexend									{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: flex-end; }
.flexevenly								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-evenly; }

/* hr-Klassen */
.standard									{ width: 100%; clear: both; display: block; color: transparent; border-top: 1px solid #e9cf88; border-right: none; border-bottom: none; border-left: none;}
.block										{ width: 100%; clear: both; display: block; color: transparent; border: none; margin: 1.000rem 0; }
.postings									{ width: 100%; clear: both; display: block; color: transparent; border-top: 1px solid #e9cf88; border-right: none; border-bottom: none; border-left: none; margin: 0 0 1.500rem 0;  }

/* Farben-Klassen - z. B. f. Hintergrund Boxen */
.black										{ background: #000; }
.labels										{ float: left; display: block; }
.gold											{ color: #e9cf88; }

/* Diverses */
.note											{ background: #333; color: #fff; border: none; padding: 0.75rem; width: 100%; margin-bottom: 0.500em;  }
.notegold									{ background: #333; color: #fff; border: 1px solid #e9cf88; padding: 0.75rem; width: 100%; margin-bottom: 0.500em; }

/* Abstände */
.mabo0										{ margin-bottom: 0; }
.mabo100									{ margin-bottom: 1.000rem; }

/* Kolumnen - z. B. f. Listen */
.col2											{ margin: 0; padding: 0;
													-moz-column-count: 2; -moz-column-gap: 1%;
													-webkit-column-count: 2; -webkit-column-gap: 1%;
											 		column-count: 2; column-gap: 1%;
													}
.col3											{ margin: 0; padding: 0;
													-moz-column-count: 3; -moz-column-gap: 1%;
													-webkit-column-count: 3; -webkit-column-gap: 1%;
											 		column-count: 3; column-gap: 1%;
													}

/* BUTTONS */
.btn											{ padding: 0.750rem 0; font-size: 1.000rem; margin-bottom: 0.313rem; text-align: center; }

.btn100										{ width: 100%; display: block; }
.btn50										{ width: 49%; display: block; }
.btn33										{ width: 32%; display: block; }
.btnb											{ font-size: 1.000rem; text-align: center; width: 100%; display: block; padding: 0.750rem 0; margin:0 !important; border: 1px solid #e9cf88; }

/* 
****************************
*** Slick Slider **** 
****************************
*/
.slider img { width: 100%; height: auto; display: block; }
.caption { background: rgba(0,0,0,0.6);  width: 100%; margin-top: -60px;  padding: 20px 0;  z-index: 9000; position: absolute; vertical-align: middle; }
.caption p { text-align: center; line-height: 20px; }