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

@font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url(/assets/fonts/Oxygen-Regular.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url(/assets/fonts/Oxygen-Regular2.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: 'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url(/assets/fonts/Oxygen-Bold.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url(/assets/fonts/Oxygen-Bold2.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: 'Tauri'; font-style: normal; font-weight: 400; src: local('Tauri Regular'), local('Tauri-Regular'), url(/assets/fonts/Tauri-Regular.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Tauri'; font-style: normal; font-weight: 400; src: local('Tauri Regular'), local('Tauri-Regular'), url(/assets/fonts/Tauri-Regular2.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: 'Oxygen', sans-serif; font-size: 16px; background: #F0F2F1; }
#teaser                     { width: 100%; background: url(/assets/img/site/teaser-start.jpg) no-repeat center center; background-size: cover; }
header                      { width: 100%; position: fixed; top: 0; overflow: auto; min-height: 4.500rem; z-index: 5; }
nav													{ width: 100%; height: 3.000rem; }
main                        { width: 100%; z-index: 0; }
#site                       { width: 100%; max-width: 80rem; margin: 1.500rem auto; }
footer                      { width: 100%; min-height: 100px; }

/* Farben global */
.lighter                    { background: #F0F2F1; color: #333333; }
.light											{ background: #D7D9D8; color: #333333; }
.middle											{ background: #9FB6BF; color: #000000; }
.dark, .accent							{ background: #3E4F59; color: #ffffff; }
/*
.accent											{ background: #809BA6; color: #ffffff !important; }
*/

/* Trennungen (hr) */
hr                          { display: block; }
.trans                      { width: 100%; clear: both; border: none; color: transparent; }
.border                     { width: 100%; clear: both; width: 100%; border-top: 1px solid #9FB6BF; border-bottom: none; border-left: none; border-right: none; margin: 1.000rem 0; }
.nonborder                  { width: 100%; clear: both; width: 100%; border-top: 1px solid transparent; border-bottom: none; border-left: none; border-right: none; margin: 1.000rem 0; }
.hrbtnset                   { width: 100%; clear: both; width: 100%; border-top: 1px solid #9FB6BF; border-bottom: none; border-left: none; border-right: none; margin-bottom: 1.000rem; }

/* Abstände und Flexboxen Positionen */
.centered										{ margin: 0 auto 1.000rem; }
.center											{ text-align: center; }
.bbx												{ box-sizing: border-box; }
.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; }
.mabo0											{ margin-bottom: 0; }
.mabo50                     { margin-bottom: 0.500rem; }
.mabo100                    { margin-bottom: 1.000rem !important; }
.relative                   { position: relative; }
.absolute0                  { position: absolute; left: 0; bottom: 0; }



/* Color Theme Swatches in Hex */
.Life-Long-Education,-Momentary-School-1-hex { color: #3E4F59; }
.Life-Long-Education,-Momentary-School-2-hex { color: #809BA6; }
.Life-Long-Education,-Momentary-School-3-hex { color: #9FB6BF; }
.Life-Long-Education,-Momentary-School-4-hex { color: #F0F2F1; }
.Life-Long-Education,-Momentary-School-5-hex { color: #D7D9D8; }

/* Color Theme Swatches in RGBA */
.Life-Long-Education,-Momentary-School-1-rgba { color: rgba(61, 78, 89, 1); }
.Life-Long-Education,-Momentary-School-2-rgba { color: rgba(127, 154, 165, 1); }
.Life-Long-Education,-Momentary-School-3-rgba { color: rgba(158, 182, 191, 1); }
.Life-Long-Education,-Momentary-School-4-rgba { color: rgba(239, 242, 241, 1); }
.Life-Long-Education,-Momentary-School-5-rgba { color: rgba(214, 216, 215, 1); }

/*ALTERNATIV "Singolare"*/
/* Color Theme Swatches in Hex */
.Singolare-1-hex { color: #A69495; }
.Singolare-2-hex { color: #261419; }
.Singolare-3-hex { color: #736266; }
.Singolare-4-hex { color: #F2E5E4; }
.Singolare-5-hex { color: #0D0000; }

/* Color Theme Swatches in RGBA */
.Singolare-1-rgba { color: rgba(165, 147, 149, 1); }
.Singolare-2-rgba { color: rgba(38, 19, 24, 1); }
.Singolare-3-rgba { color: rgba(114, 97, 102, 1); }
.Singolare-4-rgba { color: rgba(242, 228, 227, 1); }
.Singolare-5-rgba { color: rgba(12, 0, 0, 1); }