@charset "utf-8";

@import url('/assets/css/style.css');

@import url('/assets/css/form.css');
@import url('/assets/css/button.css');
@import url('/assets/css/lightcase.css');
@import url('/assets/fontawesome/css/all.min.css');
@import url('/assets/css/coco.min.css');
@import url('/assets/css/calendar.css');
@import url('/assets/css/navi.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: 'Roboto'; font-style: normal; font-weight: 300; src: url(/assets/fonts/Roboto300.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; }
header											{ width: 100%; }
main												{ width: 100%; }
footer											{ width: 100%; }
nav												{ width: 100%; }

/* Farben global */
.light											{ background: #ffffff; color: #000000; }
.middle											{ background: #F5F2EE; color: #5D5C5C; }
.dark												{ background: #3C3C3B; color: #ffffff; }
.accent											{ background: #A88B5C; color: #ffffff; }
.orange											{ background: #f9b13f; color: #000; }

/* Schriften */
h1, h2, h3, .heading3				{ font-family: 'Open Sans', sans-serif; font-weight: 400; color: #A88B5C; display: block; width: 100%; }
.heading3										{ margin: 0 0 1rem; }
h4, h5, h6									{ font-family: 'Roboto', sans-serif; font-weight: 700; }
p														{ font-size: 1.125rem; margin: 0 0 1.5rem; }
a														{ cursor: pointer; display: inline-block; text-decoration: none; }

/* Seitenbereiche */
section											{ padding: 2.5rem 0; }
section:nth-child(even)			{ background: #ffffff; color: #000000; }
section:nth-child(odd)			{ background: #F5F2EE; color: #5D5C5C; }

.language										{ top: 2rem; position: fixed; right: 1.000rem; }
.language img								{ border: solid #A88B5C; border-width: 1px 0 1px 1px; width: 2.5rem; }



/* 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; }
.flexcenter									{ display: flex; flex-wrap: wrap; justify-content: center; }
.flexaround									{ display: flex; flex-wrap: wrap; justify-content: space-around; align-content: flex-center; }
.flexend										{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flexbetween								{ display: flex; flex-wrap: wrap; align-content: space-between;}
.mauto											{ margin: 0 auto; }
.mb5												{ margin-bottom: 0.500rem; }
.mb10												{ margin-bottom: 1.000rem; }
.mb15												{ margin-bottom: 1.500rem; }

/* hr-Klassen */
.hrtrans										{ clear: both; width: 100%; border: none; color: transparent;  }

/* Others */
.social											{ color: #A88B5C !important; display: block; }