/*
 *************************************************************************
 **                                                                     **
 **                               YES!                                  **
 **                  .YOU CAN EDIT THIS FILE MANUALLY.                  **
 **        Place you changes here, this file will be included           **
 **                    in the project automatically.                    **
 **                                                                     **
 **            .DIESE DATEI KANN VON HAND ANGEPASST WERDEN.             **
 **        Fuegen Sie ihre haendischen CSS-Aenderungen hier ein.        **
 **        Diese Datei wird automatisch im Projekt eingebunden.         **
 **                                                                     **
 **                                                                     **
 *************************************************************************
*/

#search #results {
  font-size: 0.8em;
}

#search .result-footer {
  display: flex;
}

#search .single-result {
  margin-top: 25px;
}

#search .box {
  padding: 20px;
}

/* Ticket 68929 - Anderes Coursedetail Bannerbild --Entfernen wenn ein anderes Bannerbild benutzt wird-- */


@media only screen and (max-width: 481px) {

  .banner .banner--img {
    height: 165px;
  }

  .course-detail .banner .banner--img:not(.focuspoint) img {
    object-position: 78%;
  }
}

@media (min-width: 501px) {
  .moinai_widget {
    max-height: calc(var(--knowhere-vh, 1vh) * 100 - 80px) !important;
  }
}

.moinai_widget {
  height: calc(var(--knowhere-vh, 1vh) * 100 - 60px) !important;
}

#web-messenger-container {
  z-index: 99999;
}

@media (max-width: 767px) {
  #web-messenger-container {
    max-height: calc(100vh - 64px);
  }
}

/* Feedback Formular */


/* Not yet supported by css preprocessor*/
.popover-modal {
  &:popover-open, &[open],
  &:popover-open::backdrop, &[open]::backdrop {
    @starting-style {
      opacity: 0;
    }
  }
}

.ai-generated-badge {
  position: absolute;
  top: 5px;
  opacity: 0.9;
  padding: 3px;
  font-size: 0.9rem;
  left: 5px;
  background-color: #9E9E9E;
  color: white;
}

.ai-generated-badge-left-top {
  position: absolute;
  top: 5px;
  opacity: 0.9;
  padding: 3px;
  font-size: 0.9rem;
  left: 5px;
  background-color: #9E9E9E;
  color: white;
}


.course-thumbnail {
  position: relative;
}

.ai-generated-badge-bottom-right {
  position: absolute;
  bottom: 4px;
  opacity: 0.9;
  font-size: 0.9rem;
  right: 4px;
  background-color: #9E9E9E;
  color: white;
  padding:3px;
}

.webinar-image {
  position: relative;
}
.webinar-image figure .ai-generated-badge {
  position: absolute;
  top: 0;
  opacity: 0.9;
  padding: 3px;
  font-size: 0.9rem;
  left: auto;
  margin: 5px;
  background-color: #9E9E9E;
  color: white;
}

.course-image-after-content {
  align-items: center;
}

.course-image-after-content figure {
  position: relative;
  width: fit-content;
}

.course-image-after-content figure .ai-generated-badge {
  position: absolute;
  top: 5px;
  opacity: 0.9;
  padding: 3px;
  font-size: 0.9rem;
  left: 5px;
  background-color: #9E9E9E;
  color: white;
}

.clickable-card {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

/* 1909 */
.content-background-blue {
  background-color: #0075aa;
  & * {
    color: white;
  }
  a {
    color: white;
  }
}