@charset "utf-8";
@import url("/assets/css/style-desktop.css");
@import url("/assets/css/style-tablet.css");
@import url("/assets/css/style-smartphone.css");
@import url("/assets/css/coco.min.css");
@import url("/assets/css/form.css");
@import url("/assets/css/navi.css");
@import url("/assets/css/table.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/datepicker.css");
@import url("/assets/css/dt-picker.css");
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-display: swap; 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; font-display: swap; 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: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: local('Open Sans Semi-Bold'), local('OpenSans-SemiBold'), url(/assets/fonts/OpenSans-SemiBold.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; }

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

img												{ max-width: 100%; display: block; }

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

/* Abstände und 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; align-content: flex-start; } /*align-content testweise hinzugefügt*/
.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; }
.flexbetween							{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: space-between; }
.flexend                  { display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: flex-end; }

/* hr-Klassen */
.standard									{ width: 100%; clear: both; color: transparent; border-top: 1px solid #e9cf88; padding: 0 1.000rem; display: block; }
.standard:last-child			{ display: none; }
.trans										{ width: 100%; clear: both; color: transparent; border: none; display: block; margin-bottom: 1.0rem; }

.mabo100									{ margin-bottom: 1.000rem; }
.mabo125									{ margin-bottom: 1.250rem; }
.vladies									{ margin-bottom: 1.250rem; }
.paddingfull							{ padding: 1.000rem; }
.borderbox								{ background: linear-gradient(to top, #262522, #403e39); padding: 1.000rem; }
.borderbox h5							{ margin-top: 1rem; }
.borderbox a							{ display: block; font-size: 0.882rem; width: 100%; }
.flag											{ float: left; display: block; width: 29px; outline: none; }

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

.slider.index							{ }
.slider video							{ display: block; height: auto; width: 100%; }

#video,
.video										{ width: 100%; display: block; outline: none; position: relative; }
#video img,
.video img								{ width: 100%; display: block; position: relative; }
.js23											{ position: absolute; top: 0; left: 0;  z-index: 2; }
.js23 img									{ width: 100%; display: block; }

/* BUTTONS */
.btn											{ background: #333; 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; }

.btncal										{ background: #333; font-family: 'Open Sans', sans-serif; width: 100%; color: #cccccc; padding: 0.750rem 0; font-size: 1.000rem; margin-bottom: 0.313rem; text-align: center; border: none; outline: none; }

/* Datepicker */

.gldp-flatwhite { display: inline-block; position: relative!important; }
a.team { display:block!important; margin: 0 1% 1rem; }
.hide { width: 0; height: 0; opacity: 0; transition: ease-out 0.3s; -webkit-transition: ease-out 0.3s; -moz-transition: ease-out 0.3s; -o-transition: ease-out 0.3s; padding: 0; margin: 0!important; border: 0; overflow: hidden;  }
.hide img { opacity: 0;  width: 0; height: 0; margin: 0; border: none; }

/* Back to Top Button */
/* #back-top						{ position: fixed; bottom: 30px; right: 9%; z-index: 90; display: none; } */
#back-top								{ position: fixed; bottom: 30px; left: 50%; margin-left: 650px; z-index: 90; display: none; }
#back-top a							{ width: 2rem; height: 2rem; display: block; text-align: center; color: #000; line-height: 2rem; font-size: 1.5rem; background: linear-gradient(to bottom, #e9cf88, #b39850); }


/* INTERN */

.intern                           { border-collapse: collapse; text-align: center; position: relative; width: 100%; }
.intern tr:first-child            { top: 0; position: sticky; }
.intern tr td, .intern tr th      { border: 1px solid #e9cf88; padding: 0.5rem 0; }
.intern td:first-child            { width: 19%; }
.intern td:not(:first-child)      { width: 16%; }

.intern tr td.booked              { background: #630A10; color: #630A10; }
.intern tr td.free                { background: #125C13; color: #125C13; }
.intern tr:hover                  { cursor: default; }
.intern tr:hover td:first-child   { background: #333333; color: #eeeeee; }
.intern tr:hover .booked          { background: #911F27; color: #911F27; }
.intern tr:hover .free            { background: #3E7C17; color: #3E7C17; }
.intern tr .week,
.intern tr:hover .week            { background: #e9cf88; color: #000000; font-weight: bold; }

.login form                       { width: 70%; }
.login input	      			    		{ background-color: #000000; border: 1px solid #e9cf88; color: #e9cf88; font-size: 1rem; margin: 0 0 1rem; outline: none; padding: 0.375rem ; width: 100%; }
.login input[type='submit']       { background-color: #e9cf88; color: #000000; }

.logout												{ display: block; width: 27%; }
.logout p											{ background-color: #e9cf88; color: #000000; margin: 0 0 1rem; padding: 0.375rem; text-align: center; text-transform: uppercase; }

.labeling                     { display: block; width: 73%; }
.label_booked, .label_free    { margin: 0 0.75rem 0 0; }
.label_booked:before          { background: #630A10; color: #630A10; content: ""; padding: 0 0.75rem; margin: 0 0.5rem 0 0; }
.label_free:before            { background: #125C13; color: #125C13; content: ""; padding: 0 0.75rem; margin: 0 0.5rem 0 0; }