@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 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  text-align: right;
  margin: 0 0 2rem 0;
}
@media (max-width: 899px) {
  ul.menu {
    text-align: left;
  }
}
ul.menu > li {
  line-height: 1.7;
  text-wrap: nowrap;
}
ul.menu > li:first-child {
  margin-left: auto;
}
@media (max-width: 899px) {
  ul.menu > li {
    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;
  flex-wrap: nowrap;
}
.grid-table .row:not(.no-border) > div {
  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%;
}
@media (max-width: 899px) {
  .grid-table .row > div.grow50 {
    flex-basis: 50rem;
  }
  .grid-table .row > div.grow55 {
    flex-basis: 55rem;
  }
  .grid-table .row > div.grow90 {
    flex-basis: 90rem;
  }
}
.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 > div {
  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;
}

.table-wrapper .grid-table {
  display: block;
  width: 100%;
  overflow-x: scroll;
}
.table-wrapper .grid-table .row:not(.wrap),
.table-wrapper .grid-table .row > div:not(.wrap) {
  white-space: nowrap;
  flex-shrink: 0;
}

.table-icons-vertical-full {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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;
}
select.as-border,
textarea.as-border,
input[type=text].as-border,
input[type=password].as-border,
input[type=datetime].as-border,
input[type=datetime-local].as-border,
input[type=date].as-border,
input[type=month].as-border,
input[type=time].as-border,
input[type=week].as-border,
input[type=number].as-border,
input[type=email].as-border,
input[type=url].as-border,
input[type=search].as-border,
input[type=tel].as-border,
input[type=color].as-border {
  border: 1px solid transparent;
}
select.as-border.saving,
textarea.as-border.saving,
input[type=text].as-border.saving,
input[type=password].as-border.saving,
input[type=datetime].as-border.saving,
input[type=datetime-local].as-border.saving,
input[type=date].as-border.saving,
input[type=month].as-border.saving,
input[type=time].as-border.saving,
input[type=week].as-border.saving,
input[type=number].as-border.saving,
input[type=email].as-border.saving,
input[type=url].as-border.saving,
input[type=search].as-border.saving,
input[type=tel].as-border.saving,
input[type=color].as-border.saving {
  border-color: #FFD333;
}
select.as-border.saved,
textarea.as-border.saved,
input[type=text].as-border.saved,
input[type=password].as-border.saved,
input[type=datetime].as-border.saved,
input[type=datetime-local].as-border.saved,
input[type=date].as-border.saved,
input[type=month].as-border.saved,
input[type=time].as-border.saved,
input[type=week].as-border.saved,
input[type=number].as-border.saved,
input[type=email].as-border.saved,
input[type=url].as-border.saved,
input[type=search].as-border.saved,
input[type=tel].as-border.saved,
input[type=color].as-border.saved {
  border-color: #00CC5C;
  animation: border-fade-out 2000ms ease forwards;
}
@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;
  }
}

@keyframes border-fade-out {
  0% {
    border-color: #00FF6E;
  }
  100% {
    border-color: transparent;
  }
}
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:not(.no-preview) .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.m0 {
  margin-bottom: 0;
}
.form-group.margin-select2 {
  margin-bottom: 18rem;
}
.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;
}
@media (max-width: 899px) {
  .form-group-1-1,
  .form-group-2-1,
  .form-group-1-2,
  .form-group-3-1,
  .form-group-1-3,
  .form-group-1-1-1,
  .form-group-2-2-1,
  .form-group-1-1-1-1,
  .form-group-1-auto,
  .form-group-auto-1,
  .form-group-1-1-auto,
  .form-group-auto-auto-1,
  .form-group-1-auto-auto {
    grid-template-columns: 100%;
  }
}

.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: 20rem;
  overflow-y: auto;
}

.select2-reduce .select2-container--default .select2-results > .select2-results__options {
  max-height: 10rem;
}

.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;
}

/*!
 * Selectr 2.4.13
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */
.selectr-container {
  position: relative;
}

.selectr-container li {
  list-style: none;
}

.selectr-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none;
}

.selectr-visible {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11;
}

.selectr-desktop.multiple .selectr-visible {
  display: none;
}

.selectr-desktop.multiple.native-open .selectr-visible {
  top: 100%;
  min-height: 200px !important;
  height: auto;
  opacity: 1;
  display: block;
}

.selectr-container.multiple.selectr-mobile .selectr-selected {
  z-index: 0;
}

.selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.6rem;
  padding-right: 30px;
  cursor: pointer;
  border-radius: 0.4rem;
  background-color: #e9e9e9;
  background-image: url("../img/select-arrows-dark.svg");
  background-size: auto;
  background-position: right center;
  background-repeat: no-repeat;
  font-family: "Roboto Mono", monospace;
}

/*.selectr-selected::before {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	content: '';
	-o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
	-ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
	-moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
	-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
			transform: rotate(0deg) translate3d(0px, -50%, 0px);
	//border-width: 4px 4px 0 4px;
	//border-style: solid;
	//border-color: red transparent transparent; // #6c7a86 transparent transparent;
}*/
.selectr-container.open .selectr-selected::before,
.selectr-container.native-open .selectr-selected::before {
  border-width: 0 4px 4px 4px;
  border-style: solid;
  border-color: transparent transparent #6c7a86;
}

.selectr-label {
  display: none;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.selectr-placeholder {
  color: #6c7a86;
}

.selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal;
}

.has-selected .selectr-tags {
  margin: 0 0 -2px;
}

.selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #fff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0;
}

.selectr-container.multiple.has-selected .selectr-selected {
  padding: 5px 28px 5px 5px;
}

.selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0 0 0.4rem 0.4rem;
  background-color: #efedd4;
}

.selectr-container.open .selectr-options-container {
  display: block;
}

.selectr-input-container {
  position: relative;
  display: none;
}

.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
  z-index: 11;
}

.selectr-clear,
.selectr-input-clear {
  display: none;
}

.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
  display: block;
}

.selectr-selected .selectr-tag-remove {
  right: 2px;
}

.selectr-clear::before,
.selectr-clear::after,
.selectr-input-clear::before,
.selectr-input-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: " ";
  background-color: #6c7a86;
}

.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #fff;
}

.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
  display: block;
}

.selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 7px 30px 7px 9px;
  border: 1px solid red;
  border-radius: 3px;
}

.selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #999;
  border-radius: 0 0 3px 3px;
  background-color: blue;
}

.selectr-container.notice .selectr-notice {
  display: block;
}

.selectr-container.notice .selectr-selected {
  border-radius: 3px 3px 0 0;
}

.selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 15rem;
  margin: 0;
  padding: 0;
  font-family: "Roboto Mono", monospace;
  font-size: 1.2rem;
}

.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
  display: block;
}

.selectr-option {
  position: relative;
  display: block;
  padding: 0.6rem;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal;
}

.selectr-options.optgroups > .selectr-option {
  padding-left: 25px;
}

.selectr-optgroup {
  font-weight: bold;
  padding: 0;
}

.selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px;
}

.selectr-match {
  text-decoration: underline;
}

.selectr-option.selected {
  background-color: #d1cea6;
}

.selectr-option.active {
  background-color: #dddabb;
}

.selectr-option.disabled {
  opacity: 0.4;
}

.selectr-option.excluded {
  display: none;
}

.selectr-container.open .selectr-selected {
  border-color: #999 #999 transparent #999;
  border-radius: 3px 3px 0 0;
}

.selectr-container.open .selectr-selected::after {
  -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  transform: rotate(180deg) translate3d(0px, 50%, 0px);
}

.selectr-disabled {
  opacity: 0.6;
}

.selectr-empty,
.has-selected .selectr-placeholder {
  display: none;
}

.has-selected .selectr-label {
  display: block;
}

/* TAGGABLE */
.taggable .selectr-selected {
  padding: 4px 28px 4px 4px;
}

.taggable .selectr-selected::after {
  display: table;
  content: " ";
  clear: both;
}

.taggable .selectr-label {
  width: auto;
}

.taggable .selectr-tags {
  float: left;
  display: block;
}

.taggable .selectr-placeholder {
  display: none;
}

.input-tag {
  float: left;
  min-width: 90px;
  width: auto;
}

.selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.selectr-input-container.loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: "";
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -o-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  -moz-transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -moz-animation: 500ms linear 0s normal forwards infinite running spin;
  -webkit-animation: 500ms linear 0s normal forwards infinite running spin;
  animation: 500ms linear 0s normal forwards infinite running spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px);
  }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px);
  }
}
.selectr-container.open.inverted .selectr-selected {
  border-color: transparent #999 #999;
  border-radius: 0 0 3px 3px;
}

.selectr-container.inverted .selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999 #999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
}

.selectr-container.inverted .selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px);
}

.selectr-container ::-webkit-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::-moz-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container :-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1;
}

.selectr-container ::placeholder {
  color: #6c7a86;
  opacity: 1;
}

:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: #5897fb;
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 4px;
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.ss-hide {
  display: none !important;
}

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden;
}

.ss-main:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main.ss-open-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0px auto var(--ss-spacing-s);
}

.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-fixed {
  position: fixed;
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius);
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius);
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box;
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px var(--ss-focus-color);
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  display: block;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  white-space: normal;
  color: var(--ss-font-color);
  cursor: pointer;
  user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--ss-highlight-color);
} 
/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

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;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
dialog::-webkit-scrollbar {
  display: none;
}
@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: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
}
body:has(dialog[open]) {
  overflow: hidden;
}

.wrapper {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto 1fr auto;
  grid-template-areas: "nav" "content" "help";
  height: 100vh;
  align-items: start;
}

.nav-apps {
  grid-area: nav;
  background-color: #222222;
  display: flex;
  justify-content: space-around;
}
.nav-apps > ul {
  display: flex;
}
.nav-apps > ul:first-child {
  flex-wrap: wrap;
  flex-grow: 1;
  height: 9.5rem;
  overflow: hidden;
}
@media (max-width: 899px) {
  .nav-apps > ul:first-child {
    height: 6.5rem;
  }
}
.nav-apps > ul:last-child {
  flex-basis: 27rem;
}
.nav-apps > ul > li {
  text-align: center;
}
.nav-apps > ul > li a {
  display: block;
  padding: 2rem 0 1rem;
  color: #666;
}
@media (max-width: 899px) {
  .nav-apps > ul > li a {
    padding: 1rem;
  }
}
.nav-apps > ul > li a i {
  display: block;
  margin: 0 auto;
  font-size: 3rem;
  line-height: 1.5;
}
.nav-apps > ul > li a .kuerzel {
  width: 3.7rem;
  height: 3.7rem;
  margin: 0.4rem auto;
  border-radius: 50%;
  background-color: #666;
  font-size: 2rem;
  font-weight: 700;
  color: #222222;
  text-align: center;
  line-height: 3.7rem;
}
.nav-apps > ul > li a span {
  display: block;
  width: 9rem;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
}
@media (max-width: 899px) {
  .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: #FF335C;
}
.nav-apps > ul > li.active {
  background-color: #555;
}
.nav-apps > ul > li.active a {
  color: #e6e6e6;
}
.nav-apps > ul > li.active a .kuerzel {
  background-color: #e6e6e6;
}

