@charset "UTF-8";
/* ---------- Allgemein / Body ---------- */
/* ---------- Focus Ring (schon vorhanden? dann belassen) ---------- */
/* ---------- Tabelen-Varianten-Map ---------- */
/* (bg, border, hover) */
/* ---------- Buttons: Basis-Design ---------- */
/* ---------- Buttons: Farb-Varianten ---------- */
/* Outline-Farben: nutzen die gleichen Töne wie oben */
/* ---------- Buttons-Varianten-Map ----------
   Struktur pro Eintrag:
   ( text, base, hover, active, active-border, focus-ring-rgba, outline-text-on-hover? )
------------------------------------------------ */
.link-hover {
  color: #004994;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}

:root {
  --learning-progress-red-section: #d9534f;
  --learning-progress-yellow-section: #f0ad4e;
  --learning-progress-green-section: #5cb85c;
}

/*global core styles*/
.arrow::after {
  content: "";
  background-image: url("../images/semi/global/arrow.svg");
  width: 14px;
  height: 14px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 30px;
}

#xsem:not(.backend) {
  font-size: 16px;
  /* Das überschreibt alle li aller Listen... Das muss anders gelöst werden */
  /*ul:not(#ilTab):not(#ilSubTab) {
    list-style: none;

    li {
      font-size: 22px;
      margin-bottom: 15px;

      &::before {
        position: absolute;
        margin-left: -22px;
        content: '\2022';
        color: #004994;
        font-weight: bold;
      }
    }
  }*/
}
#xsem:not(.backend) .breadcrumb {
  padding-left: 0;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) {
    font-size: 20px;
  }
}
#xsem:not(.backend) h1 {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 8px 0;
  color: inherit;
  font-family: "FF-Meta", sans-serif;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) h1 {
    font-size: 48px;
  }
}
#xsem:not(.backend) h2 {
  font-size: 28.8px;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
  margin: 0 0 8px 0;
  font-family: "FF-Meta", sans-serif;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) h2 {
    font-size: 36px;
  }
}
#xsem:not(.backend) h3 {
  font-size: 22.4px;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
  margin: 0 0 8px 0;
  font-family: "FF-Meta", sans-serif;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) h3 {
    font-size: 28px;
  }
}
#xsem:not(.backend) h4 {
  font-size: 21.9px;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
  margin: 0 0 8px 0;
  font-family: "FF-Meta", sans-serif;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) h4 {
    font-size: 24px;
  }
}
#xsem:not(.backend) h5, #xsem:not(.backend) h6 {
  color: inherit;
  margin: 0 0 8px 0;
  font-family: "FF-Meta", sans-serif;
  text-transform: none;
}

#xsem a.full-width {
  display: block;
}

#xsem a[target^=edit]:not([target^=editUser]) {
  padding: 0;
  background: #004994;
  border-radius: 15px;
  text-decoration: none !important;
  font-size: 10px !important;
  white-space: nowrap;
  width: 22px;
  display: inline-flex;
  height: 22px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  transition: all 0.2s ease-in-out;
}
#xsem a[target^=edit]:not([target^=editUser]) .admin.glyphicon-pencil {
  font-size: 12px;
  text-transform: uppercase;
  color: var(--white);
  margin-top: -2px;
  display: inline-block;
}
#xsem a[target^=edit]:not([target^=editUser]) .admin.glyphicon-pencil::before {
  font-family: il-icons;
  content: "\e05f";
  font-weight: bold;
  color: #fff;
}
#xsem a[target^=edit]:not([target^=editUser]):hover {
  transform: scale(1.2);
}

.transition {
  animation: 1s ease-out 0s 1 transition;
}

@keyframes transition {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
body {
  color: #212529;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum" on;
}

#xsem {
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
  /* Badge */
  /* Label */
}
#xsem .mt-0 {
  margin-top: 0 !important;
}
#xsem .mb-0 {
  margin-bottom: 0 !important;
}
#xsem .mt-xs {
  margin-top: 5px !important;
}
#xsem .mb-xs {
  margin-bottom: 5px !important;
}
#xsem .mt-s {
  margin-top: 10px !important;
}
#xsem .mb-s {
  margin-bottom: 10px !important;
}
#xsem .mt-m {
  margin-top: 15px !important;
}
#xsem .mb-m {
  margin-bottom: 15px !important;
}
#xsem .mt-l {
  margin-top: 30px !important;
}
#xsem .mb-l {
  margin-bottom: 30px !important;
}
#xsem .mt-xl {
  margin-top: 45px !important;
}
#xsem .mb-xl {
  margin-bottom: 45px !important;
}
#xsem .mt-xxl {
  margin-top: 60px !important;
}
#xsem .mb-xxl {
  margin-bottom: 60px !important;
}
#xsem .padding-top-0 {
  padding-top: 0;
}
#xsem .padding-top-1 {
  padding-top: 5px;
}
#xsem .padding-top-2 {
  padding-top: 10px;
}
#xsem .padding-top-3 {
  padding-top: 15px;
}
#xsem .padding-top-4 {
  padding-top: 30px;
}
#xsem .padding-bottom-0 {
  padding-bottom: 0;
}
#xsem .padding-bottom-1 {
  padding-bottom: 5px;
}
#xsem .padding-bottom-2 {
  padding-bottom: 10px;
}
#xsem .padding-bottom-3 {
  padding-bottom: 15px;
}
#xsem .padding-bottom-4 {
  padding-bottom: 30px;
}
#xsem .padding-left-0 {
  padding-left: 0;
}
#xsem .padding-left-1 {
  padding-left: 5px;
}
#xsem .padding-left-2 {
  padding-left: 10px;
}
#xsem .padding-left-3 {
  padding-left: 15px;
}
#xsem .padding-left-4 {
  padding-left: 30px;
}
#xsem .padding-right-0 {
  padding-right: 0;
}
#xsem .padding-right-1 {
  padding-right: 5px;
}
#xsem .padding-right-2 {
  padding-right: 10px;
}
#xsem .padding-right-3 {
  padding-right: 15px;
}
#xsem .padding-right-4 {
  padding-right: 30px;
}
#xsem .padding-0 {
  padding: 0;
}
#xsem .padding-1 {
  padding: 5px;
}
#xsem .padding-2 {
  padding: 10px;
}
#xsem .padding-3 {
  padding: 15px;
}
#xsem .padding-4 {
  padding: 30px;
}
#xsem .margin-top-0 {
  margin-top: 0;
}
#xsem .margin-top-1 {
  margin-top: 10px;
}
#xsem .margin-top-2 {
  margin-top: 15px;
}
#xsem .margin-top-3 {
  margin-top: 30px;
}
#xsem .margin-top-4 {
  margin-top: 45px;
}
#xsem .margin-bottom-0 {
  margin-bottom: 0;
}
#xsem .margin-bottom-1 {
  margin-bottom: 10px;
}
#xsem .margin-bottom-2 {
  margin-bottom: 15px;
}
#xsem .margin-bottom-3 {
  margin-bottom: 30px;
}
#xsem .margin-bottom-4 {
  margin-bottom: 45px;
}
#xsem .margin-right-0 {
  margin-right: 0;
}
#xsem .margin-right-1 {
  margin-right: 10px;
}
#xsem .margin-right-2 {
  margin-right: 15px;
}
#xsem .margin-right-3 {
  margin-right: 30px;
}
#xsem .margin-right-4 {
  margin-right: 45px;
}
#xsem .margin-left-0 {
  margin-left: 0;
}
#xsem .margin-left-1 {
  margin-left: 10px;
}
#xsem .margin-left-2 {
  margin-left: 15px;
}
#xsem .margin-left-3 {
  margin-left: 30px;
}
#xsem .margin-left-4 {
  margin-left: 45px;
}
#xsem .margin-0 {
  margin: 0;
}
#xsem .margin-1 {
  margin: 10px;
}
#xsem .margin-2 {
  margin: 15px;
}
#xsem .margin-3 {
  margin: 30px;
}
#xsem .margin-4 {
  margin: 45px;
}
#xsem a:not(.btn) {
  color: #004994;
  opacity: 1;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  text-underline-offset: 4px;
}
#xsem a:not(.btn):hover {
  color: #002C59;
  text-decoration: underline;
}
#xsem .dark a:not(.btn) {
  color: white;
}
#xsem .dark a:not(.btn):hover {
  color: #F7F7F7;
}
#xsem:not(.backend) p.small, #xsem:not(.backend) .small {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) p.small, #xsem:not(.backend) .small {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) p.small, #xsem:not(.backend) .small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) p.small, #xsem:not(.backend) .small {
    font-size: 16px;
  }
}
#xsem:not(.backend) p.extra-small, #xsem:not(.backend) .extra-small {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) p.extra-small, #xsem:not(.backend) .extra-small {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) p.extra-small, #xsem:not(.backend) .extra-small {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) p.extra-small, #xsem:not(.backend) .extra-small {
    font-size: 14px;
  }
}
#xsem:not(.backend) p.very-small, #xsem:not(.backend) .very-small {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) p.very-small, #xsem:not(.backend) .very-small {
    font-size: 12px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) p.very-small, #xsem:not(.backend) .very-small {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) p.very-small, #xsem:not(.backend) .very-small {
    font-size: 12px;
  }
}
#xsem .auth {
  margin-top: 15px;
}
@media screen and (min-width: 992px) {
  #xsem .auth {
    margin-top: 45px;
  }
}
#xsem .badge {
  padding: 5px 8px;
  margin: 0;
  font-size: 10px;
  font-weight: 300;
  line-height: 10px;
  color: #fff;
  background-color: #777;
  border-radius: 10px;
}
#xsem .badge-success {
  color: #3c763d;
  background-color: #dff0d8;
}
#xsem .badge-success .glyphicon {
  color: #3c763d;
  background-color: #dff0d8;
}
#xsem .badge-info {
  color: #31708f;
  background-color: #d9edf7;
}
#xsem .badge-info .glyphicon {
  color: #31708f;
  background-color: #d9edf7;
}
#xsem .badge-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
#xsem .badge-warning .glyphicon {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
#xsem .badge-danger {
  color: #a94442;
  background-color: #f2dede;
}
#xsem .badge-danger .glyphicon {
  color: #a94442;
  background-color: #f2dede;
}
#xsem span.label {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  padding: 2px 10px;
  margin: 0 0 5px 0;
  border-radius: 10px;
}
@media screen and (min-width: 480px) {
  #xsem span.label {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  #xsem span.label {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #xsem span.label {
    font-size: 14px;
  }
}
#xsem span.label.small {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
@media screen and (min-width: 480px) {
  #xsem span.label.small {
    font-size: 12px;
  }
}
@media screen and (min-width: 600px) {
  #xsem span.label.small {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #xsem span.label.small {
    font-size: 12px;
  }
}
#xsem span.label a {
  text-decoration: underline;
}
#xsem span.label a:hover {
  text-decoration: underline;
}
#xsem .label-default, #xsem .label-default .glyphicon {
  color: #fff !important;
  background-color: #777;
}
#xsem .label-default a, #xsem .label-default .glyphicon a {
  color: #fff !important;
}
#xsem .label-default a.hover, #xsem .label-default .glyphicon a.hover {
  color: #fff !important;
}
#xsem .label-primary, #xsem .label-primary .glyphicon {
  color: #fff !important;
  background-color: #337ab7;
}
#xsem .label-primary a, #xsem .label-primary .glyphicon a {
  color: #fff !important;
}
#xsem .label-primary a.hover, #xsem .label-primary .glyphicon a.hover {
  color: #fff !important;
}
#xsem .label-success, #xsem .label-success .glyphicon {
  color: #fff !important;
  background-color: #5cb85c;
}
#xsem .label-success a, #xsem .label-success .glyphicon a {
  color: #fff !important;
}
#xsem .label-success a.hover, #xsem .label-success .glyphicon a.hover {
  color: #fff !important;
}
#xsem .label-info, #xsem .label-info .glyphicon {
  color: #fff !important;
  background-color: #5bc0de;
}
#xsem .label-info a, #xsem .label-info .glyphicon a {
  color: #fff !important;
}
#xsem .label-info a.hover, #xsem .label-info .glyphicon a.hover {
  color: #fff !important;
}
#xsem .label-warning, #xsem .label-warning .glyphicon {
  color: #fff !important;
  background-color: #f0ad4e;
}
#xsem .label-warning a, #xsem .label-warning .glyphicon a {
  color: #fff !important;
}
#xsem .label-warning a.hover, #xsem .label-warning .glyphicon a.hover {
  color: #fff !important;
}
#xsem .label-danger, #xsem .label-danger .glyphicon {
  color: #fff !important;
  background-color: #d9534f;
}
#xsem .label-danger a, #xsem .label-danger .glyphicon a {
  color: #fff !important;
}
#xsem .label-danger a.hover, #xsem .label-danger .glyphicon a.hover {
  color: #fff !important;
}
#xsem .glyphicon.default {
  color: #777 !important;
  font-size: inherit;
}
#xsem .glyphicon.primary {
  color: #337ab7 !important;
  font-size: inherit;
}
#xsem .glyphicon.success {
  color: #5cb85c !important;
  font-size: inherit;
}
#xsem .glyphicon.warning {
  color: #f0ad4e !important;
  font-size: inherit;
}
#xsem .glyphicon.danger {
  color: #d9534f !important;
  font-size: inherit;
}
#xsem .glyphicon.info {
  color: #5bc0de !important;
  font-size: inherit;
}

#xsem ul.back-breadcrumb {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
}
#xsem ul.back-breadcrumb li {
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0 !important;
}
#xsem ul.back-breadcrumb li:before {
  display: none;
}
#xsem ul.back-breadcrumb li a:hover {
  text-decoration: none;
}
#xsem ul.back-breadcrumb li a span.link-icon {
  font-size: 14px;
}
#xsem ul.back-breadcrumb li a span.link-text:hover {
  text-decoration: underline;
}
@media screen and (min-width: 992px) {
  #xsem ul.back-breadcrumb {
    margin-bottom: 30px;
  }
}

#xsem .course-certificate-icon {
  background-image: url("/Resources/Images/Icons/certificate.svg");
  display: block;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
}

#xsem .course-attendance-icon {
  background-image: url("/Resources/Images/Icons/attendance.svg");
  display: block;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
}

#xsem .course-document-icon {
  background-image: url("/Resources/Images/Icons/document.svg");
  display: block;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
}

#xsem .info-table {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
#xsem .info-table .table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-basis: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 20px;
  margin-bottom: 20px;
}
#xsem .info-table .table-row .icon-column {
  flex-basis: 30px;
}
#xsem .info-table .table-row .icon-column .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
}
#xsem .info-table .table-row .label-column {
  flex-basis: 25%;
  font-weight: 400;
  text-align: left;
}
#xsem .info-table .table-row .info-column {
  flex-basis: auto;
}
#xsem .info-table .table-row.wide .label-column {
  flex-basis: 25%;
}
#xsem .info-table .table-row.wide .info-column {
  flex-basis: 75%;
}
@media screen and (max-width: 767px) {
  #xsem .info-table .table-row.wide {
    flex-direction: column;
  }
  #xsem .info-table .table-row.wide .label-column {
    flex-basis: auto;
  }
}
#xsem .info-table.info-table-small .table-row {
  flex-direction: row;
  gap: 10px;
  margin-bottom: 10px;
}
#xsem .info-table.info-table-small .table-row .icon-column {
  flex-basis: 20px;
}

.cert-icon {
  background-image: url("/Resources/Images/Icons/certificate.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.edit-icon {
  background-image: url("/Resources/Images/Icons/edit.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.info-icon {
  background-image: url("/Resources/Images/Icons/info.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.booking-icon {
  background-image: url("/Resources/Images/Icons/booking.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.download-icon {
  background-image: url("/Resources/Images/Icons/download.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.upload-icon {
  background-image: url("/Resources/Images/Icons/upload.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.document-icon {
  background-image: url("/Resources/Images/Icons/document.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.el-icon {
  background-image: url("/Resources/Images/Icons/start.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.date-icon {
  background-image: url("/Resources/Images/Icons/date.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.rating-icon {
  background-image: url("/Resources/Images/Icons/rating.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.exchange-icon {
  background-image: url("/Resources/Images/Icons/exchange.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.manage-participants-icon {
  background-image: url("/Resources/Images/Icons/manage-participants.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.semi-meta-bar-selector,
#orgUnitSelector {
  border: none;
  border-bottom: 1px solid black;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover .popover-title {
  padding: 9px 14px 9px 26px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  line-height: 1.2 !important;
  color: #333 !important;
  background-color: #f9f9f9 !important;
  border-color: #ececec !important;
}
.popover .popover-content {
  padding: 9px 14px 9px 26px !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700px !important;
  letter-spacing: normal !important;
  line-height: 1.2 !important;
  color: #333 !important;
  background-color: #fff !important;
}

#xsem .clear {
  clear: both;
}

#xsem .price-block .pb-default {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  margin: 5px 0;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-default {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-default {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-default {
    font-size: 20px;
  }
}
#xsem .price-block .pb-title {
  font-weight: 500;
}
#xsem .price-block .pb-base-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: line-through;
  color: #212529;
  margin: 5px 0;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-base-price {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-base-price {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-base-price {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-base-price {
    line-height: 22px;
  }
}
#xsem .price-block .pb-base-price span {
  font-weight: 500;
  text-decoration: line-through;
}
#xsem .price-block .pb-best-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  color: #212529;
  margin: 5px 0 0 0;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-best-price {
    font-size: 22px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-best-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-best-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-best-price {
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-best-price {
    line-height: 26px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-best-price {
    line-height: 26px;
  }
}
#xsem .price-block .pb-vat {
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin: 5px 0;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-vat {
    font-size: 12px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-vat {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-vat {
    font-size: 12px;
  }
}
#xsem .price-block .pb-offer-info {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  font-weight: 500;
  margin: 5px 0;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-offer-info {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-offer-info {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-offer-info {
    font-size: 14px;
  }
}
#xsem .price-block .pb-info {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 5px 0;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-info {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-info {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-info {
    font-size: 14px;
  }
}
#xsem .price-block .pb-exchange-rate-info {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin: 5px 0;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-exchange-rate-info {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-exchange-rate-info {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-exchange-rate-info {
    font-size: 14px;
  }
}
#xsem .price-block p:first-child {
  margin-top: 0;
}
#xsem .price-block .pb-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-price {
    font-size: 22px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-price {
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-price {
    line-height: 26px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-price {
    line-height: 26px;
  }
}
#xsem .price-block .pb-total {
  font-family: "FF-Meta", sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 44px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem .price-block .pb-total {
    font-size: 33px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .price-block .pb-total {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-total {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .price-block .pb-total {
    line-height: 44px;
  }
}
#xsem .price-block .pb-total-net {
  font-family: "FF-Meta", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: #212529;
}

.breadcrumbs {
  border-top: 0 none;
  border-bottom: 0 none;
  box-shadow: none;
  min-height: 54px;
  background-color: #fff;
}
.breadcrumbs .breadcrumb_wrapper {
  background-color: #fff;
}
.breadcrumbs .breadcrumb_wrapper .breadcrumb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: rtl;
  text-align: left;
  margin: 0;
  padding: 10px 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
  color: #363636;
}
.breadcrumbs .breadcrumb_wrapper .breadcrumb span.crumb a {
  color: #363636;
  text-decoration: none;
}
.breadcrumbs .breadcrumb_wrapper .breadcrumb span.crumb a:hover {
  color: #363636;
  font-weight: 400;
  text-decoration: underline;
}
.breadcrumbs .breadcrumb_wrapper .breadcrumb span.crumb a.active {
  color: #363636;
  font-weight: 400;
  text-decoration: underline;
}
.breadcrumbs .breadcrumb_wrapper .breadcrumb span.crumb a.active:hover {
  color: #363636;
  font-weight: 400;
  text-decoration: underline;
}
.breadcrumbs .breadcrumb_wrapper .breadcrumb span.crumb + span.crumb::before {
  content: ">";
  color: #363636;
  padding: 0 15px 0 10px;
  font-family: "FF-Meta", sans-serif;
}

#xsem .print-container {
  display: none;
}

.config-navigation li {
  list-style: none;
  padding: 5px;
}

#xsem:not(.backend) .btn-back {
  font-size: 22px;
  color: #004994;
}
#xsem:not(.backend) .btn-back::before {
  content: "";
  background-image: url("/Resources/Images/Icons/global/back-arrow.svg");
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
#xsem:not(.backend) .btn-anker {
  width: 100% !important;
  text-align: left !important;
  text-decoration: none !important;
  background-color: #333 !important;
  border-color: #333 !important;
  color: #fff !important;
}
#xsem:not(.backend) .btn-anker:hover {
  text-decoration: none !important;
  background-color: #666 !important;
  border-color: #666 !important;
  color: #fff !important;
}
#xsem:not(.backend) .btn-anker::after {
  float: right;
  content: "";
  background-image: url("/Resources/Images/Icons/global/down-arrow.svg");
  width: 18px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 8px;
}

.modal-footer .btn,
footer .btn,
#xsem:not(.backend) .btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: inline-block;
  white-space: nowrap;
  padding: 14px 22px;
  border: 2px solid;
  border-radius: 2px;
  text-transform: none;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  font-family: "FF-Meta", sans-serif;
}
@media screen and (min-width: 480px) {
  .modal-footer .btn,
  footer .btn,
  #xsem:not(.backend) .btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 600px) {
  .modal-footer .btn,
  footer .btn,
  #xsem:not(.backend) .btn {
    font-size: 22px;
  }
}
.modal-footer .btn.btn-default,
footer .btn.btn-default,
#xsem:not(.backend) .btn.btn-default {
  color: #004994;
  background-color: #fff;
  border-color: #004994;
}
.modal-footer .btn.btn-default:hover,
footer .btn.btn-default:hover,
#xsem:not(.backend) .btn.btn-default:hover {
  color: #fff;
  background-color: #004994;
  border-color: #004994;
  text-decoration: none;
}
.modal-footer .btn.btn-secondary,
footer .btn.btn-secondary,
#xsem:not(.backend) .btn.btn-secondary {
  color: #004994;
  background-color: #fff;
  border-color: #004994;
}
.modal-footer .btn.btn-secondary:hover,
footer .btn.btn-secondary:hover,
#xsem:not(.backend) .btn.btn-secondary:hover {
  color: #fff;
  background-color: #004994;
  border-color: #004994;
  text-decoration: none;
}
.modal-footer .btn.btn-primary,
footer .btn.btn-primary,
#xsem:not(.backend) .btn.btn-primary {
  color: #fff;
  background-color: #004994;
  border-color: #004994;
}
.modal-footer .btn.btn-primary:hover,
footer .btn.btn-primary:hover,
#xsem:not(.backend) .btn.btn-primary:hover {
  color: #004994;
  background-color: #fff;
  border-color: #004994;
  text-decoration: none;
}
.modal-footer .btn.btn-success,
footer .btn.btn-success,
#xsem:not(.backend) .btn.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.modal-footer .btn.btn-success:hover,
footer .btn.btn-success:hover,
#xsem:not(.backend) .btn.btn-success:hover {
  color: #004994;
  background-color: #fff;
  text-decoration: none;
}
.modal-footer .btn.btn-info,
footer .btn.btn-info,
#xsem:not(.backend) .btn.btn-info {
  color: #fff;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.modal-footer .btn.btn-info:hover,
