.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

body {
  font-family: 'Noto Sans', sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 140%;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 28px;
  line-height: 115%;
  font-weight: 500;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
  line-height: 120%;
  font-weight: 500;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 12px;
  line-height: 140%;
  font-weight: 600;
}

p {
  margin-bottom: 8px;
}

a {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #394ff8;
  font-weight: 500;
  text-decoration: none;
}

label {
  display: block;
  font-weight: 700;
}

.sg-section {
  margin-bottom: 52px;
  padding: 52px;
  border-radius: 20px;
  background-color: #ececec;
}

.sg-heading {
  margin-bottom: 0px;
  color: #a5a5a5;
  text-transform: uppercase;
}

.sg-container {
  display: block;
  margin-top: 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 24px;
}

.sg-tagline {
  margin-top: 64px;
  margin-bottom: 0px;
  color: #a5a5a5;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.my-xxxs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.my-xxs {
  margin-top: 8px;
  margin-bottom: 8px;
}

.my-xs {
  margin-top: 12px;
  margin-bottom: 12px;
}

.my-s {
  margin-top: 16px;
  margin-bottom: 16px;
}

.my-l {
  margin-top: 36px;
  margin-bottom: 36px;
}

.my-m {
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-xl {
  margin-top: 48px;
  margin-bottom: 48px;
}

.my-xxl {
  margin-top: 64px;
  margin-bottom: 64px;
}

.my-xxxl {
  margin-top: 100px;
  margin-bottom: 100px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mx-0 {
  margin-right: 0px;
  margin-left: 0px;
}

.mx-xxxs {
  margin-right: 4px;
  margin-left: 4px;
}

.mx-xxs {
  margin-right: 8px;
  margin-left: 8px;
}

.mx-xs {
  margin-right: 12px;
  margin-left: 12px;
}

.mx-s {
  margin-right: 16px;
  margin-left: 16px;
}

.mx-m {
  margin-right: 24px;
  margin-left: 24px;
}

.mx-l {
  margin-right: 36px;
  margin-left: 36px;
}

.mx-xl {
  margin-right: 48px;
  margin-left: 48px;
}

.mx-xxl {
  margin-right: 64px;
  margin-left: 64px;
}

.mx-xxxl {
  margin-right: 100px;
  margin-left: 100px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-xxxs {
  margin-top: 4px;
}

.mt-xxs {
  margin-top: 8px;
}

.mt-xs {
  margin-top: 12px;
}

.mt-s {
  margin-top: 16px;
}

.mt-m {
  margin-top: 24px;
}

.mt-l {
  margin-top: 36px;
}

.mt-xl {
  margin-top: 48px;
}

.mt-xxl {
  margin-top: 64px;
}

.mt-xxxl {
  margin-top: 100px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-xxxs {
  margin-bottom: 4px;
}

.mb-xxs {
  margin-bottom: 8px;
}

.mb-xs {
  margin-bottom: 12px;
}

.mb-s {
  margin-bottom: 16px;
}

.mb-m {
  margin-bottom: 24px;
}

.mb-l {
  margin-bottom: 36px;
}

.mb-xl {
  margin-bottom: 48px;
}

.mb-xxl {
  margin-bottom: 64px;
}

.mb-xxxl {
  margin-bottom: 100px;
}

.par.par-m.par--dim-grey {
  color: #666;
}

.link:hover {
  color: #2f42cf;
}

.fc-danger {
  color: #ce0000;
}

.mr-0 {
  margin-right: 0px;
}

.mr-xxxs {
  margin-right: 4px;
}

.mr-xxs {
  margin-right: 8px;
}

.sg-body {
  padding: 32px;
  background-color: #fff;
}

.heading-xl {
  font-size: 28px;
  line-height: 120%;
  font-weight: 500;
}

.heading-l {
  font-size: 24px;
  line-height: 130%;
  font-weight: 500;
}

.heading-m {
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
}

.heading-s {
  font-size: 16px;
  line-height: 140%;
}

.heading--xs {
  font-size: 14px;
  line-height: 140%;
  font-weight: 600;
}

.heading--xxs {
  font-size: 12px;
  line-height: 140%;
  font-weight: 600;
}

.par--xl {
  font-size: 24px;
  line-height: 130%;
}

.par--l {
  font-size: 20px;
  line-height: 140%;
}

.par--m {
  font-size: 16px;
  line-height: 140%;
}

.par--s {
  font-size: 14px;
  line-height: 140%;
}

.par--xs {
  font-size: 12px;
  line-height: 140%;
}

.btn {
  display: inline-block;
  padding: 8px 24px 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #394ff8;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  cursor: pointer;
}

.btn:hover {
  background-color: #2f42cf;
}

.btn.btn--primary:hover {
  background-color: #2f42cf;
}

.btn.btn--light {
  margin-right: 0px;
  margin-left: 0px;
}

.btn__text {
  display: inline-block;
  margin-bottom: 0px;
}

.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.toolbar.toolbar--nav {
  padding-bottom: 8px;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  grid-column-gap: 1.5vw;
  grid-row-gap: 0px;
}

.toolbar__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.sg-class {
  display: inline-block;
  margin-top: 48px;
  margin-right: 8px;
  margin-bottom: 24px;
  padding: 8px;
  border-radius: 5px;
  background-color: #cacaca;
  color: #4b4b4b;
  font-size: 13px;
  font-weight: 600;
}

.sg-class.element {
  background-color: #dfdfdf;
}

.sg-class.modifier {
  background-color: #f8f8f8;
}

.sg-class.global {
  background-color: #a3e0ff;
}

.sg-components {
  display: none;
  margin-top: 16px;
  margin-bottom: 16px;
  border-style: dashed;
  border-width: 1px;
  border-color: red;
}

.btn--primary {
  background-color: #394ff8;
  color: #fff;
}

.btn--primary:hover {
  background-color: #2f42cf;
}

.btn--secondary {
  background-color: #777;
  color: #fff;
}

.btn--secondary:hover {
  background-color: #666;
}

.btn--light {
  background-color: #e0e0e0;
  color: #000;
}

.btn--light:hover {
  background-color: #d8d8d8;
}

.btn--smoke {
  background-color: #f8f8f8;
  color: #000;
}

.btn--smoke:hover {
  background-color: #f3f3f3;
  color: #000;
}

.btn--white {
  background-color: #fff;
  color: #000;
}

.btn--white:hover {
  background-color: #f8f8f8;
}

.btn--danger {
  background-color: #ce0000;
  color: #fff;
}

.btn--danger:hover {
  background-color: #a00;
}

.btn--success {
  background-color: #50ad00;
  color: #fff;
}

.btn--success:hover {
  background-color: #4b920f;
}

.btn--warning {
  background-color: #f39600;
}

.btn--warning:hover {
  background-color: #d58300;
}

.btn--fluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.btn--fluid-mobile {
  display: inline-block;
}

.btn--fluid-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.toolbar--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.toolbar--fluid {
  width: 100%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid.grid--2.gap-l {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid.gird--text {
  -ms-grid-columns: -webkit-max-content 1fr;
  -ms-grid-columns: max-content 1fr;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
}

.sg-color-block {
  width: 100%;
  height: 60px;
  background-color: #d6d6d6;
}

.sg-color-block._2 {
  background-color: #c7c7c7;
}

.grid--3 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.grid--2 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.search {
  margin-bottom: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search__form {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search__field {
  height: 100%;
  margin-bottom: 0px;
  padding: 8px 12px 8px 44px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #f8f8f8;
  background-image: url('/images/2022/Search.svg');
  background-position: 8px 50%;
  background-size: auto;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 14px;
  font-weight: 500;
}

.search__field:hover {
  border-color: #777;
  background-color: #fff;
}

.search__field:focus {
  border-color: #394ff8;
  background-color: #fff;
  background-image: url('/images/2022/Search_hover.svg');
  background-size: auto;
}

.search__field::-webkit-input-placeholder {
  color: #777;
  font-weight: 400;
}

.search__field:-ms-input-placeholder {
  color: #777;
  font-weight: 400;
}

.search__field::-ms-input-placeholder {
  color: #777;
  font-weight: 400;
}

.search__field::placeholder {
  color: #777;
  font-weight: 400;
}

.btn--small {
  padding: 8px 16px;
  font-size: 12px;
  line-height: 140%;
}

.drpd__item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px 9px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 8px;
  border-bottom: 1px solid #777;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #000;
  cursor: pointer;
}

.drpd__item:hover {
  background-color: #f8f8f8;
}

.drpd__list {
  left: auto;
  top: 48px;
  right: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #777;
  border-radius: 5px;
  background-color: #fff;
}

.drpd__list.w--open {
  overflow: hidden;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
}

.drpd__text {
  display: inline-block;
  margin-bottom: 0px;
  font-weight: 500;
  white-space: nowrap;
}

.btn__icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  -webkit-transform: translate(-4px, -1px);
  -ms-transform: translate(-4px, -1px);
  transform: translate(-4px, -1px);
}

.ml-0 {
  margin-left: 0px;
}

.ml-xxxs {
  margin-left: 4px;
}

.ml-xxs {
  margin-left: 8px;
}

.btn--icon {
  padding: 8.5px 12px;
}

.drp__list-icon {
  position: absolute;
  left: 8px;
  width: 24px;
  height: 24px;
}

.drpd__list--left {
  position: absolute;
  left: 0px;
  top: 48px;
  right: auto;
}

.drpd__list--tile {
  position: absolute;
  left: auto;
  top: auto;
  right: 48px;
  bottom: -8px;
}

.drpd__list-item--icon {
  padding-left: 40px;
}

.nav__brand {
  width: 120px;
  margin-right: 2vw;
  padding-bottom: 15px;
}

.nav__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.nav {
  padding-top: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  background-color: #f8f8f8;
}

.nav__link {
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
  border-bottom: 2px solid transparent;
  -webkit-transition: border-color 200ms ease;
  transition: border-color 200ms ease;
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.nav__link:hover {
  border-bottom-color: #394ff8;
}

.nav__link.w--current {
  border-bottom-color: #394ff8;
  color: #000;
}

.cnt {
  width: 100%;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 32px;
  padding-left: 32px;
}

.cnt.nav__cnt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.cnt.cnt--sidebar {
  margin-right: 0px;
  margin-left: 0px;
}

.cnt.cnt--sidebar.cnt--preview-sidebar {
  width: 60%;
  max-width: 960px;
}

.cnt.cnt--process {
  padding: 24px;
}

.cnt.cnt--overflow-scroll-full {
  overflow: scroll;
  max-width: none;
}

.cnt.cnt--footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav__navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-column-gap: 1.5vw;
}

.btn--fluid-mobile-icon {
  display: inline-block;
}

.link--secondary {
  color: #666;
}

.link--secondary:hover {
  color: #394ff8;
}

.grid--4 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: silver;
}

.divider--dim-grey {
  background-color: #777;
}

.divider--light-grey {
  background-color: #e0e0e0;
}

.table {
  display: -ms-grid;
  display: grid;
  padding-right: 32px;
  padding-left: 32px;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.table.table--freigabe {
  -ms-grid-columns: 2fr 5fr 2fr;
  grid-template-columns: 2fr 5fr 2fr;
}

.table.table--sample {
  overflow: scroll;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  -ms-grid-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
  -ms-grid-columns: max-content max-content max-content max-content max-content max-content;
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content max-content max-content max-content max-content;
}

.table.table--overflow {
  display: block;
  overflow: scroll;
  padding-right: 0px;
  padding-left: 0px;
  -ms-grid-columns: -webkit-max-content;
  -ms-grid-columns: max-content;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
}

.table.table--real {
  display: block;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  -ms-grid-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
  -ms-grid-columns: max-content max-content max-content max-content max-content max-content;
  grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content max-content max-content max-content max-content;
}

.table__cell {
  padding: 12px 8px;
  border-bottom: 1px solid silver;
  background-color: transparent;
}

.table__cell.table__cell--odd-datenbank {
  background-color: #fff;
}

.table__cell.table__cell--even-datenbank {
  background-color: #f8f8f8;
}

.table__cell.table__cell--no-wrap {
  white-space: nowrap;
}

.table--freigabe {
  display: -ms-grid;
  display: grid;
  min-width: 1000px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 2fr 5fr 2fr 2fr;
  grid-template-columns: 2fr 5fr 2fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.table__cell--img-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 132px;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 24px;
}

.table__img {
  overflow: hidden;
  width: 80px;
  height: auto;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
}

.table__img.table__image--multiple {
  position: absolute;
}

.table__img.table__image--multiple._1 {
  -webkit-transform: rotateX(0deg) rotateY(4deg) rotateZ(0deg);
  transform: rotateX(0deg) rotateY(4deg) rotateZ(0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.table__img.table__img--wrapper {
  overflow: visible;
  border-style: none;
  -webkit-perspective: 80px;
  perspective: 80px;
  -webkit-perspective-origin: 50% 70%;
  perspective-origin: 50% 70%;
}

.table__text-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 24px;
}

.m-0 {
  margin: 0px;
}

.table__cell--even {
  background-color: #f3f3f3;
}

.table__cell--odd {
  background-color: #f8f8f8;
}

.cnt--overflow-scroll {
  overflow: scroll;
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.table--bestellungen {
  display: -ms-grid;
  display: grid;
  min-width: 1000px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 2fr 6fr 2fr;
  grid-template-columns: 2fr 6fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.status__icon {
  width: 12px;
  height: 12px;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #777;
}

.status__icon.status__icon--warning {
  background-color: #f39600;
}

.breadcrumbs__icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-left: 4px;
}

.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumbs__link {
  color: #666;
  font-size: 14px;
}

.breadcrumbs__link:hover {
  color: #394ff8;
}

.breadcrumbs__link.w--current {
  color: #000;
}

.breadcrumbs__link.w--current:hover {
  color: #000;
}

.tile__icon {
  width: 36px;
  height: 36px;
  margin-top: -4px;
  margin-right: 12px;
}

.tile__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.tile__box.tile__box--vertical.tile__box--no-padding {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tile__box.tile__box--space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 24px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #f8f8f8;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #000;
}

.tile:hover {
  background-color: #f3f3f3;
}

.tile__drpd-box {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.tile__img {
  width: 33%;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
}

.tile--img-tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.tile__tag {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 140%;
}

.tile__box--vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-row-gap: 16px;
}

.tile__text-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tile__tag--box {
  padding: 8px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
}

.tile__box--align-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header {
  padding-top: 36px;
  padding-bottom: 12px;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 160px;
  padding-bottom: 36px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 16px;
}

.link--xs {
  font-size: 12px;
  font-weight: 500;
}

.img-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #f8f8f8;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #000;
}

.img-card__img-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #e0e0e0;
}

.img-card__img {
  overflow: hidden;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  border-radius: 5px;
}

.img-card__img-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.69);
  opacity: 0;
  -webkit-transition: opacity 600ms cubic-bezier(.075, .82, .165, 1);
  transition: opacity 600ms cubic-bezier(.075, .82, .165, 1);
}

.img-card__img-overlay:hover {
  opacity: 1;
}

.img-card__img-overlay-text {
  color: #f8f8f8;
  font-size: 24px;
  font-weight: 400;
}

.img-card__body {
  overflow: hidden;
  width: 100%;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.text-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #f8f8f8;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.text-card:hover {
  background-color: #f3f3f3;
}

.text-card.text-card--primary:hover {
  background-color: #e7eaff;
}

.text-card.text-card--smoke {
  background-color: #f8f8f8;
}

.text-card.text-card--error {
  max-width: 1200px;
  background-color: #fff;
  opacity: 0.6;
  -webkit-transition: opacity 200ms ease, background-color 200ms ease;
  transition: opacity 200ms ease, background-color 200ms ease;
}

.text-card.text-card--error:hover {
  opacity: 1;
}

.text-card--white {
  background-color: #fff;
}

.text-card--white:hover {
  background-color: #fff;
}

.text-card--light-grey {
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  background-color: #e0e0e0;
}

.text-card--light-grey:hover {
  background-color: #d8d8d8;
}

.text-card--mid-grey {
  border-style: solid;
  border-width: 1px;
  border-color: #777;
  background-color: silver;
}

.text-card--mid-grey:hover {
  background-color: #b3b3b3;
}

.header--workflow {
  padding: 12px 32px 8px;
  background-color: #fff;
}

.header--fixed {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 99;
}

.main--smoke {
  background-color: #f8f8f8;
}

.cnt--small {
  max-width: 960px;
}

.cnt--full {
  max-width: none;
}

.text {
  display: inline-block;
}

.text.text--s.text--bold {
  font-weight: 600;
}

.text--xl {
  font-size: 24px;
  line-height: 130%;
}

.text--l {
  font-size: 20px;
  line-height: 140%;
}

.text--m {
  font-size: 16px;
  line-height: 140%;
}

.text--s {
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
}

.text--xs {
  font-size: 12px;
  line-height: 140%;
  font-weight: 500;
}

.text-card--primary {
  border-style: solid;
  border-width: 1px;
  border-color: #394ff8;
  background-color: #e7eaff;
}

.text-card--primary:hover {
  background-color: #b3b3b3;
}

.sg-element {
  display: inline-block;
  margin-top: 48px;
  margin-right: 8px;
  margin-bottom: 24px;
  padding: 8px;
  border-radius: 5px;
  background-color: #bfe2a0;
  color: #4b4b4b;
  font-size: 13px;
  font-weight: 600;
}

.toolbar--small-gap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.toolbar__box--small-gap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.toolbar--justify-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.table__header {
  padding: 8px 8px 24px;
  border-bottom: 1px solid silver;
  background-color: #fff;
  color: #777;
  font-size: 20px;
}

.table__header.table__header--small {
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: 1px solid silver;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}

.table__header.table__header--small.table__header--grey {
  color: #777;
}

.status__icon--danger {
  background-color: #ce0000;
}

.status__icon--success {
  background-color: #50ad00;
}

.body--workflow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f8f8f8;
}

.body--workflow.body--workflow-fixed-header {
  padding-top: 120px;
  padding-bottom: 32px;
}

.editor {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.editor__overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 99;
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
}

.editor__overlay-box {
  position: relative;
  z-index: 99;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 800px;
  padding: 28px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

.editor__iframe {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.main--stretch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.my-xxxxl {
  margin-top: 180px;
  margin-bottom: 180px;
}

.mt-xxxxl {
  margin-top: 160px;
}

.mb-xxxxl {
  margin-bottom: 160px;
}

.form {
  width: 100%;
  margin-bottom: 16px;
}

.form.my-0 {
  margin-bottom: 0px;
}

.form__block {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form__block.grid.grid-3 {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.form__label {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
}

.form__field {
  height: 100%;
  margin-bottom: 16px;
  padding: 8px 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #f8f8f8;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-size: 14px;
  font-weight: 500;
}

.form__field:hover {
  border-color: #b3b3b3;
  background-color: #fff;
}

.form__field:focus {
  border-color: #394ff8;
  background-color: #fff;
}

.form__field::-webkit-input-placeholder {
  color: #777;
  font-weight: 400;
}

.form__field:-ms-input-placeholder {
  color: #777;
  font-weight: 400;
}

.form__field::-ms-input-placeholder {
  color: #777;
  font-weight: 400;
}

.form__field::placeholder {
  color: #777;
  font-weight: 400;
}

.form__field.my-0 {
  margin-bottom: 0px;
}

.form__field.form__field--auflage {
  width: 100px;
  margin-bottom: 0px;
  background-color: #fff;
}

.form__field.form__field--gutschein {
  width: 260px;
  margin-bottom: 0px;
}

.form__field--text-area {
  min-height: 160px;
}

.form__checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding-left: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 12px;
}

.form__checkbox-field.mb-0 {
  margin-bottom: 0px;
}

.form__toggle {
  width: 40px;
  height: 24px;
  margin-top: 0px;
  border-radius: 12px;
  background-color: silver;
  background-image: url('/images/2022/toggle-dot.svg');
  background-position: 10% 50%;
  background-size: 16px;
  background-repeat: no-repeat;
  -webkit-transition: background-position 200ms ease, background-color 200ms ease;
  transition: background-position 200ms ease, background-color 200ms ease;
  cursor: pointer;
}

.form__toggle.w--redirected-checked {
  border-color: #2f42cf;
  background-color: #394ff8;
  background-image: url('/images/2022/toggle-dot.svg');
  background-position: 90% 50%;
  background-size: 16px 16px;
}

.form__label-line {
  margin-top: 2px;
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
}

.gutschein--success {
  padding: 8px 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #50ad00;
  border-radius: 5px;
  background-color: #f8f8f8;
}

.form__error-message {
  margin-top: 24px;
  padding: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: #ce0000;
  border-radius: 5px;
  background-color: #fff;
  color: #ce0000;
  text-align: center;
}

.form__field--white {
  background-color: #fff;
}

.form__select-field {
  margin-bottom: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  border-radius: 5px;
  background-color: #f8f8f8;
}

.form__select-field.m-0 {
  margin-bottom: 0px;
}

.form__checkbox {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 0px;
  margin-left: -20px;
  border-color: #666;
  background-color: #fff;
}

.form__checkbox.w--redirected-checked {
  border-color: #2f42cf;
  background-color: #394ff8;
  background-size: 12px 12px;
}

.form__radio-button {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 0px;
  margin-left: -20px;
  border-color: #666;
  background-color: #fff;
}

.form__radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: #2f42cf;
}

.form__radio-button-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  padding-left: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  grid-column-gap: 12px;
}

.form__group.form__group--button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.form__group.form__group--button.my-0 {
  margin-bottom: 0px;
}

.form__group.form__group--process {
  text-align: left;
}

.form__group--line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.form__label--big {
  font-size: 16px;
  line-height: 140%;
}

.form__label--discription {
  font-weight: 400;
}

.text--medium {
  font-weight: 500;
}

.main--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.cnt--sidebar {
  width: 75%;
}

.sidebar {
  width: 25%;
  padding-right: 32px;
  padding-left: 32px;
}

.sidebar.sidebar--preview {
  width: 40%;
  max-width: 960px;
}

.overlay-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 8px 20px 9px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #394ff8;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
  color: #fff;
  font-size: 14px;
}

.overlay-trigger:hover {
  background-color: #2f42cf;
}

.ol-background-test {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(0, 0, 0, 0.47);
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  padding: 8px 20px 9px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px;
  background-color: #394ff8;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
  color: #fff;
  font-size: 14px;
}

.button:hover {
  background-color: #2f42cf;
}

.list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 4px;
}

.list__item {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 5px;
}

.list__flex-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 8px;
}

.list__flex-group--25 {
  width: 24%;
}

.list__flex-group--50 {
  width: 50%;
}

.list__flex-group--75 {
  width: 75%;
}

.list__flex-group--33 {
  width: 33%;
}

.list__flex-group--67 {
  width: 67%;
}

.list--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  grid-column-gap: 24px;
}

