/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
.date-wrapper .color-theme[data-v-42cce88f] {
  color: var(--card-color);
}
.title--short[data-v-42cce88f] {
  max-width: 80%;
}
.font-date-r[data-v-42cce88f], .font-date[data-v-42cce88f] {
  font-weight: 500;
}
/*.date--min {
  // @include responsive-property(padding, $padding);
  background-color: var(--card-color);
  > div {
    color: $white;
  }
}*/

/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
.pictogram {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  z-index: 10;
  background: rgba(188, 106, 80, 0.8);
  color: #ffffff;
}
.pictogram .pict-text {
    text-align: center;
    word-break: break-word;
    color: inherit;
    margin-top: 0.3rem;
}
.pictogram.bgWhite {
    background: rgba(255, 255, 255, 0.8);
    color: var(--card-color);
}
.pictogram {
  /*&.pos-right.no-bottom-transform {

      transform: translateY(-75%);

      &.pos-bottom {
        bottom: 0;
        top: unset;
        transform: none!important
      }
    }*/
}
.pictogram.pos-right {
    right: 15px;
    /*transform: translateY(-100%);*/
    /*@include media-breakpoint-up(md) {
        top: 26px;
      }
      @include media-breakpoint-up(xl) {
        top: 35px;
        transform: translateY(-45%);
      }
      @include media-breakpoint-up(xxl) {
        top: 0px;
      }*/
}
.pictogram.pos-bottom {
    bottom: 15px;
    /*transform: none!important*/
}
/*.seminar-card--image .pictogram {
    background: rgba($white, 0.95);
    color: var(--card-color);

    &.pos-left { top: 40px; left: 0; }
    &.pos-right {
      left: unset;
      bottom: unset;
      top: 0;
      right: 5%;
      transform: translateY(-75%);
      transform-origin: top right;

      @include media-breakpoint-up(md) {
        top: 0;
        right: 5%;
      }
    }
  }*/
.pictogram.size-default {
  width: 25.7%;
  min-width: 8.5rem;
}
.pictogram.size-default .pict-text {
    font-size: 1.5rem;
    line-height: 1.4;
}
.pictogram.size-large {
  width: 29.5%;
}
.pictogram.size-large .pict-text {
    font-size: 1.2rem;
    line-height: 1;
}
.pictogram.responsive-scaling::before {
  width: 30%;
  padding-bottom: 30%;
}
.pictogram.shape-circle {
  border-radius: 50%;
}