footer .btn.btn-info:hover,
#xsem:not(.backend) .btn.btn-info:hover {
  color: #004994;
  background-color: #fff;
  text-decoration: none;
}
.modal-footer .btn.btn-warning,
footer .btn.btn-warning,
#xsem:not(.backend) .btn.btn-warning {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
.modal-footer .btn.btn-warning:hover,
footer .btn.btn-warning:hover,
#xsem:not(.backend) .btn.btn-warning:hover {
  color: #004994;
  background-color: #fff;
  text-decoration: none;
}
.modal-footer .btn.btn-danger,
footer .btn.btn-danger,
#xsem:not(.backend) .btn.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.modal-footer .btn.btn-danger:hover,
footer .btn.btn-danger:hover,
#xsem:not(.backend) .btn.btn-danger:hover {
  color: #004994;
  background-color: #fff;
  text-decoration: none;
}
.modal-footer .btn.btn-icon,
footer .btn.btn-icon,
#xsem:not(.backend) .btn.btn-icon {
  margin: 0;
  color: #fff;
  background-color: #004994;
  border: none #004994;
  border-radius: 2px;
}
.modal-footer .btn.btn-icon span.icon,
footer .btn.btn-icon span.icon,
#xsem:not(.backend) .btn.btn-icon span.icon {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  display: block;
  height: 35px;
  filter: brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(0%) hue-rotate(232deg) brightness(106%) contrast(106%);
  transition: none;
}
@media screen and (min-width: 480px) {
  .modal-footer .btn.btn-icon span.icon,
  footer .btn.btn-icon span.icon,
  #xsem:not(.backend) .btn.btn-icon span.icon {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  .modal-footer .btn.btn-icon span.icon,
  footer .btn.btn-icon span.icon,
  #xsem:not(.backend) .btn.btn-icon span.icon {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .modal-footer .btn.btn-icon span.icon,
  footer .btn.btn-icon span.icon,
  #xsem:not(.backend) .btn.btn-icon span.icon {
    font-size: 14px;
  }
}
.modal-footer .btn.btn-icon:hover,
footer .btn.btn-icon:hover,
#xsem:not(.backend) .btn.btn-icon:hover {
  color: #004994;
  background-color: #fff;
  border-color: #004994;
  text-decoration: none;
}
.modal-footer .btn.btn-icon:hover span.icon,
footer .btn.btn-icon:hover span.icon,
#xsem:not(.backend) .btn.btn-icon:hover span.icon {
  filter: brightness(0) saturate(100%) invert(14%) sepia(95%) saturate(2919%) hue-rotate(198deg) brightness(95%) contrast(105%);
}
.modal-footer .btn.btn-icon i.icon,
footer .btn.btn-icon i.icon,
#xsem:not(.backend) .btn.btn-icon i.icon {
  margin-left: 5px;
}
.modal-footer .dark .btn.btn-primary,
footer .dark .btn.btn-primary,
#xsem:not(.backend) .dark .btn.btn-primary {
  color: #fff;
  background-color: #004994;
  border-color: #fff;
}
.modal-footer .dark .btn.btn-primary:hover,
footer .dark .btn.btn-primary:hover,
#xsem:not(.backend) .dark .btn.btn-primary:hover {
  color: #004994;
  background-color: #fff;
  border-color: #fff;
}
.modal-footer .btn-address-selection,
footer .btn-address-selection,
#xsem:not(.backend) .btn-address-selection {
  color: #004994;
  text-decoration: underline;
  cursor: pointer;
}

#xsem .cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 15px 15px;
}
#xsem .cards.card-locations {
  align-items: flex-end;
}
#xsem .card {
  position: relative;
  flex-grow: 1;
  flex-basis: auto;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  background: #fff;
  border: 0 solid #d3d3d3;
  border-radius: 0;
}
@media screen and (min-width: 480px) {
  #xsem .card {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card {
    font-size: 20px;
  }
}
#xsem .card .btn {
  white-space: unset;
  padding-left: 15px;
  padding-right: 15px;
}
#xsem .card.card-small {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-small {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-small {
    font-size: 16px;
  }
}
#xsem .card.card-sections {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0;
  justify-content: space-between;
  padding: 0;
  margin: 0 0 40px 0;
}
#xsem .card.card-sections section {
  padding: 15px 30px;
}
#xsem .card.card-sections section.ce-accordion {
  padding: 0;
  border: 0 none;
}
#xsem .card.card-sections section.ce-accordion .ce-info {
  padding: 15px 30px;
  border: 0 none;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-sections section.ce-accordion .ce-info {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-sections section.ce-accordion .ce-info {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-sections section.ce-accordion .ce-info {
    font-size: 20px;
  }
}
#xsem .card.card-sections section.ce-accordion .ce-info .mapBlock {
  width: 100%;
  height: 300px;
}
#xsem .card.card-sections.card-bordered section {
  border-bottom: 1px solid #d3d3d3;
}
#xsem .card.card-sections.card-bordered section:last-child {
  border-bottom: 0 none;
}
#xsem .card.card-sections .card-header {
  flex-shrink: 0;
}
#xsem .card.card-sections .card-header .card-important-infos {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap-reverse;
}
#xsem .card.card-sections .card-header .card-important-infos .date > * {
  white-space: nowrap;
  font-size: 14px;
}
@media screen and (max-width: 575px) {
  #xsem .card.card-sections .card-header .card-important-infos .date > * {
    font-size: 12px;
  }
}
#xsem .card.card-sections .card-header .card-important-infos .card-label-container {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  margin-bottom: 0;
  flex-wrap: wrap-reverse;
}
#xsem .card.card-sections .card-header .card-important-infos [class^=label] {
  border: 2px solid #F7F7F7;
  border-radius: 50px;
  background: #F7F7F7;
  padding: 4px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #004994;
  white-space: nowrap;
}
@media screen and (max-width: 575px) {
  #xsem .card.card-sections .card-header .card-important-infos [class^=label] {
    font-size: 12px;
    padding: 2px 14px;
  }
}
#xsem .card.card-sections .card-header .card-important-infos [class^=label] .icon-label {
  height: 14px;
  width: auto;
}
#xsem .card.card-sections .card-header .card-important-infos .label-execution-type {
  background: #004994;
  color: #fff;
  border-color: #004994;
}
#xsem .card.card-sections .card-header .card-important-infos .label-categorie {
  background: #F7F7F7;
  color: #004994;
  border-color: #F7F7F7;
}
#xsem .card.card-sections .card-header .card-important-infos .label-participant {
  background: #B81178;
  color: #fff;
  border-color: #B81178;
}
#xsem .card.card-sections .card-header .card-important-infos .label-orgunit {
  background: #fff;
  color: #004994;
  border-color: #004994;
}
#xsem .card.card-sections .card-header .card-important-infos .label-orgunit.label-own-orgunit {
  background: #B81178;
  color: #fff;
  border-color: #B81178;
}
#xsem .card.card-sections .card-header .card-important-infos .label-orgunit.label-other-orgunit {
  background: #008C8E;
  color: #fff;
  border-color: #008C8E;
}
@media screen and (min-width: 768px) {
  #xsem .card.card-sections .card-header .card-important-infos .label-orgunit {
    margin-left: auto;
  }
}
#xsem .card.card-sections .card-body {
  flex-grow: 1;
}
#xsem .card.card-sections .card-footer {
  flex-shrink: 1;
}
#xsem .card.card-bordered {
  border: 1px solid #d3d3d3;
}
#xsem .card .card-event-type {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  text-decoration: underline;
}
@media screen and (min-width: 480px) {
  #xsem .card .card-event-type {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card .card-event-type {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-event-type {
    font-size: 16px;
  }
}
#xsem .card .card-column-headline {
  display: block;
  margin: 0 0 3px 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  color: #004994;
}
#xsem .card .card-title {
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: inherit;
}
@media screen and (min-width: 480px) {
  #xsem .card .card-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card .card-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-title {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-title {
    line-height: 26px;
  }
}
#xsem .card .card-title .event-execution-type {
  display: block;
  margin: 0 0 3px 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  color: #004994;
}
#xsem .card .card-title .subtitle {
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: inherit;
  font-style: italic;
}
@media screen and (min-width: 480px) {
  #xsem .card .card-title .subtitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card .card-title .subtitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-title .subtitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-title .subtitle {
    line-height: 22px;
  }
}
#xsem .card .card-text {
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: inherit;
}
@media screen and (min-width: 480px) {
  #xsem .card .card-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card .card-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-text {
    line-height: 22px;
  }
}
#xsem .card.card-small {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-small {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-small {
    font-size: 16px;
  }
}
#xsem .card.card-small .card-title .subtitle {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-small .card-title .subtitle {
    font-size: 12px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-small .card-title .subtitle {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-small .card-title .subtitle {
    font-size: 12px;
  }
}
#xsem .card.card-header-image .card-header {
  position: relative;
}
#xsem .card.card-header-image .card-header .card-title {
  position: relative;
  z-index: 1;
}
#xsem .card.card-header-image .card-header .card-title,
#xsem .card.card-header-image .card-header .card-title .event-execution-type,
#xsem .card.card-header-image .card-header .card-title a {
  color: #fff;
}
#xsem .card.card-header-image .card-header::after {
  background-color: rgba(0, 0, 0, 0.6784313725);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}
#xsem .card .card-delete {
  float: right;
  display: inline-block;
  padding: 2px 5px;
}
#xsem .card.card-event h2.card-title {
  line-height: 33px;
}
#xsem .card.card-event h2.card-title .subtitle {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-event h2.card-title .subtitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-event h2.card-title .subtitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-event h2.card-title .subtitle {
    font-size: 20px;
  }
}
#xsem .card.card-event .attributes-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
#xsem .card.card-event .attributes {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 5px 30px;
  flex-wrap: wrap;
}
#xsem .card.card-event .attributes > * {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
#xsem .card.card-event .attributes > *::before {
  content: "";
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
#xsem .card.card-event .attributes .date {
  font-weight: bold;
  white-space: nowrap;
}
#xsem .card.card-event .attributes .date::before {
  background-image: url("/Resources/Images/Icons/event/date.svg");
}
#xsem .card.card-event .attributes .times {
  white-space: nowrap;
}
#xsem .card.card-event .attributes .times::before {
  background-image: url("/Resources/Images/Icons/event/time.svg");
}
#xsem .card.card-event .attributes .description {
  white-space: nowrap;
}
#xsem .card.card-event .attributes .description::before {
  background-image: url("/Resources/Images/Icons/event/description.svg");
}
#xsem .card.card-event .attributes .price {
  white-space: nowrap;
}
#xsem .card.card-event .attributes .price::before {
  background-image: url("/Resources/Images/Icons/event/price.svg");
}
#xsem .card.card-event .attributes .information::before {
  background-image: url("/Resources/Images/Icons/event/information.svg");
}
#xsem .card.card-event .attributes .location::before {
  background-image: url("/Resources/Images/Icons/event/location.svg");
}
#xsem .card.card-event .attributes .booking-info::before {
  background-image: url("/Resources/Images/Icons/event/information.svg");
}
#xsem .card.card-event .buttons {
  text-align: right;
}
#xsem .card.card-event.card-vertical:not(.card-bordered) .card-body {
  padding: 0;
}
#xsem .card.card-event.card-vertical:not(.card-bordered) .card-footer {
  padding: 0;
}
#xsem .card.card-event.card-vertical .attributes {
  justify-content: space-between;
  flex-direction: column;
}
#xsem .card.card-login, #xsem .card.card-registration {
  margin: 0;
  padding: 40px 80px;
  border: 0 none white;
  height: initial;
}
@media screen and (max-width: 400px) {
  #xsem .card.card-login, #xsem .card.card-registration {
    padding: 20px;
  }
}
#xsem .card.card-login p.small, #xsem .card.card-registration p.small {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-login p.small, #xsem .card.card-registration p.small {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-login p.small, #xsem .card.card-registration p.small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-login p.small, #xsem .card.card-registration p.small {
    font-size: 16px;
  }
}
#xsem .card.card-login p a:not(.btn), #xsem .card.card-registration p a:not(.btn) {
  text-decoration: underline;
}
#xsem .card.card-login p a:not(.btn):hover, #xsem .card.card-registration p a:not(.btn):hover {
  text-decoration: underline;
}
#xsem .card.card-login h3, #xsem .card.card-registration h3 {
  margin: 0 0 30px 0;
  font-size: 38px;
  font-weight: 500;
  line-height: 48px;
  color: inherit;
}
#xsem .card.card-login .form-group input[name=username],
#xsem .card.card-login .form-group .input-group, #xsem .card.card-registration .form-group input[name=username],
#xsem .card.card-registration .form-group .input-group {
  width: 66.66666667%;
}
#xsem .card.card-registration {
  border: 0 none white;
}
#xsem .card.card-address {
  flex: 1;
  flex-grow: 0;
  flex-basis: calc(25% - 15px);
  padding: 0;
  min-height: 200px;
  background-color: #F7F7F7;
}
#xsem .card.card-address .card-delete {
  background-color: #fff;
}
#xsem .card.card-address .card-body {
  padding: 15px 15px 0 15px;
}
#xsem .card.card-address .card-footer {
  padding: 15px;
}
#xsem .card.card-dashboard .card-header {
  padding: 15px 30px 5px 30px;
  min-height: 150px;
}
#xsem .card.card-dashboard .card-header .card-type {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-dashboard .card-header .card-type {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-dashboard .card-header .card-type {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-dashboard .card-header .card-type {
    font-size: 16px;
  }
}
#xsem .card.card-dashboard .card-body {
  padding: 15px 30px !important;
  min-height: 160px !important;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-dashboard .card-body {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-dashboard .card-body {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-dashboard .card-body {
    font-size: 20px;
  }
}
#xsem .card.card-dashboard .card-body .card-info-row {
  margin-bottom: 5px;
}
#xsem .card.card-dashboard .card-body .ce-location-city {
  padding-top: 5px;
  padding-bottom: 15px;
  line-height: 18px;
}
#xsem .card.card-dashboard .card-body .ce-location-name span.small {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-dashboard .card-body .ce-location-name span.small {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-dashboard .card-body .ce-location-name span.small {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-dashboard .card-body .ce-location-name span.small {
    font-size: 16px;
  }
}
#xsem .card.card-dashboard .card-body .ce-date {
  padding-top: 5px;
  padding-bottom: 15px;
  line-height: 18px;
}
#xsem .card.card-dashboard .card-body .ce-roles {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-dashboard .card-body .ce-roles {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-dashboard .card-body .ce-roles {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-dashboard .card-body .ce-roles {
    font-size: 16px;
  }
}
#xsem .card.card-dashboard .card-footer {
  padding: 15px 30px;
}
#xsem .card.card-dashboard .card-footer .card-footer-info {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 1.25em;
  text-align: left;
}
#xsem .card.card-dashboard .card-footer .card-footer-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 0 2px;
  margin-bottom: 2px;
}
#xsem .card.card-dashboard .card-footer .card-footer-buttons .card-footer-button {
  flex-grow: 1;
  flex-basis: 100%;
}
#xsem .card.card-dashboard .card-footer .card-footer-buttons .card-footer-button.multipleCertificates .btn-icon + .btn-icon {
  display: none !important;
  overflow: hidden;
}
#xsem .card.card-dashboard .card-footer .card-footer-buttons .card-footer-button.multipleCertificates .btn-icon + .btn-icon:hover, #xsem .card.card-dashboard .card-footer .card-footer-buttons .card-footer-button.multipleCertificates:hover .btn-icon + .btn-icon {
  display: block !important;
  width: 300px !important;
  height: 60px !important;
  position: absolute;
  z-index: 9999;
  color: #01427A !important;
  background: #fff;
  text-align: left;
  padding-top: 1px;
  border: 1px solid #ededed;
  line-height: 50px;
}
#xsem .card.card-dashboard .card-footer .card-footer-buttons .card-footer-button.multipleCertificates .btn-icon + .btn-icon:hover .cert-icon, #xsem .card.card-dashboard .card-footer .card-footer-buttons .card-footer-button.multipleCertificates:hover .btn-icon + .btn-icon .cert-icon {
  float: left;
  width: 60px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni42OSA1Ni42OSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwNDQ2Nzc7fS5jbHMtMntmaWxsOiNmZmY7fS5jbHMtM3tmaWxsOiNjZWU4ZmE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5aZWljaGVuZmzDpGNoZSAyIEtvcGllIDQ8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM4LjM1LDQzLjQ5aC0yMGExLDEsMCwwLDEtMS0xdi0yOGExLDEsMCwwLDEsMS0xaDIwYTEsMSwwLDAsMSwxLDF2MjhBMSwxLDAsMCwxLDM4LjM1LDQzLjQ5Wm0tMTktMmgxOHYtMjZoLTE4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1LjM1LDIwLjQ5aC0xNGExLDEsMCwwLDEsMC0yaDE0YTEsMSwwLDAsMSwwLDJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzUuMzUsMjYuNDloLTE0YTEsMSwwLDAsMSwwLTJoMTRhMSwxLDAsMCwxLDAsMloiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zNS4zNSwzMi40OWgtMTRhMSwxLDAsMSwxLDAtMmgxNGExLDEsMCwwLDEsMCwyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM1LjM1LDM4LjQ5aC0xNGExLDEsMCwwLDEsMC0yaDE0YTEsMSwwLDAsMSwwLDJaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMzMuMDcsNDEuNDVhMS42MSwxLjYxLDAsMCwxLTEuNTUtMS4xOGwtLjM0LTEuMmgtMS4zQTEuNjIsMS42MiwwLDAsMSwyOC4zMywzN2wuNC0xLjMzLTEuMS0uOEExLjYzLDEuNjMsMCwwLDEsMjcsMzMuNTRhMS42MSwxLjYxLDAsMCwxLC42Ny0xLjNsMS4xNC0uODMtLjQ1LTEuMWExLjYyLDEuNjIsMCwwLDEsMS40My0yLjIzTDMxLjM3LDI4bC40NS0xLjI2YTEuNjYsMS42NiwwLDAsMSwxLTFsLjE5LS4wNmguMjhhMS42MywxLjYzLDAsMCwxLC45NS4zMWwxLC43NEwzNi40OSwyNmExLjU2LDEuNTYsMCwwLDEsLjg5LS4yNywxLjc4LDEuNzgsMCwwLDEsLjU2LjEsMS42NCwxLjY0LDAsMCwxLDEsMWwuMzgsMS4yMywxLjUxLjA2YTEuNjQsMS42NCwwLDAsMSwxLjI5LjcyLDEuNjUsMS42NSwwLDAsMSwuMTcsMS40NWwtLjQ3LDEuMjcuOS42M2ExLjY0LDEuNjQsMCwwLDEsLjY5LDEuMjYsMS42NywxLjY3LDAsMCwxLS42LDEuMzJsLTEsLjg0LjQsMWExLjc4LDEuNzgsMCwwLDEtMS42LDIuNDZsLTEuMzUsMC0uMjcsMWExLjU5LDEuNTksMCwwLDEtMSwxLjA3LDEuNSwxLjUsMCwwLDEtLjYuMTIsMS43MiwxLjcyLDAsMCwxLS44My0uMjJsLTEuMTktLjcxLTEuNDcuODZBMS41OSwxLjU5LDAsMCwxLDMzLjA3LDQxLjQ1WiIvPjxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzguNDQgMzcuODMgMzguNDQgNDQuNDUgMzUuMTggNDIuNzggMzEuOTIgNDQuNDUgMzEuOTIgMzcuNzYiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zMS45Miw0NC45MWEuNS41LDAsMCwxLS4yNC0uMDYuNDYuNDYsMCwwLDEtLjIyLS40VjM3Ljc2YS40Ni40NiwwLDAsMSwuOTIsMFY0My43TDM1LDQyLjM3YS40NS40NSwwLDAsMSwuNDIsMEwzOCw0My43VjM3LjgzYS40Ni40NiwwLDAsMSwuNDYtLjQ2LjQ3LjQ3LDAsMCwxLC40Ni40NnY2LjYyYS40OC40OCwwLDAsMS0uMjIuNC40NS40NSwwLDAsMS0uNDUsMGwtMy0xLjU2LTMsMS41NkEuNDEuNDEsMCwwLDEsMzEuOTIsNDQuOTFaIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjM5Ljc0IDQ2LjU5IDM1LjE4IDQ0LjI0IDMwLjYyIDQ2LjU5IDMwLjYyIDM3Ljc2IDMzLjIyIDM3Ljc2IDMzLjIyIDQyLjMyIDM1LjE4IDQxLjMxIDM3LjEzIDQyLjMyIDM3LjEzIDM3LjgzIDM5Ljc0IDM3LjgzIDM5Ljc0IDQ2LjU5Ii8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzOC40NCAzNy44MyAzOC40NCA0NC40NSAzNS4xOCA0Mi43OCAzMS45MiA0NC40NSAzMS45MiAzNy43NiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTMxLjkyLDQ0LjkxYS41LjUsMCwwLDEtLjI0LS4wNi40Ni40NiwwLDAsMS0uMjItLjRWMzcuNzZhLjQ2LjQ2LDAsMCwxLC45MiwwVjQzLjdMMzUsNDIuMzdhLjQ1LjQ1LDAsMCwxLC40MiwwTDM4LDQzLjdWMzcuODNhLjQ2LjQ2LDAsMCwxLC40Ni0uNDYuNDcuNDcsMCwwLDEsLjQ2LjQ2djYuNjJhLjQ4LjQ4LDAsMCwxLS4yMi40LjQ1LjQ1LDAsMCwxLS40NSwwbC0zLTEuNTYtMywxLjU2QS40MS40MSwwLDAsMSwzMS45Miw0NC45MVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMi42MiwzNy42NGEuNDcuNDcsMCwwLDAtLjQ0LS4zNGgtMi4xbC42LTJhLjQ1LjQ1LDAsMCwwLS4xNy0uNWwtMS42Ny0xLjIyLDEuODEtMS4zMmEuNDUuNDUsMCwwLDAsLjE1LS41NEwzMCwyOS44NGwyLjI3LS4wOWEuNDguNDgsMCwwLDAsLjQyLS4zbC42OC0xLjlMMzUsMjguNzFhLjUzLjUzLDAsMCwwLC4yNy4wOC40OC40OCwwLDAsMCwuMjYtLjA3bDEuNzctMS4xNy42LDEuOTNhLjQ3LjQ3LDAsMCwwLC40Mi4zMmwyLjIzLjA5LS43NCwyYS40Ny40NywwLDAsMCwuMTcuNTRsMS41NSwxLjA5LTEuNjMsMS4zM2EuNDcuNDcsMCwwLDAtLjE0LjUzbC43NywxLjg4LTIuMzMuMTFhLjQ2LjQ2LDAsMCwwLS40My4zNGwtLjQ4LDEuNzMtMS42OC0xYS41My41MywwLDAsMC0uMjQtLjA2LjQ2LjQ2LDAsMCwwLS4yMy4wNmwtMiwxLjE1Wm00Ljg0LTEwLjIiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zMy45MiwyNy41MmgwbTMuMTEuNzUuNDIsMS4zNWEuOTIuOTIsMCwwLDAsLjg1LjY0bDEuNTkuMDYtLjUyLDEuNDJhLjkxLjkxLDAsMCwwLC4zMywxLjA3bDEuMDYuNzUtMS4xNi45NWEuOTIuOTIsMCwwLDAtLjI3LDEuMDZsLjUzLDEuMy0xLjY5LjA1YS45My45MywwLDAsMC0uODYuNjhMMzcsMzguNzRsLTEuMTctLjY5YTEsMSwwLDAsMC0uNDctLjEzLjk0Ljk0LDAsMCwwLS40Ni4xM2wtMS40NS44NS0uMzktMS4zOGEuOTIuOTIsMCwwLDAtLjg4LS42OEgzMC43bC40Mi0xLjQzYS45My45MywwLDAsMC0uMzMtMWwtMS4xNy0uODUsMS4zLS45NGEuOTMuOTMsMCwwLDAsLjMxLTEuMWwtLjUxLTEuMjQsMS42MS0uMDZhLjkzLjkzLDAsMCwwLC44My0uNjFsLjQ4LTEuMzEsMS4wOC43OWEuODkuODksMCwwLDAsLjU0LjE3LjkyLjkyLDAsMCwwLC41MS0uMTVMMzcsMjguMjdNMzMuMzQsMjdoLS4wOWEuMzEuMzEsMCwwLDAtLjIuMTlsLS43NiwyLjA4LTIuNDguMDlhLjMzLjMzLDAsMCwwLS4yNS4xNS4zMS4zMSwwLDAsMCwwLC4yOGwuODQsMi4wNS0yLDEuNDNhLjMxLjMxLDAsMCwwLS4xMy4yNS4zLjMsMCwwLDAsLjEzLjI1bDEuODQsMS4zNS0uNjYsMi4yMmEuMzEuMzEsMCwwLDAsLjA1LjI4LjMuMywwLDAsMCwuMjUuMTJoMi4zbC41OSwyLjE1YS4zMy4zMywwLDAsMCwuMTkuMjFsLjExLDBhLjI5LjI5LDAsMCwwLC4xNiwwbDIuMTMtMS4yNSwxLjg2LDEuMDlhLjMuMywwLDAsMCwuMTYuMDUuMjMuMjMsMCwwLDAsLjExLDAsLjMxLjMxLDAsMCwwLC4xOS0uMmwuNTItMS45MiwyLjMtLjA3YS41LjUsMCwwLDAsLjQtLjIyLjQ4LjQ4LDAsMCwwLDAtLjQ1bC0uNzYtMS44OEw0MiwzMy43NmEuMy4zLDAsMCwwLC4xMS0uMjUuMjguMjgsMCwwLDAtLjEzLS4yNGwtMS43Mi0xLjIxTDQxLDI5Ljg1YS4zLjMsMCwwLDAtLjI4LS40MWwtMi40My0uMS0uNjYtMi4xMmEuMzQuMzQsMCwwLDAtLjE5LS4yaC0uMWEuMjYuMjYsMCwwLDAtLjE3LDBsLTIsMS4yNy0xLjc0LTEuMjZhLjI4LjI4LDAsMCwwLS4xOC0uMDZaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMzUuMTgsMzAuODdhMi42MywyLjYzLDAsMSwxLTIuNjIsMi42MywyLjYzLDIuNjMsMCwwLDEsMi42Mi0yLjYzbTAtLjkyYTMuNTUsMy41NSwwLDEsMCwzLjU0LDMuNTVBMy41NCwzLjU0LDAsMCwwLDM1LjE4LDMwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTM0LjY1LDM1LjA3YS40NC40NCwwLDAsMS0uMzItLjEzbC0xLjE5LTEuMTFhLjQ1LjQ1LDAsMCwxLDAtLjY1LjQ3LjQ3LDAsMCwxLC42NSwwbC44Ny44MSwxLjk0LTEuODdhLjQ2LjQ2LDAsMCwxLC42NC42N0wzNSwzNC45NEEuNDIuNDIsMCwwLDEsMzQuNjUsMzUuMDdaIi8+PC9zdmc+) !important;
  background-repeat: no-repeat;
}
#xsem .card.card-dashboard .card-footer .card-footer-buttons .card-footer-button a {
  display: block;
  height: 100%;
}
#xsem .card.card-download {
  min-height: 200px;
  background-color: #F7F7F7;
}
#xsem .card.card-download .info-table .icon-column .icon {
  filter: brightness(0) saturate(100%) invert(14%) sepia(95%) saturate(2919%) hue-rotate(198deg) brightness(95%) contrast(105%);
}
#xsem .card.card-info .card-header {
  color: inherit;
  background-color: #F7F7F7;
}
#xsem .card.card-org-unit {
  font-weight: 500;
  text-align: center;
  color: #004994;
}
#xsem .card.card-org-unit a {
  margin: 0;
}
#xsem .card.card-org-unit:hover {
  color: #004994;
  text-decoration: underline;
}
#xsem .card.card-org-unit .card-header {
  background: #B81178;
  border-radius: 50px;
  padding: 0;
}
#xsem .card.card-org-unit .card-header label {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: #fff;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-org-unit .card-header label {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-org-unit .card-header label {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-org-unit .card-header label {
    font-size: 16px;
  }
}
#xsem .card.card-org-unit .card-body img {
  width: 100%;
}
#xsem .card.card-coupon {
  padding: 20px;
  margin: 0;
  background-color: #fff;
  border: 0 none #d3d3d3;
}
#xsem .card.card-total {
  padding: 20px;
  margin: 0;
  background-color: #004994;
  border: 0 none #004994;
  color: white;
}
#xsem .card.card-total .card-column-headline {
  color: white;
}
#xsem .card.card-total .card-total-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 44px;
  color: #212529;
  color: white;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-total .card-total-price {
    font-size: 33px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-total .card-total-price {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-total .card-total-price {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-total .card-total-price {
    line-height: 44px;
  }
}
#xsem .card.card-total .card-total-price .card-total-vat {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: white;
}
@media screen and (min-width: 480px) {
  #xsem .card.card-total .card-total-price .card-total-vat {
    font-size: 12px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card.card-total .card-total-price .card-total-vat {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card.card-total .card-total-price .card-total-vat {
    font-size: 12px;
  }
}
#xsem .card.card-total .card-total-net {
  font-family: "FF-Meta", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  color: #212529;
  color: white;
}
#xsem .card.card-total .payment-method {
  margin-top: 15px;
}
#xsem .card.card-2cols {
  flex: 1;
  flex-grow: 0;
  flex-basis: calc(50% - 15px);
}
@media screen and (max-width: 991px) {
  #xsem .card.card-2cols {
    flex-basis: calc(50% - 15px);
  }
}
@media screen and (max-width: 575px) {
  #xsem .card.card-2cols {
    flex-basis: 100%;
  }
}
#xsem .card.card-3cols {
  flex: 1;
  flex-grow: 0;
  flex-basis: calc(33.3333333333% - 15px);
}
@media screen and (max-width: 991px) {
  #xsem .card.card-3cols {
    flex-basis: calc(33.3333333333% - 15px);
  }
}
@media screen and (max-width: 767px) {
  #xsem .card.card-3cols {
    flex-basis: 100%;
  }
}
#xsem .card.card-4cols {
  flex: 1;
  flex-grow: 0;
  flex-basis: calc(25% - 15px);
}
@media screen and (max-width: 991px) {
  #xsem .card.card-4cols {
    flex-basis: calc(50% - 15px);
  }
}
@media screen and (max-width: 575px) {
  #xsem .card.card-4cols {
    flex-basis: 100%;
  }
}
#xsem .card.card-6cols {
  flex: 1;
  flex-grow: 0;
  flex-basis: calc(16.6666666667% - 15px);
}
@media screen and (max-width: 991px) {
  #xsem .card.card-6cols {
    flex-basis: calc(33.3333333333% - 15px);
  }
}
@media screen and (max-width: 767px) {
  #xsem .card.card-6cols {
    flex-basis: calc(50% - 15px);
  }
}
@media screen and (max-width: 575px) {
  #xsem .card.card-6cols {
    flex-basis: 100%;
  }
}
#xsem .card.medium {
  color: #212529;
  background-color: #F7F7F7;
  border-color: #F7F7F7;
}
#xsem .card.medium h1, #xsem .card.medium h2, #xsem .card.medium h3, #xsem .card.medium h4, #xsem .card.medium h5, #xsem .card.medium h6 {
  color: inherit;
}
#xsem .card.dark {
  color: white;
  background-color: #004994;
  border-color: #004994;
}
#xsem .card.dark p {
  color: inherit;
}
#xsem .card.dark h1, #xsem .card.dark h2, #xsem .card.dark h3, #xsem .card.dark h4, #xsem .card.dark h5, #xsem .card.dark h6 {
  color: white;
}
#xsem .card .card-primary-info {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}
@media screen and (min-width: 480px) {
  #xsem .card .card-primary-info {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .card .card-primary-info {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .card .card-primary-info {
    font-size: 20px;
  }
}
#xsem .card .ce-accordion.closed .ce-info {
  display: none;
}
#xsem .card .ce-accordion.opened {
  border-top: 1px solid #d3d3d3;
  padding-top: 30px;
}
#xsem .tab.price .card-event {
  padding: 20px;
  margin: 0;
  background-color: #fff;
  border: 1px solid #d3d3d3;
}
#xsem .tab.price .card-event .card-title {
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: inherit;
}
#xsem .tab.price .card-event.card-vertical .attributes > div {
  align-items: center;
}
#xsem .tab.price .card-event .price-block .pb-best-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: #212529;
}
#xsem .btn-start-course .ce-status-label {
  display: inline-block;
  margin-top: 5px;
  width: 100%;
  text-align: center;
}

