/* ---------- VARIABLES AND MIXINS ---------- */
/* ---------- END OF VARIABLES AND MIXINS ---------- */
/* ---------- HEADER ---------- */
/* setting the transitions for all relevant elements, 0.4s is the default transition time of hover-effect of elementor nav-menu*/
.header-section *:not(span, span *) {
  transition: all 0.5s ease;
}
/* -- Styling of sticky header -- */
.header-section.elementor-sticky--effects {
  background-color: var(--e-global-color-43aa5c8);
  /* sets minimum height of sticky header */
  /* Setting text-color of desktop mainmenu and mobile dropdown icon to elmmentor global color "text--ultra-dark" */
  /* Removes underline for sticky header */
  /* Setting text-color of sub-menu to elementor global color "text--dark". */
  /* Setting text and arrow color of dropdown menu in mobile to elementor global color "text"*/
  /* Setting hover and active color of text to global color "primary" */
  /* Adjust position of submenu on desktop*/
  /* Fixing inline CSS positioning of submenu on mobile */
}
.header-section.elementor-sticky--effects div {
  min-height: 40px !important;
}
.header-section.elementor-sticky--effects, .header-section.elementor-sticky--effects .elementor-nav-menu--main a, .header-section.elementor-sticky--effects i {
  color: var(--e-global-color-4f7d3e4) !important;
}
.header-section.elementor-sticky--effects nav > ul a:after {
  content: none;
}
.header-section.elementor-sticky--effects .sub-menu a {
  color: var(--e-global-color-2effe8b) !important;
}
.header-section.elementor-sticky--effects .elementor-nav-menu--dropdown a, .header-section.elementor-sticky--effects .elementor-nav-menu--dropdown li {
  color: var(--e-global-color-text) !important;
}
.header-section.elementor-sticky--effects a:hover, .header-section.elementor-sticky--effects .current-menu-item a {
  color: var(--e-global-color-primary) !important;
}
.header-section.elementor-sticky--effects .elementor-nav-menu--main ul.sub-menu {
  top: 26px !important;
}
.header-section.elementor-sticky--effects nav.elementor-nav-menu--dropdown[style] {
  top: 26px !important;
}
/* ---------- END OF HEADER ---------- */
/* ---------- BODY ---------- */
/* -- Custom CSS for Post Grid Widget --*/
.post-grid--equal-height article .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
}
.post-grid--equal-height div :not(article .elementor-widget-wrap *) {
  height: 100%;
}
.post-grid--equal-height .elementor-widget-button {
  margin-top: auto;
}
.elementor-post__excerpt p:after {
  content: "...";
}
/* -- End post grid widget --*/
/* ---- 
Custom CSS to make left or/and right column of 2-column-full-width-section boxed. 

Add .boxed to section and .boxed__column-left / .boxed__column-right to the respective column/ item. 

Default layout is 2-column-layout. To change layout on specific screen size add classes
.boxed--d-1 
.boxed--t-1 
.boxed--m-1
to main section.
---- */
.boxed .boxed__column-left, .boxed .boxed__column-right {
  max-width: calc(1300px/2);
}
.boxed .boxed__column-left {
  margin-left: auto;
  margin-right: 0px;
}
.boxed .boxed__column-right {
  margin-left: 0px;
  margin-right: auto;
}
.boxed--d-1 .boxed__column-left, .boxed--d-1 .boxed__column-right {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .boxed .boxed__column-left, .boxed .boxed__column-right {
    max-width: calc(900px/2);
  }
  .boxed .boxed__column-left {
    margin-left: auto;
    margin-right: 0px;
  }
  .boxed .boxed__column-right {
    margin-left: 0px;
    margin-right: auto;
  }
  .boxed--t-1 .boxed__column-left, .boxed--t-1 .boxed__column-right {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .boxed .boxed__column-left, .boxed .boxed__column-right {
    max-width: calc(767px/2);
  }
  .boxed .boxed__column-left {
    margin-left: auto;
    margin-right: 0px;
  }
  .boxed .boxed__column-right {
    margin-left: 0px;
    margin-right: auto;
  }
  .boxed--m-1 .boxed__column-left, .boxed--m-1 .boxed__column-right {
    max-width: 767px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* -- Styling for dynamic widget in Projekt-Video-Link Listing -- */
.dynamic-widget--projekt-video-link iframe {
  max-height: 300px;
}
/* -- End dynamic widget -- */
/* -- Styling of Leuchtturmschule Listing Card -- */
.lts-listing-card__term:not(:last-child)::after {
  content: ' | ';
  color: var(--e-global-color-2041bde);
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
}
.lts-listing-card__term {
  line-height: 1.5rem !important;
}
.lts-listing-card__term * {
  float: left;
  line-height: 1.5rem !important;
}
/*-- End of LTS Listing Card -- */
/*-- Styling of LTS Modal --*/
.lts-modal__term:not(:last-child)::after {
  content: ' | ';
  color: var(--e-global-color-2041bde);
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
}
.lts-modal__term * {
  float: left;
}
/*-- End of LTS Modal --*/
/* ---------- END OF BODY ---------- */
/* ---------- Reusable Elements ---------- */
/* -- Alternating listing grid. Add this class to make listing-grid alternating. -- */
.listing-grid--alternating .jet-listing-grid__item:nth-of-type(even) .elementor-top-section > .elementor-container {
  flex-direction: row-reverse;
}
/* -- End alternating listing grid. -- */
/* -- Align last element of listing to the bottom (e.g. Button in card).
Add class .btn-align-bottom to listing grid widget.
-- */
.btn-align-bottom .jet-listing-grid section.elementor-top-section > div {
  height: 100%;
}
.btn-align-bottom .jet-listing-grid__item .elementor-top-section > div > div > div {
  flex-direction: column;
}
.btn-align-bottom .jet-listing-grid__item .elementor-top-section > div > div > div > div:last-child {
  margin-top: auto;
}
/* -- End button align bottom -- */
/* -- Hover Effect for Cards. Add this class .card-hover-effects to the card listing main section --*/
.card-hover-effects {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.card-hover-effects .jet-listing-dynamic-image {
  overflow: hidden;
}
.card-hover-effects img {
  transition: all 0.3s ease;
}
.card-hover-effects:hover {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
.card-hover-effects:hover img {
  transition: all 0.3s ease;
  transform: scale(1.025);
}
/* -- End card hover effects -- */
/* -- Promo Box --*/
.promo-box a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.promo-box .elementor-widget, .promo-box .elementor-widget-wrap {
  position: static;
}
.promo-box h2, .promo-box p {
  transition: all 0.5s ease;
}
.promo-box a {
  font-family: "Museo Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
}
.promo-box p {
  font-size: 12px;
  font-weight: 500;
  color: var(--e-global-color-primary);
  line-height: 1;
}
.promo-box:hover p {
  color: var(--e-global-color-0a51e22);
}
.promo-box:hover h2 {
  color: var(--e-global-color-43aa5c8);
}
/* -- End of Promo-Box --*/
/* -- Styling of links --*/
a.link--light {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--e-global-color-43aa5c8) !important;
}
a.link--light:hover {
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: var(--e-global-color-2effe8b) !important;
}
.underline--color-1 {
  background-image: linear-gradient(to bottom, transparent 0%, transparent 80%, var(--e-global-color-primary) 80%, var(--e-global-color-primary) 100%);
}
a.underline--color-1 {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
}
a.underline--color-1:hover {
  color: inherit;
}
.underline--color-2 {
  background-image: linear-gradient(to bottom, transparent 0%, transparent 80%, var(--e-global-color-8804b8f) 80%, var(--e-global-color-8804b8f) 100%);
}
a.underline--color-2 {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
}
a.underline--color-2:hover {
  color: inherit;
}
/* -- End underline -- */
/* ---------- End reusable elements ---------- */