.list__item--background {
  padding-right: 8px;
  padding-left: 8px;
  border-radius: 5px;
  background-color: #e0e0e0;
}

.list__flex-goup--fluid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.body--process {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 32px 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7eaff;
}

.cnt--process {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 2px 13px 4px rgba(181, 183, 206, 0.47);
}

.login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form--centered {
  text-align: center;
}

.login__brand {
  width: 120px;
}

.btn--wide {
  padding-right: 48px;
  padding-left: 48px;
}

.processing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.processing__animation {
  width: 100%;
  height: 200px;
}

.mr-xs {
  margin-right: 12px;
}

.mr-s {
  margin-right: 16px;
}

.mr-m {
  margin-right: 24px;
}

.mr-l {
  margin-right: 36px;
}

.mr-xl {
  margin-right: 48px;
}

.mr-xxl {
  margin-right: 64px;
}

.mr-xxxl {
  margin-right: 100px;
}

.ml-xs {
  margin-left: 12px;
}

.ml-s {
  margin-left: 16px;
}

.ml-m {
  margin-left: 24px;
}

.ml-l {
  margin-left: 36px;
}

.ml-xl {
  margin-left: 48px;
}

.ml-xxl {
  margin-left: 64px;
}

.ml-xxxl {
  margin-left: 100px;
}