#xsem .cart .card-event {
  margin-bottom: 0;
}

#xsem .cart-label {
  display: block;
  margin: 0 0 3px 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  color: #004994;
}

#xsem .cart-price {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem .cart-price {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-price {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-price {
    font-size: 20px;
  }
}

#xsem .cart-vat {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
@media screen and (min-width: 480px) {
  #xsem .cart-vat {
    font-size: 12px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-vat {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-vat {
    font-size: 12px;
  }
}

#xsem .cart-row-item,
#xsem .cart-row-total {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 0;
}

#xsem .cart-row-conference {
  margin-bottom: 30px;
}

#xsem .cart-col-item {
  flex-grow: 3;
  flex-basis: 75%;
  padding-right: 20px;
}

#xsem .cart-col-amount {
  flex-grow: 1;
  flex-basis: 25%;
  padding: 0 20px;
}
#xsem .cart-col-amount .cart-price {
  padding: 0 0 15px 0;
}
#xsem .cart-col-amount .cart-price .price-block .pb-best-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  color: #212529;
  margin: 5px 0 0 0;
}
@media screen and (min-width: 480px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-best-price {
    font-size: 22px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-best-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-best-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-best-price {
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-best-price {
    line-height: 26px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-best-price {
    line-height: 26px;
  }
}
#xsem .cart-col-amount .cart-price .price-block .pb-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-price {
    font-size: 22px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-price {
    font-size: 24px;
  }
}
@media screen and (min-width: 480px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-price {
    line-height: 24px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-price {
    line-height: 26px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-col-amount .cart-price .price-block .pb-price {
    line-height: 26px;
  }
}
#xsem .cart-col-amount .cart-amount {
  white-space: nowrap;
  font-size: 20px;
  line-height: 1;
  color: var(--text-color);
  padding: 0 0 15px 0;
}
#xsem .cart-col-amount .cart-amount .form-group {
  display: inline;
}
#xsem .cart-col-amount .cart-amount .form-group .form-control {
  width: 90px;
}
#xsem .cart-col-amount .cart-amount .form-group input[type=number] {
  display: inline;
  width: 60px;
}
#xsem .cart-col-amount .cart-amount .btn {
  font-size: 22px;
  font-weight: 300;
  line-height: 22px;
  padding: 8px 20px;
  margin: 0;
}
#xsem .cart-col-amount .cart-amount .btn span.glyphicon {
  line-height: 1;
}
#xsem .cart-col-amount .cart-amount button {
  vertical-align: top;
  border: 0;
}
#xsem .cart-col-amount .cart-amount .alert {
  white-space: normal;
}

#xsem .cart-col-coupon {
  flex-grow: 3;
  flex-basis: 75%;
  padding: 0 20px;
}

#xsem .cart-col-total {
  flex-grow: 1;
  flex-basis: 25%;
  padding: 0 20px;
}
#xsem .cart-col-total .cart-price {
  font-family: "FF-Meta", sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 44px;
  color: #212529;
  display: inline-block;
  text-align: left;
}
@media screen and (min-width: 480px) {
  #xsem .cart-col-total .cart-price {
    font-size: 33px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-col-total .cart-price {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-col-total .cart-price {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-col-total .cart-price {
    line-height: 44px;
  }
}

#xsem .cart-col-amount,
#xsem .cart-row-total {
  margin-top: 15px;
}

#xsem .cart-remaining-places {
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
}

#xsem .cart-coupon {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  line-height: 24px;
  color: var(--main-color);
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (min-width: 480px) {
  #xsem .cart-coupon {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart-coupon {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart-coupon {
    font-size: 20px;
  }
}

#xsem .cart-submit {
  margin-top: 15px;
}

#xsem .cart button {
  outline: none !important;
}

#xsem .cart a span.glyphicon,
#xsem .cart button span.glyphicon {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#xsem .cart a:hover span.glyphicon,
#xsem .cart button:hover span.glyphicon {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

#xsem .cart button:hover span.glyphicon-refresh {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

#xsem .cart .cart-event-block {
  padding-left: 0;
}

#xsem .cart .cart-event-block .card-event,
#xsem .cart .cart-event-block .card-event > div.row {
  min-height: 150px;
}

#xsem .cart .cart-subtotal {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  line-height: 20px;
}
@media screen and (min-width: 480px) {
  #xsem .cart .cart-subtotal {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .cart .cart-subtotal {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .cart .cart-subtotal {
    font-size: 20px;
  }
}
#xsem .cart .cart-subtotal .cart-vat {
  margin-top: 5px;
}

#xsem #horizontalStepsWrap {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: center;
}

#xsem #horizontalStepsWrap a:target,
#xsem #horizontalStepsWrap a:hover {
  color: inherit;
  text-decoration: none;
}

#xsem #horizontalStepsWrap .xsem-component {
  padding: 0 35px;
}
#xsem #horizontalStepsWrap .xsem-component .step {
  position: relative;
  z-index: 1;
}
#xsem #horizontalStepsWrap .xsem-component .step::before {
  border-top: 1px solid #e4e4e4;
  content: "";
  margin: 0 35px 0 -35px;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 21px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: calc(100% + 70px);
}
#xsem #horizontalStepsWrap .xsem-component .step .step-marker {
  position: absolute;
  top: 0;
  left: calc((100% - 35px) * 0.5);
  z-index: 1000;
  color: var(--xsem-steps-color);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 22px;
  text-align: center;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #212529;
  display: flex;
  justify-content: center;
  align-items: center;
}
#xsem #horizontalStepsWrap .xsem-component .step .step-marker:hover {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#xsem #horizontalStepsWrap .xsem-component .step .step-marker.active {
  background-color: #363636;
  color: #fff;
}
#xsem #horizontalStepsWrap .xsem-component .step .step-marker.finished {
  background-color: #5cb85c;
  color: #fff;
}
#xsem #horizontalStepsWrap .xsem-component .step .step-marker .glyphicon {
  font-size: 18px;
}
#xsem #horizontalStepsWrap .xsem-component .step .step-marker .cart-icon {
  width: 23px;
  height: 23px;
  content: url(/Resources/img/metabar/sc-cart.svg);
  display: block;
  filter: brightness(0) saturate(100%) invert(0%) sepia(9%) saturate(7465%) hue-rotate(79deg) brightness(89%) contrast(109%);
}
#xsem #horizontalStepsWrap .xsem-component .step p.stepParagraph {
  padding-top: 50px;
  text-align: center;
  margin: 10px auto;
  font-size: 16px;
}
#xsem #horizontalStepsWrap .xsem-component .step p.stepParagraph.active {
  font-weight: bold;
}
#xsem #horizontalStepsWrap .xsem-component:first-child {
  padding-left: 0;
}
#xsem #horizontalStepsWrap .xsem-component:first-child .step::before {
  margin: 0 0 0 50%;
  width: calc(50% + 35px);
}
#xsem #horizontalStepsWrap .xsem-component:last-child {
  padding-right: 0;
}
#xsem #horizontalStepsWrap .xsem-component:last-child .step::before {
  margin: 0 50% 0 -35px;
  width: calc(50% + 35px);
}
#xsem #horizontalStepsWrap .xsem-component:last-child .step .step-marker {
  left: unset;
  right: calc((100% - 35px) * 0.5);
}

.location-box {
  width: calc(25% - 1rem - 1px);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
}
.location-box img {
  width: 50%;
  height: 150px;
}
.location-box span {
  color: #004994;
  font-size: 16px;
  margin-top: 22px;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  .location-box span {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  .location-box span {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .location-box span {
    font-size: 20px;
  }
}

.seminar-box {
  min-height: 110px;
  line-height: 1.2;
  margin-top: 30px;
  text-align: center;
  text-wrap: balance;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F7F7F7;
  color: #004994;
  font-weight: 500;
  padding: 20px;
  font-size: 22px;
  width: calc(33.3333333333% - 12px);
}
.seminar-box:hover {
  background: #004994;
  color: #fff;
  text-decoration: none;
}
.seminar-box:hover * {
  color: #fff;
}
.seminar-box:hover .arrow::after {
  filter: invert(1) contrast(1) brightness(4.5);
}
@media screen and (max-width: 991px) {
  .seminar-box {
    width: calc(33.3333333333% - 15px);
  }
}
@media screen and (max-width: 767px) {
  .seminar-box {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 575px) {
  .seminar-box {
    width: 100%;
  }
}

.subcategory-dropdown {
  width: calc(33.3333333333% - 12px);
}
@media screen and (max-width: 575px) {
  .subcategory-dropdown {
    width: 100%;
  }
}
.subcategory-dropdown a {
  width: 100%;
  text-decoration: none;
}
.subcategory-dropdown a .arrow::after {
  transform: rotate(0);
}
.subcategory-dropdown a.collapsed .arrow::after {
  transform: rotate(0);
}
.subcategory-dropdown a:hover, .subcategory-dropdown a[aria-expanded=true] {
  text-decoration: none;
}
.subcategory-dropdown a:hover .arrow::after, .subcategory-dropdown a[aria-expanded=true] .arrow::after {
  filter: invert(1) contrast(1) brightness(4.5);
  transform: rotate(90deg);
}
.subcategory-dropdown a + ul {
  background: #F7F7F7;
  margin-top: 0;
  padding: 20px 20px 20px 40px;
}
.subcategory-dropdown a + ul li {
  list-style-type: square;
  margin-bottom: 15px;
}
.subcategory-dropdown a + ul li a {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  line-height: 1.5;
  display: block;
}
@media screen and (min-width: 480px) {
  .subcategory-dropdown a + ul li a {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  .subcategory-dropdown a + ul li a {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .subcategory-dropdown a + ul li a {
    font-size: 20px;
  }
}

.category-box {
  background: transparent;
  padding: 0;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  color: #004994;
  text-decoration: none;
  margin-top: 30px;
  width: calc(33.3333333333% - 12px);
}
.category-box.collapsed .category-name, .category-box.collapsed .subcategory-name {
  color: #004994;
  background-color: #F7F7F7;
}
.category-box:hover, .category-box[aria-expanded=true] {
  text-decoration: none !important;
  color: #004994;
}
.category-box:hover .category-name, .category-box:hover .subcategory-name, .category-box[aria-expanded=true] .category-name, .category-box[aria-expanded=true] .subcategory-name {
  color: #fff;
  background-color: #004994;
}
.category-box .box-image {
  width: calc(100% - 60px);
  text-align: center;
  transform: translateY(30px);
}
.category-box .box-image img {
  width: 100%;
  max-width: 345px;
  max-height: 217px;
  object-fit: cover;
}
.category-box .category-name, .category-box .subcategory-name {
  color: #004994;
  background-color: #F7F7F7;
  padding: 70px 30px 30px 30px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .category-box .category-name, .category-box .subcategory-name {
    padding: 70px 10px 15px 10px;
  }
}
@media screen and (max-width: 991px) {
  .category-box {
    width: calc(33.3333333333% - 15px);
  }
}
@media screen and (max-width: 767px) {
  .category-box {
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 575px) {
  .category-box {
    width: 100%;
  }
}

.category-tiles article.category-tile {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  border: 1px solid var(--fade-main-color);
  background-color: var(--fade-main-color);
  min-height: 240px;
  position: relative;
}

.category-tiles article.category-tile header {
  color: #fff;
  height: auto;
  padding: 20px;
  background: var(--main-color);
  font-size: 24px;
  line-height: 28px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 100px;
}

.category-tiles article.category-tile .category-tile-btn {
  text-align: center;
  position: absolute;
  bottom: 10px;
  width: 100%;
}

/*Wird an zwei Stellen verwendet, im Frontend: Filter und im Backend in der Seminarverwaltung im Termin*/
.category-tree-selection .category.has-subcategories label {
  padding-bottom: unset;
}
.category-tree-selection .category.has-subcategories label::after {
  position: absolute;
  content: "\e604";
  font-family: "il-icons";
  font-size: 8px;
  top: 6px;
  margin-left: 10px;
  margin-right: 10px;
  transition: transform;
  transform: scaleY(1);
}
.category-tree-selection .category.has-subcategories.open > div:first-child {
  margin-bottom: 0;
  margin-top: 0;
}
.category-tree-selection .category.has-subcategories.open label::after {
  transition: transform;
  transform: scaleY(-1);
}
.category-tree-selection .category.has-subcategories.open .subcategories {
  margin-left: 30px;
  display: block;
}
.category-tree-selection .category.has-subcategories.open .subcategories:last-child label::after {
  display: none;
}
.category-tree-selection .category .subcategories {
  display: none;
}

#xsem .xsem-code-redemption {
  justify-content: end;
}
#xsem .xsem-code-redemption .xsem-code-input-field {
  border: none;
  margin: 0;
}
#xsem .xsem-code-redemption .xsem-code-input-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #F7F7F7;
  border-radius: 4px;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background-color: #fff;
  padding: 0 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
  color: unset;
  font-size: unset;
  font-weight: unset;
  font-style: unset;
  line-height: unset;
}
#xsem .xsem-code-redemption .xsem-code-input-btn-container .xsem-code-input-btn {
  background-color: #fff;
  border: 2px solid;
  border-radius: 2px;
  padding: 14px 22px;
  color: #004994;
  font-size: unset;
  font-weight: unset;
  font-style: unset;
  line-height: unset;
}
#xsem .xsem-code-redemption .xsem-code-input-btn-container .xsem-code-input-btn:hover {
  background-color: #fff;
  color: #004994;
}
#xsem .xsem-code-redemption .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #f9f9f9;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#xsem .btn-group .multiselect.dropdown-toggle {
  padding: 19px 24px;
  min-height: 60px;
  font-family: "FF-Meta", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  background-color: #F7F7F7;
  border: 0 none #004994;
  border-radius: 0;
}
#xsem .btn-group .multiselect.dropdown-toggle:hover, #xsem .btn-group .multiselect.dropdown-toggle.active {
  background-color: #F7F7F7;
  border-color: #004994;
}
#xsem .btn-group .multiselect.dropdown-toggle:hover .multiselect-selected-text, #xsem .btn-group .multiselect.dropdown-toggle:hover .caret, #xsem .btn-group .multiselect.dropdown-toggle.active .multiselect-selected-text, #xsem .btn-group .multiselect.dropdown-toggle.active .caret {
  color: #000;
}
#xsem .btn-group .multiselect.dropdown-toggle .multiselect-selected-text {
  color: #000;
}
#xsem .btn-group .multiselect-container.dropdown-menu {
  padding: 0;
  margin: 0;
  background-color: #F7F7F7;
}
#xsem .btn-group .multiselect-container.dropdown-menu li {
  padding: 0;
  margin: 0;
}
#xsem .btn-group .multiselect-container.dropdown-menu li a {
  display: block;
  text-decoration: inherit;
  padding: 10px 10px 10px 35px;
  margin: 0 0 1px 0;
}
#xsem .btn-group .multiselect-container.dropdown-menu li a label {
  padding: 0 10px;
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  color: #004994;
}
@media screen and (min-width: 480px) {
  #xsem .btn-group .multiselect-container.dropdown-menu li a label {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .btn-group .multiselect-container.dropdown-menu li a label {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .btn-group .multiselect-container.dropdown-menu li a label {
    font-size: 20px;
  }
}
#xsem .btn-group .multiselect-container.dropdown-menu li a label input[type=radio],
#xsem .btn-group .multiselect-container.dropdown-menu li a label input[type=checkbox] {
  margin: 5px 0 0 -25px;
  min-width: 20px;
}
#xsem .btn-group .multiselect-container.dropdown-menu li a:hover {
  background-color: #9C9C9C;
}
#xsem .btn-group .multiselect-container.dropdown-menu li a:hover label {
  color: #fff;
}
#xsem .btn-group .multiselect-container.dropdown-menu li.active a {
  background-color: #9C9C9C;
}
#xsem .btn-group .multiselect-container.dropdown-menu li.active a label {
  color: #fff;
}

#xsem .ce-header {
  padding: 20px 20px 20px 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  border-bottom: 1px solid #e2e2e2;
}
@media screen and (min-width: 480px) {
  #xsem .ce-header {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .ce-header {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .ce-header {
    font-size: 20px;
  }
}

#xsem .ce-classtimes .btn-sm {
  padding: 5px 10px !important;
  height: 35px !important;
}

@media (max-width: 767px) {
  #xsem .ce-seminar-identifier {
    padding-top: 5px;
    text-align: left;
  }
}
@media (max-width: 767px) {
  #xsem .ce-course-language {
    padding-top: 5px;
    text-align: left;
  }
}
#xsem .ce-body > .row {
  padding: 20px;
}

#xsem .card-application .ce-body > .row {
  padding: 0 0 20px 0;
}

#xsem .card-application:last-child .ce-body > .row {
  padding: 0;
}

#xsem .ce-body .ce-content {
  padding: 20px;
}

#xsem .ce-body .ce-content .row.ce-data {
  margin-top: 20px;
}

@media (max-width: 767px) {
  #xsem .ce-primary-info {
    margin-top: 20px;
  }
  #xsem .ce-primary-info:first-child {
    margin-top: 0;
  }
}
#xsem .ce-primary-info > span:first-child,
#xsem .ce-classtimes > span:first-child,
#xsem .ce-course-language > span:first-child,
#xsem .ce-seminar-identifier > span:first-child,
#xsem span.ce-headline-uc {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.dev-bubble {
  display: inline-block !important;
  cursor: pointer;
}