.login {
  position: relative;
}
.login .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background-color: #666666;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
.login .mitte {
  display: grid;
  width: 100vw;
  height: 100vh;
  place-items: center center;
  align-content: center;
}
.login .box {
  width: 44rem;
  background-color: #fff;
  padding: 4rem 4rem 0 4rem;
}
@media (max-width: 899px) {
  .login .box {
    width: 100%;
    margin-top: -50%;
    padding: 2rem;
  }
}
.login .box form .form-actions {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin: 2rem 0 4rem 0;
}
.login .box form .form-actions input {
  margin: 0;
}
.login .copyright {
  margin: 0 -4rem;
  padding-top: 2rem;
  font-size: 1.2rem;
  text-align: center;
  color: #808080;
}
.login .copyright a {
  color: #808080;
}
.login .schulkreise {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  background-color: rgba(255, 255, 255, 0.3333333333);
}
@media (max-width: 899px) {
  .login .schulkreise {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.login .schulkreise .logo {
  flex-basis: 100%;
  padding: 1rem;
  text-align: center;
}
@media (max-width: 899px) {
  .login .schulkreise .logo {
    text-align: left;
  }
}
.login .schulkreise .logo img {
  height: 5rem;
}
@media (max-width: 899px) {
  .login .schulkreise .logo img {
    max-width: 100%;
    height: 4rem;
  }
}

.content {
  padding: 4rem;
}
@media (max-width: 899px) {
  .content {
    padding: 2rem;
  }
}
.content .side {
  display: grid;
  grid-template-rows: 6rem 1fr;
  grid-template-areas: "sidenav" "sidecontent";
  background-color: #FFF4CC;
}
.content .side .sidenav {
  grid-area: sidenav;
  background-color: #E6B400;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.content .side .sidenav > li a {
  display: block;
  padding: 1rem;
  color: #665000;
}
.content .side .sidenav > li a:hover {
  color: #806400;
  text-decoration: none;
}
.content .side .sidenav > li a i {
  display: block;
  margin: 0 auto;
  padding-right: 0;
  font-size: 2.8rem;
  line-height: 1.5;
}
.content .side .sidenav > li.active {
  background-color: #FFF4CC;
}
.content .side .side-item {
  padding: 2rem;
}
.content .side .side-item .list li {
  padding: 0.8rem;
  border-bottom-color: #FFEEB3;
}
.content .side .side-item .list li:first-child {
  border-top-color: #FFEEB3;
}
.content .side .side-item .list.list-hover li:hover {
  background-color: #FFEEB3;
}
.content .side .side-item .table {
  border-bottom-color: #FFEEB3;
}
.content .side .side-item .table th, .content .side .side-item .table td  {
  border-top-color: #FFEEB3;
}
.content .side .side-item .table tbody > tr:first-of-type > td {
  border-top-color: #FFEEB3;
}
.content .side .side-item .table thead > tr > th {
  border-bottom-color: #FFEEB3;
}
.content .side .side-item .table-hover tbody tr:hover td,
.content .side .side-item .table-hover tbody tr:hover th {
  background-color: #FFEEB3;
}
.content .side .history .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
.content .side .history .container input {
  grid-column: 1/span 3;
  background-color: #FFE999;
}
.content .side .history .container .datei {
  place-self: center;
}
.content .side .history .container .datei img {
  max-width: 100%;
  cursor: pointer;
}
.content .side .files .container input {
  background-color: #FFE999;
  margin-bottom: 2rem;
}
.content .side .files .container .table-hover > tbody > tr:hover > td {
  background-color: #FCF9F1;
}
.content .side .files .container .icon-folder,
.content .side .files .container .icon-file {
  color: #665000;
}
.content .side .text .container {
  font-size: 1.4rem;
  color: #4D3C00;
}
.content .side .text .container .code {
  padding: 1rem;
  margin-bottom: 1rem;
  background-color: #ffffff;
  font-family: "Roboto Mono", monospace;
  line-height: 1.5;
}
.content .side .design,
.content .side .inhalt {
  color: #4D3C00;
}
.content .side .design h4 i,
.content .side .inhalt h4 i {
  display: inline-block;
  margin-right: 1rem;
  color: #997800;
}
.content .side .design .hintergrund,
.content .side .design .hintergrund-mehr,
.content .side .inhalt .hintergrund,
.content .side .inhalt .hintergrund-mehr {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
  gap: 1rem;
}
.content .side .design .hintergrund li,
.content .side .design .hintergrund-mehr li,
.content .side .inhalt .hintergrund li,
.content .side .inhalt .hintergrund-mehr li {
  display: inline-block;
  padding: 1rem;
  text-align: center;
  color: transparent;
}
.content .side .design .hintergrund li.selected,
.content .side .design .hintergrund-mehr li.selected,
.content .side .inhalt .hintergrund li.selected,
.content .side .inhalt .hintergrund-mehr li.selected {
  color: #fff;
}
.content .side .design .hintergrund,
.content .side .inhalt .hintergrund {
  margin-bottom: 1rem;
}
.content .side .design .hintergrund-mehr,
.content .side .inhalt .hintergrund-mehr {
  grid-auto-flow: row;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
}
.content .side .design .textfarbe,
.content .side .design .textfarbe-mehr,
.content .side .inhalt .textfarbe,
.content .side .inhalt .textfarbe-mehr {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
  gap: 1rem;
}
.content .side .design .textfarbe li,
.content .side .design .textfarbe-mehr li,
.content .side .inhalt .textfarbe li,
.content .side .inhalt .textfarbe-mehr li {
  display: inline-block;
  padding: 1rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.content .side .design .textfarbe li.selected,
.content .side .design .textfarbe-mehr li.selected,
.content .side .inhalt .textfarbe li.selected,
.content .side .inhalt .textfarbe-mehr li.selected {
  background-color: #fff;
}
.content .side .design .textfarbe,
.content .side .inhalt .textfarbe {
  margin-bottom: 1rem;
}
.content .side .design .textfarbe-mehr,
.content .side .inhalt .textfarbe-mehr {
  grid-auto-flow: row;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 1fr 1fr;
}
.content .side .design .textausrichtung,
.content .side .design .rahmenlinie,
.content .side .inhalt .textausrichtung,
.content .side .inhalt .rahmenlinie {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}
.content .side .design .textausrichtung li,
.content .side .design .rahmenlinie li,
.content .side .inhalt .textausrichtung li,
.content .side .inhalt .rahmenlinie li {
  display: inline-block;
  padding: 1rem;
  background-color: #FFEEB3;
  text-align: center;
  color: #665000;
}
.content .side .design .textausrichtung li.selected,
.content .side .design .rahmenlinie li.selected,
.content .side .inhalt .textausrichtung li.selected,
.content .side .inhalt .rahmenlinie li.selected {
  background-color: #FFC800;
}
.content .side .design .ausdehnung,
.content .side .inhalt .ausdehnung {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.content .side .design .ausdehnung li,
.content .side .inhalt .ausdehnung li {
  display: inline-block;
  padding: 1rem;
  background-color: #FFEEB3;
  text-align: center;
  color: #665000;
  font-size: 1.2rem;
}
.content .side .design .ausdehnung li i,
.content .side .inhalt .ausdehnung li i {
  font-size: 1.6rem;
}
.content .side .design .ausdehnung li.selected,
.content .side .inhalt .ausdehnung li.selected {
  background-color: #FFC800;
}
.content .side .design li,
.content .side .inhalt li {
  cursor: pointer;
}
.content .side .design li i,
.content .side .inhalt li i {
  display: inline-block;
}
.content .side .design li.active,
.content .side .inhalt li.active {
  background-color: #997800;
  color: #4D3C00;
}
.content .side .design li.active i ,
.content .side .inhalt li.active i  {
  color: #665000;
}

.apps {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4rem;
  align-content: start;
}
@media (max-width: 1350px) {
  .apps {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1080px) {
  .apps {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem;
  }
}
@media (max-width: 899px) {
  .apps {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
.apps .sortable-placeholder {
  background-color: #ddd;
}

.apps__app {
  background-color: #dddddd;
  padding: 2rem;
  text-align: center;
  color: #000000;
}
.apps__app i {
  font-size: 4rem;
  color: var(--color);
  padding: 0;
}
@media (max-width: 899px) {
  .apps__app i {
    font-size: 3.6rem;
  }
}
.apps__app h2 {
  font-size: 2rem;
  margin-top: 1rem;
  margin-bottom: 0;
}
@media (max-width: 899px) {
  .apps__app h2 {
    font-size: 1.8rem;
  }
}
.apps__app:hover {
  filter: brightness(0.95);
  text-decoration: none;
  transition: filter 0.2s ease-in-out;
}
.apps__app:active {
  cursor: grabbing;
}

.badge {
  display: none;
}
.badge img {
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  vertical-align: text-top;
}
.badge.offset {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
}
.badge.offset img {
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
}

.sort-tbl-ghost {
  background-color: #CCDFFF;
  color: transparent;
}
.sort-tbl-ghost * {
  opacity: 0;
}

.sort-tbl-chosen {
  cursor: grabbing;
}

.sort-box-ghost {
  background-color: #CCDFFF;
  color: transparent;
}
.sort-box-ghost * {
  opacity: 0;
}

.sort-box-chosen {
  cursor: grabbing;
}

.darken-on-hover:hover {
  filter: brightness(0.95);
  transition: filter 0.2s ease-in-out;
}

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

#uploading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(222, 222, 222, 0.8);
  display: none;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  align-items: center;
}
#uploading > div {
  text-align: center;
}
#uploading > div .spinner {
  width: 10rem;
  margin-bottom: 4rem;
}
#uploading > div .spinner > div {
  width: 3rem;
  height: 3rem;
}
#uploading > div .label {
  font-size: 2.8rem;
}

.undel {
  display: none;
  margin-left: 1rem;
  text-decoration: none;
}

.del .undel {
  display: inline-block;
}
.del .del-text {
  text-decoration: line-through;
  color: #888888;
}
.del .del-text a {
  color: #888888;
}
.del .hide-del {
  display: none;
}
.del .stao-label span {
  background-color: #888888;
}

.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;
}

.app-blg-bg-80 {
  background-color: #9ac9ff;
}

.app-sei-bg-80 {
  background-color: #ffa4c4;
}

.app-dat-bg-80 {
  background-color: #ffc786;
}

.app-per-bg-80 {
  background-color: #c1ff8c;
}

.app-kal-bg-80 {
  background-color: #97f1e9;
}

.app-frm-bg-80 {
  background-color: #FFEBA4;
}

.app-ost-bg-80 {
  background-color: #ffacbc;
}

.app-mpl-bg-80 {
  background-color: #96ffda;
}

.app-res-bg-80 {
  background-color: #fed4aa;
}

.app-wbd-bg-80 {
  background-color: #ffa7cc;
}

.app-stv-bg-80 {
  background-color: #cb9dde;
}

.app-fin-bg-80 {
  background-color: #C0C0FB;
}

.app-pro-bg-80 {
  background-color: #b8bba5;
}

.app-kgs-bg-80 {
  background-color: #9fc0ff;
}

.app-ads-bg-80 {
  background-color: #99DAFF;
}

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

.app-blg-bg-70 {
  background-color: #66ADFF;
}

.app-sei-bg-70 {
  background-color: #FF669E;
}

.app-dat-bg-70 {
  background-color: #FFB866;
}

.app-per-bg-70 {
  background-color: #ADFF66;
}

.app-kal-bg-70 {
  background-color: #78EDE1;
}

.app-frm-bg-70 {
  background-color: #FFDB66;
}

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

.app-mpl-bg-70 {
  background-color: #66FFC7;
}

.app-res-bg-70 {
  background-color: #FDB368;
}

.app-wbd-bg-70 {
  background-color: #FF66A8;
}

.app-stv-bg-70 {
  background-color: #C28DD8;
}

.app-fin-bg-70 {
  background-color: #6F6FF6;
}

.app-pro-bg-70 {
  background-color: #BABDA8;
}

.app-kgs-bg-70 {
  background-color: #669CFF;
}

.app-ads-bg-70 {
  background-color: #66C7FF;
}

.app-zen-bg-70 {
  background-color: #B3B3B3;
}

.app-blg-bg-20 {
  background-color: #0052b1;
}

.app-sei-bg-20 {
  background-color: #9c0037;
}

.app-dat-bg-20 {
  background-color: #9e5400;
}

.app-per-bg-20 {
  background-color: #2c5e00;
}

.app-kal-bg-20 {
  background-color: #00746a;
}

.app-frm-bg-20 {
  background-color: #634E00;
}

.app-ost-bg-20 {
  background-color: #d50029;
}

.app-mpl-bg-20 {
  background-color: #006240;
}

.app-res-bg-20 {
  background-color: #ca6602;
}

.app-wbd-bg-20 {
  background-color: #72002f;
}

.app-stv-bg-20 {
  background-color: #2f143a;
}

.app-fin-bg-20 {
  background-color: #070777;
}

.app-pro-bg-20 {
  background-color: #3d421e;
}

.app-kgs-bg-20 {
  background-color: #0039a1;
}

.app-ads-bg-20 {
  background-color: #004166;
}

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

.app-blg-80 {
  color: #9ac9ff;
}

.app-sei-80 {
  color: #ffa4c4;
}

.app-dat-80 {
  color: #ffc786;
}

.app-per-80 {
  color: #c1ff8c;
}

.app-kal-80 {
  color: #97f1e9;
}

.app-frm-80 {
  color: #FFEBA4;
}

.app-ost-80 {
  color: #ffacbc;
}

.app-mpl-80 {
  color: #96ffda;
}

.app-res-80 {
  color: #fed4aa;
}

.app-wbd-80 {
  color: #ffa7cc;
}

.app-stv-80 {
  color: #cb9dde;
}

.app-fin-80 {
  color: #C0C0FB;
}

.app-pro-80 {
  color: #b8bba5;
}

.app-kgs-80 {
  color: #9fc0ff;
}

.app-ads-80 {
  color: #99DAFF;
}

.app-zen-80 {
  color: #dddddd;
}

.app-blg-70 {
  color: #66ADFF;
}

.app-sei-70 {
  color: #FF669E;
}

.app-dat-70 {
  color: #FFB866;
}

.app-per-70 {
  color: #ADFF66;
}

.app-kal-70 {
  color: #78EDE1;
}

.app-frm-70 {
  color: #FFDB66;
}

.app-ost-70 {
  color: #FF6685;
}

.app-mpl-70 {
  color: #66FFC7;
}

.app-res-70 {
  color: #FDB368;
}

.app-wbd-70 {
  color: #FF66A8;
}

.app-stv-70 {
  color: #C28DD8;
}

.app-fin-70 {
  color: #6F6FF6;
}

.app-pro-70 {
  color: #BABDA8;
}

.app-kgs-70 {
  color: #669CFF;
}

.app-ads-70 {
  color: #66C7FF;
}

.app-zen-70 {
  color: #B3B3B3;
}

.app-blg-20 {
  color: #0052b1;
}

.app-sei-20 {
  color: #9c0037;
}

.app-dat-20 {
  color: #9e5400;
}

.app-per-20 {
  color: #2c5e00;
}

.app-kal-20 {
  color: #00746a;
}

.app-frm-20 {
  color: #634E00;
}

.app-ost-20 {
  color: #d50029;
}

.app-mpl-20 {
  color: #006240;
}

.app-res-20 {
  color: #ca6602;
}

.app-wbd-20 {
  color: #72002f;
}

.app-stv-20 {
  color: #2f143a;
}

.app-fin-20 {
  color: #070777;
}

.app-pro-20 {
  color: #3d421e;
}

.app-kgs-20 {
  color: #0039a1;
}

.app-ads-20 {
  color: #004166;
}

.app-kgs-80 {
  color: #333333;
}

.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-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-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-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-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;
}

