@charset "UTF-8";
@import url("desktop.css");
@import url("tablet.css");
@import url("smartphone.css");
@import url("form.css");
@import url("navi.css");
@import url("font-awesome.min.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; }

*                         { margin: 0; padding: 0; }
body, html                { background: #000; font-family: 'Open Sans', sans-serif; font-size: 17px; color: #fff; }
header                    { width: 100%; }
main                      { width: 100%; overflow: auto; min-height: 600px; }
footer										{ width: 100%; margin-bottom: 50px; }

h2, h3, h4, h5, h6				{ font-family: 'Open Sans', sans-serif; }
h2, .slogan, h3, h4				{ margin-bottom: 1.250rem; }
p													{ font-size: 0.936rem; margin-bottom: 1.000rem; }

/* Sonstige Positionierungen */
.teaser										{ border: 1px solid #ccc; padding: 1.000rem; background: #8b0202; text-align: center; }
.teaser p									{ margin-bottom: 0; }
.day											{ display: block; font-weight: bold; margin-bottom: 0.625rem; }
.center, .slogan					{ text-align: center; width: 100%; }
.preis										{ text-align: center; font-weight: bold; display: block; margin-bottom: 0.625rem; }
.label										{ width: 150px !important; height: auto; display: block; border: none;  }
.transparent							{ clear: both; border: none; color: transparent; margin-bottom: 1.250rem; }
.map											{ width: 100%; border: none; }

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

/* Abstände und Felexboxen */
.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; }
.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; align-content: flex-end; }
.flexcenter								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; }

/* Seiteninhalte */
#logo											{ width: 96%; max-width: 60.235em; margin: 0 auto; background: #660000; padding: 1.000rem; }
.logo											{ margin: 0 auto; display: block; }
.logo img									{ width: 100%; }
#navi											{ width: 96%; max-width: 60.235em; height: auto; margin: 0 auto; background: #660000; border-top: 3px solid #000; border-bottom: 3px solid #000; }
#content									{ width: 96%; max-width: 60.235em; margin: 0 auto; background: #660000; }
.wrapper									{ width: 100%; margin-bottom: 1.250rem; }


/* Footer */
#footer										{ width: 96%; max-width: 60.235em; margin: 0 auto; background: #660000; padding: 1.000rem; }
ul.footernav							{ list-style: none; }
ul.footernav > li					{ list-style: none; font-size: 0.875rem; }
ul.footernav > li:before	{ content: "\f0da"; font-family: FontAwesome; color: #fff; padding-right: 0.625em; }

/* DSGVO */
#dsgvo h3									{ margin-bottom: 1.250rem; font-size: 1.250rem; font-weight: bold; }
#dsgvo h4									{ margin-bottom: 1.250rem; font-size: 1.000rem; font-weight: normal; }
#dsgvo ul									{ list-style: none; margin-bottom: 1.250rem; }
#dsgvo ul > li						{ list-style: none; font-size: 0.875rem; line-height: 1.5; margin-left: 0.938em; }
#dsgvo ul > li:before			{ content: "\f0da"; font-family: FontAwesome; color: #fff; padding-right: 0.625em; margin-left: -0.938em; padding-right: 0.625em; }