#xsem .ce-primary-info span.ce-small-info,
#xsem .ce-primary-info span.ce-location,
#xsem .ce-primary-info span.ce-status-label {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem .ce-primary-info span.ce-small-info,
  #xsem .ce-primary-info span.ce-location,
  #xsem .ce-primary-info span.ce-status-label {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .ce-primary-info span.ce-small-info,
  #xsem .ce-primary-info span.ce-location,
  #xsem .ce-primary-info span.ce-status-label {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .ce-primary-info span.ce-small-info,
  #xsem .ce-primary-info span.ce-location,
  #xsem .ce-primary-info span.ce-status-label {
    font-size: 20px;
  }
}

#xsem .ce-primary-info span.ce-ultrasmall-info {
  font-size: 12px;
}

#xsem .ce-primary-info span.ce-seminar-subtitle {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem .ce-primary-info span.ce-seminar-subtitle {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .ce-primary-info span.ce-seminar-subtitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem .ce-primary-info span.ce-seminar-subtitle {
    font-size: 20px;
  }
}

#xsem .ce-primary-info .subtitle {
  font-size: 12px;
}

#xsem .ce-accordion {
  overflow: hidden;
}

#xsem .ce-info {
  overflow: hidden;
  padding: 20px;
  border-top: 1px solid #e2e2e2;
}

#xsem .ce-accordion.closed .ce-info {
  display: none;
  height: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 0.75s ease 0s;
}

#xsem .ce-accordion.opened .ce-info {
  opacity: 1;
  transition: opacity 0.75s ease 0s;
}

#xsem .ce-accordion .ce-accordion-header {
  position: relative;
  padding: 15px 30px;
  margin: 0;
  background-color: #F7F7F7;
  border: 0 none;
  font-size: 16px;
  font-weight: 400;
  line-height: 33px;
  color: #004994;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease 0s;
  cursor: pointer;
}
@media screen and (min-width: 480px) {
  #xsem .ce-accordion .ce-accordion-header {
    font-size: 18px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .ce-accordion .ce-accordion-header {
    font-size: 22px;
  }
}
#xsem .ce-accordion .ce-accordion-header button {
  all: unset;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 33px;
  color: #004994 !important;
  text-decoration: none !important;
  transition: color 0.3s ease 0s;
}
@media screen and (min-width: 480px) {
  #xsem .ce-accordion .ce-accordion-header button {
    font-size: 18px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .ce-accordion .ce-accordion-header button {
    font-size: 22px;
  }
}
#xsem .ce-accordion .ce-accordion-header button::after {
  content: "\e604";
  font-family: "il-icons";
  font-size: 16px;
  font-weight: 400;
  line-height: 33px;
  transition: 0.3s;
  transform: rotateX(180deg);
}
@media screen and (min-width: 480px) {
  #xsem .ce-accordion .ce-accordion-header button::after {
    font-size: 18px;
  }
}
@media screen and (min-width: 600px) {
  #xsem .ce-accordion .ce-accordion-header button::after {
    font-size: 22px;
  }
}
#xsem .ce-accordion .ce-accordion-header:hover {
  background-color: #004994;
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}
#xsem .ce-accordion .ce-accordion-header:hover button {
  color: #fff !important;
  font-weight: 300 !important;
  text-decoration: none !important;
}
#xsem .ce-accordion.closed h3::after {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
#xsem .ce-accordion.closed button::after {
  transform: rotateX(0deg);
}

#xsem dl.factsheet {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
}

#xsem dl.factsheet dt {
  flex-grow: 1;
  flex-basis: 25%;
}

#xsem dl.factsheet dd {
  flex-grow: 3;
  flex-basis: 75%;
}

#xsem .factsheet dt,
#xsem .factsheet dd {
  padding-top: 10px;
  padding-bottom: 5px;
  margin: 0;
  line-height: 28px;
}

#xsem .factsheet dt {
  text-overflow: inherit;
  white-space: normal;
}

#xsem .factsheet dd p {
  margin-top: 0;
  margin-bottom: 16px;
}

#xsem .factsheet dd p:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
#xsem .ce-button {
  margin: 0;
}

@media only screen and (max-width: 575px) {
  #xsem .ce-button {
    margin-bottom: 20px;
  }
}
#xsem .ce-booking-date {
  margin-top: 10px;
  margin-bottom: 0;
  color: var(--main-color);
}

#xsem .ce-footer {
  margin-top: 30px;
  margin-bottom: 30px;
}

#xsem .eventApplicationInformationOuterContainer .eventApplicationInformationContainer {
  border: 1px solid #e4e4e4;
  min-height: 200px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 160px;
  flex-basis: 160px;
}

#xsem .row.locationContact > div.col-xs-1 {
  padding-right: 0;
}

#xsem .ce-info #trainer-block {
  background: #F7F7F7;
  padding-top: 40px;
  padding-bottom: 40px;
}
#xsem .ce-info #trainer-block .trainers-header {
  margin-bottom: 30px;
}
#xsem .ce-info #trainer-block .cards {
  display: flex;
  flex-direction: row;
  gap: 60px;
  flex-wrap: wrap;
}
#xsem .ce-info #trainer-block .cards .card-person {
  display: flex;
  gap: 20px;
  width: calc(50% - 30px);
}
@media screen and (max-width: 575px) {
  #xsem .ce-info #trainer-block .cards .card-person {
    flex-direction: column;
    width: 100%;
  }
}
#xsem .ce-info #trainer-block.trainer-block-vertical {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
}
#xsem .ce-info #trainer-block.trainer-block-vertical.left-column {
  margin-left: -30px;
  margin-right: 0;
}
#xsem .ce-info #trainer-block.trainer-block-vertical.right-column {
  margin-left: 0;
  margin-right: -30px;
}
#xsem .ce-info #trainer-block.trainer-block-vertical .cards {
  flex-direction: column;
}
#xsem .ce-info #trainer-block.trainer-block-vertical .cards .card-person {
  width: 100%;
}
#xsem .ce-info #trainer-block .carousel-inner {
  min-height: unset;
}

/*Filter*/
.filter-content {
  display: none;
}
.filter-content label {
  color: #fff;
  padding-left: 0;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  .filter-content label {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  .filter-content label {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .filter-content label {
    font-size: 16px;
  }
}
.filter-content.open {
  position: fixed;
  z-index: 10000;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  display: flex;
  background: rgba(0, 0, 0, 0.4);
}
.filter-content.open .filter-content-close {
  width: 100vw;
  height: 100vh;
}
.filter-content.open .filter-inner-wrapper {
  padding: 10px 20px 0 40px;
  background: #004994;
}
@media screen and (max-width: 575px) {
  .filter-content.open .filter-inner-wrapper {
    width: 100vw;
  }
}
.filter-content.open .filter-inner-wrapper .close-button {
  color: #fff;
  position: absolute;
  right: 20px;
  left: unset;
  top: unset;
  bottom: unset;
  padding: 20px;
  cursor: pointer;
}
.filter-content.open .filter-inner-wrapper form {
  height: 100%;
}
.filter-content.open .filter-inner-wrapper form h2 {
  color: #fff;
  margin: 0;
}
.filter-content .filter-tabs {
  overflow-y: auto;
  height: 100%;
}
.filter-content .filter-tabs .filter-btn {
  color: #fff;
  margin-top: 20px;
}
.filter-content .filter-tabs .filter-btn span {
  font-weight: 700;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
@media screen and (min-width: 480px) {
  .filter-content .filter-tabs .filter-btn span {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  .filter-content .filter-tabs .filter-btn span {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .filter-content .filter-tabs .filter-btn span {
    font-size: 14px;
  }
}
.filter-content .filter-tabs .filter-btn[data-filter-tab=misc] .filter-tab, .filter-content .filter-tabs .filter-btn[data-filter-tab=categories] .filter-tab {
  -moz-column-count: auto;
  -webkit-column-count: auto;
  column-count: auto;
}
.filter-content .filter-tabs .filter-tab {
  margin: 0;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
  /*Input Stylings*/
}
.filter-content .filter-tabs .filter-tab > .checkbox-selection {
  margin: 8px 0;
}
.filter-content .filter-tabs .filter-tab input[type=checkbox] {
  -moz-appearance: initial;
  margin: 15px 6px 0 0;
  width: 0;
  height: 0;
  position: relative;
}
.filter-content .filter-tabs .filter-tab input[type=checkbox]::before {
  cursor: pointer;
  content: "";
  position: absolute;
  top: -14px;
  left: 2px;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  background: transparent;
}
.filter-content .filter-tabs .filter-tab input[type=checkbox]:hover::before {
  border: 1px solid #3197ff;
}
.filter-content .filter-tabs .filter-tab input[type=checkbox]:focus::before {
  border: 1px solid #3197ff;
}
.filter-content .filter-tabs .filter-tab input[type=checkbox]:checked::before {
  background-image: url("/Resources/Images/Icons/global/check.svg");
  border-color: 1px solid #3197ff;
  background-color: transparent;
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.filter-content .filter-tabs .filter-tab input[type=checkbox]:disabled::before {
  border-color: 1px solid #fff;
  cursor: inherit;
}
.filter-content .filter-tabs .filter-tab input[type=checkbox]:checked:disabled::before {
  background-color: #fff;
}

#xsem:not(.backend) form.form.filter .panel .panel-heading {
  padding: 10px 15px;
  border: 0 none;
  color: #3c3c3c;
  background-color: #f9f9f9;
}
#xsem:not(.backend) form.form.filter .panel .panel-heading .tools {
  float: right;
}
#xsem:not(.backend) .form-group label {
  color: #363636;
  font-size: 21px;
  font-weight: 400;
  line-height: 32px;
}
#xsem:not(.backend) .form-group input[type=text],
#xsem:not(.backend) .form-group input[type=password],
#xsem:not(.backend) .form-group input[type=number],
#xsem:not(.backend) .form-group input[type=email],
#xsem:not(.backend) .form-group textarea {
  box-shadow: none;
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: 19px 24px;
  min-height: 60px;
  width: 100%;
  color: #000;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  border-radius: 0;
  box-shadow: none;
  border: 0 none #004994;
  background-color: #F7F7F7;
}
#xsem:not(.backend) .form-group input[type=text].has-error,
#xsem:not(.backend) .form-group input[type=password].has-error,
#xsem:not(.backend) .form-group input[type=number].has-error,
#xsem:not(.backend) .form-group input[type=email].has-error,
#xsem:not(.backend) .form-group textarea.has-error {
  border-color: #d10c11;
}
#xsem:not(.backend) .form-group textarea {
  min-height: 250px;
}
#xsem:not(.backend) .form-group input[type=file] {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) .form-group input[type=file] {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) .form-group input[type=file] {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .form-group input[type=file] {
    font-size: 16px;
  }
}
#xsem:not(.backend) .form-group.has-error .multiselect-native-select button.multiselect {
  border-color: #d10c11;
}
#xsem:not(.backend) .form-group .input-group {
  margin: 0;
}
#xsem:not(.backend) .form-group .input-group input[type=text],
#xsem:not(.backend) .form-group .input-group input[type=password],
#xsem:not(.backend) .form-group .input-group input[type=number],
#xsem:not(.backend) .form-group .input-group input[type=email],
#xsem:not(.backend) .form-group .input-group textarea {
  margin: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#xsem:not(.backend) .form-group .input-group .input-group-addon {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#xsem:not(.backend) .form-control:focus-visible {
  outline: 0 none #004994;
  box-shadow: none;
}
#xsem:not(.backend) .input-group-addon {
  color: #fff;
  background-color: #004994;
  border-color: #004994;
}
#xsem:not(.backend) .input-group-addon a {
  color: inherit;
}
#xsem:not(.backend) .input-group-addon a i {
  color: inherit;
}
#xsem:not(.backend) .input-group-addon.has-error {
  color: white;
  background-color: #d10c11;
  border-color: #d10c11;
}
#xsem:not(.backend) .dark .form-group label {
  color: #363636;
}
#xsem:not(.backend) .dark .form-group input[type=text],
#xsem:not(.backend) .dark .form-group input[type=password],
#xsem:not(.backend) .dark .form-group input[type=number],
#xsem:not(.backend) .dark .form-group input[type=email],
#xsem:not(.backend) .dark .form-group textarea {
  color: #363636;
  border-color: #363636;
  background-color: #fff;
}
#xsem:not(.backend) .dark .form-group .input-group-addon {
  color: #fff;
  background-color: #363636;
  border-color: #363636;
}
#xsem:not(.backend) .dark .form-group .input-group-addon a {
  color: inherit;
}
#xsem:not(.backend) .dark .form-group .input-group-addon a i {
  color: inherit;
}
#xsem:not(.backend) .form-data-footer .required {
  line-height: 54px;
}
#xsem:not(.backend) .form-data-container {
  margin-bottom: 30px;
}
#xsem:not(.backend) .invalid-feedback {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: #d10c11;
  margin-top: 5px;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) .invalid-feedback {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) .invalid-feedback {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .invalid-feedback {
    font-size: 16px;
  }
}
#xsem:not(.backend) .checkbox.has-error,
#xsem:not(.backend) .radio.has-error {
  color: #d10c11;
}
#xsem:not(.backend) .checkbox label.has-error,
#xsem:not(.backend) .radio label.has-error {
  color: #d10c11;
}
#xsem:not(.backend) .profile-picture {
  max-width: 100px;
  max-height: 100px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#xsem:not(.backend) .checkbox-label {
  display: inline-block;
  min-height: 20px;
  padding-left: 20px;
}

#xsem:not(.backend) .booking form.form-data {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0 none transparent;
}
#xsem:not(.backend) .booking .dual-card-row {
  display: flex;
}
#xsem:not(.backend) .booking .dual-card-row div:nth-child(n+2) {
  border-left: none;
}

#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper, #xsem[data-a=login] .header-wrapper, #xsem[data-a=category] .header-wrapper, #xsem[data-a=orgUnit] .header-wrapper, #xsem[data-a=seminarDetails] .header-wrapper {
  position: relative;
}
#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .rectangle, #xsem[data-a=login] .header-wrapper .rectangle, #xsem[data-a=category] .header-wrapper .rectangle, #xsem[data-a=orgUnit] .header-wrapper .rectangle, #xsem[data-a=seminarDetails] .header-wrapper .rectangle {
  z-index: 0;
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #e5f4fb;
  width: 100%;
}
#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area, #xsem[data-a=login] .header-wrapper .header-area, #xsem[data-a=category] .header-wrapper .header-area, #xsem[data-a=orgUnit] .header-wrapper .header-area, #xsem[data-a=seminarDetails] .header-wrapper .header-area {
  position: relative;
  background-color: #e5f4fb;
  min-height: 360px;
}
#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=login] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=category] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=orgUnit] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=seminarDetails] .header-wrapper .header-area ul.back-breadcrumb {
  padding-top: 15px;
  height: 48px;
}
#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area ul.back-breadcrumb a, #xsem[data-a=login] .header-wrapper .header-area ul.back-breadcrumb a, #xsem[data-a=category] .header-wrapper .header-area ul.back-breadcrumb a, #xsem[data-a=orgUnit] .header-wrapper .header-area ul.back-breadcrumb a, #xsem[data-a=seminarDetails] .header-wrapper .header-area ul.back-breadcrumb a {
  color: #002C59;
}
@media screen and (min-width: 992px) {
  #xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=login] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=category] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=orgUnit] .header-wrapper .header-area ul.back-breadcrumb, #xsem[data-a=seminarDetails] .header-wrapper .header-area ul.back-breadcrumb {
    padding-top: 0;
    height: 33px;
  }
}
#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area .header-picture, #xsem[data-a=login] .header-wrapper .header-area .header-picture, #xsem[data-a=category] .header-wrapper .header-area .header-picture, #xsem[data-a=orgUnit] .header-wrapper .header-area .header-picture, #xsem[data-a=seminarDetails] .header-wrapper .header-area .header-picture {
  width: 100%;
  max-height: 530px;
  overflow: hidden;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 575px) {
  #xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area .header-picture, #xsem[data-a=login] .header-wrapper .header-area .header-picture, #xsem[data-a=category] .header-wrapper .header-area .header-picture, #xsem[data-a=orgUnit] .header-wrapper .header-area .header-picture, #xsem[data-a=seminarDetails] .header-wrapper .header-area .header-picture {
    max-height: 200px;
    margin-bottom: 20px;
  }
}
#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area .header-picture img, #xsem[data-a=login] .header-wrapper .header-area .header-picture img, #xsem[data-a=category] .header-wrapper .header-area .header-picture img, #xsem[data-a=orgUnit] .header-wrapper .header-area .header-picture img, #xsem[data-a=seminarDetails] .header-wrapper .header-area .header-picture img {
  max-width: 525px;
  max-height: 350px;
}
@media screen and (min-width: 992px) {
  #xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area .header-picture, #xsem[data-a=login] .header-wrapper .header-area .header-picture, #xsem[data-a=category] .header-wrapper .header-area .header-picture, #xsem[data-a=orgUnit] .header-wrapper .header-area .header-picture, #xsem[data-a=seminarDetails] .header-wrapper .header-area .header-picture {
    float: right;
    width: 50%;
    margin: -56px 0 0 44px;
  }
}
#xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area .header-text, #xsem[data-a=login] .header-wrapper .header-area .header-text, #xsem[data-a=category] .header-wrapper .header-area .header-text, #xsem[data-a=orgUnit] .header-wrapper .header-area .header-text, #xsem[data-a=seminarDetails] .header-wrapper .header-area .header-text {
  max-width: 100%;
  padding-bottom: 30px;
}
@media screen and (min-width: 992px) {
  #xsem[data-a=eventList][data-a=SeminarCatalog__Core__Catalog__Controller__EventListController] .header-wrapper .header-area, #xsem[data-a=login] .header-wrapper .header-area, #xsem[data-a=category] .header-wrapper .header-area, #xsem[data-a=orgUnit] .header-wrapper .header-area, #xsem[data-a=seminarDetails] .header-wrapper .header-area {
    padding: 50px 0;
  }
}

#simpleCms2Menu .dropdown-menu {
  max-height: unset;
}

.il-layout-page {
  background-color: #fff;
  grid-template-rows: auto 155px 1fr;
}
@media screen and (max-width: 575px) {
  .il-layout-page {
    grid-template-rows: auto 60px 1fr;
  }
}
@media screen and (min-width: 576px) and (max-width: 1199px) {
  .il-layout-page {
    grid-template-rows: auto 85px 1fr;
  }
}
.il-layout-page header {
  box-shadow: none;
}