.mb6 {
  margin-bottom: 0.6rem;
}

.mt6 {
  margin-top: 0.6rem;
}

.ml6 {
  margin-left: 0.6rem;
}

.mr6 {
  margin-right: 0.6rem;
}

.m6 {
  margin: 0.6rem;
}

.mb7 {
  margin-bottom: 0.7rem;
}

.mt7 {
  margin-top: 0.7rem;
}

.ml7 {
  margin-left: 0.7rem;
}

.mr7 {
  margin-right: 0.7rem;
}

.m7 {
  margin: 0.7rem;
}

.mb8 {
  margin-bottom: 0.8rem;
}

.mt8 {
  margin-top: 0.8rem;
}

.ml8 {
  margin-left: 0.8rem;
}

.mr8 {
  margin-right: 0.8rem;
}

.m8 {
  margin: 0.8rem;
}

.mb9 {
  margin-bottom: 0.9rem;
}

.mt9 {
  margin-top: 0.9rem;
}

.ml9 {
  margin-left: 0.9rem;
}

.mr9 {
  margin-right: 0.9rem;
}

.m9 {
  margin: 0.9rem;
}

.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;
}

.mb40 {
  margin-bottom: 4rem;
}

.mt40 {
  margin-top: 4rem;
}

.ml40 {
  margin-left: 4rem;
}

.mr40 {
  margin-right: 4rem;
}

.m40 {
  margin: 4rem;
}

.mb50 {
  margin-bottom: 5rem;
}

.mt50 {
  margin-top: 5rem;
}

.ml50 {
  margin-left: 5rem;
}

.mr50 {
  margin-right: 5rem;
}

.m50 {
  margin: 5rem;
}

.mb60 {
  margin-bottom: 6rem;
}

.mt60 {
  margin-top: 6rem;
}

.ml60 {
  margin-left: 6rem;
}

.mr60 {
  margin-right: 6rem;
}

.m60 {
  margin: 6rem;
}

.mb70 {
  margin-bottom: 7rem;
}

.mt70 {
  margin-top: 7rem;
}

.ml70 {
  margin-left: 7rem;
}

.mr70 {
  margin-right: 7rem;
}

.m70 {
  margin: 7rem;
}

.mb80 {
  margin-bottom: 8rem;
}

.mt80 {
  margin-top: 8rem;
}

.ml80 {
  margin-left: 8rem;
}

.mr80 {
  margin-right: 8rem;
}

.m80 {
  margin: 8rem;
}

.pb5 {
  padding-bottom: 0.5rem;
}

.pt5 {
  padding-top: 0.5rem;
}

.pl5 {
  padding-left: 0.5rem;
}

.pr5 {
  padding-right: 0.5rem;
}

.p5 {
  padding: 0.5rem;
}

.pb6 {
  padding-bottom: 0.6rem;
}

.pt6 {
  padding-top: 0.6rem;
}

.pl6 {
  padding-left: 0.6rem;
}

.pr6 {
  padding-right: 0.6rem;
}

.p6 {
  padding: 0.6rem;
}

.pb7 {
  padding-bottom: 0.7rem;
}

.pt7 {
  padding-top: 0.7rem;
}

.pl7 {
  padding-left: 0.7rem;
}

.pr7 {
  padding-right: 0.7rem;
}

.p7 {
  padding: 0.7rem;
}

.pb8 {
  padding-bottom: 0.8rem;
}

.pt8 {
  padding-top: 0.8rem;
}

.pl8 {
  padding-left: 0.8rem;
}

.pr8 {
  padding-right: 0.8rem;
}

.p8 {
  padding: 0.8rem;
}

.pb9 {
  padding-bottom: 0.9rem;
}

.pt9 {
  padding-top: 0.9rem;
}

.pl9 {
  padding-left: 0.9rem;
}

.pr9 {
  padding-right: 0.9rem;
}

.p9 {
  padding: 0.9rem;
}

.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;
}

.pb40 {
  padding-bottom: 4rem;
}

.pt40 {
  padding-top: 4rem;
}

.pl40 {
  padding-left: 4rem;
}

.pr40 {
  padding-right: 4rem;
}

.p40 {
  padding: 4rem;
}

.pb50 {
  padding-bottom: 5rem;
}

.pt50 {
  padding-top: 5rem;
}

.pl50 {
  padding-left: 5rem;
}

.pr50 {
  padding-right: 5rem;
}

.p50 {
  padding: 5rem;
}

.pb60 {
  padding-bottom: 6rem;
}

.pt60 {
  padding-top: 6rem;
}

.pl60 {
  padding-left: 6rem;
}

.pr60 {
  padding-right: 6rem;
}

.p60 {
  padding: 6rem;
}

.pb70 {
  padding-bottom: 7rem;
}

.pt70 {
  padding-top: 7rem;
}

.pl70 {
  padding-left: 7rem;
}

.pr70 {
  padding-right: 7rem;
}

.p70 {
  padding: 7rem;
}

.pb80 {
  padding-bottom: 8rem;
}

.pt80 {
  padding-top: 8rem;
}

.pl80 {
  padding-left: 8rem;
}

.pr80 {
  padding-right: 8rem;
}

.p80 {
  padding: 8rem;
}

.blg tr[class*=stao] {
  font-weight: 700;
}
.blg tr.del {
  color: #888888;
}
.blg tr.del .stao-label a {
  background-color: #cccccc;
}
.blg tr.del .titel {
  text-decoration: line-through;
}
.blg .pin .fa-regular {
  color: #cccccc;
}
.blg .pin .fa-regular:hover {
  color: #aaaaaa;
  text-decoration: none;
}

.blg-beitrag {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "h1 h1" "main side";
  grid-column-gap: 8rem;
}
@media (max-width: 1199px) {
  .blg-beitrag {
    grid-column-gap: 4rem;
  }
}
.blg-beitrag .h1-menu {
  grid-area: h1;
}
.blg-beitrag .main {
  grid-area: main;
}
.blg-beitrag .main .beitrag-head {
  margin-bottom: 8rem;
}
.blg-beitrag .side {
  grid-area: side;
}
.blg-beitrag .stao-datum {
  display: grid;
  grid-template-columns: 24rem 20rem 1fr;
  grid-column-gap: 2rem;
}
.blg-beitrag input[id=beitrag-titel] {
  font-size: 2rem;
  font-weight: 700;
}

