@charset "UTF-8";
@font-face {
  font-family: "NanoMager";
  font-style: normal;
  font-weight: 300;
  src: url(/daten/layout/standard/schriften/roboto/medium-2UX7WLTfW3W8TclTUvlFyQ.woff) format("woff");
}
@font-face {
  font-family: "NanoNormal";
  font-style: normal;
  font-weight: 400;
  src: url(/daten/layout/standard/schriften/roboto/light-Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
/* http://meyerweb.com/eric/tools/css/reset/ */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* html hat kein parent, deswegen schlägt font: inherit fehl. nun nochmal einzeln behandelt */
html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.Transparent50 {
  opacity: 0.5;
}

.wrapper {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.Flexgrid {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.Flexgrid.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
}
.Flexgrid.colreverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
}

.col-xs {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.col-xs-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 0;
}

.col-xs-offset-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 25%;
}

.col-xs-offset-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 50%;
}

.col-xs-offset-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 75%;
}

.col-xs-offset-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  margin-left: 100%;
}

.col-xs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  text-align: left;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  text-align: right;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
}

.around-xs {
  -ms-flex-pack: distribute;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .col-sm-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 0;
  }

  .col-sm-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.6666666667%;
  }

  .col-sm-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.6666666667%;
  }

  .col-sm-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.6666666667%;
  }

  .col-sm-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%;
  }

  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    text-align: left;
  }

  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    text-align: right;
  }

  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
  }

  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
  }

  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }

  .first-sm {
    order: -1;
  }

  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .col-md-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 0;
  }

  .col-md-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.6666666667%;
  }

  .col-md-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%;
  }

  .col-md-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.6666666667%;
  }

  .col-md-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%;
  }

  .col-md-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.6666666667%;
  }

  .col-md-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%;
  }

  .col-md-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%;
  }

  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    text-align: left;
  }

  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    text-align: right;
  }

  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
  }

  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
  }

  .around-md {
    -ms-flex-pack: distribute;
  }

  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }

  .first-md {
    order: -1;
  }

  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .col-lg-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 0;
  }

  .col-lg-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 16.6666666667%;
  }

  .col-lg-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 41.6666666667%;
  }

  .col-lg-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 66.6666666667%;
  }

  .col-lg-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-left: 100%;
  }

  .col-lg {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    text-align: left;
  }

  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    text-align: right;
  }

  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
  }

  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }

  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
  }

  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
  }

  .first-lg {
    order: -1;
  }

  .last-lg {
    order: 1;
  }
}
/*  Demo for this article:
 *  http://blustemy.io/tooltips-with-sass-mixins/ */
@-webkit-keyframes blinken {
  50% {
    opacity: 0.2;
  }
}
@-moz-keyframes blinken {
  50% {
    opacity: 0.2;
  }
}
@-ms-keyframes blinken {
  50% {
    opacity: 0.2;
  }
}
@-o-keyframes blinken {
  50% {
    opacity: 0.2;
  }
}
@keyframes blinken {
  50% {
    opacity: 0.2;
  }
}
.aniBlinken {
  animation: blinken 1s 0s infinite;
  -webkit-animation: blinken 1s 0s infinite;
}

.aniBlinkenEinmal {
  animation: blinken 1s 0s 1;
  -webkit-animation: blinken 1s 0s 1;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    height: fit-content;
  }
}
.fade-in {
  animation: fadeIn 0.5s forwards;
}

.SpaltenKontainer {
  *zoom: 1;
  overflow: hidden;
  width: 100%;
}
.SpaltenKontainer:before, .SpaltenKontainer:after {
  content: " ";
  display: table;
}
.SpaltenKontainer:after {
  clear: both;
}
.SpaltenKontainer [class*=Spalte-] {
  float: left;
  padding: 1em;
  width: 100%;
  min-height: 1px;
}
.SpaltenKontainer.OhneAbstandOben .Spalte {
  padding-top: 0;
}
.SpaltenKontainer.OhneAbstandLinks .Spalte {
  padding-left: 0;
}
.SpaltenKontainer.OhneAbstandUnten .Spalte4 {
  padding-bottom: 0;
}
.SpaltenKontainer .Spalte:first-child {
  padding-left: 0;
}
@media (min-width: 0) and (max-width: 500px) {
  .SpaltenKontainer .Spalte {
    padding-left: 0;
  }
}
.SpaltenKontainer .Spalte > p {
  margin-top: 0;
}

.SpaltenKontainer .Spalte-1 {
  width: 8.3333333333%;
}

.SpaltenKontainer .Spalte-2 {
  width: 16.6666666667%;
}

.SpaltenKontainer .Spalte-3 {
  width: 25%;
}

.SpaltenKontainer .Spalte-4 {
  width: 33.3333333333%;
}

.SpaltenKontainer .Spalte-5 {
  width: 41.6666666667%;
}

.SpaltenKontainer .Spalte-6 {
  width: 50%;
}

.SpaltenKontainer .Spalte-7 {
  width: 58.3333333333%;
}

.SpaltenKontainer .Spalte-8 {
  width: 66.6666666667%;
}

.SpaltenKontainer .Spalte-9 {
  width: 75%;
}

.SpaltenKontainer .Spalte-10 {
  width: 83.3333333333%;
}

.SpaltenKontainer .Spalte-11 {
  width: 91.6666666667%;
}

.SpaltenKontainer .Spalte-12 {
  width: 100%;
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-1 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-2 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-3 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-4 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-5 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-6 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-7 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-8 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-9 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-10 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-11 {
    width: 100%;
    float: none;
  }
}

@media (max-width: 768px) {
  .SpaltenKontainer .Spalte-12 {
    width: 100%;
    float: none;
  }
}

.B1 {
  width: 1%;
}

.B2 {
  width: 2%;
}

.B3 {
  width: 3%;
}

.B4 {
  width: 4%;
}

.B5 {
  width: 5%;
}

.B6 {
  width: 6%;
}

.B7 {
  width: 7%;
}

.B8 {
  width: 8%;
}

.B9 {
  width: 9%;
}

.B10 {
  width: 10%;
}

.B11 {
  width: 11%;
}

.B12 {
  width: 12%;
}

.B13 {
  width: 13%;
}

.B14 {
  width: 14%;
}

.B15 {
  width: 15%;
}

.B16 {
  width: 16%;
}

.B17 {
  width: 17%;
}

.B18 {
  width: 18%;
}

.B19 {
  width: 19%;
}

.B20 {
  width: 20%;
}

.B21 {
  width: 21%;
}

.B22 {
  width: 22%;
}

.B23 {
  width: 23%;
}

.B24 {
  width: 24%;
}

.B25 {
  width: 25%;
}

.B26 {
  width: 26%;
}

.B27 {
  width: 27%;
}

.B28 {
  width: 28%;
}

.B29 {
  width: 29%;
}

.B30 {
  width: 30%;
}

.B31 {
  width: 31%;
}

.B32 {
  width: 32%;
}

.B33 {
  width: 33%;
}

.B34 {
  width: 34%;
}

.B35 {
  width: 35%;
}

.B36 {
  width: 36%;
}

.B37 {
  width: 37%;
}

.B38 {
  width: 38%;
}

.B39 {
  width: 39%;
}

.B40 {
  width: 40%;
}

.B41 {
  width: 41%;
}

.B42 {
  width: 42%;
}

.B43 {
  width: 43%;
}

.B44 {
  width: 44%;
}

.B45 {
  width: 45%;
}

.B46 {
  width: 46%;
}

.B47 {
  width: 47%;
}

.B48 {
  width: 48%;
}

.B49 {
  width: 49%;
}

.B50 {
  width: 50%;
}

.B51 {
  width: 51%;
}

.B52 {
  width: 52%;
}

.B53 {
  width: 53%;
}

.B54 {
  width: 54%;
}

.B55 {
  width: 55%;
}

.B56 {
  width: 56%;
}

.B57 {
  width: 57%;
}

.B58 {
  width: 58%;
}

.B59 {
  width: 59%;
}

.B60 {
  width: 60%;
}

.B61 {
  width: 61%;
}

.B62 {
  width: 62%;
}

.B63 {
  width: 63%;
}

.B64 {
  width: 64%;
}

.B65 {
  width: 65%;
}

.B66 {
  width: 66%;
}

.B67 {
  width: 67%;
}

.B68 {
  width: 68%;
}

.B69 {
  width: 69%;
}

.B70 {
  width: 70%;
}

.B71 {
  width: 71%;
}

.B72 {
  width: 72%;
}

.B73 {
  width: 73%;
}

.B74 {
  width: 74%;
}

.B75 {
  width: 75%;
}

.B76 {
  width: 76%;
}

.B77 {
  width: 77%;
}

.B78 {
  width: 78%;
}

.B79 {
  width: 79%;
}

.B80 {
  width: 80%;
}

.B81 {
  width: 81%;
}

.B82 {
  width: 82%;
}

.B83 {
  width: 83%;
}

.B84 {
  width: 84%;
}

.B85 {
  width: 85%;
}

.B86 {
  width: 86%;
}

.B87 {
  width: 87%;
}

.B88 {
  width: 88%;
}

.B89 {
  width: 89%;
}

.B90 {
  width: 90%;
}

.B91 {
  width: 91%;
}

.B92 {
  width: 92%;
}

.B93 {
  width: 93%;
}

.B94 {
  width: 94%;
}

.B95 {
  width: 95%;
}

.B96 {
  width: 96%;
}

.B97 {
  width: 97%;
}

.B98 {
  width: 98%;
}

.B99 {
  width: 99%;
}

.B100 {
  width: 100%;
}

.BIcon {
  width: 1%;
  max-width: 32px;
}

