/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
.collapse-list {
  transition: color .4s ease;
}
.collapse-list .list-item {
    width: 100%;
    position: relative;
    font-size: 1.3rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid #505050;
    transition-duration: .5s, .4s, .3s;
    transition-property: background-color, color, border;
    transition-timing-function: ease;
}
@media (min-width: 768px) {
.collapse-list .list-item {
        padding: 1.2rem 2.4rem;
}
}
.collapse-list .list-item .collapse-button {
      padding: 0;
}
@media (min-width: 768px) {
.collapse-list .list-item .collapse-button {
          margin-right: -1.2rem;
}
}
.collapse-list .list-item.open {
      border: 1px solid #268074;
      background-color: #268074;
      color: #ffffff !important;
      -webkit-font-smoothing: antialiased;
      transition: color .4s ease;
}
.collapse-list .list-item.open .text, .collapse-list .list-item.open .title, .collapse-list .list-item.open *[class*="text-"] {
        color: #ffffff !important;
        transition: color .4s ease;
}
.collapse-list .list-item.open .custom-checkbox .custom-control-label, .collapse-list .list-item.open .custom-control-label {
        color: #ffffff !important;
        transition: color .5s ease;
}
.collapse-list .list-item.open svg path {
        stroke: #ffffff !important;
}
.collapse-list .list-item .app-icon:focus {
      outline: 0;
}

/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
.loading-page[data-v-3d9461b9] {
  width: 100%;
  height: 100%;
  min-height: inherit;
  transition: 1200ms;
  background: white;
}
.loading-page.loading-full[data-v-3d9461b9] {
    z-index: 999999;
    position: fixed;
    height: 100vh;
    width: 100vh;
    background: white;
    top: 0;
    left: 0;
}

/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
.scrollable {
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: scroll;
}
/*=============================================
=            Crud Table Changes               =
=============================================*/
.prei-modal .modal-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.prei-modal .preis-select {
  width: 300px;
}
.prei-modal .crud-table {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
.prei-modal .crud-table {
      padding-left: 2rem;
      padding-right: 2rem;
}
}
.prei-modal .crud-table li.crud-list-item-model:not(:last-of-type) {
    border: none;
}
.prei-modal .crud-table li.crud-list-item-model .row {
    max-width: 600px;
    margin: auto;
}
.prei-modal .add-teilnehmer-form {
  max-width: 600px;
  margin: auto;
}

/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
.cart {
  padding: 2rem 0;
  border-bottom: 1px solid #505050;
}
.total {
  border-bottom: 2px solid #268074;
  padding: 6rem 0 1rem;
}

@charset "UTF-8";
/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
/*=============================================
 =                Seminar Detailseite          =
 =============================================*/
.seminar .line-height-title[data-v-40ebf974] {
  line-height: 1.4 !important;
}
.seminar img.fachberatermarke[data-v-40ebf974] {
  width: 180px;
  background-color: white;
  border-top: 3px solid white;
  border-left: 3px solid white;
}
.seminar .corner-decoration[data-v-40ebf974]:before {
  border-left-color: var(--seminar-theme-color);
}
.seminar[data-v-40ebf974] .text-theme-color {
  color: var(--seminar-theme-color);
}
.seminar .event-downloads a[data-v-40ebf974] {
  color: inherit;
}
.seminar[data-v-40ebf974] .action-button:before,
.seminar[data-v-40ebf974] .list-item.open {
  background-color: var(--seminar-theme-color);
}
.seminar[data-v-40ebf974] .raw-html {
  line-height: 1.5;
  /*ol {
        list-style-position: inside;
        // list-style-type: none;
        padding: 0 !important;

        li {
          font-weight: $font-weight-normal;
          margin-bottom: 3rem;
          color: $seminar-theme-color;

          ul li {
            color: $font-dark
          }
        }

        ul {
          margin-top: 3px;
          list-style: none;
        }
        ul > li {
          text-indent: 0;
          margin: 0;
          font-weight: $font-weight-normal;
        }
        ul > li:before {
          // content: "\2012";
          content:"• ";
          color: $seminar-theme-color;
          text-indent: 0;
          margin-right: 1rem;
          font-size: 1.2rem;
        }
      }*/
}
.seminar[data-v-40ebf974] .raw-html ul {
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 15px;
}
.seminar[data-v-40ebf974] .raw-html ul > li {
      padding-left: 10px;
      font-weight: 300;
}
.seminar[data-v-40ebf974] .raw-html ul > li::marker {
      content: "•";
      color: var(--seminar-theme-color);
}
.seminar[data-v-40ebf974] .raw-html ol {
    list-style-position: inside;
    padding-left: 0;
    margin-bottom: 0;
}
.seminar[data-v-40ebf974] .raw-html ol li {
      font-weight: 500;
}
.seminar[data-v-40ebf974] .raw-html ol ul {
      margin-top: 3px;
}
.seminar[data-v-40ebf974] .raw-html b {
    color: var(--seminar-theme-color);
    font-weight: 500;
}
.teaser-card-right[data-v-40ebf974] {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #EDEDED;
}
.teaser-card-right img[data-v-40ebf974] {
    width: 100%;
}

/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
.collapse-table .cursor-pointer[data-v-ee70c5b4] {
  cursor: pointer;
}
.collapse-table .item-row[data-v-ee70c5b4] {
  padding: 3rem 0;
  border-top: 1px solid #505050;
}