@charset "UTF-8";
@import url("dz_desktop.css");
@import url("dz_1280.css");
@import url("dz_1024.css");
@import url("dz_980.css");
@import url("dz_768.css");
@import url("dz_640.css");
@import url("dz_520.css");
@import url("buchung.css");
@import url("form.css");
@import url("navi.css");
@import url("coco.min.css");
@import url("font-awesome.min.css");
@import url("slick/slick.css");
@import url("slick/slick-theme.css");
@import url("ilightbox/ilightbox.css");
@import url("ilightbox/skin.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; }
@font-face { font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 300; src: local('Saira SemiCondensed Light'), local('SairaSemiCondensed-Light'), url(/assets/fonts/SairaSemiCondensed-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: 'Saira Semi Condensed'; font-style: normal; font-weight: 500; src: local('Saira SemiCondensed Medium'), local('SairaSemiCondensed-Medium'), url(/assets/fonts/SairaSemiCondensed-Medium.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; box-sizing: border-box!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; }
body, html                { background-color: #1E0000; font-family: 'Open Sans', sans-serif; font-size: 17px; color: #fff; }
header                    { width: 100%; background: #3F0000; margin-bottom: 1.250rem; }
nav                       { width: 100%; background: #630000; }
main                      { width: 100%; overflow: auto; }
#content,
#header_content						{ margin: 0 auto; padding: 0; }
footer                    { width: 100%; overflow: auto; border-top: 1px solid #8A1515; }
.matomo										{ width: 100%; border: none; }

 /* Logo und Headline im Header */
.logo                     { display: block; margin: 0 auto; font-family: 'Saira Semi Condensed', sans-serif; letter-spacing: 1px; line-height: 1.0; text-transform: uppercase; text-align: center;}
.toplogo                  { display: block; margin-bottom: 0.750rem; }
.toplogo .slim            { color: #dddddd; font-weight: 300; letter-spacing: -2px; margin-right: 5px; }
.toplogo .bold            { color: #999999; font-weight: 500; }
.sublogo                  { display: block; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #fff; letter-spacing: 0; text-transform: none; }
.headline                 { display: block; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #fff; letter-spacing: 0; text-transform: none; padding: 0.625rem 0; text-align: center; }

/* Überschriften */
h1                        { font-weight: normal; }
h2, h3, h4, h5, h6, .heading { font-family: 'Open Sans', sans-serif; font-weight: normal; width: 100%; }
h3.center                 { text-align: center; }

/* Globale Schriftwerte */
p                         { margin-bottom: 1.0rem; }
p:last-child              { margin-bottom: 0; }
.verweis                  { padding-bottom: 5px; border-bottom: 1px solid #8A1515; }
.note                     { border: 1px solid #8A1515; padding: 0.750rem 1.000rem; }

a,
a:link,
a:visited									{ color: #fff; text-decoration: none; }
a:hover										{ text-decoration: none; }

/* Flexboxen */
.flex                     { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; }
.flexstart                { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-start; }
.flexspace								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content:space-between; }

/* Wrapper, Kolumnen und Boxen */
.wrapper                  { width: 100%; margin: 0 auto 1.250rem; }
.col100                   {  }
.col75                    {  }
.col50                    {  }
.col25                    {  }

/* Kolumnen bzw. Textbereiche innerhalb der Boxen */
.inner100,
.teamliste,
.dsgvo										{ padding: 1.000rem; }
.dsgvo a:link							{ text-decoration: none; }
.dsgvo a:link:before			{ content: "\f0da"; font-family: FontAwesome; color: #fff; padding: 0 0.313rem 0 0.313rem; }
.teamliste								{ padding-bottom: 0.313rem; }
.innergal									{ padding: 1.000rem 1.000rem 0.250rem 1.000rem; }

.inner66									{ padding: 1.000rem; }
.inner50,
.inner50hl								{ padding: 1.000rem; }
.inner50 img,
.inner50hl img						{ width: 100%; display: block; }
.inner33									{ padding: 1.000rem; }
.inner33 img							{ width: 100%; display: block; }
.only_btn									{ padding: 0 1.000rem 1.000rem; }

/* Listenpunkte allgemein */
main ul										{ list-style: none; margin: 0 0 1.000rem; }
main ul li								{ list-style: none; line-height: 1.5; margin-left: 0.938em; font-size: 0.750rem; }
main ul li:before					{ content: "\f105"; font-family: FontAwesome; color: #fff; margin-left: -0.938em; padding-right: 0.625em; }
ul.wikilist li						{ margin-left: 0; border-bottom: 1px solid #630000; }
ul.wikilist li:before			{ content: none; }
ul.wikilist li a					{ display: block; font-size: 0.750rem; line-height: 1rem; padding: 0.500rem 0; margin: 0 0 0 0.500rem; display: block; }
ul.wikilist li:last-child	{ border-bottom: none; }

ul.wikilist li a:before		{ content: "\f0da"; font-family: FontAwesome; color: #fff; margin-left: -0.938em; padding: 0 0.500rem 0 0.500rem; }

/* Listenpunkte für die Datenschutz-Seite */
.dsgvo ul									{ list-style: none; margin: 0 0 1.000rem; }
.dsgvo ul li							{ list-style: none; line-height: 1.5; margin-left: 0.938em; font-size: 0.750rem; }
.dsgvo ul li:before				{ content: "\f105"; font-family: FontAwesome; color: #fff; margin-left: -0.938em; padding-right: 0.625em; }

/* News und Jobs */
.newspic									{ width: 100%; }
.newspic img							{ display: block; margin: 0 0 0.625rem; }
.newspic_small						{ width: 100%; }
.newspic_small img				{ display: block; margin: 0 0 0.625rem; }		


/* hr-Klassen*/
.trans                    { clear: both; color: transparent; border: none; margin-bottom: 0.638em; }
.form											{ clear: both; color: transparent; border: none; width: 100%; }

/* Hintergruende */
.back                     { background: #630000; }
.dark                     { background: #3F0000; }
.swiss                    { background: #FE0000; }

/* Abstaende */
.mabo050									{ margin-bottom: 0.500rem; }
.mabo125									{ margin-bottom: 1.250rem; }
.mabo125:last-child				{ margin-bottom: 0; }
/* nochn icht umgesetzt - nur angedacht
.relative									{ position: relative; }
.absolute_bottom					{ position: absolute; bottom: 0; left: 0;  }
*/

/* Listungen global */
.nav_city									{ width: 100%; }
.listing                 	{ border: none; color: #FFF; }
.listing img             	{ width: 100%; display: block; }
.date                     { text-align: center; font-weight: bold; margin-bottom: 0; }
a.box_list                { width: 100%; height: 100%; margin: 0; background: #3F0000; overflow: auto; display: block; position: relative; }
.icon_new,
.icon_upd									{ position: absolute; bottom: 0; left: 0; z-index: 5; padding: 0.250rem 0.500rem; font-family: 'Open Sans', sans-serif; font-size: 0.647rem; color: #fff; letter-spacing: 2px; }
.icon_new									{ background: #1f9a25; }
.icon_upd									{ background: #ca740f; }
/* .icon_set									{ width: 3.000rem; overflow: auto; position: absolute; top: 0; right: 0; z-index: 5; } */
.icon_video,
.icon_u18,
.icon_vip									{ background: #8A1515; width: 3.000rem; z-index: 5; padding: 0.250rem 0.500rem; margin: 0 0 0.250rem; font-family: 'Open Sans', sans-serif; line-height: 0.750rem; font-size: 0.647rem; color: #fff; text-align: center; display: block; }
/*
.icon_video								{ margin-bottom: 0.250rem; }
.icon_u18									{ margin-bottom: 0.250rem; }
.icon_vip									{ margin-bottom: 0.250rem; }
*/

.icon_video								{ position: absolute; top: 0; right: 0; letter-spacing: 1px; }
.icon_u18									{ position: absolute; top: 1.500rem; right: 0; letter-spacing: 1px; }
.icon_vip									{ position: absolute; top: 3.025rem; right: 0; letter-spacing: 1px; }


.list_img									{ width: 100%; overflow: auto; display: block; position: relative; }
.list_img img							{ width: 100%; display: block; }
.list_name                { width: 100%; }
.list_name h5             { text-align: center; }
.list_text                { width: 100%; }

a.premium                 { background: #630000; text-align: center; display: block;  }
a.premium img             { width: 100%; display: block; }
a.premium h5              { margin: 0; padding: 0.313rem 0; }

/* Profilseiten */
.left,
.right										{ padding: 0 1.000rem; }


/* Buttons */
.btn                      { padding: 0.625rem; background: #3F0000; color: #fff; text-align: center; border: none; font-size: 1.000rem; text-decoration: none; display: block; cursor: pointer; }
.btn:hover                { background: #8A1515; }
.btn100                   { width: 100%; }
.btn98                    { width: 98%; margin: 0 1%; }
.btn33                    { width: 31.333%; margin: 0 1%; }
.btnfone                  { margin: 0 0 0.625rem; }
.btnmedia                 { width: 18%; }
.orange,									
.orange:hover							{ background: #ff9900 !important; color: #000; width: 100%; margin: 0.625rem 0; }
.notice										{ width: 100%; background: #ff9900 !important; padding: 0.625rem; color: #000; text-align: center; border: none; font-size: 1.000rem; text-decoration: none; display: block; }
.vacation									{ font-size: 1.000rem; color: #fff; font-weight: bold; }

.inner33 .btnmedia        { margin: 0.625rem 0.313rem 0 0;}
.btncity                  { margin: 0 1% 0.625rem 1%; font-size: 0.750rem; }

a.more										{ width: auto!important; background: #8A1515; border-top: 10px solid #630000; text-align: center; color: #fff; display: block; padding: 0.313rem 0; }
a.more:before							{ content: "\f0da"; font-family: FontAwesome; color: #fff; padding-right: 0.625em; }
a.more:after							{ content: "\f0d9"; font-family: FontAwesome; color: #fff; padding-left: 0.625em; }

/* Labels */
.brands										{ float: left; width: 150px; height: 40px; }
.brandsfull								{ margin: 0 auto 1.250rem; }


.back-to-top { background: #3f0000; color: #ffffff ; font-size: 2rem; padding: 0 .875rem; position: fixed; bottom: 20px; right:20px; height: 3rem; width: 3rem; z-index: 100000; }