@charset "UTF-8";
[class*=grid-], [class*=grid_], [class~=grid] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.5rem;
}
[class*=col-], [class*=col_], [class~=col] {
  box-sizing: border-box;
  padding: 0 0.5rem 1rem;
  max-width: 100%;
}
[class*=col_], [class~=col] {
  flex: 1 1 0%;
}
[class*=col-] {
  flex: none;
}
[class*=grid-][class*=col-], [class*=grid-][class*=col_], [class*=grid-][class~=col], [class*=grid_][class*=col-], [class*=grid_][class*=col_], [class*=grid_][class~=col], [class~=grid][class*=col-], [class~=grid][class*=col_], [class~=grid][class~=col] {
  margin: 0;
  padding: 0;
}
[class*=grid-][class*=-noGutter] {
  margin: 0;
}
[class*=grid-][class*=-noGutter] > [class*=col-], [class*=grid-][class*=-noGutter] > [class~=col] {
  padding: 0;
}
[class*=grid-][class*=-noWrap] {
  flex-wrap: nowrap;
}
[class*=grid-][class*=-center] {
  justify-content: center;
}
[class*=grid-][class*=-right] {
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto;
}
[class*=grid-][class*=-top] {
  align-items: flex-start;
}
[class*=grid-][class*=-middle] {
  align-items: center;
}
[class*=grid-][class*=-bottom] {
  align-items: flex-end;
}
[class*=grid-][class*=-reverse] {
  flex-direction: row-reverse;
}
[class*=grid-][class*=-column] {
  flex-direction: column;
}
[class*=grid-][class*=-column] > [class*=col-] {
  flex-basis: auto;
}
[class*=grid-][class*=-column-reverse] {
  flex-direction: column-reverse;
}
[class*=grid-][class*=-spaceBetween] {
  justify-content: space-between;
}
[class*=grid-][class*=-spaceAround] {
  justify-content: space-around;
}
[class*=grid-][class*=-equalHeight] > [class*=col-], [class*=grid-][class*=-equalHeight] > [class*=col_], [class*=grid-][class*=-equalHeight] > [class~=col] {
  align-self: stretch;
}
[class*=grid-][class*=-equalHeight] > [class*=col-] > *, [class*=grid-][class*=-equalHeight] > [class*=col_] > *, [class*=grid-][class*=-equalHeight] > [class~=col] > * {
  height: 100%;
}
[class*=grid-][class*=-noBottom] > [class*=col-], [class*=grid-][class*=-noBottom] > [class*=col_], [class*=grid-][class*=-noBottom] > [class~=col] {
  padding-bottom: 0;
}
[class*=col-][class*=-top] {
  align-self: flex-start;
}
[class*=col-][class*=-middle] {
  align-self: center;
}
[class*=col-][class*=-bottom] {
  align-self: flex-end;
}
[class*=col-][class*=-first] {
  order: -1;
}
[class*=col-][class*=-last] {
  order: 1;
}
[class*=grid-1] > [class*=col-], [class*=grid-1] > [class*=col_], [class*=grid-1] > [class~=col] {
  flex-basis: 100%;
  max-width: 100%;
}
[class*=grid-2] > [class*=col-], [class*=grid-2] > [class*=col_], [class*=grid-2] > [class~=col] {
  flex-basis: 50%;
  max-width: 50%;
}
[class*=grid-3] > [class*=col-], [class*=grid-3] > [class*=col_], [class*=grid-3] > [class~=col] {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}
[class*=grid-4] > [class*=col-], [class*=grid-4] > [class*=col_], [class*=grid-4] > [class~=col] {
  flex-basis: 25%;
  max-width: 25%;
}
[class*=grid-5] > [class*=col-], [class*=grid-5] > [class*=col_], [class*=grid-5] > [class~=col] {
  flex-basis: 20%;
  max-width: 20%;
}
[class*=grid-6] > [class*=col-], [class*=grid-6] > [class*=col_], [class*=grid-6] > [class~=col] {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}
[class*=grid-7] > [class*=col-], [class*=grid-7] > [class*=col_], [class*=grid-7] > [class~=col] {
  flex-basis: 14.28571%;
  max-width: 14.28571%;
}
[class*=grid-8] > [class*=col-], [class*=grid-8] > [class*=col_], [class*=grid-8] > [class~=col] {
  flex-basis: 12.5%;
  max-width: 12.5%;
}
[class*=grid-9] > [class*=col-], [class*=grid-9] > [class*=col_], [class*=grid-9] > [class~=col] {
  flex-basis: 11.11111%;
  max-width: 11.11111%;
}
[class*=grid-10] > [class*=col-], [class*=grid-10] > [class*=col_], [class*=grid-10] > [class~=col] {
  flex-basis: 10%;
  max-width: 10%;
}
[class*=grid-11] > [class*=col-], [class*=grid-11] > [class*=col_], [class*=grid-11] > [class~=col] {
  flex-basis: 9.09091%;
  max-width: 9.09091%;
}
[class*=grid-12] > [class*=col-], [class*=grid-12] > [class*=col_], [class*=grid-12] > [class~=col] {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}
@media (max-width: 80em) {
  [class*=_lg-1] > [class*=col-], [class*=_lg-1] > [class*=col_], [class*=_lg-1] > [class~=col] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_lg-2] > [class*=col-], [class*=_lg-2] > [class*=col_], [class*=_lg-2] > [class~=col] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_lg-3] > [class*=col-], [class*=_lg-3] > [class*=col_], [class*=_lg-3] > [class~=col] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=_lg-4] > [class*=col-], [class*=_lg-4] > [class*=col_], [class*=_lg-4] > [class~=col] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_lg-5] > [class*=col-], [class*=_lg-5] > [class*=col_], [class*=_lg-5] > [class~=col] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_lg-6] > [class*=col-], [class*=_lg-6] > [class*=col_], [class*=_lg-6] > [class~=col] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=_lg-7] > [class*=col-], [class*=_lg-7] > [class*=col_], [class*=_lg-7] > [class~=col] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*=_lg-8] > [class*=col-], [class*=_lg-8] > [class*=col_], [class*=_lg-8] > [class~=col] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_lg-9] > [class*=col-], [class*=_lg-9] > [class*=col_], [class*=_lg-9] > [class~=col] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*=_lg-10] > [class*=col-], [class*=_lg-10] > [class*=col_], [class*=_lg-10] > [class~=col] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_lg-11] > [class*=col-], [class*=_lg-11] > [class*=col_], [class*=_lg-11] > [class~=col] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*=_lg-12] > [class*=col-], [class*=_lg-12] > [class*=col_], [class*=_lg-12] > [class~=col] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}
@media (max-width: 64em) {
  [class*=_md-1] > [class*=col-], [class*=_md-1] > [class*=col_], [class*=_md-1] > [class~=col] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_md-2] > [class*=col-], [class*=_md-2] > [class*=col_], [class*=_md-2] > [class~=col] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_md-3] > [class*=col-], [class*=_md-3] > [class*=col_], [class*=_md-3] > [class~=col] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=_md-4] > [class*=col-], [class*=_md-4] > [class*=col_], [class*=_md-4] > [class~=col] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_md-5] > [class*=col-], [class*=_md-5] > [class*=col_], [class*=_md-5] > [class~=col] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_md-6] > [class*=col-], [class*=_md-6] > [class*=col_], [class*=_md-6] > [class~=col] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=_md-7] > [class*=col-], [class*=_md-7] > [class*=col_], [class*=_md-7] > [class~=col] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*=_md-8] > [class*=col-], [class*=_md-8] > [class*=col_], [class*=_md-8] > [class~=col] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_md-9] > [class*=col-], [class*=_md-9] > [class*=col_], [class*=_md-9] > [class~=col] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*=_md-10] > [class*=col-], [class*=_md-10] > [class*=col_], [class*=_md-10] > [class~=col] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_md-11] > [class*=col-], [class*=_md-11] > [class*=col_], [class*=_md-11] > [class~=col] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*=_md-12] > [class*=col-], [class*=_md-12] > [class*=col_], [class*=_md-12] > [class~=col] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}
@media (max-width: 48em) {
  [class*=_sm-1] > [class*=col-], [class*=_sm-1] > [class*=col_], [class*=_sm-1] > [class~=col] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_sm-2] > [class*=col-], [class*=_sm-2] > [class*=col_], [class*=_sm-2] > [class~=col] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_sm-3] > [class*=col-], [class*=_sm-3] > [class*=col_], [class*=_sm-3] > [class~=col] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=_sm-4] > [class*=col-], [class*=_sm-4] > [class*=col_], [class*=_sm-4] > [class~=col] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_sm-5] > [class*=col-], [class*=_sm-5] > [class*=col_], [class*=_sm-5] > [class~=col] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_sm-6] > [class*=col-], [class*=_sm-6] > [class*=col_], [class*=_sm-6] > [class~=col] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=_sm-7] > [class*=col-], [class*=_sm-7] > [class*=col_], [class*=_sm-7] > [class~=col] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*=_sm-8] > [class*=col-], [class*=_sm-8] > [class*=col_], [class*=_sm-8] > [class~=col] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_sm-9] > [class*=col-], [class*=_sm-9] > [class*=col_], [class*=_sm-9] > [class~=col] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*=_sm-10] > [class*=col-], [class*=_sm-10] > [class*=col_], [class*=_sm-10] > [class~=col] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_sm-11] > [class*=col-], [class*=_sm-11] > [class*=col_], [class*=_sm-11] > [class~=col] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*=_sm-12] > [class*=col-], [class*=_sm-12] > [class*=col_], [class*=_sm-12] > [class~=col] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}
@media (max-width: 36em) {
  [class*=_xs-1] > [class*=col-], [class*=_xs-1] > [class*=col_], [class*=_xs-1] > [class~=col] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=_xs-2] > [class*=col-], [class*=_xs-2] > [class*=col_], [class*=_xs-2] > [class~=col] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=_xs-3] > [class*=col-], [class*=_xs-3] > [class*=col_], [class*=_xs-3] > [class~=col] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=_xs-4] > [class*=col-], [class*=_xs-4] > [class*=col_], [class*=_xs-4] > [class~=col] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=_xs-5] > [class*=col-], [class*=_xs-5] > [class*=col_], [class*=_xs-5] > [class~=col] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*=_xs-6] > [class*=col-], [class*=_xs-6] > [class*=col_], [class*=_xs-6] > [class~=col] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=_xs-7] > [class*=col-], [class*=_xs-7] > [class*=col_], [class*=_xs-7] > [class~=col] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }
  [class*=_xs-8] > [class*=col-], [class*=_xs-8] > [class*=col_], [class*=_xs-8] > [class~=col] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*=_xs-9] > [class*=col-], [class*=_xs-9] > [class*=col_], [class*=_xs-9] > [class~=col] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }
  [class*=_xs-10] > [class*=col-], [class*=_xs-10] > [class*=col_], [class*=_xs-10] > [class~=col] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*=_xs-11] > [class*=col-], [class*=_xs-11] > [class*=col_], [class*=_xs-11] > [class~=col] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }
  [class*=_xs-12] > [class*=col-], [class*=_xs-12] > [class*=col_], [class*=_xs-12] > [class~=col] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}