.sei-seiten table tr.del {
  color: #aaaaaa;
}
.sei-seiten table tr.del .stao-label {
  background-color: #aaaaaa;
}
.sei-seiten table .alias {
  display: inline-block;
  margin-left: 1rem;
  font-size: 1.4rem;
  color: #aaa;
}
.sei-seiten table .alias i {
  margin-right: 0.5rem;
}

.sei-navigation table tr.del-seite .seite-existiert-nicht {
  display: inline-block;
}

.sei__neue-seite-uri {
  display: grid;
  grid-template-columns: 18rem 2rem 1fr;
  justify-items: center;
  align-items: center;
}

.sei-seite .h1-menu {
  margin-bottom: 6rem;
}
.sei-seite .h1-menu .uri {
  display: block;
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
}
.sei-seite .h1-menu .uri a {
  color: #999;
}
.sei-seite .abschnitt {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "kopf kopf kopf kopf";
  grid-column-gap: 2rem;
  margin-bottom: 4rem;
}
.sei-seite .abschnitt .kopf {
  grid-area: kopf;
  display: grid;
  grid-template-columns: 3rem 3rem 17rem 3rem 3rem 17rem 3rem 20rem 1fr;
  padding: 1rem;
  background-color: #ccc;
  border-bottom: 1px solid #ccc;
}
.sei-seite .abschnitt .kopf .gap-icon i,
.sei-seite .abschnitt .kopf .padding-icon i,
.sei-seite .abschnitt .kopf .anzeige-icon i {
  display: inline-block;
  margin-right: 1rem;
  color: #888;
}
.sei-seite .abschnitt .kopf output {
  width: 3rem;
}
.sei-seite .abschnitt .kopf .anzeige-text a {
  color: #000000;
}
.sei-seite .abschnitt .kopf .edit {
  text-align: right;
}
.sei-seite .abschnitt .kopf input[type=range] {
  -webkit-appearance: none;
  width: 13rem;
  margin-right: 4rem;
  background-color: transparent;
  height: 1rem;
}
.sei-seite .abschnitt .kopf input[type=range]:focus {
  outline: none;
}
.sei-seite .abschnitt .kopf input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.4rem;
  box-shadow: none;
  background: #aaa;
  border-radius: 0.2rem;
  border: 0;
}
.sei-seite .abschnitt .kopf input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 0;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.6rem;
  background: #888888;
  -webkit-appearance: none;
  margin-top: -0.4rem;
}
.sei-seite .abschnitt .kopf input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e6e6e6;
}
.sei-seite .abschnitt .spalte {
  display: grid;
  grid-template-rows: 4rem minmax(10rem, auto);
  background-color: #e0e0e0;
}
.sei-seite .abschnitt .spalte.spalte-fr-0 {
  background-color: #efefef;
}
.sei-seite .abschnitt .spalte .spalte-kopf {
  align-self: center;
  display: grid;
  grid-template-columns: 3rem 3rem 1fr 5rem;
  padding: 1rem;
  border-bottom: 1px solid #ccc;
}
.sei-seite .abschnitt .spalte .spalte-kopf i {
  display: inline-block;
  margin-right: 1rem;
}
.sei-seite .abschnitt .spalte .spalte-kopf i:not(.text-error) {
  color: #999;
}
.sei-seite .abschnitt .spalte .spalte-kopf output {
  width: 3rem;
}
.sei-seite .abschnitt .spalte .spalte-kopf input[type=range] {
  -webkit-appearance: none;
  width: 13rem;
  background-color: transparent;
  height: 1rem;
}
.sei-seite .abschnitt .spalte .spalte-kopf input[type=range]:focus {
  outline: none;
}
.sei-seite .abschnitt .spalte .spalte-kopf input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.4rem;
  box-shadow: none;
  background: #aaa;
  border-radius: 0.2rem;
  border: 0;
}
.sei-seite .abschnitt .spalte .spalte-kopf input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 0;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.6rem;
  background: #888888;
  -webkit-appearance: none;
  margin-top: -0.4rem;
}
.sei-seite .abschnitt .spalte .spalte-kopf input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e6e6e6;
}
.sei-seite .abschnitt .spalte .spalte-kopf .mobile {
  text-align: right;
}
.sei-seite .abschnitt .spalte .spalte-kopf .mobile span {
  cursor: pointer;
}
.sei-seite .abschnitt .text,
.sei-seite .abschnitt .text-inactive {
  padding: 2rem 1rem;
  color: #444444;
}
.sei-seite .abschnitt .text ul,
.sei-seite .abschnitt .text-inactive ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
  gap: 1rem;
  text-align: center;
  font-size: 2.8rem;
}
.sei-seite .abschnitt .text ul div,
.sei-seite .abschnitt .text-inactive ul div {
  font-size: 1.4rem;
}
.sei-seite .abschnitt .text:hover,
.sei-seite .abschnitt .text-inactive:hover {
  cursor: pointer;
  color: #444;
}
.sei-seite .abschnitt .text-inactive:hover {
  cursor: default;
  color: inherit;
}
.sei__abschnitt {
  padding: 0.5rem;
  background-color: #cccccc;
}
.sei__abschnitt .header {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 0.5rem 1rem 1rem;
}
.sei__abschnitt .header .bezeichnung {
  font-weight: 700;
}
.sei__abschnitt .header ul {
  display: flex;
  gap: 2rem;
  justify-content: end;
}
.sei__abschnitt .header.del {
  padding-bottom: 0.5rem;
}
.sei__abschnitt .details {
  grid-column: span 2;
  margin-top: 2rem;
}
.sei__abschnitt .details-wrap {
  display: grid;
  grid-template-columns: 30rem auto auto auto auto auto auto auto 1fr;
  gap: 2rem;
}
.sei__abschnitt .picker {
  padding: 0.5rem 1rem 1rem;
}
.sei__abschnitt .picker .pfad {
  margin-bottom: 2rem;
}
.sei__abschnitt .spalten {
  display: grid;
  column-gap: 0.5rem;
}
.sei__abschnitt .spalten .spalte {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
.sei__abschnitt .spalten .spalte .kopf {
  padding: 1rem;
  border-bottom: 1px solid #ccc;
}
.sei__abschnitt .spalten .spalte .kopf ul.width-phone {
  display: grid;
  grid-template-columns: 6rem 6rem 5rem 1fr;
}
.sei__abschnitt .spalten .spalte .text {
  flex-basis: 100%;
  padding: 1.5rem 1rem;
}
.sei__abschnitt .spalten .spalte .text:hover {
  background-color: #ffccdd;
  cursor: pointer;
}
.sei__abschnitt .spalten .spalte .text-inactive {
  flex-basis: 100%;
  padding: 1.5rem 1rem;
  color: #888888;
}

.sei-spalte {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "h1 h1" "inhalte side";
  grid-column-gap: 8rem;
}
@media (max-width: 1199px) {
  .sei-spalte {
    grid-column-gap: 4rem;
  }
}
.sei-spalte .h1-menu {
  grid-area: h1;
  margin-bottom: 6rem;
}
.sei-spalte .h1-menu .uri {
  display: block;
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
}
.sei-spalte .h1-menu .uri a {
  color: #999;
}
.sei-spalte .inhalte {
  grid-area: inhalte;
}

.sei__inhalt {
  padding: 0.5rem;
  background-color: #cccccc;
}
.sei__inhalt.gestalten {
  background-color: #E6B400;
}
.sei__inhalt .header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.sei__inhalt .header .titel {
  font-weight: 700;
}
.sei__inhalt .header .titel i {
  display: inline-block;
  margin-right: 1rem;
  color: #888888;
}
.sei__inhalt .header ul {
  display: flex;
  gap: 2rem;
}
.sei__inhalt .details {
  grid-column: span 2;
  margin-top: 2rem;
}
.sei__inhalt .details-wrap {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto 1fr;
  gap: 2rem;
}
.sei__inhalt .picker {
  padding: 0.5rem 1rem 1rem;
}
.sei__inhalt .picker .pfad {
  margin-bottom: 2rem;
}
.sei__inhalt .body {
  background-color: #ffffff;
}
.sei__inhalt .spalten {
  display: grid;
  column-gap: 0.5rem;
}
.sei__inhalt .spalten .spalte {
  background-color: #ffffff;
  padding: 1rem;
}
.sei__inhalt .spalten .spalte .kopf {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
.sei__inhalt .spalten .spalte .kopf ul {
  display: grid;
  grid-template-columns: 6rem 6rem 5rem 1fr;
}
.sei__inhalt .spalten .spalte .spalte-kopf {
  align-self: center;
}
.sei__inhalt .spalten .spalte .spalte-kopf i {
  display: inline-block;
  margin-right: 1rem;
}
.sei__inhalt .spalten .spalte .spalte-kopf output {
  width: 3rem;
}
.sei__inhalt .spalten .spalte .spalte-kopf input[type=range] {
  -webkit-appearance: none;
  width: 13rem;
  background-color: transparent;
  height: 1rem;
}
.sei__inhalt .spalten .spalte .spalte-kopf input[type=range]:focus {
  outline: none;
}
.sei__inhalt .spalten .spalte .spalte-kopf input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.4rem;
  box-shadow: none;
  background: #aaa;
  border-radius: 0.2rem;
  border: 0;
}
.sei__inhalt .spalten .spalte .spalte-kopf input[type=range]::-webkit-slider-thumb {
  box-shadow: none;
  border: 0;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.6rem;
  background: #888888;
  -webkit-appearance: none;
  margin-top: -0.4rem;
}
.sei__inhalt .spalten .spalte .spalte-kopf input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e6e6e6;
}
.sei__inhalt .spalten .spalte .spalte-kopf .mobile {
  text-align: right;
}
.sei__inhalt .spalten .spalte .spalte-kopf .mobile span {
  cursor: pointer;
}
.sei__inhalt .form-actions {
  display: grid;
  grid-template-columns: 1fr auto;
}
.sei__inhalt .inhalt-del {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 1rem;
  background-color: #dddddd;
  color: #666666;
}
.sei__inhalt .inhalt-del i {
  display: inline-block;
  margin-right: 1rem;
  color: #aaaaaa;
}

.sei__inhalt-neu .module {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-auto-rows: 8rem;
  gap: 1rem;
}
.sei__inhalt-neu .module .modul {
  display: grid;
  align-content: center;
  padding: 1rem;
  font-size: 1.4rem;
  text-align: center;
}
.sei__inhalt-neu .module .modul i {
  display: block;
  margin: 0 auto;
  padding-bottom: 0.8rem;
  font-size: 2.2rem;
}
.sei__inhalt-neu .module .modul:hover {
  text-decoration: none;
}
.sei__inhalt-neu .module .modul[data-modul_id="5"] {
  display: none;
}

.mod-bilder .body {
  padding: 1rem;
}
.mod-bilder .elemente {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
  align-items: center;
  justify-items: center;
  padding: 1rem;
}
.mod-bilder .element {
  position: relative;
  cursor: pointer;
}
.mod-bilder .element img {
  max-width: 100%;
  vertical-align: middle;
}
.mod-bilder .element.selected .badge-minus {
  display: block;
}
.mod-bilder .element.selected img:not(.badge-img) {
  animation: shaking 0.4s infinite;
}
@keyframes shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.mod-bilder .toggle-darstellung {
  display: none;
}

