/* extra small (Phones) */
/* small (Tablets) */
/* medium (Desktops) */
/* large (larger Desktops) */
/*Löwenzahngelb*/
/*Braun*/
/*Verkehrsweiß*/
/* notwendig, weil Less unter Umständen sonst aus dem Tritt kommen kann. */

/* Klassen für die allgemeine Verwendung */

.ax-container-dt {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.ax-container-dib {
  /* einige externe Tools haben Probleme mit dem Erscheinen in einer Tabelle (z.B.: Slick) */
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.ax-display-block {
  display: block;
}
.ax-display-inline {
  display: inline;
}
.ax-display-inlineBlock {
  display: inline-block;
}
.ax-display-table {
  display: table;
}
.ax-display-tableRow {
  display: table-row;
}
.ax-display-tableCell {
  display: table-cell;
}
._additionalDisplay.ax-display-block {
  display: block;
}
._additionalDisplay.ax-display-inline {
  display: inline;
}
._additionalDisplay.ax-display-inlineBlock {
  display: inline-block;
}
._additionalDisplay.ax-display-table {
  display: table;
}
._additionalDisplay.ax-display-tableRow {
  display: table-row;
}
._additionalDisplay.ax-display-tableCell {
  display: table-cell;
}
.ax-visible-xs,
.ax-visible-sm,
.ax-visible-md,
.ax-visible-lg {
  display: none;
}
@media (max-width: 767px) {
  .ax-visible-xs {
    display: block;
  }
  .ax-visible-xs.ax-display-block {
    display: block;
  }
  .ax-visible-xs.ax-display-inline {
    display: inline;
  }
  .ax-visible-xs.ax-display-inlineBlock {
    display: inline-block;
  }
  .ax-visible-xs.ax-display-table {
    display: table;
  }
  .ax-visible-xs.ax-display-tableRow {
    display: table-row;
  }
  .ax-visible-xs.ax-display-tableCell {
    display: table-cell;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-visible-sm {
    display: block;
  }
  .ax-visible-sm.ax-display-block {
    display: block;
  }
  .ax-visible-sm.ax-display-inline {
    display: inline;
  }
  .ax-visible-sm.ax-display-inlineBlock {
    display: inline-block;
  }
  .ax-visible-sm.ax-display-table {
    display: table;
  }
  .ax-visible-sm.ax-display-tableRow {
    display: table-row;
  }
  .ax-visible-sm.ax-display-tableCell {
    display: table-cell;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-visible-md {
    display: block;
  }
  .ax-visible-md.ax-display-block {
    display: block;
  }
  .ax-visible-md.ax-display-inline {
    display: inline;
  }
  .ax-visible-md.ax-display-inlineBlock {
    display: inline-block;
  }
  .ax-visible-md.ax-display-table {
    display: table;
  }
  .ax-visible-md.ax-display-tableRow {
    display: table-row;
  }
  .ax-visible-md.ax-display-tableCell {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .ax-visible-lg {
    display: block;
  }
  .ax-visible-lg.ax-display-block {
    display: block;
  }
  .ax-visible-lg.ax-display-inline {
    display: inline;
  }
  .ax-visible-lg.ax-display-inlineBlock {
    display: inline-block;
  }
  .ax-visible-lg.ax-display-table {
    display: table;
  }
  .ax-visible-lg.ax-display-tableRow {
    display: table-row;
  }
  .ax-visible-lg.ax-display-tableCell {
    display: table-cell;
  }
}
.ax-flex-justify-content-flex-start {
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: start;
  -moz-box-pack: start;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.ax-flex-justify-content-space-between {
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ax-flex-justify-content-center {
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .ax-order-1-xs {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media (max-width: 767px) {
  .ax-order-2-xs {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media (max-width: 767px) {
  .ax-order-3-xs {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}
@media (max-width: 767px) {
  .ax-order-4-xs {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }
}
@media (max-width: 767px) {
  .ax-order-5-xs {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-order-1-sm {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-order-2-sm {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-order-3-sm {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-order-4-sm {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-order-5-sm {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-order-1-md {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-order-2-md {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-order-3-md {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-order-4-md {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-order-5-md {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }
}
@media (min-width: 1200px) {
  .ax-order-1-lg {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media (min-width: 1200px) {
  .ax-order-2-lg {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}
@media (min-width: 1200px) {
  .ax-order-3-lg {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}
@media (min-width: 1200px) {
  .ax-order-4-lg {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
  }
}
@media (min-width: 1200px) {
  .ax-order-5-lg {
    /* altes Flexboxmodel akzeptiert keine negativen Werte */
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5;
  }
}
.ax-align-childs-center-all-directions {
  display: -webkit-box;
  /* Safari < 6.1; alte iPhones */
  display: -moz-box;
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  display: flex;
  /* Elemente quer zur Achse */

  /* flex-start | center | flex-end | baseline | stretch */

  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: center;
  -moz-box-pack: center;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ax-textAlign-left {
  text-align: left;
}
.ax-textAlign-center {
  text-align: center;
}
.ax-textAlign-right {
  text-align: right;
}
@media (max-width: 767px) {
  .ax-textAlign-left-xs {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .ax-textAlign-center-xs {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .ax-textAlign-right-xs {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-textAlign-left-sm {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-textAlign-center-sm {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-textAlign-right-sm {
    text-align: right;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-textAlign-left-md {
    text-align: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-textAlign-center-md {
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-textAlign-right-md {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .ax-textAlign-left-lg {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .ax-textAlign-center-lg {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .ax-textAlign-right-lg {
    text-align: right;
  }
}
.ax-width-1t {
  width: 8.33%;
}
.ax-width-2t {
  width: 16.66%;
}
.ax-width-3t {
  width: 25%;
}
.ax-width-4t {
  width: 33.33%;
}
.ax-width-5t {
  width: 41.66%;
}
.ax-width-6t {
  width: 50%;
}
.ax-width-7t {
  width: 58.33%;
}
.ax-width-8t {
  width: 66.66%;
}
.ax-width-9t {
  width: 75%;
}
.ax-width-10t {
  width: 83.33%;
}
.ax-width-11t {
  width: 91.66%;
}
.ax-width-12t {
  width: 100%;
}
@media (max-width: 767px) {
  .ax-width-1t-when-xs {
    width: 8.33%;
  }
}
@media (max-width: 767px) {
  .ax-width-2t-when-xs {
    width: 16.66%;
  }
}
@media (max-width: 767px) {
  .ax-width-3t-when-xs {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .ax-width-4t-when-xs {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .ax-width-5t-when-xs {
    width: 41.66%;
  }
}
@media (max-width: 767px) {
  .ax-width-6t-when-xs {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .ax-width-7t-when-xs {
    width: 58.33%;
  }
}
@media (max-width: 767px) {
  .ax-width-8t-when-xs {
    width: 66.66%;
  }
}
@media (max-width: 767px) {
  .ax-width-9t-when-xs {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .ax-width-10t-when-xs {
    width: 83.33%;
  }
}
@media (max-width: 767px) {
  .ax-width-11t-when-xs {
    width: 91.66%;
  }
}
@media (max-width: 767px) {
  .ax-width-12t-when-xs {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-1t-when-sm {
    width: 8.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-2t-when-sm {
    width: 16.66%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-3t-when-sm {
    width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-4t-when-sm {
    width: 33.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-5t-when-sm {
    width: 41.66%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-6t-when-sm {
    width: 50%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-7t-when-sm {
    width: 58.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-8t-when-sm {
    width: 66.66%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-9t-when-sm {
    width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-10t-when-sm {
    width: 83.33%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-11t-when-sm {
    width: 91.66%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-width-12t-when-sm {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-1t-when-md {
    width: 8.33%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-2t-when-md {
    width: 16.66%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-3t-when-md {
    width: 25%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-4t-when-md {
    width: 33.33%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-5t-when-md {
    width: 41.66%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-6t-when-md {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-7t-when-md {
    width: 58.33%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-8t-when-md {
    width: 66.66%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-9t-when-md {
    width: 75%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-10t-when-md {
    width: 83.33%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-11t-when-md {
    width: 91.66%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-width-12t-when-md {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ax-width-1t-when-lg {
    width: 8.33%;
  }
}
@media (min-width: 1200px) {
  .ax-width-2t-when-lg {
    width: 16.66%;
  }
}
@media (min-width: 1200px) {
  .ax-width-3t-when-lg {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .ax-width-4t-when-lg {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .ax-width-5t-when-lg {
    width: 41.66%;
  }
}
@media (min-width: 1200px) {
  .ax-width-6t-when-lg {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .ax-width-7t-when-lg {
    width: 58.33%;
  }
}
@media (min-width: 1200px) {
  .ax-width-8t-when-lg {
    width: 66.66%;
  }
}
@media (min-width: 1200px) {
  .ax-width-9t-when-lg {
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .ax-width-10t-when-lg {
    width: 83.33%;
  }
}
@media (min-width: 1200px) {
  .ax-width-11t-when-lg {
    width: 91.66%;
  }
}
@media (min-width: 1200px) {
  .ax-width-12t-when-lg {
    width: 100%;
  }
}
.ax-rowContainer {
  display: -webkit-box;
  /* Safari < 6.1; alte iPhones */
  display: -moz-box;
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  display: flex;
  /* row | column |row-reverse | column-reverse */

  /* horizontal | vertical */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /*normal | reverse */
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  /* wrap | nowrap */

  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Elemente quer zur Achse */

  /* flex-start | center | flex-end | baseline | stretch */

  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: start;
  -moz-box-pack: start;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.ax-rowContainer.ax-fullHeight {
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.ax-rowContainer.ax-fullHeight.ax-fill > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .ax-rowContainer-when-xs {
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ax-rowContainer-when-xs.ax-fullHeight {
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .ax-rowContainer-when-xs.ax-fullHeight.ax-fill > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-rowContainer-when-sm {
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ax-rowContainer-when-sm.ax-fullHeight {
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .ax-rowContainer-when-sm.ax-fullHeight.ax-fill > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-rowContainer-when-md {
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ax-rowContainer-when-md.ax-fullHeight {
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .ax-rowContainer-when-md.ax-fullHeight.ax-fill > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .ax-rowContainer-when-lg {
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .ax-rowContainer-when-lg.ax-fullHeight {
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .ax-rowContainer-when-lg.ax-fullHeight.ax-fill > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
.ax-columnContainer {
  width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  /* Safari < 6.1; alte iPhones */
  display: -moz-box;
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  display: flex;
  /* row | column |row-reverse | column-reverse */

  /* horizontal | vertical */
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  /*normal | reverse */
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  /* wrap | nowrap */

  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: start;
  -moz-box-pack: start;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  /* Elemente quer zur Achse */

  /* flex-start | center | flex-end | baseline | stretch */

  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.ax-columnContainer .ax-column {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex-grow: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ax-columnContainer .ax-column-max {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex-grow: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ax-columnContainer .ax-column-equal {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex-grow: 1;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
}
@media (max-width: 767px) {
  .ax-columnContainer-when-xs {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .ax-columnContainer-when-xs .ax-column {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex-grow: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .ax-columnContainer-when-xs .ax-column-max {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .ax-columnContainer-when-xs .ax-column-equal {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ax-columnContainer-when-sm {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .ax-columnContainer-when-sm .ax-column {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex-grow: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .ax-columnContainer-when-sm .ax-column-max {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .ax-columnContainer-when-sm .ax-column-equal {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ax-columnContainer-when-md {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .ax-columnContainer-when-md .ax-column {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex-grow: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .ax-columnContainer-when-md .ax-column-max {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .ax-columnContainer-when-md .ax-column-equal {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
  }
}
@media (min-width: 1200px) {
  .ax-columnContainer-when-lg {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    /* Safari < 6.1; alte iPhones */
    display: -moz-box;
    display: -ms-flexbox;
    /* IE10 */
    display: -webkit-flex;
    display: flex;
    /* row | column |row-reverse | column-reverse */
  
    /* horizontal | vertical */
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    /*normal | reverse */
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    /* wrap | nowrap */
  
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /* Elemente innerhalb einer Achse */
  
    /* flex-start | flex-end | space-between | center | space-around */
  
    /* start | end | center | justify */
    -webkit-box-pack: start;
    -moz-box-pack: start;
    /* start | center | end | justify | distribute */
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /* Elemente quer zur Achse */
  
    /* flex-start | center | flex-end | baseline | stretch */
  
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .ax-columnContainer-when-lg .ax-column {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex-grow: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .ax-columnContainer-when-lg .ax-column-max {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .ax-columnContainer-when-lg .ax-column-equal {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-grow: 1;
    -webkit-flex: 1 1 0%;
    flex: 1 1 0%;
  }
}
.ax-flex-align-items-flex-end {
  /* Elemente quer zur Achse */

  /* flex-start | center | flex-end | baseline | stretch */

  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.ax-flex-align-items-center {
  /* Elemente quer zur Achse */

  /* flex-start | center | flex-end | baseline | stretch */

  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ax-flex-align-items-stretch {
  /* Elemente quer zur Achse */

  /* flex-start | center | flex-end | baseline | stretch */

  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.ax-flex-flex-grow-0 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
}
.ax-flex-flex-grow-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.ax-flex-flex-grow-2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2;
  -webkit-flex-grow: 2;
  flex-grow: 2;
}
.ax-flex-flex-grow-3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  -webkit-flex-grow: 3;
  flex-grow: 3;
}
.ax-flex-flex-grow-4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-flex: 4;
  -webkit-flex-grow: 4;
  flex-grow: 4;
}
.ax-flex-flex-grow-5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -ms-flex: 5;
  -webkit-flex-grow: 5;
  flex-grow: 5;
}
.ax-flex-flex-grow-6 {
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  -ms-flex: 6;
  -webkit-flex-grow: 6;
  flex-grow: 6;
}
.ax-flex-flex-grow-7 {
  -webkit-box-flex: 7;
  -moz-box-flex: 7;
  -ms-flex: 7;
  -webkit-flex-grow: 7;
  flex-grow: 7;
}
.ax-flex-flex-grow-8 {
  -webkit-box-flex: 8;
  -moz-box-flex: 8;
  -ms-flex: 8;
  -webkit-flex-grow: 8;
  flex-grow: 8;
}
.ax-flex-flex-grow-9 {
  -webkit-box-flex: 9;
  -moz-box-flex: 9;
  -ms-flex: 9;
  -webkit-flex-grow: 9;
  flex-grow: 9;
}
.ax-flex-flex-grow-10 {
  -webkit-box-flex: 10;
  -moz-box-flex: 10;
  -ms-flex: 10;
  -webkit-flex-grow: 10;
  flex-grow: 10;
}
.ax-flex-flex-grow-11 {
  -webkit-box-flex: 11;
  -moz-box-flex: 11;
  -ms-flex: 11;
  -webkit-flex-grow: 11;
  flex-grow: 11;
}
.ax-flex-flex-grow-12 {
  -webkit-box-flex: 12;
  -moz-box-flex: 12;
  -ms-flex: 12;
  -webkit-flex-grow: 12;
  flex-grow: 12;
}
.ax-flex-flex-basis-auto {
  /* altes Flexboxmodel beherrscht dies nicht */
  /* (length) | main-size(width order height ja nach flex-direction) | default: auto */
  -webkit-flex-basis: auto;
  flex-basis: auto;
}
.ax-flex-flex-basis-0 {
  /* altes Flexboxmodel beherrscht dies nicht */
  /* (length) | main-size(width order height ja nach flex-direction) | default: auto */
  -webkit-flex-basis: 0;
  flex-basis: 0;
}
.ax-white-space-nowrap {
  white-space: nowrap;
}

html {
  height: 100%;
}
.za-body {
  display: -webkit-box;
  /* Safari < 6.1; alte iPhones */
  display: -moz-box;
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  display: flex;
  /* row | column |row-reverse | column-reverse */

  /* horizontal | vertical */
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  /*normal | reverse */
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  /* wrap | nowrap */

  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  /* Elemente innerhalb einer Achse */

  /* flex-start | flex-end | space-between | center | space-around */

  /* start | end | center | justify */
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  /* start | center | end | justify | distribute */
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  /* Elemente quer zur Achse */

  /* flex-start | center | flex-end | baseline | stretch */

  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f6f6f6;
}
.za-body .za-nav-bar {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex-grow: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: white;
  display: -webkit-box;
  /* Safari < 6.1; alte iPhones */
  display: -moz-box;
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  display: flex;
  /* row | column |row-reverse | column-reverse */

  /* horizontal | vertical */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /*normal | reverse */
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0 20px;
}
.za-body .za-nav-bar .za-nav {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex-grow: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.za-body .za-nav-bar .za-logo-area {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex-grow: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
}
.za-body .za-nav-bar .za-version {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex-grow: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: 30px;
  padding: 0 10px;
  color: #aaaaaa;
  text-align: center;
  padding-bottom: 5px;
}
.za-body .za-nav-bar .za-version > .za-version-txt {
  text-align: right;
}
.za-body .za-col-main {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex-grow: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  /* Safari < 6.1; alte iPhones */
  display: -moz-box;
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  display: flex;
  /* row | column |row-reverse | column-reverse */

  /* horizontal | vertical */
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  /*normal | reverse */
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.za-body .za-col-main .za-main {
  overflow: auto;
}
.za-status {
  display: inline-block;
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 80%;
  line-height: 100%;
}
.za-status.za-status-100 {
  background: blue;
  color: white;
  font-style: italic;
}
.za-status.za-status-110 {
  background: blue;
  color: yellow;
  font-style: italic;
  font-weight: bold;
}
.za-status.za-status-150 {
  background: blue;
  color: lawngreen;
  font-style: italic;
  font-weight: bold;
}
.za-status.za-status-190 {
  background: blue;
  color: yellow;
  font-style: italic;
  font-weight: bold;
}
.za-status.za-status-200 {
  background: green;
  color: white;
  font-weight: bold;
}
.za-status.za-status-210 {
  background: green;
  color: white;
  font-style: italic;
  font-weight: bold;
}
.za-status.za-status-250 {
  background: red;
  color: white;
}
.za-status.za-status-280 {
  background: green;
  color: yellow;
  font-weight: bold;
}
.za-status.za-status-290 {
  background-color: darkseagreen;
  color: whitesmoke;
  font-weight: bold;
}
.za-status.za-status-300 {
  background: darkviolet;
  color: white;
  font-style: italic;
}
.za-status.za-status-400 {
  background: darkgrey;
  color: white;
}
.za-status.za-status-410 {
  background: lightgrey;
  color: green;
}
.za-status.za-status-420 {
  background: black;
  color: white;
  font-weight: bold;
}
.za-status.za-status-500 {
  background: lightgray;
  color: darkgray;
}

.za-nvceditor {
  position: relative;
}
.za-nvceditor > textarea {
  position: relative;
  z-index: 1;
  color: transparent !important;
  background: transparent !important;
  caret-color: black;
  overflow: auto;
  white-space: nowrap;
}
.za-nvceditor > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  overflow: auto;
  white-space: nowrap;
}
input::placeholder {
  font-style: italic;
  color: #777777;
}
.za-font-reset {
  color: black;
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Noto Sans', sans-serif;
  font-size: 16px;
}
a {
  color: #bc7f08;
  text-decoration: underline;
}
a:hover,
a:active {
  color: #ffc14a;
}
p {
  margin: 8px 0;
}
.field-validation-error {
  color: red;
}
.input-validation-error {
  border-color: red;
  box-shadow: 0 0 5px red;
}
.za-fragebogen-prototyp .za-visible-onhover > * {
  opacity: 0.1;
  transition: opacity linear 100ms;
}
.za-fragebogen-prototyp .za-visible-onhover:hover > * {
  opacity: 1;
  transition: opacity linear 100ms;
}
.za-fragebogen-prototyp .za-seitenumbruch {
  border-top: dashed 2px silver;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}