@charset "UTF-8";
@import url("desktop.css");
@import url("coco.min.css");
@import url("responsive.css");
@import url("slick.css");
@import url("slick-theme.css");
@import url("admin.css");
@import url("buttons.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; }
@font-face { font-family: 'Saira Semi Condensed'; font-style: normal; font-weight: 300; src: local('Saira SemiCondensed Light'), local('SairaSemiCondensed-Light'), url(/assets/fonts/SairaSemiCondensed-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: 'Saira Semi Condensed'; font-style: normal; font-weight: 500; src: local('Saira SemiCondensed Medium'), local('SairaSemiCondensed-Medium'), url(/assets/fonts/SairaSemiCondensed-Medium.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; }

/* Farben */
.dark											{ background: #012340; color: #fff; }
.semidark									{ background: #8aabbf; /*background: #033159;*/ color: #000; }
.middle										{ background: #cac8d3; }
.light										{ background: #f2f2f0; color: #000; }
.grey											{ background: #999999; }
.lightgrey								{ background: #e2e2e2; }

*                         { margin: 0; padding: 0; }
body, html                { font-family: 'Open Sans', sans-serif; font-size: 17px; }
header                    { width: 100%; }
main                      { width: 100%; overflow: auto; min-height: 600px; padding-bottom: 1.250em; }
footer										{ width: 100%;  min-height: 250px; }

/* Header */
#top, #nav								{ width: 100%; }
#nav											{ z-index: 9999; }
#top											{ border-bottom: 1px solid #033149; }
#logo h1									{ font-weight: normal; color: #000; }
.boxtop										{ margin: 0 auto; }
.boxnav										{ margin: 0 auto; }

 /* Logo und Headline im Header */
.boxlogo									{ height: auto; display: block; font-family: 'Saira Semi Condensed', sans-serif; letter-spacing: 1px; line-height: 1.0; text-transform: uppercase; text-align: center; }
.boxlogo a								{ text-decoration: none; }
.boxlogo h1								{ font-weight: normal; color: #000; }
.toplogo                  { display: block; margin-bottom: 0.750rem; }
.toplogo .slim            { color: #033159; font-weight: 300; letter-spacing: -2px; margin-right: 5px; }
.toplogo .bold            { color: #999999; font-weight: 500; }
.sublogo                  { display: block; font-family: 'Open Sans', sans-serif; font-weight: bold; color: #fff; letter-spacing: 1px; text-transform: none; color: #012340; }
.headline                 { display: block; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #fff; letter-spacing: 0; text-transform: none; padding: 0.625rem 0; text-align: center; }

h1,h2, h3, h4, h5, h6, .heading { font-family: 'Open Sans', sans-serif; font-weight: normal; display: block; box-sizing: border-box!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; }
.heading									{ display: block; }

/* Seiteninhalte */
#content									{ margin: 1.000rem auto; }

/*
.icon_new,
.icon_upd									{ position: absolute; bottom: 1.000rem; left: 0; z-index: 5; padding: 0.250rem 0.500rem; font-family: 'Open Sans', sans-serif; font-size: 0.647rem; color: #fff; letter-spacing: 2px; }
*/
.icon_new,
.icon_upd,
.icon_updtext							{ left: 0; z-index: 5; padding: 0.250rem 0.500rem; font-family: 'Open Sans', sans-serif; font-size: 0.647rem; color: #fff; letter-spacing: 2px; }
.icon_new,
.icon_upd									{ position: absolute; bottom: 2.500rem; }
.icon_updtext							{ position: absolute; bottom: 1.000rem; }

.icon_new									{ background: #e32322; }
.icon_upd,
.icon_updtext							{ background: #012340; }

/* Abstände und Felexboxen */
.bbx											{ box-sizing: border-box!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; }
.center										{ text-align: center; display: block; }
.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; }
.flexaround								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: space-around; align-items: flex-start; }
.flexstart								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-start; }
.flexcenter								{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: center; align-content: space-between; }
.flexend									{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; align-content: flex-end; }
.flexspacetop							{ display: flex; display: -webkit-flex; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.mabo05										{ margin-bottom: 0.500em; }
.mabo10										{ margin-bottom: 1.000em; }
.mabo15										{ margin-bottom: 1.500em; }
.maboauto									{ margin: 0 auto 1.500rem; }
.note											{ width: 100%; border: 1px solid #033149; padding: 0.500rem; box-sizing: border-box; }

/*hr*/
.standard									{ clear: both; color: transparent; border: none; margin-bottom: 1em; }
.nonmargin								{ clear: both; color: transparent; border: none; }

.matomo										{ width: 100%; height: 8.000rem; border: none; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 0.750rem; }