.header-inner {
  padding: 0 15px;
  margin: 0;
  height: 155px;
  align-items: stretch;
  flex-direction: row;
  gap: 10px;
  border-bottom: 0 none;
}
.header-inner .il-logo {
  display: block;
  overflow: unset;
  align-self: auto;
  padding: 0;
  margin: 0;
  width: 216px;
  height: 100%;
}
.header-inner .il-logo .hidden-xs img {
  padding: 0;
  margin: 0;
  width: 216px;
  height: auto;
}
@media only screen and (min-width: 576px) and (max-width: 1199px) {
  .header-inner .il-logo .hidden-xs img {
    margin: 0;
    width: 216px;
    height: auto;
  }
}
.header-inner .il-logo .visible-xs-block img {
  padding: 0;
  margin: 0;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 575px) {
  .header-inner .il-logo {
    padding: 0;
    width: 50px;
    height: 50px;
  }
}
@media screen and (min-width: 576px) and (max-width: 1199px) {
  .header-inner .il-logo {
    padding: 0;
    width: 216px;
    height: 100%;
  }
}
.header-inner .xsem-header-wrapper {
  position: relative;
  display: block;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: 74px;
  margin: 0;
  padding: 0;
  gap: 0;
}
.header-inner nav.navbar.navbar-default {
  height: auto;
  line-height: 30px;
  margin: 0;
  align-self: inherit;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: normal;
  margin: 0;
  padding: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li {
  margin: 0;
  padding: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > a {
  background: transparent;
  border-bottom: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: #004994;
  margin: 0;
  padding: 0 18px;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > a:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > a:focus {
  margin: 0;
  padding: 0 18px;
  background: transparent;
  border-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  color: #002C59;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > a.active {
  margin: 0;
  padding: 0 18px;
  background: transparent;
  border-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > a.active:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > a.active:focus {
  margin: 0;
  padding: 0 18px;
  background: transparent;
  border-bottom: 0;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu {
  min-width: 160px;
  margin: 0;
  padding: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li {
  margin: 0;
  padding: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li > a {
  background: transparent;
  border-bottom: 1px solid #eaeaea;
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  color: #004994;
  margin: 0;
  padding: 10px 18px;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li > a:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li > a:focus {
  background: transparent;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li > a.active {
  background: transparent;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li > a.active:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li > a.active:focus {
  background: transparent;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li:first-child > a {
  margin-top: 0;
  padding-top: 10px;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse .first-level-menu > li > .second-level-menu > li:last-child > a {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: none;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:first-child > a {
  margin-left: 0;
  padding-left: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:first-child > a:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:first-child > a:focus {
  margin-left: 0;
  padding-left: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:first-child > a.active {
  margin-left: 0;
  padding-left: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:first-child > a.active:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:first-child > a.active:focus {
  margin-left: 0;
  padding-left: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:last-child > a {
  margin-right: 0;
  padding-right: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:last-child > a:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:last-child > a:focus {
  margin-right: 0;
  padding-right: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:last-child > a.active {
  margin-right: 0;
  padding-right: 0;
}
.header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:last-child > a.active:hover, .header-inner nav.navbar.navbar-default #mainnavbar-collapse ul.first-level-menu > li:last-child > a.active:focus {
  margin-right: 0;
  padding-right: 0;
}
.header-inner nav.navbar.navbar-default ul li {
  position: relative;
}
@media screen and (max-width: 1199px) {
  .header-inner nav.navbar.navbar-default {
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 575px) {
  .header-inner {
    height: 60px;
  }
}
@media screen and (min-width: 576px) and (max-width: 1199px) {
  .header-inner {
    height: 85px;
  }
}

@media screen and (max-width: 575px) {
  .header-inner, .semi-header-spacing {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .header-inner, .semi-header-spacing {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .header-inner, .semi-header-spacing {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .header-inner, .semi-header-spacing {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-inner, .semi-header-spacing {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
}
@media screen and (min-width: 1400px) {
  .header-inner, .semi-header-spacing {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
}
@media screen and (max-width: 575px) {
  .breadcrumbs, #mainspacekeeper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumbs, #mainspacekeeper {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs, #mainspacekeeper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumbs, #mainspacekeeper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .breadcrumbs, #mainspacekeeper {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
}
@media screen and (min-width: 1400px) {
  .breadcrumbs, #mainspacekeeper {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
}
@media screen and (max-width: 575px) {
  #trainer-block, #organizer-block, #partner-block, .semi-page-spacing, .educational-programme-details, #xsemTopWrapper, #xsemSubTabs {
    padding-left: 15px;
    padding-right: 15px;
  }
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    padding: 0 15px 25px 15px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #trainer-block, #organizer-block, #partner-block, .semi-page-spacing, .educational-programme-details, #xsemTopWrapper, #xsemSubTabs {
    padding-left: 15px;
    padding-right: 15px;
  }
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    padding: 0 15px 25px 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #trainer-block, #organizer-block, #partner-block, .semi-page-spacing, .educational-programme-details, #xsemTopWrapper, #xsemSubTabs {
    padding-left: 30px;
    padding-right: 30px;
  }
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    padding: 0 30px 25px 30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #trainer-block, #organizer-block, #partner-block, .semi-page-spacing, .educational-programme-details, #xsemTopWrapper, #xsemSubTabs {
    padding-left: 30px;
    padding-right: 30px;
  }
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    padding: 0 30px 25px 30px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #trainer-block, #organizer-block, #partner-block, .semi-page-spacing, .educational-programme-details, #xsemTopWrapper, #xsemSubTabs {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    padding: 0 calc((100vw - 1100px) / 2) 25px calc((100vw - 1100px) / 2);
  }
}
@media screen and (min-width: 1400px) {
  #trainer-block, #organizer-block, #partner-block, .semi-page-spacing, .educational-programme-details, #xsemTopWrapper, #xsemSubTabs {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    padding: 0 calc((100vw - 1100px) / 2) 25px calc((100vw - 1100px) / 2);
  }
}
@media screen and (max-width: 575px) {
  .semi-page-spacing-negative {
    margin-left: -15px;
    margin-right: -15px;
  }
  .homepage-slider, .header-image-container, .rectangle, .educational-programme-details, #trainer-block, #organizer-block, #partner-block {
    margin: 0 -15px;
  }
  #xsemTopArea {
    margin: 0 -15px 40px -15px;
  }
}
@media screen and (max-width: 575px) and (max-width: 575px) {
  #xsemTopArea {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 575px) {
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    margin: 44px -15px 0 -15px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .semi-page-spacing-negative {
    margin-left: -15px;
    margin-right: -15px;
  }
  .homepage-slider, .header-image-container, .rectangle, .educational-programme-details, #trainer-block, #organizer-block, #partner-block {
    margin: 0 -15px;
  }
  #xsemTopArea {
    margin: 0 -15px 40px -15px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) and (max-width: 575px) {
  #xsemTopArea {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    margin: 44px -15px 0 -15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .semi-page-spacing-negative {
    margin-left: -30px;
    margin-right: -30px;
  }
  .homepage-slider, .header-image-container, .rectangle, .educational-programme-details, #trainer-block, #organizer-block, #partner-block {
    margin: 0 -30px;
  }
  #xsemTopArea {
    margin: 0 -30px 40px -30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (max-width: 575px) {
  #xsemTopArea {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    margin: 44px -30px 0 -30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .semi-page-spacing-negative {
    margin-left: -30px;
    margin-right: -30px;
  }
  .homepage-slider, .header-image-container, .rectangle, .educational-programme-details, #trainer-block, #organizer-block, #partner-block {
    margin: 0 -30px;
  }
  #xsemTopArea {
    margin: 0 -30px 40px -30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 575px) {
  #xsemTopArea {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    margin: 44px -30px 0 -30px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .semi-page-spacing-negative {
    margin-left: calc((100vw - 1100px) / 2 * -1);
    margin-right: calc((100vw - 1100px) / 2 * -1);
  }
  .homepage-slider, .header-image-container, .rectangle, .educational-programme-details, #trainer-block, #organizer-block, #partner-block {
    margin: 0 calc((100vw - 1100px) / 2 * -1);
  }
  #xsemTopArea {
    margin: 0 calc((100vw - 1100px) / 2 * -1) 40px calc((100vw - 1100px) / 2 * -1);
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) and (max-width: 575px) {
  #xsemTopArea {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    margin: 44px calc((100vw - 1100px) / 2 * -1) 0 calc((100vw - 1100px) / 2 * -1);
  }
}
@media screen and (min-width: 1400px) {
  .semi-page-spacing-negative {
    margin-left: calc((100vw - 1100px) / 2 * -1);
    margin-right: calc((100vw - 1100px) / 2 * -1);
  }
  .homepage-slider, .header-image-container, .rectangle, .educational-programme-details, #trainer-block, #organizer-block, #partner-block {
    margin: 0 calc((100vw - 1100px) / 2 * -1);
  }
  #xsemTopArea {
    margin: 0 calc((100vw - 1100px) / 2 * -1) 40px calc((100vw - 1100px) / 2 * -1);
  }
}
@media screen and (min-width: 1400px) and (max-width: 575px) {
  #xsemTopArea {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .filter.filter-horizontal.filter-tabs .filter-tab.selection-list {
    margin: 44px calc((100vw - 1100px) / 2 * -1) 0 calc((100vw - 1100px) / 2 * -1);
  }
}
@media screen and (max-width: 575px) {
  #xsem.backend {
    margin: 0 0;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  #xsem.backend {
    margin: 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #xsem.backend {
    margin: 0 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #xsem.backend {
    margin: 0 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  #xsem.backend {
    margin: 0 0;
  }
}
@media screen and (min-width: 1400px) {
  #xsem.backend {
    margin: 0 0;
  }
}
@media screen and (max-width: 575px) {
  footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  footer {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  footer {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  footer {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  footer {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
}
@media screen and (min-width: 1400px) {
  footer {
    padding-left: calc((100vw - 1100px) / 2);
    padding-right: calc((100vw - 1100px) / 2);
  }
}
footer {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #004994;
  border-top: 0 none;
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  color: #fff;
  height: auto;
}

@media screen and (max-width: 575px) {
  .carousel-caption, .slider-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .carousel-caption, .slider-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-caption, .slider-wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .carousel-caption, .slider-wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .carousel-caption, .slider-wrapper {
    padding-left: calc((100vw - 1100px) / 2) !important;
    padding-right: calc((100vw - 1100px) / 2) !important;
  }
}
@media screen and (min-width: 1400px) {
  .carousel-caption, .slider-wrapper {
    padding-left: calc((100vw - 1100px) / 2) !important;
    padding-right: calc((100vw - 1100px) / 2) !important;
  }
}
@media screen and (max-width: 575px) {
  .pluginSliderContainer, .full-width-slider {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .pluginSliderContainer, .full-width-slider {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pluginSliderContainer, .full-width-slider {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .pluginSliderContainer, .full-width-slider {
    margin-left: -30px !important;
    margin-right: -30px !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .pluginSliderContainer, .full-width-slider {
    margin-left: calc((100vw - 1100px) / 2 * -1) !important;
    margin-right: calc((100vw - 1100px) / 2 * -1) !important;
  }
}
@media screen and (min-width: 1400px) {
  .pluginSliderContainer, .full-width-slider {
    margin-left: calc((100vw - 1100px) / 2 * -1) !important;
    margin-right: calc((100vw - 1100px) / 2 * -1) !important;
  }
}
#xsem .xsem-list-pagination {
  margin-top: 0;
  margin-bottom: 30px;
}
#xsem .xsem-list-pagination .xsem-list-pagination-entries {
  display: inline-block;
}
#xsem .xsem-list-pagination .xsem-list-pagination-entries label {
  line-height: 44px;
  margin: 0;
}
#xsem .xsem-list-pagination .xsem-list-pagination-entries select {
  display: inline-block;
  padding: 0 10px;
  margin: 0 0 0 10px;
  font-size: 22px;
  font-weight: 300;
  line-height: 42px;
  color: #333;
  border: 1px solid #999;
  background-color: #fcfcfc;
  height: 44px;
}
#xsem .xsem-list-pagination .xsem-list-pagination-buttons .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0 !important;
  border-radius: 0;
}
#xsem .xsem-list-pagination .xsem-list-pagination-buttons .pagination > li {
  display: inline;
  margin-left: 0 !important;
}
#xsem .xsem-list-pagination .xsem-list-pagination-buttons .pagination > li > a,
#xsem .xsem-list-pagination .xsem-list-pagination-buttons .pagination > li > span {
  position: relative;
  float: left;
  font-size: 22px;
  font-weight: 300;
  line-height: 42px;
  color: #333;
  padding: 0 15px;
  margin: 0 0 0 -1px;
  text-decoration: none;
  background-color: #fcfcfc;
  border: 1px solid #999;
  height: 44px;
}
#xsem .xsem-list-pagination .xsem-list-pagination-buttons .pagination > li.active > a {
  color: #fff;
  background-color: #004994;
  border-color: #999;
}
@media (max-width: 575px) {
  #xsem .xsem-list-pagination .xsem-list-pagination-buttons {
    margin-top: 15px;
  }
}
#xsem .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.375rem;
}
#xsem .list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
#xsem .list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
#xsem .list-group-item-action {
  width: 100%;
  color: rgba(33, 37, 41, 0.75);
  text-align: inherit;
}
#xsem .list-group-item-action:hover, #xsem .list-group-item-action:focus {
  z-index: 1;
  color: #000;
  text-decoration: none;
  background-color: #f8f9fa;
}
#xsem .list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
#xsem .list-group-item {
  position: relative;
  display: block;
  padding: 8px 16px;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
#xsem .list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
#xsem .list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
#xsem .list-group-item.disabled, #xsem .list-group-item:disabled {
  color: rgba(33, 37, 41, 0.75);
  pointer-events: none;
  background-color: #fff;
}
#xsem .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
#xsem .list-group-item + .list-group-item {
  border-top-width: 0;
}
#xsem .list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
#xsem .list-group-horizontal {
  flex-direction: row;
}
#xsem .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: 0.375rem;
  border-top-right-radius: 0;
}
#xsem .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: 0.375rem;
  border-bottom-left-radius: 0;
}
#xsem .list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
#xsem .list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
#xsem .list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  #xsem .list-group-horizontal-sm {
    flex-direction: row;
  }
  #xsem .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  #xsem .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  #xsem .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  #xsem .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  #xsem .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  #xsem .list-group-horizontal-md {
    flex-direction: row;
  }
  #xsem .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  #xsem .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  #xsem .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  #xsem .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  #xsem .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  #xsem .list-group-horizontal-lg {
    flex-direction: row;
  }
  #xsem .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  #xsem .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  #xsem .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  #xsem .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  #xsem .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  #xsem .list-group-horizontal-xl {
    flex-direction: row;
  }
  #xsem .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  #xsem .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  #xsem .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  #xsem .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  #xsem .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  #xsem .list-group-horizontal-xxl {
    flex-direction: row;
  }
  #xsem .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: 0.375rem;
    border-top-right-radius: 0;
  }
  #xsem .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: 0.375rem;
    border-bottom-left-radius: 0;
  }
  #xsem .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  #xsem .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  #xsem .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
#xsem .list-group-flush {
  border-radius: 0;
}
#xsem .list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
#xsem .list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
#xsem .table-responsive {
  overflow-x: auto !important;
}

#xsem:not(.backend).modal-iframe {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend).modal-iframe {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend).modal-iframe {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend).modal-iframe {
    font-size: 20px;
  }
}
#xsem:not(.backend).modal-iframe table td,
#xsem:not(.backend).modal-iframe table th {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend).modal-iframe table td,
  #xsem:not(.backend).modal-iframe table th {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend).modal-iframe table td,
  #xsem:not(.backend).modal-iframe table th {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend).modal-iframe table td,
  #xsem:not(.backend).modal-iframe table th {
    font-size: 20px;
  }
}

.modal-dialog .modal-content .modal-header {
  padding: 30px;
}
.modal-dialog .modal-content .modal-header h3,
.modal-dialog .modal-content .modal-header h4 {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  font-weight: 500;
  margin: 0 !important;
}
@media screen and (min-width: 480px) {
  .modal-dialog .modal-content .modal-header h3,
  .modal-dialog .modal-content .modal-header h4 {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  .modal-dialog .modal-content .modal-header h3,
  .modal-dialog .modal-content .modal-header h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .modal-dialog .modal-content .modal-header h3,
  .modal-dialog .modal-content .modal-header h4 {
    font-size: 20px;
  }
}
.modal-dialog .modal-content .modal-body {
  padding: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  .modal-dialog .modal-content .modal-body {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  .modal-dialog .modal-content .modal-body {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .modal-dialog .modal-content .modal-body {
    font-size: 20px;
  }
}
.modal-dialog .modal-content .modal-footer {
  padding: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  text-align: left;
}
@media screen and (min-width: 480px) {
  .modal-dialog .modal-content .modal-footer {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  .modal-dialog .modal-content .modal-footer {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .modal-dialog .modal-content .modal-footer {
    font-size: 20px;
  }
}
@media screen and (min-width: 1500px) {
  .modal-dialog.modal-lg {
    width: 1280px;
  }
}

#xsem.backend.modal-iframe {
  margin: 0;
}

#xsem:not(.backend) .panel .panel-heading .panel-title {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  text-transform: none;
  color: #000;
  padding: 0;
  margin: 0;
}
#xsem:not(.backend) .panel .panel-heading .tools {
  float: right;
}
#xsem:not(.backend) .panel-accordion {
  margin: 0 0 20px 0;
  border: none;
  border-bottom: 2px solid #cccccc;
  border-radius: 0;
}
#xsem:not(.backend) .panel-accordion .panel-heading {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 15px 24px 15px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 21px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: transparent;
}
#xsem:not(.backend) .panel-accordion .panel-heading h4 {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  margin: 0;
}
#xsem:not(.backend) .panel-accordion .panel-heading::after {
  content: "";
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: auto;
  background-repeat: no-repeat;
  background-color: #F7F7F7;
  background-image: url("/Resources/Images/Icons/panel/panel-icon.svg");
  border-radius: 50%;
  background-position: 50% 50%;
  transition: all 0.2s ease-in-out;
  margin: 0;
}
#xsem:not(.backend) .panel-accordion .panel-heading:hover {
  background-color: transparent;
}
#xsem:not(.backend) .panel-accordion .panel-heading:hover h4 {
  font-weight: 700;
  text-decoration: none;
}
#xsem:not(.backend) .panel-accordion .panel-heading:hover::after {
  background-color: #004994;
  background-image: url("/Resources/Images/Icons/panel/panel-icon-inverted.svg");
}
#xsem:not(.backend) .panel-accordion .panel-heading.collapsed::after {
  background-image: url("/Resources/Images/Icons/panel/panel-icon-collapsed.svg");
}
#xsem:not(.backend) .panel-accordion .panel-heading.collapsed:hover::after {
  background-image: url("/Resources/Images/Icons/panel/panel-icon-collapsed-inverted.svg");
}
#xsem:not(.backend) .panel-accordion .panel-heading .tools {
  float: right;
}
#xsem:not(.backend) .panel-accordion .panel-body {
  padding: 10px 24px 35px 0;
  background-color: transparent;
}
#xsem:not(.backend) .panel-accordion:hover .panel-heading {
  background-color: transparent;
}
#xsem:not(.backend) .panel-accordion:hover .panel-body {
  background-color: transparent;
}

#xsem:not(.backend) .cards .card-person .image-container {
  margin-top: 20px;
  margin-bottom: 30px;
}
#xsem:not(.backend) .cards .card-person .image-container img {
  max-width: unset;
  width: 180px;
  height: 180px;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (max-width: 400px) {
  #xsem:not(.backend) .cards .card-person .image-container {
    margin-bottom: 10px;
  }
  #xsem:not(.backend) .cards .card-person .image-container img {
    width: 120px;
    height: 120px;
  }
}
#xsem:not(.backend) .cards .card-person .info-container .title {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  margin-bottom: 5px;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) .cards .card-person .info-container .title {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) .cards .card-person .info-container .title {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .cards .card-person .info-container .title {
    font-size: 20px;
  }
}
#xsem:not(.backend) .cards .card-person .info-container .name {
  font-size: 33px;
  font-weight: 300;
  line-height: 44px;
  color: #000000;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) .cards .card-person .info-container .name {
    font-size: 33px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) .cards .card-person .info-container .name {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .cards .card-person .info-container .name {
    font-size: 33px;
  }
}
#xsem:not(.backend) .cards .card-person .info-container .description {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  margin-top: 5px;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) .cards .card-person .info-container .description {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) .cards .card-person .info-container .description {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .cards .card-person .info-container .description {
    font-size: 20px;
  }
}
#xsem:not(.backend) .cards .card-person .info-container .contact-links > * {
  color: #000;
  display: flex;
  align-items: center;
}
#xsem:not(.backend) .cards .card-person .info-container .contact-links > *::before {
  content: "";
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}
#xsem:not(.backend) .cards .card-person .info-container .contact-links > *:not(:last-child) {
  margin-bottom: 20px;
}
#xsem:not(.backend) .cards .card-person .info-container .contact-links .phone::before {
  background-image: url("/Resources/Images/Icons/person/phone.svg");
}
#xsem:not(.backend) .cards .card-person .info-container .contact-links .phoneMobile::before {
  background-image: url("/Resources/Images/Icons/person/phone-mobile.svg");
}
#xsem:not(.backend) .cards .card-person .info-container .contact-links .fax::before {
  background-image: url("/Resources/Images/Icons/person/fax.svg");
}
#xsem:not(.backend) .cards .card-person .info-container .contact-links .mail::before {
  background-image: url("/Resources/Images/Icons/person/email.svg");
}

.il-maincontrols-metabar li:not([id]) {
  display: none;
}

.il-pagetitle {
  display: none !important;
}

.il-header-locator {
  display: none;
}

#nav-button {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .header-inner {
    align-items: center;
  }
  .header-inner .xsem-header-wrapper #simpleCms2Menu {
    display: none;
  }
  .header-inner .xsem-header-wrapper .il-maincontrols-metabar {
    visibility: visible !important;
  }
  .header-inner .xsem-header-wrapper.close-animation {
    background: #fff;
    animation-name: nav-button-out;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
  }
  @keyframes nav-button-out {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(120%);
    }
  }
  .header-inner .xsem-header-wrapper.open {
    display: flex !important;
    flex-direction: column;
    animation-name: nav-button-in;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
  }
  .header-inner .xsem-header-wrapper.open .xsem-header-metabar {
    display: none;
  }
  @keyframes nav-button-in {
    from {
      transform: translateX(120%);
    }
    to {
      transform: translateX(0);
    }
  }
  .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar {
    display: none;
  }
  .header-inner .xsem-header-wrapper.open, .header-inner .xsem-header-wrapper.close-animation {
    padding: 60px 30px 30px 30px;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
  }
  .header-inner .xsem-header-wrapper.open #semiMetaBar2, .header-inner .xsem-header-wrapper.close-animation #semiMetaBar2 {
    display: none;
  }
  .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar {
    visibility: visible !important;
    margin: 0;
    padding: 0;
    margin-top: auto;
  }
  .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemlogout, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemlogin, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemProfil, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemlogout, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemlogin, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemProfil {
    display: block !important;
  }
  .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemCartButton, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#notification, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemOrgUnitsSelector, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemCartButton, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#notification, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemOrgUnitsSelector {
    display: none;
  }
  .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li a, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemlogout a, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemlogin a, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li a, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemlogout a, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemlogin a {
    padding: 15px 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #004994;
    text-decoration: #004994;
  }
  .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li a:hover, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemlogout a:hover, .header-inner .xsem-header-wrapper.open .il-maincontrols-metabar li#xsemlogin a:hover, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li a:hover, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemlogout a:hover, .header-inner .xsem-header-wrapper.close-animation .il-maincontrols-metabar li#xsemlogin a:hover {
    font-weight: 400;
    color: #004994;
    text-decoration: none;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 0;
    overflow-y: auto;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu {
    flex-direction: column;
    justify-content: flex-start;
    align-items: normal;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li {
    margin: 0;
    padding: 0;
    min-width: unset;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a {
    background: transparent;
    border-bottom: 1px solid #eaeaea;
    font-family: "FF-Meta", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    text-decoration: none;
    text-transform: none;
    color: #004994;
    margin: 0;
    padding: 10px 0;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a:hover, .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a:focus, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a:hover, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a:focus {
    background: transparent;
    font-weight: 400;
    text-decoration: none;
    color: #004994;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a.active, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a.active {
    background: transparent;
    font-weight: 400;
    text-decoration: none;
    color: #004994;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a.active:hover, .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a.active:focus, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a.active:hover, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li > a.active:focus {
    background: transparent;
    font-weight: 400;
    text-decoration: none;
    color: #004994;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    box-shadow: none;
    top: 0 !important;
    left: 0 !important;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li {
    margin: 0;
    padding: 0;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a {
    width: 100%;
    white-space: normal;
    background: #f0f0f0;
    border-bottom: 1px solid #eaeaea;
    font-family: "FF-Meta", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    text-transform: none;
    color: #004994;
    margin: 0;
    padding: 10px 18px;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a:hover, .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a:focus, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a:hover, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a:focus {
    background: #f0f0f0;
    font-weight: 400;
    text-decoration: none;
    color: #004994;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a.active, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a.active {
    background: #f0f0f0;
    font-weight: 400;
    text-decoration: none;
    color: #004994;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a.active:hover, .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a.active:focus, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a.active:hover, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li > a.active:focus {
    background: #f0f0f0;
    font-weight: 400;
    text-decoration: none;
    color: #004994;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li:first-child > a, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li:first-child > a {
    margin-top: 0;
    padding-top: 10px;
  }
  .header-inner .xsem-header-wrapper.open #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li:last-child > a, .header-inner .xsem-header-wrapper.close-animation #simpleCms2Menu #mainnavbar-collapse .first-level-menu > li .second-level-menu > li:last-child > a {
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: none;
  }
  .header-inner .xsem-header-wrapper.open *, .header-inner .xsem-header-wrapper.close-animation * {
    visibility: visible !important;
    justify-content: left;
    align-items: baseline;
    flex-direction: column;
  }
  .header-inner .xsem-header-wrapper.open .spacer, .header-inner .xsem-header-wrapper.close-animation .spacer {
    display: none;
  }
  .header-inner #nav-button {
    z-index: 1;
    display: block;
    width: 20px;
    height: 20px;
    margin: 20px 0 20px 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .header-inner #nav-button span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #004994;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  .header-inner #nav-button span:nth-child(1) {
    top: 0px;
  }
  .header-inner #nav-button span:nth-child(2) {
    top: 8px;
  }
  .header-inner #nav-button span:nth-child(3) {
    top: 16px;
  }
  .header-inner #nav-button.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    left: 8px;
  }
  .header-inner #nav-button.open span:nth-child(2) {
    width: 0;
    opacity: 0;
  }
  .header-inner #nav-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 17px;
    left: 8px;
  }
}

/**
 * Metabar
 */
#semiMetaBar2 {
  position: fixed;
  right: -56px;
  background: #464545;
  border: none;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: none;
  background-image: url("/Resources/img/metabar/sc-pull-admin-menu.svg");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 18px;
  z-index: 2;
  transition: all 0.25s ease-in-out;
}
#semiMetaBar2 a {
  height: 32px;
  position: relative;
  transition: all 0.2s ease-in-out;
}
#semiMetaBar2 a:hover {
  transform: scale(1.1);
}
#semiMetaBar2 .edit-pencil-button {
  display: flex;
  flex-direction: column;
}
#semiMetaBar2 img {
  filter: invert(1);
  width: 40px;
  height: auto;
}
#semiMetaBar2:hover {
  right: 0;
  top: 0 !important;
  bottom: unset;
  background-image: none;
  transition: all 0.25s ease-in-out;
}
#semiMetaBar2 #xsemCacheClear .badge {
  font-style: italic;
  font-size: 10px;
  top: 20px;
  right: 0;
  left: -3px;
  margin: 0;
  background: #464545;
  font-weight: bold;
  padding: 3px 12px;
  color: #ccc0bb;
}

