@charset "UTF-8";
html, 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;
}

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,
q:before, q:after {
  content: "";
  content: none;
}

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

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  --tint: #d50029;
}

body.kreis1 {
  --tint: #d50029;
}

body.kreis2 {
  --tint: #d50029;
}

body.kreis3 {
  --tint: #d50029;
}

body.kreis4 {
  --tint: #d50029;
}

body.kreis5 {
  --tint: #d50029;
}

body.kreis6 {
  --tint: #d50029;
}

body.kreis7 {
  --tint: #d50029;
}

.fs10 {
  font-size: 1rem;
}

.fs20 {
  font-size: 2rem;
}

.fs30 {
  font-size: 3rem;
}

.fs40 {
  font-size: 4rem;
}

.fs12 {
  font-size: 1.2rem;
}

.fs22 {
  font-size: 2.2rem;
}

.fs32 {
  font-size: 3.2rem;
}

.fs42 {
  font-size: 4.2rem;
}

.fs14 {
  font-size: 1.4rem;
}

.fs24 {
  font-size: 2.4rem;
}

.fs34 {
  font-size: 3.4rem;
}

.fs44 {
  font-size: 4.4rem;
}

.fs16 {
  font-size: 1.6rem;
}

.fs26 {
  font-size: 2.6rem;
}

.fs36 {
  font-size: 3.6rem;
}

.fs46 {
  font-size: 4.6rem;
}

.fs18 {
  font-size: 1.8rem;
}

.fs28 {
  font-size: 2.6rem;
}

.fs38 {
  font-size: 3.8rem;
}

.fs48 {
  font-size: 4.8rem;
}

.fs50 {
  font-size: 5rem;
}

.fs60 {
  font-size: 6rem;
}

.fs70 {
  font-size: 7rem;
}

.fs80 {
  font-size: 8rem;
}

.fs52 {
  font-size: 5.2rem;
}

.fs62 {
  font-size: 6.2rem;
}

.fs72 {
  font-size: 7.2rem;
}

.fs82 {
  font-size: 8.2rem;
}

.fs54 {
  font-size: 5.4rem;
}

.fs64 {
  font-size: 6.4rem;
}

.fs74 {
  font-size: 7.4rem;
}

.fs84 {
  font-size: 8.4rem;
}

.fs56 {
  font-size: 5.6rem;
}

.fs66 {
  font-size: 6.6rem;
}

.fs76 {
  font-size: 7.6rem;
}

.fs86 {
  font-size: 8.6rem;
}

.fs58 {
  font-size: 5.8rem;
}

.fs68 {
  font-size: 6.6rem;
}

.fs78 {
  font-size: 7.8rem;
}

.fs88 {
  font-size: 8.8rem;
}

.lh10 {
  line-height: 1;
}

.lh11 {
  line-height: 1.1;
}

.lh12 {
  line-height: 1.2;
}

.lh13 {
  line-height: 1.3;
}

.lh14 {
  line-height: 1.4;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.8;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.lh {
  line-height: 1.7;
}

.succ10 {
  color: #003317;
}

.warn10 {
  color: #332800;
}

.dngr10 {
  color: #331500;
}

.erro10 {
  color: #33000A;
}

.succ15 {
  color: #004D22;
}

.warn15 {
  color: #4D3C00;
}

.dngr15 {
  color: #4D2000;
}

.erro15 {
  color: #4D000F;
}

.succ20 {
  color: #00662E;
}

.warn20 {
  color: #665000;
}

.dngr20 {
  color: #662B00;
}

.erro20 {
  color: #660014;
}

.succ25 {
  color: #008039;
}

.warn25 {
  color: #806400;
}

.dngr25 {
  color: #803500;
}

.erro25 {
  color: #80001A;
}

.succ30 {
  color: #009945;
}

.warn30 {
  color: #997800;
}

.dngr30 {
  color: #994000;
}

.erro30 {
  color: #99001F;
}

.succ35 {
  color: #00B350;
}

.warn35 {
  color: #B38C00;
}

.dngr35 {
  color: #B34A00;
}

.erro35 {
  color: #B30024;
}

.succ40 {
  color: #00CC5C;
}

.warn40 {
  color: #CCA000;
}

.dngr40 {
  color: #CC5500;
}

.erro40 {
  color: #CC0029;
}

.succ45 {
  color: #00E667;
}

.warn45 {
  color: #E6B400;
}

.dngr45 {
  color: #E66000;
}

.erro45 {
  color: #E6002E;
}

.succ50 {
  color: #00FF6E;
}

.warn50 {
  color: #FFC800;
}

.dngr50 {
  color: #FF6A00;
}

.erro50 {
  color: #FF0033;
}

.succ55 {
  color: #1AFF7D;
}

.warn55 {
  color: #FFCD1A;
}

.dngr55 {
  color: #FF791A;
}

.erro55 {
  color: #FF1A47;
}

.succ60 {
  color: #33FF8B;
}

.warn60 {
  color: #FFD333;
}

.dngr60 {
  color: #FF8833;
}

.erro60 {
  color: #FF335C;
}

.succ65 {
  color: #4CFF9A;
}

.warn65 {
  color: #FFD84C;
}

.dngr65 {
  color: #FF974C;
}

.erro65 {
  color: #FF4C70;
}

.succ70 {
  color: #66FFA8;
}

.warn70 {
  color: #FFDE66;
}

.dngr70 {
  color: #FFA666;
}

.erro70 {
  color: #FF6685;
}

.succ75 {
  color: #80FFB7;
}

.warn75 {
  color: #FFE380;
}

.dngr75 {
  color: #FFB580;
}

.erro75 {
  color: #FF8099;
}

.succ80 {
  color: #99FFC5;
}

.warn80 {
  color: #FFE999;
}

.dngr80 {
  color: #FFC499;
}

.erro80 {
  color: #FF99AD;
}

.succ85 {
  color: #B3FFD4;
}

.warn85 {
  color: #FFEEB3;
}

.dngr85 {
  color: #FFD2B3;
}

.erro85 {
  color: #FFB3C2;
}

.succ90 {
  color: #CCFFE2;
}

.warn90 {
  color: #FFF4CC;
}

.dngr90 {
  color: #FFE1CC;
}

.erro90 {
  color: #FFCCD6;
}

.grnd10 {
  color: #000000;
}

.grnd15 {
  color: #111111;
}

.grnd20 {
  color: #222222;
}

.grnd25 {
  color: #333333;
}

.grnd30 {
  color: #444444;
}

.grnd35 {
  color: #555555;
}

.grnd40 {
  color: #666666;
}

.grnd45 {
  color: #777777;
}

.grnd50 {
  color: #888888;
}

.grnd55 {
  color: #999999;
}

.grnd60 {
  color: #aaaaaa;
}

.grnd65 {
  color: #bbbbbb;
}

.grnd70 {
  color: #cccccc;
}

.grnd75 {
  color: #dddddd;
}

.grnd80 {
  color: #eeeeee;
}

.grnd85 {
  color: #efefef;
}

.grnd90 {
  color: #ffffff;
}

a,
.fake-link {
  color: var(--tint);
  text-decoration: none;
}
i a:hover,
i .fake-link:hover {
  text-decoration: none;
}
a:hover,
.fake-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
a:hover > i,
.fake-link:hover > i {
  text-decoration: none;
}
a i.file,
.fake-link i.file {
  display: inline-block;
  width: 2.5rem;
  margin-right: 0.5rem;
}
a.icon,
.fake-link.icon {
  padding: 0.6rem 0 0.6rem 0.6rem;
  white-space: nowrap;
}
a.labeled-icon,
.fake-link.labeled-icon {
  display: inline-block;
  padding: 0.3rem 0.6rem;
  margin-right: 1.2rem;
}
a.labeled-icon:last-child,
.fake-link.labeled-icon:last-child {
  margin-right: 0;
}
a.labeled-icon.active,
.fake-link.labeled-icon.active {
  background-color: var(--tint);
  color: #fff;
}
a.menu,
.fake-link.menu {
  padding: 0.3rem 0.6rem;
}
a.menu:hover,
.fake-link.menu:hover {
  background-color: var(--tint);
  color: #fff;
  text-decoration: none;
}
a.inactive,
.fake-link.inactive {
  color: #999;
}
a.inactive:hover,
.fake-link.inactive:hover {
  text-decoration: none;
  cursor: default;
}
a i:not(.nlb),
.fake-link i:not(.nlb) {
  margin-right: 0.6rem;
}
a > .caret,
.fake-link > .caret {
  margin-left: 0.6rem;
}

i.file {
  color: #555;
}

.tint {
  color: var(--tint);
}

.fa-spin2 {
  animation: fa-spin2 2s infinite linear;
}

@keyframes fa-spin2 {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-1turn);
  }
}
strong,
.strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

sup {
  vertical-align: super;
  font-size: 80%;
}

sub {
  vertical-align: sub;
  font-size: 80%;
}

small,
.small {
  font-size: 1.4rem;
}

.strike {
  text-decoration: line-through;
}

.muted {
  color: #aaa;
}

.mono {
  font-family: "Roboto Mono", monospace;
}

.lt {
  text-align: left;
}

.rt {
  text-align: right;
}

.ct {
  text-align: center;
}

.plt {
  float: left;
}

.prt {
  float: right;
}

