@charset "utf-8";
@import url('/assets/css/style.css');
@import url('/assets/css/navi.css');
@import url('/assets/css/form.css');
@import url('/assets/css/button.css');
@import url('/assets/fontawesome/css/all.min.css');
@import url('/assets/css/coco.min.css');
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; font-display: swap; src: url(/assets/fonts/Lato-italic-400.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: 'Lato'; font-style: italic; font-weight: 700; font-display: swap; src: url(/assets/fonts/Lato-italic-700.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: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/Lato-normal-400.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: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/Lato-normal-700.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: 'Karla'; font-style: normal; font-weight: 400; font-display: swap; src: url(/assets/fonts/karla.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: 'Karla'; font-style: normal; font-weight: 500; font-display: swap; src: url(/assets/fonts/karla.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: 'Karla'; font-style: normal; font-weight: 600; font-display: swap; src: url(/assets/fonts/karla.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: 'Karla'; font-style: normal; font-weight: 700; font-display: swap; src: url(/assets/fonts/karla.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; background: #ffffff; font-family: "Lato", sans-serif; }
header											{ width: 100%; z-index: 0; }
nav													{ width: 100%; top: 0; position: fixed; z-index: 1; background: #ffffff; box-shadow: 4px 0px 8px #000; }
main												{ width: 100%; min-height: 800px; }
footer											{ width: 100%; background: #333333; border-top: 1px solid #f69608; min-height: 300px; }

teaser											{ background: #efefef; border-bottom: 1px solid #f69608; }

/* Farben global */
.accent											{ background: #f69608; color: #000; }

/* 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; }
.flexcentered								{ display: flex; align-items: center; justify-content: center; }
.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: 0; }
.mabo50											{ margin-bottom: 0.500rem; }
.mabo15											{ margin-bottom: 1.500rem; }
.matobo											{ margin: 1.500rem 0; }
.matobo50										{ margin: 0.500rem 0; }

/* hr classen */
.transparent								{ clear: both; width: 100%; display: block; color: transparent; border: none; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
.style											{ clear: both; height: 5px; background: #f69608; border: none; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
.hrborder										{ clear: both; width: 100%; display: block; color: transparent; border-top: 1px solid #f69608; border-right: 0; border-bottom: 0; border-left: 0; }