#semiMetaBar2,
.il-maincontrols-metabar {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: normal;
  gap: 25px;
  padding: 10px 0;
  margin: 0;
  height: 45px;
  background: transparent;
  list-style-type: none;
}
@media screen and (max-width: 1199px) {
  #semiMetaBar2,
  .il-maincontrols-metabar {
    margin: 0;
    height: 45px;
    line-height: 28px;
    gap: 10px;
  }
}
#semiMetaBar2 .semi-meta-bar-selector,
#semiMetaBar2 #xsemOrgUnitsSelector,
.il-maincontrols-metabar .semi-meta-bar-selector,
.il-maincontrols-metabar #xsemOrgUnitsSelector {
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 400px;
  line-height: 28px;
  text-transform: none;
  color: #363636;
}
#semiMetaBar2 > li,
.il-maincontrols-metabar > li {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent;
  align-self: normal;
}
@media only screen and (max-width: 1199px) {
  #semiMetaBar2 > li,
  .il-maincontrols-metabar > li {
    padding: 0;
  }
}
#semiMetaBar2 > li:hover,
.il-maincontrols-metabar > li:hover {
  background-color: transparent;
}
#semiMetaBar2 > li > a,
.il-maincontrols-metabar > li > a {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 400px;
  line-height: 28px;
  text-decoration: none;
  text-transform: none;
  color: #363636;
}
#semiMetaBar2 > li > a span:first-child,
.il-maincontrols-metabar > li > a span:first-child {
  white-space: nowrap;
}
#semiMetaBar2 > li > a:hover span,
.il-maincontrols-metabar > li > a:hover span {
  filter: invert(46%) sepia(38%) saturate(905%) hue-rotate(166deg) brightness(86%) contrast(87%) !important;
}
@media only screen and (max-width: 1199px) {
  #semiMetaBar2 > li > a span:first-child,
  .il-maincontrols-metabar > li > a span:first-child {
    display: none !important;
  }
  #semiMetaBar2 > li > a span:last-child,
  .il-maincontrols-metabar > li > a span:last-child {
    display: initial !important;
    transform: scale(0.8);
  }
  #semiMetaBar2 > li > a span[class^=sc-language],
  .il-maincontrols-metabar > li > a span[class^=sc-language] {
    font-size: 16px;
    color: #004994;
  }
}
#semiMetaBar2 > li .il-counter-novelty,
.il-maincontrols-metabar > li .il-counter-novelty {
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  color: #fff;
  background-color: #B81178;
  padding: 3px 4px 1px 4px;
  margin: 0;
  z-index: 1;
}
#semiMetaBar2 > li#xsemHelpButton,
.il-maincontrols-metabar > li#xsemHelpButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemHelpButton .sc-help,
.il-maincontrols-metabar > li#xsemHelpButton .sc-help {
  display: none;
}
#semiMetaBar2 > li#xsemHelpButton .sc-help-icon,
.il-maincontrols-metabar > li#xsemHelpButton .sc-help-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-help.svg");
  display: inline-block;
  filter: none;
}
#semiMetaBar2 > li#xsemProfilButton .sc-profil,
.il-maincontrols-metabar > li#xsemProfilButton .sc-profil {
  display: none;
}
#semiMetaBar2 > li#xsemProfilButton .sc-profil-icon,
.il-maincontrols-metabar > li#xsemProfilButton .sc-profil-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-profil.svg");
  display: inline-block;
  filter: none;
}
#semiMetaBar2 > li#xsemProfilButton .sc-profil-picture,
.il-maincontrols-metabar > li#xsemProfilButton .sc-profil-picture {
  width: 30px;
  height: 30px;
  display: none;
  border-radius: 50px;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1199px) {
  #semiMetaBar2 > li#xsemProfilButton .sc-profil-picture,
  .il-maincontrols-metabar > li#xsemProfilButton .sc-profil-picture {
    display: none;
  }
}
#semiMetaBar2 > li#xsemProfilButton a:hover .sc-profil-picture,
.il-maincontrols-metabar > li#xsemProfilButton a:hover .sc-profil-picture {
  transform: scale(1.1);
  filter: none !important;
  width: 32px;
  height: 32px;
}
#semiMetaBar2 > li#xsemCartButton,
.il-maincontrols-metabar > li#xsemCartButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemCartButton .sc-cart,
.il-maincontrols-metabar > li#xsemCartButton .sc-cart {
  display: none;
}
#semiMetaBar2 > li#xsemCartButton .sc-cart-icon,
.il-maincontrols-metabar > li#xsemCartButton .sc-cart-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-cart.svg");
  display: inline-block;
  filter: none;
}
#semiMetaBar2 > li#xsemCartButton .il-counter-novelty,
.il-maincontrols-metabar > li#xsemCartButton .il-counter-novelty {
  position: absolute;
  top: -6px;
  right: -6px;
}
#semiMetaBar2 > li#xsemEasyLanguageButton,
.il-maincontrols-metabar > li#xsemEasyLanguageButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemEasyLanguageButton .sc-easy-language,
.il-maincontrols-metabar > li#xsemEasyLanguageButton .sc-easy-language {
  display: none;
}
#semiMetaBar2 > li#xsemEasyLanguageButton .sc-easy-language-icon,
.il-maincontrols-metabar > li#xsemEasyLanguageButton .sc-easy-language-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-easy-language.svg");
  display: inline-block;
  filter: none;
}
#semiMetaBar2 > li#xsemEasyLanguageButton .il-counter-novelty,
.il-maincontrols-metabar > li#xsemEasyLanguageButton .il-counter-novelty {
  top: -6px;
  right: -6px;
}
#semiMetaBar2 > li#xsemSearchButton,
.il-maincontrols-metabar > li#xsemSearchButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemSearchButton .sc-search,
.il-maincontrols-metabar > li#xsemSearchButton .sc-search {
  display: none;
}
#semiMetaBar2 > li#xsemSearchButton .sc-search-icon,
.il-maincontrols-metabar > li#xsemSearchButton .sc-search-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-search.svg");
  display: none;
  filter: none;
}
#semiMetaBar2 > li#xsemloginButton,
.il-maincontrols-metabar > li#xsemloginButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemloginButton .sc-login,
.il-maincontrols-metabar > li#xsemloginButton .sc-login {
  display: inline-block !important;
}
#semiMetaBar2 > li#xsemloginButton .sc-login-icon,
.il-maincontrols-metabar > li#xsemloginButton .sc-login-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-login.svg");
  display: none !important;
  filter: none;
}
#semiMetaBar2 > li#xsemlogoutButton,
.il-maincontrols-metabar > li#xsemlogoutButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemlogoutButton .sc-logout,
.il-maincontrols-metabar > li#xsemlogoutButton .sc-logout {
  display: inline-block !important;
}
#semiMetaBar2 > li#xsemlogoutButton .sc-logout-icon,
.il-maincontrols-metabar > li#xsemlogoutButton .sc-logout-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-logout.svg");
  display: none !important;
  filter: none;
}
#semiMetaBar2 > li#xsemNotificationButton,
.il-maincontrols-metabar > li#xsemNotificationButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemNotificationButton .sc-notification,
.il-maincontrols-metabar > li#xsemNotificationButton .sc-notification {
  display: none;
}
#semiMetaBar2 > li#xsemNotificationButton .sc-notification-icon,
.il-maincontrols-metabar > li#xsemNotificationButton .sc-notification-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-notification.svg");
  display: inline-block;
  filter: none;
}
#semiMetaBar2 > li#xsemLanguageButton,
.il-maincontrols-metabar > li#xsemLanguageButton {
  display: list-item;
}
#semiMetaBar2 > li#xsemLanguageButton .sc-language,
.il-maincontrols-metabar > li#xsemLanguageButton .sc-language {
  display: none;
}
#semiMetaBar2 > li#xsemLanguageButton .sc-language-icon,
.il-maincontrols-metabar > li#xsemLanguageButton .sc-language-icon {
  width: 23px;
  height: 23px;
  content: url("/Resources/img/metabar/sc-language.svg");
  display: inline-block;
  filter: none;
}
#semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div {
  margin: 0;
  padding: 0;
}
#semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div > a,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div > a {
  display: block;
  background: transparent;
  border-bottom: 1px solid #eaeaea;
  font-family: "FF-Meta", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  color: #004994;
  margin: 0;
  padding: 10px 18px;
}
#semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div > a:hover, #semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div > a:focus,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div > a:hover,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div > a:focus {
  background: transparent;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
#semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div > a.active,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div > a.active {
  background: transparent;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
#semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div > a.active:hover, #semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div > a.active:focus,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div > a.active:hover,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div > a.active:focus {
  background: transparent;
  font-weight: 400;
  text-decoration: none;
  color: #004994;
}
#semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div:first-child > a,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div:first-child > a {
  margin-top: 0;
  padding-top: 10px;
}
#semiMetaBar2 > li#xsemLanguageButton .dropdown-menu div:last-child > a,
.il-maincontrols-metabar > li#xsemLanguageButton .dropdown-menu div:last-child > a {
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: none;
}
#semiMetaBar2 .spacer,
.il-maincontrols-metabar .spacer {
  display: inline-block;
  height: 20px;
  width: 1px;
  background-color: rgba(85, 85, 85, 0.39);
  vertical-align: middle;
}

[id^=sc2MainMenuPageEntry] .menu-badge {
  background-color: #004994;
  color: #fff;
  font-size: 0.8em;
  padding: 0.2em 0.5em;
  border-radius: 0.5em;
  margin-left: 0.5em;
}
[id^=sc2MainMenuPageEntry] .menu-badge.menu-badge-red {
  background-color: #ff3a3a;
}
[id^=sc2MainMenuPageEntry] .menu-badge.menu-badge-yellow {
  background-color: #f8f374;
}

#xsem:not(.backend) .card-bundle {
  padding: 0 !important;
  margin-bottom: 20px !important;
}
#xsem:not(.backend) .card-bundle.xsem-bundle-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  width: calc(100% - 60px);
}
@media (max-width: 767px) {
  #xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body {
    width: 100%;
  }
}
#xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header {
  padding: 15px 0 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  border-bottom: none !important;
  gap: initial !important;
}
#xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .card-bundle-title {
  padding: 0 15px !important;
  text-align: left !important;
}
@media (max-width: 767px) {
  #xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .card-bundle-title {
    padding-bottom: 15px !important;
  }
}
#xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .card-bundle-title h4 {
  font-size: clamp(1.375rem, 0.9127rem + 1.2841vw, 1.875rem) !important;
  font-weight: 500 !important;
  line-height: normal !important;
}
#xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .xsem-bundle-card-body-price {
  flex-direction: column !important;
  justify-content: end !important;
  text-align: right !important;
}
@media (max-width: 767px) {
  #xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .xsem-bundle-card-body-price {
    text-align: left !important;
  }
}
#xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .xsem-bundle-card-body-price .xsem-bundle-card-discount-text {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
}
@media screen and (min-width: 480px) {
  #xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .xsem-bundle-card-body-price .xsem-bundle-card-discount-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .xsem-bundle-card-body-price .xsem-bundle-card-discount-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .card-bundle.xsem-bundle-card .card-bundle-body .card-bundle-header .xsem-bundle-card-body-price .xsem-bundle-card-discount-text {
    font-size: 20px;
  }
}

#xsem .xsem-bundle-card-headline-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  background: #004994;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#xsem .xsem-bundle-card-headline-text {
  padding: 10px !important;
  margin: 0 !important;
  text-orientation: mixed;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-family: "FF-Meta", sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2rem !important;
  color: #fff !important;
}

#xsem .xsem-bundle-block-articles {
  padding: 15px !important;
  margin: 0 !important;
  width: 100%;
}
@media (max-width: 991px) {
  #xsem .xsem-bundle-block-articles {
    padding: 15px 0 !important;
    width: 100%;
  }
}
#xsem .xsem-bundle-block-articles .card-bundle-articles {
  padding: 0 15px 0 0 !important;
}
@media (max-width: 991px) {
  #xsem .xsem-bundle-block-articles .card-bundle-articles {
    padding: 0 15px !important;
  }
}
#xsem .xsem-bundle-block-articles .card-bundle-buttons {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  justify-content: end !important;
  align-items: start !important;
  padding: 0 0 0 15px !important;
  margin: 0 !important;
}
@media (max-width: 991px) {
  #xsem .xsem-bundle-block-articles .card-bundle-buttons {
    padding-top: 15px !important;
    justify-content: start !important;
  }
}
#xsem .xsem-bundle-block-articles .card-bundle-buttons .card-bundle-book-button {
  margin: 0 20px 0 0 !important;
}

#xsem .xsem-bundle-block-articles-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}

#xsem .xsem-bundle-block-articles-list li {
  display: inline;
  align-items: inital;
  white-space: nowrap;
  gap: initial;
}

#xsem .xsem-bundle-block-articles-list .glyphicon-plus {
  padding-top: initial;
}

#xsem .xsem-bundle-card-accordion {
  border-top: 1px solid #d3d3d3 !important;
  padding-top: 0 !important;
}
#xsem .xsem-bundle-card-accordion .ce-info {
  padding: 15px !important;
  background-color: #F7F7F7 !important;
  border-top: 0 none !important;
}

@media (max-width: 767px) {
  #xsem .xsem-bundle-block-articles-list {
    margin-bottom: 20px;
  }
  #xsem .xsem-bundle-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #xsem .xsem-bundle-card-headline-container {
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #xsem .xsem-bundle-card-headline-text {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
#xsem .xsem-bundle-details-background {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.5rem;
  position: relative;
}

#xsem .xsem-bundle-card-bundle-type-text {
  background: #004994;
  /* Abs positioning makes it not take up vert space */
  position: absolute;
  top: 0;
  left: 0;
  text-orientation: mixed;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 100%;
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

#xsem .xsem-bundle-details-advantages-list {
  padding: 0;
  margin-top: 0;
}

#xsem .xsem-bundle-details-advantages-list li {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#xsem .xsem-bundle-details-advantages-list li:before {
  /*Using a Bootstrap glyphicon as the bullet point*/
  content: "\e067";
  font-family: "Glyphicons Halflings", serif;
  font-size: 1.5rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

#xsem .xsem-bundle-details-download-item {
  background: #363636;
}

#xsem .xsem-bundle-details-advantages-list li:last-child {
  margin-bottom: 0;
}

#xsem .xsem-seminar-catalog-related-bundles-pill {
  background: #004994;
  border-radius: 20px;
  max-width: 300px;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold !important;
  height: 100%;
  font-size: 12px;
}
#xsem .xsem-seminar-catalog-related-bundles-pill span.glyphicon {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 16px;
}

#xsem .xsem-seminar-catalog-related-bundles-pill, .xsem-seminar-catalog-related-bundles-pill * {
  color: #fff !important;
}

#xsem:not(.backend) .educational-programme-catalog {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#xsem:not(.backend) .educational-programme-preview {
  padding: 0 !important;
  margin-bottom: 20px !important;
  display: flex;
  width: 100%;
  border: 1px solid #d3d3d3 !important;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#xsem:not(.backend) .educational-programme-preview .educational-programme-preview-headline-container {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  width: 60px;
  background: #004994;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#xsem:not(.backend) .educational-programme-preview .educational-programme-preview-headline-container .educational-programme-preview-headline-text {
  text-align: center;
  transform: rotate(180deg);
  margin: 0 !important;
  text-orientation: mixed;
  text-transform: uppercase !important;
  writing-mode: vertical-lr;
  flex-grow: 1;
  padding: 10px !important;
  box-sizing: border-box;
  font-family: "FF-Meta", sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important !important;
  line-height: 32px !important !important;
  letter-spacing: 0.2rem !important !important;
  color: #fff !important;
}
#xsem:not(.backend) .educational-programme-preview .educational-programme-preview-body {
  flex-grow: 2;
  width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#xsem:not(.backend) .educational-programme-preview .educational-programme-preview-body .educational-programme-preview-header {
  padding: 15px !important;
}
#xsem:not(.backend) .educational-programme-preview .educational-programme-preview-body .educational-programme-preview-accordion {
  border-top: 1px solid #d3d3d3 !important;
  padding-top: 0 !important;
}
#xsem:not(.backend) .educational-programme-preview .educational-programme-preview-body .educational-programme-preview-accordion .ce-info {
  background-color: #F7F7F7 !important;
  border-top: 0 none !important;
  display: flex;
  flex-direction: column;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#xsem:not(.backend) .educational-programme-preview .educational-programme-preview-body .educational-programme-preview-accordion .ce-info > div {
  padding-left: 30px;
  padding-right: 30px;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details {
  background: #F7F7F7;
  padding-top: 40px;
  padding-bottom: 40px;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .any-order-requirements-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-around;
  gap: 16px;
  margin: 8px;
  padding: 8px;
  background-color: #EEEEEE;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .requirement {
  padding: 10px;
  border: 1px solid #BFBFBF;
  background-color: white;
  display: flex;
  flex-direction: column;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .requirement p.description {
  color: #636363;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .requirement xsem-requirement:has(> .seminar) {
  width: 30%;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .requirement xsem-requirement:has(> :not(.seminar)) {
  width: 100%;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .requirement.seminar {
  display: block;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .requirement.seminar .title {
  font-weight: bold;
  font-size: 16px;
  color: black;
}
#xsem:not(.backend) .educational-programme-details-container .educational-programme-details .requirement.seminar .light {
  color: #636363;
}

#xsem:not(.backend) .pluginSliderContainer {
  margin: 0;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-indicators {
  padding: 0;
  margin: 0;
  width: 684px;
  left: calc((100vw - 684px) / 2);
  bottom: 30px;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-indicators li {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #004994;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-indicators li.active {
  background-color: #004994;
  border-color: #fff;
}
@media only screen and (max-width: 575px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-indicators {
    bottom: 0;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner {
  min-height: unset;
  padding: 0;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item {
  height: 400px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item {
    height: 672px;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50%;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
  position: absolute;
  top: 20px;
  left: 30px;
  right: 33%;
  bottom: 80px;
  z-index: 20;
  padding: 0;
  margin: 0;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    font-size: 24px;
  }
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    line-height: 32px;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h1 {
  padding: 0;
  margin: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 23.3px;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  text-align: left;
  order: 2;
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h1 {
    font-size: 36px;
  }
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h1 {
    line-height: 40px;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
  padding: 0;
  margin: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  text-align: left;
  order: 1;
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 992px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 1200px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 30px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 34px;
  }
}
@media screen and (min-width: 992px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 38px;
  }
}
@media screen and (min-width: 1200px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 42px;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption p {
  padding: 0;
  margin: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  text-align: left;
  order: 4;
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption p {
    font-size: 24px;
  }
}
@media screen and (min-width: 576px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption p {
    line-height: 32px;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption a.btn {
  min-width: auto;
  min-height: auto;
  margin: 20px 0 0 0;
  order: 4;
}
@media only screen and (max-width: 767px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    right: 30px;
  }
}
@media only screen and (max-width: 575px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    bottom: 20px;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control {
  width: 50px;
  z-index: 10;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
  font-size: 20px;
  font-weight: 100;
  line-height: 20px;
  color: #212529;
  padding: 10px;
  width: 50px;
  height: 50px;
  top: unset;
  bottom: 0;
  background-color: #fff;
  border-radius: 50px;
  z-index: 10;
  color: #004994;
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    font-weight: 100;
  }
}
@media screen and (min-width: 768px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    line-height: 30px;
  }
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-left {
  left: 10px;
}
#xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-right {
  right: 10px;
}
@media only screen and (max-width: 767px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control {
    width: 25px;
  }
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    padding: 14px 3px;
    width: 25px;
    height: 50px;
    top: 50%;
    bottom: 50%;
    border-radius: 0;
  }
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-left {
    left: 10px;
  }
  #xsem:not(.backend) .pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-right {
    right: 10px;
  }
}

.sc-admin-menu {
  display: none;
}
@media only screen and (max-width: 1199px) {
  .sc-admin-menu {
    display: inline-block;
  }
}

.sc-admin-icon {
  width: 20px;
  height: 20px;
  content: url("/Resources/img/metabar/sc-admin.svg");
  display: initial;
}
@media only screen and (max-width: 1199px) {
  .sc-admin-icon {
    display: none;
  }
}

.sc-admin-menu ~ .caret {
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .sc-admin-menu ~ .caret {
    display: inline-block;
  }
}

#xsem .gap-1 {
  gap: 15px !important;
}
#xsem .gap-2 {
  gap: 30px !important;
}
#xsem .gap-3 {
  gap: 1rem !important;
}
#xsem .w-100 {
  width: 100%;
}
#xsem .nowrap {
  white-space: nowrap;
}
#xsem .word-wrap {
  overflow-wrap: break-word;
}
#xsem .font-weight-normal {
  font-weight: 300;
}
#xsem .bold,
#xsem .font-weight-bold {
  font-weight: 500;
}
#xsem .font-weight-extra-bold {
  font-weight: 700;
}
#xsem .dont-overwrite-fontstyles {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
#xsem .text-start {
  text-align: left;
}
#xsem .text-center {
  text-align: center;
}
#xsem .text-end {
  text-align: right;
}
#xsem .text-justify {
  text-align: justify;
}

#xsem[data-a=seminarDetails] #seminarDetails .detailHeaderBg {
  position: relative;
  width: 100%;
  height: 395px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
#xsem[data-a=seminarDetails] #seminarDetails .detailHeaderBg .seminarHeadline {
  position: absolute;
  display: block;
  margin: 0;
  padding: 20px;
  background-color: #fff;
  opacity: 0.8;
  left: 0;
  bottom: 20px;
}
#xsem[data-a=seminarDetails] .related-seminars {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#xsem[data-a=seminarDetails] .related-seminars .related-seminar {
  flex: 1 1 calc(50% - 20px);
  margin-right: 10px;
  margin-bottom: 10px;
  min-height: 240px;
  height: 100%;
  position: relative;
  display: block;
  text-transform: none;
  text-decoration: none;
  background-size: cover;
  background-position: center;
}
#xsem[data-a=seminarDetails] .related-seminars .related-seminar:last-child {
  margin-bottom: 0;
}
#xsem[data-a=seminarDetails] .related-seminars .related-seminar:hover {
  text-decoration: none;
}
#xsem[data-a=seminarDetails] .related-seminars .related-seminar .related-seminar-title {
  background-color: #fff;
  position: absolute;
  top: 110px;
  left: 0;
  padding: 20px;
  width: 100%;
  opacity: 0.85;
}
#xsem[data-a=seminarDetails] .related-seminars .related-seminar .related-seminar-title h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
  color: #004994;
}
#xsem[data-a=seminarDetails] .seminar-content-left > * {
  margin-bottom: 80px;
}
#xsem[data-a=seminarDetails] .download-container {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
}
#xsem[data-a=seminarDetails] .download-container .download-header {
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
  color: #212529;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  #xsem[data-a=seminarDetails] .download-container .download-header {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem[data-a=seminarDetails] .download-container .download-header {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #xsem[data-a=seminarDetails] .download-container .download-header {
    font-size: 20px;
  }
}
#xsem[data-a=seminarDetails] .file-download::before {
  content: "";
  background-image: url("/Resources/Images/Icons/download/download.svg");
  width: 33px;
  height: 33px;
  display: inline-block;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: all 0.2s ease-in-out;
  margin: 0 15px 0 0;
}
#xsem[data-a=seminarDetails] .file-download a {
  text-transform: uppercase;
  font-weight: 500;
}
#xsem[data-a=seminarDetails] #trainer-block {
  background: #F7F7F7;
  padding-top: 40px;
  padding-bottom: 40px;
}
#xsem[data-a=seminarDetails] #trainer-block .cards {
  flex-direction: column;
}
#xsem[data-a=seminarDetails] #trainer-block .card-container {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
}
#xsem[data-a=seminarDetails] #trainer-block .trainers-header {
  margin-bottom: 30px;
}
#xsem[data-a=seminarDetails] #trainer-block .card-person {
  display: flex;
  gap: 20px;
  width: calc(50% - 30px);
}
#xsem[data-a=seminarDetails] #trainer-block .card-person.full {
  width: 100%;
}
@media screen and (max-width: 991px) {
  #xsem[data-a=seminarDetails] #trainer-block .card-person {
    flex-direction: column;
    width: 100%;
  }
}
#xsem[data-a=seminarDetails] #trainer-block .card-person .download-container {
  gap: 20px;
}
#xsem[data-a=seminarDetails] #trainer-block .carousel-inner {
  min-height: unset;
}
#xsem[data-a=seminarDetails] .events .card {
  padding: 0 0 30px 0;
}
#xsem[data-a=seminarDetails] #organizer-block {
  background: #F7F7F7;
  padding-top: 40px;
  padding-bottom: 40px;
}
#xsem[data-a=seminarDetails] #organizer-block .tns-nav, #xsem[data-a=seminarDetails] #partner-block .tns-nav {
  display: none;
}
#xsem[data-a=seminarDetails] #organizer-block .tns-outer, #xsem[data-a=seminarDetails] #partner-block .tns-outer {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
}
#xsem[data-a=seminarDetails] #organizer-block .tns-controls, #xsem[data-a=seminarDetails] #partner-block .tns-controls {
  display: flex;
  align-self: center;
  gap: 20px;
}
#xsem[data-a=seminarDetails] #organizer-block .tns-controls button[data-controls=prev], #xsem[data-a=seminarDetails] #organizer-block .tns-controls button[data-controls=next], #xsem[data-a=seminarDetails] #partner-block .tns-controls button[data-controls=prev], #xsem[data-a=seminarDetails] #partner-block .tns-controls button[data-controls=next] {
  visibility: hidden;
}
#xsem[data-a=seminarDetails] #organizer-block .tns-controls button[data-controls=prev]::after, #xsem[data-a=seminarDetails] #organizer-block .tns-controls button[data-controls=next]::after, #xsem[data-a=seminarDetails] #partner-block .tns-controls button[data-controls=prev]::after, #xsem[data-a=seminarDetails] #partner-block .tns-controls button[data-controls=next]::after {
  display: block;
  content: "";
  visibility: visible;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 2px solid #004994;
  background: #F7F7F7;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#xsem[data-a=seminarDetails] #organizer-block .tns-controls button[data-controls=prev]::after, #xsem[data-a=seminarDetails] #partner-block .tns-controls button[data-controls=prev]::after {
  background-image: url("./images/semi/global/arrow.svg");
  transform: scaleX(-1);
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: 50% 50%;
}
#xsem[data-a=seminarDetails] #organizer-block .tns-controls button[data-controls=next]::after, #xsem[data-a=seminarDetails] #partner-block .tns-controls button[data-controls=next]::after {
  background-image: url("./images/semi/global/arrow.svg");
  background-repeat: no-repeat;
  background-size: 20%;
  background-position: 50% 50%;
}
#xsem[data-a=seminarDetails] #partner-block {
  background: #F7F7F7;
  padding-top: 40px;
  padding-bottom: 40px;
}
#xsem[data-a=seminarDetails] #partner-block * {
  color: #000;
}
#xsem[data-a=seminarDetails] .seminar-content-right .cards {
  flex-direction: column;
}

#xsem .dev-bubble-content {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  font-size: 14px;
  max-width: 40%;
  max-height: 100%;
  overflow-y: auto;
  background: #b1b1b1;
}