.paging {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.pging__page-number {
  width: 36px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 5px;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.pging__page-number:hover {
  background-color: #f8f8f8;
  color: #394ff8;
}

.pging__page-number.w--current {
  background-color: #e0e0e0;
  color: #000;
  font-weight: 600;
}

.paging--padding-x {
  padding-right: 32px;
  padding-left: 32px;
}

.cart__item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 36px;
}

.cart__item {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: silver silver silver;
  border-radius: 5px;
}

.cart__specs {
  display: -ms-grid;
  display: grid;
  margin-bottom: 0px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: -webkit-min-content auto;
  -ms-grid-columns: min-content auto;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  -ms-grid-rows: -webkit-min-content;
  -ms-grid-rows: min-content;
  grid-template-rows: -webkit-min-content;
  grid-template-rows: min-content;
}

.cart__item-body {
  display: -ms-grid;
  display: grid;
  padding-top: 24px;
  padding-right: 24px;
  padding-left: 24px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 2fr 2fr 1fr;
  grid-template-columns: 2fr 2fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.cart__item-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  padding: 24px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f8f8f8;
}

.cart__item-header {
  padding: 20px 24px 8px;
  font-size: 20px;
  line-height: 140%;
}

.cart__sticky-bar {
  position: -webkit-sticky;
  position: sticky;
  left: 0px;
  right: 0px;
  bottom: -5px;
  margin-top: 32px;
  padding: 24px 0px;
  border-top: 1px solid transparent;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.cart__sticky-bar.is-pinned {
  border-top-style: solid;
  border-top-color: #e0e0e0;
  box-shadow: 0 -11px 12px -13px rgba(0, 0, 0, 0.3);
}

.text--primary {
  color: #394ff8;
}

.img.img--payment {
  margin-top: 12px;
  margin-bottom: 16px;
  margin-left: 32px;
}

.overlay__header {
  padding: 24px 24px 16px;
  background-color: #f8f8f8;
  font-size: 20px;
}

.overlay {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 32px;
  padding-bottom: 5vh;
  padding-left: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumb {
  display: inline-block;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #777;
  font-size: 14px;
}

.breadcrumb:hover {
  color: #000;
}

.breadcrumb.breadcrumb-current {
  color: #000;
}

.breadcrump-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-left: 4px;
}

.overlay__background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-color: rgba(0, 0, 0, 0.47);
}

.overlay__body {
  padding: 28px 24px;
  background-color: #e0e0e0;
}

.overlay__folder-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #000;
  cursor: pointer;
}

