/* ------------------------------------------------------------------------- */
/* Framework "iuStyles" is in version 0.1 | (c) iucon GmbH
/* ------------------------------------------------------------------------- */
:root {
  /* COLORS */
  /* neutral colors */
  --replace("white", " ", "-"): #fff;
  --replace("titanium", " ", "-"): #f9f9f9;
  --replace("chromium", " ", "-"): #d4d4d4;
  --replace("quicksilver", " ", "-"): #c0c0c0;
  --replace("graphite", " ", "-"): #696969;
  --replace("anthrazit", " ", "-"): #454d50;
  /* utility colors */
  --replace("info", " ", "-"): #3d75d2;
  --replace("warning", " ", "-"): #fbb23f;
  --replace("success", " ", "-"): #90c154;
  --replace("danger", " ", "-"): #df2727;
  /* social media colors */
  --replace("facebook", " ", "-"): #3b5998;
  --replace("twitter", " ", "-"): #55acee;
  --replace("xing", " ", "-"): #01615D;
  --replace("linkedin", " ", "-"): #007bb5;
  --replace("youtube", " ", "-"): #ff0000;
  /* DEFAULT SETTINGS */
  /* bases settings */
  --bases-rem: 10;
  --bases-em: 14;
  --bases-px: 14;
  --bases-pt: 1.33333;
  --bases-lh: 1.6;
  /* stack settings */
  --stack-modal: 9001;
  --stack-overlay: 8000;
  --stack-header: 90;
  --stack-flyout: 80;
  /* spacer settings */
  --spacer-base: 5; }

.modal-content {
  padding: 5px; }

.modal-header, .modal-body, .modal-footer {
  padding: 15px; }

.modal-footer {
  display: flex;
  justify-content: space-around; }
  .modal-footer button.btn {
    cursor: pointer; }

.modal .close {
  font-size: 1.4em;
  font-weight: bold; }

.Loading {
  position: absolute;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff; }
  .Loading_text {
    font-size: 2rem; }
  .Loading svg {
    font-size: 3rem; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 0; }

.acc {
  max-width: 1000px;
  margin: auto; }

.acc.fade > article {
  opacity: 0;
  visibility: hidden;
  display: none; }

.acc.fold > article {
  max-height: 0;
  overflow: hidden; }

body {
  /*-webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;*/
  color: #410; }

.acc {
  border: 1px solid #410; }
  .acc + .acc {
    border-top: none; }
  .acc > header {
    background-image: linear-gradient(#fc9, #963 75%);
    box-shadow: 0px 10px 20px -10px #fff inset;
    padding: 15px;
    cursor: pointer; }
    .acc > header > * {
      margin: 0;
      text-shadow: 0 1px 0px #fc9; }
    .acc > header:hover {
      color: #563; }
  .acc > article {
    background-color: #fed; }
    .acc > article > header {
      border-top: 1px solid #410; }
    .acc > article > div, .acc > article > header {
      padding: 15px; }

.iu_dialog_shadow {
  background-color: rgba(22, 22, 22, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
  z-index: 999; }
  .iu_dialog_shadow.center, .iu_dialog_shadow.middle {
    align-items: center; }
  .iu_dialog_shadow.bottom {
    align-items: flex-end; }
  .iu_dialog_shadow .iu_dialog {
    background-color: whitesmoke;
    width: 100%;
    max-width: 420px;
    min-height: 200px;
    padding: 1% 2%; }
    @media only screen and (min-width: 576px) {
      .iu_dialog_shadow .iu_dialog {
        min-width: 420px;
        width: 50%; } }
    .iu_dialog_shadow .iu_dialog_header {
      font-size: 1.2rem;
      display: flex;
      justify-content: space-between; }
      .iu_dialog_shadow .iu_dialog_header a {
        cursor: pointer; }