#xsem[data-a=eventList] .headeroption .sorting > label, #xsem[data-a=eventList] .headeroption .filter-form > label, #xsem[data-a=eventList] .headeroption .filter-container > label {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #363636;
}
#xsem[data-a=eventList] .card {
  border: 1px solid #d3d3d3;
}
#xsem[data-a=eventList] .card .card-header {
  border-bottom: none;
  padding-bottom: 0;
}
#xsem[data-a=eventList] .card .card-header .card-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (min-width: 480px) {
  #xsem[data-a=eventList] .card .card-header .card-title {
    font-size: 18px;
  }
}
@media screen and (min-width: 600px) {
  #xsem[data-a=eventList] .card .card-header .card-title {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) {
  #xsem[data-a=eventList] .card .card-header .card-title {
    font-size: 24px;
  }
}
#xsem[data-a=eventList] .card .attributes {
  display: flex;
  gap: 30px;
}
#xsem[data-a=eventList] .card .attributes > * {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
}
@media screen and (min-width: 480px) {
  #xsem[data-a=eventList] .card .attributes > * {
    font-size: 16px;
  }
}
@media screen and (min-width: 600px) {
  #xsem[data-a=eventList] .card .attributes > * {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #xsem[data-a=eventList] .card .attributes > * {
    font-size: 16px;
  }
}
#xsem[data-a=eventList] .card .attributes > * > * {
  margin-top: 8px;
}
@media screen and (max-width: 575px) {
  #xsem[data-a=eventList] .card .attributes {
    flex-direction: column;
  }
}
#xsem[data-a=eventList] .card .body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#xsem[data-a=eventList] .card .body .buttons {
  text-align: right;
}

.headeroption {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: no-wrap;
  gap: 30px;
  margin: 20px 0 20px 0;
}
@media screen and (max-width: 768px) {
  .headeroption {
    gap: 0;
    flex-wrap: wrap;
  }
  .headeroption .form-group.filter-form {
    order: 3;
  }
}
@media screen and (max-width: 400px) {
  .headeroption {
    gap: 10px;
  }
}
.headeroption > * {
  display: flex;
  flex-direction: column;
}
.headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 14px 22px !important;
  min-width: 160px !important;
  font-weight: 400 !important;
  background-color: #004994 !important;
  border: 2px solid #004994 !important;
  border-radius: 0 !important;
  color: #fff !important;
}
@media screen and (min-width: 480px) {
  .headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle {
    font-size: 18px;
  }
}
@media screen and (min-width: 600px) {
  .headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle {
    font-size: 22px;
  }
}
.headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle .multiselect-selected-text {
  color: #fff !important;
}
.headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle .caret {
  color: #fff !important;
}
.headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle:hover {
  font-weight: 300 !important;
  background-color: #fff !important;
  border-color: #004994 !important;
  color: #004994 !important;
}
.headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle:hover .multiselect-selected-text {
  color: #004994 !important;
}
.headeroption .sorting .multiselect-native-select button.multiselect.dropdown-toggle:hover .caret {
  color: #004994 !important;
}
.headeroption .sorting .multiselect-native-select .multiselect-container {
  width: 100%;
  background: #F7F7F7;
  margin: 0;
  box-shadow: none;
  overflow: hidden !important;
  padding: 0;
}
.headeroption .sorting .multiselect-native-select .multiselect-container li {
  margin-bottom: 0;
}
.headeroption .sorting .multiselect-native-select .multiselect-container li.active a {
  background: #004994;
}
.headeroption .sorting .multiselect-native-select .multiselect-container li.active a label {
  color: #fff;
}
.headeroption .sorting .multiselect-native-select .multiselect-container li a {
  padding: 0;
  font-size: 21px;
}
.headeroption .sorting .multiselect-native-select .multiselect-container li a:hover {
  background: #004994;
}
.headeroption .sorting .multiselect-native-select .multiselect-container li a label {
  padding: 0.928rem 1.5rem;
}
.headeroption .sorting .multiselect-native-select .multiselect-container li a label input {
  display: none;
}
.headeroption .form-group.filter-form {
  width: 100%;
}
.headeroption .form-group.filter-form #filterSearch {
  border: 1px solid #363636 !important;
}
.headeroption .form-group.filter-form #filter-selection {
  display: flex;
  margin-top: 8px;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 8px;
}
.headeroption .form-group.filter-form #filter-selection .badge {
  padding: 4px 8px !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 15px !important;
  color: #fff !important;
  background-color: #363636 !important;
  border: 1px solid #363636 !important;
  border-radius: 12px !important;
  transition: all 0.2s ease-in-out !important;
}
.headeroption .form-group.filter-form #filter-selection .badge:hover {
  color: #000 !important;
  font-weight: 300 !important;
  background-color: #F7F7F7 !important;
  border-color: #F7F7F7 !important;
  cursor: pointer !important;
}
.headeroption .filter-container {
  display: flex;
  flex-direction: column;
  align-items: end;
}
@media screen and (max-width: 575px) {
  .headeroption .filter-container {
    align-items: flex-start;
  }
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: end;
  gap: 10px;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header h2 {
  color: #fff;
  font-size: 30px;
  margin-right: auto;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn {
  /*.refresh-wrapper {
    position: absolute;
    right: 15px;
    top: 59px;
  }*/
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.open-filter {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  display: inline-flex !important;
  justify-content: center !important;
  padding: 14px 22px !important;
  min-width: 160px !important;
  font-weight: 400 !important;
  background-color: #004994 !important;
  border: 2px solid #004994 !important;
  border-radius: 0 !important;
  color: #fff !important;
}
@media screen and (min-width: 480px) {
  .headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.open-filter {
    font-size: 18px;
  }
}
@media screen and (min-width: 600px) {
  .headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.open-filter {
    font-size: 22px;
  }
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.open-filter:hover {
  font-weight: 300 !important;
  background-color: #fff !important;
  border-color: #004994 !important;
  color: #004994 !important;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.open-filter .glyphicon-triangle-right,
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.open-filter .icon-arrow-right {
  transform: scaleX(-1) !important;
  margin-right: 10px !important;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.reset-filter {
  display: flex !important;
  justify-content: space-between !important;
  align-items: end !important;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.reset-filter .reset-filter-text {
  padding: 4px 8px !important;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 15px !important;
  color: #fff !important;
  background-color: #363636 !important;
  border: 1px solid #363636 !important;
  border-radius: 12px !important;
  transition: all 0.2s ease-in-out !important;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.reset-filter .reset-filter-text:hover {
  color: #000 !important;
  font-weight: 300 !important;
  background-color: #F7F7F7 !important;
  border-color: #F7F7F7 !important;
  cursor: pointer !important;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.reset-filter .reset-filter-text span,
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-btn.reset-filter .reset-filter-text i {
  font-size: inherit !important;
  color: inherit !important;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header .filter-option-bar {
  display: none !important;
}
.headeroption .filter-container #seminarFilterAdvanced .filter-header.open .filter-content {
  display: block;
  height: auto;
  transition: height 0.5s;
  padding: 30px 0;
}
.headeroption .filter-field label[for=isBookable] {
  white-space: nowrap;
}
.headeroption .filter-field input[name=bookable] {
  width: 20px;
  height: 20px;
  margin-top: 0;
}
.headeroption .filter-field:first-child {
  display: flex;
  flex-direction: column;
}
.headeroption .filter-field:last-child {
  width: 100%;
}
.headeroption .filter-field .multiselect-native-select .multiselect-container {
  width: fit-content;
  max-width: 400px;
}
.headeroption .filter-field .multiselect-native-select .multiselect-container li a label {
  padding: 4px 26px;
  font-size: 14px;
  color: #004994;
}
.headeroption .filter-field .multiselect-native-select .multiselect-container li a label input {
  display: initial;
}
.headeroption > input {
  padding: 0.928rem 1.5rem;
  font-size: 14px;
  height: 41px;
}
@media screen and (min-width: 480px) {
  .headeroption > input {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  .headeroption > input {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .headeroption > input {
    font-size: 14px;
  }
}

#xsem-notification-dropdown {
  display: none;
  position: absolute;
  top: 0;
  right: unset;
  left: 0;
  width: 500px;
  background-color: white;
  border: 1px solid #d3d3d3;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  padding: 20px;
  transform: translateX(-50%);
}

.xsem-notification-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.xsem-notification-headline p {
  margin: 0 !important;
}

#xsem:not(.backend) #xsemTabs {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs {
  margin: 0;
  padding: 0;
  color: #212529;
  background-color: transparent;
  border-bottom: 2px solid #000;
  font-family: "FF-Meta", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 32px;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li {
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li a {
  display: block;
  margin: 0 5px 0 0;
  padding: 6px 15px 3px 15px;
  color: #002C59;
  background-color: #fff;
  border: 0 none;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li a:hover {
  color: #002C59;
  background-color: #f0f0f0;
  text-decoration: none;
  font-weight: 400;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li.dropdown {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li.dropdown .xsem-menu-dropdown-menu {
  color: #000;
  margin: 0;
  padding: 10px 0;
  background-color: #fff;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li.dropdown .xsem-menu-dropdown-menu a.dropdown-item {
  display: block;
  margin: 0;
  padding: 5px 15px;
  color: #004994;
  background-color: transparent;
  border: 0 none;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li.dropdown .xsem-menu-dropdown-menu a.dropdown-item:hover {
  color: #002C59;
  background-color: transparent;
  text-decoration: underline;
  font-weight: normal;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li.dropdown .xsem-menu-dropdown-menu a.dropdown-item.active {
  color: #002C59;
  background-color: transparent;
  border: 0 none;
  text-decoration: none;
  font-weight: bold;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li.dropdown .xsem-menu-dropdown-menu a.dropdown-item.active:hover {
  color: #002C59;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li:not(.dropdown).active a {
  color: #fff;
  background-color: #212529;
  text-decoration: none;
  font-weight: 400;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li:not(.dropdown).active a:hover {
  color: #fff;
  background-color: #212529;
  text-decoration: none;
  font-weight: 400;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li:first-child a {
  padding-left: 15px;
}
#xsem:not(.backend) #xsemTabs .nav.nav-tabs li:last-child a {
  padding-right: 15px;
}
#xsem:not(.backend) #xsemSubTabs {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills {
  margin: 0;
  padding: 6px 0;
  color: #004994;
  background-color: transparent;
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills li {
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills li a {
  display: block;
  margin: 0;
  padding: 3px 9px;
  color: #004994;
  background-color: transparent;
  border: 0 none;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills li a:hover {
  color: #004994;
  background-color: transparent;
  text-decoration: underline;
  font-weight: 400;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills li.active a {
  color: #004994;
  background-color: transparent;
  text-decoration: underline;
  font-weight: 400;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills li.active a:hover {
  color: #004994;
  background-color: transparent;
  text-decoration: underline;
  font-weight: 400;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills li:first-child a {
  padding-left: 15px;
}
#xsem:not(.backend) #xsemSubTabs .nav.nav-pills li:last-child a {
  padding-right: 15px;
}

#xsem:not(.backend) #xsemTopArea {
  min-height: unset;
  background-color: transparent;
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}
@media screen and (max-width: 575px) {
  #xsem:not(.backend) #xsemTopArea {
    margin-bottom: 10px;
  }
}
#xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline {
  min-height: unset;
}
#xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline {
  padding: 20px 0;
  margin: 0 0 5px 0;
}
#xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline h1 {
  color: #004994;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 36px 0;
}
@media screen and (max-width: 1199px) {
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) {
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
  }
}
@media screen and (max-width: 575px) {
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline h1 {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.2;
  }
}
#xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline h2 {
  color: #004994;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 575px) {
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline {
    padding: 10px 0;
    margin: 0 0 0 0;
  }
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headline h1 {
    margin: 0 0 0 0;
  }
}
#xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headerContent .xsem-code-redemption {
  margin-top: -90px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1199px) {
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headerContent .xsem-code-redemption {
    margin-top: -85px;
  }
}
@media screen and (max-width: 991px) {
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headerContent .xsem-code-redemption {
    margin-top: -80px;
  }
}
@media screen and (max-width: 575px) {
  #xsem:not(.backend) #xsemTopArea #xsemTopWrapper #xsemHeadline .headerContent .xsem-code-redemption {
    margin-top: -20px;
  }
}

#xsem #seminarFilterAdvanced .filter-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

#xsem #seminarFilterAdvanced .reset-filter-text {
  font-size: 12px;
}

#xsem #seminarFilterAdvanced .filter-option-bar {
  display: block;
  width: 100%;
  margin-bottom: 25px;
  text-align: right !important;
}

#xsem #seminarFilterAdvanced .filter-tabs .show-filter {
  display: none;
}

#xsem #seminarFilterAdvanced .filter-tabs .filter-btn {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  height: 64px;
  line-height: 64px;
  color: #fff;
  background-color: #004994;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  border-right: 1px solid #fff;
  z-index: 2;
}

#xsem #seminarFilterAdvanced .filter-tabs .filter-btn:hover,
#xsem #seminarFilterAdvanced .filter-tabs .filter-btn.isset,
#xsem #seminarFilterAdvanced .filter-tabs .filter-btn.active {
  background-color: #363636;
  color: #fff;
}

#xsem #seminarFilterAdvanced .filter-tabs .filter-btn:first-child,
#xsem #seminarFilterAdvanced .filter-tabs .filter-btn:last-child {
  background-color: #363636;
  color: #fff;
}

#xsem #seminarFilterAdvanced .filter-tabs .filter-btn:last-child {
  border-right: none;
  line-height: 24px;
  padding-top: 10px;
}

#xsem #seminarFilterAdvanced .filter-tabs .filter-btn.one-line:last-child {
  line-height: 64px;
  padding-top: 0;
}

#xsem #seminarFilterAdvanced .filter-tab {
  position: absolute;
  margin-top: 65px;
  max-width: 1140px;
  width: 100%;
}

@media only screen and (max-width: 575px) {
  #xsem #seminarFilterAdvanced .filter-tabs .filter-btn {
    display: none;
  }
  #xsem #seminarFilterAdvanced .filter-tabs.filter-visible .filter-btn {
    display: block;
  }
  #xsem #seminarFilterAdvanced .filter-tabs .show-filter {
    display: block;
  }
  #xsem #seminarFilterAdvanced .filter-tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #xsem #seminarFilterAdvanced .filter-tabs .filter-btn {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    border-bottom: 1px solid #fff;
  }
  #xsem #seminarFilterAdvanced .filter-tab {
    width: 100%;
    background-color: #fff;
  }
  #xsem #seminarFilterAdvanced .filter-tab {
    position: static;
    margin-top: 0;
  }
}
#xsem #seminarFilterAdvanced .filter-tab {
  display: none;
  border: 1px solid #F7F7F7;
  border-top: 0px;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 20px;
  z-index: 1;
  background: #fff;
}

#xsem #seminarFilterAdvanced .button-tabs {
  width: 100%;
}

#xsem #seminarFilterAdvanced .button-tabs .btn:first-child,
#xsem #seminarFilterAdvanced .button-tabs .btn:last-child {
  width: 15%;
}

#xsem #seminarFilterAdvanced .button-tabs .btn {
  height: 64px;
  width: 10%;
  color: #004994;
}

#xsem #seminarFilterAdvanced .button-tabs .btn span {
  min-width: 0;
}

#xsem #seminarFilterAdvanced .button-tab {
  width: calc(100% - 8px);
  display: none;
  border: 1px solid #e4e4e4;
  border-top: 0px;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  padding: 20px 20px 20px 20px;
}

#xsem #seminarFilterAdvanced .button-tabs button {
  background-color: #363636;
}

#xsem #seminarFilterAdvanced .button-tabs button:hover,
#xsem #seminarFilterAdvanced .button-tabs button.isset,
#xsem #seminarFilterAdvanced .button-tabs button.active {
  background-color: #004994;
  color: #fff;
}

#xsem #seminarFilterAdvanced .button-tabs .btn:first-child,
#xsem #seminarFilterAdvanced .button-tabs button[type=submit] {
  background-color: #004994;
  color: #fff;
}

#seminarFilterAdvanced #catalog-content {
  position: relative;
}

#seminarFilterAdvanced #catalog-content .loading-animation {
  background-color: rgba(255, 255, 255, 0.5);
}

#seminarFilterAdvanced #catalog-content .loading-animation .content {
  top: 10%;
  background-color: transparent;
}

#seminarFilterAdvanced #catalog-content .loading-animation .sk-folding-cube .sk-cube:before {
  background-color: #004994;
}

#xsem #seminarFilterAdvanced .filter-tab.selection-list {
  max-width: 285px;
  max-height: 300px;
  overflow-y: auto;
}

#xsem #seminarFilterAdvanced .filter-tab.selection-list label {
  line-height: 22px;
}

#xsem #seminarFilterAdvanced .filter-tab.selection-list input[type=radio],
#xsem #seminarFilterAdvanced .filter-tab.selection-list input[type=checkbox] {
  margin-top: 4px;
}

.semi-meta-bar-selector .dropdown-menu,
#orgUnitSelector .dropdown-menu {
  width: 130%;
  /* scrollbar */
}
.semi-meta-bar-selector .dropdown-menu::-webkit-scrollbar,
#orgUnitSelector .dropdown-menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.semi-meta-bar-selector .dropdown-menu::-webkit-scrollbar-track,
#orgUnitSelector .dropdown-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.semi-meta-bar-selector .dropdown-menu::-webkit-scrollbar-thumb,
#orgUnitSelector .dropdown-menu::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.semi-meta-bar-selector .dropdown-menu::-webkit-scrollbar-thumb:window-inactive,
#orgUnitSelector .dropdown-menu::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}

#xsem:not(.backend) .orgUnit-tree-selection {
  height: 200px;
  color: #212529;
  border: 1px solid #004994;
  background-color: transparent;
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit .checkbox {
  padding: 5px 10px;
  margin: 0 0 1px 0;
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit .checkbox.active {
  background-color: transparent;
  color: #004994;
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit label {
  display: block;
  margin-bottom: 0;
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit.has-subOrgUnits label::after {
  position: absolute;
  content: "\e604";
  font-family: "il-icons";
  font-size: 8px;
  top: 6px;
  margin-left: 10px;
  margin-right: 10px;
  transition: transform;
  transform: scaleY(1);
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit.has-subOrgUnits.open label::after {
  transition: transform;
  transform: scaleY(-1);
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit.has-subOrgUnits.open .subOrgUnits {
  margin-left: 15px;
  display: block;
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit.has-subOrgUnits.open .subOrgUnits:last-child label::after {
  display: none;
}
#xsem:not(.backend) .orgUnit-tree-selection .orgUnit .subOrgUnits {
  padding-left: 12px;
}

#xsem:not(.backend) .booking section.payments {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#xsem:not(.backend) .booking section.payments h3 {
  font-size: unset;
  font-weight: 700;
}
#xsem:not(.backend) .booking section.payments .item {
  cursor: pointer;
}
#xsem:not(.backend) .booking section.payments .item .row div:has(img) {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 6px;
  border-radius: 5px;
  border: 1px solid #000;
}
#xsem:not(.backend) .booking section.payments .item.selected .row div:has(img) {
  padding: 5px;
  border: 2px solid black;
}

#xsem:not(.backend) .cards-newsletter {
  justify-content: space-between;
  gap: 60px 30px;
}
#xsem:not(.backend) .cards-newsletter .card-newsletter-subscription,
#xsem:not(.backend) .cards-newsletter .card-newsletter-unsubscription {
  padding: 0;
}

xsem-dropdown xsem-dropdownitem > div {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  color: #333;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s;
}
xsem-dropdown xsem-dropdownitem > div:hover {
  background-color: #f5f5f5;
}
xsem-dropdown xsem-dropdownitem > div.dropdown-item-selected {
  background-color: #f5f5f5;
}

xsem-eventoccupancy {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
xsem-eventoccupancy span.occupancy-icon {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
xsem-eventoccupancy span.occupancy-icon.occupancy-green {
  background-image: url("/Resources/Images/Icons/event/occupancy-green.svg");
}
xsem-eventoccupancy span.occupancy-icon.occupancy-yellow {
  background-image: url("/Resources/Images/Icons/event/occupancy-yellow.svg");
}
xsem-eventoccupancy span.occupancy-icon.occupancy-red {
  background-image: url("/Resources/Images/Icons/event/occupancy-red.svg");
}

#xsem:not(.backend) .selectSessionsToParticipate .sessionGroup {
  padding: 10px 15px;
  margin: 0 0 10px 0;
  background-color: #f8f9fa;
  color: #212529;
}

#xsem .card-conference-title {
  margin: 15px 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 33px;
  font-weight: 500;
  line-height: 44px;
  color: #212529;
}
#xsem .card-conference-contact {
  flex-grow: 1;
  flex-basis: 25%;
  padding-right: 20px;
}
#xsem .card-conference-contact .panel {
  border: 0 none;
}
#xsem .card-conference-contact .panel-body {
  padding-top: 0;
}
#xsem .card-conference-contact h2.panel-heading {
  font-size: 18px;
  padding-top: 20px;
}

.container.eventDays .eventDayInfo {
  background: #F7F7F7;
  margin-bottom: 4px;
  cursor: pointer;
}
.container.eventDays .hotelInfoContainer {
  padding-top: 2px;
}
.container.eventDays .eventDayOverview {
  align-items: center;
}
.container.eventDays .arrow-down {
  rotate: 90deg;
}
.container.eventDays .arrow-up {
  rotate: -90deg;
}
.container.eventDays .eventDayMap {
  margin-bottom: 10px;
}

.locationContainer {
  background: #F7F7F7;
  padding: 15px;
  margin-bottom: 4px;
}

#xsem.backend .manageHotelInfoContainer details {
  border: 1px solid #dee2e6;
}
#xsem.backend .manageHotelInfoContainer details[open] summary {
  background: #cfe2ff;
}
#xsem.backend .manageHotelInfoContainer details[open] summary .arrow {
  rotate: -90deg;
}
#xsem.backend .manageHotelInfoContainer summary {
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#xsem.backend .manageHotelInfoContainer summary h5 {
  margin: 0;
}
#xsem.backend .manageHotelInfoContainer summary .arrow {
  rotate: 90deg;
}
#xsem.backend .manageHotelInfoContainer summary .arrow-up {
  rotate: -90deg;
}
#xsem.backend .manageHotelInfoContainer summary::marker {
  content: "";
}
#xsem.backend .manageHotelInfoContainer .detailContent {
  margin: 20px;
}
#xsem.backend .manageHotelInfoContainer .hotelInfo {
  padding: 10px;
}
#xsem.backend .manageHotelInfoContainer .hotelInfo:hover, #xsem.backend .manageHotelInfoContainer .hotelInfo:nth-child(2):hover {
  background: #adb5bd;
}
#xsem.backend .manageHotelInfoContainer .hotelInfo:nth-child(2) {
  background: #F7F7F7;
}

.help-content {
  display: none;
}

.help-content.open {
  position: absolute;
  z-index: 10000;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  display: flex;
  background: rgba(0, 0, 0, 0.4);
}

.help-content.open .btn-bulky {
  margin: 0;
  min-height: 0;
}

.help-content.open .help-content-close {
  width: 100vw;
  height: 100vh;
}

.help-content.open .help-inner-wrapper .close-button {
  color: #333F44;
  position: absolute;
  right: 20px;
  top: unset;
  bottom: unset;
  padding: 20px;
  cursor: pointer;
}

.help-content.open .help-inner-wrapper {
  position: relative;
  padding: 20px 40px 0 20px;
  background: #fff;
  min-width: 350px;
  max-width: 350px;
}

.help-content.open .panel-content {
  overflow-y: auto;
  height: calc(100% - 40px);
  margin-top: 40px;
}

/*
* ############################################################
* ### Flex utilities classes
* #############################################################
 */
/* General Flex Classes */
#xsem .d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#xsem .flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

#xsem .flex-grow-1 {
  flex-grow: 1;
}

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

#xsem .justify-content-flex-start,
#xsem .justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#xsem .justify-content-flex-end,
#xsem .justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#xsem .justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

#xsem .justify-content-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#xsem .align-items-flex-start,
#xsem .align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#xsem .align-items-flex-end,
#xsem .align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#xsem .align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#xsem .align-items-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

#xsem .align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#xsem .align-content-flex-start,
#xsem .align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

#xsem .align-content-flex-end,
#xsem .align-content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

#xsem .align-content-center {
  -ms-flex-line-pack: center;
  align-content: center;
}