/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
/*=============================================
=                 Variables             =
=============================================*/
/*=====  End of Variables  ======*/
.fill-height {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.seminar-card {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  max-width: 100%;
  width: 38rem;
  min-height: 36rem;
  max-height: calc(36rem * 1.05);
}
@media (min-width: 576px) {
.seminar-card {
      width: 31.4rem;
}
}
@media (min-width: 768px) {
.seminar-card {
      width: 31.4em;
}
}
@media (min-width: 1200px) {
.seminar-card {
      width: 40em;
}
}
@media (min-width: 1400px) {
.seminar-card {
      width: 44em;
}
}
@media (min-width: 576px) {
.seminar-card {
      min-height: 36rem;
}
}
@media (min-width: 768px) {
.seminar-card {
      min-height: 32em;
}
}
@media (min-width: 1200px) {
.seminar-card {
      min-height: 40em;
}
}
@media (min-width: 1400px) {
.seminar-card {
      min-height: 41em;
}
}
@media (min-width: 576px) {
.seminar-card {
      max-height: calc(36rem * 1.05);
}
}
@media (min-width: 768px) {
.seminar-card {
      max-height: calc(32em * 1.05);
}
}
@media (min-width: 1200px) {
.seminar-card {
      max-height: calc(40em * 1.05);
}
}
@media (min-width: 1400px) {
.seminar-card {
      max-height: calc(41em * 1.05);
}
}
.seminar-card.responsive-card {
    width: 100%;
    max-width: 100%;
}
.seminar-card .h3-s, .seminar-card .font-date, .seminar-card .font-date-r {
    color: var(--card-color);
}
.seminar-card article, .seminar-card .card-content {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    padding: 3.5rem;
    padding-bottom: 2em;
}
@media (min-width: 576px) {
.seminar-card article, .seminar-card .card-content {
        padding: 3rem 3rem 2.5rem 3rem;
}
}
@media (min-width: 1400px) {
.seminar-card article, .seminar-card .card-content {
        padding: 3rem 4rem 2.5rem 4rem;
}
}
.seminar-card.has-background {
    background: var(--card-color);
}
.seminar-card.has-background, .seminar-card.has-background .color-theme, .seminar-card.has-background .h3-s, .seminar-card.has-background .font-date {
      color: #ffffff !important;
}
.seminar-card article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.seminar-card article .referenten-list li {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
}
.seminar-card.corner-decoration::before {
    border-left: 4.8rem solid var(--card-color);
    transition: 300ms;
}
.seminar-card.hover:hover.corner-decoration::before, .seminar-card.show-hovered-state.corner-decoration::before {
    border-left: 100rem solid var(--card-color);
    opacity: 0.9;
    border-bottom: 100rem solid transparent;
}
.seminar-card.hover:hover .app-hoover, .seminar-card.show-hovered-state .app-hoover {
    opacity: 1;
}
.seminar-card.lighter-corner-overlay.corner-decoration::before {
    -webkit-filter: brightness(120%);
            filter: brightness(120%);
}
.seminar-card .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    transition: opacity 200ms ease;
}
.seminar-card .hover-content .hover-footer {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
}
.seminar-card.hover:hover::before, .seminar-card.show-hovered-state::before {
    opacity: 0.9;
}
.seminar-card.hover:hover .hover-content, .seminar-card.show-hovered-state .hover-content {
    opacity: 1;
    transition: all 400ms ease;
    transition-delay: 100ms;
}
.seminar-card--image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.seminar-card--image .image-wrapper {
    background-size: cover;
    background-position: center top;
}
.seminar-card--image .image-wrapper > img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
}
.half-height {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
}
.hover-1:hover {
  z-index: 100;
}
.seminar-card .tooltip-inner {
  max-width: 500px;
  padding: 1rem;
}
.seminar-card .layout-helper {
  margin: 0 -4em;
  padding: 0 4em;
}
.card-twin {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
}
.card-twin article {
    padding-right: 0;
}
@media (min-width: 1400px) {
.card-twin article p {
        padding-right: 4em;
}
}
.card-twin .image-card {
    overflow: hidden;
    max-width: 100%;
    width: 38rem;
    height: 36rem;
}
@media (min-width: 576px) {
.card-twin .image-card {
        width: 31.4rem;
}
}
@media (min-width: 768px) {
.card-twin .image-card {
        width: 31.4em;
}
}
@media (min-width: 1200px) {
.card-twin .image-card {
        width: 40em;
}
}
@media (min-width: 1400px) {
.card-twin .image-card {
        width: 44em;
}
}
@media (min-width: 576px) {
.card-twin .image-card {
        height: 36rem;
}
}
@media (min-width: 768px) {
.card-twin .image-card {
        height: 32em;
}
}
@media (min-width: 1200px) {
.card-twin .image-card {
        height: 40em;
}
}
@media (min-width: 1400px) {
.card-twin .image-card {
        height: 41em;
}
}
.card-twin img {
    object-fit: cover;
}
.prevent-first-touch-click {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hover:hover .prevent-first-touch-click {
  transition: left 1s;
  left: -100%;
}

/*=============================================
=               Global Colors                =
=============================================*/
/*=============================================
=                  Bootstrap                 =
=============================================*/
/*=============================================
=                Global Vars                 =
=============================================*/
/*=============================================
=                Layout Vars                 =
=============================================*/
/*
 ** Responsive Spacing Classes
 */
/*
 ** Z-indices
 */
/*
 Transition
*/
/*
 ** Components
 */
/*=============================================
=                LIST FUNCTIONS               =
=============================================*/
/*=============================================
=                MAP FUNCTIONS                =
=============================================*/
/*=============================================
=               MATH FUNCTIONS                =
=============================================*/
.anmeldedaten-modal .title {
  font-size: 1.6rem;
  margin-bottom: 2rem;
  color: #439881;
}