.overlay__folder-item:hover {
  background-color: #f8f8f8;
}

.overlay__breadcrumbs {
  margin-bottom: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.overlay__folder-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.overlay__box {
  position: relative;
  z-index: 9999;
  overflow: hidden;
  width: 100%;
  max-width: 800px;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  border-radius: 5px;
}

.overlay__scroll-list {
  position: relative;
  overflow: scroll;
  height: 55vh;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
}

.overlay__scroll-list.overlay__scroll-list--white {
  background-color: #fff;
}

.btn--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn--disabled:hover {
  background-color: #2f42cf;
}

.overlay__folder-icon {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}

.overlay__folder-navicon {
  width: 24px;
  height: 24px;
}

.btn--mid-grey {
  background-color: silver;
  color: #000;
}

.btn--mid-grey:hover {
  background-color: #b3b3b3;
}

.overlay__big-tag {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  color: #777;
  font-size: 16px;
  font-weight: 500;
}

.overlay__close-button {
  position: absolute;
  left: auto;
  top: 8px;
  right: 8px;
  bottom: auto;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  cursor: pointer;
}

.overlay__close-button:hover {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.overlay__info-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.overlay__media-box {
  position: relative;
  z-index: 9999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 92vh;
  max-width: 1100px;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1.5fr;
  grid-template-columns: 1fr 1.5fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  border-radius: 5px;
  background-color: #fff;
}

.overlay__image-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 4px;
  border-color: #f3f3f3;
  border-radius: 5px 0px 0px 5px;
  background-color: #f3f3f3;
  background-image: url('/images/2022/olena-sergienko-Ukjz6WWWrjM-unsplash.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
}

.overlay__tag-wrapper {
  margin-bottom: 24px;
  padding-top: 16px;
  padding-bottom: 8px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}

.overlay__tag {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  color: #666;
  font-size: 14px;
  font-weight: 500;
}

.btn__icon--right {
  margin-right: 0px;
  margin-left: 4px;
  -webkit-transform: translate(4px, -1px);
  -ms-transform: translate(4px, -1px);
  transform: translate(4px, -1px);
}

.btn__icon--single {
  margin-right: 0px;
  margin-left: 0px;
  -webkit-transform: translate(0px, -1px);
  -ms-transform: translate(0px, -1px);
  transform: translate(0px, -1px);
}

.btn__icon--small {
  width: 16px;
  height: 16px;
}

.wartung-banner {
  position: -webkit-sticky;
  position: sticky;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-right: 32px;
  padding-left: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  background-color: #ffbb4f;
  font-weight: 600;
  text-align: center;
}

.wartung-banner.wartung-banner--fixed {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
}

.wartung-banner__close {
  position: absolute;
  right: 32px;
  cursor: pointer;
}

.wartung-banner__text-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  grid-column-gap: 12px;
}

.cookie-banner {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-right: 32px;
  padding-left: 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  background-color: #3f3f3f;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

.cookie-banner__text-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  grid-column-gap: 8px;
  font-weight: 400;
}

.cookie-banner__link {
  color: #f3f3f3;
  text-decoration: underline;
}

.cookie-banner__link:hover {
  text-decoration: none;
}

.cookie-banner__close {
  position: absolute;
  right: 32px;
  cursor: pointer;
}

.admin-banner {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 8px 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  background-color: silver;
  font-weight: 600;
  text-align: center;
}

.lang {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 32px;
  padding-left: 32px;
  grid-column-gap: 8px;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.lang__text {
  color: #666;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.lang__text:hover {
  color: #394ff8;
}

.lang__text.active {
  color: #000;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.drop-zone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-row-gap: 12px;
  border-style: dotted;
  border-width: 3px;
  border-color: silver;
  border-radius: 5px;
  background-color: #f8f8f8;
}

.drop-zone__img {
  width: 48px;
  height: 48px;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sg-sidebar {
  width: 33%;
  padding-right: 52px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 24px;
}

.sg-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  height: 98vh;
  padding-bottom: 140px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-gap: 8px;
}

.table__cell--highlight {
  background-color: #e7eaff;
}

.tile--white {
  background-color: #fff;
}

.tile--white:hover {
  background-color: #f8f8f8;
}

.textblock.textbox--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text--dim-grey {
  color: #666;
}

.text--success {
  color: #50ad00;
}

.text--warning {
  color: #f39600;
}

.text--danger {
  color: #ce0000;
}

.btn--danger-hover:hover {
  background-color: #ce0000;
}

.btn--success-hover:hover {
  background-color: #50ad00;
}

.preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  border-radius: 5px;
  background-color: #e0e0e0;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
}

.priview__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 16px 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f3f3f3;
}

