@charset "utf-8";
@import url('/assets/css/style.css');
@import url('/assets/css/navi.css');
@import url('/assets/css/slick.css');
@import url('/assets/css/slick-theme.css');
@import url('/assets/css/form.css');
@import url('/assets/css/button.css');
@import url('/assets/fontawesome/css/fontawesome.css');
@import url('/assets/fontawesome/css/all.min.css');
@import url('/assets/css/lightcase.css');
@import url('/assets/css/coco.min.css');
@import url("/assets/css/dropzone/basic.css");
@import url("/assets/css/dropzone/dropzone.css");

/* Hier @font-face - Schriften einfügen */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Montserrat-Italic.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: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Montserrat-Italic.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: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Montserrat-Italic.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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/Montserrat-Normal.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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/Montserrat-Normal.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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/Montserrat-Normal.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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/Roboto400.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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url(/assets/fonts/Roboto500.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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/Roboto700.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								        { font-size: 16px; font-family: 'Roboto', sans-serif; background-color: #ffffff; }
header											{ width: 100%; }
nav													{ width: 100%; }
main												{ width: 100%; min-height: 700px; }
footer											{ width: 100%; background-color: #333333; min-height: 300px; }

/* Farben global */
.light											{ background-color: #f7f7f7; }
.accent											{ background-color: #b01774; color: #fff; }
.accenttext									{ color: #b01774; }
.aktiv											{ color: #33cc00; }
.inaktiv										{ color: #ff3300; }

/* Abstände und Flexboxen */
.bbx												{ box-sizing: border-box; }
.centered										{ margin: 0 auto 1.000rem; }
.center											{ text-align: center; }
.flex												{ display: flex; flex-wrap: wrap; }
.flexalign									{ display: flex; flex-wrap: wrap; align-content: center; }
.flexstart									{ display: flex; flex-wrap: wrap; align-content: flex-start; }
.flexspace									{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexaround									{ display: flex; flex-wrap: wrap; justify-content: space-around; }
.flexend										{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
.trenner										{ clear: both; width: 100%; border: none; color: transparent; }
.hr2												{ clear: both; width: 100%; border: none; color: transparent; margin-bottom: 2.000rem; }
.hrrooms										{ clear: both; width: 100%; border-top: 1px solid #f1f1f1; border-bottom: none; border-right: none; border-left: none; margin: 1rem 0; }

.padding50									{ padding: 0.500rem; }
.mabo0											{ margin-bottom: 0; }
.mabo50											{ margin-bottom: 0.500rem; }
.mabo100										{ margin-bottom: 1.000rem; }
.mabo200										{ margin-bottom: 2.000rem; }

#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; }