@charset "utf-8";
@import url('/assets/css/coco.min.css');
@import url('/assets/css/desktop.css');
@import url('/assets/css/form.css');
@import url('/assets/css/media_1120.css');
@import url('/assets/css/media_1024.css');
@import url('/assets/css/media_740.css');
@import url('/assets/css/media_520.css');
@import url('/assets/css/scrollbar.css');

@import url('/assets/css/fontawesome.css');
@import url('/assets/css/lightcase.css');
@font-face {
  font-family: 'Livvic';
  font-style: normal;
  font-weight: 400;
  src: local('Livvic Regular'), local('Livvic-Regular'), url(/assets/fonts/livvic-latin-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: 'Livvic';
  font-style: normal;
  font-weight: 500;
  src: local('Livvic Medium'), local('Livvic-Medium'), url(/assets/fonts/livvic-latin-500.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: 'Livvic';
  font-style: normal;
  font-weight: 700;
  src: local('Livvic Bold'), local('Livvic-Bold'), url(/assets/fonts/livvic-latin-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;
}

*                       { margin: 0; padding: 0; }
body, html              { background-color: #f2f0f1; color: #4d4d4d; font-family: 'Livvic', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; outline: none; }
.bbx                    { box-sizing: border-box!important; -webkit-box-sizing: border-box!important; }
a												{ color: #9e6f8e; display: inline-block; text-decoration: none; margin: 0 auto; transition: all ease 0.1s; }
a:hover									{ cursor: pointer; transition: all ease 0.1s; }
.middle									{ width: auto; text-align: center !important; display: inline-block; }
b, strong								{ font-weight: 500; }
hr											{ border: none; clear: both; display: block; height: 0; margin: 0.5rem 0; width: 100%; }
img											{ display: block; height: auto; object-fit: cover; max-width: 100%; }
header                  { width: 100%; background: #ffffff; }
main                    { width: 100%; padding: 2rem 0; min-height: 500px; }
footer                  { width: 100%; background: #ffffff; border-top: 1px solid #9e6f8e; }

/* Flexboxen */
/*
.flex										{ width: 100%; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
*/
.flex										{ display: flex; flex-wrap: wrap; }
.flexspace              { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexstart              { display: flex; flex-wrap: wrap; align-content: flex-start; }
.flexaround             { display: flex; flex-wrap: wrap; justify-content: space-around; }
.flexend								{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flexcenter             { display: flex; flex-wrap: wrap; justify-content: center; }
.flexpremium						{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around;  }

/* Meldungen */
.alert                  { width: 100%; margin: 0 auto 0.500rem; padding: 0.750rem; border: 1px solid #dadada; border-radius: 5px; box-shadow: 0 0 2px 0 #dadada inset; display: block; font-size: 1rem; }

/* Farben, Backgrounds */
.orange									{ background: #f9b13f; color: #000; }
.red										{ background: #ff9999; color: #000; }
.green									{ background: #99cc66; color: #000; }
.lightgrey							{ color: #aaaaaa; }
.purple									{ color: #9e6f8e; }

/* Diverses */
.note                   { display: block; font-size: 0.75rem; font-style: italic; margin-bottom: 1rem; max-width: 35rem; width: 100%; }
.underline              { color: #9e6f8e; border-bottom: 1px solid #9e6f8e; font-size: 1rem;}
.underline:hover        { color: #aaaaaa; border-bottom: 1px solid #aaaaaa; font-size: 1rem;}
.upper                  { text-transform: uppercase; }
.small									{ font-size: 0.75rem; }
.labels									{ float: left; width: 150px; height: 40px; display: block; margin-bottom: 1em; }
.border									{ border: none; border-bottom: 3px solid #dadada; margin: 1rem 0 2rem; width: 100%; }
.margin									{ border: none; margin: 1rem 0 3rem; width: 100%; }