[class*=grid-] > [class*=col-1], [class*=grid_] > [class*=col-1], [class~=grid] > [class*=col-1] {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}
[class*=grid-] > [class*=col-2], [class*=grid_] > [class*=col-2], [class~=grid] > [class*=col-2] {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}
[class*=grid-] > [class*=col-3], [class*=grid_] > [class*=col-3], [class~=grid] > [class*=col-3] {
  flex-basis: 25%;
  max-width: 25%;
}
[class*=grid-] > [class*=col-4], [class*=grid_] > [class*=col-4], [class~=grid] > [class*=col-4] {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}
[class*=grid-] > [class*=col-5], [class*=grid_] > [class*=col-5], [class~=grid] > [class*=col-5] {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}
[class*=grid-] > [class*=col-6], [class*=grid_] > [class*=col-6], [class~=grid] > [class*=col-6] {
  flex-basis: 50%;
  max-width: 50%;
}
[class*=grid-] > [class*=col-7], [class*=grid_] > [class*=col-7], [class~=grid] > [class*=col-7] {
  flex-basis: 58.33333%;
  max-width: 58.33333%;
}
[class*=grid-] > [class*=col-8], [class*=grid_] > [class*=col-8], [class~=grid] > [class*=col-8] {
  flex-basis: 66.66667%;
  max-width: 66.66667%;
}
[class*=grid-] > [class*=col-9], [class*=grid_] > [class*=col-9], [class~=grid] > [class*=col-9] {
  flex-basis: 75%;
  max-width: 75%;
}
[class*=grid-] > [class*=col-10], [class*=grid_] > [class*=col-10], [class~=grid] > [class*=col-10] {
  flex-basis: 83.33333%;
  max-width: 83.33333%;
}
[class*=grid-] > [class*=col-11], [class*=grid_] > [class*=col-11], [class~=grid] > [class*=col-11] {
  flex-basis: 91.66667%;
  max-width: 91.66667%;
}
[class*=grid-] > [class*=col-12], [class*=grid_] > [class*=col-12], [class~=grid] > [class*=col-12] {
  flex-basis: 100%;
  max-width: 100%;
}
[class*=grid-] > [data-push-left*=off-0], [class*=grid_] > [data-push-left*=off-0], [class~=grid] > [data-push-left*=off-0] {
  margin-left: 0;
}
[class*=grid-] > [data-push-left*=off-1], [class*=grid_] > [data-push-left*=off-1], [class~=grid] > [data-push-left*=off-1] {
  margin-left: 8.33333%;
}
[class*=grid-] > [data-push-left*=off-2], [class*=grid_] > [data-push-left*=off-2], [class~=grid] > [data-push-left*=off-2] {
  margin-left: 16.66667%;
}
[class*=grid-] > [data-push-left*=off-3], [class*=grid_] > [data-push-left*=off-3], [class~=grid] > [data-push-left*=off-3] {
  margin-left: 25%;
}
[class*=grid-] > [data-push-left*=off-4], [class*=grid_] > [data-push-left*=off-4], [class~=grid] > [data-push-left*=off-4] {
  margin-left: 33.33333%;
}
[class*=grid-] > [data-push-left*=off-5], [class*=grid_] > [data-push-left*=off-5], [class~=grid] > [data-push-left*=off-5] {
  margin-left: 41.66667%;
}
[class*=grid-] > [data-push-left*=off-6], [class*=grid_] > [data-push-left*=off-6], [class~=grid] > [data-push-left*=off-6] {
  margin-left: 50%;
}
[class*=grid-] > [data-push-left*=off-7], [class*=grid_] > [data-push-left*=off-7], [class~=grid] > [data-push-left*=off-7] {
  margin-left: 58.33333%;
}
[class*=grid-] > [data-push-left*=off-8], [class*=grid_] > [data-push-left*=off-8], [class~=grid] > [data-push-left*=off-8] {
  margin-left: 66.66667%;
}
[class*=grid-] > [data-push-left*=off-9], [class*=grid_] > [data-push-left*=off-9], [class~=grid] > [data-push-left*=off-9] {
  margin-left: 75%;
}
[class*=grid-] > [data-push-left*=off-10], [class*=grid_] > [data-push-left*=off-10], [class~=grid] > [data-push-left*=off-10] {
  margin-left: 83.33333%;
}
[class*=grid-] > [data-push-left*=off-11], [class*=grid_] > [data-push-left*=off-11], [class~=grid] > [data-push-left*=off-11] {
  margin-left: 91.66667%;
}
[class*=grid-] > [data-push-right*=off-0], [class*=grid_] > [data-push-right*=off-0], [class~=grid] > [data-push-right*=off-0] {
  margin-right: 0;
}
[class*=grid-] > [data-push-right*=off-1], [class*=grid_] > [data-push-right*=off-1], [class~=grid] > [data-push-right*=off-1] {
  margin-right: 8.33333%;
}
[class*=grid-] > [data-push-right*=off-2], [class*=grid_] > [data-push-right*=off-2], [class~=grid] > [data-push-right*=off-2] {
  margin-right: 16.66667%;
}
[class*=grid-] > [data-push-right*=off-3], [class*=grid_] > [data-push-right*=off-3], [class~=grid] > [data-push-right*=off-3] {
  margin-right: 25%;
}
[class*=grid-] > [data-push-right*=off-4], [class*=grid_] > [data-push-right*=off-4], [class~=grid] > [data-push-right*=off-4] {
  margin-right: 33.33333%;
}
[class*=grid-] > [data-push-right*=off-5], [class*=grid_] > [data-push-right*=off-5], [class~=grid] > [data-push-right*=off-5] {
  margin-right: 41.66667%;
}
[class*=grid-] > [data-push-right*=off-6], [class*=grid_] > [data-push-right*=off-6], [class~=grid] > [data-push-right*=off-6] {
  margin-right: 50%;
}
[class*=grid-] > [data-push-right*=off-7], [class*=grid_] > [data-push-right*=off-7], [class~=grid] > [data-push-right*=off-7] {
  margin-right: 58.33333%;
}
[class*=grid-] > [data-push-right*=off-8], [class*=grid_] > [data-push-right*=off-8], [class~=grid] > [data-push-right*=off-8] {
  margin-right: 66.66667%;
}
[class*=grid-] > [data-push-right*=off-9], [class*=grid_] > [data-push-right*=off-9], [class~=grid] > [data-push-right*=off-9] {
  margin-right: 75%;
}
[class*=grid-] > [data-push-right*=off-10], [class*=grid_] > [data-push-right*=off-10], [class~=grid] > [data-push-right*=off-10] {
  margin-right: 83.33333%;
}
[class*=grid-] > [data-push-right*=off-11], [class*=grid_] > [data-push-right*=off-11], [class~=grid] > [data-push-right*=off-11] {
  margin-right: 91.66667%;
}
@media (max-width: 80em) {
  [class*=grid-] > [class*=_lg-1], [class*=grid_] > [class*=_lg-1], [class~=grid] > [class*=_lg-1] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class*=grid-] > [class*=_lg-2], [class*=grid_] > [class*=_lg-2], [class~=grid] > [class*=_lg-2] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=grid-] > [class*=_lg-3], [class*=grid_] > [class*=_lg-3], [class~=grid] > [class*=_lg-3] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid-] > [class*=_lg-4], [class*=grid_] > [class*=_lg-4], [class~=grid] > [class*=_lg-4] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=grid-] > [class*=_lg-5], [class*=grid_] > [class*=_lg-5], [class~=grid] > [class*=_lg-5] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class*=grid-] > [class*=_lg-6], [class*=grid_] > [class*=_lg-6], [class~=grid] > [class*=_lg-6] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid-] > [class*=_lg-7], [class*=grid_] > [class*=_lg-7], [class~=grid] > [class*=_lg-7] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class*=grid-] > [class*=_lg-8], [class*=grid_] > [class*=_lg-8], [class~=grid] > [class*=_lg-8] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class*=grid-] > [class*=_lg-9], [class*=grid_] > [class*=_lg-9], [class~=grid] > [class*=_lg-9] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid-] > [class*=_lg-10], [class*=grid_] > [class*=_lg-10], [class~=grid] > [class*=_lg-10] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class*=grid-] > [class*=_lg-11], [class*=grid_] > [class*=_lg-11], [class~=grid] > [class*=_lg-11] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class*=grid-] > [class*=_lg-12], [class*=grid_] > [class*=_lg-12], [class~=grid] > [class*=_lg-12] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid-] > [data-push-left*=_lg-0], [class*=grid_] > [data-push-left*=_lg-0], [class~=grid] > [data-push-left*=_lg-0] {
    margin-left: 0;
  }
  [class*=grid-] > [data-push-left*=_lg-1], [class*=grid_] > [data-push-left*=_lg-1], [class~=grid] > [data-push-left*=_lg-1] {
    margin-left: 8.33333%;
  }
  [class*=grid-] > [data-push-left*=_lg-2], [class*=grid_] > [data-push-left*=_lg-2], [class~=grid] > [data-push-left*=_lg-2] {
    margin-left: 16.66667%;
  }
  [class*=grid-] > [data-push-left*=_lg-3], [class*=grid_] > [data-push-left*=_lg-3], [class~=grid] > [data-push-left*=_lg-3] {
    margin-left: 25%;
  }
  [class*=grid-] > [data-push-left*=_lg-4], [class*=grid_] > [data-push-left*=_lg-4], [class~=grid] > [data-push-left*=_lg-4] {
    margin-left: 33.33333%;
  }
  [class*=grid-] > [data-push-left*=_lg-5], [class*=grid_] > [data-push-left*=_lg-5], [class~=grid] > [data-push-left*=_lg-5] {
    margin-left: 41.66667%;
  }
  [class*=grid-] > [data-push-left*=_lg-6], [class*=grid_] > [data-push-left*=_lg-6], [class~=grid] > [data-push-left*=_lg-6] {
    margin-left: 50%;
  }
  [class*=grid-] > [data-push-left*=_lg-7], [class*=grid_] > [data-push-left*=_lg-7], [class~=grid] > [data-push-left*=_lg-7] {
    margin-left: 58.33333%;
  }
  [class*=grid-] > [data-push-left*=_lg-8], [class*=grid_] > [data-push-left*=_lg-8], [class~=grid] > [data-push-left*=_lg-8] {
    margin-left: 66.66667%;
  }
  [class*=grid-] > [data-push-left*=_lg-9], [class*=grid_] > [data-push-left*=_lg-9], [class~=grid] > [data-push-left*=_lg-9] {
    margin-left: 75%;
  }
  [class*=grid-] > [data-push-left*=_lg-10], [class*=grid_] > [data-push-left*=_lg-10], [class~=grid] > [data-push-left*=_lg-10] {
    margin-left: 83.33333%;
  }
  [class*=grid-] > [data-push-left*=_lg-11], [class*=grid_] > [data-push-left*=_lg-11], [class~=grid] > [data-push-left*=_lg-11] {
    margin-left: 91.66667%;
  }
  [class*=grid-] > [data-push-right*=_lg-0], [class*=grid_] > [data-push-right*=_lg-0], [class~=grid] > [data-push-right*=_lg-0] {
    margin-right: 0;
  }
  [class*=grid-] > [data-push-right*=_lg-1], [class*=grid_] > [data-push-right*=_lg-1], [class~=grid] > [data-push-right*=_lg-1] {
    margin-right: 8.33333%;
  }
  [class*=grid-] > [data-push-right*=_lg-2], [class*=grid_] > [data-push-right*=_lg-2], [class~=grid] > [data-push-right*=_lg-2] {
    margin-right: 16.66667%;
  }
  [class*=grid-] > [data-push-right*=_lg-3], [class*=grid_] > [data-push-right*=_lg-3], [class~=grid] > [data-push-right*=_lg-3] {
    margin-right: 25%;
  }
  [class*=grid-] > [data-push-right*=_lg-4], [class*=grid_] > [data-push-right*=_lg-4], [class~=grid] > [data-push-right*=_lg-4] {
    margin-right: 33.33333%;
  }
  [class*=grid-] > [data-push-right*=_lg-5], [class*=grid_] > [data-push-right*=_lg-5], [class~=grid] > [data-push-right*=_lg-5] {
    margin-right: 41.66667%;
  }
  [class*=grid-] > [data-push-right*=_lg-6], [class*=grid_] > [data-push-right*=_lg-6], [class~=grid] > [data-push-right*=_lg-6] {
    margin-right: 50%;
  }
  [class*=grid-] > [data-push-right*=_lg-7], [class*=grid_] > [data-push-right*=_lg-7], [class~=grid] > [data-push-right*=_lg-7] {
    margin-right: 58.33333%;
  }
  [class*=grid-] > [data-push-right*=_lg-8], [class*=grid_] > [data-push-right*=_lg-8], [class~=grid] > [data-push-right*=_lg-8] {
    margin-right: 66.66667%;
  }
  [class*=grid-] > [data-push-right*=_lg-9], [class*=grid_] > [data-push-right*=_lg-9], [class~=grid] > [data-push-right*=_lg-9] {
    margin-right: 75%;
  }
  [class*=grid-] > [data-push-right*=_lg-10], [class*=grid_] > [data-push-right*=_lg-10], [class~=grid] > [data-push-right*=_lg-10] {
    margin-right: 83.33333%;
  }
  [class*=grid-] > [data-push-right*=_lg-11], [class*=grid_] > [data-push-right*=_lg-11], [class~=grid] > [data-push-right*=_lg-11] {
    margin-right: 91.66667%;
  }
  [class*=grid-] [class*=_lg-first], [class*=grid_] [class*=_lg-first], [class~=grid] [class*=_lg-first] {
    order: -1;
  }
  [class*=grid-] [class*=_lg-last], [class*=grid_] [class*=_lg-last], [class~=grid] [class*=_lg-last] {
    order: 1;
  }
}
@media (max-width: 64em) {
  [class*=grid-] > [class*=_md-1], [class*=grid_] > [class*=_md-1], [class~=grid] > [class*=_md-1] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class*=grid-] > [class*=_md-2], [class*=grid_] > [class*=_md-2], [class~=grid] > [class*=_md-2] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=grid-] > [class*=_md-3], [class*=grid_] > [class*=_md-3], [class~=grid] > [class*=_md-3] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid-] > [class*=_md-4], [class*=grid_] > [class*=_md-4], [class~=grid] > [class*=_md-4] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=grid-] > [class*=_md-5], [class*=grid_] > [class*=_md-5], [class~=grid] > [class*=_md-5] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class*=grid-] > [class*=_md-6], [class*=grid_] > [class*=_md-6], [class~=grid] > [class*=_md-6] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid-] > [class*=_md-7], [class*=grid_] > [class*=_md-7], [class~=grid] > [class*=_md-7] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class*=grid-] > [class*=_md-8], [class*=grid_] > [class*=_md-8], [class~=grid] > [class*=_md-8] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class*=grid-] > [class*=_md-9], [class*=grid_] > [class*=_md-9], [class~=grid] > [class*=_md-9] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid-] > [class*=_md-10], [class*=grid_] > [class*=_md-10], [class~=grid] > [class*=_md-10] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class*=grid-] > [class*=_md-11], [class*=grid_] > [class*=_md-11], [class~=grid] > [class*=_md-11] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class*=grid-] > [class*=_md-12], [class*=grid_] > [class*=_md-12], [class~=grid] > [class*=_md-12] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid-] > [data-push-left*=_md-0], [class*=grid_] > [data-push-left*=_md-0], [class~=grid] > [data-push-left*=_md-0] {
    margin-left: 0;
  }
  [class*=grid-] > [data-push-left*=_md-1], [class*=grid_] > [data-push-left*=_md-1], [class~=grid] > [data-push-left*=_md-1] {
    margin-left: 8.33333%;
  }
  [class*=grid-] > [data-push-left*=_md-2], [class*=grid_] > [data-push-left*=_md-2], [class~=grid] > [data-push-left*=_md-2] {
    margin-left: 16.66667%;
  }
  [class*=grid-] > [data-push-left*=_md-3], [class*=grid_] > [data-push-left*=_md-3], [class~=grid] > [data-push-left*=_md-3] {
    margin-left: 25%;
  }
  [class*=grid-] > [data-push-left*=_md-4], [class*=grid_] > [data-push-left*=_md-4], [class~=grid] > [data-push-left*=_md-4] {
    margin-left: 33.33333%;
  }
  [class*=grid-] > [data-push-left*=_md-5], [class*=grid_] > [data-push-left*=_md-5], [class~=grid] > [data-push-left*=_md-5] {
    margin-left: 41.66667%;
  }
  [class*=grid-] > [data-push-left*=_md-6], [class*=grid_] > [data-push-left*=_md-6], [class~=grid] > [data-push-left*=_md-6] {
    margin-left: 50%;
  }
  [class*=grid-] > [data-push-left*=_md-7], [class*=grid_] > [data-push-left*=_md-7], [class~=grid] > [data-push-left*=_md-7] {
    margin-left: 58.33333%;
  }
  [class*=grid-] > [data-push-left*=_md-8], [class*=grid_] > [data-push-left*=_md-8], [class~=grid] > [data-push-left*=_md-8] {
    margin-left: 66.66667%;
  }
  [class*=grid-] > [data-push-left*=_md-9], [class*=grid_] > [data-push-left*=_md-9], [class~=grid] > [data-push-left*=_md-9] {
    margin-left: 75%;
  }
  [class*=grid-] > [data-push-left*=_md-10], [class*=grid_] > [data-push-left*=_md-10], [class~=grid] > [data-push-left*=_md-10] {
    margin-left: 83.33333%;
  }
  [class*=grid-] > [data-push-left*=_md-11], [class*=grid_] > [data-push-left*=_md-11], [class~=grid] > [data-push-left*=_md-11] {
    margin-left: 91.66667%;
  }
  [class*=grid-] > [data-push-right*=_md-0], [class*=grid_] > [data-push-right*=_md-0], [class~=grid] > [data-push-right*=_md-0] {
    margin-right: 0;
  }
  [class*=grid-] > [data-push-right*=_md-1], [class*=grid_] > [data-push-right*=_md-1], [class~=grid] > [data-push-right*=_md-1] {
    margin-right: 8.33333%;
  }
  [class*=grid-] > [data-push-right*=_md-2], [class*=grid_] > [data-push-right*=_md-2], [class~=grid] > [data-push-right*=_md-2] {
    margin-right: 16.66667%;
  }
  [class*=grid-] > [data-push-right*=_md-3], [class*=grid_] > [data-push-right*=_md-3], [class~=grid] > [data-push-right*=_md-3] {
    margin-right: 25%;
  }
  [class*=grid-] > [data-push-right*=_md-4], [class*=grid_] > [data-push-right*=_md-4], [class~=grid] > [data-push-right*=_md-4] {
    margin-right: 33.33333%;
  }
  [class*=grid-] > [data-push-right*=_md-5], [class*=grid_] > [data-push-right*=_md-5], [class~=grid] > [data-push-right*=_md-5] {
    margin-right: 41.66667%;
  }
  [class*=grid-] > [data-push-right*=_md-6], [class*=grid_] > [data-push-right*=_md-6], [class~=grid] > [data-push-right*=_md-6] {
    margin-right: 50%;
  }
  [class*=grid-] > [data-push-right*=_md-7], [class*=grid_] > [data-push-right*=_md-7], [class~=grid] > [data-push-right*=_md-7] {
    margin-right: 58.33333%;
  }
  [class*=grid-] > [data-push-right*=_md-8], [class*=grid_] > [data-push-right*=_md-8], [class~=grid] > [data-push-right*=_md-8] {
    margin-right: 66.66667%;
  }
  [class*=grid-] > [data-push-right*=_md-9], [class*=grid_] > [data-push-right*=_md-9], [class~=grid] > [data-push-right*=_md-9] {
    margin-right: 75%;
  }
  [class*=grid-] > [data-push-right*=_md-10], [class*=grid_] > [data-push-right*=_md-10], [class~=grid] > [data-push-right*=_md-10] {
    margin-right: 83.33333%;
  }
  [class*=grid-] > [data-push-right*=_md-11], [class*=grid_] > [data-push-right*=_md-11], [class~=grid] > [data-push-right*=_md-11] {
    margin-right: 91.66667%;
  }
  [class*=grid-] [class*=_md-first], [class*=grid_] [class*=_md-first], [class~=grid] [class*=_md-first] {
    order: -1;
  }
  [class*=grid-] [class*=_md-last], [class*=grid_] [class*=_md-last], [class~=grid] [class*=_md-last] {
    order: 1;
  }
}
@media (max-width: 48em) {
  [class*=grid-] > [class*=_sm-1], [class*=grid_] > [class*=_sm-1], [class~=grid] > [class*=_sm-1] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class*=grid-] > [class*=_sm-2], [class*=grid_] > [class*=_sm-2], [class~=grid] > [class*=_sm-2] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=grid-] > [class*=_sm-3], [class*=grid_] > [class*=_sm-3], [class~=grid] > [class*=_sm-3] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid-] > [class*=_sm-4], [class*=grid_] > [class*=_sm-4], [class~=grid] > [class*=_sm-4] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=grid-] > [class*=_sm-5], [class*=grid_] > [class*=_sm-5], [class~=grid] > [class*=_sm-5] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class*=grid-] > [class*=_sm-6], [class*=grid_] > [class*=_sm-6], [class~=grid] > [class*=_sm-6] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid-] > [class*=_sm-7], [class*=grid_] > [class*=_sm-7], [class~=grid] > [class*=_sm-7] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class*=grid-] > [class*=_sm-8], [class*=grid_] > [class*=_sm-8], [class~=grid] > [class*=_sm-8] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class*=grid-] > [class*=_sm-9], [class*=grid_] > [class*=_sm-9], [class~=grid] > [class*=_sm-9] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid-] > [class*=_sm-10], [class*=grid_] > [class*=_sm-10], [class~=grid] > [class*=_sm-10] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class*=grid-] > [class*=_sm-11], [class*=grid_] > [class*=_sm-11], [class~=grid] > [class*=_sm-11] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class*=grid-] > [class*=_sm-12], [class*=grid_] > [class*=_sm-12], [class~=grid] > [class*=_sm-12] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid-] > [data-push-left*=_sm-0], [class*=grid_] > [data-push-left*=_sm-0], [class~=grid] > [data-push-left*=_sm-0] {
    margin-left: 0;
  }
  [class*=grid-] > [data-push-left*=_sm-1], [class*=grid_] > [data-push-left*=_sm-1], [class~=grid] > [data-push-left*=_sm-1] {
    margin-left: 8.33333%;
  }
  [class*=grid-] > [data-push-left*=_sm-2], [class*=grid_] > [data-push-left*=_sm-2], [class~=grid] > [data-push-left*=_sm-2] {
    margin-left: 16.66667%;
  }
  [class*=grid-] > [data-push-left*=_sm-3], [class*=grid_] > [data-push-left*=_sm-3], [class~=grid] > [data-push-left*=_sm-3] {
    margin-left: 25%;
  }
  [class*=grid-] > [data-push-left*=_sm-4], [class*=grid_] > [data-push-left*=_sm-4], [class~=grid] > [data-push-left*=_sm-4] {
    margin-left: 33.33333%;
  }
  [class*=grid-] > [data-push-left*=_sm-5], [class*=grid_] > [data-push-left*=_sm-5], [class~=grid] > [data-push-left*=_sm-5] {
    margin-left: 41.66667%;
  }
  [class*=grid-] > [data-push-left*=_sm-6], [class*=grid_] > [data-push-left*=_sm-6], [class~=grid] > [data-push-left*=_sm-6] {
    margin-left: 50%;
  }
  [class*=grid-] > [data-push-left*=_sm-7], [class*=grid_] > [data-push-left*=_sm-7], [class~=grid] > [data-push-left*=_sm-7] {
    margin-left: 58.33333%;
  }
  [class*=grid-] > [data-push-left*=_sm-8], [class*=grid_] > [data-push-left*=_sm-8], [class~=grid] > [data-push-left*=_sm-8] {
    margin-left: 66.66667%;
  }
  [class*=grid-] > [data-push-left*=_sm-9], [class*=grid_] > [data-push-left*=_sm-9], [class~=grid] > [data-push-left*=_sm-9] {
    margin-left: 75%;
  }
  [class*=grid-] > [data-push-left*=_sm-10], [class*=grid_] > [data-push-left*=_sm-10], [class~=grid] > [data-push-left*=_sm-10] {
    margin-left: 83.33333%;
  }
  [class*=grid-] > [data-push-left*=_sm-11], [class*=grid_] > [data-push-left*=_sm-11], [class~=grid] > [data-push-left*=_sm-11] {
    margin-left: 91.66667%;
  }
  [class*=grid-] > [data-push-right*=_sm-0], [class*=grid_] > [data-push-right*=_sm-0], [class~=grid] > [data-push-right*=_sm-0] {
    margin-right: 0;
  }
  [class*=grid-] > [data-push-right*=_sm-1], [class*=grid_] > [data-push-right*=_sm-1], [class~=grid] > [data-push-right*=_sm-1] {
    margin-right: 8.33333%;
  }
  [class*=grid-] > [data-push-right*=_sm-2], [class*=grid_] > [data-push-right*=_sm-2], [class~=grid] > [data-push-right*=_sm-2] {
    margin-right: 16.66667%;
  }
  [class*=grid-] > [data-push-right*=_sm-3], [class*=grid_] > [data-push-right*=_sm-3], [class~=grid] > [data-push-right*=_sm-3] {
    margin-right: 25%;
  }
  [class*=grid-] > [data-push-right*=_sm-4], [class*=grid_] > [data-push-right*=_sm-4], [class~=grid] > [data-push-right*=_sm-4] {
    margin-right: 33.33333%;
  }
  [class*=grid-] > [data-push-right*=_sm-5], [class*=grid_] > [data-push-right*=_sm-5], [class~=grid] > [data-push-right*=_sm-5] {
    margin-right: 41.66667%;
  }
  [class*=grid-] > [data-push-right*=_sm-6], [class*=grid_] > [data-push-right*=_sm-6], [class~=grid] > [data-push-right*=_sm-6] {
    margin-right: 50%;
  }
  [class*=grid-] > [data-push-right*=_sm-7], [class*=grid_] > [data-push-right*=_sm-7], [class~=grid] > [data-push-right*=_sm-7] {
    margin-right: 58.33333%;
  }
  [class*=grid-] > [data-push-right*=_sm-8], [class*=grid_] > [data-push-right*=_sm-8], [class~=grid] > [data-push-right*=_sm-8] {
    margin-right: 66.66667%;
  }
  [class*=grid-] > [data-push-right*=_sm-9], [class*=grid_] > [data-push-right*=_sm-9], [class~=grid] > [data-push-right*=_sm-9] {
    margin-right: 75%;
  }
  [class*=grid-] > [data-push-right*=_sm-10], [class*=grid_] > [data-push-right*=_sm-10], [class~=grid] > [data-push-right*=_sm-10] {
    margin-right: 83.33333%;
  }
  [class*=grid-] > [data-push-right*=_sm-11], [class*=grid_] > [data-push-right*=_sm-11], [class~=grid] > [data-push-right*=_sm-11] {
    margin-right: 91.66667%;
  }
  [class*=grid-] [class*=_sm-first], [class*=grid_] [class*=_sm-first], [class~=grid] [class*=_sm-first] {
    order: -1;
  }
  [class*=grid-] [class*=_sm-last], [class*=grid_] [class*=_sm-last], [class~=grid] [class*=_sm-last] {
    order: 1;
  }
}
@media (max-width: 36em) {
  [class*=grid-] > [class*=_xs-1], [class*=grid_] > [class*=_xs-1], [class~=grid] > [class*=_xs-1] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  [class*=grid-] > [class*=_xs-2], [class*=grid_] > [class*=_xs-2], [class~=grid] > [class*=_xs-2] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  [class*=grid-] > [class*=_xs-3], [class*=grid_] > [class*=_xs-3], [class~=grid] > [class*=_xs-3] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*=grid-] > [class*=_xs-4], [class*=grid_] > [class*=_xs-4], [class~=grid] > [class*=_xs-4] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  [class*=grid-] > [class*=_xs-5], [class*=grid_] > [class*=_xs-5], [class~=grid] > [class*=_xs-5] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  [class*=grid-] > [class*=_xs-6], [class*=grid_] > [class*=_xs-6], [class~=grid] > [class*=_xs-6] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*=grid-] > [class*=_xs-7], [class*=grid_] > [class*=_xs-7], [class~=grid] > [class*=_xs-7] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  [class*=grid-] > [class*=_xs-8], [class*=grid_] > [class*=_xs-8], [class~=grid] > [class*=_xs-8] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  [class*=grid-] > [class*=_xs-9], [class*=grid_] > [class*=_xs-9], [class~=grid] > [class*=_xs-9] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class*=grid-] > [class*=_xs-10], [class*=grid_] > [class*=_xs-10], [class~=grid] > [class*=_xs-10] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  [class*=grid-] > [class*=_xs-11], [class*=grid_] > [class*=_xs-11], [class~=grid] > [class*=_xs-11] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  [class*=grid-] > [class*=_xs-12], [class*=grid_] > [class*=_xs-12], [class~=grid] > [class*=_xs-12] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*=grid-] > [data-push-left*=_xs-0], [class*=grid_] > [data-push-left*=_xs-0], [class~=grid] > [data-push-left*=_xs-0] {
    margin-left: 0;
  }
  [class*=grid-] > [data-push-left*=_xs-1], [class*=grid_] > [data-push-left*=_xs-1], [class~=grid] > [data-push-left*=_xs-1] {
    margin-left: 8.33333%;
  }
  [class*=grid-] > [data-push-left*=_xs-2], [class*=grid_] > [data-push-left*=_xs-2], [class~=grid] > [data-push-left*=_xs-2] {
    margin-left: 16.66667%;
  }
  [class*=grid-] > [data-push-left*=_xs-3], [class*=grid_] > [data-push-left*=_xs-3], [class~=grid] > [data-push-left*=_xs-3] {
    margin-left: 25%;
  }
  [class*=grid-] > [data-push-left*=_xs-4], [class*=grid_] > [data-push-left*=_xs-4], [class~=grid] > [data-push-left*=_xs-4] {
    margin-left: 33.33333%;
  }
  [class*=grid-] > [data-push-left*=_xs-5], [class*=grid_] > [data-push-left*=_xs-5], [class~=grid] > [data-push-left*=_xs-5] {
    margin-left: 41.66667%;
  }
  [class*=grid-] > [data-push-left*=_xs-6], [class*=grid_] > [data-push-left*=_xs-6], [class~=grid] > [data-push-left*=_xs-6] {
    margin-left: 50%;
  }
  [class*=grid-] > [data-push-left*=_xs-7], [class*=grid_] > [data-push-left*=_xs-7], [class~=grid] > [data-push-left*=_xs-7] {
    margin-left: 58.33333%;
  }
  [class*=grid-] > [data-push-left*=_xs-8], [class*=grid_] > [data-push-left*=_xs-8], [class~=grid] > [data-push-left*=_xs-8] {
    margin-left: 66.66667%;
  }
  [class*=grid-] > [data-push-left*=_xs-9], [class*=grid_] > [data-push-left*=_xs-9], [class~=grid] > [data-push-left*=_xs-9] {
    margin-left: 75%;
  }
  [class*=grid-] > [data-push-left*=_xs-10], [class*=grid_] > [data-push-left*=_xs-10], [class~=grid] > [data-push-left*=_xs-10] {
    margin-left: 83.33333%;
  }
  [class*=grid-] > [data-push-left*=_xs-11], [class*=grid_] > [data-push-left*=_xs-11], [class~=grid] > [data-push-left*=_xs-11] {
    margin-left: 91.66667%;
  }
  [class*=grid-] > [data-push-right*=_xs-0], [class*=grid_] > [data-push-right*=_xs-0], [class~=grid] > [data-push-right*=_xs-0] {
    margin-right: 0;
  }
  [class*=grid-] > [data-push-right*=_xs-1], [class*=grid_] > [data-push-right*=_xs-1], [class~=grid] > [data-push-right*=_xs-1] {
    margin-right: 8.33333%;
  }
  [class*=grid-] > [data-push-right*=_xs-2], [class*=grid_] > [data-push-right*=_xs-2], [class~=grid] > [data-push-right*=_xs-2] {
    margin-right: 16.66667%;
  }
  [class*=grid-] > [data-push-right*=_xs-3], [class*=grid_] > [data-push-right*=_xs-3], [class~=grid] > [data-push-right*=_xs-3] {
    margin-right: 25%;
  }
  [class*=grid-] > [data-push-right*=_xs-4], [class*=grid_] > [data-push-right*=_xs-4], [class~=grid] > [data-push-right*=_xs-4] {
    margin-right: 33.33333%;
  }
  [class*=grid-] > [data-push-right*=_xs-5], [class*=grid_] > [data-push-right*=_xs-5], [class~=grid] > [data-push-right*=_xs-5] {
    margin-right: 41.66667%;
  }
  [class*=grid-] > [data-push-right*=_xs-6], [class*=grid_] > [data-push-right*=_xs-6], [class~=grid] > [data-push-right*=_xs-6] {
    margin-right: 50%;
  }
  [class*=grid-] > [data-push-right*=_xs-7], [class*=grid_] > [data-push-right*=_xs-7], [class~=grid] > [data-push-right*=_xs-7] {
    margin-right: 58.33333%;
  }
  [class*=grid-] > [data-push-right*=_xs-8], [class*=grid_] > [data-push-right*=_xs-8], [class~=grid] > [data-push-right*=_xs-8] {
    margin-right: 66.66667%;
  }
  [class*=grid-] > [data-push-right*=_xs-9], [class*=grid_] > [data-push-right*=_xs-9], [class~=grid] > [data-push-right*=_xs-9] {
    margin-right: 75%;
  }
  [class*=grid-] > [data-push-right*=_xs-10], [class*=grid_] > [data-push-right*=_xs-10], [class~=grid] > [data-push-right*=_xs-10] {
    margin-right: 83.33333%;
  }
  [class*=grid-] > [data-push-right*=_xs-11], [class*=grid_] > [data-push-right*=_xs-11], [class~=grid] > [data-push-right*=_xs-11] {
    margin-right: 91.66667%;
  }
  [class*=grid-] [class*=_xs-first], [class*=grid_] [class*=_xs-first], [class~=grid] [class*=_xs-first] {
    order: -1;
  }
  [class*=grid-] [class*=_xs-last], [class*=grid_] [class*=_xs-last], [class~=grid] [class*=_xs-last] {
    order: 1;
  }
}
@media (max-width: 80em) {
  [class*=lg-hidden] {
    display: none;
  }
}
@media (max-width: 64em) {
  [class*=md-hidden] {
    display: none;
  }
}
@media (max-width: 48em) {
  [class*=sm-hidden] {
    display: none;
  }
}
@media (max-width: 36em) {
  [class*=xs-hidden] {
    display: none;
  }
}
/*# sourceMappingURL=dist/gridlex.css.map */
/* "Yet Another Multicolumn Layout" v3.3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 495 $ $Date: 2011-06-18 12:24:44 +0200 (Sa, 18 Jun 2011) $ */
@media all {
  * {
    margin: 0;
    padding: 0;
  }
  option {
    padding-left: 0.4em;
  }
  select {
    padding: 1px;
  }
  * html body * {
    overflow: visible;
  }
  body {
    font-size: 100.01%;
    background: #fff;
    color: #000;
    text-align: left;
  }
  div {
    outline: 0 none;
  }
  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block;
  }
  fieldset, img {
    border: 0 solid;
  }
  ul, ol, dl {
    margin: 0 0 1em 1em;
  }
  li {
    line-height: 1.5em;
    margin-left: 0.8em;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 1em 0.8em;
  }
  blockquote {
    margin: 0 0 1em 0.8em;
  }
  blockquote:before, blockquote:after, q:before, q:after {
    content: "";
  }
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .clearfix {
    display: block;
  }
  .floatbox {
    display: table;
    width: 100%;
  }
  #ie_clearing {
    display: none;
  }
  .skip, .hideme, .print {
    position: absolute;
    top: -32768px;
    left: -32768px;
  }
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
  }
  #skiplinks {
    position: absolute;
    top: 0;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #skiplinks .skip:focus, #skiplinks .skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }
}
@media screen, projection {
  #col1 {
    float: left;
    width: 20%;
  }
  #col2 {
    float: right;
    width: 20%;
  }
  #col3 {
    width: auto;
    margin: 0 20%;
  }
  #col1_content, #col2_content, #col3_content {
    position: relative;
  }
  .subcolumns {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .subcolumns_oldgecko {
    width: 100%;
    float: left;
  }
  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
    float: left;
  }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
    float: right;
    margin-left: -5px;
  }
  .c20l, .c20r {
    width: 20%;
  }
  .c40l, .c40r {
    width: 40%;
  }
  .c60l, .c60r {
    width: 60%;
  }
  .c80l, .c80r {
    width: 80%;
  }
  .c25l, .c25r {
    width: 25%;
  }
  .c33l, .c33r {
    width: 33.333%;
  }
  .c50l, .c50r {
    width: 50%;
  }
  .c66l, .c66r {
    width: 66.666%;
  }
  .c75l, .c75r {
    width: 75%;
  }
  .c38l, .c38r {
    width: 38.2%;
  }
  .c62l, .c62r {
    width: 61.8%;
  }
  .subc {
    padding: 0 0.5em;
  }
  .subcl {
    padding: 0 1em 0 0;
  }
  .subcr {
    padding: 0 0 0 1em;
  }
  .equalize, .equalize .subcolumns {
    table-layout: fixed;
  }
  .equalize > div {
    display: table-cell;
    float: none;
    margin: 0;
    overflow: hidden;
    vertical-align: top;
  }
}
@media print {
  .subcolumns, .subcolumns > div {
    overflow: visible;
    display: table;
  }
  .print {
    position: static;
    left: 0;
  }
  .noprint {
    display: none !important;
  }
}
@media all {
  /*END*/
  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  body {
    font-family: Arial, Helvetica, sans-serif;
    color: #444;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    color: #222;
    margin: 0 0 0.25em 0;
  }
  h1 {
    font-size: 250%;
  }
  h2 {
    font-size: 200%;
  }
  h3 {
    font-size: 150%;
  }
  h4 {
    font-size: 133.33%;
  }
  h5 {
    font-size: 116.67%;
  }
  h6 {
    font-size: 116.67%;
  }
  ul, ol, dl {
    margin: 0 0 1rem 1rem;
  }
  ul {
    list-style-type: disc;
  }
  ul ul {
    list-style-type: circle;
    margin-bottom: 0;
  }
  ol {
    list-style-type: decimal;
  }
  ol ol {
    list-style-type: lower-latin;
    margin-bottom: 0;
  }
  li {
    margin-left: 1.5rem;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0 0 1em 0.8em;
  }
  blockquote, cite, q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
  }
  blockquote {
    margin: 0 0 1em 1.6em;
    color: #666;
  }
  strong, b {
    font-weight: bold;
  }
  em, i {
    font-style: italic;
  }
  big {
    font-size: 116.667%;
  }
  small {
    font-size: 91.667%;
  }
  pre {
    line-height: 1.5em;
    margin: 0 0 1em 0;
  }
  pre, code, kbd, tt, samp, var {
    font-size: 100%;
  }
  pre, code {
    color: #800;
  }
  kbd, samp, var, tt {
    color: #666;
    font-weight: bold;
  }
  var, dfn {
    font-style: italic;
  }
  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: 0.07em;
    cursor: help;
  }
  sub {
    vertical-align: sub;
    font-size: smaller;
  }
  sup {
    vertical-align: super;
    font-size: smaller;
  }
  a {
    color: #009;
    background: transparent;
    text-decoration: none;
  }
  a:visited {
    color: #009;
  }
  a:focus {
    text-decoration: underline;
    color: #00c;
  }
  a:hover, a:active {
    color: #00c;
    text-decoration: underline;
    outline: 0 none;
  }
  p.icaption_left {
    float: left;
    display: inline;
    margin: 0 1em 0.15em 0;
  }
  p.icaption_right {
    float: right;
    display: inline;
    margin: 0 0 0.15em 1em;
  }
  p.icaption_left img, p.icaption_right img {
    padding: 0;
    border: 1px #888 solid;
  }
  p.icaption_left strong, p.icaption_right strong {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    padding: 0.3em 0.5em;
    background: #eee;
    font-weight: normal;
    font-size: 91.667%;
  }
  .highlight {
    color: #c30;
  }
  .dimmed {
    color: #888;
  }
  .info {
    background: #f8f8f8;
    color: #666;
    padding: 10px;
    margin-bottom: 0.5em;
    font-size: 91.7%;
  }
  .note {
    background: #efe;
    color: #040;
    border: 2px #484 solid;
    padding: 10px;
    margin-bottom: 1em;
  }
  .important {
    background: #ffe;
    color: #440;
    border: 2px #884 solid;
    padding: 10px;
    margin-bottom: 1em;
  }
  .warning {
    background: #fee;
    color: #400;
    border: 2px #844 solid;
    padding: 10px;
    margin-bottom: 1em;
  }
  .float_left {
    float: left;
    display: inline;
    margin-right: 1em;
    margin-bottom: 0.15em;
  }
  .float_right {
    float: right;
    display: inline;
    margin-left: 1em;
    margin-bottom: 0.15em;
  }
  .center {
    display: block;
    text-align: center;
    margin: 0.5em auto;
  }
  table {
    width: auto;
    border-collapse: collapse;
    margin-bottom: 0.5em;
    border: none;
  }
  table caption {
    font-variant: small-caps;
  }
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  src: local("Cairo"), local("Cairo-Regular"), url("/cms/tmp/fonts/cairo-v5-latin-regular.woff2") format("woff2"), url("/cms/tmp/fonts/cairo-v5-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Fjalla One";
  font-style: normal;
  font-weight: 400;
  src: local("Fjalla One"), local("FjallaOne-Regular"), url("/cms/tmp/fonts/fjalla-one-v6-latin-regular.woff2") format("woff2"), url("/cms/tmp/fonts/fjalla-one-v6-latin-regular.woff") format("woff");
}
/* Erste Farbe ( Brand ) */
/* Zweite Farbe ( Accent ) */
/* Dritte Farbe */
/* Vierte Farbe */
/* Fünfte Farbe */
/* Mainnav */
.primary-light-0 {
  color: #4a3820;
}
.primary-light-1 {
  color: #53422b;
}
.primary-light-2 {
  color: #655641;
}
.primary-light-3 {
  color: #776a58;
}
.primary-light-4 {
  color: #897e6e;
}
.primary-light-5 {
  color: #9b9284;
}
.primary-light-6 {
  color: #aea59b;
}
.primary-light-7 {
  color: #c0b9b1;
}
.primary-light-8 {
  color: #d2cdc7;
}
.primary-light-9 {
  color: #e4e1de;
}
.primary-light-10 {
  color: #f6f5f4;
}
.primary-light-11 {
  color: white;
}
.primary-dark-0 {
  color: #4a3820;
}
.primary-dark-1 {
  color: #46351e;
}
.primary-dark-2 {
  color: #3f301b;
}
.primary-dark-3 {
  color: #382a18;
}
.primary-dark-4 {
  color: #302415;
}
.primary-dark-5 {
  color: #291f12;
}
.primary-dark-6 {
  color: #21190e;
}
.primary-dark-7 {
  color: #1a140b;
}
.primary-dark-8 {
  color: #130e08;
}
.primary-dark-9 {
  color: #0b0805;
}
.primary-dark-10 {
  color: #040302;
}
.primary-dark-11 {
  color: black;
}
.bg-primary-light-0 {
  background-color: #4a3820;
}
.bg-primary-light-1 {
  background-color: #53422b;
}
.bg-primary-light-2 {
  background-color: #655641;
}
.bg-primary-light-3 {
  background-color: #776a58;
}
.bg-primary-light-4 {
  background-color: #897e6e;
}
.bg-primary-light-5 {
  background-color: #9b9284;
}
.bg-primary-light-6 {
  background-color: #aea59b;
}
.bg-primary-light-7 {
  background-color: #c0b9b1;
}
.bg-primary-light-8 {
  background-color: #d2cdc7;
}
.bg-primary-light-9 {
  background-color: #e4e1de;
}
.bg-primary-light-10 {
  background-color: #f6f5f4;
}
.bg-primary-light-11 {
  background-color: white;
}
.bg-primary-dark-0 {
  background-color: #4a3820;
}
.bg-primary-dark-1 {
  background-color: #46351e;
}
.bg-primary-dark-2 {
  background-color: #3f301b;
}
.bg-primary-dark-3 {
  background-color: #382a18;
}
.bg-primary-dark-4 {
  background-color: #302415;
}
.bg-primary-dark-5 {
  background-color: #291f12;
}
.bg-primary-dark-6 {
  background-color: #21190e;
}
.bg-primary-dark-7 {
  background-color: #1a140b;
}
.bg-primary-dark-8 {
  background-color: #130e08;
}
.bg-primary-dark-9 {
  background-color: #0b0805;
}
.bg-primary-dark-10 {
  background-color: #040302;
}
.bg-primary-dark-11 {
  background-color: black;
}
.border-primary-light-0 {
  border-color: #4a3820;
}
.border-primary-light-1 {
  border-color: #53422b;
}
.border-primary-light-2 {
  border-color: #655641;
}
.border-primary-light-3 {
  border-color: #776a58;
}
.border-primary-light-4 {
  border-color: #897e6e;
}
.border-primary-light-5 {
  border-color: #9b9284;
}
.border-primary-light-6 {
  border-color: #aea59b;
}
.border-primary-light-7 {
  border-color: #c0b9b1;
}
.border-primary-light-8 {
  border-color: #d2cdc7;
}
.border-primary-light-9 {
  border-color: #e4e1de;
}
.border-primary-light-10 {
  border-color: #f6f5f4;
}
.border-primary-light-11 {
  border-color: white;
}
.border-primary-dark-0 {
  border-color: #4a3820;
}
.border-primary-dark-1 {
  border-color: #46351e;
}
.border-primary-dark-2 {
  border-color: #3f301b;
}
.border-primary-dark-3 {
  border-color: #382a18;
}
.border-primary-dark-4 {
  border-color: #302415;
}
.border-primary-dark-5 {
  border-color: #291f12;
}
.border-primary-dark-6 {
  border-color: #21190e;
}
.border-primary-dark-7 {
  border-color: #1a140b;
}
.border-primary-dark-8 {
  border-color: #130e08;
}
.border-primary-dark-9 {
  border-color: #0b0805;
}
.border-primary-dark-10 {
  border-color: #040302;
}
.border-primary-dark-11 {
  border-color: black;
}
.secondary-light-0 {
  color: #20324a;
}
.secondary-light-1 {
  color: #2b3c53;
}
.secondary-light-2 {
  color: #415165;
}
.secondary-light-3 {
  color: #586577;
}
.secondary-light-4 {
  color: #6e7a89;
}
.secondary-light-5 {
  color: #848e9b;
}
.secondary-light-6 {
  color: #9ba3ae;
}
.secondary-light-7 {
  color: #b1b7c0;
}
.secondary-light-8 {
  color: #c7ccd2;
}
.secondary-light-9 {
  color: #dee0e4;
}
.secondary-light-10 {
  color: #f4f5f6;
}
.secondary-light-11 {
  color: white;
}
.secondary-dark-0 {
  color: #20324a;
}
.secondary-dark-1 {
  color: #1e3046;
}
.secondary-dark-2 {
  color: #1b2b3f;
}
.secondary-dark-3 {
  color: #182638;
}
.secondary-dark-4 {
  color: #152130;
}
.secondary-dark-5 {
  color: #121c29;
}
.secondary-dark-6 {
  color: #0e1721;
}
.secondary-dark-7 {
  color: #0b121a;
}
.secondary-dark-8 {
  color: #080d13;
}
.secondary-dark-9 {
  color: #05080b;
}
.secondary-dark-10 {
  color: #020304;
}
.secondary-dark-11 {
  color: black;
}
.bg-secondary-light-0 {
  background-color: #20324a;
}
.bg-secondary-light-1 {
  background-color: #2b3c53;
}
.bg-secondary-light-2 {
  background-color: #415165;
}
.bg-secondary-light-3 {
  background-color: #586577;
}
.bg-secondary-light-4 {
  background-color: #6e7a89;
}
.bg-secondary-light-5 {
  background-color: #848e9b;
}
.bg-secondary-light-6 {
  background-color: #9ba3ae;
}
.bg-secondary-light-7 {
  background-color: #b1b7c0;
}
.bg-secondary-light-8 {
  background-color: #c7ccd2;
}
.bg-secondary-light-9 {
  background-color: #dee0e4;
}
.bg-secondary-light-10 {
  background-color: #f4f5f6;
}
.bg-secondary-light-11 {
  background-color: white;
}
.bg-secondary-dark-0 {
  background-color: #20324a;
}
.bg-secondary-dark-1 {
  background-color: #1e3046;
}
.bg-secondary-dark-2 {
  background-color: #1b2b3f;
}
.bg-secondary-dark-3 {
  background-color: #182638;
}
.bg-secondary-dark-4 {
  background-color: #152130;
}
.bg-secondary-dark-5 {
  background-color: #121c29;
}
.bg-secondary-dark-6 {
  background-color: #0e1721;
}
.bg-secondary-dark-7 {
  background-color: #0b121a;
}
.bg-secondary-dark-8 {
  background-color: #080d13;
}
.bg-secondary-dark-9 {
  background-color: #05080b;
}
.bg-secondary-dark-10 {
  background-color: #020304;
}
.bg-secondary-dark-11 {
  background-color: black;
}
.border-secondary-light-0 {
  border-color: #20324a;
}
.border-secondary-light-1 {
  border-color: #2b3c53;
}
.border-secondary-light-2 {
  border-color: #415165;
}
.border-secondary-light-3 {
  border-color: #586577;
}
.border-secondary-light-4 {
  border-color: #6e7a89;
}
.border-secondary-light-5 {
  border-color: #848e9b;
}
.border-secondary-light-6 {
  border-color: #9ba3ae;
}
.border-secondary-light-7 {
  border-color: #b1b7c0;
}
.border-secondary-light-8 {
  border-color: #c7ccd2;
}
.border-secondary-light-9 {
  border-color: #dee0e4;
}
.border-secondary-light-10 {
  border-color: #f4f5f6;
}
.border-secondary-light-11 {
  border-color: white;
}
.border-secondary-dark-0 {
  border-color: #20324a;
}
.border-secondary-dark-1 {
  border-color: #1e3046;
}
.border-secondary-dark-2 {
  border-color: #1b2b3f;
}
.border-secondary-dark-3 {
  border-color: #182638;
}
.border-secondary-dark-4 {
  border-color: #152130;
}
.border-secondary-dark-5 {
  border-color: #121c29;
}
.border-secondary-dark-6 {
  border-color: #0e1721;
}
.border-secondary-dark-7 {
  border-color: #0b121a;
}
.border-secondary-dark-8 {
  border-color: #080d13;
}
.border-secondary-dark-9 {
  border-color: #05080b;
}
.border-secondary-dark-10 {
  border-color: #020304;
}
.border-secondary-dark-11 {
  border-color: black;
}
/****************************************
* 	Mixins
*****************************************/
.rwdform input, .rwdform select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
img.circled, span.circled img:not(.badge) {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.rwdform input[type=text]:focus, input[type=password]:focus, .rwdform textarea:focus {
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);
}
#mainmenu li:hover ul {
  -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.25);
}
.albumactions .svg {
  -o-transition: 0.12s;
  -ms-transition: 0.12s;
  -moz-transition: 0.12s;
  -webkit-transition: 0.12s;
  transition: 0.12s;
}
a, a:link, a:visited, a:hover, a:active, a:focus, .rwdform input, .rwdform input[type=text]:focus, input[type=password]:focus, .rwdform textarea:focus, .rwdform select, .fotoitem, .fotoactions .svg {
  -o-transition: 0.33s;
  -ms-transition: 0.33s;
  -moz-transition: 0.33s;
  -webkit-transition: 0.33s;
  transition: 0.33s;
}
#conversion button, #conversion button:hover, #footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:focus, #footer a:hover, #footer ul li.current a {
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.glossarindex a, .glossarindexcontent:hover a, .highslide-controls a {
  -o-transition: 0.01s;
  -ms-transition: 0.01s;
  -moz-transition: 0.01s;
  -webkit-transition: 0.01s;
  transition: 0.01s;
}
/****************************************
* 	Functions
*****************************************/
/* Seitenabmessungen */
/* Breakpoints */
/* Sektionsfarben */
/* Typographie */
/* Header */
/* Mainnav */
/* Footer */
/* Bilder */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  background-color: #f6f0ea;
  overflow-x: hidden;
}
#bodywrapper {
  background-color: #f6f0ea;
  min-height: 100vh;
}
#pagewrapper {
  background-color: #fff;
}
.page_margins {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
  box-sizing: border-box;
}
.page {
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.full-width {
  position: relative !important;
  width: 100% !important;
  left: 50vw !important;
  right: 50vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}
.full-width > div {
  max-width: 1140px;
  margin-left: auto !important;
  margin-right: auto !important;
}
#companyinfo {
  display: none;
  background-color: #2f2314;
  color: #FFFFFF;
  padding: 4px 0;
}
@media only screen and (min-width: 1024px) {
  #companyinfo {
    display: block;
  }
}
#companyinfo #companyinfo_inner {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}
#companyinfo .fixedtext {
  font-size: 14px;
}
#companyinfo strong {
  font-weight: normal;
}
#companyinfo a {
  color: #FFFFFF;
  text-decoration: none;
}
#companyinfo a:hover {
  text-decoration: underline;
}
#companyinfo .ci_ruler {
  padding: 0 3px;
}
#companyinfo .ci_ruler:before {
  content: "*";
  content: "•";
}
#companyinfo #ci_Name2, #companyinfo #ci_Telefax {
  display: none;
}
#header #companyinfo {
  position: absolute;
  top: 20px;
  left: 200px;
  background-color: transparent;
  color: #000;
  padding: 0;
  font-size: 16px;
}
#header #companyinfo #companyinfo_inner {
  text-align: left;
}
#header #companyinfo .fixedtext {
  font-size: 17px;
  line-height: 1.5;
}
#header #companyinfo .fixedtext strong {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
#header #companyinfo #ci_Strasse {
  margin-top: 8px;
}
#header #companyinfo #ci_Telefon {
  display: none;
}
.gallery-cell {
  width: 100%;
  height: 210px;
  background-position: center center;
  background-size: cover;
  display: flex;
}
@media only screen and (min-width: 640px) {
  .gallery-cell {
    height: 260px;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery-cell {
    height: 370px;
    background-size: cover;
  }
}
.gallery-cell_inner {
  max-width: 1140px;
  box-sizing: border-box;
  justify-content: flex-end;
  align-items: flex-end;
  align-self: flex-end;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
  padding-right: 24px;
  font-size: 19px;
  color: #FFFFFF;
}
.gc_slide_name {
  font-size: 1em;
  color: #4a3820;
  background: rgba(0, 0, 0, 0.8);
  display: inline-block;
  padding: 4px 7.5px 4px 15px;
  margin-bottom: 9.9px;
}
.gc_slide_desc {
  font-size: 0.6em;
  line-height: 2.2em;
  background: rgba(0, 0, 0, 0.8);
  display: inline;
  padding: 4px 7.5px 4px 15px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  overflow: hidden;
}
@media only screen and (min-width: 640px) {
  .gallery-cell_inner {
    font-size: 24px;
    padding-right: 125px;
    padding-bottom: 22.5px;
  }
  .gc_slide_name {
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 15px 4px 15px;
  }
  .gc_slide_desc {
    line-height: 2.1em;
    background: rgba(0, 0, 0, 0.5);
    padding: 4px 15px 4px 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .gallery-cell_inner {
    font-size: 36px;
    line-height: 40px;
    padding-right: 250px;
    padding-bottom: 30px;
  }
  .gc_slide_name {
    padding: 4px 30px 4px 15px;
  }
  .gc_slide_desc {
    line-height: 1.9em;
    padding: 4px 30px 4px 15px;
  }
}
#main {
  background-color: #fcfaf7;
}
#main .page_margins {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 990px) {
  #main .page_margins {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
#col1 {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
#col1_content {
  margin: 0;
  padding: 0px;
}
#col3 {
  display: none;
}
#header #ci_Name, #header #ci_Name2, #header #ci_Strasse, #header #ci_Ort, #header #ci_Telefon, #header #ci_Telefax, #header #ci_Email {
  display: block;
}
#header #ci_Name2, #header #ci_Telefax, #header #ci_Email {
  display: none;
}
#header .ci_adressruler {
  display: none;
}
#header .ci_ruler {
  display: none;
}
#ci_maplink {
  display: none;
}
#companyname {
  font-size: 24px;
}
#companyname a {
  color: #fff;
  text-decoration: none;
}
#mm-mainmenu a {
  text-decoration: none;
}
.mm-listview > li:not(.mm-divider)::after {
  position: relative;
  left: 0;
}
.mm-navbar {
  height: inherit;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.5rem;
}
#sitebreadcrumb {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 0 2rem 0;
}
@media only screen and (min-width: 800px) {
  #sitebreadcrumb {
    display: flex;
  }
}
#sitebreadcrumb li {
  margin: 0;
  padding: 0;
}
#sitebreadcrumb li a {
  text-decoration: none;
}
#sitebreadcrumb li:before {
  content: attr(data-seperator);
  margin: 0;
  padding: 0 8px;
}
#sitebreadcrumb li:first-child:before {
  content: "";
  padding: 0;
}
body {
  font-family: "Cairo";
  font-size: 16px;
  /* font-size: 1rem */
  font-weight: 400;
  font-style: normal;
  line-height: 1.25;
  color: #000;
}
p, h1, h2, h3, h4, h5, h6, ul, li, dd, dt, blockquote, q, pre, td, th, label, legend, input, textarea, option, .text, .contentdiv, span.imgreplace, .highslide-caption, .microbox {
  line-height: 24px;
}
@media only screen and (min-width: 480px) {
  body {
    font-size: 17px;
    /* line-height: 26px; */
  }
  p, h1, h2, h3, h4, h5, h6, ul, li, dd, dt, blockquote, q, pre, td, th, label, legend, input, textarea, option, .text, span.imgreplace {
    line-height: 26px;
  }
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 18px;
    /* line-height: 29px; */
  }
  p, h1, h2, h3, h4, h5, h6, ul, li, dd, dt, blockquote, q, pre, td, th, label, legend, input, textarea, option, .text, span.imgreplace {
    line-height: 29px;
  }
}
.fixedtext {
  font-size: 16px;
  line-height: 20px;
}
.color1, .brand, .primary {
  color: #4a3820;
}
.primary-dark {
  color: #2f2314;
}
.primary-light {
  color: #decbb3;
}
.secondary-dark {
  color: #121c29;
}
.secondary-light {
  color: #848e9b;
}
.color2, .accent, .secondary {
  color: #20324a;
}
.color3, .third {
  color: #324a20;
}
.color4, .fourth {
  color: #FFC107;
}
.highlight {
  color: #4a3820;
}
.highlighted {
  color: #20324a;
}
.background {
  color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Cairo";
  font-weight: 400;
  font-style: normal;
  color: #2f2314;
  margin-bottom: 1rem;
  line-height: 1.5;
}
h1, .h1 {
  font-size: 1.7rem;
}
h2, .h2 {
  font-size: 1.5rem;
}
h3, .h3 {
  font-size: 1.4rem;
}
h4, .h4 {
  font-size: 1.3rem;
}
h5, .h5 {
  font-size: 1.2rem;
}
h6, .h6 {
  font-size: 1.1rem;
}
@media only screen and (min-width: 640px) {
  h1, .h1 {
    font-size: 2.1rem;
  }
  h2, .h2 {
    font-size: 1.8rem;
  }
  h3, .h3 {
    font-size: 1.6rem;
  }
  h4, .h4 {
    font-size: 1.5rem;
  }
  h5, .h5 {
    font-size: 1.4rem;
  }
  h6, .h6 {
    font-size: 1.3rem;
  }
}
@media only screen and (min-width: 990px) {
  h1, .h1 {
    font-size: 2.3rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.8rem;
  }
  h4, .h4 {
    font-size: 1.7rem;
  }
  h5, .h5 {
    font-size: 1.6rem;
  }
  h6, .h6 {
    font-size: 1.5rem;
  }
}
p {
  margin-bottom: 1rem;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizelegibility;
}
strong, b {
  font-weight: 600;
}
.taglabel {
  font-style: normal;
  color: #000;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
a.tag {
  font-size: 16px;
  background-color: #4a3820;
  padding: 3px 8px;
  border-radius: 3px;
  color: #fff !important;
  text-decoration: none !important;
  font-style: normal;
}
.lorem p, .lorem h1, .lorem h2, .lorem h3, .lorem h4, .lorem h5, .lorem h6, p.lorem {
  display: inline;
  background-color: #f4d8e0;
}
.lorem li {
  background-color: #f4d8e0;
}
.lorem p:after, .lorem h1:after, .lorem h2:after, .lorem h3:after, .lorem h4:after, p.lorem:after {
  content: "";
  display: block;
  margin-bottom: 1.25rem;
}
.lorem blockquote p:after {
  margin-bottom: 0 !important;
}
ul, ol, dl {
  margin: 0 0 1rem 0;
  padding: 0 0 0 1.75rem;
}
li {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  line-height: inherit;
}
p + h1, ul + h1, p + h2, ul + h2, p + h3, ul + h3, p + h4, ul + h4, p + h5, ul + h5, ul + h6 {
  margin-top: 1.25rem;
}
h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2, h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, h6 + h3, h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, h6 + h4, h1 + h5, h2 + h5, h3 + h5, h4 + h5, h5 + h5, h6 + h5, h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6, h6 + h6 {
  margin-top: 1.25rem;
}
h2.sub, h3.sub {
  color: #888;
  font-weight: 700;
}
[class*="look-"] h1, [class*="look-"] h2, [class*="look-"] h3, [class*="look-"] h4, [class*="look-"] h5, [class*="look-"] h6 {
  color: inherit;
}
.headingcolor {
  color: #2f2314 !important;
}
a, a:link, a:visited {
  color: #20324a;
  text-decoration: underline;
  outline: none !important;
}
a:hover, a:active, a:focus {
  color: #7395c3;
  text-decoration: underline;
  outline: none !important;
}
hr {
  border-color: #c6a67c;
  border-style: dashed;
}
ul.list-check, ul.list-bullet, ul.list-circle, ul.list-square, ul.list-angle {
  list-style-type: none;
  padding: 0;
}
ul.list-check > li, ul.list-bullet > li, ul.list-circle > li, ul.list-square > li, ul.list-angle > li {
  padding-left: 2rem;
}
ul.list-check > li:before, ul.list-bullet > li:before, ul.list-circle > li:before, ul.list-square > li:before, ul.list-angle > li:before {
  font-family: "FontAwesome";
  display: inline-block;
  text-align: center;
  margin-left: -2rem;
  width: 2rem;
}
ul.list-check > li:before {
  content: "";
}
ul.list-bullet > li:before {
  content: "";
}
ul.list-circle > li:before {
  content: "";
}
ul.list-square > li:before {
  content: "";
}
ul.list-angle > li:before {
  content: "";
}
ul.bullet-standard > li:before {
  color: #000;
}
ul.bullet-primary > li:before {
  color: #4a3820;
}
ul.bullet-secondary > li:before {
  color: #20324a;
}
ul.bullet-third > li:before {
  color: #324a20;
}
ul.bullet-fourth > li:before {
  color: #FFC107;
}
ul.list-primary > li {
  color: #4a3820;
}
ul.list-secondary > li {
  color: #20324a;
}
ul.list-third > li {
  color: #324a20;
}
ul.list-fourth > li {
  color: #FFC107;
}
ul.list-smaller {
  font-size: 0.8em;
}
ul.list-small {
  font-size: 0.9em;
}
ul.list-big {
  font-size: 1.1em;
  line-height: 1.6em;
}
ul.list-bigger {
  font-size: 1.2em;
  line-height: 1.75em;
}
ul.list-narrow {
  line-height: 1.25em;
}
ul.list-simple {
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
  list-style-image: none;
}
ul.list-simple > li {
  list-style-type: none;
}
.multi {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  -o-column-count: 1;
  column-count: 1;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  -o-column-gap: 1.5em;
  column-gap: 1.5em;
  margin: 0 0 1em 0;
}
@media only screen and (min-width: 568px) {
  .multi {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (min-width: 768px) {
  .multi {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    -o-column-gap: 2em;
    column-gap: 2em;
  }
}
.multi-ruled {
  -moz-column-rule: 1px solid #d3d3d3;
  -webkit-column-rule: 1px solid #d3d3d3;
  -o-column-rule: 1px solid #d3d3d3;
  column-rule: 1px solid #d3d3d3;
}
.multi-justify {
  text-align: justify;
}
.multi-center {
  text-align: center;
}
blockquote {
  border-left: 4px solid #e74c3c;
  color: #888;
  margin: 0 0 1em 0em;
  padding: 0.5em 2em 0.5em 1em;
  font-family: "Cairo";
  font-weight: 400;
  font-style: normal;
}
cite, q {
  font-family: "Cairo";
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}
q::before {
  content: "„";
}
q::after {
  content: "“";
}
.zitat {
  font-family: "Cairo";
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}
blockquote p {
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote cite {
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
blockquote cite::before {
  content: "— ";
}
.newspermalink {
  display: none;
}
#newsarchiv {
  margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border: 0px solid transparent;
  border-top: 1px solid #4a3820;
  background-color: transparent;
  box-shadow: none;
}
#newsarchiv.newsarchivnavigation {
  border-top: none;
  margin: 0 0 1.5rem 0;
  padding: 0 0 1.5em 0;
  border-bottom: 1px solid #4a3820;
}
#newsarchiv li.preview {
  list-style-position: inside;
  margin: 0;
}
.na_link {
  text-align: left;
}
ul.years li, ul.months li {
  margin: 0 10px 10px 0 !important;
}
ul.years li a, ul.months li a {
  color: #000;
}
ul.years li.current a, ul.months li.current a {
  color: #fff;
  background-color: #4a3820;
  text-decoration: none;
}
ul.years li:hover a, ul.years li:focus a, ul.months li:hover a, ul.months li:focus a {
  color: #fff !important;
  background-color: #4a3820 !important;
  text-decoration: none;
}
.produktgruppenpfad {
  color: #000;
  padding: 0 0 0.5em 0;
}
.produktgruppenpfad hr {
  display: none;
}
.produktgruppenpfad a:hover, .produktgruppenpfad a:link, .produktgruppenpfad a:visited, .produktgruppenpfad a:focus, .produktgruppenpfad a:active {
  color: #4a3820 !important;
  text-decoration: underline !important;
  font-size: inherit;
  font-weight: normal;
}
.produktgruppenpfad a.root {
  font-size: 1.15em;
  font-weight: bold;
}
#produktgruppen {
  margin: 1em 0;
}
#produktgruppen .produktgruppe {
  float: none;
  margin: 0;
  width: auto;
}
#produktgruppen .produktgruppenbild {
  height: 95px;
}
@media only screen and (min-width: 568px) {
  #produktgruppen .produktgruppenbild {
    height: 110px;
  }
}
@media only screen and (min-width: 768px) {
  #produktgruppen .produktgruppenbild {
    height: 125px;
  }
}
@media only screen and (min-width: 1024px) {
  #produktgruppen .produktgruppenbild {
    height: 150px;
  }
}
#produktgruppen .produktgruppenbild .gruppenthumb {
  max-width: inherit;
  max-height: inherit;
  width: inherit;
  height: inherit;
  height: 75px;
}
@media only screen and (min-width: 568px) {
  #produktgruppen .produktgruppenbild .gruppenthumb {
    height: 90px;
  }
}
@media only screen and (min-width: 768px) {
  #produktgruppen .produktgruppenbild .gruppenthumb {
    height: 105px;
  }
}
@media only screen and (min-width: 1024px) {
  #produktgruppen .produktgruppenbild .gruppenthumb {
    height: 130px;
  }
}
#produktgruppen .produktgruppenlink {
  font-size: 1.2em;
  font-weight: normal;
  min-height: 2em;
  height: inherit;
  overflow: visible;
  overflow-wrap: break-word;
}
#produktgruppen .produktgruppenlink a, #produktgruppen .produktgruppenlink a:hover, #produktgruppen .produktgruppenlink a:visited, #produktgruppen .produktgruppenlink a:active, #produktgruppen .produktgruppenlink a:focus {
  color: #000 !important;
}
#produktgruppen .produktgruppenlink a strong {
  font-weight: lighter;
}
.pg_box {
  margin-right: 0px;
  width: auto;
  float: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.pg_box_inner {
  margin: 0;
  min-height: inherit;
  padding: 0;
}
.pg_productimage {
  height: 95px;
}
@media only screen and (min-width: 568px) {
  .pg_productimage {
    height: 110px;
  }
}
@media only screen and (min-width: 768px) {
  .pg_productimage {
    height: 125px;
  }
}
@media only screen and (min-width: 1024px) {
  .pg_productimage {
    height: 150px;
  }
}
.pg_productthumbnail {
  margin-bottom: 0;
}
.produktthumb {
  max-width: inherit;
  max-height: inherit;
  width: inherit;
  height: inherit;
  height: 75px;
}
@media only screen and (min-width: 568px) {
  .produktthumb {
    height: 90px;
  }
}
@media only screen and (min-width: 768px) {
  .produktthumb {
    height: 105px;
  }
}
@media only screen and (min-width: 1024px) {
  .produktthumb {
    height: 130px;
  }
}
.pg_productname {
  font-size: 1.1em;
}
.pg_productname a {
  color: #000 !important;
  text-decoration: none !important;
}
.pg_productname strong {
  font-weight: lighter;
}
.pg_price {
  margin-top: 8px;
}
.pg_preisalt {
  font-size: 0.8em;
}
.pg_preis {
  font-size: 1.4em;
  margin-bottom: 6px;
  color: #4a3820;
}
.pg_addtocartoption_box {
  background-image: none;
}
.pg_addtocartoption_box a {
  background-image: none;
  line-height: inherit;
  padding-left: 0;
}
.pg_addtocart_box, .pg_addtocartoption_box {
  background-image: none;
}
.pg_addtocart_box a {
  background-image: none !important;
  line-height: inherit;
  padding-left: 0;
}
.pl_box_inner {
  padding: 1em 0 4px;
}
.pl_produktthumb {
  max-width: 90%;
}
.pl_addtocart_box, .pl_addtocartoption_box {
  background: none;
}
.pl_addtocart_box a, .pl_addtocartoption_box a {
  background-image: none !important;
  background: none !important;
  line-height: inherit;
  padding-left: 0px;
}
.pl_ctabutton {
  margin-left: 0 !important;
}
.pd {
  margin-top: 2em;
}
.pd_name {
  font-size: 0.8em;
}
@media only screen and (min-width: 568px) {
  .pd_name {
    font-size: 1em;
  }
}
.pd_thumbnail {
  max-width: 90%;
}
.produktbilder {
  border: 0px solid transparent;
  margin: 1em 0;
  text-align: center;
}
.produktzusatzbild {
  float: none;
  display: inline;
  margin: 5px;
  padding: 2px;
}
.produktzusatzbild .cmsthumb {
  display: inline;
}
.pd_produktbilder_thumbs {
  height: inherit;
  width: inherit;
  max-height: 40px;
}
.pd_preis {
  color: #4a3820;
}
.pd_mwstinfo {
  font-size: 0.9em;
  margin-bottom: 10px;
  margin-top: 10px;
}
.pd_options select {
  width: auto;
  max-width: 100%;
}
.pd_socialbuttons {
  margin-top: 1em;
}
form.warenkorb input {
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  padding: 1px 10px;
  color: #000;
  font-weight: 500;
}
form.warenkorb input.anzahl {
  width: 2.3em;
}
.pd_cta {
  background-color: yellow;
}
.step_anleitung, #step3 .step_warenkorb, #step4 .step_warenkorb {
  display: none;
}
@media only screen and (min-width: 768px) {
  .step_anleitung, #step3 .step_warenkorb, #step4 .step_warenkorb {
    display: block;
  }
}
.produktweiteresbild {
  float: none;
  display: inline;
  margin: 0 1.5em 0.5em 0;
  padding: 2px;
}
.pd_produktweiterebilder_thumbs {
  height: inherit;
  width: inherit;
  max-height: 85px;
}
.tab_content {
  padding: 1em;
}
#weiterebilder.tab_content {
  padding: 2em;
}
#produkteigenschaften .col, #produkteigenschaften [class*="col-"] {
  padding: 0 0.5rem 0rem;
}
#produkteigenschaften {
  border: 0px solid transparent;
}
.produkteigenschaft .ungerade {
  background-color: transparent;
}
.produkteigenschaft .gerade {
  background-color: transparent;
}
.produkteigenschaft .ungerade .subcl {
  background-color: transparent;
}
.produkteigenschaft .gerade .subcl {
  background-color: transparent;
}
.pe_name {
  font-weight: bold;
}
@media only screen and (min-width: 568px) {
  .produkteigenschaft .ungerade {
    background-color: #ededed;
    border-left: none;
    padding: 3px;
    margin: 0;
  }
  .produkteigenschaft .gerade {
    background-color: #cae5ff;
    border-left: none;
    padding: 3px;
    margin: 0;
  }
  .produkteigenschaft .ungerade .subcl {
    background-color: #e2e2e2;
  }
  .produkteigenschaft .gerade .subcl {
    background-color: #b5dbff;
  }
  .pe_name {
    font-weight: normal;
  }
}
.pd_fbox {
  margin-top: 1em;
}
#header #communitylogin, #communitylogin_mini_text {
  display: none;
}
#header #communitylogin_mini {
  display: block;
}
#icon_user_flat {
  display: block;
  margin-left: 0.5rem;
  width: 32px;
  height: 32px;
  fill: #fff;
}
@media only screen and (min-width: 768px) {
  #icon_user_flat {
    fill: #333;
  }
}
@media only screen and (min-width: 1140px) {
  #icon_user_flat {
    width: 48px;
    height: 48px;
    margin-left: 1rem;
  }
}
#col1 #communitylogin {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
}
#minikorb, #microkorb {
  display: none;
}
#microkorb_qty, #minikorb_qty {
  display: block;
  margin-left: 0.5rem;
  position: relative;
}
@media only screen and (min-width: 1140px) {
  #microkorb_qty, #minikorb_qty {
    margin-left: 1rem;
  }
}
#icon_cart_flat {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 200;
  fill: #fff;
}
@media only screen and (min-width: 768px) {
  #icon_cart_flat {
    fill: #333;
  }
}
@media only screen and (min-width: 1140px) {
  #icon_cart_flat {
    width: 48px;
    height: 48px;
  }
}
#microkorb_qty span, #minikorb_qty span {
  position: absolute;
  display: block;
  z-index: 201;
  bottom: 2px;
  width: 100%;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  #microkorb_qty span, #minikorb_qty span {
    color: #fff;
  }
}
@media only screen and (min-width: 1140px) {
  #microkorb_qty span, #minikorb_qty span {
    bottom: 5px;
    font-size: 20px;
  }
}
#minizettel, #microzettel {
  display: none;
}
#zettel_icon {
  display: block;
  position: relative;
  margin-left: 0.5rem;
}
@media only screen and (min-width: 1140px) {
  #zettel_icon {
    margin-left: 1rem;
  }
}
#icon_zettel_flat {
  display: block;
  position: relative;
  width: 32px;
  height: 32px;
  z-index: 200;
  fill: #fff;
}
@media only screen and (min-width: 768px) {
  #icon_zettel_flat {
    fill: #333;
  }
}
@media only screen and (min-width: 1140px) {
  #icon_zettel_flat {
    width: 48px;
    height: 48px;
  }
}
#zettel_icon span {
  position: absolute;
  display: inline-block;
  bottom: 3px;
  width: 100%;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  display: block;
  z-index: 201;
}
@media only screen and (min-width: 768px) {
  #zettel_icon span {
    color: #fff;
  }
}
@media only screen and (min-width: 1140px) {
  #zettel_icon span {
    bottom: 6px;
    font-size: 20px;
  }
}
#wrapper_shopping {
  display: flex;
  align-items: center;
  position: absolute;
  right: 44px;
  top: 22px;
}
@media only screen and (min-width: 640px) {
  #wrapper_shopping {
    top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  #wrapper_shopping {
    right: 5px;
  }
}
@media only screen and (min-width: 1140px) {
  #wrapper_shopping {
    top: 1.5rem;
    right: 1rem;
  }
}
input[name="submitaktualisieren"]:hover {
  border-color: #888;
}
.card-action--qty {
  border-top: 1px solid #dedede;
}
.downloadrubrik {
  border-top: 1px solid #4a3820;
  margin: 0;
  padding: 1em 0 1em 0;
}
.downloadrubrikfirst {
  border-top: none;
  padding: 0 0 1em 0;
}
.dr_bild {
  text-align: center;
}
.dr_bild .kategoriethumbnail {
  max-width: 90%;
  max-height: 150px;
}
.downloadkategorie {
  border: none;
  margin: 1em 0 0 0;
  padding: 0;
}
.downloaddetailkategorie {
  display: none;
}
.downloadbox {
  border-top: 1px solid #4a3820;
  padding: 1em 0;
  margin: 0;
}
.downloadboxfirst {
  border-top: none;
  padding: 0 0 1em 0;
}
.dl_bild {
  text-align: center;
}
.dl_bild .downloadthumbnail {
  max-width: 90%;
  max-height: 150px;
}
.dlviewspan, .dldownloadspan {
  display: inline-block;
  margin-top: 10px;
}
.download {
  margin-top: 1em;
}
.dd_bild {
  text-align: center;
}
.dd_bild .downloadthumbnail {
  max-width: 90%;
  max-height: 150px;
}
.z-tabs.flat.flat-graphite > ul.z-tabs-nav > li.z-active > a, .z-tabs.flat.flat-graphite > ul.z-tabs-mobile.z-state-closed > li a, .z-tabs.flat.flat-graphite > ul.z-tabs-mobile > li a {
  background: #4a3820 none repeat scroll 0 0;
}
.z-tabs.flat.flat-graphite > ul, .z-tabs.flat.flat-graphite > .z-container {
  border-color: #4a3820;
}
#conversion {
  background-color: #20324a;
  padding-top: 20px;
  padding-bottom: 20px;
}
#conversion {
  color: #ffffff;
}
#conversion h3 {
  color: #ffffff;
}
#conversion p {
  color: #ffffff;
}
#conversion button {
  border: 2px solid #ffffff;
  padding: 12px 24px;
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
}
#conversion button:hover {
  background-color: transparent;
}
#conversion hr {
  border-color: #ffffff;
  margin-top: 12px;
  margin-bottom: 18px;
}
#conversion p.cj_phone {
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}
#conversion p.cj_phone i {
  font-size: 1.8em;
  padding-right: 10px;
}
@media only screen and (min-width: 640px) {
  #conversion p.cj_phone i {
    font-size: 1.2em;
    padding-right: 5px;
  }
}
#conversion p.cj_phone a.phonedevice {
  font-size: 27px;
  line-height: 37px;
}
#conversion p.cj_phone a.phonedevice.mobile {
  font-size: 22px;
}
#conversion a {
  color: #ffffff;
}
.pagethumbnail img:not(.badge), span.responsive img:not(.badge), img.rimg, img.responsive {
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
}
img.bordered, span.bordered img:not(.badge) {
  border: 4px solid #4a3820;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  background-size: cover;
  max-width: 100%;
  box-sizing: border-box;
}
img.shaded, span.shaded img:not(.badge) {
  position: relative;
  border: 0px solid transparent;
  padding: 0px;
  background: #fff;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 5px 13px 0 rgba(0, 26, 51, 0.3);
  -moz-box-shadow: 0 5px 13px 0 rgba(0, 26, 51, 0.3);
  box-shadow: 0 5px 13px 0 rgba(0, 26, 51, 0.3);
  max-width: 100%;
  box-sizing: border-box;
}
.vertical img, span img.vertical {
  box-sizing: content-box !important;
}
img.bordered.shaded, span.bordered.shaded img:not(.badge) {
  border: 0px solid #4a3820;
}
span.shaded2 {
  border: 1px solid #ccc;
  padding: 2px;
}
img.circled, span.circled img:not(.badge) {
  -webkit-border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -ms-border-radius: 100% !important;
  border-radius: 100% !important;
}
span.max img {
  max-width: 100% !important;
}
.max50 {
  max-width: 50% !important;
}
.max75, .imagemax75 {
  max-width: 75% !important;
}
.max100, [class*=grid] img {
  max-width: 100% !important;
}
.imgreplacebox {
  display: block;
  text-align: center;
  margin: 0 auto 1rem;
}
.imgreplacevertical {
  display: block;
}
.imgreplace {
  margin-left: 6px;
}
.imgreplace:first-child {
  margin-left: 0px;
}
.imgreplacebox .imgreplace {
  margin: 3px;
  display: inline-block;
}
span.imgreplace {
  line-height: 0 !important;
}
.imgright img {
  float: right;
  margin-bottom: 1rem !important;
  margin-left: 1rem !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
}
.imgleft img {
  float: left;
  margin-bottom: 1rem !important;
  margin-right: 1rem !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
figure {
  max-width: 100%;
  display: inline-block;
}
figure img {
  max-width: 100%;
}
figcaption {
  font-size: 0.8em;
  text-align: center;
}
video {
  max-width: 100%;
}
.galbox {
  border-top: 0px solid transparent;
}
.galeriedetailalbum {
  background-color: transparent;
  border: 0px solid transparent;
  margin-bottom: 0;
  padding: 0;
}
.galeriebox, .galerie {
  border: 0px solid transparent;
  padding: 0;
}
div#thumbgallery {
  margin: 0 -8px;
}
div#thumbgallery {
  margin: 0;
}
div#thumbgallery div {
  margin-left: 0px;
  margin-right: 0px;
}
.navigator {
  text-align: center;
}
.n_pagetext, .n_pagedesc {
  display: none;
}
.navigator a.nborder {
  display: inline-block;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  background-color: #fafafa;
  border: 0px solid #4a3820;
  color: #000;
  font-weight: bold;
  margin: 0;
  padding: 6px;
  text-decoration: none;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  margin-left: 5px;
  line-height: 23px;
}
.navigator .nactive {
  display: inline-block;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 6px;
  text-decoration: none;
  border-radius: 50%;
  background-color: #4a3820;
  border: 0px solid #4a3820;
  color: #FFFFFF;
  font-weight: bold;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  margin-left: 5px;
  line-height: 23px;
}
.navigator a.nborder:hover {
  background-color: #4a3820;
  color: #FFFFFF;
  text-decoration: none;
}
.glossarindex {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  color: #999;
  margin: 4px 0 4px 4px;
  padding: 1px 7px;
}
.glossarindexcontent:hover {
  background-color: #4a3820;
  border-color: #4a3820;
}
.glossarindexcontent:hover a {
  color: #fff;
}
.glossarindexaktiv {
  background-color: #4a3820;
  border-color: #4a3820;
}
.glossarindexaktiv a {
  color: #fff !important;
}
/* Responsive Form */
.rwdform {
  margin: 0;
  padding: 0;
  overflow: visible;
}
.rwdform div.field {
  padding: 0;
  margin: 0;
  overflow: visible;
}
.rwdform .nofield {
  padding: 5px 0;
}
.rwdform fieldset {
  margin: 8px 0;
  padding: 0;
  overflow: visible;
}
.rwdform legend {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0;
  margin-top: 12px;
}
.rwdform span.condition, span.condition {
  font-size: 0.95em;
  font-weight: normal;
  color: red;
}
.rwdform label {
  display: block;
  font-size: 0.8em;
  margin: 6px 0 2px 0;
  color: #333;
  margin-top: 12px;
}
.rwdform label.inputlabel {
  font-size: 1em;
  margin: 0;
  color: inherit;
}
.rwdform label.inputlabel input {
  width: auto;
  height: auto;
  display: inline;
  vertical-align: inherit;
  margin-right: 6px;
}
.rwdform input {
  width: 100%;
  font-size: 1.1em;
  border: 1px solid #4a3820;
  box-sizing: border-box;
  padding: 6px;
  background-color: #fff;
}
.rwdform input[type=text]:focus, input[type=password]:focus, .rwdform textarea:focus {
  background-color: #fff;
  color: #000;
  border-color: #4a3820;
  position: relative;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 6px #a59c91;
  -moz-box-shadow: 0px 0px 6px #a59c91;
  box-shadow: 0px 0px 6px #a59c91;
}
.rwdform select {
  width: 100%;
  font-size: 1.1em;
  border: 1px solid #4a3820;
  box-sizing: border-box;
  padding: 6px;
  background-color: #fff;
}
.rwdform textarea {
  width: 100%;
  height: 120px;
  box-sizing: border-box;
  border: 1px solid #4a3820;
}
.rwdform .formtextbox, .rwdform .formhtmlbox {
  border: 2px solid #4a3820;
  margin: 4px 0;
  padding: 4px 12px 12px 8px;
  height: 200px;
  overflow: auto;
}
.rwdform input[type=submit] {
  width: auto;
  font-size: 20px;
  font-weight: 400;
  border: 3px solid #4a3820;
  padding: 6px 20px;
}
.rwdform input[type=submit].reload {
  width: auto;
  font-size: 18px;
  font-weight: 400;
  border: 2px solid #888;
  padding: 4px 10px;
}
.rwdform input[type=checkbox] {
  width: auto;
  height: 22px;
  display: table-cell;
  vertical-align: text-bottom;
  margin-right: 7px;
}
@media only screen and (max-width: 480px) {
  .rwdform .max {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.rwdform input.horizontal[type="radio"], .rwdform input.horizontal[type="checkbox"], .rwdform #datenschutz input[type="checkbox"], .rwdform #agb input[type="checkbox"] {
  width: inherit;
  height: inherit;
  display: inline;
  vertical-align: inherit;
  margin-right: 10px;
}
.rwdform input[type=radio] {
  width: auto;
  height: 22px;
  display: table-cell;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.rwdform input[type=radio].inline {
  width: auto;
  height: inherit;
  display: inline;
  vertical-align: inherit;
  margin-right: 0.4rem;
}
.rwdform div.radiodiv, .rwdform div.checkdiv {
  display: table;
}
.rwdform div.checkidiv {
  display: inline-table;
  margin-right: 26px;
}
.rwdform span.radiotext, .rwdform span.checktext {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
}
.rwdform span.condition, span.condition {
  font-size: 0.95em;
  font-weight: normal;
  color: red;
}
.rwdform p.conditions {
  font-size: 13px;
  line-height: 18px;
}
.rwdform #Sicherheitscode {
  position: relative;
  top: 5px;
}
.rwdform .required {
  border: 1px solid #eee;
  padding: 1rem;
  background-color: #f8f8f8;
  margin-bottom: 1rem;
}
#ui-datepicker-div {
  z-index: 1000;
}
.fieldform input[type="submit"] {
  width: auto;
  font-weight: normal;
  cursor: pointer;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}