#xsem .align-content-between {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

#xsem .align-content-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

#xsem .align-content-stretch {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

#xsem .flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#xsem .flex-wrap-nowrap,
#xsem .flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#xsem .flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

#xsem .flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#xsem .flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #xsem .flex-sm-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #xsem .flex-sm-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* MD Breakpoint Flex Classes */
@media (min-width: 768px) {
  #xsem .d-md-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #xsem .flex-md-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #xsem .flex-md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #xsem .justify-content-md-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #xsem .justify-content-md-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #xsem .justify-content-md-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #xsem .justify-content-md-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #xsem .justify-content-md-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  #xsem .align-items-md-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #xsem .align-items-md-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  #xsem .align-items-md-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #xsem .align-items-md-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  #xsem .align-items-md-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  #xsem .align-content-md-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  #xsem .align-content-md-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  #xsem .align-content-md-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  #xsem .align-content-md-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  #xsem .align-content-md-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  #xsem .align-content-md-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #xsem .flex-md-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #xsem .flex-md-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #xsem .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  #xsem .flex-md-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #xsem .flex-lg-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #xsem .flex-lg-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #xsem .flex-xl-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #xsem .flex-xl-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #xsem .d-lg-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #xsem .flex-lg-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #xsem .flex-lg-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #xsem .justify-content-lg-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #xsem .justify-content-lg-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #xsem .justify-content-lg-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #xsem .justify-content-lg-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #xsem .justify-content-lg-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  #xsem .align-items-lg-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #xsem .align-items-lg-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  #xsem .align-items-lg-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #xsem .align-items-lg-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  #xsem .align-items-lg-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  #xsem .align-content-lg-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  #xsem .align-content-lg-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  #xsem .align-content-lg-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  #xsem .align-content-lg-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  #xsem .align-content-lg-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  #xsem .align-content-lg-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #xsem .flex-lg-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #xsem .flex-lg-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #xsem .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  #xsem .text-lg-start {
    text-align: left;
  }
  #xsem .text-lg-center {
    text-align: center;
  }
  #xsem .text-lg-end {
    text-align: right;
  }
  #xsem .text-lg-justify {
    text-align: justify;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #xsem .d-xl-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #xsem .flex-xl-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  #xsem .flex-xl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #xsem .justify-content-xl-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #xsem .justify-content-xl-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #xsem .justify-content-xl-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #xsem .justify-content-xl-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #xsem .justify-content-xl-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  #xsem .align-items-xl-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #xsem .align-items-xl-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  #xsem .align-items-xl-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #xsem .align-items-xl-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  #xsem .align-items-xl-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  #xsem .align-content-xl-start {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  #xsem .align-content-xl-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  #xsem .align-content-xl-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  #xsem .align-content-xl-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  #xsem .align-content-xl-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  #xsem .align-content-xl-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  #xsem .flex-xl-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #xsem .flex-xl-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #xsem .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  #xsem .text-xl-start {
    text-align: left;
  }
  #xsem .text-xl-center {
    text-align: center;
  }
  #xsem .text-xl-end {
    text-align: right;
  }
  #xsem .text-xl-justify {
    text-align: justify;
  }
}
/* General Text Alignment Classes */
#xsem .text-start {
  text-align: left;
}

#xsem .text-center {
  text-align: center;
}

#xsem .text-end {
  text-align: right;
}

#xsem .text-justify {
  text-align: justify;
}

/* MD Breakpoint Text Alignment Classes */
@media (min-width: 768px) {
  #xsem .text-md-start {
    text-align: left;
  }
  #xsem .text-md-center {
    text-align: center;
  }
  #xsem .text-md-end {
    text-align: right;
  }
  #xsem .text-md-justify {
    text-align: justify;
  }
}
#xsem:not(.backend) .favourite-wrapper {
  position: relative;
}
#xsem:not(.backend) .favourite-wrapper .favourite-star {
  display: none;
}
#xsem:not(.backend) .favourite-wrapper:hover .favourite-star {
  display: inline-block;
}
#xsem:not(.backend) .favourite-wrapper .favourite-star-active {
  display: inline-block !important;
  font-weight: 700 !important;
}

.favourite-star {
  position: absolute;
  top: 10px;
  right: 10px;
}
.favourite-star .sc-star-icon {
  filter: drop-shadow(-1px -1px 0px #004994) drop-shadow(1px -1px 0px #004994) drop-shadow(1px 1px 0px #004994) drop-shadow(-1px 1px 0px #004994);
  color: #004994;
}
@media only screen and (max-width: 1199px) {
  .favourite-star .sc-star-icon {
    display: none;
  }
}
.favourite-star.favourite-star-active .sc-star-icon {
  filter: drop-shadow(-1px -1px 0px #004994) drop-shadow(1px -1px 0px #004994) drop-shadow(1px 1px 0px #004994) drop-shadow(-1px 1px 0px #004994);
  color: #004994;
}
@media only screen and (max-width: 1199px) {
  .favourite-star.favourite-star-active .sc-star-icon {
    display: none;
  }
}

xsem-favourites .popover {
  width: 100%;
  margin: 0;
  padding-left: 10px;
}

#xsem.backend .text-color-progress-success {
  color: #5cb85c;
}
#xsem.backend .text-color-progress-warning {
  color: #f0ad4e;
}
#xsem.backend .text-color-progress-danger {
  color: #d9534f;
}
#xsem.backend .semi-range-handle {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: white;
  border-radius: 5px;
  color: #000;
  text-align: center;
  padding: 0;
  margin-bottom: 2px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.65);
  line-height: 33px;
}

#xsem header.page-header {
  padding: 0;
  margin: 0;
}
#xsem header.page-header .page-header-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: 10px;
  height: 110px;
}
#xsem header.page-header .page-header-nav .page-header-logo {
  width: 243px;
  height: 100%;
}
#xsem header.page-header .page-header-nav .page-header-logo img {
  max-width: 243px;
  height: 45px;
}

#xsem footer.page-footer {
  padding-left: 0;
  padding-right: 0;
}

#xsem .page-content #xsemTopArea .breadcrumb {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: calc((100vw - 1110px) * 0.5);
  padding-right: calc((100vw - 1110px) * 0.5);
  background-color: #0095db;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
  display: flex;
  flex-wrap: wrap;
}
#xsem .page-content #xsemTopArea .breadcrumb span + span:before {
  display: inline-block;
  padding: 0 5px;
  content: ">";
}
#xsem .page-content #xsemTopArea .breadcrumb .crumb {
  margin-right: 5px;
}
#xsem .page-content #xsemTopArea .breadcrumb .crumb a {
  color: #fff;
  text-decoration: none;
}
#xsem .page-content #xsemTopArea .breadcrumb .crumb a:hover {
  color: #fff;
  text-decoration: underline;
}

@font-face {
  font-family: Roboto;
  src: local("Roboto Light"), local("Roboto-Light"), url(../../../Fonts/Roboto/Roboto-Light.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Light;
  src: local("Roboto Light"), local("Roboto-Light"), url(../../../Fonts/Roboto/Roboto-Light.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Light.ttf) format("truetype");
}
@font-face {
  font-family: Roboto;
  src: local("Roboto Regular"), local("Roboto-Regular"), url(../../../Fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Regular;
  src: local("Roboto Regular"), local("Roboto-Regular"), url(../../../Fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Roboto;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(../../../Fonts/Roboto/Roboto-Medium.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Medium;
  src: local("Roboto Medium"), local("Roboto-Medium"), url(../../../Fonts/Roboto/Roboto-Medium.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Medium.ttf) format("truetype");
}
@font-face {
  font-family: Roboto;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(../../../Fonts/Roboto/Roboto-Bold.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Bold;
  src: local("Roboto Bold"), local("Roboto-Bold"), url(../../../Fonts/Roboto/Roboto-Bold.woff2) format("woff2"), url(../../../Fonts/Roboto/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "FF-Meta";
  src: url(../../../Fonts/FF-Meta/b64c47c12c552f3080da.eot);
  src: url(../../../Fonts/FF-Meta/040a5172bd2fd64e2a51.woff) format("woff");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "FF-Meta";
  src: url(../../../Fonts/FF-Meta/73e28f99334ae359edb9.eot?#iefix);
  src: url(../../../Fonts/FF-Meta/73e28f99334ae359edb9.eot?#iefix) format("eot"), url(../../../Fonts/FF-Meta/d7fde043b230d421d3e5.woff2) format("woff2"), url(../../../Fonts/FF-Meta/6fa5581fa73e66139507.woff) format("woff"), url(../../../Fonts/FF-Meta/3fefeed542cd43eae195.ttf) format("truetype");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "il-icons";
  src: url("../../../Fonts/Iconfont/il-icons.woff") format("woff"), url("../../../Fonts/Iconfont/il-icons.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
html {
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  font-size: 13px;
}

body {
  padding: 0;
  margin: 0;
  height: auto;
  min-height: 100vh; /* Fallback */
  min-height: 100dvh; /* moderne Viewport-Einheit (Mobile) */
  display: flex;
  flex-direction: column;
  font-family: FF-Meta, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  color: #404040;
  background-color: #fff;
}

header.page-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #fff;
}

main.page-content {
  flex: 1 0 auto;
  padding-bottom: 60px;
}

footer.page-footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

a {
  color: #007bff;
  text-decoration: none;
}

a:hover {
  color: #0062cc;
}

a:focus, a:hover {
  text-decoration: none;
}

/*p {
  font-size: inherit;
  line-height: 21px
}*/
#xsem .navbar-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
#xsem .navbar-nav .nav-item {
  padding: 0;
  margin-right: 10px;
}
#xsem .navbar-nav .nav-item a.nav-link {
  color: #fff;
  text-decoration: none;
}
#xsem .navbar-nav .nav-item a.nav-link:hover, #xsem .navbar-nav .nav-item a.nav-link:active, #xsem .navbar-nav .nav-item a.nav-link:focus {
  color: #fff;
}

#xsem .page-header .page-header-nav .page-main-nav {
  align-self: end;
}
#xsem .page-header .page-header-nav .page-main-nav .navbar-nav .nav-item {
  margin: 0 115px 0 0;
}
#xsem .page-header .page-header-nav .page-main-nav .navbar-nav .nav-item:last-child {
  margin-right: 0;
}
#xsem .page-header .page-header-nav .page-main-nav .navbar-nav .nav-item a.nav-link {
  position: relative;
  display: inline-block;
  padding: 0 0 25px 0;
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
  color: #004994;
  text-decoration: none;
}
#xsem .page-header .page-header-nav .page-main-nav .navbar-nav .nav-item a.nav-link:hover {
  color: #002c59;
  text-decoration: none;
}
#xsem .page-header .page-header-nav .page-main-nav .navbar-nav .nav-item a.nav-link:hover:after {
  display: block;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  border: none;
  margin: 0;
  height: 0.5rem;
  width: 100%;
  content: "";
  background: #707070;
}

#admin-menu {
  position: fixed;
  right: 0;
  top: 0;
  background: #464545;
  border: none;
  transform: translate(200vw, -200vh);
  visibility: hidden;
  will-change: transform;
  z-index: 20;
}
#admin-menu.is-animating {
  transition: transform 240ms ease;
}
#admin-menu.is-ready {
  visibility: visible;
}
#admin-menu .admin-menu-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 18px;
}
#admin-menu .admin-menu-content a {
  height: 32px;
  position: relative;
  transition: all 0.2s ease-in-out;
  text-align: center;
  line-height: 1;
}
#admin-menu .admin-menu-content a:hover {
  transform: scale(1.1);
}
#admin-menu .admin-menu-content .edit-pencil-button {
  display: flex;
  flex-direction: column;
}
#admin-menu .admin-menu-content img {
  filter: invert(1);
  width: 40px;
  height: auto;
  min-height: 32px;
}
#admin-menu .admin-menu-content img.simplecms {
  content: url("/Resources/img/metabar/sc-simplecms.svg");
}
#admin-menu .admin-menu-content img.cache {
  content: url("/Resources/img/metabar/sc-cache.svg");
}
#admin-menu .admin-menu-content img.userviewon {
  content: url("/Resources/img/metabar/sc-userview-on.svg");
}
#admin-menu .admin-menu-content img.userviewoff {
  content: url("/Resources/img/metabar/sc-userview-off.svg");
}
#admin-menu .admin-menu-content img.pagedata {
  content: url("/Resources/img/metabar/sc-pagedata.svg");
}
#admin-menu .admin-menu-content img.seometadata {
  content: url("/Resources/img/metabar/sc-seometadata.svg");
}
#admin-menu .admin-menu-content img.backend {
  content: url("/Resources/img/metabar/sc-backend.svg");
}
#admin-menu .admin-menu-content #xsemCacheClear .badge {
  font-style: italic;
  font-size: 10px;
  top: 20px;
  right: 0;
  left: -3px;
  margin: 0;
  background: #464545;
  font-weight: bold;
  padding: 3px 12px;
  color: #ccc0bb;
  position: absolute;
  min-width: 10px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1;
  border-radius: 10px;
}
#admin-menu .admin-menu-content .menu-title {
  font-style: italic;
  font-size: 10px;
  font-weight: bold;
  color: #ccc0bb;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1;
}
#admin-menu .admin-menu-toggle {
  padding: 6px 8px;
  height: 30px;
  font-size: 16px;
  line-height: 1;
  color: #fff;
}

.wrapper-fullwidth {
  margin-left: calc((100vw - 1110px) / 2 * -1);
  margin-right: calc((100vw - 1110px) / 2 * -1);
}
@media screen and (max-width: 1199.98px) {
  .wrapper-fullwidth {
    margin-left: calc((100vw - 930px) / 2 * -1);
    margin-right: calc((100vw - 930px) / 2 * -1);
  }
}
@media screen and (max-width: 991.98px) {
  .wrapper-fullwidth {
    margin-left: calc((100vw - 690px) / 2 * -1);
    margin-right: calc((100vw - 690px) / 2 * -1);
  }
}
@media screen and (max-width: 767.98px) {
  .wrapper-fullwidth {
    margin-left: calc((100vw - 510px) / 2 * -1);
    margin-right: calc((100vw - 510px) / 2 * -1);
  }
}
@media screen and (max-width: 575.98px) {
  .wrapper-fullwidth {
    margin-left: 0;
    margin-right: 0;
  }
}

.container-fullwidth {
  margin-left: calc((100vw - 1110px) / 2 * -1);
  margin-right: calc((100vw - 1110px) / 2 * -1);
  padding-left: calc((100vw - 1110px) / 2);
  padding-right: calc((100vw - 1110px) / 2);
}
@media screen and (max-width: 1199.98px) {
  .container-fullwidth {
    margin-left: calc((100vw - 930px) / 2 * -1);
    margin-right: calc((100vw - 930px) / 2 * -1);
    padding-left: calc((100vw - 930px) / 2);
    padding-right: calc((100vw - 930px) / 2);
  }
}
@media screen and (max-width: 991.98px) {
  .container-fullwidth {
    margin-left: calc((100vw - 690px) / 2 * -1);
    margin-right: calc((100vw - 690px) / 2 * -1);
    padding-left: calc((100vw - 690px) / 2);
    padding-right: calc((100vw - 690px) / 2);
  }
}
@media screen and (max-width: 767.98px) {
  .container-fullwidth {
    margin-left: calc((100vw - 510px) / 2 * -1);
    margin-right: calc((100vw - 510px) / 2 * -1);
    padding-left: calc((100vw - 510px) / 2);
    padding-right: calc((100vw - 510px) / 2);
  }
}
@media screen and (max-width: 575.98px) {
  .container-fullwidth {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

.color-background-primary {
  background-color: #007bff;
}

.color-background-secondary {
  background-color: #6c757d;
}

.color-background-dark {
  background-color: #343a40;
}

.color-background-light {
  background-color: #f8f9fa;
}

#xsem .filter-content {
  color: #fff;
}
#xsem .filter-content .filter-tabs .filter-tab input[type=checkbox] {
  margin: 0 20px 0 0;
}

#xsem #semiMetaBar .badge {
  padding: 3px 6px;
}

#xsem .home-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

#xsem .cl-filter-languages {
  margin-bottom: 10px;
}
#xsem .cl-filter-languages .pull-right > span:first-child {
  display: block;
}

#xsem .page-content[data-a=seminarDetails] #xsemTopWrapper {
  display: none;
}
#xsem .page-content[data-a=seminarDetails] #seminarDetails {
  margin-top: 40px;
}
#xsem .page-content[data-a=seminarDetails] #seminarDetails .detailHeaderHeadline h1 {
  color: #004994;
}

#xsem .cartNumberParticipants {
  min-height: 44px !important;
  padding: 10px !important;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 400px;
  padding: 0px 24px;
}
.carousel-inner .item:not(.text-only) .item-content {
  display: flex;
  justify-content: center;
}
.carousel-inner .item:not(.text-only) .item-content.item-vertical {
  flex-direction: column;
}
.carousel-inner > .item {
  display: none;
  position: relative;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img,
.carousel-inner > .item .item-content > img,
.carousel-inner > .item .item-content > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    left: 0;
  }
  .carousel-inner > .item.next.left.text-only, .carousel-inner > .item.prev.right.text-only, .carousel-inner > .item.active.text-only {
    padding: 0 15px;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20px;
  font-size: 20px;
  color: #007bff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}
.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #007bff;
  text-decoration: none;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #007bff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #007bff;
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #0062cc;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #007bff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 767.98px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
@media screen and (min-width: 767.98px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.pluginSliderContainer {
  margin-left: calc((100vw - 1110px) / 2 * -1) !important;
  margin-right: calc((100vw - 1110px) / 2 * -1) !important;
}

.pluginSliderContainer .carousel.slide .carousel-indicators {
  padding: 0;
  margin: 0;
  width: 684px;
  left: calc((100vw - 684px) / 2);
  bottom: 30px;
}

.pluginSliderContainer .carousel.slide .carousel-indicators li {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #004994;
}

.pluginSliderContainer .carousel.slide .carousel-indicators li.active {
  background-color: #004994;
  border-color: #fff;
}

@media only screen and (max-width: 575px) {
  .pluginSliderContainer .carousel.slide .carousel-indicators {
    bottom: 0;
  }
}
.pluginSliderContainer .carousel.slide .carousel-inner {
  min-height: unset;
  padding: 0;
}

.pluginSliderContainer .carousel.slide .carousel-inner .item {
  height: 400px;
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item {
    height: 672px;
  }
}
.pluginSliderContainer .carousel.slide .carousel-inner .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50%;
}

.pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: none;
}

.pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
}

@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    font-size: 24px;
  }
}
@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    line-height: 32px;
  }
}
.pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h1 {
  padding: 0;
  margin: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 23.3px;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  text-align: left;
  order: 2;
}

@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h1 {
    font-size: 36px;
  }
}
@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h1 {
    line-height: 40px;
  }
}
.pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
  padding: 0;
  margin: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  text-align: left;
  order: 1;
}

@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 24px;
  }
}
@media screen and (min-width: 992px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 992px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 1200px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    font-weight: 400;
  }
}
@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 30px;
  }
}
@media screen and (min-width: 768px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 34px;
  }
}
@media screen and (min-width: 992px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 38px;
  }
}
@media screen and (min-width: 1200px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption h2 {
    line-height: 42px;
  }
}
.pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption p {
  padding: 0;
  margin: 0;
  font-family: "FF-Meta", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  text-align: left;
  order: 4;
}

@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption p {
    font-size: 24px;
  }
}
@media screen and (min-width: 576px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption p {
    line-height: 32px;
  }
}
.pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption a.btn {
  min-width: auto;
  min-height: auto;
  margin: 20px 0 0 0;
  order: 4;
}

@media only screen and (max-width: 767px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    right: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .pluginSliderContainer .carousel.slide .carousel-inner .item .carousel-image-wrapper .carousel-caption {
    bottom: 20px;
  }
}
.pluginSliderContainer .carousel.slide .carousel-control {
  width: 50px;
  z-index: 10;
}

.pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
  font-size: 20px;
  font-weight: 100;
  line-height: 20px;
  color: #212529;
  padding: 10px;
  width: 50px;
  height: 50px;
  top: unset;
  bottom: 0;
  background-color: #fff;
  border-radius: 50px;
  z-index: 10;
  color: #004994;
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) {
  .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    font-weight: 100;
  }
}
@media screen and (min-width: 768px) {
  .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    line-height: 30px;
  }
}
.pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-left {
  left: 10px;
}

.pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-right {
  right: 10px;
}

@media only screen and (max-width: 767px) {
  .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .pluginSliderContainer .carousel.slide .carousel-control {
    width: 25px;
  }
  .pluginSliderContainer .carousel.slide .carousel-control .glyphicon {
    padding: 14px 3px;
    width: 25px;
    height: 50px;
    top: 50%;
    bottom: 50%;
    border-radius: 0;
  }
  .pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-left {
    left: 10px;
  }
  .pluginSliderContainer .carousel.slide .carousel-control .glyphicon.glyphicon-chevron-right {
    right: 10px;
  }
}
.pluginSliderContainer .carousel-indicators {
  right: calc((100vw - 684px) / 2) !important;
}

.pluginSliderContainer .carousel-inner {
  height: 836px !important;
}

.pluginSliderContainer .carousel-inner .item {
  overflow: initial !important;
}

.pluginSliderContainer .carousel-inner .item .carousel-caption {
  top: 544px !important;
  left: calc((100vw - 820px) / 2) !important;
  right: calc((100vw - 820px) / 2) !important;
  bottom: unset !important;
  padding: 32px 68px 96px 68px !important;
  width: 820px !important;
  height: 292px !important;
  z-index: 1000 !important;
  background-color: #004994 !important;
}

.pluginSliderContainer .carousel-inner .item .carousel-caption h1 {
  margin-bottom: 28px !important;
}

@media screen and (max-width: 575px) {
  .pluginSliderContainer .carousel-inner .item .carousel-caption {
    width: 65% !important;
    top: 15% !important;
    left: 10% !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .pluginSliderContainer .carousel-inner .item .carousel-caption {
    width: 55% !important;
    top: 15% !important;
    left: 15% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pluginSliderContainer .carousel-inner .item .carousel-caption {
    width: 50% !important;
    top: 20% !important;
    left: 20% !important;
  }
}
.pluginSliderContainer .carousel-control {
  z-index: 1100 !important;
}

.pluginSliderContainer .carousel-control.left {
  top: unset !important;
  bottom: 25px !important;
  left: calc((100vw - 684px) / 2) !important;
  height: 50px !important;
}

.pluginSliderContainer .carousel-control.right {
  top: unset !important;
  bottom: 25px !important;
  right: calc((100vw - 684px) / 2) !important;
  height: 50px !important;
}

.pluginSliderContainer a.btn {
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  padding: 5px 8px;
}

.pluginSliderContainer a.btn.btn-primary {
  border-color: rgba(15, 79, 30, 0.35);
}

.pluginSliderContainer a.btn.btn-icon {
  border-width: 1px;
  border-style: solid;
}

.pluginSliderContainer a.btn .icon {
  display: none;
}

@media screen and (min-width: 576px) {
  .pluginSliderContainer a.btn {
    padding: 8px 16px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .pluginSliderContainer a.btn {
    font-size: 14px;
    line-height: 19px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1679px) {
  .pluginSliderContainer a.btn {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (min-width: 1680px) and (max-width: 1920px) {
  .pluginSliderContainer a.btn {
    font-size: 19px;
    line-height: 26px;
  }
}
@media screen and (min-width: 1920px) {
  .pluginSliderContainer a.btn {
    font-size: 22px;
    line-height: 30px;
  }
}
#xsem #catalog-content .list .item {
  padding: 25px;
  margin-bottom: 25px;
  background-color: #f5f5f5;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

#xsem footer .nav-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#xsem footer .nav-group .nav-item {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#xsem footer .nav-group .nav-item a.nav-button {
  display: inline-block;
  padding: 0;
  margin: 0;
  color: #fff;
  text-decoration: none;
}
#xsem footer .nav-group .nav-item a.nav-button:hover, #xsem footer .nav-group .nav-item a.nav-button:active, #xsem footer .nav-group .nav-item a.nav-button:focus {
  color: #fff;
}
#xsem footer .nav-group .nav-item a.nav-button.nav-button-separator::after {
  margin: 0 4px 0 0;
  content: "|";
  font-size: 1rem;
}
@media (min-width: 992px) {
  #xsem footer .nav-group .nav-item a.nav-button.nav-button-separator::after {
    margin: 0 13px 0 10px;
  }
}

/*# sourceMappingURL=frontend.css.map */