.mod-slideshow .elemente {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
  align-items: center;
  justify-items: center;
  padding: 2rem;
}
.mod-slideshow .element {
  position: relative;
  cursor: pointer;
}
.mod-slideshow .element img {
  max-width: 100%;
}
.mod-slideshow .element.selected .badge-minus {
  display: block;
}
.mod-slideshow .element.selected img:not(.badge-img) {
  animation: shaking 0.4s infinite;
}
@keyframes shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.mod-padding-slider {
  display: grid;
  grid-template-columns: 15rem 3rem;
  padding: 0.6rem 0;
}
.mod-padding-slider input {
  padding-bottom: 0.4rem;
}
.mod-padding-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.4rem;
  box-shadow: none;
  background: #ddd;
  border-radius: 0.2rem;
  border: 0;
}
.mod-padding-slider input[type=range]::-webkit-slider-thumb {
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.6rem;
  background: #888888;
  margin-top: -0.4rem;
}
.mod-padding-slider .output {
  text-align: right;
}

.dat-browser .dat-browser-pfad > div {
  background-color: #ddd;
}
.dat-browser .dat-browser-pfad .ordner,
.dat-browser .dat-browser-pfad .active {
  display: inline-block;
  padding: 1rem;
}
.dat-browser .dat-browser-pfad .divider {
  padding: 1rem 0;
}
.dat-browser .dat-browser-pfad .dropover {
  font-weight: 700;
}
.dat-browser .dropover {
  background-color: #FFF4CC;
}
.dat-browser .dropping {
  animation: pulse 0.5s;
}
@keyframes pulse {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #99FFC5;
  }
  100% {
    background-color: transparent;
  }
}
.dat-browser .del .del-text  {
  color: #888888;
}
.dat-browser .del .del-text  a {
  color: #888888;
}
.dat-browser .kacheln {
  display: grid;
  grid-template-columns: repeat(auto-fill, 16rem);
  grid-gap: 3.6rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.dat-browser .kacheln > div {
  display: grid;
  grid-template-rows: 10rem auto 1fr;
  padding: 2rem 1rem;
  background-color: #eee;
  text-align: center;
}
.dat-browser .kacheln > div.ordner {
  cursor: pointer;
}
.dat-browser .kacheln > div .icon {
  align-self: center;
  font-size: 6rem;
  color: #999;
}
.dat-browser .kacheln > div .vorschau {
  align-self: center;
}
.dat-browser .kacheln > div .vorschau img {
  max-width: 100%;
  max-height: 100%;
  background-color: #fff;
  vertical-align: middle;
}
.dat-browser .kacheln > div .titel,
.dat-browser .kacheln > div .titel-ordner {
  display: block;
  max-width: 14rem;
  margin: 1rem auto 2rem;
  font-size: 1.4rem;
  line-height: 1.5;
  overflow-wrap: break-word;
}
.dat-browser .kacheln > div .actions {
  align-self: end;
  display: flex;
  justify-content: space-around;
}
.dat-browser .kacheln > div:hover {
  background-color: #ddd;
}
.dat-browser .kacheln > div:hover .titel-ordner {
  text-decoration: underline;
}
.dat-browser .kacheln > div.del .vorschau img {
  opacity: 0.1;
}
.dat-browser .kacheln .bild img {
  display: block;
  max-width: 12rem;
  max-height: 12rem;
}
.dat-browser .kacheln .bild img:hover {
  box-shadow: 0px 0px 8px #999;
  cursor: pointer;
}

.dat-picker-kacheln {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
}
.dat-picker-kacheln .ordner {
  position: relative;
  align-self: start;
  text-align: center;
  line-height: 1.2;
}
.dat-picker-kacheln .ordner-icon {
  margin-bottom: 0.5rem;
  font-size: 2.8rem;
  color: #888888;
}
.dat-picker-kacheln .ordner:hover .ordner-icon {
  color: #666666;
}
.dat-picker-kacheln .ordner-titel {
  font-size: 1.4rem;
}
.dat-picker-kacheln .datei {
  position: relative;
  align-self: center;
}
.dat-picker-kacheln .datei.pdf {
  background-color: #fff;
}
.dat-picker-kacheln img {
  width: 100%;
  vertical-align: middle;
}

.dat-picker-kacheln .selected-badge {
  display: none;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 50%;
  font-size: 2.4rem;
  color: #00CC5C;
}
.dat-picker-kacheln .selected-badge i {
  vertical-align: top;
}

.dat-picker .ordner,
.dat-picker .datei,
.dat-picker-img .ordner,
.dat-picker-img .datei {
  cursor: pointer;
}
.dat-picker .ordner.selected .badge-check,
.dat-picker .datei.selected .badge-check,
.dat-picker-img .ordner.selected .badge-check,
.dat-picker-img .datei.selected .badge-check {
  display: inline-block;
}
.dat-picker .dat-switch-darstellung,
.dat-picker-img .dat-switch-darstellung {
  display: none;
}

.dat-pfad {
  padding: 0.8rem;
}

.mod-dateien .titel i {
  padding-left: 1rem;
  color: #aaa;
}
.mod-dateien tr.deleted .titel {
  text-decoration: line-through;
}
.mod-dateien .toggle-darstellung {
  display: none;
}

.picker .kacheln .datei img,
.picker-img .kacheln .datei img {
  display: block;
}
.picker .kacheln .datei img:hover,
.picker-img .kacheln .datei img:hover {
  box-shadow: 0px 0px 8px #999;
  cursor: pointer;
}
.picker .kacheln .selected img,
.picker-img .kacheln .selected img {
  border: 2px solid #00FF6E;
}

.picker .code {
  padding: 0.5rem;
  margin-bottom: 1.5rem;
  font-family: "Roboto Mono", monospace;
  line-height: 1.7;
}
.picker .upload {
  display: inline-block;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 0;
  height: 1.7;
  line-height: 1.7;
  background-color: #888888;
  color: #000000;
  border-radius: 0.4rem;
  vertical-align: middle;
  border: none;
}
.picker .upload:hover {
  background-color: #777777;
}
.picker .upload label {
  display: inline-block;
  width: 100%;
  padding: 0.6rem;
  cursor: pointer;
}
.picker .upload label i {
  padding-right: 0.6rem;
}
.picker .upload label input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.picker .upload-table {
  display: inline-block;
  width: 100%;
  padding: 0;
  height: 1.7;
  line-height: 1.7;
  color: #000000;
  vertical-align: middle;
  border: none;
}
.picker .upload-table label {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}
.picker .upload-table label:hover {
  text-decoration: underline;
}
.picker .upload-table label input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.picker .liste {
  margin-top: 0.5rem;
}
.picker .kacheln {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
}
.picker .kacheln [class^=datei-] {
  place-self: center;
}
.picker .kacheln [class^=datei-] img {
  max-width: 100%;
  cursor: pointer;
}
.picker .jump-browser {
  margin-top: 3rem;
  font-size: 1.4rem;
  text-align: right;
}

.per-uebersicht {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "h1" "switch" "liste" "table";
}
.per-uebersicht .h1-menu {
  grid-area: h1;
}
.per-uebersicht .table-condensed {
  grid-area: table;
}
.per-uebersicht .tab-switch  {
  grid-area: switch;
  display: grid;
  grid-template-columns: 40rem 10rem 75rem 10rem;
  grid-template-areas: ". prev info next";
  margin-bottom: 0.5rem;
}
@media (max-width: 1199px) {
  .per-uebersicht .tab-switch  {
    grid-template-columns: 340px 70px 490px 70px;
  }
}
.per-uebersicht .tab-switch  .prev {
  grid-area: prev;
}
.per-uebersicht .tab-switch  .next {
  grid-area: next;
}
.per-uebersicht .tab-switch  .prev,
.per-uebersicht .tab-switch  .next  {
  background-color: #CC0029;
  color: #fff;
  text-align: center;
  padding: 0.8rem;
  cursor: pointer;
}
.per-uebersicht .tab-switch  .prev.disabled,
.per-uebersicht .tab-switch  .next .disabled {
  background-color: #ddd;
  cursor: default;
}
.per-uebersicht .tab-switch  .info {
  grid-area: info;
  align-self: center;
  font-size: 1.4rem;
  color: #CC0029;
  text-align: center;
}
.per-uebersicht .liste {
  grid-area: liste;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  grid-template-areas: "head" "body";
  background-color: #ffffff;
  margin-bottom: 2rem;
}
.per-uebersicht .liste .head .row .cell,
.per-uebersicht .liste .body .row .cell {
  width: 10rem;
  text-align: center;
  line-height: 1.7;
}
.per-uebersicht .liste .head .row .nr,
.per-uebersicht .liste .body .row .nr {
  width: 5rem;
  text-align: right;
  padding-right: 1rem;
  color: #aaa;
}
.per-uebersicht .liste .head .row .name,
.per-uebersicht .liste .body .row .name {
  width: 19rem;
  text-align: left;
}
.per-uebersicht .liste .head .row .kuerzel,
.per-uebersicht .liste .body .row .kuerzel {
  width: 8rem;
  text-align: center;
}
.per-uebersicht .liste .head .row .chat,
.per-uebersicht .liste .body .row .chat {
  width: 8rem;
  text-align: center;
}
.per-uebersicht .liste .head .row .zebra-0,
.per-uebersicht .liste .body .row .zebra-0 {
  background-color: #fff;
}
.per-uebersicht .liste .head .row .zebra-1,
.per-uebersicht .liste .body .row .zebra-1 {
  background-color: #f8f8f8;
}
.per-uebersicht .liste .head .row [class*=tab-],
.per-uebersicht .liste .body .row [class*=tab-] {
  display: none;
}
.per-uebersicht .liste .head .row .tab-1,
.per-uebersicht .liste .body .row .tab-1 {
  display: block;
}
@media (max-width: 1199px) {
  .per-uebersicht .liste .head .row .cell,
  .per-uebersicht .liste .body .row .cell {
    width: 70px;
  }
  .per-uebersicht .liste .head .row .name,
  .per-uebersicht .liste .body .row .name {
    width: 110px;
  }
  .per-uebersicht .liste .head .row .kuerzel,
  .per-uebersicht .liste .body .row .kuerzel {
    width: 55px;
  }
  .per-uebersicht .liste .head .row .chat,
  .per-uebersicht .liste .body .row .chat {
    width: 55px;
  }
}
.per-uebersicht .liste .head {
  grid-area: head;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #ffffff;
  font-size: 1.2rem;
  line-height: 1.2;
}
.per-uebersicht .liste .head .row {
  display: grid;
  grid-auto-flow: column;
  justify-items: stretch;
  align-items: stretch;
}
.per-uebersicht .liste .head .row .cell {
  text-transform: uppercase;
  font-weight: 700;
  padding: 8px;
}
.per-uebersicht .liste .head .row .tab-switch {
  display: block;
  width: 40px;
  border-bottom: 2px solid #ffffff;
  background-color: #CC0029;
  color: #ffffff;
  padding: 8px;
  text-align: center;
}
@media (max-width: 1199px) {
  .per-uebersicht .liste .head .row .tab-switch {
    width: 30px;
  }
}
.per-uebersicht .liste .head .row .tab-switch i {
  display: block;
}
.per-uebersicht .liste .head .row .tab-switch i.fa-chevron-left {
  display: none;
}
.per-uebersicht .liste .head .row .tab-switch i:hover {
  cursor: pointer;
}
.per-uebersicht .liste .body {
  grid-area: body;
}
.per-uebersicht .liste .body .row {
  display: grid;
  grid-auto-flow: column;
  justify-items: stretch;
}
.per-uebersicht .liste .body .row .cell {
  padding: 8px;
}
.per-galerie .personen {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  gap: 4rem;
}
.per-galerie .personen img {
  display: block;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 1rem;
}
.per-galerie .personen .name {
  text-align: center;
  font-weight: 700;
}

.mod-personen .person-titel small {
  padding-left: 1rem;
}
.mod-personen tr.deleted .name {
  display: inline-block;
  margin-right: 1rem;
  text-decoration: line-through;
}

.per-detail .daten {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 8rem;
}
@media (max-width: 899px) {
  .per-detail .daten {
    grid-template-columns: 100%;
  }
}
.per-detail .person {
  margin-bottom: 4rem;
}
.per-detail .person .name-vorname-kuerzel {
  display: grid;
  grid-template-columns: 3fr 3fr 1fr;
  grid-column-gap: 2rem;
}
.per-detail .person .geschlecht-email {
  display: grid;
  grid-template-columns: 3fr 4fr;
  grid-column-gap: 2rem;
}
.per-detail .standorte {
  margin-bottom: 4rem;
}
.per-detail .standorte img {
  width: 50%;
}

.per-foto .upload {
  width: 60rem;
  margin: 0 auto;
}
.per-foto .img {
  margin-bottom: 4rem;
}
.per-foto img {
  display: block;
  max-width: 100%;
}
.per-foto input {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.img-crop-wrapper .img-crop {
  width: 100%;
  margin-bottom: 2rem;
}
.img-crop-wrapper .actions {
  display: flex;
  justify-content: space-between;
}

.img-crop-upload .actions {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.img-crop-upload label {
  cursor: pointer;
}
.img-crop-upload input {
  display: none;
}

.per-ich-wrapper {
  display: grid;
  grid-template-columns: 1fr 40rem;
  grid-template-areas: "main aside";
  column-gap: 8rem;
}
.per-ich-wrapper .aside {
  grid-area: aside;
}
.per-ich-wrapper .aside img {
  width: 100%;
}
.per-ich-wrapper .main {
  grid-area: main;
}

#modal-person .name-vorname-kuerzel {
  display: grid;
  grid-template-columns: 1fr 1fr 10rem;
  grid-column-gap: 2rem;
}
#modal-person .adresse-ort {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
}
#modal-person .telefon-email {
  display: grid;
  grid-template-columns: 15rem 1fr;
  grid-column-gap: 2rem;
}