#karten iframe {
  width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .grid #kontaktformular {
    border-right: 1px solid #e8e8e8;
    padding-right: 1em;
  }
}
.bcpath {
  color: #000;
  padding: 0 0 0.5em 0;
}
.bcpath a:hover, .bcpath a:link, .bcpath a:visited, .bcpath a:focus, .bcpath a:active {
  color: #4a3820 !important;
  text-decoration: underline !important;
}
.bcpath a {
  font-size: inherit;
  font-weight: normal;
}
.bcpath a.root {
  font-size: 1.2em;
  font-weight: bold;
}
.card {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 1rem 0;
  background: #fff;
  border-radius: 2px;
  z-index: 10;
  overflow: visible;
}
.card.card-depth1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card.card-depth2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card.card-depth3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card.card-depth4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card.card-depth5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card.card-depth1.card-hover:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.card.card-depth2.card-hover:hover {
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.25), 0 12px 12px rgba(0, 0, 0, 0.22);
}
.card.card-depth3.card-hover:hover {
  box-shadow: 0 22px 36px rgba(0, 0, 0, 0.25), 0 17px 17px rgba(0, 0, 0, 0.22);
}
.card.card-depth4.card-hover:hover {
  box-shadow: 0 26px 38px rgba(0, 0, 0, 0.25), 0 22px 22px rgba(0, 0, 0, 0.22);
}
.card.card-depth5.card-hover:hover {
  box-shadow: 0 28px 40px rgba(0, 0, 0, 0.25), 0 25px 25px rgba(0, 0, 0, 0.22);
}
.card-overlay {
  position: absolute;
}
.card-hero {
  padding: 0em;
  margin: 0;
  overflow: hidden;
}
.card-hero .imgreplacebox .imgreplace {
  margin: 0 !important;
}
.card-hero.hero-norm img, .card-hero.hero-zoom img, .card-hero.hero-dark img, .card-hero.hero-shine img {
  transition: all 500ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card:hover .card-hero.hero-norm img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  filter: brightness(100%);
}
.card:hover .card-hero.hero-zoom img {
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.card:hover .card-hero.hero-dark img {
  filter: brightness(80%);
}
/*
.card:hover .card-hero.hero-shine imgreplacebox { position: relative; }
.card:hover .card-hero.hero-shine imgreplacebox::before {	position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.card:hover .card-hero.hero-shine imgreplacebox:hover::before { -webkit-animation: heroshine .75s; animation: heroshine .75s; }
@-webkit-keyframes heroshine { 100% { left: 125%; } }
@keyframes heroshine { 100% { left: 125%; } }
*/
.hero1 img, img.hero1 {
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  filter: brightness(80%);
}
.card .card-title {
  padding: 0.25rem 1rem;
  margin: 0;
}
.card .card-title h2, .card-title h3, .card-title h4 {
  font-family: "Cairo";
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.card .card-title h2.sub, .card-title h3.sub, .card-title h4.sub, .card .card-title h2.subtitle, .card-title h3.subtitle, .card-title h4.subtitle {
  color: #a57b46;
  font-family: "Cairo";
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.card .card-content {
  padding: 0.5rem 1rem;
}
.card-content.content--50 {
  min-height: 50px;
}
.card-content.content--75 {
  min-height: 75px;
}
.card-content.content--100 {
  min-height: 100px;
}
.card-content.content--125 {
  min-height: 125px;
}
.card-content.content--150 {
  min-height: 150px;
}
.card-content.content--200 {
  min-height: 200px;
}
.card-content.content--300 {
  min-height: 300px;
}
.card .card-action, .card .card-action-right {
  padding: 0.25rem 1rem;
  text-align: right;
}
.card .card-action-left {
  padding: 0.25rem 1rem;
}
.button {
  display: inline-block;
  margin: 0.5em;
  padding: 0.5em 1em;
  color: #fff;
  border: 2px solid #edeeee;
  border-radius: 4px;
  font-size: 0.9em;
  font-weight: 500;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  text-decoration: none !important;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 60ms ease-in-out;
  justify-content: center;
  align-items: center;
  flex: 0 0 160px;
  overflow: hidden;
}
.button:hover {
  transition: all 60ms ease;
  opacity: 0.85;
}
.button:active {
  transition: all 60ms ease;
  opacity: 0.75;
}
.button {
  color: #202129;
  background-color: #edeeee;
  border-color: #edeeee;
}
.button:hover {
  color: #202129;
  background-color: #e1e2e2;
  opacity: 1;
}
.button:active {
  background-color: #d5d6d6;
  opacity: 1;
}
.button.button-standard {
  color: #202129;
  background-color: #edeeee;
  border-color: #edeeee;
}
.button.button-standard:hover {
  color: #202129;
  background-color: #e1e2e2;
  opacity: 1;
}
.button.button-standard:active {
  background-color: #d5d6d6;
}
.button.button-primary {
  color: #fff;
  background: #4a3820;
  border-color: #4a3820;
}
.button.button-primary:hover {
  background-color: #382b18;
  border-color: #382b18;
}
.button.button-primary:active {
  background-color: #0a0804;
  border-color: #0a0804;
}
.button.button-secondary {
  color: #fff;
  background: #20324a;
  border-color: #20324a;
}
.button.button-secondary:hover {
  background-color: #182638;
  border-color: #182638;
}
.button.button-secondary:active {
  background-color: #04070a;
  border-color: #04070a;
}
.button.button-third {
  color: #fff;
  background: #324a20;
  border-color: #324a20;
}
.button.button-third:hover {
  background-color: #263818;
  border-color: #263818;
}
.button.button-third:active {
  background-color: #070a04;
  border-color: #070a04;
}
.button.button-fourth {
  color: #fff;
  background: #FFC107;
  border-color: #FFC107;
}
.button.button-fourth:hover {
  background-color: #edb100;
  border-color: #edb100;
}
.button.button-fourth:active {
  background-color: #aa8000;
  border-color: #aa8000;
}
.button.button-white {
  color: #333;
  background: #fff;
  border-color: #fff;
}
.button.button-white:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.button.button-white:active {
  background-color: #d1d1d1;
  border-color: #d1d1d1;
}
.button.button-dark {
  color: #fff;
  background: #3c3c3c;
  border-color: #3c3c3c;
}
.button.button-dark:hover {
  background-color: #2f2f2f;
  border-color: #2f2f2f;
}
.button.button-dark:active {
  background-color: #0e0e0e;
  border-color: #0e0e0e;
}
.button.button-grey {
  color: #fff;
  background: #888888;
  border-color: #888888;
}
.button.button-grey:hover {
  background-color: #7b7b7b;
  border-color: #7b7b7b;
}
.button.button-grey:active {
  background-color: #5a5a5a;
  border-color: #5a5a5a;
}
.button.button-green {
  color: #fff;
  background: #2ecc71;
  border-color: #2ecc71;
}
.button.button-green:hover {
  background-color: #29b765;
  border-color: #29b765;
}
.button.button-green:active {
  background-color: #1d8148;
  border-color: #1d8148;
}
.button.button-blue {
  color: #fff;
  background: #3498db;
  border-color: #3498db;
}
.button.button-blue:hover {
  background-color: #258cd1;
  border-color: #258cd1;
}
.button.button-blue:active {
  background-color: #1b6698;
  border-color: #1b6698;
}
.button.button-red {
  color: #fff;
  background: #da1f10;
  border-color: #da1f10;
}
.button.button-red:hover {
  background-color: #c21c0e;
  border-color: #c21c0e;
}
.button.button-red:active {
  background-color: #84130a;
  border-color: #84130a;
}
.button.button-midnight {
  color: #fff;
  background: #2c3e50;
  border-color: #2c3e50;
}
.button.button-midnight:hover {
  background-color: #233140;
  border-color: #233140;
}
.button.button-midnight:active {
  background-color: #0b1015;
  border-color: #0b1015;
}
.button.button-fuchsia {
  color: #fff;
  background: #8e44ad;
  border-color: #8e44ad;
}
.button.button-fuchsia:hover {
  background-color: #7f3d9b;
  border-color: #7f3d9b;
}
.button.button-fuchsia:active {
  background-color: #582a6b;
  border-color: #582a6b;
}
.button.button-cta {
  color: #fff;
  background: #da1212;
  border-color: #da1212;
}
.button.button-cta:hover {
  background-color: #c21010;
  border-color: #c21010;
}
.button.button-cta:active {
  background-color: #850b0b;
  border-color: #850b0b;
}
.button.button-orange {
  color: #fff;
  background: #FF851B;
  border-color: #FF851B;
}
.button.button-orange:hover {
  background-color: #ff7701;
  border-color: #ff7701;
}
.button.button-orange:active {
  background-color: #be5800;
  border-color: #be5800;
}
.button.button-yellow {
  color: #000;
  background: #ffd00c;
  border-color: #ffd00c;
}
.button.button-yellow:hover {
  background-color: #f2c300;
  border-color: #f2c300;
}
.button.button-yellow:active {
  background-color: #af8d00;
  border-color: #af8d00;
}
.button.button-color-white {
  color: #fff !important;
  border-color: #fff !important;
}
.button.button-color-black {
  color: #000 !important;
}
.button.button-border-green {
  border-color: #2ecc71 !important;
}
.button.button-background-white {
  background-color: #fff !important;
}
.button.button-hover-white:hover {
  background-color: #fff !important;
  border-color: #fff !important;
}
.button.button-hover-green:hover {
  background-color: #2ecc71 !important;
  border-color: #2ecc71 !important;
}
.button-hover-color-active:hover {
  color: #3498db !important;
}
.button-hover-color-active-light:hover {
  color: #7DB8DF !important;
}
.button-hover-color-white:hover {
  color: #fff !important;
}
.button-hover-color-black:hover {
  color: #000 !important;
}
.button-hover-color-green:hover {
  color: #2ecc71 !important;
}
.button-hover-color-green-light:hover {
  color: #80E4AB !important;
}
.button-hover-color-red:hover {
  color: #da1f10 !important;
}
.button-hover-color-red-light:hover {
  color: #E07067 !important;
}
.button-300 {
  font-weight: 300;
}
.button-400 {
  font-weight: 400;
}
.button-500 {
  font-weight: 500;
}
.button-600 {
  font-weight: 600;
}
.button-700 {
  font-weight: 700;
}
a.button {
  color: inherit;
}
input.button {
  padding: 0.5em 1em;
}
.button.button-big {
  padding: 0.4em 1em;
  font-size: 1.1em;
  font-weight: 500;
  border-width: 3px;
}
.button.button-bigger {
  padding: 0.4em 1em;
  font-size: 1.2em;
  font-weight: 500;
  border-width: 3px;
}
.button.button-size1 {
  padding: 0.4em 1em;
  font-size: 1.1em;
  font-weight: 500;
  border-width: 3px;
}
.button.button-small {
  padding: 0.4em 0.6em;
  font-size: 0.7em;
  font-weight: 300;
  border-width: 1px;
}
.button.button-block, .button.button-block100 {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.button.button-block66 {
  display: inline-block;
  width: 66.66%;
  box-sizing: border-box;
}
.button.button-block50 {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
}
.button.button-block33 {
  display: inline-block;
  width: 33.33%;
  box-sizing: border-box;
}
.button.button-primary.button-outline {
  color: #4a3820;
  border-color: #4a3820;
  background-color: transparent;
}
.button.button-primary.button-outline:hover {
  color: #261d11;
  border-color: #261d11;
}
.button.button-primary.button-outline.hover-inverse:hover {
  color: #fff;
  border-color: #261d11;
  background-color: #261d11;
}
.button.button-secondary.button-outline {
  color: #20324a;
  border-color: #20324a;
  background-color: transparent;
}
.button.button-secondary.button-outline:hover {
  color: #111a26;
  border-color: #111a26;
}
.button.button-third.button-outline {
  color: #324a20;
  border-color: #324a20;
  background-color: transparent;
}
.button.button-third.button-outline:hover {
  color: #1a2611;
  border-color: #1a2611;
}
.button.button-fourth.button-outline {
  color: #FFC107;
  border-color: #FFC107;
  background-color: transparent;
}
.button.button-fourth.button-outline:hover {
  color: #d39e00;
  border-color: #d39e00;
}
.button.button-white.button-outline {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
.button.button-dark.button-outline {
  color: #3c3c3c;
  border-color: #3c3c3c;
  background-color: transparent;
}
.button.button-dark.button-outline:hover {
  color: #232323;
  border-color: #232323;
}
.button.button-grey.button-outline {
  color: #888888;
  border-color: #888888;
  background-color: transparent;
}
.button.button-grey.button-outline:hover {
  color: #6f6f6f;
  border-color: #6f6f6f;
}
.button.button-green.button-outline {
  color: #2ecc71;
  border-color: #2ecc71;
  background-color: transparent;
}
.button.button-green.button-outline:hover {
  color: #25a25a;
  border-color: #25a25a;
}
.button.button-blue.button-outline {
  color: #3498db;
  border-color: #3498db;
  background-color: transparent;
}
.button.button-blue.button-outline:hover {
  color: #217dbb;
  border-color: #217dbb;
}
.button.button-red.button-outline {
  color: #da1f10;
  border-color: #da1f10;
  background-color: transparent;
}
.button.button-red.button-outline:hover {
  color: #aa180d;
  border-color: #aa180d;
}
.button.button-midnight.button-outline {
  color: #2c3e50;
  border-color: #2c3e50;
  background-color: transparent;
}
.button.button-midnight.button-outline:hover {
  color: #1a252f;
  border-color: #1a252f;
}
.button.button-fuchsia.button-outline {
  color: #8e44ad;
  border-color: #8e44ad;
  background-color: transparent;
}
.button.button-fuchsia.button-outline:hover {
  color: #703688;
  border-color: #703688;
}
.button.button-cta.button-outline {
  color: #da1212;
  border-color: #da1212;
  background-color: transparent;
}
.button.button-cta.button-outline:hover {
  color: #ab0e0e;
  border-color: #ab0e0e;
}
.button.button-orange.button-outline {
  color: #FF851B;
  border-color: #FF851B;
  background-color: transparent;
}
.button.button-orange.button-outline:hover {
  color: #e76b00;
  border-color: #e76b00;
}
.button.button-yellow.button-outline {
  color: #ffd00c;
  border-color: #ffd00c;
  background-color: transparent;
}
.button.button-yellow.button-outline:hover {
  color: #d8ae00;
  border-color: #d8ae00;
}
.button.button-shaded {
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.2s;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.36);
}
.button.button-shaded:active {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.3);
  transition-delay: 0s;
}
.button.button-left, .button-left {
  margin: 0;
}
div.table, .responsive table {
  max-width: calc(100vw - 15px - 15px);
  overflow-x: auto !important;
}
table.table {
  margin: 0 0 2em 0;
  padding: 0;
}
table.table tr {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eaeaea;
}
table.table thead tr {
  border-bottom: 2px solid #e0e0e0;
}
table.table tfoot tr {
  border-bottom: none !important;
}
table.table tfoot td {
  border-top: 2px solid #e0e0e0;
  font-variant: small-caps;
  text-align: center;
}
table.table tbody tr:last-child {
  border-bottom: none;
}
table.table td, table.table th {
  margin: 0;
  padding: 15px 25px;
}
table.table.table-narrow td, table.table-table-narrow th {
  margin: 0;
  padding: 5px 25px;
}
table.table th {
  padding-top: 0;
  padding-bottom: 8px;
  font-weight: 700;
}
table.table td:first-child, table.table th:first-child {
  padding-left: 0px;
}
table.table td:last-child, table.table th:last-child {
  padding-right: 0px;
}
table.table caption {
  padding: 0 0 1em 0;
}
table.table.table-full {
  width: 100%;
}
table.table.table-striped tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}
table.table.table-striped td:first-child, table.table.table-striped th:first-child {
  padding-left: 25px;
}
table.table.table-striped td:last-child, table.table.table-striped th:last-child {
  padding-right: 25px;
}
table.table.table-highlight tbody tr:hover {
  background-color: #f6f6f6;
}
table.table.table-highlight td:first-child, table.table.table-highlight th:first-child {
  padding-left: 25px;
}
table.table.table-highlight td:last-child, table.table.table-highlight th:last-child {
  padding-right: 25px;
}
table.table.table-primary th {
  color: #4a3820;
}
table.table.table-primary tr {
  border-bottom: 1px solid #4a3820;
}
table.table.table-primary thead tr {
  border-bottom: 2px solid #4a3820;
}
table.table.table-primary tfoot td {
  border-top: 2px solid #4a3820;
}
table.table.table-secondary th {
  color: #20324a;
}
table.table.table-secondary tr {
  border-bottom: 1px solid #20324a;
}
table.table.table-secondary thead tr {
  border-bottom: 2px solid #20324a;
}
table.table.table-secondary tfoot td {
  border-top: 2px solid #20324a;
}
.vcard .org {
  font-size: 1em;
  margin-bottom: 0.75em;
}
.bigicon {
  color: #4a3820;
  text-align: center;
  font-size: 3em;
  padding: 0.5rem 0.5rem;
}
.iconinverse {
  color: #fff;
}
.iconinverse .fa-inverse {
  color: #4a3820;
}
.iconinverse a {
  color: #fff !important;
  text-decoration: none !important;
}
.iconinverse a:hover {
  text-decoration: none !important;
}
.coloricons .iconinverse.iconfacebook .fa-inverse.iconfacebook {
  color: #fff;
}
.coloricons .iconinverse.iconfacebook a {
  color: #3b5998 !important;
}
.coloricons .iconinverse.icongoogleplus .fa-inverse.icongoogleplus {
  color: #fff;
}
.coloricons .iconinverse.icongoogleplus a {
  color: #d73d32 !important;
}
.coloricons .iconinverse.iconmail .fa-inverse.iconmail {
  color: #fff;
}
.coloricons .iconinverse.iconmail a {
  color: #688017 !important;
}
.coloricons .iconinverse.icongps .fa-inverse.icongps {
  color: #fff;
}
.coloricons .iconinverse.icongps a {
  color: #404051 !important;
}
.icon-small {
  font-size: 0.75em;
}
@media only screen and (min-width: 480px) {
  .icon-small {
    font-size: 0.75em;
  }
}
.icon-medium {
  font-size: 1.5em;
}
@media only screen and (min-width: 480px) {
  .icon-medium {
    font-size: 1.5em;
  }
}
.icon-big {
  font-size: 2.5em;
}
@media only screen and (min-width: 480px) {
  .icon-big {
    font-size: 3em;
  }
}
.icon-large {
  font-size: 4em;
}
@media only screen and (min-width: 480px) {
  .icon-large {
    font-size: 5em;
  }
}
.icon-xlarge {
  font-size: 5em;
}
@media only screen and (min-width: 480px) {
  .icon-xlarge {
    font-size: 7em;
  }
}
.icon-xxlarge {
  font-size: 6em;
}
@media only screen and (min-width: 480px) {
  .icon-xxlarge {
    font-size: 9em;
  }
}
.icon-primary, .icon-brand {
  color: #4a3820;
}
.icon-secondary, .icon-accent {
  color: #20324a;
}
.icon-third {
  color: #324a20;
}
.icon-fourth {
  color: #FFC107;
}
.icon-circled {
  border: 2px solid #000;
  border-radius: 100%;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center;
}
.fx-primary, .fx-brand {
  border-color: #4a3820;
}
.fx-secondary, .fx-accent {
  border-color: #20324a;
}
.fx-third {
  border-color: #324a20;
}
.fx-fourth {
  border-color: #FFC107;
}
.icon-shaded {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.icon-circled.icon-shaded {
  text-shadow: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.icon-inverse.icon-shaded {
  text-shadow: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.icon-inverse {
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  background-color: #000;
  color: #fff;
}
.icon-circled.icon-inverse {
  border: none;
}
.icon-inverse.icon-primary, .icon-inverse.icon-brand {
  background-color: #4a3820;
}
.icon-inverse.icon-secondary, .icon-inverse.icon-accent {
  background-color: #20324a;
}
.icon-inverse.icon-third {
  background-color: #324a20;
}
.icon-inverse.icon-fourth {
  background-color: #FFC107;
}
.icon-inverse.fx-primary, .icon-inverse.fx-brand {
  color: #4a3820;
}
.icon-inverse.fx-secondary, .icon-inverse.fx-accent {
  color: #20324a;
}
.icon-inverse.fx-third {
  color: #324a20;
}
.icon-inverse.fx-fourth {
  color: #FFC107;
}
a.icon-link {
  color: inherit;
  text-decoration: none;
}
span.icon-title {
  display: block;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
i.title-iconcolor.icon-primary + span.icon-title {
  color: #4a3820 !important;
}
i.title-iconcolor.icon-secondary + span.icon-title {
  color: #20324a !important;
}
i.title-iconcolor.icon-third + span.icon-title {
  color: #324a20 !important;
}
i.title-iconcolor.icon-fourth + span.icon-title {
  color: #FFC107 !important;
}
i.title-fxcolor.fx-primary + span.icon-title {
  color: #4a3820 !important;
}
i.title-fxcolor.fx-secondary + span.icon-title {
  color: #20324a !important;
}
i.title-fxcolor.fx-third + span.icon-title {
  color: #324a20 !important;
}
i.title-fxcolor.fx-fourth + span.icon-title {
  color: #FFC107 !important;
}
@media only screen and (min-width: 568px) {
  .ruler-xs-left {
    border-left: 1px solid #d8d8d8;
  }
  .ruler-xs-right {
    border-right: 1px solid #d8d8d8;
  }
}
@media only screen and (min-width: 768px) {
  .ruler-sm-left {
    border-left: 1px solid #d8d8d8;
  }
  .ruler-sm-right {
    border-right: 1px solid #d8d8d8;
  }
}
@media only screen and (min-width: 1024px) {
  .ruler-md-left {
    border-left: 1px solid #d8d8d8;
  }
  .ruler-md-right {
    border-right: 1px solid #d8d8d8;
  }
}
@media only screen and (min-width: 1280px) {
  .ruler-lg-left {
    border-left: 1px solid #d8d8d8;
  }
  .ruler-lg-right {
    border-right: 1px solid #d8d8d8;
  }
}
.height100, .fullheight {
  height: 100%;
}
.width50 {
  width: 50%;
}
.width66 {
  width: 66%;
}
.width75 {
  width: 75%;
}
.width85 {
  width: 85%;
}
.width90 {
  width: 90%;
}
div.dim3by2 {
  position: relative;
  padding-top: 66.66%;
}
div.dim16by9 {
  position: relative;
  padding-top: 56.25%;
}
div.dim3by1 {
  position: relative;
  padding-top: 33.333%;
}
div.dim2by1 {
  position: relative;
  padding-top: 50%;
}
div.dim1by1 {
  position: relative;
  padding-top: 100%;
}
div.dim3by2 > div, div.dim16by9 > div, div.dim3by1 > div, div.dim2by1 > div, div.dim1by1 > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.full-center > div, div.center-full > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.full-center > div > div.content, div.center-full > div > div.content {
  flex: 1;
  text-align: center;
}
.site [class*="full-bleed"] {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 1rem;
  padding-right: 1rem;
}
.site [class*="full-bleed-page"] {
  padding-left: calc(( 100vw - 1140px ) / 2);
  padding-right: calc(( 100vw - 1140px ) / 2);
}
.site [class*="full-screen"] {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 1rem;
  padding-right: 1rem;
}
.site [class*="full-screen-page"] {
  padding-left: calc(( 100vw - 1140px ) / 2);
  padding-right: calc(( 100vw - 1140px ) / 2);
}
.site [class*="full-screen-center"] {
  width: 100vw;
  min-height: 100vh;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site [class*="full-screen-center-page"] {
  padding-left: calc(( 100vw - 1140px ) / 2);
  padding-right: calc(( 100vw - 1140px ) / 2);
}
.site [class*="full-container"] {
  flex-basis: 100%;
}
[class*="look-primary"] {
  background-color: #4a3820;
  color: #fff;
}
[class*="look-secondary"] {
  background-color: #20324a;
  color: #fff;
}
[class*="look-third"] {
  background-color: #324a20;
  color: #fff;
}
[class*="look-fourth"] {
  background-color: #FFC107;
  color: #000;
}
.vr {
  border-left: 1px solid #c6a67c;
  height: 100%;
  margin: 0 auto;
  width: 1px;
  flex: 0 0 0% !important;
}
.vr-primary {
  border-color: #4a3820;
}
.tm1-sm {
  margin-top: 1em;
}
@media only screen and (min-width: 768px) {
  .tm1-sm {
    margin-top: 0;
  }
}
.bgred {
  background-color: rgba(255, 190, 207, 0.49);
}
.bgblue {
  background-color: rgba(202, 215, 246, 0.49);
}
.bg-white {
  background-color: #fff;
}
.bg-black {
  background-color: #000;
}
.bg-gray {
  background-color: #bbb;
}
.bg-primary {
  background-color: #4a3820;
}
.bg-primary-dark {
  background-color: #2f2314;
}
.bg-primary-light {
  background-color: #decbb3;
}
.bg-third {
  background-color: #324a20;
}
.bg-fourth {
  background-color: #FFC107;
}
.bg-fifth {
  background-color: #decbb3;
}
.bg-sixth {
  background-color: #d1d8e0;
}
.bg-background {
  background-color: #ffffff;
}
.text-primary {
  color: #4a3820;
}
.text-secondary {
  color: #20324a;
}
.text-primary-color {
  color: #FFFFFF;
}
.text-primary-color {
  color: #FFFFFF;
}
.text-primary-color h1 {
  color: #FFFFFF;
}
.text-primary-color h2 {
  color: #FFFFFF;
}
.text-primary-color h3 {
  color: #FFFFFF;
}
.text-primary-color h4 {
  color: #FFFFFF;
}
.text-primary-color h5 {
  color: #FFFFFF;
}
.text-primary-color h6 {
  color: #FFFFFF;
}
.headings-text h1 {
  color: #000;
}
.headings-text h2 {
  color: #000;
}
.headings-text h3 {
  color: #000;
}
.headings-text h4 {
  color: #000;
}
.headings-text h5 {
  color: #000;
}
.headings-text h6 {
  color: #000;
}
.headings-primary-color h1 {
  color: #FFFFFF;
}
.headings-primary-color h2 {
  color: #FFFFFF;
}
.headings-primary-color h3 {
  color: #FFFFFF;
}
.headings-primary-color h4 {
  color: #FFFFFF;
}
.headings-primary-color h5 {
  color: #FFFFFF;
}
.headings-primary-color h6 {
  color: #FFFFFF;
}
.phonedevice {
  display: inline;
}
.nophonedevice {
  display: none;
}
@media only screen and (min-width: 640px) {
  .phonedevice {
    display: none;
  }
  .nophonedevice {
    display: inline;
  }
}
.hiddenonmobile, .ihiddenonmobile {
  display: none;
}
@media only screen and (min-width: 640px) {
  .hiddenonmobile {
    display: block;
  }
  .ihiddenonmobile {
    display: inline;
  }
}
.hiddenontablet {
  display: block;
}
@media only screen and (min-width: 640px) {
  .hiddenontablet {
    display: none;
  }
}
.hiddenonmd {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .hiddenonmd {
    display: none;
  }
}
.ivisibleonmobile {
  display: inline;
}
@media only screen and (min-width: 568px) {
  .ivisibleonmobile {
    display: none;
  }
}
.visibleonmobile {
  display: block;
}
@media only screen and (min-width: 568px) {
  .visibleonmobile {
    display: none;
  }
}
.visibleondesktop {
  display: none;
}
@media only screen and (min-width: 1140px) {
  .visibleondesktop {
    display: block;
  }
}
.ivisibleondesktop {
  display: none;
}
@media only screen and (min-width: 1140px) {
  .ivisibleondesktop {
    display: inline;
  }
}
.showonsm {
  display: none;
}
@media only screen and (min-width: 768px) {
  .showonsm {
    display: block;
  }
}
.desktopright {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .desktopright {
    text-align: right;
  }
}
.left-center {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .left-center {
    text-align: left;
  }
}
.left-center-sm {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .left-center-sm {
    text-align: left;
  }
}
.right-center {
  text-align: center;
}
@media only screen and (min-width: 1025px) {
  .right-center {
    text-align: right;
  }
}
.right_xs-center {
  text-align: center;
}
@media only screen and (min-width: 569px) {
  .right_xs-center {
    text-align: right;
  }
}
@media only screen and (max-width: 568px) {
  .text-left-xs {
    text-align: left !important;
  }
}
@media only screen and (max-width: 480px) {
  .flex-center-xxs {
    justify-content: center;
  }
}
@media only screen and (max-width: 568px) {
  .flex-center-xs {
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .flex-center-sm {
    justify-content: center;
  }
}
.visibleonmd {
  display: block;
}
@media screen and (max-width: 1024px) {
  .visibleonmd {
    display: none;
  }
}
.visibleonsm {
  display: block;
}
@media screen and (max-width: 768px) {
  .visibleonsm {
    display: none;
  }
}
pre.html {
  border: none;
  border-left: 4px solid tomato;
  background-color: #fbfbfb;
  padding: 0;
  margin: 1em 0;
}
pre.html code {
  margin: 0;
  padding: 0.5em 1.25em;
}
.info, .note, .important, .warning {
  line-height: 20px;
}
.alwaysontop {
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
    float: none;
  }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
    float: none;
    margin-left: 0px;
  }
  .c20l, .c20r {
    width: 100%;
  }
  .c40l, .c40r {
    width: 100%;
  }
  .c60l, .c60r {
    width: 100%;
  }
  .c80l, .c80r {
    width: 100%;
  }
  .c25l, .c25r {
    width: 100%;
  }
  .c33l, .c33r {
    width: 100%;
  }
  .c50l, .c50r {
    width: 100%;
  }
  .c66l, .c66r {
    width: 100%;
  }
  .c75l, .c75r {
    width: 100%;
  }
  .c38l, .c38r {
    width: 100%;
  }
  .c62l, .c62r {
    width: 100%;
  }
  .subc {
    padding: 0;
  }
  .subcl {
    padding: 0;
  }
  .subcr {
    padding: 0 !important;
  }
}
@media (min-width: 80em) {
  [class*="col-0"] {
    display: none;
  }
}
@media (min-width: 64em) {
  [class*="lg-0"] {
    display: none;
  }
}
@media (min-width: 48em) {
  [class*="md-0"] {
    display: none;
  }
}
@media (min-width: 36em) {
  [class*="sm-0"] {
    display: none;
  }
}
/* Adminbereich */
@media screen and (min-width: 1240px) {
  #admin {
    margin-left: -38px;
    margin-right: -57px;
  }
}
/* Adminthumbs */
.galthumb {
  width: 144px;
}
.ui-datepicker {
  width: 15em;
  font-size: 1rem;
}
.ui-datepicker td {
  line-height: 1rem;
}
.ui-tpicker-grid-label {
  display: table;
  margin-left: -3% !important;
}
body {
  background-color: inherit;
}
#bodywrapper {
  background-color: inherit;
}
#header {
  background-color: inherit;
}
#nav {
  background-color: inherit;
}
#main {
  background-color: inherit;
}
#headerlogo {
  display: none;
}
#companyinfo {
  display: none;
}
#companyname {
  display: block;
}
#mainnavi {
  margin: 0;
  padding: 0;
  list-style: none;
}
#mainnavi > li {
  float: left;
}
#footer {
  color: #d1cac0;
  font-size: 16px;
  line-height: 1.5;
}
#footerboxes {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer h3, #footer h4, #footer h5 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
}
#footer p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
}
#footer p:last-child {
  margin-bottom: 0;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a:focus {
  color: #d1cac0;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}
#footer ul li.current a {
  color: #fff;
  text-decoration: none;
}
body {
  font-size: 15px;
  line-height: 1.25;
}
p, h1, h2, h3, h4, h5, h6, ul, li, dd, dt, br, blockquote, q, pre, td, th, label, legend, input, textarea, option, .text, .contentdiv, span.imgreplace, .highslide-caption, .microbox {
  line-height: 1.6;
}
@media only screen and (min-width: 480px) {
  body {
    font-size: 18px;
    line-height: 1.5;
  }
  p, h1, h2, h3, h4, h5, h6, ul, li, dd, dt, br, blockquote, q, pre, td, th, label, legend, input, textarea, option, .text, span.imgreplace {
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 20px;
    line-height: 1.5;
  }
  p, h1, h2, h3, h4, h5, h6, ul, li, dd, dt, br, blockquote, q, pre, td, th, label, legend, input, textarea, option, .text, span.imgreplace {
    line-height: 1.5;
  }
}
.fixedtext {
  font-size: 16px;
  line-height: 1.25;
}
.rwdform {
  font-size: 18px;
}
.rwdform fieldset {
  margin: 0;
}
.rwdform legend {
  font-size: 17px;
  margin-bottom: 10px;
}
.rwdform label {
  margin: 0 0 2px 0;
  margin-top: 0;
}
.rwdform input {
  padding: 2px 6px;
  font-size: 1rem;
}
.rwdform textarea {
  height: 200px;
}
@media only screen and (min-width: 1024px) {
  .rwdform textarea {
    height: 100px;
  }
}
.rwdform select {
  padding: 3px 6px 4px 6px;
  font-size: 1rem;
  color: #000;
}
.rwdform input[type="radio"] {
  margin-right: 0.35rem;
}
.rwdform input[type="checkbox"] {
  margin-right: 0.35rem;
}
input[readonly], input[readonly]:focus, .readonly, .readonly:focus {
  color: #8f8f8f !important;
  background-color: #e4e4e4 !important;
}
#burger {
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 4.5px;
  right: 0;
  z-index: 500;
  background: url(/cms/images/burger-menu-32-white.png) no-repeat center center transparent;
}
@media only screen and (min-width: 640px) {
  #burger {
    top: 7px;
  }
}
@media only screen and (min-width: 1024px) {
  #burger {
    display: none;
  }
}
#nav {
  display: none;
}
@media only screen and (min-width: 1024px) {
  #nav {
    display: block;
  }
}
#nav {
  position: sticky;
  top: 0px;
  z-index: 100;
}
#nav .gridcontent {
  text-align: right;
}
#mainmenu {
  display: inline-block;
}
#mainmenu ul {
  /*position: absolute; //top: 0px; //right: 0px; */
  font-family: "Fjalla One";
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}
#mainmenu ul i {
  font-size: 32px;
  line-height: 50px;
}
#mainmenu > a {
  display: none;
}
#mainmenu li {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}
#mainmenu li > a {
  color: #664c2c;
  background-color: transparent;
  display: block;
  box-sizing: border-box;
  border-bottom: 4px solid transparent;
}
#mainmenu li.current > a {
  color: #664c2c;
  background-color: transparent;
  border-bottom: 4px solid #664c2c;
}
#mainmenu span {
  vertical-align: inherit;
}
#mainmenu span:after {
  width: 0px;
  height: 0px;
  margin-left: 5px;
  border-bottom: none;
  vertical-align: sub;
  display: inline-block;
  position: relative;
  content: "";
  font-family: FontAwesome;
  text-rendering: auto;
  vertical-align: baseline;
  position: relative;
  top: 0px;
}
#mainmenu > ul > li {
  height: 100%;
  float: left;
  margin-right: 6px;
}
#mainmenu > ul > li > a {
  height: 100%;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  line-height: 50px;
}
#mainmenu > ul > li.hasmenu > a {
  padding-right: 26px;
}
#mainmenu > ul > li:not(:last-child) > a {
  border-right: 0px solid transparent;
}
#mainmenu > ul > li:hover > a, #mainmenu > ul:not(:hover) > li.active > a {
  color: #664c2c;
  background-color: transparent;
  border-bottom: 4px solid #664c2c;
}
#mainmenu li ul {
  background-color: #f0e7dc;
  display: none;
  position: absolute;
  top: 100%;
  padding: 0;
}
#mainmenu li ul li {
  line-height: 30px;
  background-color: transparent;
}
#mainmenu li:hover ul {
  border-top: 10px solid #f0e7dc;
  display: block;
  left: 0;
  right: 0;
  width: 175%;
  top: 50px;
  text-align: left;
}
#mainmenu li:not(:first-child):hover ul {
  margin: 0;
  margin-top: 4px;
}
#mainmenu li ul a, #mainmenu li.current ul a {
  color: #664c2c !important;
  background-color: transparent;
  font-size: 18px !important;
  font-weight: 300 !important;
  border-top: 1px solid transparent !important;
  border-bottom: 0px !important;
  padding: 0.1rem 1.2rem !important;
  text-decoration: none;
}
#mainmenu li ul li {
  list-style: none;
  margin: 3px 0;
}
#mainmenu li ul li.current a {
  color: #000 !important;
  background-color: #decbb3;
}
#mainmenu li ul li a:hover, #mainmenu li ul:not(:hover) li.active a {
  color: #000 !important;
  background-color: #decbb3;
}
#mainmenu li ul li:last-child {
  border-bottom: 10px solid #f0e7dc;
}
#internnav {
  display: flex;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  margin: 0.75rem 0 1rem 0;
}
@media only screen and (min-width: 400px) {
  #internnav {
    margin: 1.5rem 0 3rem 0;
  }
}
#internnav li {
  margin: 0 0.5rem 1rem 0;
  padding: 0;
}
@media only screen and (min-width: 400px) {
  #internnav li {
    margin: 0 0.5rem 1.5rem 0;
    padding: 0;
  }
}
#internnav li a {
  margin: 0;
  background-color: #eadece;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  padding: 2px 0.5rem;
  font-size: 15px;
}
@media only screen and (min-width: 400px) {
  #internnav li a {
    padding: 4px 0.75rem;
    font-size: 18px;
  }
}
#internnav li a.current, #internnav li a:hover {
  background-color: #664c2c;
  color: #fff;
}
#pagewrapper {
  display: grid;
  min-height: 100vh;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content min-content 1fr min-content;
  grid-template-areas: "header" "nav" "gallery" "main" "footer";
}
.gridarea {
  margin: 0;
  padding: 15px;
}
.gridcontent {
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width: 1140px;
}
#header {
  grid-area: header;
  background-color: #4a3820;
  padding: 7.5px 15px;
  height: 60px;
}
@media only screen and (min-width: 640px) {
  #header {
    padding: 15px;
    height: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  #header {
    height: 156px;
    background-color: #f6f0ea;
  }
}
#nav {
  grid-area: nav;
  padding: 0 15px;
  background-color: #f0e7dc;
  border-bottom: 1px solid #664c2c;
}
#gallery {
  grid-area: gallery;
}
#main {
  grid-area: main;
  background-color: #fcfaf7;
}
#footer {
  grid-area: footer;
  background-color: #363534;
}
#headerlogo {
  display: none;
}
#headerlogo #headerlink {
  background-image: url(/client/images/layout/logo.png);
}
@media only screen and (min-width: 1024px) {
  #headerlogo {
    display: block;
  }
  #headerlogo #headerlink {
    top: 0px;
    left: 0px;
    width: 206.4px;
    height: 120px;
    border: none;
    padding: 0px;
    box-sizing: border-box;
    opacity: 1 !important;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-origin: content-box;
    z-index: 500;
    top: -20px;
    height: 135px;
    background-position: bottom;
    padding: 12px 18px;
    background-color: #fcfaf7;
    border: 2px solid #c7c0b7;
    box-shadow: 0px 0px 20px 5px rgba(101, 88, 76, 0.2);
  }
}
@media only screen and (min-width: 1024px) {
  #header .gridcontent {
    height: 156px;
    background-image: url(/client/images/layout/2bahnen.png);
    background-position: 960px 0px;
    background-size: 136px;
    background-repeat: no-repeat;
  }
}
#companyname {
  padding-top: 1px;
}
#companyname a {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  padding-right: 80px;
  font-weight: 600;
}
@media only screen and (min-width: 360px) {
  #companyname a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 480px) {
  #companyname {
    padding-top: 13px;
  }
}
@media only screen and (min-width: 640px) {
  #companyname {
    padding-top: 14px;
  }
  #companyname a {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1024px) {
  #companyname {
    display: none;
  }
}
#header {
  position: sticky;
  top: 0px;
  z-index: 100;
}
@media only screen and (min-width: 1024px) {
  #header {
    position: relative;
    -webkit-box-shadow: inset 0px -50px 10px -52px #423728;
    -moz-box-shadow: inset 0px -50px 10px -52px #423728;
    box-shadow: inset 0px -50px 10px -52px #423728;
  }
}
/* Custom Pagestyles */
@media only screen and (min-width: 1024px) {
  #header #companyinfo {
    display: block;
    position: absolute;
    top: 21px;
    left: 410px;
  }
}
#header #companyinfo #ci_Name {
  font-size: 27px;
  margin-bottom: 5px;
  text-indent: -9999px;
  background-image: url(/client/images/layout/company.png);
  background-repeat: no-repeat;
  position: relative;
  width: 593px;
  height: 83px;
}
#header #companyinfo #ci_Telefon, #header #companyinfo #ci_Strasse, #header #companyinfo #ci_Ort {
  display: none;
}
#nav {
  padding-top: 4px;
}
#gallery {
  border-top: 1px solid #decbb3;
  border-top: none;
}
#slider-home, #slider-home2, #slider-home3 {
  background-color: #f6f0ea;
}
#slider-home2 .diastripe {
  width: 1140px;
  margin: 0 auto;
}
.diastripe {
  background-color: #21190f;
  padding: 0;
}
.gallery-cell {
  width: 100%;
  height: 250px;
  margin-right: 0;
}
.gallery-cell:before {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 640px) {
  #slider-home .diastripe {
    background: url(/client/images/layout/filmtransport.png) repeat-x top, url(/client/images/layout/filmtransport.png) repeat-x bottom;
    background-color: #21190f;
    padding: 23px 0;
  }
  #slider-home .gallery-cell {
    width: 399px;
    height: 266px;
    margin-right: 17px;
  }
  #slider-home2 .gallery-cell {
    width: 100%;
    height: 500px;
    margin-right: 0px;
  }
  #slider-home3 .gallery-cell {
    width: 100vw;
    height: 500px;
    margin-right: 0px;
  }
  .gallery-cell:before {
    display: block;
    text-align: center;
  }
}
#main {
  background: -moz-radial-gradient(92.5% 200px, ellipse, #e9dfd0 0%, #fcfaf7 100%);
  /* ff3.6+ */
}
@media only screen and (min-width: 1024px) {
  #main {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
#footer {
  background-image: linear-gradient(to bottom, #363534, #373533, #383532, #393631, #3a3630);
}
@media only screen and (min-width: 1024px) {
  #footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
/* Page Content Styles */
/* Welcomescreen */
/*
.sonderfahrten #main_inner {
	@media only screen and (min-width: 1140px) {
		
		background-image: url(/client/images/layout/histra_2bahnen.png);
		background-repeat: no-repeat;
		background-position: right 0px;
		background-size: 544px;
	}
}
.sonderfahrten #floatscreen {
	@media only screen and (min-width: 1140px) {
		max-width: 40vw;
		min-height: 444px;
	}
}
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}
#home_morenews {
  text-align: center;
}
.newsfuss {
  color: #000;
}
.permalink, .author, hr.newsbottomhr {
  display: none;
}
.bottomnews h3 {
  display: none;
}
#newsarchiv a:focus {
  background-color: #4a3820;
}
.card__hsf {
  box-shadow: 0 1px 3px rgba(187, 145, 96, 0.12), 0 1px 2px rgba(187, 145, 96, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
/* IE-Hack */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .card__hsf {
    max-height: 500px;
  }
}
.card__hsf h2 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.card__hsf h3 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.content__date {
  padding-bottom: 0 !important;
  font-size: 1rem;
}
.content__news {
  height: 220px;
}
.content__fahrzeug {
  height: 180px;
  font-size: 1rem;
  padding-bottom: 0 !important;
}
.content__fahrzeug p {
  margin: 0;
}
.action__fahrzeug {
  padding-top: 0 !important;
}
.action__fahrzeug a {
  color: #008f00;
  font-size: 1rem;
  font-weight: bold;
}
.content__album {
  height: 200px;
}
.projekt {
  border-top: 1px solid #4a3820;
  padding: 2rem 0 0 0;
}
.projekt:first-child {
  border-top: none;
  padding-top: 0;
}
.partnerlink_bild {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #fff;
  box-shadow: 0 5px 13px 0 rgba(0, 26, 51, 0.3);
  display: inline-block;
}
.partnerlink_bild img {
  height: 50px !important;
  width: auto !important;
}
@media only screen and (min-width: 768px) {
  .grid #kontaktformular {
    border-right: 1px solid #735732;
  }
}
.vtop {
  vertical-align: top;
}
.header-intern {
  border-bottom: 1px solid #4a3820;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 400px) {
  .header-intern {
    margin-bottom: 2.5rem;
  }
}
#heading-mitgliederbereich {
  display: none;
}
@media only screen and (min-width: 400px) {
  #heading-mitgliederbereich {
    display: block;
  }
}
.nachricht {
  padding: 0;
}
.nachricht h3 {
  margin-bottom: 0.5rem;
}
.nachricht h3 a {
  text-decoration: none;
  color: inherit;
}
.nachricht h3 small {
  color: #8f6b3e;
  font-size: 18px;
  display: block;
}
@media only screen and (min-width: 600px) {
  .nachricht h3 small {
    display: inline;
  }
}
.nachricht .mbtlminidate {
  display: block;
  margin-bottom: 0.5rem;
  color: #655641;
}
@media only screen and (min-width: 600px) {
  .nachricht .mbtlminidate {
    display: none;
  }
}
.nachricht .mbtldate {
  display: none;
}
@media only screen and (min-width: 600px) {
  .nachricht .mbtldate {
    display: block;
  }
}
#nachrichtenliste hr {
  border-color: #4a3820 !important;
}
.caldate {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #4a3820;
  border-radius: 7px;
  overflow: hidden;
  text-align: center;
  width: 80px;
  display: flex;
  flex-direction: column;
}
.calmonth {
  color: #fff;
  background-color: #4a3820;
  font-size: 16px;
}
.calday {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.05;
}
.calyear {
  font-size: 16px;
  line-height: 1.4;
}
.sfl_trafficdesc, .sfl_visibilitydesc {
  display: none;
}
@media only screen and (min-width: 900px) {
  .sfl_trafficdesc, .sfl_visibilitydesc {
    display: block;
  }
}
.intern dt {
  padding: 0.5rem;
}
.intern dt.closed:first-child, dd.open + dt.closed {
  border-top: none;
}
.intern dd {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  border: 1px solid transparent;
}
dt.closed {
  border-top: 1px solid #4a3820;
}
dt.open {
  background-color: #e4e1de;
  padding: 0.5rem;
  border-top: 1px solid #4a3820;
  border-left: 1px solid #4a3820;
  border-right: 1px solid #4a3820;
  border-radius: 6px 6px 0px 0px;
}
dd.open {
  background-color: #f6f5f4;
  margin-bottom: 0.4rem;
  border-bottom: 1px solid #4a3820;
  border-left: 1px solid #4a3820;
  border-right: 1px solid #4a3820;
  border-radius: 0px 0px 6px 6px;
}
dd.storniert, dt.open.storniert {
  background-color: #fff3f3 !important;
}
.sfl_icons {
  width: 86px;
  text-align: left;
}
@media only screen and (min-width: 700px) {
  .sfl_icons {
    width: 96px;
  }
}
.sfl_infos {
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 700px) {
  .sfl_infos {
    flex-direction: row;
  }
}
.sfl_date {
  line-height: 1.3;
}
@media only screen and (min-width: 700px) {
  .sfl_date {
    width: 220px;
  }
}
.sfl_name {
  line-height: 1.3;
}
.sfl_name small {
  font-size: 14px;
}
@media only screen and (min-width: 700px) {
  .sfl_name small {
    font-size: 18px;
  }
}
.sfl_actions {
  line-height: 1;
  align-self: flex-end;
}
@media only screen and (min-width: 700px) {
  .sfl_actions {
    align-self: center;
  }
}
.sfl_actions .spacer {
  display: block;
}
@media only screen and (min-width: 700px) {
  .sfl_actions .spacer {
    display: none;
  }
}
.table__sonderfahrten th:nth-child(2) {
  text-align: right;
}
.table__sonderfahrten th:nth-child(3) {
  text-align: right;
}
.table__sonderfahrten th:nth-child(4) {
  text-align: right;
}
.table__sonderfahrten td:nth-child(2) {
  text-align: right;
}
.table__sonderfahrten td:nth-child(3) {
  text-align: right;
}
.table__sonderfahrten td:nth-child(4) {
  text-align: right;
}
.table__preise th:nth-child(1) {
  text-align: left;
  width: 42%;
}
.table__preise th:nth-child(2) {
  text-align: center;
  width: 28%;
}
.table__preise th:nth-child(3) {
  text-align: center;
  width: 20%;
}
.table__preise td:nth-child(1) {
  text-align: left;
}
.table__preise td:nth-child(2) {
  text-align: center;
}
.table__preise td:nth-child(3) {
  text-align: center;
}
ul.hssortable {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
ul.hssortable li {
  margin: 0 0 0.5rem;
  padding: 0;
}
ul.hssortable li span {
  display: inline-block;
  margin: 0;
  padding: 0.3rem 0.5rem;
  border: 1px solid #53422b;
  border-radius: 4px;
  background-color: #d2cdc7;
  cursor: grab;
}
ul.hssortable li.drag span {
  background-color: orange;
}
ul.hssortable li.ghost span {
  background-color: lightblue;
}
ul.hssortable li.selected span {
  background-color: #4a3820;
  color: #fff;
}
ul#hsnewitems li span {
  margin: 0.2rem 0.2rem 0.2rem 0;
  padding: 1px 4px;
  background-color: #fbce33;
  border: 1px solid #009b33;
  border-radius: 3px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #009b33;
}
#hsitems {
  margin-bottom: 1rem;
}
#hsitems li:before {
  content: "»";
  display: inline-block;
  padding-right: 6px;
  padding-left: 6px;
}
#hsitems li:first-child:before {
  display: none;
}
#hsitems li.drag:before {
  display: none;
}
.pfad {
  margin: 0 0 2rem 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.pfad li {
  margin: 0 0.3rem 0 0;
}
.pfad li.parent:after {
  content: ">";
  padding-left: 0.3rem;
}
.album {
  min-height: 150px;
  display: flex;
  align-items: stretch;
  text-align: center;
  border-radius: 6px;
  background: radial-gradient(circle, #eadece, #ccaf8a);
  position: relative;
}
.album div {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cgalbumtitle {
  margin-bottom: 0;
}
.cgalbumtitle a {
  text-decoration: none;
  line-height: 1.2;
}
.cgalbumtitle a:hover {
  color: #328eaa;
}
.cgalbumtitle small {
  font-size: 0.9rem;
  color: #655641;
}
.albumactions {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
}
.albumactions a.cgedit {
  position: absolute;
  left: 0.5rem;
}
.albumactions a.cgdelete {
  position: absolute;
  right: 0.5rem;
}
.albumactions .svg {
  width: 28px;
  height: 28px;
}
.albumactions .svg circle {
  fill: #c6a67c;
}
.albumactions .svg .fill {
  fill: #735732;
}
.albumactions .svg-edit:hover .fill {
  fill: #0e6ae1;
}
.albumactions .svg-delete:hover .fill {
  fill: #e41313;
}
.albumactions .svg:hover {
  transform: scale(1.3);
}
.cgowner, .cgdate {
  display: block;
  font-size: 0.9rem;
  color: #382a18;
  line-height: 1.5;
}
.fotoalbum {
  display: grid;
  grid-gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  grid-auto-rows: max-content;
  grid-auto-flow: row dense;
  justify-items: stretch;
}
.fotoalbum.minialbum {
  display: grid;
  grid-gap: 0.75rem;
  grid-template-columns: repeat(auto-fill, minmax(133px, 1fr));
  grid-auto-rows: max-content;
  grid-auto-flow: row dense;
  justify-items: stretch;
}
.fotoitem {
  height: 143px;
  overflow: hidden;
  background-color: #333;
  position: relative;
}
.minialbum .fotoitem {
  height: 100px;
}
.fotoitem .layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 143px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.minialbum .fotoitem .layer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.fotowall {
  background-size: cover;
  -webkit-filter: brightness(0.45) blur(6px);
  filter: brightness(0.45) blur(6px);
  z-index: 0;
}
.fotothumbnail {
  background-size: cover;
  z-index: 5;
}
.fotoportrait {
  background-size: contain;
  z-index: 5;
}
.fotopanorama {
  background-size: contain;
  z-index: 5;
}
.fotoinfo {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 15;
  display: none;
}
.fototrigger {
  z-index: 25;
}
.fotoactions .svg {
  width: 28px;
  height: 28px;
  opacity: 0.5;
}
.fotoactions .svg .fill {
  fill: #fff;
}
.fotoactions .svg:hover {
  opacity: 1;
}
.fotoactionleft {
  position: absolute;
  bottom: 4px;
  left: 6px;
  z-index: 50;
}
.fotoactions .svgbg {
  position: absolute;
  bottom: 0;
}
.fotoactions .svgmove {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.fotoactions .svg-move {
  fill: #fff;
  height: 18px;
  width: 18px;
}
.fotoactions .svg-move:hover {
  fill: #ffca39;
}
.fotoactionright {
  position: absolute;
  bottom: 4px;
  right: 6px;
  z-index: 50;
}
.fotoactions .svg-delete:hover .fill {
  fill: #e41313;
}
.cgdeleteallitems, .cgmoveallitems {
  margin: 1.5rem 0 0 0;
  line-height: 1.5;
  font-size: 1rem;
}
.cgmoveallitems {
  margin: 0;
}
.cgdeleteallitems a, .cgmoveallitems a {
  text-decoration: none;
}
.cgdeleteallitems a:hover, .cgmoveallitems a:hover {
  color: #c40000;
}
#fotoupload #labeldesc {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 640px) {
  #fotoupload #labeldesc {
    width: 74%;
  }
}
#fotoupload #description {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.3rem;
  padding: 0.2rem 1rem;
  border: 1px solid #2ecc71;
  margin: 0.5rem auto 1.5rem auto;
  border-radius: 0.25rem;
}
#fotoupload #description::placeholder {
  color: #1b7943;
}
@media only screen and (min-width: 640px) {
  #fotoupload #description {
    width: 74%;
  }
}
#fotoupload #fotoimport {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media only screen and (min-width: 640px) {
  #fotoupload #fotoimport {
    width: 60%;
  }
}
.filepond--item {
  width: calc(100% - .5em);
}
@media (min-width: 480px) {
  .filepond--item {
    width: calc(50% - .5em);
  }
}
@media (min-width: 640px) {
  .filepond--item {
    width: calc(33.33% - .5em);
  }
}
@media (min-width: 1024px) {
  .filepond--item {
    width: calc(25% - .5em);
  }
}
.filepond--root {
  margin-top: 1.1rem;
  margin-bottom: 1rem;
}
.filepond--drop-label {
  color: #666;
}
.filepond--label-action {
  text-decoration-color: #111;
}
.filepond--panel-root {
  background-color: #c0e4c1;
}
.filepond--panel-root {
  border-radius: 8px;
}
div.private {
  border-left: 3px solid tomato;
}
div.archiv {
  border-left: 3px solid #505050 !important;
}
div.inaktiv {
  border-left: 3px solid #8B2397 !important;
}
dl {
  margin: 0;
  padding: 0;
}
dt {
  margin: 0;
  padding: 0;
}
dd {
  margin: 0;
  padding: 0;
}
.svg-lock {
  vertical-align: middle;
}
.svg-lock #Core {
  fill: grey;
}
.svg-visibility {
  vertical-align: middle;
}
.svg-visibility #Core {
  fill: grey;
}
.svg-visibilityoff {
  vertical-align: middle;
}
.svg-visibilityoff #Core {
  fill: grey;
}
.svg-bullet {
  vertical-align: middle;
}
.svg-bullet #Core {
  fill: grey;
}
.svg-grey #Core {
  fill: grey;
}
.svg-green #Core {
  fill: green;
}
.svg-red #Core {
  fill: #e41313;
}
.svg-yellow #Core {
  fill: #ffc130;
}
.svg-orange #Core {
  fill: #F38713;
}
.svg-purple #Core {
  fill: #843AA8;
}
.svg-locked #Core {
  fill: grey;
}
.icon-traffic {
  height: 23px;
  vertical-align: sub;
}
.icon-lock {
  height: 23px;
  vertical-align: sub;
}
.infobox {
  background-color: #f6f0ea;
  border: 1px solid #c6a67c;
  border-radius: 10px;
  padding: 1rem;
  margin: 2rem 0;
}
.infobox h4 {
  font-size: 26px;
  margin-bottom: 0.5rem;
}
.infobox p:last-child {
  margin-bottom: 0;
}
.alertbox {
  border: 1px solid red;
}
#front form.fieldform {
  padding: 0;
  border: none;
}
#front .fieldform fieldset {
  margin: 0 0 0.75em 0;
  border: 1px solid #9d7544;
}
#front .fieldfocus {
  background-color: transparent;
}
#front .fieldform input {
  font-size: 1.2rem;
  padding: 4px 0.5rem;
  border-radius: 6px;
  border: 1px solid #b48953;
}
#front .fieldform select {
  font-size: 1.2rem;
  padding: 6px 0.5rem;
  border-radius: 6px;
  border: 1px solid #b48953;
}
#front .fieldform input[type=submit] {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  padding: 0.65rem 1.25rem;
  width: auto;
  font-size: 1.2rem;
  font-weight: normal;
}
#front input[type=text]:focus, #front input[type=password]:focus, #front textarea:focus {
  background: #fff;
  color: #000;
  border-color: #20324a;
}
#communitylogin {
  margin-bottom: 1em;
  padding: 0px;
  border: 0px solid transparent;
  background-color: transparent;
  border-radius: none;
  -moz-border-radius: none;
  -webkit-border-radius: none;
}
.button-left {
  margin: 0;
}
#footer h3, #footer h4, #footer h5 {
  font-family: "Cairo";
  font-size: 20px;
  font-weight: 700;
}
.flexbox {
  display: flex;
  align-items: center;
}
.lh125 {
  line-height: 1.25;
}
.dark1 {
  color: #aa804a;
}
.dark5 {
  color: #735732;
}
.dark9 {
  color: #3d2e1a;
}
.light1 {
  color: #b48953;
}
.light5 {
  color: #ccaf8a;
}
.m-t-3 {
  margin-top: 3rem !important;
}
@media (min-width: 768px) {
  .p-r-1_sm {
    padding-right: 1rem;
  }
}
.rwdform input[type="radio"] {
  vertical-align: middle;
}
.rwdform input[type="checkbox"] {
  vertical-align: middle;
}
.lorem p, .lorem h1, .lorem h2, .lorem h3, .lorem h4, .lorem h5, .lorem h6, p.lorem {
  display: inline;
  background-color: #eadece;
}
.lorem li {
  background-color: #eadece;
}
.lorem p:after, .lorem h1:after, .lorem h2:after, .lorem h3:after, .lorem h4:after, p.lorem:after {
  content: "";
  display: block;
  margin-bottom: 1.25rem;
}
.lorem blockquote p:after {
  margin-bottom: 0 !important;
}
.ipsum {
  display: inline;
  background-color: #f4d8e0;
}
.lipsum {
  background-color: #eadece;
}