.hide {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-grab {
  cursor: grab;
}
.cursor-grab:active {
  cursor: grabbing;
}

p {
  margin-bottom: 1rem;
  line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.2;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: #aaa;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-weight: 400;
}

h1 {
  margin-bottom: 2.5rem;
}
@media (max-width: 899px) {
  h1 {
    word-wrap: break-word;
  }
}

h2,
h3 {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

h4,
h5,
h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h1 {
  font-size: 3.6rem;
}

h2 {
  font-size: 2.8rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.6rem;
}

@media (max-width: 899px) {
  h1 {
    font-size: 2.8rem;
  }
  h2 {
    font-size: 2.2rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.6rem;
  }
  h5 {
    font-size: 1.6rem;
  }
}
h1 small, .h1 small {
  font-size: 2.8rem;
}

h2 small, .h2 small {
  font-size: 2.2rem;
}

h3 small, .h3 small {
  font-size: 1.8rem;
}

h4 small, .h4 small {
  font-size: 1.6rem;
}

.h1-menu,
.h2-menu,
.h3-menu {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 2rem;
  align-items: center;
  margin-top: 3rem;
}
@media (max-width: 899px) {
  .h1-menu,
  .h2-menu,
  .h3-menu {
    grid-template-columns: 100%;
  }
}
.h1-menu:first-child,
.h2-menu:first-child,
.h3-menu:first-child {
  margin-top: 0;
}
.h1-menu ul.menu,
.h2-menu ul.menu,
.h3-menu ul.menu {
  margin-bottom: 0;
}
.h1-menu ul.menu li,
.h2-menu ul.menu li,
.h3-menu ul.menu li {
  margin-bottom: 0;
}

.h1-menu {
  margin-bottom: 2.5rem;
}
.h1-menu h1 {
  margin: 0;
}
@media (max-width: 899px) {
  .h1-menu h1 {
    margin-bottom: 2rem;
  }
}

.h2-menu {
  margin-bottom: 2rem;
}
.h2-menu h2 {
  margin: 0;
}
@media (max-width: 899px) {
  .h2-menu h2 {
    margin-bottom: 1rem;
  }
}

.h3-menu {
  margin-bottom: 1.5rem;
}
.h3-menu h3 {
  margin: 0;
}
@media (max-width: 899px) {
  .h3-menu h3 {
    margin-bottom: 0.5rem;
  }
}

.stao-label {
  display: inline-block;
  white-space: nowrap;
}
.stao-label a,
.stao-label span {
  display: inline-block;
  padding: 0 0.5rem;
  font-weight: 700;
  color: #fff;
}
.stao-label a.inactive,
.stao-label span.inactive {
  background-color: #888888;
}
.stao-label a:hover {
  text-decoration: none;
}

.stao-select {
  position: relative;
}
.stao-select a.dropdown-toggle {
  display: block;
  padding: 1rem 1.5rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
}
.stao-select a.dropdown-toggle i {
  float: right;
}

hr {
  width: 100%;
  height: 1px;
  margin: 2rem 0;
  background-color: #888888;
  border: none;
}

.alert-success,
.alert-error,
.alert-danger,
.alert-warning {
  padding: 0.5rem 1rem;
  margin-bottom: 1.6rem;
}
.alert-success > p,
.alert-success > ul,
.alert-error > p,
.alert-error > ul,
.alert-danger > p,
.alert-danger > ul,
.alert-warning > p,
.alert-warning > ul {
  margin-bottom: 0;
}
.alert-success > p + p,
.alert-error > p + p,
.alert-danger > p + p,
.alert-warning > p + p {
  margin-top: 0.5rem;
}
.alert-success:last-child,
.alert-error:last-child,
.alert-danger:last-child,
.alert-warning:last-child {
  margin-bottom: 0;
}

.alert-success {
  background-color: #99FFC5;
  color: #00662E;
}

.alert-warning {
  background-color: #FFE999;
  color: #665000;
}

.alert-danger {
  background-color: #FFC499;
  color: #662B00;
}

.alert-error {
  background-color: #FF99AD;
  color: #660014;
}

ul, ol {
  line-height: 1.7;
}

ul.dots {
  list-style-type: disc;
  margin-left: 2rem;
  margin-bottom: 2rem;
  text-align: left;
  line-height: 1.7;
}

ol.decimal {
  list-style-type: decimal;
  margin-left: 2rem;
  margin-bottom: 2rem;
}

ul.fa-ul {
  margin-bottom: 2rem;
}

.liste-linien ul li,
ul.list li,
ol.list li {
  padding: 0.8rem;
  border-bottom: 1px solid #ddd;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.liste-linien ul li .list-right,
ul.list li .list-right,
ol.list li .list-right {
  float: right;
}
.liste-linien ul li.active,
ul.list li.active,
ol.list li.active {
  background-color: #fefefe;
  filter: brightness(0.95);
}
.liste-linien ul li[class*=alert-],
ul.list li[class*=alert-],
ol.list li[class*=alert-] {
  margin-bottom: 0;
}
.liste-linien ul li.level-1,
ul.list li.level-1,
ol.list li.level-1 {
  padding-left: 2.8rem;
}
.liste-linien ul li.level-2,
ul.list li.level-2,
ol.list li.level-2 {
  padding-left: 4.8rem;
}
.liste-linien ul li.level-3,
ul.list li.level-3,
ol.list li.level-3 {
  padding-left: 6.8rem;
}
.liste-linien ul li:first-child,
ul.list li:first-child,
ol.list li:first-child {
  border-top: 1px solid #ddd;
}
.liste-linien ul.list-hover li,
ul.list.list-hover li,
ol.list.list-hover li {
  padding: 0;
}
.liste-linien ul.list-hover li a,
ul.list.list-hover li a,
ol.list.list-hover li a {
  display: block;
  padding: 0.8rem;
}
.liste-linien ul.list-hover li:hover,
ul.list.list-hover li:hover,
ol.list.list-hover li:hover {
  background-color: #fefefe;
  filter: brightness(0.95);
  transition: filter 0.2s ease-in-out;
}
.liste-linien ul.list-hover li:hover a,
ul.list.list-hover li:hover a,
ol.list.list-hover li:hover a {
  text-decoration: none;
}
.liste-linien ul.list-hover li.level-1 a,
ul.list.list-hover li.level-1 a,
ol.list.list-hover li.level-1 a {
  padding-left: 2.8rem;
}
.liste-linien ul.list-hover li.level-2 a,
ul.list.list-hover li.level-2 a,
ol.list.list-hover li.level-2 a {
  padding-left: 4.8rem;
}
.liste-linien ul.list-hover li.level-3 a,
ul.list.list-hover li.level-3 a,
ol.list.list-hover li.level-3 a {
  padding-left: 6.8rem;
}
td > .liste-linien ul,
td > ul.list,
td > ol.list {
  margin: -0.8rem 0;
  background-color: transparent;
}
td > .liste-linien ul li:first-child,
td > ul.list li:first-child,
td > ol.list li:first-child {
  border-top: none;
}
td > .liste-linien ul li:last-child,
td > ul.list li:last-child,
td > ol.list li:last-child {
  border-bottom: none;
}
td > .liste-linien ul.list-hover li:hover,
td > ul.list.list-hover li:hover,
td > ol.list.list-hover li:hover {
  background-color: #e5e5e5;
}

.list-header {
  padding: 8px;
  border-bottom: 2px solid #ddd;
  text-align: left;
  line-height: 1.7;
  text-transform: uppercase;
  font-weight: 700;
  color: #888888;
}
.list-header.dropdown {
  display: grid;
  grid-template-columns: 1fr 3rem;
}
.list-header .rt {
  position: relative;
  text-transform: none;
}

ul.horizontal {
  display: flex;
  gap: 2rem;
}
ul.horizontal.right {
  justify-content: end;
}

ul.menu {
  text-align: right;
  margin: 0 0 2rem 0;
}
@media (max-width: 899px) {
  ul.menu {
    text-align: left;
  }
}
ul.menu > li {
  display: inline-block;
  line-height: 1.7;
  margin-left: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 899px) {
  ul.menu > li {
    display: block;
    margin-left: 0;
    line-height: 2;
  }
}
ul.menu > li > a {
  padding: 0.3rem 0.6rem;
}
ul.menu > li > a:hover {
  background-color: var(--tint);
  color: #fff;
  text-decoration: none;
}
ul.menu > li.active > a {
  background-color: var(--tint);
  color: #fff;
  text-decoration: none;
}
ul.menu > li.error > a {
  color: #FF0033;
}
ul.menu > li.error:hover > a, ul.menu > li.error.active > a {
  background-color: #FF0033;
  color: #fff;
}
ul.menu > li.success > a {
  color: #00FF6E;
}
ul.menu > li.success:hover > a, ul.menu > li.success.active > a {
  background-color: #00FF6E;
  color: #fff;
}
ul.menu > li.disabled {
  padding: 0.3rem 0.6rem;
  color: #999;
  cursor: default;
}
ul.menu > li.disabled i {
  padding-right: 0.6rem;
}
ul.menu > li select {
  width: auto;
  height: auto;
  vertical-align: baseline;
  font-family: "Roboto", sans-serif;
  background-color: transparent;
  background-image: none;
  padding: 0 0.6rem;
  border-radius: 0;
  color: var(--tint);
}
ul.menu > li select:hover {
  cursor: pointer;
}
ul.menu .file {
  position: relative;
  cursor: pointer;
}
ul.menu .file label {
  display: inline-block;
  padding: 0 0.6rem;
  color: var(--tint);
}
ul.menu .file label i {
  padding-right: 0.6rem;
}
ul.menu .file label input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
ul.menu .file label:hover {
  background-color: var(--tint);
  color: #fff;
  cursor: pointer;
}

ul.dateien {
  list-style-type: none;
  line-height: 1.7;
  margin: 0;
  padding: 0;
}
ul.dateien li {
  margin-bottom: 5px;
}
ul.dateien li a {
  display: inline-block;
}
ul.dateien li a:hover {
  text-decoration: none;
}
ul.dateien li a:hover span {
  text-decoration: underline;
}
ul.dateien li a small {
  display: inline-block;
  margin-left: 1rem;
  color: #aaa;
}
ul.dateien li .text {
  display: block;
  margin-left: 3rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

ul.pfad {
  display: flex;
  flex-wrap: wrap;
}
ul.pfad li a {
  cursor: pointer;
}
ul.pfad li.divider {
  color: #aaa;
}
ul.pfad li.frt {
  margin-left: auto;
}

ul.table-icons {
  display: flex;
  gap: 1rem;
  justify-content: end;
}

.md {
  line-height: 1.7;
}
.md a > i {
  display: inline-block;
  margin-right: 0.6rem;
}
.md img {
  max-width: 100%;
  vertical-align: bottom;
  margin: 4rem 0;
}
.md p:last-child img {
  margin-bottom: 0;
}
.md ul {
  list-style-type: disc;
  margin-left: 2rem;
  margin-bottom: 2rem;
  text-align: left;
  line-height: 1.7;
}
.md ul:last-child {
  margin-bottom: 0;
}
.md ul.fa-ul {
  list-style-type: none;
}
.md ol {
  list-style-type: decimal;
  margin-left: 2rem;
  margin-bottom: 2rem;
  text-align: left;
  line-height: 1.7;
}
.md ol:last-child {
  margin-bottom: 0;
}
.md ol li {
  padding-left: 1.5rem;
}
.md li > ul:last-child,
.md li > ol:last-child {
  margin-bottom: 2rem;
}
.md .kacheln {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  margin: 4rem 0;
}
.md .kacheln:first-child {
  margin-top: 0;
}
.md .kacheln:last-child {
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .md .kacheln {
    grid-template-columns: 100% !important;
  }
}
.md .kacheln img {
  width: 100%;
  margin: 0;
}
.md .kacheln + .kacheln {
  margin-top: -2rem;
}
.md blockquote {
  background-color: #888888;
  padding: 0.8rem 1.3rem;
  margin: 2rem 0;
}
.md blockquote p:last-child {
  margin-bottom: 0;
}
.md [class^=grid-] {
  display: grid;
}
.md [class^=grid-] > img {
  margin: 0;
}
.md .grid-1-1 {
  grid-template-columns: 1fr 1fr;
}
.md .grid-1-2 {
  grid-template-columns: 1fr 2fr;
}
.md .grid-1-3 {
  grid-template-columns: 1fr 3fr;
}
.md .grid-2-1 {
  grid-template-columns: 2fr 1fr;
}
.md .grid-3-1 {
  grid-template-columns: 3fr 1fr;
}
.md .grid-1-1-1 {
  grid-template-columns: 1fr 1fr 1fr;
}
.md .grid-2-1-1 {
  grid-template-columns: 2fr 1fr 1fr;
}
.md .grid-1-2-1 {
  grid-template-columns: 1fr 2fr 1fr;
}
.md .grid-1-1-2 {
  grid-template-columns: 1fr 1fr 2fr;
}
.md .grid-1-1-1-1 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.md .gap-0 {
  gap: 0rem;
  margin-bottom: 0rem;
}
.md .gap-1 {
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.md .gap-2 {
  gap: 1rem;
  margin-bottom: 1rem;
}
.md .gap-3 {
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.md .gap-4 {
  gap: 2rem;
  margin-bottom: 2rem;
}
.md .gap-5 {
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}
.md .gap-6 {
  gap: 3rem;
  margin-bottom: 3rem;
}
.md .gap-7 {
  gap: 3.5rem;
  margin-bottom: 3.5rem;
}
.md .gap-8 {
  gap: 4rem;
  margin-bottom: 4rem;
}
.md .gap-9 {
  gap: 4.5rem;
  margin-bottom: 4.5rem;
}
.md .gap-10 {
  gap: 5rem;
  margin-bottom: 5rem;
}
.md .gap-11 {
  gap: 5.5rem;
  margin-bottom: 5.5rem;
}
.md .gap-12 {
  gap: 6rem;
  margin-bottom: 6rem;
}
.md .gap-13 {
  gap: 6.5rem;
  margin-bottom: 6.5rem;
}
.md .gap-14 {
  gap: 7rem;
  margin-bottom: 7rem;
}
.md .gap-15 {
  gap: 7.5rem;
  margin-bottom: 7.5rem;
}
.md .gap-16 {
  gap: 8rem;
  margin-bottom: 8rem;
}
.md .gap-17 {
  gap: 8.5rem;
  margin-bottom: 8.5rem;
}
.md .gap-18 {
  gap: 9rem;
  margin-bottom: 9rem;
}
.md .gap-19 {
  gap: 9.5rem;
  margin-bottom: 9.5rem;
}
.md .gap-20 {
  gap: 10rem;
  margin-bottom: 10rem;
}
.md > :last-child {
  margin-bottom: 0;
}

.table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
}

table {
  background-color: transparent;
}
@media (max-width: 899px) {
  table.wide {
    display: block;
    width: 100%;
    overflow-x: scroll;
  }
  table.wide th:not(.wrap),
  table.wide td:not(.wrap) {
    white-space: nowrap;
  }
}

th {
  text-align: left;
  line-height: 1.7;
  text-transform: uppercase;
  font-weight: 700;
  color: #888888;
}
@media (max-width: 899px) {
  th {
    font-size: 1.4rem;
  }
}
th.dropdown  {
  text-transform: none;
}

td {
  line-height: 1.7;
}

.table,
.md table {
  width: 100%;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ddd;
}
.table tr.sticky th,
.md table tr.sticky th {
  position: sticky;
  top: 0;
  background-color: #eeeeee;
}
.table th, .table td,
.md table th,
.md table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
  transition: background-color 0.1s linear;
}
.table th .icon, .table td .icon,
.md table th .icon,
.md table td .icon {
  margin-left: 0.8rem;
}
.table th.nowrap, .table td.nowrap,
.md table th.nowrap,
.md table td.nowrap {
  white-space: nowrap;
}
.table th .sticky-h, .table td .sticky-h,
.md table th .sticky-h,
.md table td .sticky-h {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
}
.table thead > tr:first-of-type > th,
.md table thead > tr:first-of-type > th {
  border-top: none;
}
.table thead > tr > th,
.md table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table-condensed th,
.table-condensed td {
  padding: 0.4rem;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd;
}
.table-bordered tbody > tr:first-of-type > td {
  border-top-width: 2px;
}
.table-bordered thead > tr > th {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover {
  filter: brightness(0.95);
  transition: filter 0.2s ease-in-out;
}
.table-hover tbody tr:hover:not(.bg) {
  background-color: #fefefe;
  transition: background-color 0.2s ease-in-out;
}

.grid-table {
  width: 100%;
  line-height: 1.7;
}
.grid-table:not(.no-border) {
  border-bottom: 1px solid #ddd;
}
.grid-table .row {
  display: flex;
}
.grid-table .row:not(.no-border) {
  border-top: 1px solid #ddd;
}
.grid-table .row > div {
  padding: 0.8rem;
  vertical-align: top;
  transition: background-color 0.1s linear;
  flex-shrink: 0;
  flex-grow: 0;
}
.grid-table .row > div.tight {
  padding: 0.7rem 0.8rem;
}
.grid-table .row > div.tight [class*=btn] {
  padding: 0;
}
.grid-table .row > div.no-padding {
  padding: 0;
}
.grid-table .row > div.grow {
  flex-grow: 1;
  flex-shrink: 1;
}
.grid-table .row > div.shrink0 {
  flex-shrink: 0;
}
.grid-table .row > div.align-center {
  align-self: center;
}
.grid-table .row > div.align-end {
  align-self: end;
}
.grid-table .row > div.w1 {
  flex-basis: 1rem;
}
.grid-table .row > div.w11 {
  flex-basis: 11rem;
}
.grid-table .row > div.w21 {
  flex-basis: 21rem;
}
.grid-table .row > div.w31 {
  flex-basis: 31rem;
}
.grid-table .row > div.w41 {
  flex-basis: 41rem;
}
.grid-table .row > div.w2 {
  flex-basis: 2rem;
}
.grid-table .row > div.w12 {
  flex-basis: 12rem;
}
.grid-table .row > div.w22 {
  flex-basis: 22rem;
}
.grid-table .row > div.w32 {
  flex-basis: 32rem;
}
.grid-table .row > div.w42 {
  flex-basis: 42rem;
}
.grid-table .row > div.w3 {
  flex-basis: 3rem;
}
.grid-table .row > div.w13 {
  flex-basis: 13rem;
}
.grid-table .row > div.w23 {
  flex-basis: 23rem;
}
.grid-table .row > div.w33 {
  flex-basis: 33rem;
}
.grid-table .row > div.w43 {
  flex-basis: 43rem;
}
.grid-table .row > div.w4 {
  flex-basis: 4rem;
}
.grid-table .row > div.w14 {
  flex-basis: 14rem;
}
.grid-table .row > div.w24 {
  flex-basis: 24rem;
}
.grid-table .row > div.w34 {
  flex-basis: 34rem;
}
.grid-table .row > div.w44 {
  flex-basis: 44rem;
}
.grid-table .row > div.w5 {
  flex-basis: 5rem;
}
.grid-table .row > div.w15 {
  flex-basis: 15rem;
}
.grid-table .row > div.w25 {
  flex-basis: 25rem;
}
.grid-table .row > div.w35 {
  flex-basis: 35rem;
}
.grid-table .row > div.w45 {
  flex-basis: 45rem;
}
.grid-table .row > div.w6 {
  flex-basis: 6rem;
}
.grid-table .row > div.w16 {
  flex-basis: 16rem;
}
.grid-table .row > div.w26 {
  flex-basis: 26rem;
}
.grid-table .row > div.w36 {
  flex-basis: 36rem;
}
.grid-table .row > div.w46 {
  flex-basis: 46rem;
}
.grid-table .row > div.w7 {
  flex-basis: 7rem;
}
.grid-table .row > div.w17 {
  flex-basis: 17rem;
}
.grid-table .row > div.w27 {
  flex-basis: 27rem;
}
.grid-table .row > div.w37 {
  flex-basis: 37rem;
}
.grid-table .row > div.w47 {
  flex-basis: 47rem;
}
.grid-table .row > div.w8 {
  flex-basis: 8rem;
}
.grid-table .row > div.w18 {
  flex-basis: 18rem;
}
.grid-table .row > div.w28 {
  flex-basis: 28rem;
}
.grid-table .row > div.w38 {
  flex-basis: 38rem;
}
.grid-table .row > div.w48 {
  flex-basis: 48rem;
}
.grid-table .row > div.w9 {
  flex-basis: 9rem;
}
.grid-table .row > div.w19 {
  flex-basis: 19rem;
}
.grid-table .row > div.w29 {
  flex-basis: 29rem;
}
.grid-table .row > div.w39 {
  flex-basis: 39rem;
}
.grid-table .row > div.w49 {
  flex-basis: 49rem;
}
.grid-table .row > div.w10 {
  flex-basis: 10rem;
}
.grid-table .row > div.w20 {
  flex-basis: 20rem;
}
.grid-table .row > div.w30 {
  flex-basis: 30rem;
}
.grid-table .row > div.w40 {
  flex-basis: 40rem;
}
.grid-table .row > div.w50 {
  flex-basis: 50rem;
}
.grid-table .row > div.w51 {
  flex-basis: 51rem;
}
.grid-table .row > div.w61 {
  flex-basis: 61rem;
}
.grid-table .row > div.w71 {
  flex-basis: 71rem;
}
.grid-table .row > div.w81 {
  flex-basis: 81rem;
}
.grid-table .row > div.w91 {
  flex-basis: 91rem;
}
.grid-table .row > div.w52 {
  flex-basis: 52rem;
}
.grid-table .row > div.w62 {
  flex-basis: 62rem;
}
.grid-table .row > div.w72 {
  flex-basis: 72rem;
}
.grid-table .row > div.w82 {
  flex-basis: 82rem;
}
.grid-table .row > div.w92 {
  flex-basis: 92rem;
}
.grid-table .row > div.w53 {
  flex-basis: 53rem;
}
.grid-table .row > div.w63 {
  flex-basis: 63rem;
}
.grid-table .row > div.w73 {
  flex-basis: 73rem;
}
.grid-table .row > div.w83 {
  flex-basis: 83rem;
}
.grid-table .row > div.w93 {
  flex-basis: 93rem;
}
.grid-table .row > div.w54 {
  flex-basis: 54rem;
}
.grid-table .row > div.w64 {
  flex-basis: 64rem;
}
.grid-table .row > div.w74 {
  flex-basis: 74rem;
}
.grid-table .row > div.w84 {
  flex-basis: 84rem;
}
.grid-table .row > div.w94 {
  flex-basis: 94rem;
}
.grid-table .row > div.w55 {
  flex-basis: 55rem;
}
.grid-table .row > div.w65 {
  flex-basis: 65rem;
}
.grid-table .row > div.w75 {
  flex-basis: 75rem;
}
.grid-table .row > div.w85 {
  flex-basis: 85rem;
}
.grid-table .row > div.w95 {
  flex-basis: 95rem;
}
.grid-table .row > div.w56 {
  flex-basis: 56rem;
}
.grid-table .row > div.w66 {
  flex-basis: 66rem;
}
.grid-table .row > div.w76 {
  flex-basis: 76rem;
}
.grid-table .row > div.w86 {
  flex-basis: 86rem;
}
.grid-table .row > div.w96 {
  flex-basis: 96rem;
}
.grid-table .row > div.w57 {
  flex-basis: 57rem;
}
.grid-table .row > div.w67 {
  flex-basis: 67rem;
}
.grid-table .row > div.w77 {
  flex-basis: 77rem;
}
.grid-table .row > div.w87 {
  flex-basis: 87rem;
}
.grid-table .row > div.w97 {
  flex-basis: 97rem;
}
.grid-table .row > div.w58 {
  flex-basis: 58rem;
}
.grid-table .row > div.w68 {
  flex-basis: 68rem;
}
.grid-table .row > div.w78 {
  flex-basis: 78rem;
}
.grid-table .row > div.w88 {
  flex-basis: 88rem;
}
.grid-table .row > div.w98 {
  flex-basis: 98rem;
}
.grid-table .row > div.w59 {
  flex-basis: 59rem;
}
.grid-table .row > div.w69 {
  flex-basis: 69rem;
}
.grid-table .row > div.w79 {
  flex-basis: 79rem;
}
.grid-table .row > div.w89 {
  flex-basis: 89rem;
}
.grid-table .row > div.w99 {
  flex-basis: 99rem;
}
.grid-table .row > div.w60 {
  flex-basis: 60rem;
}
.grid-table .row > div.w70 {
  flex-basis: 70rem;
}
.grid-table .row > div.w80 {
  flex-basis: 80rem;
}
.grid-table .row > div.w90 {
  flex-basis: 80rem;
}
.grid-table .row > div.w100 {
  flex-basis: 100rem;
}
.grid-table .row > div.w100p {
  flex-basis: 100%;
}
.grid-table .row.head {
  border-top: none;
  border-bottom: 1px solid #ddd;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
  color: #aaaaaa;
}
.grid-table .row.pb0 > div {
  padding-bottom: 0;
}
.grid-table .row.pt0 > div {
  padding-top: 0;
}
.grid-table .row.gap05 {
  column-gap: 0.5rem;
}
.grid-table .row.gap10 {
  column-gap: 1rem;
}
.grid-table .row.gap15 {
  column-gap: 1.5rem;
}
.grid-table .row.gap20 {
  column-gap: 2rem;
}
.grid-table .row.gap25 {
  column-gap: 2.5rem;
}
.grid-table .row.gap30 {
  column-gap: 3rem;
}
.grid-table .row.gap35 {
  column-gap: 3.5rem;
}
.grid-table .row.gap40 {
  column-gap: 4rem;
}
.grid-table .hover:hover {
  filter: brightness(0.95);
  transition: filter 0.2s ease-in-out;
  background-color: #fefefe;
  transition: background-color 0.2s ease-in-out;
}
.grid-table.side-border .row {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.grid-table.side-border .row > div {
  padding: 1.5rem;
}
.grid-table.side-border .row > div.tight {
  padding: 0.7rem 0.8rem;
}

input,
button,
select,
textarea {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
  font-family: "Roboto Mono", monospace;
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0.6rem;
  height: 1.7;
  line-height: 1.7;
  color: #000000;
  border-radius: 0.4rem;
  vertical-align: middle;
  background-color: #f0f0f0;
  border: none;
}
select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus {
  outline: 0;
  background-color: #efedd4;
}
select[disabled],
textarea[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=datetime][disabled],
input[type=datetime-local][disabled],
input[type=date][disabled],
input[type=month][disabled],
input[type=time][disabled],
input[type=week][disabled],
input[type=number][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=color][disabled] {
  border-color: #f7f7f7;
  color: #999;
}
.bg-grau select,
.bg-grau textarea,
.bg-grau input[type=text],
.bg-grau input[type=password],
.bg-grau input[type=datetime],
.bg-grau input[type=datetime-local],
.bg-grau input[type=date],
.bg-grau input[type=month],
.bg-grau input[type=time],
.bg-grau input[type=week],
.bg-grau input[type=number],
.bg-grau input[type=email],
.bg-grau input[type=url],
.bg-grau input[type=search],
.bg-grau input[type=tel],
.bg-grau input[type=color] {
  background-color: #fff;
}
@media (max-width: 899px) {
  select,
  textarea,
  input[type=text],
  input[type=password],
  input[type=datetime],
  input[type=datetime-local],
  input[type=date],
  input[type=month],
  input[type=time],
  input[type=week],
  input[type=number],
  input[type=email],
  input[type=url],
  input[type=search],
  input[type=tel],
  input[type=color] {
    font-size: 16px;
  }
}

select {
  -webkit-appearance: none;
  height: 1.7;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #e9e9e9;
  background-image: url("../img/select-arrows-dark.svg");
  background-size: auto;
  background-position: right center;
  background-repeat: no-repeat;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  box-shadow: none;
  background: #e9e9e9;
  border-radius: 3px;
  border: 0;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 0;
  height: 18px;
  width: 18px;
  border-radius: 9px;
  background: #aaa;
  -webkit-appearance: none;
  margin-top: -6px;
}
input[type=range]::-webkit-slider-container {
  background: transparent;
}

input.telefon {
  width: 15rem;
}

input.datumzeit {
  width: 18rem;
}

input.datum {
  width: 12rem;
}

input.zeit {
  width: 6.5rem;
}

input.plz {
  width: 6rem;
}

textarea {
  height: auto;
}

input.uri,
input.email,
input[type=email] {
  text-transform: lowercase;
}

.checkbox,
.checkbox-ax,
.checkboxdisabled,
.radio,
.radio-ax,
.radiodisabled {
  display: flex;
  justify-content: flex-start;
  padding-left: 6px;
  cursor: pointer;
}
.checkbox.rt,
.checkbox-ax.rt,
.checkboxdisabled.rt,
.radio.rt,
.radio-ax.rt,
.radiodisabled.rt {
  justify-content: flex-end;
}
.checkbox i.fa-circle,
.checkbox i.fa-circle-check,
.checkbox i.fa-circle-dot,
.checkbox-ax i.fa-circle,
.checkbox-ax i.fa-circle-check,
.checkbox-ax i.fa-circle-dot,
.checkboxdisabled i.fa-circle,
.checkboxdisabled i.fa-circle-check,
.checkboxdisabled i.fa-circle-dot,
.radio i.fa-circle,
.radio i.fa-circle-check,
.radio i.fa-circle-dot,
.radio-ax i.fa-circle,
.radio-ax i.fa-circle-check,
.radio-ax i.fa-circle-dot,
.radiodisabled i.fa-circle,
.radiodisabled i.fa-circle-check,
.radiodisabled i.fa-circle-dot {
  margin-top: 0.05rem;
  margin-right: 1rem;
  font-size: 1.5rem;
  color: #888888;
  line-height: 1.7;
}
.checkbox:hover i.fa-circle,
.checkbox:hover i.fa-circle-check,
.checkbox:hover i.fa-circle-dot,
.checkbox-ax:hover i.fa-circle,
.checkbox-ax:hover i.fa-circle-check,
.checkbox-ax:hover i.fa-circle-dot,
.checkboxdisabled:hover i.fa-circle,
.checkboxdisabled:hover i.fa-circle-check,
.checkboxdisabled:hover i.fa-circle-dot,
.radio:hover i.fa-circle,
.radio:hover i.fa-circle-check,
.radio:hover i.fa-circle-dot,
.radio-ax:hover i.fa-circle,
.radio-ax:hover i.fa-circle-check,
.radio-ax:hover i.fa-circle-dot,
.radiodisabled:hover i.fa-circle,
.radiodisabled:hover i.fa-circle-check,
.radiodisabled:hover i.fa-circle-dot {
  color: #666666;
}
.checkbox.baseline-textinput,
.checkbox-ax.baseline-textinput,
.checkboxdisabled.baseline-textinput,
.radio.baseline-textinput,
.radio-ax.baseline-textinput,
.radiodisabled.baseline-textinput {
  padding-top: 3.6rem;
}

.checkboxdisabled,
.radiodisabled {
  cursor: default;
}
.checkboxdisabled i, .checkboxdisabled:hover i,
.radiodisabled i,
.radiodisabled:hover i {
  color: #aaaaaa;
}

.checkbox.inline,
.checkbox-ax.inline,
.checkboxdisabled.inline,
.radio.inline,
.radio-ax.inline,
.radiodisabled.inline  {
  display: inline-flex;
  margin-right: 2rem;
}

.checkbox-subtext,
.radio-subtext {
  display: inline-block;
  padding-left: 32px;
}

.form-up-down {
  display: grid;
  grid-template-columns: 1fr 2rem;
  grid-template-areas: "input up" "input do";
}
.form-up-down input {
  grid-area: input;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-up-down .up {
  grid-area: up;
  border-top-right-radius: 0.4rem;
  border-bottom: 1px solid #f0f0f0;
  background-color: #bbbbbb;
  font-size: 1rem;
  text-align: center;
}
.form-up-down .do {
  grid-area: do;
  border-bottom-right-radius: 0.4rem;
  background-color: #bbbbbb;
  font-size: 1rem;
  text-align: center;
}
.form-up-down .up:hover,
.form-up-down .do:hover {
  background-color: #999999;
  cursor: pointer;
}

label:not(.radio-inline):not(.checkbox-inline):not(.radio):not(.checkbox):not(.file) {
  display: block;
  font-size: 1.4rem;
  line-height: 1.7;
  text-transform: uppercase;
}

.expand {
  display: grid;
}

.expand::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}

.expand > textarea {
  resize: none;
  overflow: hidden;
}

.expand > textarea,
.expand::after {
  font-family: "Roboto Mono", monospace;
  padding: 0.6rem;
  line-height: 1.7;
  border-radius: 0.4rem;
  grid-area: 1/1/2/2;
}

.texteditor .expand {
  display: grid;
}
.texteditor .expand::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}
.texteditor .expand > textarea {
  resize: none;
  overflow: hidden;
}
.texteditor .expand > textarea,
.texteditor .expand::after {
  padding: 0.6rem;
  line-height: 1.7;
  border-radius: 0.6rem;
  background-color: #f0f0f0;
  grid-area: 1/1/2/2;
}
.texteditor .text {
  padding: 0.6rem;
  line-height: 1.7;
  border-radius: 0.4rem;
  border: 1px solid #eeeeee;
}
.texteditor .text:hover {
  cursor: pointer;
}
.texteditor .text .placeholder {
  color: #aaaaaa;
}
.texteditor .text .placeholder i {
  display: inline-block;
  margin-right: 0.5rem;
}
.texteditor .input {
  display: none;
  position: relative;
}
.texteditor .status {
  padding: 0 0.8rem;
  font-size: 1.4rem;
  text-align: right;
  line-height: 1.7;
  color: #aaaaaa;
}
.texteditor .status.inline {
  position: absolute;
  right: 0.5rem;
  bottom: 0;
}
.texteditor .status .spinner {
  display: inline-block;
  width: 3rem;
}
.texteditor .status .spinner > div {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #aaaaaa;
}
.texteditor.invisible .text {
  padding: 0;
  border: none;
}
.texteditor.invisible .expand > textarea,
.texteditor.invisible .expand::after,
.texteditor.invisible input {
  background: transparent;
  border: none;
  padding: 0;
}
.texteditor.inside-table .text {
  padding: 0.8rem;
}
.texteditor.inside-table .input {
  padding: 0;
}

.form-group {
  margin-bottom: 3rem;
  line-height: 1.7;
}
.form-group label:not(.radio-inline):not(.checkbox-inline):not(.radio):not(.checkbox):not(.file) {
  display: block;
  font-size: 1.4rem;
  line-height: 1.7;
  text-transform: uppercase;
  padding: 0 6px 5px 6px;
}
.form-group label.checkbox,
.form-group label.radio {
  display: block;
  line-height: 1.7;
  margin: 0 0 5px 6px;
}
.form-group label.checkbox input,
.form-group label.radio input {
  margin-right: 5px;
}
.form-group label.file {
  display: inline-block;
  width: 100%;
  height: 3.9rem;
  margin: 0;
  padding: 0.6rem;
  line-height: 1.7;
  border-radius: 0.4rem;
  vertical-align: middle;
  background-color: #eee;
}
.form-group label.file input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.form-group label .spinner {
  width: 32px;
  float: right;
}
.form-group label .spinner > div {
  width: 8px;
  height: 8px;
  background-color: #aaaaaa;
}
.form-group .error {
  display: none;
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 5px 6px 10px 6px;
}
.form-group .info {
  font-size: 1.4rem;
  line-height: 1.2;
  margin: 5px 6px 10px 6px;
}
.form-group.pull-left {
  margin-right: 10px;
}
.form-group.has-success input,
.form-group.has-success textarea,
.form-group.has-success select {
  background-color: #B3FFD4;
}
.form-group.has-success label {
  color: #00FF6E !important;
}
.form-group.has-error input,
.form-group.has-error textarea,
.form-group.has-error select {
  background-color: #FFB3C2;
}
.form-group.has-error label,
.form-group.has-error .error {
  color: #FF0033 !important;
}
.form-group .range {
  display: grid;
  grid-template-columns: 1fr 100px;
  justify-items: stretch;
  align-items: stretch;
  margin: 10px 4px;
}
.form-group .range span {
  text-align: right;
}
.form-group.cb-align {
  margin-top: 3.4rem;
}

.form-group-1-1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-2-1 {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-3-1 {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-3 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-1-1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-2-2-1 {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-1-1-1 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-auto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 2rem;
  align-items: end;
}

.form-group-auto-1 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-1-auto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  column-gap: 2rem;
  align-items: end;
}

.form-group-auto-auto-1 {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-auto-auto {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  column-gap: 2rem;
  align-items: end;
}

.form-group-1-1.align-start,
.form-group-2-1.align-start,
.form-group-1-2.align-start,
.form-group-3-1.align-start,
.form-group-1-3.align-start,
.form-group-1-1-1.align-start,
.form-group-2-2-1.align-start,
.form-group-1-1-1-1.align-start,
.form-group-1-auto.align-start,
.form-group-auto-1.align-start,
.form-group-1-1-auto.align-start,
.form-group-auto-auto-1.align-start,
.form-group-1-auto-auto.align-start {
  align-items: start;
}

.form-file {
  position: relative;
  background-color: #eee;
  border-radius: 4px;
  padding: 1rem;
  text-align: center;
}
.form-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.form-file-btn {
  position: relative;
  display: inline;
}
.form-file-btn label {
  cursor: pointer;
}
.form-file-btn input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  margin: 2.5rem 0;
}
.form-actions > div {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
}
.form-actions > div.full {
  width: 100%;
}
.form-actions > div.full > * {
  width: 100%;
}
.form-actions > div > div {
  display: flex;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
  margin-left: 0.6rem;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 1rem;
}

.form-error {
  display: none;
  font-size: 1.4rem;
  color: #E6002E;
}

form.inline {
  display: flex;
  align-items: flex-end;
  margin-bottom: 2rem;
}
form.inline .form-group {
  margin: 0 1rem 0 0;
}
form.inline .form-actions {
  margin: 0;
}

.btn,
.btn-main,
.btn-success,
.btn-warning,
.btn-danger,
.btn-error,
.btn-dimmed {
  display: inline-block;
  padding: 0.6rem 1.5rem;
  margin: 0;
  background-color: #dddddd;
  color: #000000;
  line-height: 1.7;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border: none;
  border-radius: 0.4rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: background-color 0.1s linear;
  -webkit-appearance: none;
}
.btn:not(.inactive),
.btn-main:not(.inactive),
.btn-success:not(.inactive),
.btn-warning:not(.inactive),
.btn-danger:not(.inactive),
.btn-error:not(.inactive),
.btn-dimmed:not(.inactive) {
  cursor: pointer;
}
.btn:not(.inactive):hover, .btn:not(.inactive):focus,
.btn-main:not(.inactive):hover,
.btn-main:not(.inactive):focus,
.btn-success:not(.inactive):hover,
.btn-success:not(.inactive):focus,
.btn-warning:not(.inactive):hover,
.btn-warning:not(.inactive):focus,
.btn-danger:not(.inactive):hover,
.btn-danger:not(.inactive):focus,
.btn-error:not(.inactive):hover,
.btn-error:not(.inactive):focus,
.btn-dimmed:not(.inactive):hover,
.btn-dimmed:not(.inactive):focus {
  background-color: #cccccc;
  text-decoration: none;
  outline: 0;
}
.btn:not(.inactive):active, .btn.active,
.btn-main:not(.inactive):active,
.btn-main.active,
.btn-success:not(.inactive):active,
.btn-success.active,
.btn-warning:not(.inactive):active,
.btn-warning.active,
.btn-danger:not(.inactive):active,
.btn-danger.active,
.btn-error:not(.inactive):active,
.btn-error.active,
.btn-dimmed:not(.inactive):active,
.btn-dimmed.active {
  background-color: #bbbbbb;
  outline: 0;
  background-image: none;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
}
.btn > i:not(.nlb),
.btn-main > i:not(.nlb),
.btn-success > i:not(.nlb),
.btn-warning > i:not(.nlb),
.btn-danger > i:not(.nlb),
.btn-error > i:not(.nlb),
.btn-dimmed > i:not(.nlb) {
  margin-right: 0.6rem;
}
.btn.disabled,
.btn-main.disabled,
.btn-success.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-error.disabled,
.btn-dimmed.disabled {
  background-color: #ffffff;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
.btn > i:not(.nlb),
.btn-main > i:not(.nlb),
.btn-success > i:not(.nlb),
.btn-warning > i:not(.nlb),
.btn-danger > i:not(.nlb),
.btn-error > i:not(.nlb),
.btn-dimmed > i:not(.nlb) {
  margin-right: 0.6rem;
}
a .btn:visited,
a .btn-main:visited,
a .btn-success:visited,
a .btn-warning:visited,
a .btn-danger:visited,
a .btn-error:visited,
a .btn-dimmed:visited {
  color: #000000;
}
a .btn:hover, a .btn:visited:hover,
a .btn-main:hover,
a .btn-main:visited:hover,
a .btn-success:hover,
a .btn-success:visited:hover,
a .btn-warning:hover,
a .btn-warning:visited:hover,
a .btn-danger:hover,
a .btn-danger:visited:hover,
a .btn-error:hover,
a .btn-error:visited:hover,
a .btn-dimmed:hover,
a .btn-dimmed:visited:hover {
  color: #222;
}
.btn[disabled],
.btn-main[disabled],
.btn-success[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
.btn-error[disabled],
.btn-dimmed[disabled] {
  cursor: default;
}
.btn[disabled]:hover,
.btn-main[disabled]:hover,
.btn-success[disabled]:hover,
.btn-warning[disabled]:hover,
.btn-danger[disabled]:hover,
.btn-error[disabled]:hover,
.btn-dimmed[disabled]:hover {
  background-color: #cccccc;
}
.btn[disabled]:active, .btn[disabled].active,
.btn-main[disabled]:active,
.btn-main[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
.btn-error[disabled]:active,
.btn-error[disabled].active,
.btn-dimmed[disabled]:active,
.btn-dimmed[disabled].active {
  background-color: #cccccc;
  box-shadow: none;
}

.btn-main {
  background-color: #222222;
  color: #ffffff;
  font-weight: 500;
}
.btn-main:not(.inactive):hover, .btn-main:not(.inactive):focus {
  background-color: #111111;
}
.btn-main:not(.inactive):active, .btn-main.active {
  background-color: #000000;
}
.btn-main.disabled, .btn-main.disabled:hover, .btn-main.disabled:focus, .btn-main.disabled:active, .btn-main.disabled.active {
  background-color: #888888;
}
.btn-main[disabled]:hover {
  background-color: #eeeeee;
}
.btn-main[disabled]:active, .btn-main[disabled].active {
  background-color: #eeeeee;
  box-shadow: none;
}

.btn-success {
  background-color: #00CC5C;
  color: #ffffff;
  font-weight: 500;
}
.btn-success:not(.inactive):hover, .btn-success:not(.inactive):focus {
  background-color: #00B350;
}
.btn-success:not(.inactive):active, .btn-success.active {
  background-color: #009945;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active {
  background-color: #99FFC5;
}
.btn-success[disabled]:hover {
  background-color: #00CC5C;
}
.btn-success[disabled]:active, .btn-success[disabled].active {
  background-color: #00CC5C;
  box-shadow: none;
}

.btn-warning {
  background-color: #CCA000;
  color: #ffffff;
  font-weight: 500;
}
.btn-warning:not(.inactive):hover, .btn-warning:not(.inactive):focus {
  background-color: #B38C00;
}
.btn-warning:not(.inactive):active, .btn-warning.active {
  background-color: #997800;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active {
  background-color: #FFE999;
}
.btn-warning[disabled]:hover {
  background-color: #CCA000;
}
.btn-warning[disabled]:active, .btn-warning[disabled].active {
  background-color: #CCA000;
  box-shadow: none;
}

.btn-danger {
  background-color: #CC5500;
  color: #ffffff;
  font-weight: 500;
}
.btn-danger:not(.inactive):hover, .btn-danger:not(.inactive):focus {
  background-color: #B34A00;
}
.btn-danger:not(.inactive):active, .btn-danger.active {
  background-color: #994000;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active {
  background-color: #FFC499;
}
.btn-danger[disabled]:hover {
  background-color: #CC5500;
}
.btn-danger[disabled]:active, .btn-danger[disabled].active {
  background-color: #CC5500;
  box-shadow: none;
}

.btn-error {
  background-color: #CC0029;
  color: #ffffff;
  font-weight: 500;
}
.btn-error:not(.inactive):hover, .btn-error:not(.inactive):focus {
  background-color: #B30024;
}
.btn-error:not(.inactive):active, .btn-error.active {
  background-color: #99001F;
}
.btn-error.disabled, .btn-error.disabled:hover, .btn-error.disabled:focus, .btn-error.disabled:active, .btn-error.disabled.active {
  background-color: #FF99AD;
}
.btn-error[disabled]:hover {
  background-color: #CC0029;
}
.btn-error[disabled]:active, .btn-error[disabled].active {
  background-color: #CC0029;
  box-shadow: none;
}

.btn-dimmed {
  background-color: #aaa;
}
.btn-dimmed:hover, .btn-dimmed:focus, .btn-dimmed:active, .btn-dimmed.active {
  background-color: #777;
}
.btn-dimmed.disabled, .btn-dimmed.disabled:hover, .btn-dimmed.disabled:focus, .btn-dimmed.disabled:active, .btn-dimmed.disabled.active {
  background-color: #888888;
}
.btn-dimmed[disabled]:hover {
  background-color: #888888;
}
.btn-dimmed[disabled]:active, .btn-dimmed[disabled].active {
  background-color: #888888;
  box-shadow: none;
}

.btn-main .spinner > div,
.btn-success .spinner > div,
.btn-warning .spinner > div,
.btn-error .spinner > div,
.btn-dimmed .spinner > div {
  width: 1rem;
  height: 1rem;
  background-color: #fff;
}

.btn-small {
  padding: 0.4rem 0.6rem;
  font-size: 1.4rem;
  line-height: 1.2;
}

.spinner {
  margin: 0 auto;
  width: 50px;
  text-align: center;
}
.spinner > div {
  position: relative;
  top: -2px;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

ul.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 16rem;
  padding: 0.4rem 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 1.4rem;
  text-align: left;
  background-color: #ddd;
  border-radius: 0.4rem;
  box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.25);
  background-clip: padding-box;
}
ul.dropdown-menu.prt {
  right: 0;
  left: auto;
}
ul.dropdown-menu .divider {
  height: 1px;
  margin: 0.4rem 0;
  overflow: hidden;
  background-color: #ccc;
}
ul.dropdown-menu > li {
  display: block;
  margin: 0;
}
ul.dropdown-menu > li > a {
  display: block;
  padding: 0.3rem 2rem;
  clear: both;
  font-weight: normal;
  line-height: 1.7;
  color: #000;
  text-align: left;
  white-space: nowrap;
}
ul.dropdown-menu > li i {
  margin-right: 0.5rem;
}

ul.dropdown-menu > li > a:hover, ul.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #666;
}

ul.dropdown-menu > .active > a {
  text-decoration: none;
  outline: 0;
  background-color: #aaa;
}
ul.dropdown-menu > .active > a:hover, ul.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #666;
}

ul.dropdown-menu > .disabled > a, ul.dropdown-menu > .disabled > a:hover, ul.dropdown-menu > .disabled > a:focus {
  color: var(--tint);
}

ul.dropdown-menu > .disabled > a:hover, ul.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default;
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-header {
  display: block;
  padding: 0.3rem 2rem;
  font-size: 1.2rem;
  line-height: 1.7;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--tint);
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.prt > .dropdown-menu {
  right: 0;
  left: auto;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  width: 100% !important;
  margin: 0;
  position: relative;
  vertical-align: middle;
  font-family: "Roboto Mono", monospace;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  display: block;
  height: 1.7;
  line-height: 1.7;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding: 0.6rem;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-image: url("../img/select-arrows-dark.svg");
  background-size: auto;
  background-position: right center;
  background-repeat: no-repeat;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding: 0.6rem;
  padding-left: 30px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #f0f0f0;
  border-radius: 0.4rem;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  font-size: 1.4rem;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 0.6rem;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #e9e9e9;
  border-radius: 0.4rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1.7;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 1.7;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 1.7;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  /*border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;*/
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #e9e9e9;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #d1cea6;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #dddabb;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #dddabb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #dddabb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #dddabb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #dddabb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #dddabb;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #dddabb;
}

dialog::backdrop {
  background-color: rgba(170, 170, 170, 0.6666666667);
  backdrop-filter: blur(0.5rem);
}

dialog[open] {
  translate: 0 0;
  overflow: scroll;
}

dialog {
  padding: 0;
  background-color: #fff;
  border: none;
  transition: translate 0.3s ease-out, overlay 0.2s ease-out allow-discrete, display 0.2s ease-out allow-discrete;
  translate: 0 -4rem;
}
@media (min-width: 899px) {
  dialog {
    width: 60rem;
  }
}
dialog.error {
  background-color: #FFB3C2;
}
dialog.warning {
  background-color: #FFEEB3;
}

@starting-style {
  dialog[open] {
    translate: 0 -4rem;
  }
}
.dialog-header {
  padding: 2rem;
}
.dialog-header h3 {
  margin: 0;
}

.dialog-body {
  padding: 0 2rem;
}

dialog.min-height .dialog-body {
  min-height: 23rem;
}

.dialog-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem 2rem;
}
.dialog-footer > div {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.dialog-footer > div > div {
  display: flex;
}
.dialog-footer [class^=btn] + [class^=btn] {
  margin-bottom: 0;
}
.dialog-footer [class^=btn] + [class^=btn].group-lt {
  margin-right: 0;
}
.dialog-footer [class^=btn] + [class^=btn].group-ct {
  margin-left: 0;
  margin-right: 0;
}
.dialog-footer [class^=btn] + [class^=btn].group-rt {
  margin-left: 0;
}

html {
  font-size: 62.5%;
  height: 100%;
}

body {
  height: 100%;
  background-color: #999;
  background: linear-gradient(to bottom, #999 0%, #ccc 100%);
  background-attachment: fixed;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000;
}
@media (max-width: 899px) {
  body {
    background-size: auto;
    background-repeat: repeat-y;
  }
}
body.kreis5 {
  background-color: #EBE8E7;
  background: linear-gradient(to bottom, #B9B0AC 0%, #EBE8E7 100%);
  background-attachment: fixed;
}
body.kreis7 {
  background-color: #9FD6FF;
  background-image: url("../img/bg-himmel.jpg");
  background-size: cover;
  background-attachment: fixed;
}
body:has(dialog[open]) {
  overflow: hidden;
}

.nav-apps {
  background-color: #222222;
}
.nav-apps > ul {
  display: grid;
  grid-template-columns: repeat(13, 6rem) 1fr 6rem 6rem;
}
@media (max-width: 899px) {
  .nav-apps > ul {
    grid-template-columns: 6rem 1fr 6rem 6rem;
  }
}
.nav-apps > ul > li {
  text-align: center;
}
@media (max-width: 899px) {
  .nav-apps > ul > li.item1, .nav-apps > ul > li.item2, .nav-apps > ul > li.item3, .nav-apps > ul > li.item4, .nav-apps > ul > li.item5, .nav-apps > ul > li.item6, .nav-apps > ul > li.item7, .nav-apps > ul > li.item8, .nav-apps > ul > li.item9, .nav-apps > ul > li.item10, .nav-apps > ul > li.item11, .nav-apps > ul > li.item12 {
    display: none;
  }
}
.nav-apps > ul > li a {
  display: block;
  padding: 1.5rem;
  color: #666;
}
.nav-apps > ul > li a i {
  display: block;
  padding-right: 0;
  font-size: 2.4rem;
  line-height: 1;
}
.nav-apps > ul > li a .kuerzel {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222222;
  text-align: center;
  line-height: 2.6rem;
}
.nav-apps > ul > li a span {
  display: none;
}
.nav-apps > ul > li a:hover {
  color: #fff;
  text-decoration: none;
}
.nav-apps > ul > li a:hover .kuerzel {
  background-color: #fff;
}
.nav-apps > ul > li a.logout:hover {
  color: #FF0033;
}

.wrapper {
  width: 120rem;
  max-width: 100%;
  margin: 0 auto;
}

.wrapper.admin {
  width: 100%;
  background-color: #333;
}
.wrapper.admin .admin-nav {
  width: 120rem;
  margin: 0 auto;
  padding: 1rem 0;
  display: grid;
  grid-template-columns: repeat(7, 4rem);
}

.header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "stadt schulkreis";
  column-gap: 2rem;
}
@media (max-width: 899px) {
  .header {
    grid-template-columns: 2fr 3fr;
    column-gap: 4rem;
  }
}
.header .stadt {
  grid-area: stadt;
  height: 8rem;
  margin: 4rem 0 3rem 2rem;
  background-position-x: left;
  background-repeat: no-repeat;
}
@media (max-width: 899px) {
  .header .stadt {
    background-position-y: center;
  }
}
.header .schulkreis {
  grid-area: schulkreis;
  height: 8rem;
  margin: 4rem 2rem 3rem 0;
  background-position-x: right;
  background-repeat: no-repeat;
}
@media (max-width: 899px) {
  .header .schulkreis {
    background-position-y: center;
  }
}

.nav .main {
  display: grid;
  grid-template-columns: repeat(5, minmax(18rem, auto)) 1fr 18rem;
  margin-bottom: 8px;
}
.nav .main li {
  text-align: center;
}
.nav .main li.active {
  padding-bottom: 8px;
  margin-bottom: -8px;
}
.nav .main li.open-nav, .nav .main li.open-suche {
  display: none;
}
@media (max-width: 899px) {
  .nav .main li.open-nav, .nav .main li.open-suche {
    display: inline-block;
  }
}
@media (max-width: 899px) {
  .nav .main li.space  {
    display: none;
  }
}
.nav .main li.suchen {
  padding: 1.3rem 2rem;
  align-self: center;
}
.nav .main li.suchen form {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.5rem;
  align-items: center;
}
.nav .main li.suchen i {
  color: #ffffff;
}
.nav .main li.suchen input {
  padding: 0.3rem 0.6rem;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid #ffffff;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 899px) {
  .nav .main li.suchen {
    display: none;
  }
}
.nav .main li a {
  display: block;
  padding: 1.5rem 1rem;
  font-size: 1.8rem;
  font-weight: 700;
}
@media (max-width: 899px) {
  .nav .main li a {
    padding: 0.5rem 2rem;
  }
}
.nav .main li a:hover {
  text-decoration: none;
}
.nav .main li:hover:not(.active):not(.suchen):not(.space) {
  background-color: #fff;
}
.nav .main li:hover:not(.active):not(.suchen):not(.space) a {
  color: #000;
  text-decoration: none;
}
@media (max-width: 899px) {
  .nav .main.nav-close {
    grid-template-columns: 7rem 1fr 7rem;
  }
  .nav .main.nav-close li {
    display: none;
  }
  .nav .main.nav-close li.active {
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .nav .main.nav-close li.open-nav, .nav .main.nav-close li.open-suche {
    display: inline-block;
  }
}
@media (max-width: 899px) {
  .nav .main.nav-open {
    grid-template-columns: 7rem 1fr 1fr 7rem;
  }
  .nav .main.nav-open li {
    grid-column: span 2;
  }
  .nav .main.nav-open li.active {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-column: span 2;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .nav .main.nav-open li.open-nav {
    grid-column-start: 1;
    grid-row-start: 1;
  }
  .nav .main.nav-open li.open-suche {
    grid-column-start: 4;
    grid-row-start: 1;
  }
}
@media (max-width: 899px) {
  .nav .main.suche-open {
    grid-template-columns: 7rem 1fr 7rem;
  }
  .nav .main.suche-open li.suchen {
    display: inline-block;
    grid-column: span 3;
    padding: 0.3rem 7rem;
  }
}
.nav .sub {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(7, 1fr);
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 2rem;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.7;
}
.nav .sub h3 {
  font-size: 1.4rem;
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}
.nav .sub a {
  color: #fff;
}
@media (max-width: 899px) {
  .nav .sub.nav-close {
    display: none;
  }
}
@media (max-width: 899px) {
  .nav .sub.nav-open {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.nav.nav-admin .main {
  background-color: #333;
}
.nav.nav-admin .main li {
  background-color: #333;
}
.nav.nav-admin .sub {
  background-color: #333;
}

.footer {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr;
  column-gap: 4rem;
  margin-top: 2rem;
  padding: 2rem;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  line-height: 1.7;
}
@media (max-width: 899px) {
  .footer {
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
  }
}
.footer a {
  color: rgba(0, 0, 0, 0.6);
}
.footer .copyright {
  align-self: end;
}
@media (max-width: 899px) {
  .footer .copyright {
    grid-column: 1/span 2;
  }
}

.seitentitel {
  background-color: #fff;
  padding: 4rem;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 899px) {
  .seitentitel {
    padding: 4rem 2rem;
  }
}

.content {
  background-color: #fff;
}
.content.abschnitt {
  display: grid;
}
@media (max-width: 899px) {
  .content.abschnitt {
    grid-template-columns: 100% !important;
  }
}
.content.abschnitt.gap-0 {
  grid-column-gap: 0rem;
}
.content.abschnitt.gap-1 {
  grid-column-gap: 0.5rem;
}
.content.abschnitt.gap-2 {
  grid-column-gap: 1rem;
}
.content.abschnitt.gap-3 {
  grid-column-gap: 1.5rem;
}
.content.abschnitt.gap-4 {
  grid-column-gap: 2rem;
}
.content.abschnitt.gap-5 {
  grid-column-gap: 2.5rem;
}
.content.abschnitt.gap-6 {
  grid-column-gap: 3rem;
}
.content.abschnitt.gap-7 {
  grid-column-gap: 3.5rem;
}
.content.abschnitt.gap-8 {
  grid-column-gap: 4rem;
}
.content.abschnitt.gap-9 {
  grid-column-gap: 4.5rem;
}
.content.abschnitt.gap-10 {
  grid-column-gap: 5rem;
}
.content.abschnitt.gap-11 {
  grid-column-gap: 5.5rem;
}
.content.abschnitt.gap-12 {
  grid-column-gap: 6rem;
}
.content.abschnitt.gap-13 {
  grid-column-gap: 6.5rem;
}
.content.abschnitt.gap-14 {
  grid-column-gap: 7rem;
}
.content.abschnitt.gap-15 {
  grid-column-gap: 7.5rem;
}
.content.abschnitt.gap-16 {
  grid-column-gap: 8rem;
}
.content.abschnitt.gap-17 {
  grid-column-gap: 8.5rem;
}
.content.abschnitt.gap-18 {
  grid-column-gap: 9rem;
}
.content.abschnitt.gap-19 {
  grid-column-gap: 9.5rem;
}
.content.abschnitt.gap-20 {
  grid-column-gap: 10rem;
}
@media (max-width: 899px) {
  .content.abschnitt.gap-0 {
    grid-row-gap: 0rem;
  }
  .content.abschnitt.gap-1 {
    grid-row-gap: 0.5rem;
  }
  .content.abschnitt.gap-2 {
    grid-row-gap: 1rem;
  }
  .content.abschnitt.gap-3 {
    grid-row-gap: 1.5rem;
  }
  .content.abschnitt.gap-4 {
    grid-row-gap: 2rem;
  }
  .content.abschnitt.gap-5 {
    grid-row-gap: 2.5rem;
  }
  .content.abschnitt.gap-6 {
    grid-row-gap: 3rem;
  }
  .content.abschnitt.gap-7 {
    grid-row-gap: 3.5rem;
  }
  .content.abschnitt.gap-8 {
    grid-row-gap: 4rem;
  }
  .content.abschnitt.gap-9 {
    grid-row-gap: 4.5rem;
  }
  .content.abschnitt.gap-10 {
    grid-row-gap: 5rem;
  }
  .content.abschnitt.gap-11 {
    grid-row-gap: 5.5rem;
  }
  .content.abschnitt.gap-12 {
    grid-row-gap: 6rem;
  }
  .content.abschnitt.gap-13 {
    grid-row-gap: 6.5rem;
  }
  .content.abschnitt.gap-14 {
    grid-row-gap: 7rem;
  }
  .content.abschnitt.gap-15 {
    grid-row-gap: 7.5rem;
  }
  .content.abschnitt.gap-16 {
    grid-row-gap: 8rem;
  }
  .content.abschnitt.gap-17 {
    grid-row-gap: 8.5rem;
  }
  .content.abschnitt.gap-18 {
    grid-row-gap: 9rem;
  }
  .content.abschnitt.gap-19 {
    grid-row-gap: 9.5rem;
  }
  .content.abschnitt.gap-20 {
    grid-row-gap: 10rem;
  }
}
.content.abschnitt-zuletzt {
  padding-bottom: 8rem;
}
@media (max-width: 899px) {
  .content .mobile-order-0 {
    display: none;
  }
  .content .mobile-order-1 {
    grid-row-start: 1;
  }
  .content .mobile-order-2 {
    grid-row-start: 2;
  }
  .content .mobile-order-3 {
    grid-row-start: 3;
  }
  .content .mobile-order-4 {
    grid-row-start: 4;
  }
}
.content .spalte.bg {
  padding: 2rem;
}
.content .center {
  text-align: center;
}
.content .right {
  text-align: right;
}
.content .bg-grau {
  background-color: #e6e6e6;
  padding: 2rem;
}
.content .bg-grau > .inhalt > .md > *:last-child {
  margin-bottom: 0;
}
.content[class*=-bg-] {
  padding: 2rem;
}
.content .align-start {
  align-self: start;
}
.content .border-left {
  border-left: 1px solid #ddd;
  padding-left: 2rem;
}
@media (max-width: 899px) {
  .content .border-left {
    border-left: none;
    padding-left: 0;
  }
}
.content .border-right {
  border-right: 1px solid #ddd;
  padding-right: 2rem;
}
@media (max-width: 899px) {
  .content .border-right {
    border-right: none;
    padding-right: 0;
  }
}
.content .border-top {
  border-top: 1px solid #ddd;
  padding-top: 2rem;
}
.content .border-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2rem;
}
.content .text-center {
  text-align: center;
}
.content .text-right  {
  text-align: right;
}
.content .expand-img {
  padding: 0;
}
.content .expand-img .md .kacheln {
  margin: 0;
}
.content .expand-img .md > *:not(.kacheln) {
  padding-left: 2rem;
  padding-right: 2rem;
}
.content .expand-img .md > *:not(.kacheln):first-child {
  padding-top: 2rem;
}
.content .expand-img .md > *:not(.kacheln):last-child {
  padding-bottom: 2rem;
}
.content .edgeless {
  margin-left: -4rem;
  margin-right: -4rem;
}
@media (max-width: 899px) {
  .content .edgeless {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

.abschnitt.pad-0,
.inhalt.pad-0 {
  padding-bottom: 0rem;
}
.abschnitt.pad-1,
.inhalt.pad-1 {
  padding-bottom: 0.5rem;
}
.abschnitt.pad-2,
.inhalt.pad-2 {
  padding-bottom: 1rem;
}
.abschnitt.pad-3,
.inhalt.pad-3 {
  padding-bottom: 1.5rem;
}
.abschnitt.pad-4,
.inhalt.pad-4 {
  padding-bottom: 2rem;
}
.abschnitt.pad-5,
.inhalt.pad-5 {
  padding-bottom: 2.5rem;
}
.abschnitt.pad-6,
.inhalt.pad-6 {
  padding-bottom: 3rem;
}
.abschnitt.pad-7,
.inhalt.pad-7 {
  padding-bottom: 3.5rem;
}
.abschnitt.pad-8,
.inhalt.pad-8 {
  padding-bottom: 4rem;
}
.abschnitt.pad-9,
.inhalt.pad-9 {
  padding-bottom: 4.5rem;
}
.abschnitt.pad-10,
.inhalt.pad-10 {
  padding-bottom: 5rem;
}
.abschnitt.pad-11,
.inhalt.pad-11 {
  padding-bottom: 5.5rem;
}
.abschnitt.pad-12,
.inhalt.pad-12 {
  padding-bottom: 6rem;
}
.abschnitt.pad-13,
.inhalt.pad-13 {
  padding-bottom: 6.5rem;
}
.abschnitt.pad-14,
.inhalt.pad-14 {
  padding-bottom: 7rem;
}
.abschnitt.pad-15,
.inhalt.pad-15 {
  padding-bottom: 7.5rem;
}
.abschnitt.pad-16,
.inhalt.pad-16 {
  padding-bottom: 8rem;
}
.abschnitt.pad-17,
.inhalt.pad-17 {
  padding-bottom: 8.5rem;
}
.abschnitt.pad-18,
.inhalt.pad-18 {
  padding-bottom: 9rem;
}
.abschnitt.pad-19,
.inhalt.pad-19 {
  padding-bottom: 9.5rem;
}
.abschnitt.pad-20,
.inhalt.pad-20 {
  padding-bottom: 10rem;
}

.welcome {
  padding: 4rem 0;
}

.blog {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "main side" "abo abo";
}
@media (max-width: 899px) {
  .blog {
    grid-template-columns: 100%;
    grid-template-areas: "main" "side" "abo";
  }
}
.blog .main {
  grid-area: main;
  padding: 4rem 4rem 4rem 0;
}
@media (max-width: 899px) {
  .blog .main {
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    padding-right: 0;
    border-bottom: 1px solid #888888;
  }
}
.blog .side {
  grid-area: side;
  border-left: 1px solid #888888;
}
@media (max-width: 899px) {
  .blog .side {
    border-left: none;
  }
}
.blog .side > h3 {
  padding-left: 2rem;
  padding-top: 2rem;
}
@media (max-width: 899px) {
  .blog .side > h3 {
    padding-left: 0;
  }
}
.blog .side .mitteilungen {
  border-bottom: 1px solid #888888;
  margin-bottom: 4rem;
  padding: 2rem;
}
@media (max-width: 899px) {
  .blog .side .mitteilungen {
    border-bottom: none;
  }
}
.blog .side .mitteilungen .mitteilung {
  margin-bottom: 2rem;
}
.blog .side .mitteilungen .mitteilung:last-child {
  margin-bottom: 0;
}
.blog .side .mitteilungen h4 {
  font-size: 1.4rem;
  margin-bottom: 0;
}
.blog .side .mitteilungen .info {
  font-size: 1.4rem;
  line-height: 1.7;
  margin: 0.5rem 0;
}
.blog .side .mitteilungen .info .stao-label {
  margin-right: 0.5rem;
}
.blog .side .mitteilungen .text {
  font-size: 1.4rem;
}
.blog .side .sub {
  padding-bottom: 2rem;
  border-bottom: 1px solid #888888;
}
.blog .side .beitrag {
  padding: 2rem;
}
@media (max-width: 899px) {
  .blog .side .beitrag {
    padding-left: 0;
  }
}
.blog .side .beitrag h2, .blog .side .beitrag h3 {
  margin-top: 0;
}
.blog .side .beitrag h2 a,
.blog .side .beitrag h3 a,
.blog .side .beitrag h4 a {
  color: #000;
}
.blog .side .beitrag .info {
  font-size: 1.4rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}
.blog .side .beitrag .info .stao-label {
  margin-right: 0.5rem;
}
@media (max-width: 899px) {
  .blog .side .beitrag.active {
    padding: 2rem;
    margin: 0 -2rem;
  }
}
.blog .ganzer-beitrag .info {
  font-size: 1.4rem;
  margin-bottom: 2rem;
  line-height: 1.7;
}
.blog .ganzer-beitrag .info span {
  margin-right: 1rem;
}
.blog .ganzer-beitrag .lead {
  font-size: 2rem;
  line-height: 1.7;
  margin-bottom: 4rem;
}
.blog .abo {
  grid-area: abo;
  margin: 0 -4rem;
  padding: 3rem;
  text-align: center;
  line-height: 1.7;
}

.personen {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4rem;
}
@media (max-width: 899px) {
  .personen {
    grid-template-columns: 100%;
  }
}
.personen.personen-1 {
  grid-template-columns: 1fr;
}
.personen .person .funktion {
  font-style: italic;
}

.bilder .spalten {
  display: grid;
  grid-template-columns: 100%;
  gap: 4rem;
}
.bilder .spalten.spalten2 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 899px) {
  .bilder .spalten.spalten2 {
    grid-template-columns: 100%;
  }
}
.bilder .spalten.spalten3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 899px) {
  .bilder .spalten.spalten3 {
    grid-template-columns: 100%;
  }
}
.bilder .spalten img {
  width: 100%;
  vertical-align: middle;
}
.bilder .slideshow {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.bilder .slideshow .slides {
  position: relative;
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.bilder .slideshow .slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  scroll-snap-align: center;
  margin-right: 0px;
  box-sizing: border-box;
  transform-origin: center center;
  transform: scale(1);
}
.bilder .slideshow .img {
  display: block;
  flex-grow: 1;
  margin-bottom: 2rem;
}
.bilder .slideshow .img img {
  width: 100%;
  vertical-align: middle;
}
.bilder .slideshow .nav {
  text-align: center;
}
.bilder .slideshow .nav span {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  box-shadow: 0px 0px 4px transparent;
  margin: 0 1rem;
}
.bilder .slideshow .nav span.active {
  background-color: #aaaaaa;
}
@media (max-width: 899px) {
  .bilder .slideshow .nav span {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 0.6rem;
  }
}
.bilder .slideshow .nav-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
}
.bilder .slideshow .nav-bg a {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  box-shadow: 0px 0px 4px #aaaaaa;
  margin: 0 1rem;
}
@media (max-width: 899px) {
  .bilder .slideshow .nav-bg a {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 0.6rem;
  }
}

.schaukasten {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-gap: 4rem;
}
.schaukasten .element {
  display: grid;
  background-color: #e6e6e6;
  padding: 2rem;
}
.schaukasten .element.link:hover, .schaukasten .element.modal-new:hover {
  box-shadow: 0px 0px 8px #999;
  cursor: pointer;
}
.schaukasten .element .kacheln {
  margin: -2rem -2rem -1rem -2rem;
}
.schaukasten .element .mehr-erfahren {
  align-self: end;
  font-size: 1.4rem;
  text-align: right;
  margin-top: 2rem;
}

.slideshow .slider {
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.slideshow .slides {
  position: relative;
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.slideshow .slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  scroll-snap-align: center;
  margin-right: 0px;
  box-sizing: border-box;
  transform-origin: center center;
  transform: scale(1);
}
.slideshow .img {
  display: block;
  flex-grow: 1;
  margin-bottom: 2rem;
}
.slideshow .img img {
  width: 100%;
  vertical-align: middle;
}
.slideshow .nav {
  text-align: center;
}
.slideshow .nav span {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  box-shadow: 0px 0px 4px transparent;
  margin: 0 1rem;
}
.slideshow .nav span.active {
  background-color: #aaaaaa;
}
@media (max-width: 899px) {
  .slideshow .nav span {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 0.6rem;
  }
}
.slideshow .nav-bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
}
.slideshow .nav-bg a {
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  box-shadow: 0px 0px 4px #aaaaaa;
  margin: 0 1rem;
}
@media (max-width: 899px) {
  .slideshow .nav-bg a {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 0.6rem;
  }
}

.glossar {
  column-count: 2;
  column-gap: 8rem;
}
@media (max-width: 899px) {
  .glossar {
    column-count: 1;
  }
}
.glossar h2 {
  break-after: avoid;
}
.glossar dl {
  break-inside: avoid-column;
}
.glossar dl dt {
  font-weight: 700;
  line-height: 1.7;
}
.glossar dl dt .fa-external-link {
  display: inline-block;
  margin-left: 0.5rem;
  padding-bottom: 0.3rem;
  font-size: 1.2rem;
  color: #888888;
}
.glossar dl dd {
  margin-left: 4rem;
  margin-bottom: 4rem;
}

.slideshow_DEP ul {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.slideshow_DEP ul li {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.slideshow_DEP ul li img {
  width: 100%;
}
.slideshow_DEP ul li.active {
  z-index: 3;
}

.kalender-kategorien {
  margin-bottom: 3rem;
}
.kalender-kategorien span {
  display: inline-block;
  padding: 0 1rem;
  margin-right: 1rem;
  color: #fff;
  line-height: 1.7;
  font-weight: 700;
  cursor: pointer;
}
.kalender-kategorien span.inactive {
  background-color: #cccccc !important;
}

.formular form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
}
@media (max-width: 899px) {
  .formular form {
    grid-template-columns: 100%;
  }
}
.formular form .einspaltig-1 {
  grid-column: span 2;
}
@media (max-width: 899px) {
  .formular form .einspaltig-1 {
    grid-column: span 1;
  }
}
.formular form .md {
  margin: 2rem 0 1.5rem;
}

.ost-offene-stellen .stellen {
  display: grid;
  grid-template-columns: repeat(auto-fit, 30rem);
  grid-gap: 4rem;
}
@media (max-width: 899px) {
  .ost-offene-stellen .stellen {
    grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  }
}
.ost-offene-stellen .stelle {
  padding: 2rem;
  background-color: #e6e6e6;
  background-position: right top;
  background-size: 6rem;
  background-repeat: no-repeat;
}
.ost-offene-stellen .stelle.zyklus-1 {
  background-image: url("../apps/ost/zyklus-1.png");
}
.ost-offene-stellen .stelle.zyklus-2 {
  background-image: url("../apps/ost/zyklus-2.png");
}
.ost-offene-stellen .stelle.zyklus-3 {
  background-image: url("../apps/ost/zyklus-3.png");
}
.ost-offene-stellen .stelle .titel {
  padding-right: 4rem;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
.ost-offene-stellen .stelle .titel .pensum {
  display: block;
  font-weight: 400;
}
.ost-offene-stellen .stelle .art-dauer {
  margin-bottom: 1rem;
  line-height: 1.5;
}
.ost-offene-stellen .stelle .bereich {
  margin-bottom: 2rem;
  line-height: 1.5;
}
.ost-offene-stellen .stelle .stao {
  margin-bottom: 1rem;
  line-height: 1.7;
}
.ost-offene-stellen .stelle .links {
  line-height: 1.5;
}

#audioplayer {
  display: none;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  width: 40rem;
  margin-left: -20rem;
}
@media (max-width: 899px) {
  #audioplayer {
    width: 90%;
    margin-left: -45%;
  }
}
#audioplayer .container {
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
}
#audioplayer audio {
  width: 100%;
}
#audioplayer .close {
  text-align: right;
  font-size: 1.8rem;
  color: #666;
  cursor: pointer;
}

#editor-toggler {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  width: 4rem;
  height: 4rem;
  background-color: #222222;
  color: #eeeeee;
  border-radius: 50%;
  line-height: 4rem;
  text-align: center;
  cursor: pointer;
}
#editor-toggler.active {
  background-color: #FF0033;
}

object {
  vertical-align: middle;
}
object.pdf-a4-landscape {
  width: 100%;
  aspect-ratio: 29/21;
}

.error {
  padding: 4rem;
}

body.editor .spalte:hover {
  border: 2px dashed #FF0033;
  margin: -2px;
  cursor: pointer;
}

.succ10-bg {
  background-color: #003317;
}

.warn10-bg {
  background-color: #332800;
}

.dngr10-bg {
  background-color: #331500;
}

.erro10-bg {
  background-color: #33000A;
}

.succ15-bg {
  background-color: #004D22;
}

.warn15-bg {
  background-color: #4D3C00;
}

.dngr15-bg {
  background-color: #4D2000;
}

.erro15-bg {
  background-color: #4D000F;
}

.succ20-bg {
  background-color: #00662E;
}

.warn20-bg {
  background-color: #665000;
}

.dngr20-bg {
  background-color: #662B00;
}

.erro20-bg {
  background-color: #660014;
}

.succ25-bg {
  background-color: #008039;
}

.warn25-bg {
  background-color: #806400;
}

.dngr25-bg {
  background-color: #803500;
}

.erro25-bg {
  background-color: #80001A;
}

.succ30-bg {
  background-color: #009945;
}

.warn30-bg {
  background-color: #997800;
}

.dngr30-bg {
  background-color: #994000;
}

.erro30-bg {
  background-color: #99001F;
}

.succ35-bg {
  background-color: #00B350;
}

.warn35-bg {
  background-color: #B38C00;
}

.dngr35-bg {
  background-color: #B34A00;
}

.erro35-bg {
  background-color: #B30024;
}

.succ40-bg {
  background-color: #00CC5C;
}

.warn40-bg {
  background-color: #CCA000;
}

.dngr40-bg {
  background-color: #CC5500;
}

.erro40-bg {
  background-color: #CC0029;
}

.succ45-bg {
  background-color: #00E667;
}

.warn45-bg {
  background-color: #E6B400;
}

.dngr45-bg {
  background-color: #E66000;
}

.erro45-bg {
  background-color: #E6002E;
}

.succ50-bg {
  background-color: #00FF6E;
}

.warn50-bg {
  background-color: #FFC800;
}

.dngr50-bg {
  background-color: #FF6A00;
}

.erro50-bg {
  background-color: #FF0033;
}

.succ55-bg {
  background-color: #1AFF7D;
}

.warn55-bg {
  background-color: #FFCD1A;
}

.dngr55-bg {
  background-color: #FF791A;
}

.erro55-bg {
  background-color: #FF1A47;
}

.succ60-bg {
  background-color: #33FF8B;
}

.warn60-bg {
  background-color: #FFD333;
}

.dngr60-bg {
  background-color: #FF8833;
}

.erro60-bg {
  background-color: #FF335C;
}

.succ65-bg {
  background-color: #4CFF9A;
}

.warn65-bg {
  background-color: #FFD84C;
}

.dngr65-bg {
  background-color: #FF974C;
}

.erro65-bg {
  background-color: #FF4C70;
}

.succ70-bg {
  background-color: #66FFA8;
}

.warn70-bg {
  background-color: #FFDE66;
}

.dngr70-bg {
  background-color: #FFA666;
}

.erro70-bg {
  background-color: #FF6685;
}

.succ75-bg {
  background-color: #80FFB7;
}

.warn75-bg {
  background-color: #FFE380;
}

.dngr75-bg {
  background-color: #FFB580;
}

.erro75-bg {
  background-color: #FF8099;
}

.succ80-bg {
  background-color: #99FFC5;
}

.warn80-bg {
  background-color: #FFE999;
}

.dngr80-bg {
  background-color: #FFC499;
}

.erro80-bg {
  background-color: #FF99AD;
}

.succ85-bg {
  background-color: #B3FFD4;
}

.warn85-bg {
  background-color: #FFEEB3;
}

.dngr85-bg {
  background-color: #FFD2B3;
}

.erro85-bg {
  background-color: #FFB3C2;
}

.succ90-bg {
  background-color: #CCFFE2;
}

.warn90-bg {
  background-color: #FFF4CC;
}

.dngr90-bg {
  background-color: #FFE1CC;
}

.erro90-bg {
  background-color: #FFCCD6;
}

.grnd10-bg {
  background-color: #000000;
}

.grnd15-bg {
  background-color: #111111;
}

.grnd20-bg {
  background-color: #222222;
}

.grnd25-bg {
  background-color: #333333;
}

.grnd30-bg {
  background-color: #444444;
}

.grnd35-bg {
  background-color: #555555;
}

.grnd40-bg {
  background-color: #666666;
}

.grnd45-bg {
  background-color: #777777;
}

.grnd50-bg {
  background-color: #888888;
}

.grnd55-bg {
  background-color: #999999;
}

.grnd60-bg {
  background-color: #aaaaaa;
}

.grnd65-bg {
  background-color: #bbbbbb;
}

.grnd70-bg {
  background-color: #cccccc;
}

.grnd75-bg {
  background-color: #dddddd;
}

.grnd80-bg {
  background-color: #eeeeee;
}

.grnd85-bg {
  background-color: #efefef;
}

.grnd90-bg {
  background-color: #ffffff;
}

.kreis1-80 {
  color: #dddddd;
}

.kreis2-80 {
  color: #dddddd;
}

.kreis3-80 {
  color: #dddddd;
}

.kreis4-80 {
  color: #ffdbe2;
}

.kreis5-80 {
  color: #D2CBC7;
}

.kreis6-80 {
  color: #ffdbe2;
}

.kreis7-80 {
  color: #dddddd;
}

.kreis1-50 {
  color: #888888;
}

.kreis2-50 {
  color: #888888;
}

.kreis3-50 {
  color: #888888;
}

.kreis4-50 {
  color: #d50029;
}

.kreis5-50 {
  color: #7B6B63;
}

.kreis6-50 {
  color: #d50029;
}

.kreis7-50 {
  color: #888888;
}

.kreis1-20 {
  color: #333333;
}

.kreis2-20 {
  color: #333333;
}

.kreis3-20 {
  color: #333333;
}

.kreis4-20 {
  color: #9a001f;
}

.kreis5-20 {
  color: #463D39;
}

.kreis6-20 {
  color: #9a001f;
}

.kreis7-20 {
  color: #333333;
}

.kreis1-a {
  color: #ffffff;
}

.kreis2-a {
  color: #ffffff;
}

.kreis3-a {
  color: #ffffff;
}

.kreis4-a {
  color: #ffffff;
}

.kreis5-a {
  color: #ffffff;
}

.kreis6-a {
  color: #ffffff;
}

.kreis7-a {
  color: #ffffff;
}

.kreis1-bg-80 {
  background-color: #dddddd;
}

.kreis2-bg-80 {
  background-color: #dddddd;
}

.kreis3-bg-80 {
  background-color: #dddddd;
}

.kreis4-bg-80 {
  background-color: #ffdbe2;
}

.kreis5-bg-80 {
  background-color: #D2CBC7;
}

.kreis6-bg-80 {
  background-color: #ffdbe2;
}

.kreis7-bg-80 {
  background-color: #dddddd;
}

.kreis1-bg-50 {
  background-color: #888888;
}

.kreis2-bg-50 {
  background-color: #888888;
}

.kreis3-bg-50 {
  background-color: #888888;
}

.kreis4-bg-50 {
  background-color: #d50029;
}

.kreis5-bg-50 {
  background-color: #7B6B63;
}

.kreis6-bg-50 {
  background-color: #d50029;
}

.kreis7-bg-50 {
  background-color: #888888;
}

.kreis1-bg-20 {
  background-color: #333333;
}

.kreis2-bg-20 {
  background-color: #333333;
}

.kreis3-bg-20 {
  background-color: #333333;
}

.kreis4-bg-20 {
  background-color: #9a001f;
}

.kreis5-bg-20 {
  background-color: #463D39;
}

.kreis6-bg-20 {
  background-color: #9a001f;
}

.kreis7-bg-20 {
  background-color: #333333;
}

.stao1-80 {
  color: #dddddd;
}

.stao2-80 {
  color: #dddddd;
}

.stao3-80 {
  color: #dddddd;
}

.stao4-80 {
  color: #dddddd;
}

.stao5-80 {
  color: #dddddd;
}

.stao6-80 {
  color: #dddddd;
}

.stao7-80 {
  color: #dddddd;
}

.stao8-80 {
  color: #dddddd;
}

.stao9-80 {
  color: #dddddd;
}

.stao10-80 {
  color: #dddddd;
}

.stao11-80 {
  color: #dddddd;
}

.stao12-80 {
  color: #dddddd;
}

.stao13-80 {
  color: #dddddd;
}

.stao14-80 {
  color: #dddddd;
}

.stao15-80 {
  color: #ffdbe2;
}

.stao16-80 {
  color: #ffe7cc;
}

.stao17-80 {
  color: #AFDCF3;
}

.stao18-80 {
  color: #dad6ff;
}

.stao19-80 {
  color: #ddf1da;
}

.stao20-80 {
  color: #D2CBC7;
}

.stao21-80 {
  color: #FFABB6;
}

.stao22-80 {
  color: #AEE6AA;
}

.stao23-80 {
  color: #FFEEA2;
}

.stao24-80 {
  color: #B3CDEF;
}

.stao25-80 {
  color: #ffdbe2;
}

.stao26-80 {
  color: #ffe7cc;
}

.stao27-80 {
  color: #AFDCF3;
}

.stao28-80 {
  color: #dad6ff;
}

.stao29-80 {
  color: #ddf1da;
}

.stao30-80 {
  color: #dddddd;
}

.stao31-80 {
  color: #dddddd;
}

.stao32-80 {
  color: #dddddd;
}

.stao1-50 {
  color: #888888;
}

.stao2-50 {
  color: #888888;
}

.stao3-50 {
  color: #888888;
}

.stao4-50 {
  color: #888888;
}

.stao5-50 {
  color: #888888;
}

.stao6-50 {
  color: #888888;
}

.stao7-50 {
  color: #888888;
}

.stao8-50 {
  color: #888888;
}

.stao9-50 {
  color: #888888;
}

.stao10-50 {
  color: #888888;
}

.stao11-50 {
  color: #888888;
}

.stao12-50 {
  color: #888888;
}

.stao13-50 {
  color: #888888;
}

.stao14-50 {
  color: #888888;
}

.stao15-50 {
  color: #d50029;
}

.stao16-50 {
  color: #ffaa44;
}

.stao17-50 {
  color: #249DDD;
}

.stao18-50 {
  color: #7766ff;
}

.stao19-50 {
  color: #55bb44;
}

.stao20-50 {
  color: #7B6B63;
}

.stao21-50 {
  color: #ff001e;
}

.stao22-50 {
  color: #37aa32;
}

.stao23-50 {
  color: #E7BC00;
}

.stao24-50 {
  color: #235aa5;
}

.stao25-50 {
  color: #d50029;
}

.stao26-50 {
  color: #ffaa44;
}

.stao27-50 {
  color: #249DDD;
}

.stao28-50 {
  color: #7766ff;
}

.stao29-50 {
  color: #55bb44;
}

.stao30-50 {
  color: #888888;
}

.stao31-50 {
  color: #888888;
}

.stao32-50 {
  color: #888888;
}

.stao1-20 {
  color: #333333;
}

.stao2-20 {
  color: #333333;
}

.stao3-20 {
  color: #333333;
}

.stao4-20 {
  color: #333333;
}

.stao5-20 {
  color: #333333;
}

.stao6-20 {
  color: #333333;
}

.stao7-20 {
  color: #333333;
}

.stao8-20 {
  color: #333333;
}

.stao9-20 {
  color: #333333;
}

.stao10-20 {
  color: #333333;
}

.stao11-20 {
  color: #333333;
}

.stao12-20 {
  color: #333333;
}

.stao13-20 {
  color: #333333;
}

.stao14-20 {
  color: #333333;
}

.stao15-20 {
  color: #9a001f;
}

.stao16-20 {
  color: #9a5200;
}

.stao17-20 {
  color: #156289;
}

.stao18-20 {
  color: #1000a3;
}

.stao19-20 {
  color: #347129;
}

.stao20-20 {
  color: #463D39;
}

.stao21-20 {
  color: #870012;
}

.stao22-20 {
  color: #21601C;
}

.stao23-20 {
  color: #655300;
}

.stao24-20 {
  color: #163A69;
}

.stao25-20 {
  color: #9a001f;
}

.stao26-20 {
  color: #9a5200;
}

.stao27-20 {
  color: #156289;
}

.stao28-20 {
  color: #1000a3;
}

.stao29-20 {
  color: #347129;
}

.stao30-20 {
  color: #333333;
}

.stao31-20 {
  color: #333333;
}

.stao32-20 {
  color: #333333;
}

.stao1-a {
  color: #ffffff;
}

.stao2-a {
  color: #ffffff;
}

.stao3-a {
  color: #ffffff;
}

.stao4-a {
  color: #ffffff;
}

.stao5-a {
  color: #ffffff;
}

.stao6-a {
  color: #ffffff;
}

.stao7-a {
  color: #ffffff;
}

.stao8-a {
  color: #ffffff;
}

.stao9-a {
  color: #ffffff;
}

.stao10-a {
  color: #ffffff;
}

.stao11-a {
  color: #ffffff;
}

.stao12-a {
  color: #ffffff;
}

.stao13-a {
  color: #ffffff;
}

.stao14-a {
  color: #ffffff;
}

.stao15-a {
  color: #ffffff;
}

.stao16-a {
  color: #ffffff;
}

.stao17-a {
  color: #ffffff;
}

.stao18-a {
  color: #ffffff;
}

.stao19-a {
  color: #ffffff;
}

.stao20-a {
  color: #ffffff;
}

.stao21-a {
  color: #ffffff;
}

.stao22-a {
  color: #ffffff;
}

.stao23-a {
  color: #ffffff;
}

.stao24-a {
  color: #ffffff;
}

.stao25-a {
  color: #ffffff;
}

.stao26-a {
  color: #ffffff;
}

.stao27-a {
  color: #ffffff;
}

.stao28-a {
  color: #ffffff;
}

.stao29-a {
  color: #ffffff;
}

.stao30-a {
  color: #ffffff;
}

.stao31-a {
  color: #ffffff;
}

.stao32-a {
  color: #ffffff;
}

.stao1-bg-20 {
  background-color: #333333;
}

.stao2-bg-20 {
  background-color: #333333;
}

.stao3-bg-20 {
  background-color: #333333;
}

.stao4-bg-20 {
  background-color: #333333;
}

.stao5-bg-20 {
  background-color: #333333;
}

.stao6-bg-20 {
  background-color: #333333;
}

.stao7-bg-20 {
  background-color: #333333;
}

.stao8-bg-20 {
  background-color: #333333;
}

.stao9-bg-20 {
  background-color: #333333;
}

.stao10-bg-20 {
  background-color: #333333;
}

.stao11-bg-20 {
  background-color: #333333;
}

.stao12-bg-20 {
  background-color: #333333;
}

.stao13-bg-20 {
  background-color: #333333;
}

.stao14-bg-20 {
  background-color: #333333;
}

.stao15-bg-20 {
  background-color: #9a001f;
}

.stao16-bg-20 {
  background-color: #9a5200;
}

.stao17-bg-20 {
  background-color: #156289;
}

.stao18-bg-20 {
  background-color: #1000a3;
}

.stao19-bg-20 {
  background-color: #347129;
}

.stao20-bg-20 {
  background-color: #463D39;
}

.stao21-bg-20 {
  background-color: #870012;
}

.stao22-bg-20 {
  background-color: #21601C;
}

.stao23-bg-20 {
  background-color: #655300;
}

.stao24-bg-20 {
  background-color: #163A69;
}

.stao25-bg-20 {
  background-color: #9a001f;
}

.stao26-bg-20 {
  background-color: #9a5200;
}

.stao27-bg-20 {
  background-color: #156289;
}

.stao28-bg-20 {
  background-color: #1000a3;
}

.stao29-bg-20 {
  background-color: #347129;
}

.stao30-bg-20 {
  background-color: #333333;
}

.stao31-bg-20 {
  background-color: #333333;
}

.stao32-bg-20 {
  background-color: #333333;
}

.stao1-bg-50 {
  background-color: #888888;
}

.stao2-bg-50 {
  background-color: #888888;
}

.stao3-bg-50 {
  background-color: #888888;
}

.stao4-bg-50 {
  background-color: #888888;
}

.stao5-bg-50 {
  background-color: #888888;
}

.stao6-bg-50 {
  background-color: #888888;
}

.stao7-bg-50 {
  background-color: #888888;
}

.stao8-bg-50 {
  background-color: #888888;
}

.stao9-bg-50 {
  background-color: #888888;
}

.stao10-bg-50 {
  background-color: #888888;
}

.stao11-bg-50 {
  background-color: #888888;
}

.stao12-bg-50 {
  background-color: #888888;
}

.stao13-bg-50 {
  background-color: #888888;
}

.stao14-bg-50 {
  background-color: #888888;
}

.stao15-bg-50 {
  background-color: #d50029;
}

.stao16-bg-50 {
  background-color: #ffaa44;
}

.stao17-bg-50 {
  background-color: #249DDD;
}

.stao18-bg-50 {
  background-color: #7766ff;
}

.stao19-bg-50 {
  background-color: #55bb44;
}

.stao20-bg-50 {
  background-color: #7B6B63;
}

.stao21-bg-50 {
  background-color: #ff001e;
}

.stao22-bg-50 {
  background-color: #37aa32;
}

.stao23-bg-50 {
  background-color: #E7BC00;
}

.stao24-bg-50 {
  background-color: #235aa5;
}

.stao25-bg-50 {
  background-color: #d50029;
}

.stao26-bg-50 {
  background-color: #ffaa44;
}

.stao27-bg-50 {
  background-color: #249DDD;
}

.stao28-bg-50 {
  background-color: #7766ff;
}

.stao29-bg-50 {
  background-color: #55bb44;
}

.stao30-bg-50 {
  background-color: #888888;
}

.stao31-bg-50 {
  background-color: #888888;
}

.stao32-bg-50 {
  background-color: #888888;
}

.stao1-bg-80 {
  background-color: #dddddd;
}

.stao2-bg-80 {
  background-color: #dddddd;
}

.stao3-bg-80 {
  background-color: #dddddd;
}

.stao4-bg-80 {
  background-color: #dddddd;
}

.stao5-bg-80 {
  background-color: #dddddd;
}

.stao6-bg-80 {
  background-color: #dddddd;
}

.stao7-bg-80 {
  background-color: #dddddd;
}

.stao8-bg-80 {
  background-color: #dddddd;
}

.stao9-bg-80 {
  background-color: #dddddd;
}

.stao10-bg-80 {
  background-color: #dddddd;
}

.stao11-bg-80 {
  background-color: #dddddd;
}

.stao12-bg-80 {
  background-color: #dddddd;
}

.stao13-bg-80 {
  background-color: #dddddd;
}

.stao14-bg-80 {
  background-color: #dddddd;
}

.stao15-bg-80 {
  background-color: #ffdbe2;
}

.stao16-bg-80 {
  background-color: #ffe7cc;
}

.stao17-bg-80 {
  background-color: #AFDCF3;
}

.stao18-bg-80 {
  background-color: #dad6ff;
}

.stao19-bg-80 {
  background-color: #ddf1da;
}

.stao20-bg-80 {
  background-color: #D2CBC7;
}

.stao21-bg-80 {
  background-color: #FFABB6;
}

.stao22-bg-80 {
  background-color: #AEE6AA;
}

.stao23-bg-80 {
  background-color: #FFEEA2;
}

.stao24-bg-80 {
  background-color: #B3CDEF;
}

.stao25-bg-80 {
  background-color: #ffdbe2;
}

.stao26-bg-80 {
  background-color: #ffe7cc;
}

.stao27-bg-80 {
  background-color: #AFDCF3;
}

.stao28-bg-80 {
  background-color: #dad6ff;
}

.stao29-bg-80 {
  background-color: #ddf1da;
}

.stao30-bg-80 {
  background-color: #dddddd;
}

.stao31-bg-80 {
  background-color: #dddddd;
}

.stao32-bg-80 {
  background-color: #dddddd;
}

.pal1-15 {
  color: #001C4D;
}

.pal2-15 {
  color: #25004D;
}

.pal3-15 {
  color: #4D0033;
}

.pal4-15 {
  color: #4D000F;
}

.pal5-15 {
  color: #4D2000;
}

.pal6-15 {
  color: #4D3C00;
}

.pal7-15 {
  color: #004D22;
}

.pal8-15 {
  color: #004D46;
}

.pal9-15 {
  color: #00384D;
}

.pal0-15 {
  color: #111111;
}

.pal1-20 {
  color: #002566;
}

.pal2-20 {
  color: #310066;
}

.pal3-20 {
  color: #660044;
}

.pal4-20 {
  color: #660014;
}

.pal5-20 {
  color: #662B00;
}

.pal6-20 {
  color: #665000;
}

.pal7-20 {
  color: #00662E;
}

.pal8-20 {
  color: #00665D;
}

.pal9-20 {
  color: #004B66;
}

.pal0-20 {
  color: #222222;
}

.pal1-25 {
  color: #002F80;
}

.pal2-25 {
  color: #3E0080;
}

.pal3-25 {
  color: #800055;
}

.pal4-25 {
  color: #80001A;
}

.pal5-25 {
  color: #803500;
}

.pal6-25 {
  color: #806400;
}

.pal7-25 {
  color: #008039;
}

.pal8-25 {
  color: #008075;
}

.pal9-25 {
  color: #005E80;
}

.pal0-25 {
  color: #333333;
}

.pal1-30 {
  color: #003899;
}

.pal2-30 {
  color: #4A0099;
}

.pal3-30 {
  color: #990066;
}

.pal4-30 {
  color: #99001F;
}

.pal5-30 {
  color: #994000;
}

.pal6-30 {
  color: #997800;
}

.pal7-30 {
  color: #009945;
}

.pal8-30 {
  color: #00998C;
}

.pal9-30 {
  color: #007099;
}

.pal0-30 {
  color: #444444;
}

.pal1-35 {
  color: #0041B3;
}

.pal2-35 {
  color: #5600B3;
}

.pal3-35 {
  color: #B30077;
}

.pal4-35 {
  color: #B30024;
}

.pal5-35 {
  color: #B34A00;
}

.pal6-35 {
  color: #B38C00;
}

.pal7-35 {
  color: #00B350;
}

.pal8-35 {
  color: #00B3A4;
}

.pal9-35 {
  color: #0083B3;
}

.pal0-35 {
  color: #555555;
}

.pal1-40 {
  color: #004BCC;
}

.pal2-40 {
  color: #6300CC;
}

.pal3-40 {
  color: #CC0088;
}

.pal4-40 {
  color: #CC0029;
}

.pal5-40 {
  color: #CC5500;
}

.pal6-40 {
  color: #CCA000;
}

.pal7-40 {
  color: #00CC5C;
}

.pal8-40 {
  color: #00CCBB;
}

.pal9-40 {
  color: #0096CC;
}

.pal0-40 {
  color: #666666;
}

.pal1-45 {
  color: #0054E6;
}

.pal2-45 {
  color: #6F00E6;
}

.pal3-45 {
  color: #E60099;
}

.pal4-45 {
  color: #E6002E;
}

.pal5-45 {
  color: #E66000;
}

.pal6-45 {
  color: #E6B400;
}

.pal7-45 {
  color: #00E667;
}

.pal8-45 {
  color: #00E6D2;
}

.pal9-45 {
  color: #00A8E6;
}

.pal0-45 {
  color: #777777;
}

.pal1-50 {
  color: #005EFF;
}

.pal2-50 {
  color: #7B00FF;
}

.pal3-50 {
  color: #FF00AA;
}

.pal4-50 {
  color: #FF0033;
}

.pal5-50 {
  color: #FF6A00;
}

.pal6-50 {
  color: #FFC800;
}

.pal7-50 {
  color: #00FF6E;
}

.pal8-50 {
  color: #00FFEA;
}

.pal9-50 {
  color: #00BBFF;
}

.pal0-50 {
  color: #888888;
}

.pal1-55 {
  color: #1A6EFF;
}

.pal2-55 {
  color: #881AFF;
}

.pal3-55 {
  color: #FF1AB2;
}

.pal4-55 {
  color: #FF1A47;
}

.pal5-55 {
  color: #FF791A;
}

.pal6-55 {
  color: #FFCD1A;
}

.pal7-55 {
  color: #1AFF7D;
}

.pal8-55 {
  color: #1AFFEC;
}

.pal9-55 {
  color: #1AC2FF;
}

.pal0-55 {
  color: #999999;
}

.pal1-60 {
  color: #337EFF;
}

.pal2-60 {
  color: #9633FF;
}

.pal3-60 {
  color: #FF33BB;
}

.pal4-60 {
  color: #FF335C;
}

.pal5-60 {
  color: #FF8833;
}

.pal6-60 {
  color: #FFD333;
}

.pal7-60 {
  color: #33FF8B;
}

.pal8-60 {
  color: #33FFEE;
}

.pal9-60 {
  color: #33C9FF;
}

.pal0-60 {
  color: #aaaaaa;
}

.pal1-65 {
  color: #4C8EFF;
}

.pal2-65 {
  color: #A34CFF;
}

.pal3-65 {
  color: #FF4CC4;
}

.pal4-65 {
  color: #FF4C70;
}

.pal5-65 {
  color: #FF974C;
}

.pal6-65 {
  color: #FFD84C;
}

.pal7-65 {
  color: #4CFF9A;
}

.pal8-65 {
  color: #4CFFF0;
}

.pal9-65 {
  color: #4CCFFF;
}

.pal0-65 {
  color: #bbbbbb;
}

.pal1-70 {
  color: #669EFF;
}

.pal2-70 {
  color: #B066FF;
}

.pal3-70 {
  color: #FF66CC;
}

.pal4-70 {
  color: #FF6685;
}

.pal5-70 {
  color: #FFA666;
}

.pal6-70 {
  color: #FFDE66;
}

.pal7-70 {
  color: #66FFA8;
}

.pal8-70 {
  color: #66FFF2;
}

.pal9-70 {
  color: #66D6FF;
}

.pal0-70 {
  color: #cccccc;
}

.pal1-75 {
  color: #80AEFF;
}

.pal2-75 {
  color: #BD80FF;
}

.pal3-75 {
  color: #FF80D5;
}

.pal4-75 {
  color: #FF8099;
}

.pal5-75 {
  color: #FFB580;
}

.pal6-75 {
  color: #FFE380;
}

.pal7-75 {
  color: #80FFB7;
}

.pal8-75 {
  color: #80FFF4;
}

.pal9-75 {
  color: #80DDFF;
}

.pal0-75 {
  color: #dddddd;
}

.pal1-80 {
  color: #99BEFF;
}

.pal2-80 {
  color: #CA99FF;
}

.pal3-80 {
  color: #FF99DD;
}

.pal4-80 {
  color: #FF99AD;
}

.pal5-80 {
  color: #FFC499;
}

.pal6-80 {
  color: #FFE999;
}

.pal7-80 {
  color: #99FFC5;
}

.pal8-80 {
  color: #99FFF6;
}

.pal9-80 {
  color: #99E4FF;
}

.pal0-80 {
  color: #eeeeee;
}

.pal1-85 {
  color: #B3CFFF;
}

.pal2-85 {
  color: #D7B3FF;
}

.pal3-85 {
  color: #FFB3E6;
}

.pal4-85 {
  color: #FFB3C2;
}

.pal5-85 {
  color: #FFD2B3;
}

.pal6-85 {
  color: #FFEEB3;
}

.pal7-85 {
  color: #B3FFD4;
}

.pal8-85 {
  color: #B3FFF9;
}

.pal9-85 {
  color: #B3EBFF;
}

.pal0-85 {
  color: #efefef;
}

.pal1-90 {
  color: #CCDFFF;
}

.pal2-90 {
  color: #E5CCFF;
}

.pal3-90 {
  color: #FFCCEE;
}

.pal4-90 {
  color: #FFCCD6;
}

.pal5-90 {
  color: #FFE1CC;
}

.pal6-90 {
  color: #FFF4CC;
}

.pal7-90 {
  color: #CCFFE2;
}

.pal8-90 {
  color: #CCFFFB;
}

.pal9-90 {
  color: #CCF1FF;
}

.pal0-90 {
  color: #ffffff;
}

.pal1-bg-15 {
  background-color: #001C4D;
}

.pal2-bg-15 {
  background-color: #25004D;
}

.pal3-bg-15 {
  background-color: #4D0033;
}

.pal4-bg-15 {
  background-color: #4D000F;
}

.pal5-bg-15 {
  background-color: #4D2000;
}

.pal6-bg-15 {
  background-color: #4D3C00;
}

.pal7-bg-15 {
  background-color: #004D22;
}

.pal8-bg-15 {
  background-color: #004D46;
}

.pal9-bg-15 {
  background-color: #00384D;
}

.pal0-bg-15 {
  background-color: #111111;
}

.pal1-bg-20 {
  background-color: #002566;
}

.pal2-bg-20 {
  background-color: #310066;
}

.pal3-bg-20 {
  background-color: #660044;
}

.pal4-bg-20 {
  background-color: #660014;
}

.pal5-bg-20 {
  background-color: #662B00;
}

.pal6-bg-20 {
  background-color: #665000;
}

.pal7-bg-20 {
  background-color: #00662E;
}

.pal8-bg-20 {
  background-color: #00665D;
}

.pal9-bg-20 {
  background-color: #004B66;
}

.pal0-bg-20 {
  background-color: #222222;
}

.pal1-bg-25 {
  background-color: #002F80;
}

.pal2-bg-25 {
  background-color: #3E0080;
}

.pal3-bg-25 {
  background-color: #800055;
}

.pal4-bg-25 {
  background-color: #80001A;
}

.pal5-bg-25 {
  background-color: #803500;
}

.pal6-bg-25 {
  background-color: #806400;
}

.pal7-bg-25 {
  background-color: #008039;
}

.pal8-bg-25 {
  background-color: #008075;
}

.pal9-bg-25 {
  background-color: #005E80;
}

.pal0-bg-25 {
  background-color: #333333;
}

.pal1-bg-30 {
  background-color: #003899;
}

.pal2-bg-30 {
  background-color: #4A0099;
}

.pal3-bg-30 {
  background-color: #990066;
}

.pal4-bg-30 {
  background-color: #99001F;
}

.pal5-bg-30 {
  background-color: #994000;
}

.pal6-bg-30 {
  background-color: #997800;
}

.pal7-bg-30 {
  background-color: #009945;
}

.pal8-bg-30 {
  background-color: #00998C;
}

.pal9-bg-30 {
  background-color: #007099;
}

.pal0-bg-30 {
  background-color: #444444;
}

.pal1-bg-35 {
  background-color: #0041B3;
}

.pal2-bg-35 {
  background-color: #5600B3;
}

.pal3-bg-35 {
  background-color: #B30077;
}

.pal4-bg-35 {
  background-color: #B30024;
}

.pal5-bg-35 {
  background-color: #B34A00;
}

.pal6-bg-35 {
  background-color: #B38C00;
}

.pal7-bg-35 {
  background-color: #00B350;
}

.pal8-bg-35 {
  background-color: #00B3A4;
}

.pal9-bg-35 {
  background-color: #0083B3;
}

.pal0-bg-35 {
  background-color: #555555;
}

.pal1-bg-40 {
  background-color: #004BCC;
}

.pal2-bg-40 {
  background-color: #6300CC;
}

.pal3-bg-40 {
  background-color: #CC0088;
}

.pal4-bg-40 {
  background-color: #CC0029;
}

.pal5-bg-40 {
  background-color: #CC5500;
}

.pal6-bg-40 {
  background-color: #CCA000;
}

.pal7-bg-40 {
  background-color: #00CC5C;
}

.pal8-bg-40 {
  background-color: #00CCBB;
}

.pal9-bg-40 {
  background-color: #0096CC;
}

.pal0-bg-40 {
  background-color: #666666;
}

.pal1-bg-45 {
  background-color: #0054E6;
}

.pal2-bg-45 {
  background-color: #6F00E6;
}

.pal3-bg-45 {
  background-color: #E60099;
}

.pal4-bg-45 {
  background-color: #E6002E;
}

.pal5-bg-45 {
  background-color: #E66000;
}

.pal6-bg-45 {
  background-color: #E6B400;
}

.pal7-bg-45 {
  background-color: #00E667;
}

.pal8-bg-45 {
  background-color: #00E6D2;
}

.pal9-bg-45 {
  background-color: #00A8E6;
}

.pal0-bg-45 {
  background-color: #777777;
}

.pal1-bg-50 {
  background-color: #005EFF;
}

.pal2-bg-50 {
  background-color: #7B00FF;
}

.pal3-bg-50 {
  background-color: #FF00AA;
}

.pal4-bg-50 {
  background-color: #FF0033;
}

.pal5-bg-50 {
  background-color: #FF6A00;
}

.pal6-bg-50 {
  background-color: #FFC800;
}

.pal7-bg-50 {
  background-color: #00FF6E;
}

.pal8-bg-50 {
  background-color: #00FFEA;
}

.pal9-bg-50 {
  background-color: #00BBFF;
}

.pal0-bg-50 {
  background-color: #888888;
}

.pal1-bg-55 {
  background-color: #1A6EFF;
}

.pal2-bg-55 {
  background-color: #881AFF;
}

.pal3-bg-55 {
  background-color: #FF1AB2;
}

.pal4-bg-55 {
  background-color: #FF1A47;
}

.pal5-bg-55 {
  background-color: #FF791A;
}

.pal6-bg-55 {
  background-color: #FFCD1A;
}

.pal7-bg-55 {
  background-color: #1AFF7D;
}

.pal8-bg-55 {
  background-color: #1AFFEC;
}

.pal9-bg-55 {
  background-color: #1AC2FF;
}

.pal0-bg-55 {
  background-color: #999999;
}

.pal1-bg-60 {
  background-color: #337EFF;
}

.pal2-bg-60 {
  background-color: #9633FF;
}

.pal3-bg-60 {
  background-color: #FF33BB;
}

.pal4-bg-60 {
  background-color: #FF335C;
}

.pal5-bg-60 {
  background-color: #FF8833;
}

.pal6-bg-60 {
  background-color: #FFD333;
}

.pal7-bg-60 {
  background-color: #33FF8B;
}

.pal8-bg-60 {
  background-color: #33FFEE;
}

.pal9-bg-60 {
  background-color: #33C9FF;
}

.pal0-bg-60 {
  background-color: #aaaaaa;
}

.pal1-bg-65 {
  background-color: #4C8EFF;
}

.pal2-bg-65 {
  background-color: #A34CFF;
}

.pal3-bg-65 {
  background-color: #FF4CC4;
}

.pal4-bg-65 {
  background-color: #FF4C70;
}

.pal5-bg-65 {
  background-color: #FF974C;
}

.pal6-bg-65 {
  background-color: #FFD84C;
}

.pal7-bg-65 {
  background-color: #4CFF9A;
}

.pal8-bg-65 {
  background-color: #4CFFF0;
}

.pal9-bg-65 {
  background-color: #4CCFFF;
}

.pal0-bg-65 {
  background-color: #bbbbbb;
}

.pal1-bg-70 {
  background-color: #669EFF;
}

.pal2-bg-70 {
  background-color: #B066FF;
}

.pal3-bg-70 {
  background-color: #FF66CC;
}

.pal4-bg-70 {
  background-color: #FF6685;
}

.pal5-bg-70 {
  background-color: #FFA666;
}

.pal6-bg-70 {
  background-color: #FFDE66;
}

.pal7-bg-70 {
  background-color: #66FFA8;
}

.pal8-bg-70 {
  background-color: #66FFF2;
}

.pal9-bg-70 {
  background-color: #66D6FF;
}

.pal0-bg-70 {
  background-color: #cccccc;
}

.pal1-bg-75 {
  background-color: #80AEFF;
}

.pal2-bg-75 {
  background-color: #BD80FF;
}

.pal3-bg-75 {
  background-color: #FF80D5;
}

.pal4-bg-75 {
  background-color: #FF8099;
}

.pal5-bg-75 {
  background-color: #FFB580;
}

.pal6-bg-75 {
  background-color: #FFE380;
}

.pal7-bg-75 {
  background-color: #80FFB7;
}

.pal8-bg-75 {
  background-color: #80FFF4;
}

.pal9-bg-75 {
  background-color: #80DDFF;
}

.pal0-bg-75 {
  background-color: #dddddd;
}

.pal1-bg-80 {
  background-color: #99BEFF;
}

.pal2-bg-80 {
  background-color: #CA99FF;
}

.pal3-bg-80 {
  background-color: #FF99DD;
}

.pal4-bg-80 {
  background-color: #FF99AD;
}

.pal5-bg-80 {
  background-color: #FFC499;
}

.pal6-bg-80 {
  background-color: #FFE999;
}

.pal7-bg-80 {
  background-color: #99FFC5;
}

.pal8-bg-80 {
  background-color: #99FFF6;
}

.pal9-bg-80 {
  background-color: #99E4FF;
}

.pal0-bg-80 {
  background-color: #eeeeee;
}

.pal1-bg-85 {
  background-color: #B3CFFF;
}

.pal2-bg-85 {
  background-color: #D7B3FF;
}

.pal3-bg-85 {
  background-color: #FFB3E6;
}

.pal4-bg-85 {
  background-color: #FFB3C2;
}

.pal5-bg-85 {
  background-color: #FFD2B3;
}

.pal6-bg-85 {
  background-color: #FFEEB3;
}

.pal7-bg-85 {
  background-color: #B3FFD4;
}

.pal8-bg-85 {
  background-color: #B3FFF9;
}

.pal9-bg-85 {
  background-color: #B3EBFF;
}

.pal0-bg-85 {
  background-color: #efefef;
}

.pal1-bg-90 {
  background-color: #CCDFFF;
}

.pal2-bg-90 {
  background-color: #E5CCFF;
}

.pal3-bg-90 {
  background-color: #FFCCEE;
}

.pal4-bg-90 {
  background-color: #FFCCD6;
}

.pal5-bg-90 {
  background-color: #FFE1CC;
}

.pal6-bg-90 {
  background-color: #FFF4CC;
}

.pal7-bg-90 {
  background-color: #CCFFE2;
}

.pal8-bg-90 {
  background-color: #CCFFFB;
}

.pal9-bg-90 {
  background-color: #CCF1FF;
}

.pal0-bg-90 {
  background-color: #ffffff;
}

.mlauto {
  margin-left: auto;
}

.mrauto {
  margin-right: auto;
}

.mb5 {
  margin-bottom: 0.5rem;
}

.mt5 {
  margin-top: 0.5rem;
}

.ml5 {
  margin-left: 0.5rem;
}

.mr5 {
  margin-right: 0.5rem;
}

.m5 {
  margin: 0.5rem;
}

.mb10 {
  margin-bottom: 1rem;
}

.mt10 {
  margin-top: 1rem;
}

.ml10 {
  margin-left: 1rem;
}

.mr10 {
  margin-right: 1rem;
}

.m10 {
  margin: 1rem;
}

.mb15 {
  margin-bottom: 1.5rem;
}

.mt15 {
  margin-top: 1.5rem;
}

.ml15 {
  margin-left: 1.5rem;
}

.mr15 {
  margin-right: 1.5rem;
}

.m15 {
  margin: 1.5rem;
}

.mb20 {
  margin-bottom: 2rem;
}

.mt20 {
  margin-top: 2rem;
}

.ml20 {
  margin-left: 2rem;
}

.mr20 {
  margin-right: 2rem;
}

.m20 {
  margin: 2rem;
}

.mb25 {
  margin-bottom: 2.5rem;
}

.mt25 {
  margin-top: 2.5rem;
}

.ml25 {
  margin-left: 2.5rem;
}

.mr25 {
  margin-right: 2.5rem;
}

.m25 {
  margin: 2.5rem;
}

.mb30 {
  margin-bottom: 3rem;
}

.mt30 {
  margin-top: 3rem;
}

.ml30 {
  margin-left: 3rem;
}

.mr30 {
  margin-right: 3rem;
}

.m30 {
  margin: 3rem;
}

.mb35 {
  margin-bottom: 3.5rem;
}

.mt35 {
  margin-top: 3.5rem;
}

.ml35 {
  margin-left: 3.5rem;
}

.mr35 {
  margin-right: 3.5rem;
}

.m35 {
  margin: 3.5rem;
}

.mb40 {
  margin-bottom: 4rem;
}

.mt40 {
  margin-top: 4rem;
}

.ml40 {
  margin-left: 4rem;
}

.mr40 {
  margin-right: 4rem;
}

.m40 {
  margin: 4rem;
}

.mb45 {
  margin-bottom: 4.5rem;
}

.mt45 {
  margin-top: 4.5rem;
}

.ml45 {
  margin-left: 4.5rem;
}

.mr45 {
  margin-right: 4.5rem;
}

.m45 {
  margin: 4.5rem;
}

.mb50 {
  margin-bottom: 5rem;
}

.mt50 {
  margin-top: 5rem;
}

.ml50 {
  margin-left: 5rem;
}

.mr50 {
  margin-right: 5rem;
}

.m50 {
  margin: 5rem;
}

.mb55 {
  margin-bottom: 5.5rem;
}

.mt55 {
  margin-top: 5.5rem;
}

.ml55 {
  margin-left: 5.5rem;
}

.mr55 {
  margin-right: 5.5rem;
}

.m55 {
  margin: 5.5rem;
}

.mb60 {
  margin-bottom: 6rem;
}

.mt60 {
  margin-top: 6rem;
}

.ml60 {
  margin-left: 6rem;
}

.mr60 {
  margin-right: 6rem;
}

.m60 {
  margin: 6rem;
}

.mb65 {
  margin-bottom: 6.5rem;
}

.mt65 {
  margin-top: 6.5rem;
}

.ml65 {
  margin-left: 6.5rem;
}

.mr65 {
  margin-right: 6.5rem;
}

.m65 {
  margin: 6.5rem;
}

.mb70 {
  margin-bottom: 7rem;
}

.mt70 {
  margin-top: 7rem;
}

.ml70 {
  margin-left: 7rem;
}

.mr70 {
  margin-right: 7rem;
}

.m70 {
  margin: 7rem;
}

.mb75 {
  margin-bottom: 7.5rem;
}

.mt75 {
  margin-top: 7.5rem;
}

.ml75 {
  margin-left: 7.5rem;
}

.mr75 {
  margin-right: 7.5rem;
}

.m75 {
  margin: 7.5rem;
}

.mb80 {
  margin-bottom: 8rem;
}

.mt80 {
  margin-top: 8rem;
}

.ml80 {
  margin-left: 8rem;
}

.mr80 {
  margin-right: 8rem;
}

.m80 {
  margin: 8rem;
}

.mb85 {
  margin-bottom: 8.5rem;
}

.mt85 {
  margin-top: 8.5rem;
}

.ml85 {
  margin-left: 8.5rem;
}

.mr85 {
  margin-right: 8.5rem;
}

.m85 {
  margin: 8.5rem;
}

.mb90 {
  margin-bottom: 890rem;
}

.mt90 {
  margin-top: 890rem;
}

.ml90 {
  margin-left: 890rem;
}

.mr90 {
  margin-right: 890rem;
}

.m90 {
  margin: 890rem;
}

.mb95 {
  margin-bottom: 895rem;
}

.mt95 {
  margin-top: 895rem;
}

.ml95 {
  margin-left: 895rem;
}

.mr95 {
  margin-right: 895rem;
}

.m95 {
  margin: 895rem;
}

.mb100 {
  margin-bottom: 100rem;
}

.mt100 {
  margin-top: 100rem;
}

.ml100 {
  margin-left: 100rem;
}

.mr100 {
  margin-right: 100rem;
}

.m100 {
  margin: 100rem;
}

.pb5 {
  padding-bottom: 0.5rem;
}

.pt5 {
  padding-top: 0.5rem;
}

.pl5 {
  padding-left: 0.5rem;
}

.pr5 {
  padding-right: 0.5rem;
}

.p5 {
  padding: 0.5rem;
}

.pb10 {
  padding-bottom: 1rem;
}

.pt10 {
  padding-top: 1rem;
}

.pl10 {
  padding-left: 1rem;
}

.pr10 {
  padding-right: 1rem;
}

.p10 {
  padding: 1rem;
}

.pb15 {
  padding-bottom: 1.5rem;
}

.pt15 {
  padding-top: 1.5rem;
}

.pl15 {
  padding-left: 1.5rem;
}

.pr15 {
  padding-right: 1.5rem;
}

.p15 {
  padding: 1.5rem;
}

.pb20 {
  padding-bottom: 2rem;
}

.pt20 {
  padding-top: 2rem;
}

.pl20 {
  padding-left: 2rem;
}

.pr20 {
  padding-right: 2rem;
}

.p20 {
  padding: 2rem;
}

.pb25 {
  padding-bottom: 2.5rem;
}

.pt25 {
  padding-top: 2.5rem;
}

.pl25 {
  padding-left: 2.5rem;
}

.pr25 {
  padding-right: 2.5rem;
}

.p25 {
  padding: 2.5rem;
}

.pb30 {
  padding-bottom: 3rem;
}

.pt30 {
  padding-top: 3rem;
}

.pl30 {
  padding-left: 3rem;
}

.pr30 {
  padding-right: 3rem;
}

.p30 {
  padding: 3rem;
}

.pb35 {
  padding-bottom: 3.5rem;
}

.pt35 {
  padding-top: 3.5rem;
}

.pl35 {
  padding-left: 3.5rem;
}

.pr35 {
  padding-right: 3.5rem;
}

.p35 {
  padding: 3.5rem;
}

.pb40 {
  padding-bottom: 4rem;
}

.pt40 {
  padding-top: 4rem;
}

.pl40 {
  padding-left: 4rem;
}

.pr40 {
  padding-right: 4rem;
}

.p40 {
  padding: 4rem;
}

.pb45 {
  padding-bottom: 4.5rem;
}

.pt45 {
  padding-top: 4.5rem;
}

.pl45 {
  padding-left: 4.5rem;
}

.pr45 {
  padding-right: 4.5rem;
}

.p45 {
  padding: 4.5rem;
}

.pb50 {
  padding-bottom: 5rem;
}

.pt50 {
  padding-top: 5rem;
}

.pl50 {
  padding-left: 5rem;
}

.pr50 {
  padding-right: 5rem;
}

.p50 {
  padding: 5rem;
}

.pb55 {
  padding-bottom: 5.5rem;
}

.pt55 {
  padding-top: 5.5rem;
}

.pl55 {
  padding-left: 5.5rem;
}

.pr55 {
  padding-right: 5.5rem;
}

.p55 {
  padding: 5.5rem;
}

.pb60 {
  padding-bottom: 6rem;
}

.pt60 {
  padding-top: 6rem;
}

.pl60 {
  padding-left: 6rem;
}

.pr60 {
  padding-right: 6rem;
}

.p60 {
  padding: 6rem;
}

.pb65 {
  padding-bottom: 6.5rem;
}

.pt65 {
  padding-top: 6.5rem;
}

.pl65 {
  padding-left: 6.5rem;
}

.pr65 {
  padding-right: 6.5rem;
}

.p65 {
  padding: 6.5rem;
}

.pb70 {
  padding-bottom: 7rem;
}

.pt70 {
  padding-top: 7rem;
}

.pl70 {
  padding-left: 7rem;
}

.pr70 {
  padding-right: 7rem;
}

.p70 {
  padding: 7rem;
}

.pb75 {
  padding-bottom: 7.5rem;
}

.pt75 {
  padding-top: 7.5rem;
}

.pl75 {
  padding-left: 7.5rem;
}

.pr75 {
  padding-right: 7.5rem;
}

.p75 {
  padding: 7.5rem;
}

.pb80 {
  padding-bottom: 8rem;
}

.pt80 {
  padding-top: 8rem;
}

.pl80 {
  padding-left: 8rem;
}

.pr80 {
  padding-right: 8rem;
}

.p80 {
  padding: 8rem;
}

.pb85 {
  padding-bottom: 8.5rem;
}

.pt85 {
  padding-top: 8.5rem;
}

.pl85 {
  padding-left: 8.5rem;
}

.pr85 {
  padding-right: 8.5rem;
}

.p85 {
  padding: 8.5rem;
}

.pb90 {
  padding-bottom: 9rem;
}

.pt90 {
  padding-top: 9rem;
}

.pl90 {
  padding-left: 9rem;
}

.pr90 {
  padding-right: 9rem;
}

.p90 {
  padding: 9rem;
}

.pb95 {
  padding-bottom: 9.5rem;
}

.pt95 {
  padding-top: 9.5rem;
}

.pl95 {
  padding-left: 9.5rem;
}

.pr95 {
  padding-right: 9.5rem;
}

.p95 {
  padding: 9.5rem;
}

.pb100 {
  padding-bottom: 10rem;
}

.pt100 {
  padding-top: 10rem;
}

.pl100 {
  padding-left: 10rem;
}

.pr100 {
  padding-right: 10rem;
}

.p100 {
  padding: 10rem;
}