@media (min-width: 0) and (max-width: 500px) {
  .BM1 {
    width: 1%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM2 {
    width: 2%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM3 {
    width: 3%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM4 {
    width: 4%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM5 {
    width: 5%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM6 {
    width: 6%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM7 {
    width: 7%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM8 {
    width: 8%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM9 {
    width: 9%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM10 {
    width: 10%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM11 {
    width: 11%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM12 {
    width: 12%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM13 {
    width: 13%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM14 {
    width: 14%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM15 {
    width: 15%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM16 {
    width: 16%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM17 {
    width: 17%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM18 {
    width: 18%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM19 {
    width: 19%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM20 {
    width: 20%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM21 {
    width: 21%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM22 {
    width: 22%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM23 {
    width: 23%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM24 {
    width: 24%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM25 {
    width: 25%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM26 {
    width: 26%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM27 {
    width: 27%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM28 {
    width: 28%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM29 {
    width: 29%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM30 {
    width: 30%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM31 {
    width: 31%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM32 {
    width: 32%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM33 {
    width: 33%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM34 {
    width: 34%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM35 {
    width: 35%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM36 {
    width: 36%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM37 {
    width: 37%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM38 {
    width: 38%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM39 {
    width: 39%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM40 {
    width: 40%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM41 {
    width: 41%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM42 {
    width: 42%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM43 {
    width: 43%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM44 {
    width: 44%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM45 {
    width: 45%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM46 {
    width: 46%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM47 {
    width: 47%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM48 {
    width: 48%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM49 {
    width: 49%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM50 {
    width: 50%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM51 {
    width: 51%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM52 {
    width: 52%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM53 {
    width: 53%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM54 {
    width: 54%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM55 {
    width: 55%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM56 {
    width: 56%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM57 {
    width: 57%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM58 {
    width: 58%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM59 {
    width: 59%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM60 {
    width: 60%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM61 {
    width: 61%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM62 {
    width: 62%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM63 {
    width: 63%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM64 {
    width: 64%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM65 {
    width: 65%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM66 {
    width: 66%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM67 {
    width: 67%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM68 {
    width: 68%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM69 {
    width: 69%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM70 {
    width: 70%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM71 {
    width: 71%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM72 {
    width: 72%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM73 {
    width: 73%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM74 {
    width: 74%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM75 {
    width: 75%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM76 {
    width: 76%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM77 {
    width: 77%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM78 {
    width: 78%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM79 {
    width: 79%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM80 {
    width: 80%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM81 {
    width: 81%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM82 {
    width: 82%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM83 {
    width: 83%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM84 {
    width: 84%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM85 {
    width: 85%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM86 {
    width: 86%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM87 {
    width: 87%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM88 {
    width: 88%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM89 {
    width: 89%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM90 {
    width: 90%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM91 {
    width: 91%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM92 {
    width: 92%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM93 {
    width: 93%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM94 {
    width: 94%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM95 {
    width: 95%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM96 {
    width: 96%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM97 {
    width: 97%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM98 {
    width: 98%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM99 {
    width: 99%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .BM100 {
    width: 100%;
  }
}

.MinB10 {
  min-width: 1%;
}

.MinB20 {
  min-width: 2%;
}

.MinB30 {
  min-width: 3%;
}

.MinB40 {
  min-width: 4%;
}

.MinB50 {
  min-width: 5%;
}

.MinB60 {
  min-width: 6%;
}

.MinB70 {
  min-width: 7%;
}

.MinB80 {
  min-width: 8%;
}

.MinB90 {
  min-width: 9%;
}

.MinB100 {
  min-width: 10%;
}

.MinB110 {
  min-width: 11%;
}

.MinB120 {
  min-width: 12%;
}

.MinB130 {
  min-width: 13%;
}

.MinB140 {
  min-width: 14%;
}

.MinB150 {
  min-width: 15%;
}

.MinB160 {
  min-width: 16%;
}

.MinB170 {
  min-width: 17%;
}

.MinB180 {
  min-width: 18%;
}

.MinB190 {
  min-width: 19%;
}

.MinB200 {
  min-width: 20%;
}

.MinB210 {
  min-width: 21%;
}

.MinB220 {
  min-width: 22%;
}

.MinB230 {
  min-width: 23%;
}

.MinB240 {
  min-width: 24%;
}

.MinB250 {
  min-width: 25%;
}

.MinB260 {
  min-width: 26%;
}

.MinB270 {
  min-width: 27%;
}

.MinB280 {
  min-width: 28%;
}

.MinB290 {
  min-width: 29%;
}

.MinB300 {
  min-width: 30%;
}

.MinB310 {
  min-width: 31%;
}

.MinB320 {
  min-width: 32%;
}

.MinB330 {
  min-width: 33%;
}

.MinB340 {
  min-width: 34%;
}

.MinB350 {
  min-width: 35%;
}

.MinB360 {
  min-width: 36%;
}

.MinB370 {
  min-width: 37%;
}

.MinB380 {
  min-width: 38%;
}

.MinB390 {
  min-width: 39%;
}

.MinB400 {
  min-width: 40%;
}

.MinB410 {
  min-width: 41%;
}

.MinB420 {
  min-width: 42%;
}

.MinB430 {
  min-width: 43%;
}

.MinB440 {
  min-width: 44%;
}

.MinB450 {
  min-width: 45%;
}

.MinB460 {
  min-width: 46%;
}

.MinB470 {
  min-width: 47%;
}

.MinB480 {
  min-width: 48%;
}

.MinB490 {
  min-width: 49%;
}

.MinB500 {
  min-width: 50%;
}

.MinB510 {
  min-width: 51%;
}

.MinB520 {
  min-width: 52%;
}

.MinB530 {
  min-width: 53%;
}

.MinB540 {
  min-width: 54%;
}

.MinB550 {
  min-width: 55%;
}

.MinB560 {
  min-width: 56%;
}

.MinB570 {
  min-width: 57%;
}

.MinB580 {
  min-width: 58%;
}

.MinB590 {
  min-width: 59%;
}

.MinB600 {
  min-width: 60%;
}

.MinB610 {
  min-width: 61%;
}

.MinB620 {
  min-width: 62%;
}

.MinB630 {
  min-width: 63%;
}

.MinB640 {
  min-width: 64%;
}

.MinB650 {
  min-width: 65%;
}

.MinB660 {
  min-width: 66%;
}

.MinB670 {
  min-width: 67%;
}

.MinB680 {
  min-width: 68%;
}

.MinB690 {
  min-width: 69%;
}

.MinB700 {
  min-width: 70%;
}

.MinB710 {
  min-width: 71%;
}

.MinB720 {
  min-width: 72%;
}

.MinB730 {
  min-width: 73%;
}

.MinB740 {
  min-width: 74%;
}

.MinB750 {
  min-width: 75%;
}

.MinB760 {
  min-width: 76%;
}

.MinB770 {
  min-width: 77%;
}

.MinB780 {
  min-width: 78%;
}

.MinB790 {
  min-width: 79%;
}

.MinB800 {
  min-width: 80%;
}

.MinB810 {
  min-width: 81%;
}

.MinB820 {
  min-width: 82%;
}

.MinB830 {
  min-width: 83%;
}

.MinB840 {
  min-width: 84%;
}

.MinB850 {
  min-width: 85%;
}

.MinB860 {
  min-width: 86%;
}

.MinB870 {
  min-width: 87%;
}

.MinB880 {
  min-width: 88%;
}

.MinB890 {
  min-width: 89%;
}

.MinB900 {
  min-width: 90%;
}

.MinB910 {
  min-width: 91%;
}

.MinB920 {
  min-width: 92%;
}

.MinB930 {
  min-width: 93%;
}

.MinB940 {
  min-width: 94%;
}

.MinB950 {
  min-width: 95%;
}

.MinB960 {
  min-width: 96%;
}

.MinB970 {
  min-width: 97%;
}

.MinB980 {
  min-width: 98%;
}

.MinB990 {
  min-width: 99%;
}

.MinB1000 {
  min-width: 100%;
}

.BMax1 {
  max-width: 1%;
}

.BMax2 {
  max-width: 2%;
}

.BMax3 {
  max-width: 3%;
}

.BMax4 {
  max-width: 4%;
}

.BMax5 {
  max-width: 5%;
}

.BMax6 {
  max-width: 6%;
}

.BMax7 {
  max-width: 7%;
}

.BMax8 {
  max-width: 8%;
}

.BMax9 {
  max-width: 9%;
}

.BMax10 {
  max-width: 10%;
}

.BMax11 {
  max-width: 11%;
}

.BMax12 {
  max-width: 12%;
}

.BMax13 {
  max-width: 13%;
}

.BMax14 {
  max-width: 14%;
}

.BMax15 {
  max-width: 15%;
}

.BMax16 {
  max-width: 16%;
}

.BMax17 {
  max-width: 17%;
}

.BMax18 {
  max-width: 18%;
}

.BMax19 {
  max-width: 19%;
}

.BMax20 {
  max-width: 20%;
}

.BMax21 {
  max-width: 21%;
}

.BMax22 {
  max-width: 22%;
}

.BMax23 {
  max-width: 23%;
}

.BMax24 {
  max-width: 24%;
}

.BMax25 {
  max-width: 25%;
}

.BMax26 {
  max-width: 26%;
}

.BMax27 {
  max-width: 27%;
}

.BMax28 {
  max-width: 28%;
}

.BMax29 {
  max-width: 29%;
}

.BMax30 {
  max-width: 30%;
}

.BMax31 {
  max-width: 31%;
}

.BMax32 {
  max-width: 32%;
}

.BMax33 {
  max-width: 33%;
}

.BMax34 {
  max-width: 34%;
}

.BMax35 {
  max-width: 35%;
}

.BMax36 {
  max-width: 36%;
}

.BMax37 {
  max-width: 37%;
}

.BMax38 {
  max-width: 38%;
}

.BMax39 {
  max-width: 39%;
}

.BMax40 {
  max-width: 40%;
}

.BMax41 {
  max-width: 41%;
}

.BMax42 {
  max-width: 42%;
}

.BMax43 {
  max-width: 43%;
}

.BMax44 {
  max-width: 44%;
}

.BMax45 {
  max-width: 45%;
}

.BMax46 {
  max-width: 46%;
}

.BMax47 {
  max-width: 47%;
}

.BMax48 {
  max-width: 48%;
}

.BMax49 {
  max-width: 49%;
}

.BMax50 {
  max-width: 50%;
}

.BMax51 {
  max-width: 51%;
}

.BMax52 {
  max-width: 52%;
}

.BMax53 {
  max-width: 53%;
}

.BMax54 {
  max-width: 54%;
}

.BMax55 {
  max-width: 55%;
}

.BMax56 {
  max-width: 56%;
}

.BMax57 {
  max-width: 57%;
}

.BMax58 {
  max-width: 58%;
}

.BMax59 {
  max-width: 59%;
}

.BMax60 {
  max-width: 60%;
}

.BMax61 {
  max-width: 61%;
}

.BMax62 {
  max-width: 62%;
}

.BMax63 {
  max-width: 63%;
}

.BMax64 {
  max-width: 64%;
}

.BMax65 {
  max-width: 65%;
}

.BMax66 {
  max-width: 66%;
}

.BMax67 {
  max-width: 67%;
}

.BMax68 {
  max-width: 68%;
}

.BMax69 {
  max-width: 69%;
}

.BMax70 {
  max-width: 70%;
}

.BMax71 {
  max-width: 71%;
}

.BMax72 {
  max-width: 72%;
}

.BMax73 {
  max-width: 73%;
}

.BMax74 {
  max-width: 74%;
}

.BMax75 {
  max-width: 75%;
}

.BMax76 {
  max-width: 76%;
}

.BMax77 {
  max-width: 77%;
}

.BMax78 {
  max-width: 78%;
}

.BMax79 {
  max-width: 79%;
}

.BMax80 {
  max-width: 80%;
}

.BMax81 {
  max-width: 81%;
}

.BMax82 {
  max-width: 82%;
}

.BMax83 {
  max-width: 83%;
}

.BMax84 {
  max-width: 84%;
}

.BMax85 {
  max-width: 85%;
}

.BMax86 {
  max-width: 86%;
}

.BMax87 {
  max-width: 87%;
}

.BMax88 {
  max-width: 88%;
}

.BMax89 {
  max-width: 89%;
}

.BMax90 {
  max-width: 90%;
}

.BMax91 {
  max-width: 91%;
}

.BMax92 {
  max-width: 92%;
}

.BMax93 {
  max-width: 93%;
}

.BMax94 {
  max-width: 94%;
}

.BMax95 {
  max-width: 95%;
}

.BMax96 {
  max-width: 96%;
}

.BMax97 {
  max-width: 97%;
}

.BMax98 {
  max-width: 98%;
}

.BMax99 {
  max-width: 99%;
}

.BMax100 {
  max-width: 100%;
}

.H1 {
  height: 1%;
}

.H2 {
  height: 2%;
}

.H3 {
  height: 3%;
}

.H4 {
  height: 4%;
}

.H5 {
  height: 5%;
}

.H6 {
  height: 6%;
}

.H7 {
  height: 7%;
}

.H8 {
  height: 8%;
}

.H9 {
  height: 9%;
}

.H10 {
  height: 10%;
}

.H11 {
  height: 11%;
}

.H12 {
  height: 12%;
}

.H13 {
  height: 13%;
}

.H14 {
  height: 14%;
}

.H15 {
  height: 15%;
}

.H16 {
  height: 16%;
}

.H17 {
  height: 17%;
}

.H18 {
  height: 18%;
}

.H19 {
  height: 19%;
}

.H20 {
  height: 20%;
}

.H21 {
  height: 21%;
}

.H22 {
  height: 22%;
}

.H23 {
  height: 23%;
}

.H24 {
  height: 24%;
}

.H25 {
  height: 25%;
}

.H26 {
  height: 26%;
}

.H27 {
  height: 27%;
}

.H28 {
  height: 28%;
}

.H29 {
  height: 29%;
}

.H30 {
  height: 30%;
}

.H31 {
  height: 31%;
}

.H32 {
  height: 32%;
}

.H33 {
  height: 33%;
}

.H34 {
  height: 34%;
}

.H35 {
  height: 35%;
}

.H36 {
  height: 36%;
}

.H37 {
  height: 37%;
}

.H38 {
  height: 38%;
}

.H39 {
  height: 39%;
}

.H40 {
  height: 40%;
}

.H41 {
  height: 41%;
}

.H42 {
  height: 42%;
}

.H43 {
  height: 43%;
}

.H44 {
  height: 44%;
}

.H45 {
  height: 45%;
}

.H46 {
  height: 46%;
}

.H47 {
  height: 47%;
}

.H48 {
  height: 48%;
}

.H49 {
  height: 49%;
}

.H50 {
  height: 50%;
}

.H51 {
  height: 51%;
}

.H52 {
  height: 52%;
}

.H53 {
  height: 53%;
}

.H54 {
  height: 54%;
}

.H55 {
  height: 55%;
}

.H56 {
  height: 56%;
}

.H57 {
  height: 57%;
}

.H58 {
  height: 58%;
}

.H59 {
  height: 59%;
}

.H60 {
  height: 60%;
}

.H61 {
  height: 61%;
}

.H62 {
  height: 62%;
}

.H63 {
  height: 63%;
}

.H64 {
  height: 64%;
}

.H65 {
  height: 65%;
}

.H66 {
  height: 66%;
}

.H67 {
  height: 67%;
}

.H68 {
  height: 68%;
}

.H69 {
  height: 69%;
}

.H70 {
  height: 70%;
}

.H71 {
  height: 71%;
}

.H72 {
  height: 72%;
}

.H73 {
  height: 73%;
}

.H74 {
  height: 74%;
}

.H75 {
  height: 75%;
}

.H76 {
  height: 76%;
}

.H77 {
  height: 77%;
}

.H78 {
  height: 78%;
}

.H79 {
  height: 79%;
}

.H80 {
  height: 80%;
}

.H81 {
  height: 81%;
}

.H82 {
  height: 82%;
}

.H83 {
  height: 83%;
}

.H84 {
  height: 84%;
}

.H85 {
  height: 85%;
}

.H86 {
  height: 86%;
}

.H87 {
  height: 87%;
}

.H88 {
  height: 88%;
}

.H89 {
  height: 89%;
}

.H90 {
  height: 90%;
}

.H91 {
  height: 91%;
}

.H92 {
  height: 92%;
}

.H93 {
  height: 93%;
}

.H94 {
  height: 94%;
}

.H95 {
  height: 95%;
}

.H96 {
  height: 96%;
}

.H97 {
  height: 97%;
}

.H98 {
  height: 98%;
}

.H99 {
  height: 99%;
}

.H100 {
  height: 100%;
}

.HIcon {
  height: 1%;
  max-height: 32px;
}

@media (min-width: 0) and (max-width: 500px) {
  .HM1 {
    height: 1%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM2 {
    height: 2%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM3 {
    height: 3%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM4 {
    height: 4%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM5 {
    height: 5%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM6 {
    height: 6%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM7 {
    height: 7%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM8 {
    height: 8%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM9 {
    height: 9%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM10 {
    height: 10%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM11 {
    height: 11%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM12 {
    height: 12%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM13 {
    height: 13%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM14 {
    height: 14%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM15 {
    height: 15%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM16 {
    height: 16%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM17 {
    height: 17%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM18 {
    height: 18%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM19 {
    height: 19%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM20 {
    height: 20%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM21 {
    height: 21%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM22 {
    height: 22%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM23 {
    height: 23%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM24 {
    height: 24%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM25 {
    height: 25%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM26 {
    height: 26%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM27 {
    height: 27%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM28 {
    height: 28%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM29 {
    height: 29%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM30 {
    height: 30%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM31 {
    height: 31%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM32 {
    height: 32%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM33 {
    height: 33%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM34 {
    height: 34%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM35 {
    height: 35%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM36 {
    height: 36%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM37 {
    height: 37%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM38 {
    height: 38%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM39 {
    height: 39%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM40 {
    height: 40%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM41 {
    height: 41%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM42 {
    height: 42%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM43 {
    height: 43%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM44 {
    height: 44%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM45 {
    height: 45%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM46 {
    height: 46%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM47 {
    height: 47%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM48 {
    height: 48%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM49 {
    height: 49%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM50 {
    height: 50%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM51 {
    height: 51%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM52 {
    height: 52%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM53 {
    height: 53%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM54 {
    height: 54%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM55 {
    height: 55%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM56 {
    height: 56%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM57 {
    height: 57%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM58 {
    height: 58%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM59 {
    height: 59%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM60 {
    height: 60%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM61 {
    height: 61%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM62 {
    height: 62%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM63 {
    height: 63%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM64 {
    height: 64%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM65 {
    height: 65%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM66 {
    height: 66%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM67 {
    height: 67%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM68 {
    height: 68%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM69 {
    height: 69%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM70 {
    height: 70%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM71 {
    height: 71%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM72 {
    height: 72%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM73 {
    height: 73%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM74 {
    height: 74%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM75 {
    height: 75%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM76 {
    height: 76%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM77 {
    height: 77%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM78 {
    height: 78%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM79 {
    height: 79%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM80 {
    height: 80%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM81 {
    height: 81%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM82 {
    height: 82%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM83 {
    height: 83%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM84 {
    height: 84%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM85 {
    height: 85%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM86 {
    height: 86%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM87 {
    height: 87%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM88 {
    height: 88%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM89 {
    height: 89%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM90 {
    height: 90%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM91 {
    height: 91%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM92 {
    height: 92%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM93 {
    height: 93%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM94 {
    height: 94%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM95 {
    height: 95%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM96 {
    height: 96%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM97 {
    height: 97%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM98 {
    height: 98%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM99 {
    height: 99%;
  }
}

@media (min-width: 0) and (max-width: 500px) {
  .HM100 {
    height: 100%;
  }
}

.HMin1 {
  min-height: 1%;
}

.HMin2 {
  min-height: 2%;
}

.HMin3 {
  min-height: 3%;
}

.HMin4 {
  min-height: 4%;
}

.HMin5 {
  min-height: 5%;
}

.HMin6 {
  min-height: 6%;
}

.HMin7 {
  min-height: 7%;
}

.HMin8 {
  min-height: 8%;
}

.HMin9 {
  min-height: 9%;
}

.HMin10 {
  min-height: 10%;
}

.HMin11 {
  min-height: 11%;
}

.HMin12 {
  min-height: 12%;
}

.HMin13 {
  min-height: 13%;
}

.HMin14 {
  min-height: 14%;
}

.HMin15 {
  min-height: 15%;
}

.HMin16 {
  min-height: 16%;
}

.HMin17 {
  min-height: 17%;
}

.HMin18 {
  min-height: 18%;
}

.HMin19 {
  min-height: 19%;
}

.HMin20 {
  min-height: 20%;
}

.HMin21 {
  min-height: 21%;
}

.HMin22 {
  min-height: 22%;
}

.HMin23 {
  min-height: 23%;
}

.HMin24 {
  min-height: 24%;
}

.HMin25 {
  min-height: 25%;
}

.HMin26 {
  min-height: 26%;
}

.HMin27 {
  min-height: 27%;
}

.HMin28 {
  min-height: 28%;
}

.HMin29 {
  min-height: 29%;
}

.HMin30 {
  min-height: 30%;
}

.HMin31 {
  min-height: 31%;
}

.HMin32 {
  min-height: 32%;
}

.HMin33 {
  min-height: 33%;
}

.HMin34 {
  min-height: 34%;
}

.HMin35 {
  min-height: 35%;
}

.HMin36 {
  min-height: 36%;
}

.HMin37 {
  min-height: 37%;
}

.HMin38 {
  min-height: 38%;
}

.HMin39 {
  min-height: 39%;
}

.HMin40 {
  min-height: 40%;
}

.HMin41 {
  min-height: 41%;
}

.HMin42 {
  min-height: 42%;
}

.HMin43 {
  min-height: 43%;
}

.HMin44 {
  min-height: 44%;
}

.HMin45 {
  min-height: 45%;
}

.HMin46 {
  min-height: 46%;
}

.HMin47 {
  min-height: 47%;
}

.HMin48 {
  min-height: 48%;
}

.HMin49 {
  min-height: 49%;
}

.HMin50 {
  min-height: 50%;
}

.HMin51 {
  min-height: 51%;
}

.HMin52 {
  min-height: 52%;
}

.HMin53 {
  min-height: 53%;
}

.HMin54 {
  min-height: 54%;
}

.HMin55 {
  min-height: 55%;
}

.HMin56 {
  min-height: 56%;
}

.HMin57 {
  min-height: 57%;
}

.HMin58 {
  min-height: 58%;
}

.HMin59 {
  min-height: 59%;
}

.HMin60 {
  min-height: 60%;
}

.HMin61 {
  min-height: 61%;
}

.HMin62 {
  min-height: 62%;
}

.HMin63 {
  min-height: 63%;
}

.HMin64 {
  min-height: 64%;
}

.HMin65 {
  min-height: 65%;
}

.HMin66 {
  min-height: 66%;
}

.HMin67 {
  min-height: 67%;
}

.HMin68 {
  min-height: 68%;
}

.HMin69 {
  min-height: 69%;
}

.HMin70 {
  min-height: 70%;
}

.HMin71 {
  min-height: 71%;
}

.HMin72 {
  min-height: 72%;
}

.HMin73 {
  min-height: 73%;
}

.HMin74 {
  min-height: 74%;
}

.HMin75 {
  min-height: 75%;
}

.HMin76 {
  min-height: 76%;
}

.HMin77 {
  min-height: 77%;
}

.HMin78 {
  min-height: 78%;
}

.HMin79 {
  min-height: 79%;
}

.HMin80 {
  min-height: 80%;
}

.HMin81 {
  min-height: 81%;
}

.HMin82 {
  min-height: 82%;
}

.HMin83 {
  min-height: 83%;
}

.HMin84 {
  min-height: 84%;
}

.HMin85 {
  min-height: 85%;
}

.HMin86 {
  min-height: 86%;
}

.HMin87 {
  min-height: 87%;
}

.HMin88 {
  min-height: 88%;
}

.HMin89 {
  min-height: 89%;
}

.HMin90 {
  min-height: 90%;
}

.HMin91 {
  min-height: 91%;
}

.HMin92 {
  min-height: 92%;
}

.HMin93 {
  min-height: 93%;
}

.HMin94 {
  min-height: 94%;
}

.HMin95 {
  min-height: 95%;
}

.HMin96 {
  min-height: 96%;
}

.HMin97 {
  min-height: 97%;
}

.HMin98 {
  min-height: 98%;
}

.HMin99 {
  min-height: 99%;
}

.HMin100 {
  min-height: 100%;
}

.HMax1 {
  max-height: 1%;
}

.HMax2 {
  max-height: 2%;
}

.HMax3 {
  max-height: 3%;
}

.HMax4 {
  max-height: 4%;
}

.HMax5 {
  max-height: 5%;
}

.HMax6 {
  max-height: 6%;
}

.HMax7 {
  max-height: 7%;
}

.HMax8 {
  max-height: 8%;
}

.HMax9 {
  max-height: 9%;
}

.HMax10 {
  max-height: 10%;
}

.HMax11 {
  max-height: 11%;
}

.HMax12 {
  max-height: 12%;
}

.HMax13 {
  max-height: 13%;
}

.HMax14 {
  max-height: 14%;
}

.HMax15 {
  max-height: 15%;
}

.HMax16 {
  max-height: 16%;
}

.HMax17 {
  max-height: 17%;
}

.HMax18 {
  max-height: 18%;
}

.HMax19 {
  max-height: 19%;
}

.HMax20 {
  max-height: 20%;
}

.HMax21 {
  max-height: 21%;
}

.HMax22 {
  max-height: 22%;
}

.HMax23 {
  max-height: 23%;
}

.HMax24 {
  max-height: 24%;
}

.HMax25 {
  max-height: 25%;
}

.HMax26 {
  max-height: 26%;
}

.HMax27 {
  max-height: 27%;
}

.HMax28 {
  max-height: 28%;
}

.HMax29 {
  max-height: 29%;
}

.HMax30 {
  max-height: 30%;
}

.HMax31 {
  max-height: 31%;
}

.HMax32 {
  max-height: 32%;
}

.HMax33 {
  max-height: 33%;
}

.HMax34 {
  max-height: 34%;
}

.HMax35 {
  max-height: 35%;
}

.HMax36 {
  max-height: 36%;
}

.HMax37 {
  max-height: 37%;
}

.HMax38 {
  max-height: 38%;
}

.HMax39 {
  max-height: 39%;
}

.HMax40 {
  max-height: 40%;
}

.HMax41 {
  max-height: 41%;
}

.HMax42 {
  max-height: 42%;
}

.HMax43 {
  max-height: 43%;
}

.HMax44 {
  max-height: 44%;
}

.HMax45 {
  max-height: 45%;
}

.HMax46 {
  max-height: 46%;
}

.HMax47 {
  max-height: 47%;
}

.HMax48 {
  max-height: 48%;
}

.HMax49 {
  max-height: 49%;
}

.HMax50 {
  max-height: 50%;
}

.HMax51 {
  max-height: 51%;
}

.HMax52 {
  max-height: 52%;
}

.HMax53 {
  max-height: 53%;
}

.HMax54 {
  max-height: 54%;
}

.HMax55 {
  max-height: 55%;
}

.HMax56 {
  max-height: 56%;
}

.HMax57 {
  max-height: 57%;
}

.HMax58 {
  max-height: 58%;
}

.HMax59 {
  max-height: 59%;
}

.HMax60 {
  max-height: 60%;
}

.HMax61 {
  max-height: 61%;
}

.HMax62 {
  max-height: 62%;
}

.HMax63 {
  max-height: 63%;
}

.HMax64 {
  max-height: 64%;
}

.HMax65 {
  max-height: 65%;
}

.HMax66 {
  max-height: 66%;
}

.HMax67 {
  max-height: 67%;
}

.HMax68 {
  max-height: 68%;
}

.HMax69 {
  max-height: 69%;
}

.HMax70 {
  max-height: 70%;
}

.HMax71 {
  max-height: 71%;
}

.HMax72 {
  max-height: 72%;
}

.HMax73 {
  max-height: 73%;
}

.HMax74 {
  max-height: 74%;
}

.HMax75 {
  max-height: 75%;
}

.HMax76 {
  max-height: 76%;
}

.HMax77 {
  max-height: 77%;
}

.HMax78 {
  max-height: 78%;
}

.HMax79 {
  max-height: 79%;
}

.HMax80 {
  max-height: 80%;
}

.HMax81 {
  max-height: 81%;
}

.HMax82 {
  max-height: 82%;
}

.HMax83 {
  max-height: 83%;
}

.HMax84 {
  max-height: 84%;
}

.HMax85 {
  max-height: 85%;
}

.HMax86 {
  max-height: 86%;
}

.HMax87 {
  max-height: 87%;
}

.HMax88 {
  max-height: 88%;
}

.HMax89 {
  max-height: 89%;
}

.HMax90 {
  max-height: 90%;
}

.HMax91 {
  max-height: 91%;
}

.HMax92 {
  max-height: 92%;
}

.HMax93 {
  max-height: 93%;
}

.HMax94 {
  max-height: 94%;
}

.HMax95 {
  max-height: 95%;
}

.HMax96 {
  max-height: 96%;
}

.HMax97 {
  max-height: 97%;
}

.HMax98 {
  max-height: 98%;
}

.HMax99 {
  max-height: 99%;
}

.HMax100 {
  max-height: 100%;
}

.FlexKontainer {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.FlexKontainer > div, .FlexKontainer > li {
  flex: 1;
  word-break: break-word;
}
.FlexKontainer.Linksbuendig {
  justify-content: flex-start;
}
.FlexKontainer.KeineBreite > div, .FlexKontainer.KeineBreite > li {
  flex: none;
}
.FlexKontainer.MediaStdSpalten1 > div, .FlexKontainer.MediaStdSpalten1 > li {
  flex-basis: calc(100% / 1 - (60px * (1 - 1)));
}
.FlexKontainer.MediaStdSpalten2 > div, .FlexKontainer.MediaStdSpalten2 > li {
  flex-basis: calc(100% / 2 - (60px * (2 - 1)));
}
.FlexKontainer.MediaStdSpalten3 > div, .FlexKontainer.MediaStdSpalten3 > li {
  flex-basis: calc(100% / 3 - (60px * (3 - 1)));
}
.FlexKontainer.MediaStdSpalten4 > div, .FlexKontainer.MediaStdSpalten4 > li {
  flex-basis: calc(100% / 4 - (60px * (4 - 1)));
}
.FlexKontainer.MediaStdSpalten5 > div, .FlexKontainer.MediaStdSpalten5 > li {
  flex-basis: calc(100% / 5 - (60px * (5 - 1)));
}
.FlexKontainer.MediaStdSpalten6 > div, .FlexKontainer.MediaStdSpalten6 > li {
  flex-basis: calc(100% / 6 - (60px * (6 - 1)));
}
.FlexKontainer.MediaStdSpalten7 > div, .FlexKontainer.MediaStdSpalten7 > li {
  flex-basis: calc(100% / 7 - (60px * (7 - 1)));
}
.FlexKontainer.MediaStdSpalten8 > div, .FlexKontainer.MediaStdSpalten8 > li {
  flex-basis: calc(100% / 8 - (60px * (8 - 1)));
}
.FlexKontainer.MediaStdSpalten9 > div, .FlexKontainer.MediaStdSpalten9 > li {
  flex-basis: calc(100% / 9 - (60px * (9 - 1)));
}
.FlexKontainer.MediaStdSpalten10 > div, .FlexKontainer.MediaStdSpalten10 > li {
  flex-basis: calc(100% / 10 - (60px * (10 - 1)));
}
.FlexKontainer.MediaStdSpalten11 > div, .FlexKontainer.MediaStdSpalten11 > li {
  flex-basis: calc(100% / 11 - (60px * (11 - 1)));
}
.FlexKontainer.MediaStdSpalten12 > div, .FlexKontainer.MediaStdSpalten12 > li {
  flex-basis: calc(100% / 12 - (60px * (12 - 1)));
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten1 > div, .FlexKontainer.MediaTabSpalten1 > li {
    flex-basis: calc(100% / 1 - (60px * (1 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten2 > div, .FlexKontainer.MediaTabSpalten2 > li {
    flex-basis: calc(100% / 2 - (60px * (2 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten3 > div, .FlexKontainer.MediaTabSpalten3 > li {
    flex-basis: calc(100% / 3 - (60px * (3 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten4 > div, .FlexKontainer.MediaTabSpalten4 > li {
    flex-basis: calc(100% / 4 - (60px * (4 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten5 > div, .FlexKontainer.MediaTabSpalten5 > li {
    flex-basis: calc(100% / 5 - (60px * (5 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten6 > div, .FlexKontainer.MediaTabSpalten6 > li {
    flex-basis: calc(100% / 6 - (60px * (6 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten7 > div, .FlexKontainer.MediaTabSpalten7 > li {
    flex-basis: calc(100% / 7 - (60px * (7 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten8 > div, .FlexKontainer.MediaTabSpalten8 > li {
    flex-basis: calc(100% / 8 - (60px * (8 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten9 > div, .FlexKontainer.MediaTabSpalten9 > li {
    flex-basis: calc(100% / 9 - (60px * (9 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten10 > div, .FlexKontainer.MediaTabSpalten10 > li {
    flex-basis: calc(100% / 10 - (60px * (10 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten11 > div, .FlexKontainer.MediaTabSpalten11 > li {
    flex-basis: calc(100% / 11 - (60px * (11 - 1)));
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .FlexKontainer.MediaTabSpalten12 > div, .FlexKontainer.MediaTabSpalten12 > li {
    flex-basis: calc(100% / 12 - (60px * (12 - 1)));
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten1 > div, .FlexKontainer.MediaMobSpalten1 > li {
    flex-basis: calc(100% / 1 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten2 > div, .FlexKontainer.MediaMobSpalten2 > li {
    flex-basis: calc(100% / 2 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten3 > div, .FlexKontainer.MediaMobSpalten3 > li {
    flex-basis: calc(100% / 3 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten4 > div, .FlexKontainer.MediaMobSpalten4 > li {
    flex-basis: calc(100% / 4 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten5 > div, .FlexKontainer.MediaMobSpalten5 > li {
    flex-basis: calc(100% / 5 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten6 > div, .FlexKontainer.MediaMobSpalten6 > li {
    flex-basis: calc(100% / 6 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten7 > div, .FlexKontainer.MediaMobSpalten7 > li {
    flex-basis: calc(100% / 7 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten8 > div, .FlexKontainer.MediaMobSpalten8 > li {
    flex-basis: calc(100% / 8 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten9 > div, .FlexKontainer.MediaMobSpalten9 > li {
    flex-basis: calc(100% / 9 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten10 > div, .FlexKontainer.MediaMobSpalten10 > li {
    flex-basis: calc(100% / 10 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten11 > div, .FlexKontainer.MediaMobSpalten11 > li {
    flex-basis: calc(100% / 11 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten12 > div, .FlexKontainer.MediaMobSpalten12 > li {
    flex-basis: calc(100% / 12 - 60px);
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .FlexKontainer.MediaMobSpalten1 {
    display: block;
    flex: none;
  }
  .FlexKontainer.MediaMobSpalten1 > div, .FlexKontainer.MediaMobSpalten1 > li {
    min-width: auto !important;
  }
}

.FlexPlatzhalter {
  content: "";
  flex: 1 0 200px;
  padding: 5px;
  margin-top: 10px;
  margin-right: 5px;
  visibility: hidden;
}

.SpaltenKontainerMauerwerk {
  width: auto;
  margin: 1.5em auto;
  max-width: 1280px;
  column-gap: 20px;
  column-count: 4;
}
@media (max-width: 1280px) {
  .SpaltenKontainerMauerwerk {
    column-count: 4;
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .SpaltenKontainerMauerwerk {
    column-count: 3;
  }
}
@media (min-width: 0) and (max-width: 500px) {
  .SpaltenKontainerMauerwerk {
    column-count: 1;
  }
}
.SpaltenKontainerMauerwerk .Spalte {
  display: inline-block;
  break-inside: avoid-column;
  padding: 20px;
  margin: 0 0 20px;
}

@media (min-width: 0) and (max-width: 500px) {
  .ncMediaAusserMobil {
    display: none;
  }
}

.ncMediaNurMobil {
  display: none;
}
@media (min-width: 0) and (max-width: 500px) {
  .ncMediaNurMobil {
    display: unset;
  }
}

.OhneAbstandOben {
  margin-top: 0;
}

.AbstandOben2x {
  margin-top: 40px;
}

.AbstandOben3x {
  margin-top: 60px;
}

.AbstandOben4x {
  margin-top: 80px;
}

.AbstandOben5x {
  margin-top: 100px;
}

.Rechts {
  float: right;
}

.RechtsRand {
  float: right;
  margin-right: 1em;
}

.Links {
  float: left;
}
.Links.OhneRand {
  margin: 0;
}

.LinksRand {
  margin-left: 1em;
}

.TextZentriert {
  text-align: center;
}

.TextRechts {
  text-align: right;
}

.PosZentriertHV, .ZentriertHV {
  display: flex;
  justify-content: center;
  align-items: center;
}

.PosZentriertV, .ZentriertV {
  display: flex;
  align-items: center;
}

.PosZentriertHBottom {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.PosNichtZentriertHV {
  justify-content: left;
  align-items: baseline;
}

.PosZentriertRechts {
  justify-content: end;
  align-items: center;
}

input {
  padding-left: 5px;
  box-sizing: content-box;
}
input:focus {
  border: 1px solid black;
}

input[type=text].placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]:-moz-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]::-moz-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]:-ms-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]::-webkit-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}

select {
  padding-left: 5px;
  box-sizing: content-box;
  padding-top: 5px;
  padding-bottom: 5px;
}
select:focus {
  border: 1px solid black;
}

textarea {
  padding-left: 5px;
  box-sizing: content-box;
}
textarea:focus {
  border: 1px solid black;
}

.extendformular_1, input[type=text], input[type=email], input[type=password], select {
  min-height: 3em;
  width: 100%;
}

.extendformular_2, a.Button, button, input.Button, input[type=button] {
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.25em !important;
  font-size: 0.9em;
  font-weight: 300;
  padding: 0.5em 1em;
  color: #62727a !important;
  cursor: pointer;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  border-radius: 4px;
  *margin-left: 0.3em;
}

.extendButtonHover, a.Button:hover:not(.Selektiert), button:focus, button:hover:not(.Selektiert), input.Button:focus, input.Button:hover {
  background-color: #ccc;
  text-decoration: none;
  background-position: 0 0;
  color: black !important;
}

select {
  display: inline-block;
  line-height: 1.25em !important;
  font-weight: 300;
  color: #62727a !important;
  text-shadow: 0 1px #fff;
  cursor: pointer;
}
select:disabled {
  background: #f5f5f5;
  color: #eee !important;
  border-color: #e5e5e5;
}

li .Icon.Delete {
  display: none;
}
li:hover .Icon.Delete {
  display: block;
}

input[type=submit]:active {
  color: #fff !important;
  text-shadow: none;
  border-color: #262626;
  background-color: #333;
  background-image: linear-gradient(top, #333, #333);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$color_cerulean_approx", endcolorstr="$color_cerulean_approx", gradienttype=0);
  box-shadow: inset 0 0 0 1px #262626;
}

input.Warnung {
  background: #ff4800 !important;
  color: white !important;
}
input.Warnung:hover {
  background: black !important;
  color: white !important;
}

.extendFormularStandard, form .Zeile .Inhalt textarea, .ZeilenKontainer .Zeile .Inhalt textarea, input, select {
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #c0c0c0;
  padding: 0.5em 1em;
  margin: 0;
  outline: none;
}
.extendFormularStandard:focus, form .Zeile .Inhalt textarea:focus, .ZeilenKontainer .Zeile .Inhalt textarea:focus, input:focus, select:focus {
  border: 1px solid #c0c0c0;
}

form, .ZeilenKontainer {
  max-width: 1200px;
}
form .Zeile, .ZeilenKontainer .Zeile {
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  gap: 20px;
}
@media (max-width: 500px) {
  form .Zeile, .ZeilenKontainer .Zeile {
    display: block;
  }
}
form .Zeile .Titel, .ZeilenKontainer .Zeile .Titel {
  flex-basis: 35%;
  display: block;
  line-height: 1em;
  text-align: right;
}
@media (max-width: 500px) {
  form .Zeile .Titel, .ZeilenKontainer .Zeile .Titel {
    text-align: left;
    margin-bottom: 5px;
  }
}
form .Zeile .Inhalt, .ZeilenKontainer .Zeile .Inhalt {
  flex: 1 1 auto;
}
form .Zeile.Haelfte, .ZeilenKontainer .Zeile.Haelfte {
  width: 44%;
}
form .Zeile.Drittel, .ZeilenKontainer .Zeile.Drittel {
  width: 30%;
}
form .Zeile.Viertel, .ZeilenKontainer .Zeile.Viertel {
  width: 25%;
}
form .Zeile.DreiViertel, .ZeilenKontainer .Zeile.DreiViertel {
  width: 60%;
}
form .Zeile.Weit, .ZeilenKontainer .Zeile.Weit {
  display: block;
}
form .Zeile.Weit .Titel, .ZeilenKontainer .Zeile.Weit .Titel {
  width: auto;
  text-align: left;
  margin-bottom: 5px;
}
form .Zeile.Weit .Inhalt, .ZeilenKontainer .Zeile.Weit .Inhalt {
  width: auto;
}
form .Zeile.Clear, .ZeilenKontainer .Zeile.Clear {
  clear: left;
}
form .Zeile.Trenner, .ZeilenKontainer .Zeile.Trenner {
  border-bottom: 1px dotted #c0c0c0;
}
form .Zeile.Flach, .ZeilenKontainer .Zeile.Flach {
  padding-top: 0;
  padding-bottom: 0;
}
form .Zeile.Warnung, .ZeilenKontainer .Zeile.Warnung {
  margin-bottom: 5px;
}
form .Zeile.Warnung .Titel, .ZeilenKontainer .Zeile.Warnung .Titel {
  color: #ff4800;
  font-family: "NanoFett", sans-serif;
}
form .Zeile.Warnung .Kommentar, .ZeilenKontainer .Zeile.Warnung .Kommentar {
  color: black;
}
form .Zeile.Uhrzeit .Zahl, .ZeilenKontainer .Zeile.Uhrzeit .Zahl {
  width: auto;
  color: red;
}
form .Zeile.TitelFett .Titel, .ZeilenKontainer .Zeile.TitelFett .Titel {
  font-family: "NanoFett", sans-serif;
}
form .Zeile.TitelLinksBuendig .Titel, .ZeilenKontainer .Zeile.TitelLinksBuendig .Titel {
  text-align: left !important;
}
form .Zeile .Inhalt > p, .ZeilenKontainer .Zeile .Inhalt > p {
  margin-top: 0;
}
form .Zeile .Inhalt textarea, .ZeilenKontainer .Zeile .Inhalt textarea {
  width: 99%;
}
form .Zeile .Inhalt textarea.DynRow, .ZeilenKontainer .Zeile .Inhalt textarea.DynRow {
  height: auto;
}
form .Zeile .Inhalt textarea:focus, .ZeilenKontainer .Zeile .Inhalt textarea:focus {
  border: 1px solid blue;
}
form .Zeile .Inhalt input[type=password], form .Zeile .Inhalt input.Passwort, .ZeilenKontainer .Zeile .Inhalt input[type=password], .ZeilenKontainer .Zeile .Inhalt input.Passwort {
  max-width: 400px;
}
form .Zeile.Flach, .ZeilenKontainer .Zeile.Flach {
  padding-bottom: 0;
  padding-top: 0;
}
form .Zeile.Senden, .ZeilenKontainer .Zeile.Senden {
  margin-top: 1em;
}
form .Zeile.OhneTitel .Titel, .ZeilenKontainer .Zeile.OhneTitel .Titel {
  display: none;
}
form .Zeile.Information, .ZeilenKontainer .Zeile.Information {
  margin-bottom: 0;
  padding-bottom: 0;
}
form .Zeile.Pflichtfeld .Titel:after, .ZeilenKontainer .Zeile.Pflichtfeld .Titel:after {
  content: " *";
  color: #ff4800;
}
form .Zeile.dataTags .Titel, .ZeilenKontainer .Zeile.dataTags .Titel {
  min-width: 200px;
  line-height: 40px;
}
form .Zeile.OhneAbstandUnten, .ZeilenKontainer .Zeile.OhneAbstandUnten {
  padding-bottom: 0;
}
form .Zeile.OhneAbstandOben, .ZeilenKontainer .Zeile.OhneAbstandOben {
  padding-top: 0;
}
form .BildUpload, .ZeilenKontainer .BildUpload {
  float: left;
}
form .Bilduntertitel, .ZeilenKontainer .Bilduntertitel {
  width: 75%;
  display: inline;
}
form img.BildUpload, .ZeilenKontainer img.BildUpload {
  float: left;
  margin-right: 1em;
}

.extendbuttons_1, select, input[type=text], input[type=password], .btn[disabled], .btn.disabled, .btn.active, .btn:active, .btn:focus, .btn:hover {
  color: #333;
  background-color: white;
  *background-color: #d9d9d9;
}

.extendbuttons_2, input.Button, input[type=button], button, .btn:focus, .btn:hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  transition: background-position 0.1s linear;
}

.extendbuttons_3, input.Button:focus, input.Button:hover, button:focus, button:hover, .btn.active, .btn:active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.extendbuttons_4, .btn[disabled], .btn.disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0.5em 1em;
  margin-bottom: 0;
  text-align: center;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  border-radius: 4px;
  *margin-left: 0.3em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
@media print {
  .btn {
    display: none !important;
  }
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:focus {
  outline: thin dotted #333;
  outline-offset: -2px;
}
.btn:active {
  background-color: #cccccc \9 ;
}
.btn.active {
  background-color: #cccccc \9 ;
}
.btn:first-child {
  *margin-left: 0;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  border-radius: 6px;
}
.btn-large [class^=icon-] {
  margin-top: 4px;
}
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  border-radius: 3px;
}
.btn-small [class^=icon-] {
  margin-top: 0;
}
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  border-radius: 3px;
}
.btn-mini [class^=icon-] {
  margin-top: -1px;
}
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}

a.btn {
  text-decoration: none;
}

.btn.farbeWarnung {
  background: #ff4800 !important;
  color: white !important;
  text-shadow: none;
  border: none;
}
.btn.farbeWarnung:hover {
  background: #c52f25 !important;
  color: white !important;
}

button.Klein {
  font-size: 0.9em;
  line-height: 1em !important;
  padding: 0.2em 0.4em;
}
button.Selektiert {
  color: white !important;
  background: #333;
  cursor: auto;
}
button:disabled {
  background: #f5f5f5;
  color: #bbbbbb !important;
  border-color: #d9d9d9;
}
button.klein {
  font-size: 10px;
  padding: 1px 2px;
}
button.Normal:hover {
  color: #006699 !important;
  background: #ffffff;
}

button[type=submit].SuchButton {
  width: 24px;
  padding: 0;
  height: 24px;
}

.ButtonGruppe > button {
  position: relative;
  float: left;
}
.ButtonGruppe > button:not(.Selektiert) span {
  mix-blend-mode: luminosity;
  color: #666;
}
.ButtonGruppe > button:not(.Selektiert):hover span {
  color: white;
}
.ButtonGruppe > button:not(.Selektiert):hover::before {
  background: #666;
  width: 100%;
}
.ButtonGruppe > button:not(.Selektiert)::before {
  transition: all 0.55s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  content: "";
  width: 0%;
  height: 100%;
  background: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
}
.ButtonGruppe:after {
  content: "";
  clear: both;
  display: table;
}

.ButtonGruppe > .ButtonGruppe {
  float: left;
}
.ButtonGruppe > .ButtonGruppe .DropDown::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.ButtonGruppe > .ButtonGruppe:not(:last-child) > button, .ButtonGruppe > button:not(:last-child):not(.DropDown) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ButtonGruppe > .ButtonGruppe:not(:first-child) > button, .ButtonGruppe > button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ButtonGruppe.DropDown {
  position: relative;
}
.ButtonGruppe.DropDown > button {
  min-width: 380px;
  text-align: right;
}
.ButtonGruppe.DropDown .dropdown-menu {
  width: 100%;
  z-index: 1000;
  background: orange;
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  position: absolute;
  transition: all 0.5s ease;
  left: 0;
  display: none;
}
.ButtonGruppe.DropDown .dropdown-menu button {
  display: block;
  width: 100%;
  text-align: left;
}

.ButtonGruppe.DropDown:hover .dropdown-menu {
  visibility: visible;
  opacity: 1;
  display: block;
}

a.Button {
  text-decoration: none;
}
a.Button:hover {
  color: black;
}
a.Button.Selektiert {
  color: white !important;
  background: #333;
  cursor: auto;
}

.radio {
  margin: 0.5rem;
}
.radio.nebeneinander {
  float: left;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label {
  position: relative;
  display: inline-block;
  padding: 0.5rem 0 0 2.5rem;
  margin-bottom: 1rem;
  user-select: none;
  margin-left: 0.75em;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: white;
  border-radius: 100%;
  border: 1px solid #bfbfbf;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #006699;
  box-shadow: inset 0 0 0 4px white;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #006699;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px white;
  border-color: #bfbfbf;
  background: #bfbfbf;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}

/** Damit ein Icon innerhalb eines Inputs liegt */
.Kontainer.IconInnen {
  position: relative;
}
.Kontainer.IconInnen i.fa {
  position: absolute;
  padding: 7px;
  pointer-events: none;
}
.Kontainer.IconInnen.IconRechts i.fa {
  right: 0;
}
.Kontainer.IconInnen.IconRechts input {
  padding-right: 30px;
}
.Kontainer.IconInnen.IconLinks i.fa {
  left: 0;
}
.Kontainer.IconInnen.IconLinks input {
  padding-left: 30px;
}

.Checkboxen .Checkbox {
  min-height: 2em;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.Checkboxen .Checkbox input.Freifeld {
  width: 250px;
  margin-left: 1em !important;
}

label {
  cursor: pointer;
  line-height: 1rem;
  padding-top: 3px;
}

input[type=checkbox]:not(.NurStandardCheckBox) {
  border: 0;
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type=checkbox]:not(.NurStandardCheckBox) + label {
  position: relative;
  padding: 0.5rem 0 0 2.8rem;
  user-select: none;
  margin-left: 0.75em;
}
input[type=checkbox]:not(.NurStandardCheckBox) + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  border: 2px solid #ccc;
  border-radius: 0.25rem;
  background: #fff;
  text-align: center;
  transition: background 200ms ease-out;
}
input[type=checkbox]:not(.NurStandardCheckBox) + label:after {
  content: "";
  position: absolute;
  transform: scale(0);
  transition: transform 200ms ease-out;
}

input[type=checkbox]:not(.NurStandardCheckBox) + label:after {
  background-color: transparent;
  content: "";
  display: block;
  position: absolute;
  left: 0.65rem;
  top: 0.25rem;
  width: 0.5rem;
  height: 1rem;
  opacity: 0.2;
  border-bottom: 3px solid #006699;
  border-right: 3px solid #006699;
  transform: rotate(45deg);
  transition: border-color 0.3s ease;
}
input[type=checkbox]:not(.NurStandardCheckBox):checked + label:before {
  content: "";
}
input[type=checkbox]:not(.NurStandardCheckBox):checked + label:after {
  content: "";
  opacity: 1;
}

select option.Level1 {
  background: #c0c0c0;
  color: black;
  font-weight: bold;
}
select option.Level4 {
  color: #ccc;
}

.SelectWrapper:not(.MitFilter) {
  position: relative;
}
.SelectWrapper:not(.MitFilter)::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 5px;
}
.SelectWrapper:not(.MitFilter) select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  padding-left: 10px;
  width: 100%;
}
.SelectWrapper:not(.MitFilter) select option {
  color: #666;
}
.SelectWrapper:not(.MitFilter) select::-ms-expand {
  display: none;
}
.SelectWrapper:not(.MitFilter) select:focus::-ms-value {
  background-color: transparent;
}

.input-gruppe {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-gruppe .input-gruppe-pre {
  margin-right: -1px;
  display: flex;
}
.input-gruppe .input-gruppe-pre .input-gruppe-text {
  border-right: 0;
}
.input-gruppe .input-gruppe-post {
  display: flex;
  margin-left: 1px;
}
.input-gruppe .input-gruppe-post .input-gruppe-text {
  border-left: 0;
}
.input-gruppe input {
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  min-width: 0;
  margin-bottom: 0;
}
.input-gruppe .input-gruppe-text {
  display: flex;
  align-items: center;
  padding: 5px 5px;
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  background-color: #f5f5f5;
  border: 1px solid #999;
  min-width: 31px;
}

.NavigationLegende {
  margin-bottom: 20px;
  margin-top: 20px;
}

.jboxextend_1, .jBox-Confirm .jBox-title, .jBox-Modal .jBox-title {
  border-radius: 3px 3px 0 0;
  padding: 10px 15px;
  background: #f4f5f6;
  border-bottom: 1px solid #ddd;
  text-shadow: 0 1px 0 #fff;
}

.jboxextend_2, .jBox-image-pointer-prev, .jBox-image-pointer-next {
  position: absolute;
  bottom: 0;
  width: 22px;
  height: 45px;
  background: no-repeat center center url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ijc0LjcgMjI0IDE4LjcgMzIiPg0KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTkzLDIyNy40TDgwLjQsMjQwTDkzLDI1Mi42YzAuNCwwLjQsMC40LDEuMSwwLDEuNWwtMS42LDEuNmMtMC40LDAuNC0xLDAuNS0xLjUsMEw3NSwyNDAuN2MtMC40LTAuNC0wLjUtMSwwLTEuNWwxNC45LTE0LjljMC40LTAuNCwxLTAuNCwxLjUsMGwxLjYsMS42QzkzLjUsMjI2LjQsOTMuNCwyMjcsOTMsMjI3LjR6Ii8+DQo8L3N2Zz4=);
  background-size: 11px auto;
  cursor: pointer;
  opacity: 0.6;
  user-select: none;
  transition: opacity 0.2s;
}

.jBox-wrapper {
  text-align: left;
  box-sizing: border-box;
}
.jBox-wrapper * {
  box-sizing: border-box;
}

.jBox-title {
  position: relative;
  word-break: break-word;
}

.jBox-content {
  position: relative;
  word-break: break-word;
  padding: 8px 10px;
  overflow: auto;
  transition: opacity 0.15s;
}

.jBox-container {
  position: relative;
  word-break: break-word;
  background: #fff;
}

.jBox-Tooltip .jBox-container {
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.jBox-Tooltip .jBox-title {
  padding: 8px 10px 0;
  font-weight: bold;
}

.jBox-Mouse .jBox-container {
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.jBox-Mouse .jBox-title {
  padding: 8px 10px 0;
  font-weight: bold;
}

.jBox-hasTitle.jBox-Tooltip .jBox-content {
  padding-top: 5px;
}
.jBox-hasTitle.jBox-Mouse .jBox-content {
  padding-top: 5px;
}
.jBox-hasTitle.jBox-Notice .jBox-content {
  padding-top: 5px;
}
.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
  background: #f4f5f6;
}

.jBox-pointer {
  position: absolute;
  overflow: hidden;
}
.jBox-pointer:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  transform: rotate(45deg);
}

.jBox-pointer-top {
  top: 0;
  width: 30px;
  height: 12px;
}
.jBox-pointer-top:after {
  left: 5px;
  top: 6px;
  box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.2);
}

.jBox-pointer-bottom {
  bottom: 0;
  width: 30px;
  height: 12px;
}
.jBox-pointer-bottom:after {
  left: 5px;
  bottom: 6px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.jBox-pointer-left {
  left: 0;
  width: 12px;
  height: 30px;
}
.jBox-pointer-left:after {
  top: 5px;
  left: 6px;
  box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.2);
}

.jBox-pointer-right {
  right: 0;
  width: 12px;
  height: 30px;
}
.jBox-pointer-right:after {
  top: 5px;
  right: 6px;
  box-shadow: 1px -1px 4px rgba(0, 0, 0, 0.2);
}

.jBox-Modal .jBox-container {
  border-radius: 3px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
}
.jBox-Modal .jBox-content {
  padding: 12px 15px;
}
.jBox-Modal.jBox-closeButton-title .jBox-title {
  padding-right: 55px;
}
.jBox-Modal.jBox-closeButton-box:before {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
}

.jBox-Confirm .jBox-container {
  border-radius: 3px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
}
.jBox-Confirm .jBox-content {
  text-align: center;
  padding: 45px 35px;
}
.jBox-Confirm.jBox-closeButton-title .jBox-title {
  padding-right: 55px;
}
.jBox-Confirm.jBox-closeButton-box:before {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4), 0 0 5px rgba(0, 0, 0, 0.4);
}

.jBox-Confirm-footer {
  border-top: 1px solid #e2e2e2;
  background: #fafafa;
  border-radius: 0 0 3px 3px;
  text-align: center;
  padding: 10px 0;
}

.jBox-Confirm-button {
  display: inline-block;
  cursor: pointer;
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  border-radius: 3px;
  padding: 0 20px;
  transition: color 0.2s, background-color 0.2s;
}

.jBox-Confirm-button-cancel {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
  background: #ddd;
  color: #999;
  margin-right: 25px;
}
.jBox-Confirm-button-cancel:hover {
  background: #ccc;
  color: #666;
}
.jBox-Confirm-button-cancel:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.26);
}

.jBox-Confirm-button-submit {
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
  background: #5fc04c;
  color: #fff;
}
.jBox-Confirm-button-submit:hover {
  background: #5fc04c;
}
.jBox-Confirm-button-submit:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.26);
}

.jBox-Notice {
  transition: margin 0.2s;
}
.jBox-Notice .jBox-container {
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  background: #333;
  background-image: linear-gradient(to bottom, #444, #222);
}
.jBox-Notice .jBox-content {
  border-radius: 3px;
  padding: 12px 20px;
}
.jBox-Notice .jBox-content li.Titel {
  padding-left: 0;
  margin-left: -20px;
  list-style: none;
}
.jBox-Notice .jBox-title {
  padding: 8px 20px 0;
  font-weight: bold;
}

.jBox-Image {
  background: #fff;
  padding: 8px 8px 45px;
  border-radius: 5px;
}
.jBox-Image .jBox-content {
  padding: 0;
  width: 100%;
  height: 100%;
}
.jBox-Image.jBox-loading .jBox-container:before {
  left: auto;
  top: auto;
  bottom: -33px;
  right: 55px;
  margin-top: -9px;
  margin-left: -9px;
}

.jBox-image-container {
  border-radius: 5px;
  background: #fff center center no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.jBox-image-label {
  box-sizing: border-box;
  position: absolute;
  background: #fff;
  top: 100%;
  left: 0;
  width: 100%;
  color: #333;
  margin-top: -35px;
  padding: 0 90px 5px 10px;
  border-radius: 0 0 5px 5px;
  transition: opacity 0.3s;
  opacity: 0;
}
.jBox-image-label.active {
  opacity: 1;
}

.jBox-image-pointer-next {
  right: 8px;
  transform: scaleX(-1);
}
.jBox-image-pointer-next:hover {
  opacity: 1;
}

.jBox-image-pointer-prev {
  right: 30px;
}
.jBox-image-pointer-prev:hover {
  opacity: 1;
}

.jBox-closeButton {
  cursor: pointer;
  position: absolute;
}
.jBox-closeButton svg {
  position: absolute;
  top: 50%;
  right: 50%;
}
.jBox-closeButton path {
  transition: fill 0.2s;
  fill: #aaa;
}
.jBox-closeButton:hover path {
  fill: #888;
}
.jBox-closeButton:active path {
  fill: #666;
}

#jBox-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
#jBox-overlay .jBox-closeButton {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
}
#jBox-overlay .jBox-closeButton svg {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-right: -10px;
}
#jBox-overlay .jBox-closeButton path {
  fill: #d2d4d6;
}
#jBox-overlay .jBox-closeButton:hover path {
  fill: #fff;
}
#jBox-overlay .jBox-closeButton:active path {
  fill: #b2b4b6;
}

.jBox-closeButton-box .jBox-closeButton {
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
}
.jBox-closeButton-box .jBox-closeButton svg {
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-right: -5px;
}
.jBox-closeButton-box:before {
  content: "";
  position: absolute;
  top: -8px;
  right: -10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

body[class^=jBox-blockScroll-] {
  overflow: hidden;
}

body[class*=" jBox-blockScroll-"] {
  overflow: hidden;
}

.jBox-draggable {
  cursor: move;
}

@keyframes jBoxLoading {
  to {
    transform: rotate(360deg);
  }
}
.jBox-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.jBox-spinner:before {
  content: "Loading…";
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  box-sizing: border-box;
}
.jBox-spinner:not(:required):before {
  content: "";
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-top-color: rgba(0, 0, 0, 0.6);
  animation: jBoxLoading 0.6s linear infinite;
}

.jBox-IE8 .jBox-pointer {
  border: 0;
  background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNq01l0OwyAIAGAlvY+n8ZJ6Gk/EqqkNtf7ApCQ+LM34iuCmRUQzihjj6FH+kjWL8N4/Ph9GHpiTnC9SwDbhLGyvspSScc71KkOa/HpuuRhIK+psE2pjONouCQg7kBSEXUgC2tHo52mTTBpnaEATWlaYK6MrhIAaceWpOcsCrYp6FV4H/90zTWjUQ/gSevVQq0ecHqoOxWpYoO7p5O9ku2fnVtp7QAik2rsK3fnpWfjynJWpbw+1BkghurrYDjiCptg/4AxaYhJwBbEwDsiB2NgM5EIirAdKIDFGQSmU1+NaIPjJYt2I25vxT4ABAMhWvtle2YvmAAAAAElFTkSuQmCC);
}
.jBox-IE8 .jBox-pointer:after {
  display: none;
}
.jBox-IE8 .jBox-pointer-top {
  background-position: center top;
}
.jBox-IE8 .jBox-pointer-bottom {
  background-position: center bottom;
}
.jBox-IE8 .jBox-pointer-left {
  background-position: left center;
}
.jBox-IE8 .jBox-pointer-right {
  background-position: right center;
}
.jBox-IE8.jBox-Tooltip .jBox-container {
  border: 1px solid #aaa;
}
.jBox-IE8.jBox-Mouse .jBox-container {
  border: 1px solid #aaa;
}
.jBox-IE8.jBox-Modal .jBox-container {
  border: 3px solid #aaa;
}

.jBox-NoticeBorder .jBox-container {
  border-radius: 6px;
}
.jBox-NoticeBorder .jBox-content {
  padding-left: 26px;
}
.jBox-NoticeBorder .jBox-title {
  padding-left: 26px;
}
.jBox-NoticeBorder.jBox-Notice-color .jBox-container {
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  background: rgba(0, 0, 0, 0.92);
}
.jBox-NoticeBorder.jBox-Notice-color .jBox-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  border-radius: 5px 0 0 5px;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
  background-size: 18px 18px;
}
.jBox-NoticeBorder.jBox-Notice-red .jBox-container:after {
  background-color: #ee0000;
}
.jBox-NoticeBorder.jBox-Notice-green .jBox-container:after {
  background-color: #95cc2a;
}
.jBox-NoticeBorder.jBox-Notice-blue .jBox-container:after {
  background-color: #5abaff;
}
.jBox-NoticeBorder.jBox-Notice-yellow .jBox-container:after {
  background-color: #ffba00;
}

.jBox-Notice-color .jBox-container {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

.jBox-Notice-gray .jBox-container {
  color: #666;
  text-shadow: 0 1px 0 #fff;
  background: #f4f4f4;
  background-image: linear-gradient(to bottom, #fafafa, #f0f0f0);
}

.jBox-Notice-red .jBox-container {
  background: #b02222;
  background-image: linear-gradient(to bottom, #ee2222, #b02222);
}

.jBox-Notice-green .jBox-container {
  background: #70a800;
  background-image: linear-gradient(to bottom, #95cc2a, #70a800);
}

.jBox-Notice-blue .jBox-container {
  background: #2b91d9;
  background-image: linear-gradient(to bottom, #5abaff, #2b91d9);
}

.jBox-Notice-yellow .jBox-container {
  color: #744700;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  background: #ffb11f;
  background-image: linear-gradient(to bottom, #ffd665, #ffb11f);
}

.jBox-image-open #jBox-overlay {
  background-color: rgba(0, 0, 0, 0.86);
}

.jBox-closeButton-title .jBox-closeButton {
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
}
.jBox-closeButton-title .jBox-closeButton svg {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-right: -6px;
}

.jBox-pointerPosition-top.jBox-closeButton-box:before {
  top: 4px;
}

.jBox-pointerPosition-right.jBox-closeButton-box:before {
  right: 2px;
}

.jBox-loading .jBox-content {
  min-height: 32px;
  min-width: 38px;
  opacity: 0;
}

.jBox-nosvg .jBox-closeButton:before {
  font-family: Verdana, sans-serif;
  content: "x";
  text-align: center;
  font-size: 18px;
  color: #888;
}

.modalborderextend_1, .jBox-ModalBorder .jBox-closeButton, .jBox-ModalBorder.jBox-hasTitle.jBox-closeButton-box .jBox-closeButton {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0 50% 50% 0;
  right: -32px;
  top: -8px;
}

.jBox-ModalBorder {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.4);
  padding: 8px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}
.jBox-ModalBorder.jBox-closeButton-box {
  border-top-right-radius: 0;
}
.jBox-ModalBorder:before {
  display: none;
}
.jBox-ModalBorder .jBox-closeButton path {
  fill: #d2d4d6;
}
.jBox-ModalBorder:hover path {
  fill: #fff;
}
.jBox-ModalBorder:active path {
  fill: #b2b4b6;
}
.jBox-ModalBorder .jBox-container {
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.jBox-NoticeBorder .jBox-content {
  padding-left: 26px;
}
.jBox-NoticeBorder .jBox-title {
  padding-left: 26px;
}
.jBox-NoticeBorder.jBox-Notice-color .jBox-container {
  color: #fff;
  background: rgba(0, 0, 0, 0.92);
}
.jBox-NoticeBorder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  border-radius: 5px 0 0 5px;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
  background-size: 18px 18px;
}
.jBox-NoticeBorder.jBox-Notice-red .jBox-container:after {
  background-color: #ee0000;
}
.jBox-NoticeBorder.jBox-Notice-green .jBox-container:after {
  background-color: #95cc2a;
}
.jBox-NoticeBorder.jBox-Notice-blue .jBox-container:after {
  background-color: #4cb4ff;
}
.jBox-NoticeBorder.jBox-Notice-yellow .jBox-container:after {
  background-color: #ffba00;
}
.jBox-NoticeBorder .jBox-container {
  border-radius: 6px;
}

.jBox-TooltipBorder .jBox-container {
  border-radius: 5px;
  border: 2px solid #52a2cb;
}
.jBox-TooltipBorder .jbox-pointer-top {
  width: 34px;
  height: 12px;
}
.jBox-TooltipBorder .jBox-pointer-bottom {
  width: 34px;
  height: 12px;
}
.jBox-TooltipBorder .jBox-pointer-left {
  width: 12px;
  height: 34px;
}
.jBox-TooltipBorder .jBox-pointer-right {
  width: 12px;
  height: 34px;
}
.jBox-TooltipBorder .jBox-pointer:after {
  border: 2px solid #52a2cb;
}
.jBox-TooltipBorder.jBox-closeButton-box:before {
  width: 28px;
  height: 28px;
  background: #52a2cb;
}

.jBox-TooltipDark .jBox-container {
  border-radius: 3px;
  background: #222;
  color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.jBox-TooltipDark .jBox-closeButton {
  background: #222;
}
.jBox-TooltipDark.jBox-closeButton-box:before {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton path {
  fill: #d2d4d6;
}
.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:hover path {
  fill: #fff;
}
.jBox-TooltipDark.jBox-closeButton-box .jBox-closeButton:active path {
  fill: #b2b4b6;
}
.jBox-TooltipDark .jBox-pointer:after {
  background: #222;
}

.diff-html-added {
  color: green;
}

.diff-html-removed {
  color: #c52f25;
  text-decoration: line-through;
}

@media (min-width: 501px) {
  .farbeffekthoverhintergrund {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: 0.5s;
  }
  .farbeffekthoverhintergrund:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5;
    transform: scaleY(0.2);
    transform-origin: 50% 100%;
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-out;
  }
  .farbeffekthoverhintergrund:hover {
    color: white;
  }
  .farbeffekthoverhintergrund:hover:before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
  .farbeffekthoverhintergrund:focus {
    color: white;
  }
  .farbeffekthoverhintergrund:focus:before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
  .farbeffekthoverhintergrund:active {
    color: white;
  }
  .farbeffekthoverhintergrund:active:before {
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  }
}

html {
  overflow-y: scroll;
}

a {
  text-decoration: none;
}
a:link {
  color: #333;
}
a:visited {
  color: #333;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: none;
  ie-dummy: expression(this.hideFocus=true);
}

hr {
  color: #c0c0c0;
  height: 1px;
  padding: 0;
  border-color: #c0c0c0;
  border-width: 1px 0 0 0;
  border-style: solid;
  margin: 1em 0;
}

.NurDrucken {
  display: none;
}

.Unsichtbar {
  display: none;
}

.Sichtbar {
  display: inline;
}

.Markiert {
  background-color: yellow !important;
}

.Fehler {
  color: #c52f25;
}

.Klickbar {
  cursor: pointer;
}

.Block {
  display: block;
}

div.Clear {
  clear: both;
}
div.Barriere {
  clear: both;
  overflow: hidden;
}
div.Barriere:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
}
img.AusrichtungRechts {
  margin-left: 2em;
  float: right;
  margin-top: 1em;
  margin-bottom: 1em;
}
img.AusrichtungLinks {
  margin-right: 2em;
  float: left;
  margin-top: 1em;
  margin-bottom: 1em;
}

ul + p, ol + p {
  padding-top: 1em;
}
ul li, ol li {
  margin-top: 0.5em;
}
ul li.Selektiert, ol li.Selektiert {
  font-family: "NanoFett", sans-serif;
}
ul.OhneListenzeichen, ol.OhneListenzeichen {
  padding-left: 0;
}
ul.OhneListenzeichen li, ol.OhneListenzeichen li {
  list-style: none;
  padding-left: 1em;
}
ul.OhneAbstandLinks, ol.OhneAbstandLinks {
  margin-left: 0;
}
ul.Nebeneinander li, ol.Nebeneinander li {
  float: left;
}

table td {
  vertical-align: top;
}
table td.Markiert {
  background: #e2e2e2;
}
table table {
  border-collapse: collapse;
}
table table td {
  border-spacing: 0 0;
}
table th {
  text-align: left;
  border-spacing: 0 0;
}
@media (min-width: 0) and (max-width: 500px) {
  table th.Zusatz, table td.Zusatz {
    display: none;
  }
}

.TabelleScrollbar {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}
.TabelleScrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}
.TabelleScrollbar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

table.ListeEinfach {
  border-collapse: collapse;
  border-spacing: 1px;
  margin: 10px 0 15px;
  width: 100%;
  text-align: left;
}
table.ListeEinfach td {
  padding-right: 10px;
  vertical-align: top;
  padding-bottom: 5px;
}

#KartePositionAendern {
  display: none;
  margin-top: 20px;
}

#AdminIstEingeloggt {
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
  *zoom: 1;
  transition: background-color 0.3s ease-in-out;
  line-height: 3em;
  background: #999;
  color: white;
  text-align: center;
}
@media screen and (min-width: 500px) {
  #AdminIstEingeloggt {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  #AdminIstEingeloggt {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  #AdminIstEingeloggt {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  #AdminIstEingeloggt {
    font-size: 20px;
    line-height: 1.3;
  }
}
#AdminIstEingeloggt:before, #AdminIstEingeloggt:after {
  content: " ";
  display: table;
}
#AdminIstEingeloggt:after {
  clear: both;
}
#AdminIstEingeloggt:hover {
  background: black;
}
#AdminIstEingeloggt a:link, #AdminIstEingeloggt a:visited {
  text-decoration: none;
  color: white;
}
#AdminIstEingeloggt a:hover {
  color: #ff4800;
}

.xdebug-error {
  font-size: 14px;
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  .xdebug-error {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .xdebug-error {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .xdebug-error {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .xdebug-error {
    font-size: 20px;
    line-height: 1.3;
  }
}
.xdebug-error tr th span {
  display: none;
}

#ResponseModus {
  *zoom: 1;
  display: flex;
  line-height: 1em;
  justify-content: center;
  margin-bottom: 20px;
}
#ResponseModus:before, #ResponseModus:after {
  content: " ";
  display: table;
}
#ResponseModus:after {
  clear: both;
}
#ResponseModus .Modus {
  flex: 0 1 auto;
  opacity: 0.4;
  padding: 0.5em 1em;
}
@media (max-width: 1190px) {
  #ResponseModus .Modus.Standard {
    opacity: 1;
  }
}
@media (max-width: 1280px) {
  #ResponseModus .Modus.Desktop {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  #ResponseModus .Modus.Tablet {
    opacity: 1;
  }
}
@media (min-width: 0) and (max-width: 500px) {
  #ResponseModus .Modus.Mobil {
    opacity: 1;
  }
}
@media (max-width: 500px) {
  #ResponseModus .Modus.NavgationsResponsiv {
    opacity: 1;
  }
}

.videoWrapper {
  background-size: cover;
  clear: both;
  border: 2px dotted #333;
  *zoom: 1;
  position: relative;
  padding-bottom: 56.25%;
  min-height: 400px;
  width: 100%;
}
.videoWrapper:before, .videoWrapper:after {
  content: " ";
  display: table;
}
.videoWrapper:after {
  clear: both;
}
@media (min-width: 0) and (max-width: 500px) {
  .videoWrapper {
    padding-top: 0;
    height: auto;
  }
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoWrapper .DSGVOYTLAYER {
  position: absolute;
  font-family: "NanoFett", sans-serif;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
}

* {
  box-sizing: border-box;
}
*:before {
  box-sizing: border-box;
}
*:after {
  box-sizing: border-box;
}

html {
  overflow-y: scroll;
}

html, body {
  height: 100%;
}

body {
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
  color: #333;
  background-color: #fff;
  hyphens: auto;
}
@media screen and (min-width: 500px) {
  body {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  body {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  body {
    font-size: 20px;
    line-height: 1.3;
  }
}

#Seite {
  min-height: 100%;
  background-color: white;
}
@media (min-width: 0) and (max-width: 500px) {
  #Seite {
    margin-top: 0;
  }
}
#Seite #Webinhalt #Hauptbereich {
  max-width: 1190px;
  min-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
#Seite #Webinhalt #Hauptbereich #Artikelbereich #Artikelinhalt {
  padding-bottom: 60px;
}
#Seite #Webinhalt #Hauptbereich #Artikelbereich #Artikelinhalt #ArtikelHaupttext {
  padding-bottom: 1em;
}

a {
  color: #333333;
  text-decoration: underline;
}
a:link {
  color: #333333;
}
a:visited {
  color: #333333;
}
a:hover {
  color: #333333;
  text-decoration: underline;
}
a:active {
  color: #333333;
}
a:focus {
  outline: none;
  ie-dummy: expression(this.hideFocus=true);
}

strong, b {
  color: black;
  font-family: "NanoFett", sans-serif;
}

h1 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin-bottom: 0.25em;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 20px;
  font-family: "NanoMager", sans-serif;
  font-size: 25px;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  h1 {
    font-size: 25px;
  }
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 28px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1280px) {
  h1 {
    font-size: 40px;
    line-height: 1.3;
  }
}
h1:first-child {
  margin-top: 0;
}
h1 + p {
  margin-top: 0;
}

h2 {
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.3em;
  font-size: 1.3em;
  margin: 1em 0 0.25em 0;
  font-family: "NanoNormal", sans-serif;
  font-size: 23px;
  line-height: 1.3;
  margin-bottom: 1em;
  clear: left;
}
@media screen and (min-width: 500px) {
  h2 {
    font-size: 23px;
  }
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: 36px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 700px) {
  h2 {
    font-size: 36px;
  }
}
@media screen and (min-width: 1280px) {
  h2 {
    font-size: 36px;
    line-height: 1.3;
  }
}
h2 + p {
  margin-top: 0;
}

h3 {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2em;
  margin-bottom: 0.1em;
  font-family: "NanoNormal", sans-serif;
  font-size: 22px;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  h3 {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  h3 {
    font-size: 32px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  h3 {
    font-size: 32px;
  }
}
@media screen and (min-width: 1280px) {
  h3 {
    font-size: 32px;
    line-height: 1.3;
  }
}
h3 + p {
  margin-top: 0;
}

h4 {
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
  font-size: 1.1em;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 500px) {
  h4 {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) {
  h4 {
    font-size: 30px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  h4 {
    font-size: 30px;
  }
}
@media screen and (min-width: 1280px) {
  h4 {
    font-size: 30px;
    line-height: 1.3;
  }
}

ol, ul {
  list-style: disc;
  padding-left: 2em;
}

p {
  margin-top: 1em;
  margin-bottom: 1em;
}
p.AusrichtungMittig {
  text-align: center;
}

em {
  font-style: italic;
}

img {
  image-rendering: -webkit-optimize-contrast;
}
img.Rechts, img .AusrichtungRechts {
  float: right;
  margin-bottom: 1em;
  margin-left: 1em;
}
img.Links, img .AusrichtungLinks {
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
}

#Druckinformation {
  width: 100%;
  display: none;
}
@media print {
  #Druckinformation {
    display: block;
  }
}

body {
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
  color: #333;
  background-color: #fff;
}
@media screen and (min-width: 500px) {
  body {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  body {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  body {
    font-size: 20px;
    line-height: 1.3;
  }
}

#Seite {
  min-height: 100%;
  height: 100%;
}
#Seite > .Kontainer {
  height: 100%;
}
#Seite #Webinhalt {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0 16px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
#Seite #Webinhalt #Hauptbereich {
  flex: 1;
  width: 100%;
  background-color: white;
  padding-bottom: 500px;
}
@media (min-width: 0) and (max-width: 500px) {
  #Seite #Webinhalt #Hauptbereich {
    margin-top: 0;
  }
}
#Seite #Webinhalt #Hauptbereich #Artikelinhalt {
  *zoom: 1;
  margin-top: 2em;
}
#Seite #Webinhalt #Hauptbereich #Artikelinhalt:before, #Seite #Webinhalt #Hauptbereich #Artikelinhalt:after {
  content: " ";
  display: table;
}
#Seite #Webinhalt #Hauptbereich #Artikelinhalt:after {
  clear: both;
}
@media (max-width: 500px) {
  #Seite #Webinhalt #Hauptbereich #Artikelinhalt {
    margin-top: 2em;
  }
}
#Seite #Webinhalt #Hauptbereich #Artikelinhalt .BildBox {
  position: relative;
}
#Seite #Webinhalt #Hauptbereich #Artikelinhalt .BildBox > .Untertitel {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  color: #000;
  display: block;
  padding: 5px 10px 10px;
  width: 100%;
}

.extendbuttons_1, select, input[type=text], input[type=password], .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  min-height: 1.75em;
  width: 90%;
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.15);
}

.extendbuttons_2, input.Button, input[type=button], button, .btn:hover, .btn:focus {
  box-sizing: border-box;
  display: inline-block;
  line-height: 1.25em !important;
  font-size: 0.9em;
  font-weight: 300;
  padding: 0.5em 2em;
  color: #62727a !important;
  cursor: pointer;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbbbbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  border-radius: 4px;
  *margin-left: 0.3em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.extendbuttons_3, input.Button:focus, input.Button:hover, button:focus, button:hover, .btn:active, .btn.active {
  color: #62727a !important;
  background-color: red;
  background-image: linear-gradient(top, #e6e6e6, #d5d7da);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$color_mercury_approx", endcolorstr="$color_iron_approx", gradienttype=0);
  box-shadow: inset 0 1px #f6f7f7;
  text-decoration: none;
  background-position: 0 0;
}

select:disabled {
  background: #f5f5f5;
  color: #eee !important;
  border-color: red;
}

button.Klein {
  font-size: 10px;
  line-height: 14px !important;
  padding: 2px 6px;
  background: #f5f5f5;
}
button:disabled {
  background: #f5f5f5;
  color: #bbbbbb !important;
  border-color: red;
}
button.klein {
  font-size: 10px;
  padding: 1px 2px;
}

button[type=submit].SuchButton {
  width: 24px;
  padding: 0;
  height: 24px;
}

input[type=submit]:active {
  color: #ffffff !important;
  text-shadow: none;
  border-color: #262626;
  background-color: #333;
  background-image: linear-gradient(top, #333, #333);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startcolorstr="$color_cerulean_approx", endcolorstr="$color_cerulean_approx", gradienttype=0);
  box-shadow: inset 0 0 0 1px #262626;
}

.extendbuttonszwei_1, input.Button, input[type=button], button, a.Button {
  background: #006699;
  border: none;
  color: white !important;
  display: inline-block;
  line-height: 1.25em !important;
  text-shadow: none;
  font-size: 0.9em;
  font-weight: 300;
  padding: 0.5em 2em;
  cursor: pointer;
  text-align: center;
  background-image: none;
  border-radius: 0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  box-shadow: none;
}

.extendbuttonszwei_2, select, input[type=text], input[type=password] {
  background-image: none;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
  box-shadow: none;
  color: #121754;
}

.extendbuttonszwei_3, input.Button:focus, input.Button:hover, button:focus, a.Button:focus, button:hover, a.Button:hover {
  background-image: none;
  background-color: #399;
  box-shadow: none;
  color: white !important;
}

button, a.Button {
  text-decoration: none;
}
input.Warnung {
  background: #ff4800 !important;
  color: white !important;
}

.Pfeil {
  border: 5px solid #444;
  font-size: 0;
  line-height: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
.Pfeil.Oben {
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
.Pfeil.Unten {
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.Pfeil.Links {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.Pfeil.Rechts {
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.extendformulare_1, select, textarea, form .Zeile .Inhalt input[type=email], form .Zeile .Inhalt input[type=url], form .Zeile .Inhalt input[type=time], form .Zeile .Inhalt input[type=search], form .Zeile .Inhalt input[type=number], form .Zeile .Inhalt input[type=datetime], form .Zeile .Inhalt input[type=date], form .Zeile .Inhalt input[type=text], form .Zeile .Inhalt input[type=password] {
  box-sizing: border-box;
  border: 1px solid #bebebe;
  padding: 7px;
  margin: 0;
  outline: none;
}

form {
  margin: 0;
  overflow: hidden;
}

label {
  border-bottom: 1px dotted #c0c0c0;
  cursor: pointer;
}

legend {
  background: white;
  color: black;
  padding: 2px 5px;
  border-radius: 5px;
  box-shadow: 0 0 0 5px #f5f5f5;
  margin-left: 20px;
}

button {
  cursor: pointer;
}

fieldset {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.5em 1em;
  border: 1px solid #071e4f;
  background: #f5f5f5;
}

form .Zeile {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  overflow: hidden;
  clear: both;
}
form .Zeile.SpamSchutz {
  zoom: 1;
  line-height: 0;
  height: 0.5px;
  padding: 0;
  padding-top: 0.5px;
}
form .Zeile.Haelfte {
  width: 44%;
  float: left;
  clear: none;
}
form .Zeile.Clear {
  clear: left;
}
form .Zeile.Trenner {
  border-bottom: 1px dotted silver;
}
form .Zeile .Titel {
  clear: both;
}
form .Zeile.Warnung .Titel {
  color: black;
  color: #aa001e;
}
form .Zeile.Warnung .Kommentar {
  color: black;
}
form .Zeile .Inhalt textarea {
  width: 99%;
}
form .Zeile .Inhalt textarea.DynRow {
  height: auto;
}
form .Zeile .Inhalt textarea:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=password]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=text]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=date]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=datetime]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=number]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=search]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=time]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=url]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=email]:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile .Inhalt input[type=checkbox] {
  vertical-align: middle;
}
form .Zeile .Inhalt label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1em;
}
form .Zeile .Inhalt input {
  display: inline-block;
  vertical-align: middle;
}
form .Zeile .Inhalt select:focus {
  box-shadow: 0 0 8px silver;
  border: 1px solid silver;
}
form .Zeile.Flach {
  padding-bottom: 0;
  padding-top: 0;
}
form .Zeile.Senden {
  margin-top: 1em;
}
form .Zeile.Senden.OhneTitel .Titel {
  display: none;
}
form .Zeile.Weit .Titel {
  width: auto;
  display: block;
  text-align: left;
  float: none;
}
form .Zeile.Weit .Inhalt {
  width: auto;
  display: block;
  text-align: left;
  float: none;
}
form .Zeile.Weit .Inhalt input {
  width: 100%;
}
form .Zeile.Information {
  margin-bottom: 0;
  padding-bottom: 0;
}
form .Zeile.Pflichtfeld .Titel:after {
  content: " *";
  color: #aa001e;
}
form .Zeile.dataTags .Titel {
  width: 200px;
  line-height: 40px;
}
form .BildUpload {
  float: left;
}
form .Bilduntertitel {
  width: 75%;
  display: inline;
}
form fieldset .Inhalt {
  margin: 0.5%;
}
form img.BildUpload {
  float: left;
  margin-right: 1em;
}

input[type=text].placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]:-moz-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]::-moz-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]:-ms-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}
input[type=text]::-webkit-input-placeholder {
  color: #bfbfbf;
  font-style: italic;
  padding-left: 0.3em;
}

/* @group Auswahlliste*/
.ncstilselect {
  width: 328px;
  height: 28px;
  overflow: hidden;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}
.ncstilselect select {
  background: transparent;
  width: 360px;
  padding: 5px;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 28px;
}

textarea {
  border: none;
}

select {
  border: none;
}

/* @end */
input {
  font-size: 1em;
  border: 1px solid #d9dada;
}

input[type=date] {
  font-size: 16px;
}

select {
  font-size: 1em;
  border: 1px solid #d9dada;
  padding: 0;
}

textarea {
  font-size: 1em;
  border: 1px solid #d9dada;
}

.ZeichenAnzahl {
  font-size: 0.85em;
  color: rgba(0, 0, 0, 0.5);
}

.Checkboxen {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.Checkboxen .Checkbox {
  min-height: 2em;
}
.Checkboxen .Checkbox input.Freifeld {
  width: 250px;
  margin-left: 1em !important;
}

label {
  cursor: pointer;
  line-height: 1rem;
  padding-top: 3px;
}

input[type=checkbox]:not(.NurStandardCheckBox) {
  border: 0;
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type=checkbox]:not(.NurStandardCheckBox) + label {
  position: relative;
  padding: 0.25rem 0 0 2.5rem;
  user-select: none;
}
input[type=checkbox]:not(.NurStandardCheckBox) + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  border: 2px solid white;
  border-radius: 0.25rem;
  background: white;
  text-align: center;
  transition: background 200ms ease-out;
}
input[type=checkbox]:not(.NurStandardCheckBox) + label:after {
  content: "";
  position: absolute;
  transform: scale(0);
  transition: transform 200ms ease-out;
}

input[type=checkbox]:not(.NurStandardCheckBox) + label:after {
  background-color: transparent;
  content: "";
  display: block;
  position: absolute;
  left: 0.65rem;
  top: 0.25rem;
  width: 0.5rem;
  height: 1rem;
  opacity: 0.2;
  border-bottom: 3px solid #006699;
  border-right: 3px solid #006699;
  transform: rotate(45deg);
  transition: border-color 0.3s ease;
}
input[type=checkbox]:not(.NurStandardCheckBox):checked + label:before {
  content: "";
}
input[type=checkbox]:not(.NurStandardCheckBox):checked + label:after {
  content: "";
  opacity: 1;
}

.DSGVOKontainer {
  margin-left: 0.75em;
  margin-top: 8px;
}
.DSGVOKontainer #HinweiseDatenschutz {
  margin-left: 40px;
  display: none;
}
.DSGVOKontainer #HinweiseDatenschutz h3 {
  font-size: 1em;
}

img.lazyload {
  opacity: 0;
  transition: opacity 0.3s ease-in;
}

#Kopfbereich {
  background-color: #006699;
}
#Kopfbereich > .Kontainer {
  max-width: 1190px;
  min-height: 90px;
  overflow: hidden;
  margin-bottom: 40px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
#Kopfbereich > .Kontainer .SeitlicheAuswahl {
  margin-right: 2em;
}
#Kopfbereich > .Kontainer .SeitlicheAuswahl a {
  text-decoration: none;
}
#Kopfbereich > .Kontainer .SeitlicheAuswahl a:hover {
  text-decoration: underline;
}
#Kopfbereich > .Kontainer .SeitlicheAuswahl ul {
  list-style: none;
}
#Kopfbereich > .Kontainer .SeitlicheAuswahl ul li {
  float: right;
  margin-left: 2em;
}

.farbeWeiss {
  background: white;
}

.farbeGrau {
  color: #999;
}

.farbeFehler {
  color: #c52f25 !important;
}

.farbeWarnung {
  color: #ff4800 !important;
}

#Fussbereich {
  color: white;
}
@media (min-width: 0) and (max-width: 500px) {
  #Fussbereich {
    padding-bottom: 20px;
  }
}
#Fussbereich > .Kontainer {
  padding-top: 30px;
  background-color: #158000;
  margin-top: 110px;
  text-align: center;
  clear: both;
  height: 100%;
}
#Fussbereich a {
  font-size: 11px;
  margin-right: 2em;
  color: white;
}
#Fussbereich .Block {
  float: left;
  width: 33.3333333333%;
  padding-left: 20px;
}
@media (min-width: 0) and (max-width: 500px) {
  #Fussbereich .Block {
    float: none;
    width: 100%;
    line-height: 130%;
    margin-top: 2em;
  }
}
#Fussbereich h2 {
  color: white;
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  #Fussbereich h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  #Fussbereich h2 {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  #Fussbereich h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  #Fussbereich h2 {
    font-size: 20px;
    line-height: 1.3;
  }
}

img.ncBild {
  margin-top: 0.25em;
  width: auto;
  max-width: 100%;
  height: auto;
}
img.ncBild.AusrichtungRechts {
  margin-left: 30px;
}
@media (min-width: 0) and (max-width: 500px) {
  img.ncBild.AusrichtungRechts {
    width: 100%;
    margin-left: 0;
    float: none;
    max-width: none;
  }
}
img.ncBild.AusrichtungLinks {
  margin-right: 30px;
}
@media (min-width: 0) and (max-width: 500px) {
  img.ncBild.AusrichtungLinks {
    width: 100%;
    margin-left: 0;
    float: none;
    max-width: none;
  }
}

.BildRechts {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}
@media (min-width: 0) and (max-width: 500px) {
  .BildRechts {
    float: none;
    margin-left: 0;
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

#Brotkruemelpfad {
  font-family: "NanoNormal", sans-serif;
  font-size: 12px;
  line-height: 1.3;
  padding-left: 20px;
}
#Brotkruemelpfad #bkpHome {
  font-size: 1.1em;
}

.has-tooltip {
  position: relative;
  overflow: visible;
}
.has-tooltip:hover .tooltip, .has-tooltip:focus .tooltip {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
  transition: visibility 0s linear 0s, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
}

.tooltip {
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  bottom: 100%;
  margin-bottom: 0.75em;
  background-color: white;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, 0.75em);
  transition: visibility 0s linear 0.2s, opacity 0.2s ease-in 0s, transform 0.2s ease-in 0s;
  pointer-events: none;
  border: 0.05em solid #999;
  min-width: 12em;
  padding: 0.5em 0.75em;
  box-shadow: 0 0.05em 0.15em rgba(0, 0, 0, 0.1);
  color: #333;
}
.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 0.7em solid white;
  border-left: 0.7em solid transparent;
  border-right: 0.7em solid transparent;
  margin-left: -0.7em;
}
.tooltip::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 0.75em solid #999;
  border-left: 0.75em solid transparent;
  border-right: 0.75em solid transparent;
  margin-left: -0.75em;
}

.Rechts {
  float: right;
}

.RechtsRand {
  float: right;
  margin-right: 1em;
}

.Links {
  float: left;
}
.Links.LinksOhneRand {
  margin: 0;
}

.LinksRand {
  margin-left: 1em;
}

.TextAusrichtungMittig {
  text-align: center;
}

.TextAusrichtungRechts {
  text-align: right;
}

.listNav {
  margin: 1em 0 1em 0;
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  .listNav {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .listNav {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .listNav {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .listNav {
    font-size: 20px;
    line-height: 1.3;
  }
}
.listNav .ln-letters {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0;
  padding: 0;
}
.listNav .ln-letters a {
  flex: 1 auto;
  color: white;
  display: block;
  text-align: center;
  border: none;
  border-right: none;
  text-decoration: none;
  line-height: 2em;
  background-color: #006699;
  width: 3.3333333333%;
}
.listNav .ln-letters a.ln-last {
  border-right: none;
}
.listNav .ln-letters a:hover {
  background-color: #399;
  color: white;
}
.listNav .ln-letters a.ln-selected {
  background-color: #006699;
  color: white !important;
}
.listNav .ln-letters a.ln-disabled {
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
  opacity: 0.3;
}
@media screen and (min-width: 500px) {
  .listNav .ln-letters a.ln-disabled {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .listNav .ln-letters a.ln-disabled {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  .listNav .ln-letters a.ln-disabled {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .listNav .ln-letters a.ln-disabled {
    font-size: 20px;
    line-height: 1.3;
  }
}
.listNav .ln-letters a.all {
  width: auto;
  padding-right: 4px;
  padding-left: 4px;
}
.listNav .ln-letter-count {
  background-color: white;
  border: 1px solid silver;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom: none;
  position: absolute;
  text-align: center;
  font-size: 0.8em;
  line-height: 1.35;
  margin-bottom: 3px;
  top: 0;
  left: 0;
}
.listNav .listNavHide {
  display: none;
}

.ListNavQuelle .letterCountShow {
  display: block;
}
.ListNavQuelle .listNavShow {
  display: list-item;
}
.ListNavQuelle .listNavHide {
  display: none;
}

.bkontaktformular .Zeile.Absenden {
  float: right;
  margin-right: 10%;
}
.bkontaktformular form .Zeile .Inhalt textarea {
  width: 90%;
}

body.login0 .bkontaktformular #InnenBox {
  background: white;
}

#Suchformular {
  clear: both;
}
#Suchformular #SuchfeldBox {
  margin-top: 20px;
  display: flex;
  border: 1px solid blue;
  padding-top: 1px;
  padding-left: 19px;
  border-radius: 25px;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
}
#Suchformular #SuchfeldBox #Suchfeld {
  height: 48px;
  margin: 1px;
  width: 100%;
  border: none;
  margin: 0;
  font-size: 19px;
  color: inherit;
}
#Suchformular #SuchfeldBox #Suchfeld:focus-visible {
  outline: none;
}
#Suchformular #SuchfeldBox #SuchfeldButton {
  text-indent: -999px;
  overflow: hidden;
  width: 45px;
  height: 45px;
  padding: 0;
  margin: 0 0.5em;
  border: 1px solid transparent;
  border-radius: inherit;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.691' height='24.182' viewBox='0 0 24.691 24.182'%3E%3Cpath id='Icon_open-magnifying-glass' data-name='Icon open-magnifying-glass' d='M8.866-.02a8.866,8.866,0,1,0,0,17.731,8.763,8.763,0,0,0,4.2-1.039A2.533,2.533,0,0,0,13.4,17l6.776,6.267a2.584,2.584,0,1,0,3.648-3.648l-6.776-6.267a2.533,2.533,0,0,0-.405-.329,8.746,8.746,0,0,0,1.115-4.2A8.875,8.875,0,0,0,8.891-.045Zm0,2.533A6.3,6.3,0,0,1,15.2,8.846,6.352,6.352,0,0,1,13.526,13.2l-.076.076a2.533,2.533,0,0,0-.329.329A6.338,6.338,0,0,1,8.84,15.2a6.333,6.333,0,0,1,0-12.665Z' transform='translate(0 0.045)' fill='%23071e4f'/%3E%3C/svg%3E%0A") no-repeat center;
  cursor: pointer;
  opacity: 0.7;
}

#Suche ul.Seitennavigation li {
  cursor: pointer;
  text-decoration: underline;
  color: #c0c0c0;
}

#Artikelbereich .markiert {
  background: yellowgreen;
  color: black;
}

#FormularUmfrageMitglieder label {
  line-height: 1.4em;
}
#FormularUmfrageMitglieder #IDHomepageAktualisierung .radio, #FormularUmfrageMitglieder #IDSocialMediaAktualisierung .radio, #FormularUmfrageMitglieder #IDPrintmedienAktualisierung .radio {
  float: left;
}
#FormularUmfrageMitglieder .Nachgefragt {
  font-family: "NanoNormal", sans-serif;
  font-size: 21px;
  line-height: 1.3;
  padding-left: 2rem;
}
@media screen and (min-width: 500px) {
  #FormularUmfrageMitglieder .Nachgefragt {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  #FormularUmfrageMitglieder .Nachgefragt {
    font-size: 20px;
    line-height: 1.3;
  }
}
@media screen and (min-width: 800px) {
  #FormularUmfrageMitglieder .Nachgefragt {
    font-size: 20px;
  }
}
@media screen and (min-width: 1280px) {
  #FormularUmfrageMitglieder .Nachgefragt {
    font-size: 20px;
    line-height: 1.3;
  }
}
#FormularUmfrageMitglieder legend {
  background-color: #D8E9EE;
}
#FormularUmfrageMitglieder legend h2 {
  color: black;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 25px;
  font-family: "NanoFett", sans-serif;
}
#FormularUmfrageMitglieder .Zeile.NichtZutreffend {
  opacity: 0.33;
}
#FormularUmfrageMitglieder .Zeile.Ueberschrift {
  margin-top: 1em;
}
#FormularUmfrageMitglieder .Zeile.Text .Titel {
  font-weight: normal;
}
#FormularUmfrageMitglieder .Zeile > .Titel {
  font-weight: bold;
  max-width: 400px;
}
#FormularUmfrageMitglieder .Zeile > .Inhalt input[type=text] {
  padding-left: 0.25em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  width: 100%;
}
#FormularUmfrageMitglieder .Zeile.Weit .Titel {
  display: block;
  max-width: none;
}
#FormularUmfrageMitglieder .TitelNichtFett .Titel {
  padding-top: 0.2em;
  font-weight: normal;
}
#FormularUmfrageMitglieder #ZeileLenkungsgruppe .Titel {
  padding-top: 0.2em;
  font-weight: normal;
}
#FormularUmfrageMitglieder #ZeileArbeitsgruppe .Titel {
  padding-top: 0.2em;
  font-weight: normal;
}
#FormularUmfrageMitglieder #ZeileArbeitsgruppeBezeichnung .Titel {
  padding-top: 0.2em;
  font-weight: normal;
}
#FormularUmfrageMitglieder fieldset {
  background: #f5f5f5;
}
#FormularUmfrageMitglieder .Aktualisierung {
  float: right;
  text-align: right;
  padding-right: 2em;
}
#FormularUmfrageMitglieder #IDProjekteAktivitaeten, #FormularUmfrageMitglieder #IDMittelHoehe, #FormularUmfrageMitglieder #IDLokaleMittelHoehe {
  width: unset;
}

body[class^=jBox-blockScroll-] {
  overflow: auto;
}

#Hauptbereich {
  *zoom: 1;
}
#Hauptbereich:before, #Hauptbereich:after {
  content: " ";
  display: table;
}
#Hauptbereich:after {
  clear: both;
}
@media (min-width: 0) and (max-width: 500px) {
  #Hauptbereich {
    margin-bottom: 0;
  }
}
#Hauptbereich #Artikelbereich {
  margin-top: 20px;
}
#Hauptbereich #Artikelbereich h1 {
  line-height: 1em;
  margin-bottom: 20px;
}
#Hauptbereich #Artikelbereich h1 + .Untertitel {
  margin-top: -0.25em;
}
#Hauptbereich #Artikelbereich #ArtikelKontainer {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-row-gap: 60px;
  grid-column-gap: 60px;
}
@media (min-width: 0) and (max-width: 767px) {
  #Hauptbereich #Artikelbereich #ArtikelKontainer {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1280px) {
  #Hauptbereich #Artikelbereich #ArtikelKontainer.InfobereichLeer {
    grid-template-columns: 1fr;
  }
}
#Hauptbereich #Artikelbereich #ArtikelHaupttext {
  overflow: hidden;
}
#Hauptbereich #Artikelbereich #ArtikelHaupttext > p:first-child {
  margin-top: 0;
}
#Hauptbereich #Artikelbereich #ArtikelHaupttext > h2:first-child {
  margin-top: 0;
}
#Hauptbereich #Artikelbereich #ArtikelHaupttext p:first-child {
  margin-top: 0;
}
#Hauptbereich #Artikelbereich.Breit #ArtikelKontainer {
  grid-template-columns: 1fr;
}

#Hauptbereich #Artikelbereich {
  margin-left: 20px;
  margin-right: 20px;
}
#Hauptbereich #Artikelbereich #ArtikelInfobereich {
  max-width: 380px;
}
@media (min-width: 0) and (max-width: 500px) {
  #Hauptbereich #Artikelbereich #ArtikelInfobereich {
    background-image: none;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-top: 1em;
  }
}
#Hauptbereich #Artikelbereich #ArtikelInfobereich > .Kontainer > .Block:first-child > p {
  margin-top: 0;
}
#Hauptbereich #Artikelbereich #ArtikelInfobereich > .Kontainer > .Block:first-child > h2 {
  margin-top: -1em;
}
#Hauptbereich #Artikelbereich #ArtikelInfobereich > .Kontainer > .Block:first-child > h2:empty {
  display: none;
}
#Hauptbereich #Artikelbereich #ArtikelInfobereich h2 {
  font-family: "NanoNormal", sans-serif;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.1em;
  margin-top: 2em;
}
#Hauptbereich.Breit #ArtikelInfobereich {
  width: auto;
  float: none;
}

#Hauptbereich #Artikelbereich #ArtikelHaupttext #ArtikelInfobereich {
  width: 33%;
  float: right;
  margin-left: 40px;
  min-width: 500px;
}
@media (min-width: 0) and (max-width: 500px) {
  #Hauptbereich #Artikelbereich #ArtikelHaupttext #ArtikelInfobereich {
    float: none;
    width: auto;
    min-width: auto;
  }
}

/*# sourceMappingURL=ncmsfrontend.map */