/* nunito-sans-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: url("nunito-sans/nunito-sans-v15-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* nunito-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url("nunito-sans/nunito-sans-v15-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* nunito-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url("nunito-sans/nunito-sans-v15-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* nunito-sans-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url("nunito-sans/nunito-sans-v15-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* nunito-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url("nunito-sans/nunito-sans-v15-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* nunito-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url("nunito-sans/nunito-sans-v15-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* nunito-sans-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url("nunito-sans/nunito-sans-v15-latin-800.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

/* nunito-sans-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url("nunito-sans/nunito-sans-v15-latin-900.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }

body {
  font-family: 'Nunito Sans', sans-serif;
  max-width: 100vw;
  overflow-x: hidden; }

* {
  font-family: 'Nunito Sans', sans-serif; }

body.logged-in {
  background: #F5F6FA; }

.page-loggedin {
  display: flex; }
  @media (max-width: 768px) {
    .page-loggedin {
      flex-direction: column; } }
  .page-loggedin * {
    box-sizing: border-box; }

a {
  color: #292D32; }

#page {
  min-height: 100vh; }

.fixedStage {
  display: none; }

#loading {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: scale(1.5); }

.main-nav_list li a {
  font-size: 16px;
  line-height: 2; }

.pageContainer.pageLogin.nologedin {
  height: 100%;
  padding: 50px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F5F6FA; }
  .pageContainer.pageLogin.nologedin .loginContainer {
    margin-top: 0;
    background: white;
    padding: 24px;
    border-radius: 16px;
    border: 0; }
  .pageContainer.pageLogin.nologedin .loginHeadlineContainer {
    padding: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between; }
    .pageContainer.pageLogin.nologedin .loginHeadlineContainer .logo {
      max-width: 30%; }
      .pageContainer.pageLogin.nologedin .loginHeadlineContainer .logo img {
        max-width: 100%; }
    .pageContainer.pageLogin.nologedin .loginHeadlineContainer h1 {
      font-size: 32px;
      color: #292D32;
      font-weight: 700;
      letter-spacing: -0.11px;
      font-family: 'Nunito Sans', sans-serif;
      padding-bottom: 4px; }
      @media (max-width: 770px) {
        .pageContainer.pageLogin.nologedin .loginHeadlineContainer h1 {
          font-size: 24px; } }
    .pageContainer.pageLogin.nologedin .loginHeadlineContainer h2 {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.3px;
      max-width: calc(100% - 24px);
      font-family: 'Nunito Sans', sans-serif; }
  .pageContainer.pageLogin.nologedin .loginFormContainer {
    padding: 0; }
    .pageContainer.pageLogin.nologedin .loginFormContainer .button-blue input {
      font-size: 16px;
      color: white;
      background: #4880FF;
      padding: 12px 32px;
      font-weight: 700;
      border-radius: 6px;
      cursor: pointer;
      transition: .4s;
      border: 0; }
      .pageContainer.pageLogin.nologedin .loginFormContainer .button-blue input:hover {
        opacity: .8; }
  .pageContainer.pageLogin.nologedin p.textBlock.errorText {
    font-size: 16px; }
  .pageContainer.pageLogin.nologedin p.textBlock, .pageContainer.pageLogin.nologedin p.textBlock * {
    font-size: 14px; }
  .pageContainer.pageLogin.nologedin .loginErrorContainer {
    padding: 0; }

.header {
  background-color: white; }
  .header .authinfo {
    gap: 40px;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 20px 40px; }
    @media (max-width: 768px) {
      .header .authinfo {
        display: none; } }
    .header .authinfo > * {
      display: flex;
      align-items: center; }
    .header .authinfo img {
      width: 20px; }
    .header .authinfo span {
      font-size: 14px;
      font-weight: 600;
      text-transform: capitalize;
      margin-left: 8px;
      color: #292D32; }

.sidebar {
  max-width: 100%;
  width: 250px;
  background: white;
  padding: 24px;
  min-width: 250px; }
  @media (max-width: 768px) {
    .sidebar {
      width: 100%;
      padding: 20px 16px 20px 26px; } }
  @media (max-width: 768px) {
    .sidebar-wrap {
      display: flex;
      justify-content: space-between; } }
  .sidebar .logo {
    text-align: center;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .sidebar .logo {
        margin-bottom: 0;
        display: flex;
        align-items: center; } }
    .sidebar .logo img {
      margin: 0;
      border-bottom: 1px solid #E0E0E0;
      padding: 0 32px 24px;
      max-width: 100%; }
      @media (max-width: 768px) {
        .sidebar .logo img {
          border-bottom: 0;
          padding: 0 24px 0px 0;
          max-height: 30px; } }
  @media (min-width: 769px) {
    .sidebar .burger {
      display: none; } }
  .sidebar .burger img {
    cursor: pointer; }
  @media (max-width: 768px) {
    .sidebar .navigation {
      display: none;
      margin-top: 18px; } }
  .sidebar .navigation a {
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: white;
    margin-bottom: 6px;
    color: #292D32;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: all .2s; }
    .sidebar .navigation a:hover {
      color: white;
      background: #4880FF; }
      .sidebar .navigation a:hover img {
        filter: brightness(10); }
  .sidebar .navigation .current-page {
    position: relative; }
    .sidebar .navigation .current-page > a {
      color: white;
      background: #4880FF; }
      .sidebar .navigation .current-page > a img {
        filter: brightness(10); }
    .sidebar .navigation .current-page:before {
      content: '';
      width: 4px;
      height: 40px;
      border-radius: 0 32px 32px 0;
      background: #4880FF;
      position: absolute;
      left: -24px;
      top: 50%;
      transform: translateY(-50%); }
  .sidebar .navigation ul {
    margin: 0; }
  .sidebar .navigation li {
    list-style: none; }
  .sidebar .navigation .hasChildNavList.admin-bereich .childNavList {
    top: 0;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden; }
    @media (max-width: 768px) {
      .sidebar .navigation .hasChildNavList.admin-bereich .childNavList {
        top: 100%; } }
    .sidebar .navigation .hasChildNavList.admin-bereich .childNavList::-webkit-scrollbar-track {
      background: whitesmoke;
      border-radius: 50px;
      overflow: hidden; }
    .sidebar .navigation .hasChildNavList.admin-bereich .childNavList::-webkit-scrollbar-thumb {
      background: #e2e2e2;
      border-radius: 50px; }
    .sidebar .navigation .hasChildNavList.admin-bereich .childNavList::-webkit-scrollbar {
      width: 15px; }
  .sidebar .navigation .hasChildNavList {
    position: relative; }
    .sidebar .navigation .hasChildNavList a {
      max-width: calc(100% - 30px); }
    .sidebar .navigation .hasChildNavList .show_more {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      cursor: pointer; }
      .sidebar .navigation .hasChildNavList .show_more.active {
        transform: translateY(-50%) rotate(180deg); }
        @media (max-width: 768px) {
          .sidebar .navigation .hasChildNavList .show_more.active {
            transform: translateY(-50%) rotate(-90deg); } }
      @media (max-width: 768px) {
        .sidebar .navigation .hasChildNavList .show_more {
          transform: translateY(-50%) rotate(90deg); } }
    .sidebar .navigation .hasChildNavList .childNavList {
      top: 0;
      right: -25px;
      transform: translateX(100%);
      background: white;
      border-radius: 12px; }
      @media (max-width: 768px) {
        .sidebar .navigation .hasChildNavList .childNavList {
          right: 0;
          transform: unset;
          top: 100%;
          left: 0; } }
      .sidebar .navigation .hasChildNavList .childNavList a {
        max-width: 100%;
        margin: 0 !important; }
      .sidebar .navigation .hasChildNavList .childNavList .mainNavListe {
        width: 100%; }

.main {
  max-width: 100%;
  width: 100%; }
  @media (min-width: 769px) {
    .main {
      max-width: calc(100vw - 250px); } }

.searchForm {
  max-width: 100%;
  width: 690px;
  background: white;
  padding: 24px 42px;
  height: 100%;
  bottom: 0;
  position: relative;
  overflow: auto;
  transition: .3s;
  transform: translateX(10000px); }
  @media (max-width: 768px) {
    .searchForm {
      padding: 24px 16px 42px; } }
  .searchForm-title {
    font-size: 24px;
    font-weight: 700;
    color: #292D32;
    line-height: 33px; }
  .searchForm-title2 {
    font-size: 15px;
    line-height: 130%; }
    .searchForm-title2 strong {
      font-size: 15px;
      line-height: 130%; }
  .searchForm-labels {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 8px;
    flex-wrap: wrap; }
    .searchForm-labels label {
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 8px; }
  .searchForm-topbar_top {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 16px; }
  .searchForm-topbar_navs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    background: #F5F6FA;
    border-radius: 8px;
    padding: 8px;
    gap: 8px;
    margin-bottom: 24px; }
  .searchForm-close {
    cursor: pointer; }
    .searchForm-close img {
      max-width: 44px; }
  .searchForm-nav {
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    padding: 6px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: .4s; }
    .searchForm-nav.active {
      background: #4880FF;
      color: white; }
  .searchForm-input_wraps {
    display: flex;
    align-items: center;
    gap: 20px; }
    @media (max-width: 768px) {
      .searchForm-input_wraps {
        flex-wrap: wrap;
        width: 100%;
        flex: auto !important;
        gap: 0; } }
    .searchForm-input_wraps > div {
      flex: 1; }
    .searchForm-input_wraps.with_small {
      align-items: baseline; }
      .searchForm-input_wraps.with_small small {
        font-size: 12px; }
      .searchForm-input_wraps.with_small .searchForm-input_wrap {
        gap: 4px; }
        .searchForm-input_wraps.with_small .searchForm-input_wrap > div {
          position: relative; }
        .searchForm-input_wraps.with_small .searchForm-input_wrap:after {
          top: 26px; }
    @media (max-width: 990px) {
      .searchForm-input_wraps .searchForm-input_wrap:last-child:not(:first-child) {
        width: calc(50% - 10px); }
      .searchForm-input_wraps .searchForm-input_wrap:first-child:not(:last-child) {
        width: calc(50% - 10px); } }
  .searchForm-input_wrap {
    margin-bottom: 20px;
    position: relative; }
    @media (max-width: 768px) {
      .searchForm-input_wrap {
        flex-wrap: wrap;
        width: 100% !important;
        flex: auto !important;
        gap: 0; } }
    .searchForm-input_wrap .requiredField.error {
      border-color: red !important; }
      .searchForm-input_wrap .requiredField.error.selectFeld a {
        border-color: red; }
    .searchForm-input_wrap.button-small {
      gap: 8px !important;
      margin-top: -12px; }
      .searchForm-input_wrap.button-small button {
        font-weight: 600; }
    .searchForm-input_wrap.hidden-wrap {
      margin: 0; }
      .searchForm-input_wrap.hidden-wrap .hidden-wrap_inner > * {
        margin-bottom: 20px; }
    .searchForm-input_wrap:not(.wrap_input-radio) {
      display: flex;
      flex-direction: column;
      gap: 20px; }
    .searchForm-input_wrap.wrap_input-date:after {
      width: 65px;
      cursor: pointer;
      height: 25px;
      background-image: url(/datenbank/images/icons/calendar-2.svg);
      background-color: white;
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 16px;
      background-size: 16px;
      background-position: right;
      z-index: 1;
      background-repeat: no-repeat; }
    .searchForm-input_wrap.wrap_input-date input {
      cursor: pointer; }
    .searchForm-input_wrap.wrap_input-date label.searchForm-label {
/*      display: block;*/
      width: calc(100% - 2px);
      position: absolute;
      top: 3px;
      padding: 14px 44px 14px 16px;
      height: auto;
      border-radius: 8px;
      outline: none;
      background: white;
      border: 0;
      left: 2px;
      cursor: pointer;
      z-index: 1;
      bottom: 2px;
		display: none;
		}
      .searchForm-input_wrap.wrap_input-date label.searchForm-label span {
        color: #72767A;
        font-size: 15px;
        line-height: 130%; }
    @media (max-width: 768px) {
      .searchForm-input_wrap.wrap_input-radio {
        width: 100%;
        flex: unset; } }
    .searchForm-input_wrap.wrap_input-radio label {
      display: block; }
      .searchForm-input_wrap.wrap_input-radio label span {
        font-size: 15px;
        line-height: 130%; }
    .searchForm-input_wrap.wrap_input-radio input {
      width: 20px;
      height: 20px; }
    .searchForm-input_wrap label.active {
      display: inline-block;
      color: #72767A;
      background: white;
      padding: 0px 4px;
      position: absolute;
      left: 16px;
      top: -5px; }
    .searchForm-input_wrap input:not([type="radio"]):not([type="checkbox"]), .searchForm-input_wrap textarea {
      width: 100% !important;
      padding: 14px 44px 14px 16px;
      height: auto;
      color: #202224;
      font-size: 15px;
      line-height: 130%;
      border-radius: 8px;
      border: 1px solid #D1D3DC;
      background: transparent;
      outline: none;
      font-family: 'Nunito Sans'; }
    .searchForm-input_wrap .selectFeld {
      width: 100%;
      margin-bottom: 0 !important; }
      .searchForm-input_wrap .selectFeld.select2-container-active a {
        box-shadow: none !important; }
      .searchForm-input_wrap .selectFeld a {
        padding: 14px 44px 14px 16px;
        height: auto;
        color: #72767A;
        font-size: 15px;
        line-height: 130%;
        border-radius: 8px;
        border: 1px solid #D1D3DC;
        background: transparent; }
      .searchForm-input_wrap .selectFeld .select2-arrow {
        background: transparent;
        border: 0;
        width: 32px; }
        .searchForm-input_wrap .selectFeld .select2-arrow b {
          background: url(/datenbank/images/icons/arrow-down.svg) no-repeat 0 1px;
          background-size: contain;
          background-position: center;
          width: 16px; }
          @media (max-width: 1024px) {
            .searchForm-input_wrap .selectFeld .select2-arrow b {
              background-image: url(/datenbank/images/icons/arrow-down.svg) !important;
              background-position: center !important;
              width: 16px;
              background-size: 100% !important; } }
    .searchForm-input_wrap > label, .searchForm-input_wrap > label.searchForm-label {
      display: none; }
    .searchForm-input_wrap > .searchForm-input_checkbox > label {
      display: block; }
  .searchForm-input_checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    margin-top: -8px; }
    .searchForm-input_checkbox input {
      width: 20px;
      height: 20px;
      cursor: pointer;
      -webkit-appearance: none;
      -moz-appearance: textfield; }
      .searchForm-input_checkbox input:before {
        background: url(/datenbank/images/icons/checkbox_empty.svg) no-repeat 0 1px;
        content: '';
        width: 20px;
        height: 20px;
        background-size: contain;
        background-position: center;
        position: absolute; }
      .searchForm-input_checkbox input:checked:before {
        background-image: url(/datenbank/images/icons/checkbox_check.svg); }
    .searchForm-input_checkbox.checked:before {
      background-image: url(/datenbank/images/icons/checkbox_check.svg); }
  .searchForm-label {
    color: red !important; }
    .searchForm-label span {
      font-size: 12px;
      line-height: 160%;
      color: #72767a; }
  .searchForm .wrap-checkboxes {
    display: flex;
    align-items: center;
    gap: 24px; }
  .searchForm-filter:not(.active) {
    display: none; }
  .searchForm-filter-buttons {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 4px; }
    @media (max-width: 768px) {
      .searchForm-filter-buttons {
        flex-wrap: wrap;
        gap: 16px; } }
    @media (max-width: 768px) {
      .searchForm-filter-buttons .filter_button {
        width: 100%;
        text-align: center; } }
    .searchForm-filter-buttons .filter_button-blue {
      font-size: 16px;
      color: white;
      background: #4880FF;
      padding: 12px 32px;
      font-weight: 700;
      border-radius: 6px;
      cursor: pointer;
      transition: .4s; }
      .searchForm-filter-buttons .filter_button-blue:hover {
        opacity: .8; }
    @media (max-width: 768px) {
      .searchForm-filter-buttons .filter_button-white {
        text-align: center;
        display: flex;
        justify-content: center; } }
    .searchForm-filter-buttons .filter_button-white .blueLink {
      padding-bottom: 4px;
      border-bottom: 1px dashed; }

small {
  font-style: normal;
  font-size: 12px; }
  small.simpleSmall {
    margin-top: -12px; }

.filter_section {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  display: flex;
  justify-content: end;
  background: rgba(20, 22, 27, 0.32);
  bottom: 0;
  z-index: 99; }

.select2-drop-active {
  border: 1px solid #D1D3DC;
  border-top: none;
  padding-top: 10px;
  transform: translateY(-10px);
  box-shadow: none !important; }

.pageBody {
  z-index: 5; }

.select2-results .select2-result-label {
  font-size: 15px; }

.picker__holder {
  display: none; }

.select2-container .select2-choice > .select2-chosen {
  color: #202224;
  font-weight: 500;
  text-overflow: ellipsis;
  width: 170px;
  font-size: 15px; }

.blueLink {
  color: #4880FF;
  font-size: 15px;
  line-height: 130%;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  border: 0;
  background: none;
  cursor: pointer;
  font-weight: 600; }
  .blueLink img {
    width: 16px;
    height: 16px; }

.result_section {
  padding: 32px 20px; }
  @media (max-width: 768px) {
    .result_section {
      padding: 24px 16px; } }
  .result_section #customerForm:not(.formBlocks) {
    padding: 24px;
    background: white;
    border-radius: 16px; }
    @media (max-width: 768px) {
      .result_section #customerForm:not(.formBlocks) {
        overflow-x: auto; } }
  .result_section .result_view-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; }
    @media (max-width: 1024px) {
      .result_section .result_view-blocks {
        gap: 16px; } }
    @media (max-width: 768px) {
      .result_section .result_view-blocks {
        gap: 16px 12px; } }
    .result_section .result_view-blocks > div {
      padding: 24px 20px 20px 20px;
      border-radius: 12px;
      background: white;
      width: 31.7%;
      position: relative; }
      @media (max-width: 768px) {
        .result_section .result_view-blocks > div {
          width: calc(50% - 6px);
          padding: 16px;
          padding-bottom: 8px; } }
      .result_section .result_view-blocks > div.not-found {
        width: 100%; }
      .result_section .result_view-blocks > div .block_icons {
        display: flex;
        gap: 8px;
        position: absolute;
        top: -11px; }
    .result_section .result_view-blocks .CompanSerialNo {
      font-size: 14px;
      font-weight: 600;
      padding-bottom: 13px;
      margin-bottom: 12px;
      border-bottom: 1px solid #F5F6FA; }
    .result_section .result_view-blocks .result_view-block {
      display: flex;
      font-weight: 600;
      margin-bottom: 8px; }
      .result_section .result_view-blocks .result_view-block * {
        color: #202224;
        font-size: 12px;
        font-family: 'Nunito Sans', sans-serif; }
      .result_section .result_view-blocks .result_view-block a {
        margin-right: 5px; }
      .result_section .result_view-blocks .result_view-block br {
        display: none; }
      .result_section .result_view-blocks .result_view-block img {
        margin-right: 4px; }
  .result_section-title {
    font-size: 32px;
    font-weight: 700;
    color: #292D32;
    font-family: 'Nunito Sans', sans-serif;
    display: flex;
    position: relative;
    margin-bottom: 0; }
    @media (max-width: 768px) {
      .result_section-title {
        font-size: 24px; } }
    .result_section-title span {
      color: #4880FF;
      font-weight: 700 !important;
      font-family: 'Nunito Sans', sans-serif !important;
      font-size: 15px !important;
      margin-left: 8px; }
      @media (max-width: 1024px) {
        .result_section-title span {
          position: absolute;
          right: 0;
          transform: translateX(110%);
          top: 0; } }
  .result_section-top {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .result_section-top {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 32px; } }
    .result_section-top_tools {
      display: flex;
      align-items: center;
      gap: 16px; }
      @media (max-width: 768px) {
        .result_section-top_tools {
          max-width: 100%; } }
      .result_section-top_tools .button-filter {
        width: 44px;
        height: 44px;
        background: white;
        cursor: pointer;
        border-radius: 8px;
        overflow: hidden;
        min-width: 44px; }
      .result_section-top_tools .tool-search {
        border: 1px solid #D1D3DC;
        height: 44px;
        border-radius: 8px;
        background: white;
        padding: 12px 16px;
        display: flex;
        gap: 12px;
        align-items: center;
        width: 388px;
        max-width: 100%; }
        @media (max-width: 1024px) {
          .result_section-top_tools .tool-search {
            width: 200px; } }
        .result_section-top_tools .tool-search input {
          width: 100%;
          height: auto;
          border: 0;
          font-size: 14px;
          font-family: 'Nunito Sans', sans-serif;
          border-bottom: none !important;
          outline: none; }
        .result_section-top_tools .tool-search img {
          cursor: pointer; }
      .result_section-top_tools-views {
        padding: 12px;
        background: white;
        display: flex;
        align-items: center;
        gap: 24px;
        border-radius: 8px;
        border: 1px solid #D1D3DC; }
        .result_section-top_tools-views img {
          cursor: pointer; }
  .result_section-gets {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px; }
    .result_section-gets .filter_item {
      display: flex;
      padding: 4px 8px;
      gap: 6px;
      font-size: 11px;
      font-weight: 600;
      align-items: center;
      border: 1px solid #DEE1F0;
      border-radius: 4px; }
    .result_section-gets span:not(.js-mailcheckContainer) {
      display: block;
      width: 12px;
      height: 12px;
      background-image: url(/datenbank/images/icons/close-filter.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer; }
    .result_section-gets .blueLink {
      border-bottom: 1px dashed; }
  .result_section table {
    border-collapse: collapse;
    width: 100%;
    background: white; }
  .result_section table, .result_section th, .result_section td {
    margin: 0;
    padding: 0;
    border: none;
    font: inherit; }
  .result_section th, .result_section td {
    padding: 8px;
    text-align: left;
    vertical-align: top; }
  .result_section thead, .result_section tbody, .result_section tfoot {
    display: table-row-group; }
  .result_section .table-wrap {
    overflow: hidden;
    border: 1px solid #DFE2EF;
    border-radius: 8px; }
    @media (max-width: 1024px) {
      .result_section .table-wrap {
        overflow-x: auto; }
        .result_section .table-wrap::-webkit-scrollbar {
          width: 4px;
          height: 4px; }
        .result_section .table-wrap::-webkit-scrollbar-thumb {
          background-color: #4880FF; }
        .result_section .table-wrap::-webkit-scrollbar-track {
          background-color: #f1f1f1; }
        .result_section .table-wrap::-webkit-scrollbar-thumb:hover {
          background-color: #555; } }
  .result_section table {
    border-collapse: collapse;
    margin: 0; }
    .result_section table.result_view-list tr.first td {
      background-color: #f7f9fb; }
    .result_section table tr.kat {
      border-radius: 8px 8px 0 0; }
      .result_section table tr.kat td {
        font-weight: 600;
        background-color: #F1F4F9;
        font-size: 14px;
        font-family: 'Nunito Sans', sans-serif;
        padding: 8px; }
    .result_section table tr.first td, .result_section table tr.third td {
      background-color: white; }
    .result_section table tr:not(:first-child):not(:last-child) {
      border-bottom: 1px solid #DFE2EF; }
    .result_section table td, .result_section table th {
      border: none;
      padding: 10px;
      font-size: 12px;
      font-weight: 400; }
      @media (max-width: 600px) {
        .result_section table td, .result_section table th {
          font-size: 14px; } }
    .result_section table .td_company,
    .result_section table .td_name {
      width: 19.5%;
      min-width: 211px; }
    .result_section table .td_date {
      width: 12.5%;
      min-width: 135px; }
    .result_section table .td_status {
      width: 11%;
      min-width: 118px; }
    .result_section table .td_article {
      width: 12.3%;
      min-width: 133px; }
    .result_section table .td_bank {
      width: 5.5%;
      min-width: 61px; }
    .result_section table .td_storncodierung {
      width: 19.5%;
      min-width: 211px; }
  .result_section .siteNavi {
    display: flex;
    position: relative;
    top: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 24px;
    float: none; }
    @media (max-width: 768px) {
      .result_section .siteNavi {
        margin-bottom: 30px; } }
    .result_section .siteNavi .selectFeld {
      width: auto;
      margin-left: -160px;
      margin-right: 40px;
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .result_section .siteNavi .numsPages {
      display: flex;
      gap: 8px;
      align-items: center; }
      @media (max-width: 500px) {
        .result_section .siteNavi .numsPages {
          gap: 4px; } }
      .result_section .siteNavi .numsPages a {
        font-size: 14px;
        height: 44px;
        width: 44px;
        align-items: center;
        justify-content: center;
        display: flex;
        border: 1px solid #D1D3DC;
        border-radius: 8px;
        background: white;
        font-weight: 600;
        text-decoration: none !important;
        transition: .4s; }
        .result_section .siteNavi .numsPages a:hover {
          opacity: .8;
          background: #4880FF;
          color: white; }
          .result_section .siteNavi .numsPages a:hover img {
            filter: brightness(20); }
        .result_section .siteNavi .numsPages a.aktuell {
          background: #4880FF;
          color: white; }
          .result_section .siteNavi .numsPages a.aktuell:hover {
            opacity: .8;
            background: #4880FF;
            color: white; }
        @media (max-width: 500px) {
          .result_section .siteNavi .numsPages a {
            font-size: 10px;
            height: 30px;
            width: 30px; } }
      .result_section .siteNavi .numsPages span {
        font-size: 14px;
        height: 44px;
        width: 44px;
        align-items: center;
        justify-content: center;
        display: flex;
        border: 1px solid #D1D3DC;
        border-radius: 8px;
        background: white;
        font-weight: 600;
        text-decoration: none !important;
        transition: .4s; }
        @media (max-width: 500px) {
          .result_section .siteNavi .numsPages span {
            font-size: 10px;
            height: 30px;
            width: 30px; } }
      @media (max-width: 500px) {
        .result_section .siteNavi .numsPages img {
          width: 12px; } }

.toolTabContainer {
  display: none !important; }

.addCustomer-top {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap; }

.addCustomer-header * {
  margin: 0;
  font-size: 32px;
  color: #292D32;
  font-weight: 700;
  letter-spacing: -0.11px;
  font-family: 'Nunito Sans', sans-serif;
  padding-bottom: 4px; }
  @media (max-width: 768px) {
    .addCustomer-header * {
      font-size: 24px; } }

.addCustomer-back img {
  width: 16px;
  height: 16px; }

.addCustomer-back a {
  color: #4880FF;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid;
  padding-bottom: 4px;
  transition: .4s; }
  .addCustomer-back a:hover {
    opacity: .6;
    text-decoration: none; }

.addCustomer-wrapper {
  display: flex;
  gap: 20px;
  margin-bottom: 24px; }
  @media (max-width: 1100px) {
    .addCustomer-wrapper {
      flex-wrap: wrap;
      margin-bottom: 20px; } }

.addCustomer-blocks {
  flex: 1; }
  @media (max-width: 1100px) {
    .addCustomer-blocks {
      flex: unset;
      width: 100%; } }
/*
  @media (min-width: 1101px) {
    .addCustomer-blocks:last-child:not(:first-child) .addCustomer-block {
      height: calc(50% - 10px); } }
*/
  .addCustomer-blocks:first-child:last-child {
    display: flex;
    gap: 20px; }
    @media (max-width: 1100px) {
      .addCustomer-blocks:first-child:last-child {
        flex-wrap: wrap; } }
    .addCustomer-blocks:first-child:last-child .addCustomer-block {
      flex: 1;
      height: 100%; }
      @media (max-width: 1100px) {
        .addCustomer-blocks:first-child:last-child .addCustomer-block {
          flex: unset;
          width: 100%;
          height: auto; } }

.addCustomer-block {
  background: white;
  padding: 24px;
  border-radius: 16px;
  position: relative; }
  @media (max-width: 1100px) {
    .addCustomer-block {
      padding: 20px; } }
  .addCustomer-block:not(:last-child) {
    margin-bottom: 20px; }
  .addCustomer-block:last-child:first-child {
    height: 100%; }
    @media (max-width: 1100px) {
      .addCustomer-block:last-child:first-child {
        height: auto; } }
  @media (max-width: 1100px) {
    .addCustomer-block.hidden fieldset {
      display: none; } }
  .addCustomer-block fieldset {
    border: 0;
    margin-top: 24px; }
  .addCustomer-block legend {
    display: none; }
  .addCustomer-block_title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.3px;
    max-width: calc(100% - 24px); }
  .addCustomer-block #land {
    margin-bottom: -15px; }

.toggleBlock {
  display: none;
  cursor: pointer;
  transition: all .4s;
  position: absolute;
  right: 20px;
  top: 20px; }
  @media (max-width: 1100px) {
    .toggleBlock {
      display: block; } }
  .toggleBlock span {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/datenbank/images/icons/minuse.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    .toggleBlock span.closed {
      background-image: url(/datenbank/images/icons/plus.svg); }

.ui-dialog {
  left: 50%;
  top: 50% !important;
  transform: translateX(-50%) translateY(-50%); }

.backgr-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1; }

button.ui-dialog-titlebar-close {
  display: none; }

.ui-widget-header {
  background: #4880FF;
  border-color: #4880FF; }

#custom_fields input,
#custom_fields textarea {
  margin-bottom: 20px; }

#s2id_product_id_sub {
  border: none; }

label[for="product_id_sub"],
label[for="sms_text"],
#iconSMSstatus,
label[for="sms_freitext"],
#sms_versand_status_text {
  display: none; }

div#sub_products {
  margin-bottom: 50px; }

div#custom_fields input {
  margin: 0; }