.kal-uebersicht .titel {
  font-weight: 700;
}
.kal-uebersicht .zeit {
  font-size: 1.2rem;
}
.kal-uebersicht .kategorie {
  display: inline-block;
  padding: 0 0.5rem;
  margin-right: 0.5rem;
  background-color: #cccccc;
  font-size: 1.2rem;
}
.kal-uebersicht tr.del {
  color: #888888;
}
.kal-uebersicht tr.del .titel,
.kal-uebersicht tr.del .datum,
.kal-uebersicht tr.del .zeit {
  text-decoration: line-through;
}

.mod-kalender .body {
  padding: 1rem;
}

.frm-uebersicht tr.del .stao-label a {
  background-color: #cccccc;
}

.frm-grunddaten,
.frm-eingabe,
.frm-designer,
.frm-vorschau {
  display: grid;
  grid-template-columns: 25rem 1fr 25rem;
  grid-template-areas: "h1 h1 h1" "auswahl main .";
  column-gap: 8rem;
}
@media (max-width: 1199px) {
  .frm-grunddaten,
  .frm-eingabe,
  .frm-designer,
  .frm-vorschau {
    grid-template-columns: 25rem 1fr;
    grid-template-areas: "h1 h1" "auswahl main";
    column-gap: 4rem;
  }
}
@media (max-width: 899px) {
  .frm-grunddaten,
  .frm-eingabe,
  .frm-designer,
  .frm-vorschau {
    grid-template-columns: 100%;
    grid-template-areas: "h1" "auswahl" "main";
  }
}
.frm-grunddaten .auswahl,
.frm-eingabe .auswahl,
.frm-designer .auswahl,
.frm-vorschau .auswahl {
  grid-area: auswahl;
}
@media (max-width: 899px) {
  .frm-grunddaten .auswahl,
  .frm-eingabe .auswahl,
  .frm-designer .auswahl,
  .frm-vorschau .auswahl {
    margin-bottom: 8rem;
  }
}
.frm-grunddaten .h1-menu,
.frm-eingabe .h1-menu,
.frm-designer .h1-menu,
.frm-vorschau .h1-menu {
  grid-area: h1;
}
.frm-grunddaten .main,
.frm-eingabe .main,
.frm-designer .main,
.frm-vorschau .main {
  grid-area: main;
}
.frm-grunddaten .main .formularfeld,
.frm-eingabe .main .formularfeld,
.frm-designer .main .formularfeld,
.frm-vorschau .main .formularfeld {
  padding-bottom: 2rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #CAA100;
}
.frm-grunddaten .main .formularfeld.del .inside,
.frm-eingabe .main .formularfeld.del .inside,
.frm-designer .main .formularfeld.del .inside,
.frm-vorschau .main .formularfeld.del .inside {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #cccccc;
}
.frm-grunddaten .main.grunddaten form,
.frm-eingabe .main.grunddaten form,
.frm-designer .main.grunddaten form,
.frm-vorschau .main.grunddaten form {
  margin-bottom: 6rem;
}
.frm-grunddaten .main .next-prev,
.frm-eingabe .main .next-prev,
.frm-designer .main .next-prev,
.frm-vorschau .main .next-prev {
  display: grid;
  grid-template-columns: 4rem 1fr 4rem;
  align-items: center;
  text-align: center;
  margin-bottom: 4rem;
  font-weight: 700;
}
.frm-grunddaten .main i.choice,
.frm-eingabe .main i.choice,
.frm-designer .main i.choice,
.frm-vorschau .main i.choice {
  display: inline-block;
  margin-right: 1rem;
}

.frm-eingaben,
.frm-eingabe {
  display: grid;
  grid-template-columns: 25rem 1fr;
  grid-template-areas: "h1 h1" "auswahl main";
  column-gap: 8rem;
}
@media (max-width: 1199px) {
  .frm-eingaben,
  .frm-eingabe {
    column-gap: 4rem;
  }
}
@media (max-width: 899px) {
  .frm-eingaben,
  .frm-eingabe {
    grid-template-columns: 100%;
    grid-template-areas: "h1" "auswahl" "main";
  }
}
.frm-eingaben .h1-menu,
.frm-eingabe .h1-menu {
  grid-area: h1;
}
.frm-eingaben .auswahl,
.frm-eingabe .auswahl {
  grid-area: auswahl;
}
@media (max-width: 899px) {
  .frm-eingaben .auswahl,
  .frm-eingabe .auswahl {
    margin-bottom: 8rem;
  }
}
.frm-eingaben .auswahl .stao-select,
.frm-eingabe .auswahl .stao-select {
  margin-top: 0.6rem;
  margin-bottom: 4rem;
}
.frm-eingaben .main,
.frm-eingabe .main {
  grid-area: main;
}
.frm-eingaben .main .bestaetigung,
.frm-eingabe .main .bestaetigung {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #CAA100;
}
.frm-eingaben .main tr.del,
.frm-eingabe .main tr.del {
  text-decoration: line-through;
  color: #888888;
}

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

.ost a.anzeige-0 {
  color: #cccccc;
}
.ost a.anzeige-1 {
  color: #00CC5C;
}

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

.mpl-plan {
  padding: 0.5rem;
  background-color: #cccccc;
}
.mpl-plan .header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.mpl-plan .header .titel {
  font-weight: 700;
}
.mpl-plan .header .titel i {
  display: inline-block;
  margin-right: 1rem;
  color: #888888;
}
.mpl-plan .header ul {
  display: flex;
  gap: 2rem;
}
.mpl-plan .details {
  grid-column: span 2;
  margin-top: 2rem;
}
.mpl-plan .details-wrap {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  gap: 2rem;
}
.mpl-plan .body {
  background-color: #ffffff;
}

.mpl-verwaltung {
  display: grid;
  grid-template-columns: 30rem 4fr;
  grid-template-areas: "h1 h1" "standorte main";
  grid-column-gap: 8rem;
}
.mpl-verwaltung h1 {
  grid-area: h1;
}
.mpl-verwaltung .standorte {
  grid-area: standorte;
}
.mpl-verwaltung .standorte .management {
  margin-top: 4rem;
  margin-bottom: 0;
}
.mpl-verwaltung .main {
  grid-area: main;
}
.mpl-site-menueplan .plan {
  width: 100%;
}

.mod-menueplan .body {
  padding: 1rem;
}