.preview__img-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.preview__img {
  width: 100%;
  max-width: none;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  border-radius: 5px;
}

.preview--thumbnail {
  height: 80px;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  border-radius: 5px;
  opacity: 0.6;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.preview--thumbnail:hover {
  opacity: 1;
}

.preview--thumbnail.active {
  border-style: solid;
  border-width: 1px;
  border-color: #394ff8;
  opacity: 1;
}

.body--error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px 32px 100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e7eaff;
}

@media screen and (max-width: 991px) {
  .sg-section {
    border-radius: 0px;
  }

  .sg-body {
    padding: 0px;
  }

  .toolbar.toolbar--fluid.toolbar--warenkorb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .grid--3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .nav__menu {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .cnt {
    -ms-grid-columns: 1fr 6fr 2fr 3fr;
    grid-template-columns: 1fr 6fr 2fr 3fr;
  }

  .cnt.nav__cnt {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .grid--4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .tile__img {
    overflow: hidden;
    width: 38%;
  }

  .img-card__body {
    padding-top: 16px;
    padding-bottom: 8px;
  }

  .editor__overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .editor__overlay-box {
    margin-right: 20px;
    margin-left: 20px;
  }

  .form__block.grid.grid-3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .form__field.form__field--gutschein {
    width: 100%;
  }

  .ml-m {
    margin-left: 20px;
  }

  .ml-l {
    margin-left: 28px;
  }

  .ml-xl {
    margin-left: 36px;
  }

  .ml-xxl {
    margin-left: 48px;
  }

  .ml-xxxl {
    margin-left: 64px;
  }

  .pging__page-number {
    -webkit-transition: background-color 200ms ease, color 200ms ease;
    transition: background-color 200ms ease, color 200ms ease;
  }

  .cart__item-body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .overlay__box {
    margin-right: 20px;
    margin-left: 20px;
  }

  .overlay__media-box {
    overflow: scroll;
    margin-right: 20px;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .overlay__image-box {
    width: 100%;
    height: 50vh;
  }

  .sg-sidebar {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .heading.heading-xl {
    font-size: 24px;
    line-height: 120%;
  }

  .heading.heading-l {
    font-size: 20px;
    line-height: 130%;
  }

  .heading.heading-m {
    font-size: 16px;
    line-height: 140%;
  }

  .my-l {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .my-m {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .my-xl {
    margin-top: 36px;
    margin-bottom: 36px;
  }

  .my-xxl {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .my-xxxl {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .mx-m {
    margin-right: 20px;
    margin-left: 20px;
  }

  .mx-l {
    margin-right: 28px;
    margin-left: 28px;
  }

  .mx-xl {
    margin-right: 36px;
    margin-left: 36px;
  }

  .mx-xxl {
    margin-right: 48px;
    margin-left: 48px;
  }

  .mx-xxxl {
    margin-right: 64px;
    margin-left: 64px;
  }

  .mt-m {
    margin-top: 20px;
  }

  .mt-l {
    margin-top: 28px;
  }

  .mt-xl {
    margin-top: 36px;
  }

  .mt-xxl {
    margin-top: 48px;
  }

  .mt-xxxl {
    margin-top: 64px;
  }

  .mb-m {
    margin-bottom: 20px;
  }

  .mb-l {
    margin-bottom: 28px;
  }

  .mb-xl {
    margin-bottom: 36px;
  }

  .mb-xxl {
    margin-bottom: 48px;
  }

  .mb-xxxl {
    margin-bottom: 64px;
  }

  .par.par--xl {
    font-size: 20px;
    line-height: 130%;
  }

  .par.par--l {
    font-size: 18px;
  }

  .btn.btn--light.btn--small {
    margin-right: auto;
  }

  .toolbar {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .toolbar.toolbar--fluid-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .toolbar.toolbar--nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-column-gap: 0vw;
    grid-row-gap: 12px;
  }

  .toolbar__box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .btn--fluid-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .toolbar--fluid-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .toolbar__box--fluid-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .grid--3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .grid--2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .search {
    margin-left: 0px;
  }

  .drpd.nav__drpd {
    width: 100%;
  }

  .drpd__list.drpd__list--navbar.w--open {
    position: relative;
    top: 4px;
    margin-bottom: 8px;
  }

  .nav__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
  }

  .nav {
    padding-top: 24px;
  }

  .nav__link {
    margin-right: 2vw;
    padding-top: 12px;
    padding-bottom: 4px;
  }

  .cnt {
    padding-right: 24px;
    padding-left: 24px;
  }

  .cnt.nav__cnt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .cnt.cnt--sidebar.cnt--preview-sidebar {
    width: 100%;
  }

  .nav__hamburger.w--open {
    background-color: transparent;
  }

  .nav__navbar {
    margin-bottom: 32px;
    padding-right: 24px;
    padding-left: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-column-gap: 0vw;
    grid-row-gap: 12px;
  }

  .nav__hamburger-icon {
    width: 24px;
    height: 24px;
  }

  .btn--fluid-mobile-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .grid--4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .table {
    padding-right: 24px;
    padding-left: 24px;
  }

  .cnt--overflow-scroll {
    padding-right: 0px;
    padding-left: 0px;
  }

  .tile__icon {
    width: 28px;
    height: 28px;
  }

  .tile {
    padding: 12px;
  }

  .text.text--xl {
    font-size: 20px;
    line-height: 130%;
  }

  .text.text--l {
    font-size: 18px;
  }

  .body--workflow.body--workflow-fixed-header {
    padding-top: 160px;
  }

  .my-xxxxl {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .mt-xxxxl {
    margin-top: 100px;
  }

  .mb-xxxxl {
    margin-bottom: 100px;
  }

  .form__block.grid.grid-3 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .drpd__list--mobile-left {
    position: absolute;
    left: 0px;
    top: 48px;
    right: auto;
  }

  .main--flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cnt--sidebar {
    width: 100%;
  }

  .sidebar {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }

  .sidebar.sidebar--preview {
    width: 100%;
  }

  .overlay-trigger {
    margin-right: 16px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .button {
    margin-right: 16px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .body--process {
    padding: 24px 24px 64px;
  }

  .mr-m {
    margin-right: 20px;
  }

  .mr-l {
    margin-right: 28px;
  }

  .mr-xl {
    margin-right: 36px;
  }

  .mr-xxl {
    margin-right: 48px;
  }

  .mr-xxxl {
    margin-right: 64px;
  }

  .paging--padding-x {
    padding-right: 24px;
    padding-left: 24px;
  }

  .cart__specs {
    margin-bottom: 20px;
  }

  .cart__item-body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .cart__item-footer {
    padding-bottom: 12px;
  }

  .cart__sticky-bar {
    padding-right: 0px;
    padding-left: 0px;
  }

  .overlay__folder-item {
    padding: 12px;
  }

  .overlay__scroll-list {
    height: 60vh;
  }

  .overlay__close-button {
    display: inline-block;
  }

  .wartung-banner__close {
    right: 12px;
  }

  .cookie-banner__close {
    right: 12px;
  }

  .body--error {
    padding: 24px 24px 64px;
  }
}

@media screen and (max-width: 479px) {
  .mx-m {
    margin-right: 20px;
    margin-left: 20px;
  }

  .mx-l {
    margin-right: 28px;
    margin-left: 28px;
  }

  .mx-xl {
    margin-right: 36px;
    margin-left: 36px;
  }

  .mx-xxl {
    margin-right: 48px;
    margin-left: 48px;
  }

  .mx-xxxl {
    margin-right: 64px;
    margin-left: 64px;
  }

  .toolbar {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .btn__icon {
    height: 20px;
    margin-left: -2px;
  }

  .cnt.nav__cnt {
    padding-bottom: 8px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .nav__hamburger {
    background-color: transparent;
  }

  .nav__hamburger.w--open {
    padding-bottom: 8px;
    background-color: transparent;
    color: #000;
  }

  .grid--4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .tile__box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .tile {
    grid-column-gap: 16px;
  }

  .tile__img {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .tile--img-tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 16px;
  }

  .img-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .img-card__img {
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .img-card__body {
    width: 100%;
    height: auto;
  }

  .body--workflow.body--workflow-fixed-header {
    padding-top: 200px;
  }

  .editor__overlay-box {
    margin-right: 8px;
    margin-left: 8px;
  }

  .cnt--process {
    width: 100%;
  }

  .paging {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .cart__item-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .overlay__header {
    padding: 16px;
    font-size: 16px;
  }

  .overlay__body {
    padding: 16px;
  }

  .overlay__breadcrumbs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .overlay__box {
    margin-right: 8px;
    margin-left: 8px;
  }

  .overlay__big-tag {
    padding: 8px;
  }

  .overlay__media-box {
    height: 90vh;
    margin-right: 8px;
    margin-left: 8px;
  }

  .overlay__tag {
    margin-bottom: 4px;
  }

  .wartung-banner {
    padding-right: 12px;
    padding-left: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .wartung-banner__close {
    right: 12px;
  }

  .wartung-banner__text-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .cookie-banner {
    padding-right: 12px;
    padding-left: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .cookie-banner__text-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .cookie-banner__close {
    right: 12px;
  }

  .admin-banner {
    padding-right: 12px;
    padding-left: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .preview--thumbnail {
    height: 60px;
  }
}

#w-node-_691041b1-ef69-307f-42e2-61fb23c361f7-cd107518 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_156758aa-220d-d871-ab4e-56abd5def666-e710751b {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_38fc7d50-27dd-8523-3ae2-d5a453686f55-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-ff26ed19-d222-f32c-2546-d0ca208c7b9d-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_171b73cc-9152-5bc4-4fc8-74720059a574-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_19d2e882-92e8-4108-9547-40d35e343366-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dd9a65e0-2d48-11fe-0f28-9c66f3cc883c-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dc81ecb7-719e-8764-2f15-acca2993ed9d-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dc81ecb7-719e-8764-2f15-acca2993eda0-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dc81ecb7-719e-8764-2f15-acca2993eda3-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-dc81ecb7-719e-8764-2f15-acca2993eda6-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_06ebbb00-2b14-1da2-0c60-3364d7aeb162-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-c34231ac-f3db-d1a3-0d0a-b74ca82aab08-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cafa2241-8062-f475-dfe3-d54bd4f24193-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_56df5064-c088-5f76-1177-1df1b51cc776-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-a680a946-f2ba-5e6f-ffa7-511c96743de9-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_69b7a148-5d9d-8865-690b-87d6323ebac1-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b29-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b2c-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b2e-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b31-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b33-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b36-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b38-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b3b-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b3d-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-cd8728b5-5349-6ab9-4314-0456fc268b40-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_16e11d95-3854-01b7-8d6c-111c3214b5b4-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_16e11d95-3854-01b7-8d6c-111c3214b5b7-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_16e11d95-3854-01b7-8d6c-111c3214b5b9-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_16e11d95-3854-01b7-8d6c-111c3214b5bc-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_16e11d95-3854-01b7-8d6c-111c3214b5be-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_371680aa-644d-0e6e-3bd7-66dd36fad4e5-6c84b2e6 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}