.res-belegung .h1-menu {
  grid-template-columns: auto 1fr;
}
@media (max-width: 899px) {
  .res-belegung .h1-menu {
    grid-template-columns: 100%;
    row-gap: 1rem;
  }
}
.res-belegung .h1-menu .sub {
  font-weight: 400;
}
.res-belegung .h1-menu .datum {
  display: inline-block;
  padding-right: 1rem;
  font-size: 2.6rem;
  font-weight: 400;
}
.res-belegung .h1-menu .switch {
  display: inline-block;
  padding: 0 1rem;
  font-size: 2.6rem;
}
.res-belegung .h1-menu .menu .jump-tag .dropdown-menu {
  padding: 0;
}
.res-belegung .gruppen-select {
  text-align: center;
  margin-bottom: 2rem;
}
.res-belegung .plan {
  display: grid;
  grid-template-columns: 12rem 1fr;
}
.res-belegung .plan .raeume {
  display: grid;
  grid-auto-columns: minmax(18rem, 1fr);
  grid-auto-flow: column;
  overflow-x: scroll;
}
.res-belegung .plan .tage {
  display: grid;
  grid-template-columns: repeat(5, minmax(18rem, 1fr));
  overflow-x: scroll;
}
.res-belegung .plan .tage.tage-7 {
  grid-template-columns: repeat(7, minmax(18rem, 1fr));
}
.res-belegung .plan .zeit,
.res-belegung .plan .raum,
.res-belegung .plan .tag {
  display: grid;
  grid-template-rows: 6rem;
  grid-auto-rows: 4.1rem;
}
.res-belegung .plan .zeit .cell {
  padding: 1.2rem 0.8rem;
  border-left: 1px solid #ccc;
}
.res-belegung .plan .zeit .cell:first-child {
  border-left: none;
}
.res-belegung .plan .cell {
  padding: 0.8rem;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.res-belegung .plan .cell.mittag {
  background-color: #eee;
}
.res-belegung .plan .cell.belegen {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-auto-columns: 0px;
  grid-auto-flow: column;
  column-gap: 0.4rem;
  padding: 0 0.4rem;
}
.res-belegung .plan .cell.belegen.c1 {
  background-color: #B3CFFF;
}
.res-belegung .plan .cell.belegen.c1.mittag {
  background-color: #99BEFF;
}
.res-belegung .plan .cell.belegen.c2 {
  background-color: #D7B3FF;
}
.res-belegung .plan .cell.belegen.c2.mittag {
  background-color: #CA99FF;
}
.res-belegung .plan .cell.belegen.c3 {
  background-color: #FFB3E6;
}
.res-belegung .plan .cell.belegen.c3.mittag {
  background-color: #FF99DD;
}
.res-belegung .plan .cell.belegen.c4 {
  background-color: #FFB3C2;
}
.res-belegung .plan .cell.belegen.c4.mittag {
  background-color: #FF99AD;
}
.res-belegung .plan .cell.belegen.c5 {
  background-color: #FFD2B3;
}
.res-belegung .plan .cell.belegen.c5.mittag {
  background-color: #FFC499;
}
.res-belegung .plan .cell.belegen.c6 {
  background-color: #FFEEB3;
}
.res-belegung .plan .cell.belegen.c6.mittag {
  background-color: #FFE999;
}
.res-belegung .plan .cell.belegen.c7 {
  background-color: #80FFB7;
}
.res-belegung .plan .cell.belegen.c7.mittag {
  background-color: #66FFA8;
}
.res-belegung .plan .cell.belegen.c8 {
  background-color: #80FFF4;
}
.res-belegung .plan .cell.belegen.c8.mittag {
  background-color: #66FFF2;
}
.res-belegung .plan .cell.belegen.c9 {
  background-color: #B3EBFF;
}
.res-belegung .plan .cell.belegen.c9.mittag {
  background-color: #99E4FF;
}
.res-belegung .plan .cell.belegen.c0 {
  background-color: #efefef;
}
.res-belegung .plan .cell.belegen.c0.mittag {
  background-color: #eeeeee;
}
.res-belegung .plan .cell.belegen:hover {
  background-color: #ddd;
}
.res-belegung .plan .cell.belegen:hover.c1 {
  background-color: #80AEFF;
}
.res-belegung .plan .cell.belegen:hover.c2 {
  background-color: #BD80FF;
}
.res-belegung .plan .cell.belegen:hover.c3 {
  background-color: #FF80D5;
}
.res-belegung .plan .cell.belegen:hover.c4 {
  background-color: #FF8099;
}
.res-belegung .plan .cell.belegen:hover.c5 {
  background-color: #FFB580;
}
.res-belegung .plan .cell.belegen:hover.c6 {
  background-color: #FFE380;
}
.res-belegung .plan .cell.belegen:hover.c7 {
  background-color: #4CFF9A;
}
.res-belegung .plan .cell.belegen:hover.c8 {
  background-color: #4CFFF0;
}
.res-belegung .plan .cell.belegen:hover.c9 {
  background-color: #80DDFF;
}
.res-belegung .plan .cell.belegen:hover.c0 {
  background-color: #dddddd;
}
.res-belegung .plan .raum .kopf {
  padding: 0;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
}
.res-belegung .plan .raum .kopf a {
  display: block;
  padding: 1.2rem 0.8rem;
  color: #fff;
}
.res-belegung .plan .raum .kopf a .sub {
  display: block;
  font-weight: 400;
  font-style: italic;
  font-size: 1.4rem;
}
.res-belegung .plan .tag .kopf {
  padding: 0;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
}
.res-belegung .plan .tag .kopf a {
  display: block;
  padding: 1.2rem 0.8rem;
  color: #fff;
}
.res-belegung .plan .tag .kopf a .datum {
  display: block;
  font-weight: 400;
  font-style: italic;
}
.res-belegung .plan .belegung {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.8rem;
  color: #fff;
  cursor: pointer;
}
.res-belegung .plan .belegung.belegung-start {
  margin-top: 0.4rem;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}
.res-belegung .plan .belegung.belegung-ende {
  margin-bottom: 0.4rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
.res-belegung .plan .ueberbelegung {
  position: absolute;
  width: 100%;
  padding: 1.4rem 0.8rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #CC0029;
  text-align: center;
}
.res-belegung .plan .c1 {
  background-color: #005EFF;
}
.res-belegung .plan .c1.light {
  background-color: #669EFF;
}
.res-belegung .plan .c2 {
  background-color: #7B00FF;
}
.res-belegung .plan .c2.light {
  background-color: #B066FF;
}
.res-belegung .plan .c3 {
  background-color: #FF00AA;
}
.res-belegung .plan .c3.light {
  background-color: #FF66CC;
}
.res-belegung .plan .c4 {
  background-color: #FF0033;
}
.res-belegung .plan .c4.light {
  background-color: #FF6685;
}
.res-belegung .plan .c5 {
  background-color: #FF6A00;
}
.res-belegung .plan .c5.light {
  background-color: #FFA666;
}
.res-belegung .plan .c6 {
  background-color: #FFC800;
}
.res-belegung .plan .c6.light {
  background-color: #FFDE66;
}
.res-belegung .plan .c7 {
  background-color: #00CC5C;
}
.res-belegung .plan .c7.light {
  background-color: #33FF8B;
}
.res-belegung .plan .c8 {
  background-color: #00CCBB;
}
.res-belegung .plan .c8.light {
  background-color: #33FFEE;
}
.res-belegung .plan .c9 {
  background-color: #00BBFF;
}
.res-belegung .plan .c9.light {
  background-color: #66D6FF;
}
.res-belegung .plan .c0 {
  background-color: #888888;
}
.res-belegung .plan .c0.light {
  background-color: #cccccc;
}
.res-belegung .plan-monat {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-left: 1px solid #ccc;
}
.res-belegung .plan-monat .cell {
  padding: 0.8rem;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.res-belegung .plan-monat .cell.kopf {
  padding: 1.2rem 0.8rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
}
.res-belegung .plan-monat .cell.tag {
  min-height: 10rem;
  cursor: pointer;
}
.res-belegung .plan-monat .cell.tag .zahl {
  font-weight: 700;
}
.res-belegung .plan-monat .cell.tag ul {
  display: grid;
  grid-template-columns: 1fr;
}
.res-belegung .plan-monat .cell.tag .belegung-monat {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
}
.res-belegung .plan-monat .cell.tag .belegung-monat small {
  font-size: 1.2rem;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c1 {
  color: #005EFF;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c2 {
  color: #7B00FF;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c3 {
  color: #FF00AA;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c4 {
  color: #FF0033;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c5 {
  color: #FF6A00;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c6 {
  color: #FFC800;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c7 {
  color: #00CC5C;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c8 {
  color: #00CCBB;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c9 {
  color: #00BBFF;
  background: transparent;
}
.res-belegung .plan-monat .cell.tag .belegung-monat.c0 {
  color: #888888;
  background: transparent;
}
.res-belegung .plan-monat .cell.disabled {
  background-color: #eee;
  cursor: default;
}
.res-belegung .plan-monat .cell.disabled .zahl {
  color: #999;
}

#modal-anlage .raster-mittag {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}

.res-raum-color-select .raum-color {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  border-radius: 50%;
  margin: 0.5rem;
  cursor: pointer;
}
.res-raum-color-select .raum-color > i {
  color: transparent;
  line-height: 3rem;
}
.res-raum-color-select .raum-color.active > i {
  color: #fff;
}

.c1 {
  background-color: #005EFF;
}
.c1.light {
  background-color: #669EFF;
}

.c2 {
  background-color: #7B00FF;
}
.c2.light {
  background-color: #B066FF;
}

.c3 {
  background-color: #FF00AA;
}
.c3.light {
  background-color: #FF66CC;
}

.c4 {
  background-color: #FF0033;
}
.c4.light {
  background-color: #FF6685;
}

.c5 {
  background-color: #FF6A00;
}
.c5.light {
  background-color: #FFA666;
}

.c6 {
  background-color: #FFC800;
}
.c6.light {
  background-color: #FFDE66;
}

.c7 {
  background-color: #00CC5C;
}
.c7.light {
  background-color: #00CC5C;
}

.c8 {
  background-color: #00CCBB;
}
.c8.light {
  background-color: #33FFEE;
}

.c9 {
  background-color: #00BBFF;
}
.c9.light {
  background-color: #66D6FF;
}

.c0 {
  background-color: #888888;
}
.c0.light {
  background-color: #cccccc;
}

.stv-wrapper {
  display: grid;
  grid-template-columns: 30rem 1fr;
  grid-template-areas: "aside main";
  column-gap: 8rem;
}
@media (max-width: 899px) {
  .stv-wrapper {
    grid-template-columns: 100%;
    grid-template-areas: "aside" "main";
    row-gap: 4rem;
  }
}
.stv-wrapper .aside {
  grid-area: aside;
}
.stv-wrapper .main {
  grid-area: main;
}

.ipb {
  display: grid;
  grid-template-columns: 25rem 1fr;
  grid-template-areas: "h1 h1" "auswahl main";
  grid-column-gap: 8rem;
}
@media (max-width: 899px) {
  .ipb {
    grid-template-columns: 100%;
    grid-template-areas: "h1" "auswahl" "main";
  }
}
.ipb .h1-menu {
  grid-area: h1;
}
.ipb .auswahl {
  grid-area: auswahl;
}
@media (max-width: 899px) {
  .ipb .auswahl {
    margin-bottom: 8rem;
  }
}
.ipb .auswahl .stao-select {
  margin-top: 0.6rem;
  margin-bottom: 4rem;
}
.ipb .main {
  grid-area: main;
}
.ipb .main .uebersicht {
  display: grid;
  grid-template-columns: repeat(4, auto);
  column-gap: 1rem;
  margin-bottom: 2rem;
  font-weight: 700;
}
.ipb .main .uebersicht span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}
.ipb .main table {
  margin-bottom: 4rem;
}
.ipb .zeitraum-stunden {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 2rem;
}
.ipb .extern {
  display: none;
}
.ipb .toggle {
  padding-top: 3.4rem;
}

.ipb-verwaltung {
  display: grid;
  grid-template-columns: 30rem 4fr;
  grid-template-areas: "h1 h1" "standorte main";
  grid-column-gap: 8rem;
}
.ipb-verwaltung h1 {
  grid-area: h1;
}
.ipb-verwaltung .standorte {
  grid-area: standorte;
}
.ipb-verwaltung .standorte .management {
  margin-top: 4rem;
  margin-bottom: 0;
}
.ipb-verwaltung .main {
  grid-area: main;
}

.fin-wrapper {
  display: grid;
  grid-template-columns: 30rem 1fr;
  grid-template-areas: "aside main";
  column-gap: 8rem;
}
.fin-wrapper .aside {
  grid-area: aside;
}
.fin-wrapper .main {
  grid-area: main;
}
@media (max-width: 899px) {
  .fin-wrapper {
    grid-template-columns: 100%;
    grid-template-areas: "aside" "main";
    row-gap: 4rem;
  }
}

.fin-antrag-neu-bereiche {
  display: flex;
  justify-content: space-around;
  gap: 2rem;
}

.fin .budgetantrag .kosten {
  display: grid;
  grid-template-columns: 1fr 20rem 20rem;
  grid-column-gap: 2rem;
}
.fin .beurteilung-0 {
  margin-right: 0.5rem;
  color: #ddd;
}
.fin .beurteilung-1 {
  margin-right: 0.5rem;
  color: #ff0000;
}
.fin .beurteilung-2 {
  margin-right: 0.5rem;
  color: #ff8800;
}
.fin .beurteilung-3 {
  margin-right: 0.5rem;
  color: #ffdd00;
}
.fin .beurteilung-4 {
  margin-right: 0.5rem;
  color: #aaff00;
}
.fin .beurteilung-5 {
  margin-right: 0.5rem;
  color: #00ff22;
}
.fin .beurteilung-table {
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1;
}
.fin .kredit-eroeffnen {
  width: 50%;
  padding: 1.5rem;
  margin-top: 8rem;
}
.fin .kredit-eroeffnen .form-actions {
  margin-bottom: 0;
}

.pro-wrapper {
  display: grid;
  grid-template-columns: 30rem 1fr;
  grid-template-areas: "aside main";
  column-gap: 8rem;
}
@media (max-width: 899px) {
  .pro-wrapper {
    grid-template-columns: 100%;
    grid-template-areas: "aside" "main";
    row-gap: 4rem;
  }
}
.pro-wrapper .aside {
  grid-area: aside;
}
.pro-wrapper .aside .status .page {
  cursor: pointer;
}
.pro-wrapper .main {
  grid-area: main;
}

.pro-projekt .grunddaten-lager,
.pro-projekt .grunddaten-schulreise_2_tage,
.pro-projekt .grunddaten-projektwoche {
  display: grid;
  grid-template-columns: 1fr 1fr 18rem 18rem;
  grid-template-areas: "titel titel start ende" "klassen ort . .";
  column-gap: 2rem;
  margin-bottom: 4rem;
}
@media (max-width: 899px) {
  .pro-projekt .grunddaten-lager,
  .pro-projekt .grunddaten-schulreise_2_tage,
  .pro-projekt .grunddaten-projektwoche {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "titel titel" "start ende" "klassen klassen" "ort ort";
  }
}
.pro-projekt .grunddaten-lager .titel,
.pro-projekt .grunddaten-schulreise_2_tage .titel,
.pro-projekt .grunddaten-projektwoche .titel {
  grid-area: titel;
}
.pro-projekt .grunddaten-lager .start,
.pro-projekt .grunddaten-schulreise_2_tage .start,
.pro-projekt .grunddaten-projektwoche .start {
  grid-area: start;
}
.pro-projekt .grunddaten-lager .ende,
.pro-projekt .grunddaten-schulreise_2_tage .ende,
.pro-projekt .grunddaten-projektwoche .ende {
  grid-area: ende;
}
.pro-projekt .grunddaten-lager .klassen,
.pro-projekt .grunddaten-schulreise_2_tage .klassen,
.pro-projekt .grunddaten-projektwoche .klassen {
  grid-area: klassen;
}
.pro-projekt .grunddaten-lager .ort,
.pro-projekt .grunddaten-schulreise_2_tage .ort,
.pro-projekt .grunddaten-projektwoche .ort {
  grid-area: ort;
}
.pro-projekt .grunddaten-lager .thema,
.pro-projekt .grunddaten-schulreise_2_tage .thema,
.pro-projekt .grunddaten-projektwoche .thema {
  grid-area: ort;
}
.pro-projekt .grunddaten-exkursion,
.pro-projekt .grunddaten-schulreise,
.pro-projekt .grunddaten-projekttag,
.pro-projekt .grunddaten-schulfest {
  display: grid;
  grid-template-columns: 40rem auto 1fr;
  grid-template-areas: "bezeichnung start klassen" ". ort ort";
  column-gap: 2rem;
  margin-bottom: 4rem;
}
@media (max-width: 899px) {
  .pro-projekt .grunddaten-exkursion,
  .pro-projekt .grunddaten-schulreise,
  .pro-projekt .grunddaten-projekttag,
  .pro-projekt .grunddaten-schulfest {
    grid-template-columns: 100%;
    grid-template-areas: "bezeichnung" "start" "klassen" "ort";
  }
}
.pro-projekt .grunddaten-exkursion .bezeichnung,
.pro-projekt .grunddaten-schulreise .bezeichnung,
.pro-projekt .grunddaten-projekttag .bezeichnung,
.pro-projekt .grunddaten-schulfest .bezeichnung {
  grid-area: bezeichnung;
}
.pro-projekt .grunddaten-exkursion .start,
.pro-projekt .grunddaten-schulreise .start,
.pro-projekt .grunddaten-projekttag .start,
.pro-projekt .grunddaten-schulfest .start {
  grid-area: start;
}
.pro-projekt .grunddaten-exkursion .klassen,
.pro-projekt .grunddaten-schulreise .klassen,
.pro-projekt .grunddaten-projekttag .klassen,
.pro-projekt .grunddaten-schulfest .klassen {
  grid-area: klassen;
}
.pro-projekt .grunddaten-exkursion .ort,
.pro-projekt .grunddaten-schulreise .ort,
.pro-projekt .grunddaten-projekttag .ort,
.pro-projekt .grunddaten-schulfest .ort {
  grid-area: ort;
}
.pro-projekt .grunddaten-exkursion .thema,
.pro-projekt .grunddaten-schulreise .thema,
.pro-projekt .grunddaten-projekttag .thema,
.pro-projekt .grunddaten-schulfest .thema {
  grid-area: ort;
}
.pro-projekt .datum-klasse {
  display: grid;
  grid-template-columns: auto 16rem;
  column-gap: 2rem;
  margin-bottom: 4rem;
}
@media (max-width: 899px) {
  .pro-projekt .datum-klasse {
    grid-template-columns: 100%;
  }
}
.pro-projekt .datum-klasse-ort {
  display: grid;
  grid-template-columns: auto 16rem 1fr;
  column-gap: 2rem;
  margin-bottom: 4rem;
}
@media (max-width: 899px) {
  .pro-projekt .datum-klasse-ort {
    grid-template-columns: 100%;
  }
}
.pro-projekt .leitung-begleitpersonen {
  display: grid;
  grid-template-columns: 40rem 1fr;
  column-gap: 8rem;
}
@media (max-width: 899px) {
  .pro-projekt .leitung-begleitpersonen {
    grid-template-columns: 100%;
  }
}
@media (max-width: 899px) {
  .pro-projekt .planungsdaten .form-group-1-1 {
    grid-template-columns: 100%;
  }
}
.pro-projekt .h3-budget-rechnung {
  display: grid;
  grid-template-columns: 1fr 12rem 12rem;
  gap: 2rem;
  align-items: end;
  margin-top: 3rem;
}
.pro-projekt .h3-budget-rechnung span {
  text-align: right;
  padding: 0.5rem;
  margin-bottom: 2rem;
  font-weight: 700;
}
.pro-projekt .table-budget .kostenstelle,
.pro-projekt .table-budget-admin .kostenstelle {
  display: grid;
  grid-template-columns: 1fr 12rem 12rem;
  gap: 2rem;
  align-items: center;
  margin-bottom: 2rem;
  padding: 0.5rem;
  background-color: #eee;
}
.pro-projekt .table-budget .kostenstelle .titel-beschreibung,
.pro-projekt .table-budget-admin .kostenstelle .titel-beschreibung {
  line-height: 1.7;
}
.pro-projekt .table-budget .kostenstelle .beschreibung,
.pro-projekt .table-budget-admin .kostenstelle .beschreibung {
  font-size: 1.4rem;
  color: #888888;
}
.pro-projekt .table-budget .kostenstelle .ausgabe,
.pro-projekt .table-budget .kostenstelle .einnahme,
.pro-projekt .table-budget .kostenstelle .budget,
.pro-projekt .table-budget .kostenstelle .rechnung,
.pro-projekt .table-budget-admin .kostenstelle .ausgabe,
.pro-projekt .table-budget-admin .kostenstelle .einnahme,
.pro-projekt .table-budget-admin .kostenstelle .budget,
.pro-projekt .table-budget-admin .kostenstelle .rechnung {
  text-align: right;
}
.pro-projekt .table-budget .kostenstelle input:not([readonly]):not(:focus),
.pro-projekt .table-budget-admin .kostenstelle input:not([readonly]):not(:focus) {
  background-color: #fff;
}
.pro-projekt .table-budget-admin .kostenstelle {
  grid-template-columns: 1fr 12rem 12rem 5rem;
}
.pro-projekt .ueberschuss {
  margin-bottom: 8rem;
}
.pro-projekt .status-schema {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.pro-projekt .status-schema .schritt {
  flex-basis: 1;
  padding: 1rem;
  background-color: #eee;
  text-align: center;
}
.pro-projekt .status-schema .schritt i {
  display: block;
  margin: 0 auto 1rem;
  font-size: 3rem;
  color: #cccccc;
}
.pro-projekt .status-schema .schritt span {
  display: block;
  font-size: 1.4rem;
  color: #888888;
}
.pro-projekt .status-schema .schritt.done {
  background-color: #b8bba5;
}
.pro-projekt .status-schema .schritt.done i {
  color: #3d421e;
}
.pro-projekt .status-schema .schritt.done span {
  color: #3d421e;
}
.pro-projekt .status-schema .caret {
  flex-basis: 5rem;
  font-size: 3rem;
  color: #eee;
}
.pro-projekt .dateien {
  margin-bottom: 4rem;
}
.pro-projekt .entscheid-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  background-color: #b8bba5;
}
.pro-projekt input[disabled],
.pro-projekt textarea[disabled],
.pro-projekt select[disabled] {
  color: #000000;
}

.wbd-wrapper {
  display: grid;
  grid-template-columns: 30rem 1fr;
  grid-template-areas: "aside main";
  column-gap: 8rem;
}
@media (max-width: 899px) {
  .wbd-wrapper {
    grid-template-columns: 100%;
    grid-template-areas: "aside" "main";
    row-gap: 4rem;
  }
}
.wbd-wrapper .aside {
  grid-area: aside;
}
.wbd-wrapper .main {
  grid-area: main;
}
.wbd-wrapper .main .pensum {
  display: grid;
  grid-template-columns: repeat(6, auto);
  column-gap: 1rem;
  margin-bottom: 2rem;
  font-weight: 700;
}
.wbd-wrapper .main .pensum span {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}
.wbd-wrapper .zeitraum-stunden {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 2rem;
}

.ads-wrapper {
  display: grid;
  grid-template-columns: 30rem 1fr;
  grid-template-areas: "aside main";
  column-gap: 8rem;
}
@media (max-width: 899px) {
  .ads-wrapper {
    grid-template-columns: 100%;
    grid-template-areas: "aside" "main";
    row-gap: 4rem;
  }
}
.ads-wrapper .aside {
  grid-area: aside;
}
.ads-wrapper .aside img {
  width: 100%;
}
.ads-wrapper .main {
  grid-area: main;
}